WIP - use AI assistant to create records in the system

WIP - create records via AI Assistant more flexible and dynamic
WIP - some success creating related records
2026-01-18 09:15:06 +01:00 · 2026-01-18 08:47:51 +01:00 · 2026-01-18 05:24:41 +01:00 · 2026-01-18 04:45:15 +01:00
15 changed files with 64 additions and 1514 deletions
--- a/backend/migrations/tenant/20250131000001_add_layout_type_to_page_layouts.js
+++ b/backend/migrations/tenant/20250131000001_add_layout_type_to_page_layouts.js
@@ -1,95 +0,0 @@
-/**
- * @param { import("knex").Knex } knex
- * @returns { Promise<void> }
- */
-exports.up = async function(knex) {
-  // Check if layout_type column already exists (in case of partial migration)
-  const hasLayoutType = await knex.schema.hasColumn('page_layouts', 'layout_type');
-  
-  // Check if the old index exists
-  const [indexes] = await knex.raw(`SHOW INDEX FROM page_layouts WHERE Key_name = 'page_layouts_object_id_is_default_index'`);
-  const hasOldIndex = indexes.length > 0;
-
-  // Check if foreign key exists
-  const [fks] = await knex.raw(`
-    SELECT CONSTRAINT_NAME FROM information_schema.TABLE_CONSTRAINTS 
-    WHERE TABLE_SCHEMA = DATABASE() 
-    AND TABLE_NAME = 'page_layouts' 
-    AND CONSTRAINT_TYPE = 'FOREIGN KEY'
-    AND CONSTRAINT_NAME = 'page_layouts_object_id_foreign'
-  `);
-  const hasForeignKey = fks.length > 0;
-
-  if (hasOldIndex) {
-    // First, drop the foreign key constraint that depends on the index (if it exists)
-    if (hasForeignKey) {
-      await knex.schema.alterTable('page_layouts', (table) => {
-        table.dropForeign(['object_id']);
-      });
-    }
-
-    // Now we can safely drop the old index
-    await knex.schema.alterTable('page_layouts', (table) => {
-      table.dropIndex(['object_id', 'is_default']);
-    });
-  }
-
-  // Add layout_type column if it doesn't exist
-  if (!hasLayoutType) {
-    await knex.schema.alterTable('page_layouts', (table) => {
-      // Add layout_type column to distinguish between detail/edit layouts and list view layouts
-      // Default to 'detail' for existing layouts
-      table.enum('layout_type', ['detail', 'list']).notNullable().defaultTo('detail').after('name');
-    });
-  }
-
-  // Check if new index exists
-  const [newIndexes] = await knex.raw(`SHOW INDEX FROM page_layouts WHERE Key_name = 'page_layouts_object_id_layout_type_is_default_index'`);
-  const hasNewIndex = newIndexes.length > 0;
-
-  if (!hasNewIndex) {
-    // Create new index including layout_type
-    await knex.schema.alterTable('page_layouts', (table) => {
-      table.index(['object_id', 'layout_type', 'is_default']);
-    });
-  }
-
-  // Re-check if foreign key exists (may have been dropped above or in previous attempt)
-  const [fksAfter] = await knex.raw(`
-    SELECT CONSTRAINT_NAME FROM information_schema.TABLE_CONSTRAINTS 
-    WHERE TABLE_SCHEMA = DATABASE() 
-    AND TABLE_NAME = 'page_layouts' 
-    AND CONSTRAINT_TYPE = 'FOREIGN KEY'
-    AND CONSTRAINT_NAME = 'page_layouts_object_id_foreign'
-  `);
-  
-  if (fksAfter.length === 0) {
-    // Re-add the foreign key constraint
-    await knex.schema.alterTable('page_layouts', (table) => {
-      table.foreign('object_id').references('id').inTable('object_definitions').onDelete('CASCADE');
-    });
-  }
-};
-
-/**
- * @param { import("knex").Knex } knex
- * @returns { Promise<void> }
- */
-exports.down = async function(knex) {
-  // Drop the foreign key first
-  await knex.schema.alterTable('page_layouts', (table) => {
-    table.dropForeign(['object_id']);
-  });
-
-  // Drop the new index and column, restore old index
-  await knex.schema.alterTable('page_layouts', (table) => {
-    table.dropIndex(['object_id', 'layout_type', 'is_default']);
-    table.dropColumn('layout_type');
-    table.index(['object_id', 'is_default']);
-  });
-
-  // Re-add the foreign key constraint
-  await knex.schema.alterTable('page_layouts', (table) => {
-    table.foreign('object_id').references('id').inTable('object_definitions').onDelete('CASCADE');
-  });
-};
--- a/backend/src/ai-assistant/ai-assistant.service.ts
+++ b/backend/src/ai-assistant/ai-assistant.service.ts
@@ -348,7 +348,7 @@ export class AiAssistantService {
    const trimmedHistory = Array.isArray(history) ? history.slice(-6) : [];
    
    // Use Deep Agent as the main coordinator
-    const result = await this.runDeepAgent(tenantId, userId, message, history, context, prior);
+    const result = await this.runDeepAgent(tenantId, userId, message, trimmedHistory, context, prior);

    // Update conversation state based on result
    if (result.record) {
--- a/backend/src/object/field-mapper.service.ts
+++ b/backend/src/object/field-mapper.service.ts
@@ -79,10 +79,6 @@ export class FieldMapperService {
    const frontendType = this.mapFieldType(field.type);
    const isLookupField = frontendType === 'belongsTo' || field.type.toLowerCase().includes('lookup');
    
-    // Hide 'id' field from list view by default
-    const isIdField = field.apiName === 'id';
-    const defaultShowOnList = isIdField ? false : true;
-    
    return {
      id: field.id,
      apiName: field.apiName,
@@ -99,7 +95,7 @@ export class FieldMapperService {
      isReadOnly: field.isSystem || uiMetadata.isReadOnly || false,
      
      // View visibility
-      showOnList: uiMetadata.showOnList !== undefined ? uiMetadata.showOnList : defaultShowOnList,
+      showOnList: uiMetadata.showOnList !== false,
      showOnDetail: uiMetadata.showOnDetail !== false,
      showOnEdit: uiMetadata.showOnEdit !== false && !field.isSystem,
      sortable: uiMetadata.sortable !== false,
@@ -145,7 +141,6 @@ export class FieldMapperService {
      'boolean': 'boolean',
      'date': 'date',
      'datetime': 'datetime',
-      'date_time': 'datetime',
      'time': 'time',
      'email': 'email',
      'url': 'url',
--- a/backend/src/page-layout/dto/page-layout.dto.ts
+++ b/backend/src/page-layout/dto/page-layout.dto.ts
@@ -1,6 +1,4 @@
-import { IsString, IsUUID, IsBoolean, IsOptional, IsObject, IsIn } from 'class-validator';
-
-export type PageLayoutType = 'detail' | 'list';
+import { IsString, IsUUID, IsBoolean, IsOptional, IsObject } from 'class-validator';

 export class CreatePageLayoutDto {
  @IsString()
@@ -9,25 +7,18 @@ export class CreatePageLayoutDto {
  @IsUUID()
  objectId: string;

-  @IsIn(['detail', 'list'])
-  @IsOptional()
-  layoutType?: PageLayoutType = 'detail';
-
  @IsBoolean()
  @IsOptional()
  isDefault?: boolean;

  @IsObject()
  layoutConfig: {
-    // For detail layouts: grid-based field positions
    fields: Array<{
      fieldId: string;
-      x?: number;
-      y?: number;
-      w?: number;
-      h?: number;
-      // For list layouts: field order (optional, defaults to array index)
-      order?: number;
+      x: number;
+      y: number;
+      w: number;
+      h: number;
    }>;
    relatedLists?: string[];
  };
@@ -51,11 +42,10 @@ export class UpdatePageLayoutDto {
  layoutConfig?: {
    fields: Array<{
      fieldId: string;
-      x?: number;
-      y?: number;
-      w?: number;
-      h?: number;
-      order?: number;
+      x: number;
+      y: number;
+      w: number;
+      h: number;
    }>;
    relatedLists?: string[];
  };
--- a/backend/src/page-layout/page-layout.controller.ts
+++ b/backend/src/page-layout/page-layout.controller.ts
@@ -10,7 +10,7 @@ import {
  Query,
 } from '@nestjs/common';
 import { PageLayoutService } from './page-layout.service';
-import { CreatePageLayoutDto, UpdatePageLayoutDto, PageLayoutType } from './dto/page-layout.dto';
+import { CreatePageLayoutDto, UpdatePageLayoutDto } from './dto/page-layout.dto';
 import { JwtAuthGuard } from '../auth/jwt-auth.guard';
 import { TenantId } from '../tenant/tenant.decorator';

@@ -25,21 +25,13 @@ export class PageLayoutController {
  }

  @Get()
-  findAll(
-    @TenantId() tenantId: string, 
-    @Query('objectId') objectId?: string,
-    @Query('layoutType') layoutType?: PageLayoutType,
-  ) {
-    return this.pageLayoutService.findAll(tenantId, objectId, layoutType);
+  findAll(@TenantId() tenantId: string, @Query('objectId') objectId?: string) {
+    return this.pageLayoutService.findAll(tenantId, objectId);
  }

  @Get('default/:objectId')
-  findDefaultByObject(
-    @TenantId() tenantId: string, 
-    @Param('objectId') objectId: string,
-    @Query('layoutType') layoutType?: PageLayoutType,
-  ) {
-    return this.pageLayoutService.findDefaultByObject(tenantId, objectId, layoutType || 'detail');
+  findDefaultByObject(@TenantId() tenantId: string, @Param('objectId') objectId: string) {
+    return this.pageLayoutService.findDefaultByObject(tenantId, objectId);
  }

  @Get(':id')
--- a/backend/src/page-layout/page-layout.service.ts
+++ b/backend/src/page-layout/page-layout.service.ts
@@ -1,6 +1,6 @@
 import { Injectable, NotFoundException } from '@nestjs/common';
 import { TenantDatabaseService } from '../tenant/tenant-database.service';
-import { CreatePageLayoutDto, UpdatePageLayoutDto, PageLayoutType } from './dto/page-layout.dto';
+import { CreatePageLayoutDto, UpdatePageLayoutDto } from './dto/page-layout.dto';

@Injectable()
 export class PageLayoutService {
@@ -8,19 +8,17 @@ export class PageLayoutService {

  async create(tenantId: string, createDto: CreatePageLayoutDto) {
    const knex = await this.tenantDbService.getTenantKnex(tenantId);
-    const layoutType = createDto.layoutType || 'detail';
    
-    // If this layout is set as default, unset other defaults for the same object and layout type
+    // If this layout is set as default, unset other defaults for the same object
    if (createDto.isDefault) {
      await knex('page_layouts')
-        .where({ object_id: createDto.objectId, layout_type: layoutType })
+        .where({ object_id: createDto.objectId })
        .update({ is_default: false });
    }

    const [id] = await knex('page_layouts').insert({
      name: createDto.name,
      object_id: createDto.objectId,
-      layout_type: layoutType,
      is_default: createDto.isDefault || false,
      layout_config: JSON.stringify(createDto.layoutConfig),
      description: createDto.description || null,
@@ -31,7 +29,7 @@ export class PageLayoutService {
    return result;
  }

-  async findAll(tenantId: string, objectId?: string, layoutType?: PageLayoutType) {
+  async findAll(tenantId: string, objectId?: string) {
    const knex = await this.tenantDbService.getTenantKnex(tenantId);
    
    let query = knex('page_layouts');
@@ -40,10 +38,6 @@ export class PageLayoutService {
      query = query.where({ object_id: objectId });
    }

-    if (layoutType) {
-      query = query.where({ layout_type: layoutType });
-    }
-
    const layouts = await query.orderByRaw('is_default DESC, name ASC');
    return layouts;
  }
@@ -60,11 +54,11 @@ export class PageLayoutService {
    return layout;
  }

-  async findDefaultByObject(tenantId: string, objectId: string, layoutType: PageLayoutType = 'detail') {
+  async findDefaultByObject(tenantId: string, objectId: string) {
    const knex = await this.tenantDbService.getTenantKnex(tenantId);
    
    const layout = await knex('page_layouts')
-      .where({ object_id: objectId, is_default: true, layout_type: layoutType })
+      .where({ object_id: objectId, is_default: true })
      .first();

    return layout || null;
@@ -74,12 +68,13 @@ export class PageLayoutService {
    const knex = await this.tenantDbService.getTenantKnex(tenantId);
    
    // Check if layout exists
-    const layout = await this.findOne(tenantId, id);
+    await this.findOne(tenantId, id);

-    // If setting as default, unset other defaults for the same object and layout type
+    // If setting as default, unset other defaults for the same object
    if (updateDto.isDefault) {
+      const layout = await this.findOne(tenantId, id);
      await knex('page_layouts')
-        .where({ object_id: layout.object_id, layout_type: layout.layout_type })
+        .where({ object_id: layout.object_id })
        .whereNot({ id })
        .update({ is_default: false });
    }
--- a/frontend/components/ListViewLayoutEditor.vue
+++ b/frontend/components/ListViewLayoutEditor.vue
@@ -1,264 +0,0 @@
-<template>
-  <div class="list-view-layout-editor">
-    <div class="flex h-full">
-      <!-- Selected Fields Area -->
-      <div class="flex-1 p-4 overflow-auto">
-        <div class="mb-4 flex justify-between items-center">
-          <h3 class="text-lg font-semibold">{{ layoutName || 'List View Layout' }}</h3>
-          <div class="flex gap-2">
-            <Button variant="outline" size="sm" @click="handleClear">
-              Clear All
-            </Button>
-            <Button size="sm" @click="handleSave">
-              Save Layout
-            </Button>
-          </div>
-        </div>
-        
-        <div class="border rounded-lg bg-slate-50 dark:bg-slate-900 p-4 min-h-[400px]">
-          <p class="text-sm text-muted-foreground mb-4">
-            Drag fields to reorder them. Fields will appear in the list view in this order.
-          </p>
-          
-          <div v-if="selectedFields.length === 0" class="text-center py-8 text-muted-foreground">
-            <p>No fields selected.</p>
-            <p class="text-sm">Click or drag fields from the right panel to add them.</p>
-          </div>
-          
-          <div 
-            v-else 
-            ref="sortableContainer"
-            class="space-y-2"
-          >
-            <div
-              v-for="(field, index) in selectedFields"
-              :key="field.id"
-              class="p-3 border rounded cursor-move bg-white dark:bg-slate-800 hover:border-primary transition-colors flex items-center justify-between"
-              draggable="true"
-              @dragstart="handleDragStart($event, index)"
-              @dragover.prevent="handleDragOver($event, index)"
-              @drop="handleDrop($event, index)"
-            >
-              <div class="flex items-center gap-3">
-                <span class="text-muted-foreground cursor-grab">
-                  <GripVertical class="w-4 h-4" />
-                </span>
-                <div>
-                  <div class="font-medium text-sm">{{ field.label }}</div>
-                  <div class="text-xs text-muted-foreground">
-                    {{ field.apiName }} • {{ formatFieldType(field.type) }}
-                  </div>
-                </div>
-              </div>
-              <Button
-                variant="ghost"
-                size="sm"
-                class="text-destructive hover:text-destructive"
-                @click="removeField(field.id)"
-              >
-                <X class="w-4 h-4" />
-              </Button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Available Fields Sidebar -->
-      <div class="w-80 border-l bg-white dark:bg-slate-950 p-4 overflow-auto">
-        <h3 class="text-lg font-semibold mb-4">Available Fields</h3>
-        <p class="text-xs text-muted-foreground mb-4">Click or drag to add field to list</p>
-        
-        <div v-if="availableFields.length === 0" class="text-center py-4 text-muted-foreground text-sm">
-          All fields have been added to the layout.
-        </div>
-        
-        <div v-else class="space-y-2">
-          <div
-            v-for="field in availableFields"
-            :key="field.id"
-            class="p-3 border rounded cursor-pointer bg-white dark:bg-slate-900 hover:border-primary hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors"
-            draggable="true"
-            @dragstart="handleAvailableFieldDragStart($event, field)"
-            @click="addField(field)"
-          >
-            <div class="font-medium text-sm">{{ field.label }}</div>
-            <div class="text-xs text-muted-foreground">
-              {{ field.apiName }} • {{ formatFieldType(field.type) }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { GripVertical, X } from 'lucide-vue-next'
-import type { FieldLayoutItem } from '~/types/page-layout'
-import type { FieldConfig } from '~/types/field-types'
-import { Button } from '@/components/ui/button'
-
-const props = defineProps<{
-  fields: FieldConfig[]
-  initialLayout?: FieldLayoutItem[]
-  layoutName?: string
-}>()
-
-const emit = defineEmits<{
-  save: [layout: { fields: FieldLayoutItem[] }]
-}>()
-
-// Selected fields in order
-const selectedFieldIds = ref<string[]>([])
-const draggedIndex = ref<number | null>(null)
-const draggedAvailableField = ref<FieldConfig | null>(null)
-
-// Initialize with initial layout
-watch(() => props.initialLayout, (layout) => {
-  if (layout && layout.length > 0) {
-    // Sort by order if available, otherwise use array order
-    const sorted = [...layout].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
-    selectedFieldIds.value = sorted.map(item => item.fieldId)
-  }
-}, { immediate: true })
-
-// Computed selected fields in order
-const selectedFields = computed(() => {
-  return selectedFieldIds.value
-    .map(id => props.fields.find(f => f.id === id))
-    .filter((f): f is FieldConfig => f !== undefined)
-})
-
-// Available fields (not selected)
-const availableFields = computed(() => {
-  const selectedSet = new Set(selectedFieldIds.value)
-  return props.fields.filter(field => !selectedSet.has(field.id))
-})
-
-const formatFieldType = (type: string): string => {
-  const typeNames: Record<string, string> = {
-    'TEXT': 'Text',
-    'LONG_TEXT': 'Textarea',
-    'EMAIL': 'Email',
-    'PHONE': 'Phone',
-    'NUMBER': 'Number',
-    'CURRENCY': 'Currency',
-    'PERCENT': 'Percent',
-    'PICKLIST': 'Picklist',
-    'MULTI_PICKLIST': 'Multi-select',
-    'BOOLEAN': 'Checkbox',
-    'DATE': 'Date',
-    'DATE_TIME': 'DateTime',
-    'TIME': 'Time',
-    'URL': 'URL',
-    'LOOKUP': 'Lookup',
-    'FILE': 'File',
-    'IMAGE': 'Image',
-    'JSON': 'JSON',
-    'text': 'Text',
-    'textarea': 'Textarea',
-    'email': 'Email',
-    'number': 'Number',
-    'currency': 'Currency',
-    'select': 'Picklist',
-    'multiSelect': 'Multi-select',
-    'boolean': 'Checkbox',
-    'date': 'Date',
-    'datetime': 'DateTime',
-    'url': 'URL',
-    'lookup': 'Lookup',
-    'belongsTo': 'Lookup',
-  }
-  return typeNames[type] || type
-}
-
-const addField = (field: FieldConfig) => {
-  if (!selectedFieldIds.value.includes(field.id)) {
-    selectedFieldIds.value.push(field.id)
-  }
-}
-
-const removeField = (fieldId: string) => {
-  selectedFieldIds.value = selectedFieldIds.value.filter(id => id !== fieldId)
-}
-
-// Drag and drop for reordering
-const handleDragStart = (event: DragEvent, index: number) => {
-  draggedIndex.value = index
-  draggedAvailableField.value = null
-  if (event.dataTransfer) {
-    event.dataTransfer.effectAllowed = 'move'
-  }
-}
-
-const handleDragOver = (event: DragEvent, index: number) => {
-  event.preventDefault()
-  if (event.dataTransfer) {
-    event.dataTransfer.dropEffect = 'move'
-  }
-}
-
-const handleDrop = (event: DragEvent, targetIndex: number) => {
-  event.preventDefault()
-  
-  // Handle drop from available fields
-  if (draggedAvailableField.value) {
-    addField(draggedAvailableField.value)
-    // Move the newly added field to the target position
-    const newFieldId = draggedAvailableField.value.id
-    const currentIndex = selectedFieldIds.value.indexOf(newFieldId)
-    if (currentIndex !== -1 && currentIndex !== targetIndex) {
-      const ids = [...selectedFieldIds.value]
-      ids.splice(currentIndex, 1)
-      ids.splice(targetIndex, 0, newFieldId)
-      selectedFieldIds.value = ids
-    }
-    draggedAvailableField.value = null
-    return
-  }
-  
-  // Handle reordering within selected fields
-  if (draggedIndex.value === null || draggedIndex.value === targetIndex) {
-    draggedIndex.value = null
-    return
-  }
-  
-  const ids = [...selectedFieldIds.value]
-  const [removed] = ids.splice(draggedIndex.value, 1)
-  ids.splice(targetIndex, 0, removed)
-  selectedFieldIds.value = ids
-  draggedIndex.value = null
-}
-
-// Drag from available fields
-const handleAvailableFieldDragStart = (event: DragEvent, field: FieldConfig) => {
-  draggedAvailableField.value = field
-  draggedIndex.value = null
-  if (event.dataTransfer) {
-    event.dataTransfer.effectAllowed = 'copy'
-  }
-}
-
-const handleClear = () => {
-  if (confirm('Are you sure you want to clear all fields from the layout?')) {
-    selectedFieldIds.value = []
-  }
-}
-
-const handleSave = () => {
-  const layout: FieldLayoutItem[] = selectedFieldIds.value.map((fieldId, index) => ({
-    fieldId,
-    order: index,
-  }))
-  
-  emit('save', { fields: layout })
-}
-</script>
-
-<style scoped>
-.list-view-layout-editor {
-  height: calc(100vh - 300px);
-  min-height: 500px;
-}
-</style>
--- a/frontend/components/fields/FieldRenderer.vue
+++ b/frontend/components/fields/FieldRenderer.vue
@@ -85,31 +85,9 @@ const formatValue = (val: any): string => {
    case FieldType.BELONGS_TO:
      return relationshipDisplayValue.value
    case FieldType.DATE:
-      try {
-        const date = val instanceof Date ? val : new Date(val)
-        return date.toLocaleDateString(undefined, { 
-          year: 'numeric', 
-          month: '2-digit', 
-          day: '2-digit' 
-        })
-      } catch {
-        return String(val)
-      }
+      return val instanceof Date ? val.toLocaleDateString() : new Date(val).toLocaleDateString()
    case FieldType.DATETIME:
-      try {
-        const date = val instanceof Date ? val : new Date(val)
-        return date.toLocaleString(undefined, { 
-          year: 'numeric', 
-          month: '2-digit', 
-          day: '2-digit',
-          hour: '2-digit',
-          minute: '2-digit',
-          second: '2-digit',
-          hour12: false
-        })
-      } catch {
-        return String(val)
-      }
+      return val instanceof Date ? val.toLocaleString() : new Date(val).toLocaleString()
    case FieldType.BOOLEAN:
      return val ? 'Yes' : 'No'
    case FieldType.CURRENCY:
--- a/frontend/composables/useFieldViews.ts
+++ b/frontend/composables/useFieldViews.ts
@@ -20,9 +20,6 @@ export const useFields = () => {
    // Hide system fields and auto-generated fields on edit
    const shouldHideOnEdit = isSystemField || isAutoGeneratedField
    
-    // Hide 'id' field from list view by default (check both apiName and id field)
-    const shouldHideOnList = fieldDef.apiName === 'id' || fieldDef.label === 'Id' || fieldDef.label === 'ID'
-    
    return {
      id: fieldDef.id,
      apiName: fieldDef.apiName,
@@ -40,7 +37,7 @@ export const useFields = () => {
      validationRules: fieldDef.validationRules || [],
      
      // View options - only hide system and auto-generated fields by default
-      showOnList: fieldDef.showOnList ?? !shouldHideOnList,
+      showOnList: fieldDef.showOnList ?? true,
      showOnDetail: fieldDef.showOnDetail ?? true,
      showOnEdit: fieldDef.showOnEdit ?? !shouldHideOnEdit,
      sortable: fieldDef.sortable ?? true,
@@ -70,36 +67,12 @@ export const useFields = () => {

  /**
   * Build a ListView configuration from object definition
-   * @param objectDef - The object definition containing fields
-   * @param customConfig - Optional custom configuration
-   * @param listLayoutConfig - Optional list view layout configuration from page_layouts
   */
  const buildListViewConfig = (
    objectDef: any,
-    customConfig?: Partial<ListViewConfig>,
-    listLayoutConfig?: { fields: Array<{ fieldId: string; order?: number }> } | null
+    customConfig?: Partial<ListViewConfig>
  ): ListViewConfig => {
-    let fields = objectDef.fields?.map(mapFieldDefinitionToConfig) || []
-    
-    // If a list layout is provided, filter and order fields according to it
-    if (listLayoutConfig && listLayoutConfig.fields && listLayoutConfig.fields.length > 0) {
-      // Sort layout fields by order
-      const sortedLayoutFields = [...listLayoutConfig.fields].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
-      
-      // Map layout fields to actual field configs, preserving order
-      const orderedFields: FieldConfig[] = []
-      for (const layoutField of sortedLayoutFields) {
-        const fieldConfig = fields.find((f: FieldConfig) => f.id === layoutField.fieldId)
-        if (fieldConfig) {
-          orderedFields.push(fieldConfig)
-        }
-      }
-      
-      // Use ordered fields if we found any, otherwise fall back to all fields
-      if (orderedFields.length > 0) {
-        fields = orderedFields
-      }
-    }
+    const fields = objectDef.fields?.map(mapFieldDefinitionToConfig) || []
    
    return {
      objectApiName: objectDef.apiName,
--- a/frontend/composables/usePageLayouts.ts
+++ b/frontend/composables/usePageLayouts.ts
@@ -1,13 +1,11 @@
-import type { PageLayout, CreatePageLayoutRequest, UpdatePageLayoutRequest, PageLayoutType } from '~/types/page-layout'
+import type { PageLayout, CreatePageLayoutRequest, UpdatePageLayoutRequest } from '~/types/page-layout'

 export const usePageLayouts = () => {
  const { api } = useApi()

-  const getPageLayouts = async (objectId?: string, layoutType?: PageLayoutType) => {
+  const getPageLayouts = async (objectId?: string) => {
    try {
-      const params: Record<string, string> = {}
-      if (objectId) params.objectId = objectId
-      if (layoutType) params.layoutType = layoutType
+      const params = objectId ? { objectId } : {}
      const response = await api.get('/page-layouts', { params })
      return response
    } catch (error) {
@@ -26,11 +24,9 @@ export const usePageLayouts = () => {
    }
  }

-  const getDefaultPageLayout = async (objectId: string, layoutType: PageLayoutType = 'detail') => {
+  const getDefaultPageLayout = async (objectId: string) => {
    try {
-      const response = await api.get(`/page-layouts/default/${objectId}`, { 
-        params: { layoutType } 
-      })
+      const response = await api.get(`/page-layouts/default/${objectId}`)
      return response
    } catch (error) {
      console.error('Error fetching default page layout:', error)
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/pages/[objectName]/[[recordId]]/[[view]].vue
+++ b/frontend/pages/[objectName]/[[recordId]]/[[view]].vue
@@ -3,7 +3,6 @@ import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useApi } from '@/composables/useApi'
 import { useFields, useViewState } from '@/composables/useFieldViews'
-import { usePageLayouts } from '@/composables/usePageLayouts'
 import ListView from '@/components/views/ListView.vue'
 import DetailView from '@/components/views/DetailViewEnhanced.vue'
 import EditView from '@/components/views/EditViewEnhanced.vue'
@@ -20,7 +19,6 @@ const route = useRoute()
 const router = useRouter()
 const { api } = useApi()
 const { buildListViewConfig, buildDetailViewConfig, buildEditViewConfig } = useFields()
-const { getDefaultPageLayout } = usePageLayouts()

 // Use breadcrumbs composable
 const { setBreadcrumbs } = useBreadcrumbs()
@@ -42,7 +40,6 @@ const view = computed(() => {

 // State
 const objectDefinition = ref<any>(null)
-const listViewLayout = ref<any>(null)
 const loading = ref(true)
 const error = ref<string | null>(null)

@@ -137,13 +134,11 @@ watch([objectDefinition, currentRecord, recordId], () => {
 // View configs
 const listConfig = computed(() => {
  if (!objectDefinition.value) return null
-  // Pass the list view layout config to buildListViewConfig if available
-  const layoutConfig = listViewLayout.value?.layout_config || listViewLayout.value?.layoutConfig
  return buildListViewConfig(objectDefinition.value, {
    searchable: true,
    exportable: true,
    filterable: true,
-  }, layoutConfig)
+  })
 })

 const detailConfig = computed(() => {
@@ -177,16 +172,6 @@ const fetchObjectDefinition = async () => {
    error.value = null
    const response = await api.get(`/setup/objects/${objectApiName.value}`)
    objectDefinition.value = response
-    
-    // Fetch the default list view layout for this object
-    if (response?.id) {
-      try {
-        listViewLayout.value = await getDefaultPageLayout(response.id, 'list')
-      } catch (e) {
-        // No list view layout configured, will use default behavior
-        listViewLayout.value = null
-      }
-    }
  } catch (e: any) {
    error.value = e.message || 'Failed to load object definition'
    console.error('Error fetching object definition:', e)
--- a/frontend/pages/app/objects/[objectName]/[[recordId]]/[[view]].vue
+++ b/frontend/pages/app/objects/[objectName]/[[recordId]]/[[view]].vue
@@ -3,7 +3,6 @@ import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useApi } from '@/composables/useApi'
 import { useFields, useViewState } from '@/composables/useFieldViews'
-import { usePageLayouts } from '@/composables/usePageLayouts'
 import ListView from '@/components/views/ListView.vue'
 import DetailView from '@/components/views/DetailView.vue'
 import EditView from '@/components/views/EditView.vue'
@@ -12,7 +11,6 @@ const route = useRoute()
 const router = useRouter()
 const { api } = useApi()
 const { buildListViewConfig, buildDetailViewConfig, buildEditViewConfig } = useFields()
-const { getDefaultPageLayout } = usePageLayouts()

 // Get object API name from route
 const objectApiName = computed(() => route.params.objectName as string)
@@ -27,7 +25,6 @@ const view = computed(() => {

 // State
 const objectDefinition = ref<any>(null)
-const listViewLayout = ref<any>(null)
 const loading = ref(true)
 const error = ref<string | null>(null)

@@ -69,13 +66,11 @@ onBeforeUnmount(() => {
 // View configs
 const listConfig = computed(() => {
  if (!objectDefinition.value) return null
-  // Pass the list view layout config to buildListViewConfig if available
-  const layoutConfig = listViewLayout.value?.layout_config || listViewLayout.value?.layoutConfig
  return buildListViewConfig(objectDefinition.value, {
    searchable: true,
    exportable: true,
    filterable: true,
-  }, layoutConfig)
+  })
 })

 const detailConfig = computed(() => {
@@ -98,16 +93,6 @@ const fetchObjectDefinition = async () => {
    error.value = null
    const response = await api.get(`/setup/objects/${objectApiName.value}`)
    objectDefinition.value = response
-    
-    // Fetch the default list view layout for this object
-    if (response?.id) {
-      try {
-        listViewLayout.value = await getDefaultPageLayout(response.id, 'list')
-      } catch (e) {
-        // No list view layout configured, will use default behavior
-        listViewLayout.value = null
-      }
-    }
  } catch (e: any) {
    error.value = e.message || 'Failed to load object definition'
    console.error('Error fetching object definition:', e)
--- a/frontend/pages/setup/objects/[apiName].vue
+++ b/frontend/pages/setup/objects/[apiName].vue
@@ -16,11 +16,10 @@
          <!-- Tabs -->
          <div class="mb-8">
            <Tabs v-model="activeTab" default-value="fields" class="w-full">
-              <TabsList class="grid w-full grid-cols-4 max-w-2xl">
+              <TabsList class="grid w-full grid-cols-3 max-w-2xl">
                <TabsTrigger value="fields">Fields</TabsTrigger>
                <TabsTrigger value="access">Access</TabsTrigger>
                <TabsTrigger value="layouts">Page Layouts</TabsTrigger>
-                <TabsTrigger value="listLayouts">List View Layouts</TabsTrigger>
              </TabsList>

              <!-- Fields Tab -->
@@ -149,7 +148,7 @@
                        </div>
                        <div class="flex items-center gap-2">
                          <span
-                            v-if="layout.isDefault || layout.is_default"
+                            v-if="layout.isDefault"
                            class="px-2 py-1 bg-primary/10 text-primary rounded text-xs"
                          >
                            Default
@@ -186,84 +185,6 @@
                  />
                </div>
              </TabsContent>
-
-              <!-- List View Layouts Tab -->
-              <TabsContent value="listLayouts" class="mt-6">
-                <div v-if="!selectedListLayout" class="space-y-4">
-                  <div class="flex justify-between items-center mb-4">
-                    <h2 class="text-xl font-semibold">List View Layouts</h2>
-                    <Button @click="handleCreateListLayout">
-                      <Plus class="w-4 h-4 mr-2" />
-                      New List Layout
-                    </Button>
-                  </div>
-
-                  <p class="text-sm text-muted-foreground mb-4">
-                    Configure which fields appear in list views and their order.
-                  </p>
-
-                  <div v-if="loadingListLayouts" class="text-center py-8">
-                    Loading list layouts...
-                  </div>
-                  
-                  <div v-else-if="listLayouts.length === 0" class="text-center py-8 text-muted-foreground">
-                    No list view layouts yet. Create one to customize your list views.
-                  </div>
-
-                  <div v-else class="space-y-2">
-                    <div
-                      v-for="layout in listLayouts"
-                      :key="layout.id"
-                      class="p-4 border rounded-lg bg-card hover:border-primary cursor-pointer transition-colors"
-                      @click="handleSelectListLayout(layout)"
-                    >
-                      <div class="flex items-center justify-between">
-                        <div>
-                          <h3 class="font-semibold">{{ layout.name }}</h3>
-                          <p v-if="layout.description" class="text-sm text-muted-foreground">
-                            {{ layout.description }}
-                          </p>
-                          <p class="text-xs text-muted-foreground mt-1">
-                            {{ getListLayoutFieldCount(layout) }} fields configured
-                          </p>
-                        </div>
-                        <div class="flex items-center gap-2">
-                          <span
-                            v-if="layout.isDefault || layout.is_default"
-                            class="px-2 py-1 bg-primary/10 text-primary rounded text-xs"
-                          >
-                            Default
-                          </span>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            @click.stop="handleDeleteListLayout(layout.id)"
-                          >
-                            <Trash2 class="w-4 h-4" />
-                          </Button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <!-- List Layout Editor -->
-                <div v-else>
-                  <div class="mb-4">
-                    <Button variant="outline" @click="selectedListLayout = null">
-                      <ArrowLeft class="w-4 h-4 mr-2" />
-                      Back to List Layouts
-                    </Button>
-                  </div>
-
-                  <ListViewLayoutEditor
-                    :fields="object.fields"
-                    :initial-layout="(selectedListLayout.layoutConfig || selectedListLayout.layout_config)?.fields || []"
-                    :layout-name="selectedListLayout.name"
-                    @save="handleSaveListLayout"
-                  />
-                </div>
-              </TabsContent>
            </Tabs>
          </div>
        </div>
@@ -378,7 +299,6 @@ import { Plus, Trash2, ArrowLeft } from 'lucide-vue-next'
 import { Button } from '@/components/ui/button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import PageLayoutEditor from '@/components/PageLayoutEditor.vue'
-import ListViewLayoutEditor from '@/components/ListViewLayoutEditor.vue'
 import ObjectAccessSettings from '@/components/ObjectAccessSettings.vue'
 import FieldTypeSelector from '@/components/fields/FieldTypeSelector.vue'
 import FieldAttributesCommon from '@/components/fields/FieldAttributesCommon.vue'
@@ -395,16 +315,11 @@ const loading = ref(true)
 const error = ref<string | null>(null)
 const activeTab = ref('fields')

-// Page layouts state (detail/edit layouts)
+// Page layouts state
 const layouts = ref<PageLayout[]>([])
 const loadingLayouts = ref(false)
 const selectedLayout = ref<PageLayout | null>(null)

-// List view layouts state
-const listLayouts = ref<PageLayout[]>([])
-const loadingListLayouts = ref(false)
-const selectedListLayout = ref<PageLayout | null>(null)
-
 // Field management state
 const showFieldDialog = ref(false)
 const fieldDialogMode = ref<'create' | 'edit'>('create')
@@ -505,8 +420,7 @@ const fetchLayouts = async () => {
  
  try {
    loadingLayouts.value = true
-    // Fetch only detail layouts (default type)
-    layouts.value = await getPageLayouts(object.value.id, 'detail')
+    layouts.value = await getPageLayouts(object.value.id)
  } catch (e: any) {
    console.error('Error fetching layouts:', e)
    toast.error('Failed to load page layouts')
@@ -515,20 +429,6 @@ const fetchLayouts = async () => {
  }
 }

-const fetchListLayouts = async () => {
-  if (!object.value) return
-  
-  try {
-    loadingListLayouts.value = true
-    listLayouts.value = await getPageLayouts(object.value.id, 'list')
-  } catch (e: any) {
-    console.error('Error fetching list layouts:', e)
-    toast.error('Failed to load list view layouts')
-  } finally {
-    loadingListLayouts.value = false
-  }
-}
-
 const openFieldDialog = async (mode: 'create' | 'edit', field?: any) => {
  fieldDialogMode.value = mode
  fieldDialogError.value = null
@@ -784,7 +684,6 @@ const handleCreateLayout = async () => {
    const newLayout = await createPageLayout({
      name,
      objectId: object.value.id,
-      layoutType: 'detail',
      isDefault: layouts.value.length === 0,
      layoutConfig: { fields: [], relatedLists: [] },
    })
@@ -837,73 +736,6 @@ const handleDeleteLayout = async (layoutId: string) => {
  }
 }

-// List View Layout methods
-const handleCreateListLayout = async () => {
-  const name = prompt('Enter a name for the new list view layout:')
-  if (!name) return
-
-  try {
-    const newLayout = await createPageLayout({
-      name,
-      objectId: object.value.id,
-      layoutType: 'list',
-      isDefault: listLayouts.value.length === 0,
-      layoutConfig: { fields: [] },
-    })
-    
-    listLayouts.value.push(newLayout)
-    selectedListLayout.value = newLayout
-    toast.success('List view layout created successfully')
-  } catch (e: any) {
-    console.error('Error creating list layout:', e)
-    toast.error('Failed to create list view layout')
-  }
-}
-
-const handleSelectListLayout = (layout: PageLayout) => {
-  selectedListLayout.value = layout
-}
-
-const handleSaveListLayout = async (layoutConfig: { fields: FieldLayoutItem[] }) => {
-  if (!selectedListLayout.value) return
-
-  try {
-    const updated = await updatePageLayout(selectedListLayout.value.id, {
-      layoutConfig,
-    })
-    
-    // Update the layout in the list
-    const index = listLayouts.value.findIndex(l => l.id === selectedListLayout.value!.id)
-    if (index !== -1) {
-      listLayouts.value[index] = updated
-    }
-    
-    selectedListLayout.value = updated
-    toast.success('List view layout saved successfully')
-  } catch (e: any) {
-    console.error('Error saving list layout:', e)
-    toast.error('Failed to save list view layout')
-  }
-}
-
-const handleDeleteListLayout = async (layoutId: string) => {
-  if (!confirm('Are you sure you want to delete this list view layout?')) return
-
-  try {
-    await deletePageLayout(layoutId)
-    listLayouts.value = listLayouts.value.filter(l => l.id !== layoutId)
-    toast.success('List view layout deleted successfully')
-  } catch (e: any) {
-    console.error('Error deleting list layout:', e)
-    toast.error('Failed to delete list view layout')
-  }
-}
-
-const getListLayoutFieldCount = (layout: PageLayout): number => {
-  const config = layout.layoutConfig || layout.layout_config
-  return config?.fields?.length || 0
-}
-
 const handleAccessUpdate = (orgWideDefault: string) => {
  if (object.value) {
    object.value.orgWideDefault = orgWideDefault
@@ -915,9 +747,6 @@ watch(activeTab, (newTab) => {
  if (newTab === 'layouts' && layouts.value.length === 0 && !loadingLayouts.value) {
    fetchLayouts()
  }
-  if (newTab === 'listLayouts' && listLayouts.value.length === 0 && !loadingListLayouts.value) {
-    fetchListLayouts()
-  }
 })

 onMounted(async () => {
@@ -926,8 +755,5 @@ onMounted(async () => {
  if (activeTab.value === 'layouts') {
    await fetchLayouts()
  }
-  if (activeTab.value === 'listLayouts') {
-    await fetchListLayouts()
-  }
 })
 </script>
--- a/frontend/types/page-layout.ts
+++ b/frontend/types/page-layout.ts
@@ -1,15 +1,11 @@
 export interface FieldLayoutItem {
  fieldId: string;
-  x?: number;
-  y?: number;
-  w?: number;
-  h?: number;
-  // For list layouts: field order (optional)
-  order?: number;
+  x: number;
+  y: number;
+  w: number;
+  h: number;
 }

-export type PageLayoutType = 'detail' | 'list';
-
 export interface PageLayoutConfig {
  fields: FieldLayoutItem[];
  relatedLists?: string[];
@@ -19,23 +15,16 @@ export interface PageLayout {
  id: string;
  name: string;
  objectId: string;
-  layoutType: PageLayoutType;
  isDefault: boolean;
  layoutConfig: PageLayoutConfig;
  description?: string;
  createdAt?: string;
  updatedAt?: string;
-  // Database column names (snake_case) - used when data comes directly from DB
-  layout_type?: PageLayoutType;
-  layout_config?: PageLayoutConfig;
-  object_id?: string;
-  is_default?: boolean;
 }

 export interface CreatePageLayoutRequest {
  name: string;
  objectId: string;
-  layoutType?: PageLayoutType;
  isDefault?: boolean;
  layoutConfig: PageLayoutConfig;
  description?: string;
Author	SHA1	Message	Date
Francisco Gaona	fe51355d29	WIP - use AI assistant to create records in the system	2026-01-18 09:15:06 +01:00
Francisco Gaona	4f466d7992	WIP - create records via AI Assistant more flexible and dynamic	2026-01-18 08:47:51 +01:00
Francisco Gaona	c822017ef1	WIP - some success creating related records	2026-01-18 05:24:41 +01:00
Francisco Gaona	8b192ba7f5	WIP - using deep agent to create complex workflow	2026-01-18 04:45:15 +01:00