Add twilio softphone with integrated AI assistant

.env.api

@@ -5,11 +5,6 @@ DATABASE_URL="mysql://platform:platform@db:3306/platform"
 CENTRAL_DATABASE_URL="mysql://root:asjdnfqTash37faggT@db:3306/central_platform"
 REDIS_URL="redis://redis:6379"
 
-# Meilisearch (optional)
-MEILI_HOST="http://meilisearch:7700"
-MEILI_API_KEY="dev-meili-master-key"
-MEILI_INDEX_PREFIX="tenant_"
-
 # JWT, multi-tenant hints, etc.
 JWT_SECRET="devsecret"
 TENANCY_STRATEGY="single-db"

backend/migrations/tenant/20250305000001_create_contacts_and_contact_details.js

@@ -1,207 +0,0 @@
-exports.up = async function (knex) {
-  await knex.schema.createTable('contacts', (table) => {
-    table.uuid('id').primary().defaultTo(knex.raw('(UUID())'));
-    table.string('firstName', 100).notNullable();
-    table.string('lastName', 100).notNullable();
-    table.uuid('accountId').notNullable();
-    table.timestamps(true, true);
-
-    table
-      .foreign('accountId')
-      .references('id')
-      .inTable('accounts')
-      .onDelete('CASCADE');
-    table.index(['accountId']);
-    table.index(['lastName', 'firstName']);
-  });
-
-  await knex.schema.createTable('contact_details', (table) => {
-    table.uuid('id').primary().defaultTo(knex.raw('(UUID())'));
-    table.string('relatedObjectType', 100).notNullable();
-    table.uuid('relatedObjectId').notNullable();
-    table.string('detailType', 50).notNullable();
-    table.string('label', 100);
-    table.text('value').notNullable();
-    table.boolean('isPrimary').defaultTo(false);
-    table.timestamps(true, true);
-
-    table.index(['relatedObjectType', 'relatedObjectId']);
-    table.index(['detailType']);
-  });
-
-  const [contactObjectId] = await knex('object_definitions').insert({
-    id: knex.raw('(UUID())'),
-    apiName: 'Contact',
-    label: 'Contact',
-    pluralLabel: 'Contacts',
-    description: 'Standard Contact object',
-    isSystem: true,
-    isCustom: false,
-    created_at: knex.fn.now(),
-    updated_at: knex.fn.now(),
-  });
-
-  const contactObjectDefId =
-    contactObjectId ||
-    (await knex('object_definitions').where('apiName', 'Contact').first()).id;
-
-  await knex('field_definitions').insert([
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactObjectDefId,
-      apiName: 'firstName',
-      label: 'First Name',
-      type: 'String',
-      length: 100,
-      isRequired: true,
-      isSystem: true,
-      isCustom: false,
-      displayOrder: 1,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactObjectDefId,
-      apiName: 'lastName',
-      label: 'Last Name',
-      type: 'String',
-      length: 100,
-      isRequired: true,
-      isSystem: true,
-      isCustom: false,
-      displayOrder: 2,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactObjectDefId,
-      apiName: 'accountId',
-      label: 'Account',
-      type: 'Reference',
-      referenceObject: 'Account',
-      isRequired: true,
-      isSystem: true,
-      isCustom: false,
-      displayOrder: 3,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-  ]);
-
-  const [contactDetailObjectId] = await knex('object_definitions').insert({
-    id: knex.raw('(UUID())'),
-    apiName: 'ContactDetail',
-    label: 'Contact Detail',
-    pluralLabel: 'Contact Details',
-    description: 'Polymorphic contact detail object',
-    isSystem: true,
-    isCustom: false,
-    created_at: knex.fn.now(),
-    updated_at: knex.fn.now(),
-  });
-
-  const contactDetailObjectDefId =
-    contactDetailObjectId ||
-    (await knex('object_definitions').where('apiName', 'ContactDetail').first())
-      .id;
-
-  const contactDetailRelationObjects = ['Account', 'Contact']
-
-  await knex('field_definitions').insert([
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'relatedObjectType',
-      label: 'Related Object Type',
-      type: 'PICKLIST',
-      length: 100,
-      isRequired: true,
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 1,
-      ui_metadata: JSON.stringify({
-        options: contactDetailRelationObjects.map((value) => ({ label: value, value })),
-      }),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'relatedObjectId',
-      label: 'Related Object ID',
-      type: 'LOOKUP',
-      length: 36,
-      isRequired: true,
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 2,
-      ui_metadata: JSON.stringify({
-        relationObjects: contactDetailRelationObjects,
-        relationTypeField: 'relatedObjectType',
-        relationDisplayField: 'name',
-      }),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'detailType',
-      label: 'Detail Type',
-      type: 'String',
-      length: 50,
-      isRequired: true,
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 3,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'label',
-      label: 'Label',
-      type: 'String',
-      length: 100,
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 4,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'value',
-      label: 'Value',
-      type: 'Text',
-      isRequired: true,
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 5,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-    {
-      id: knex.raw('(UUID())'),
-      objectDefinitionId: contactDetailObjectDefId,
-      apiName: 'isPrimary',
-      label: 'Primary',
-      type: 'Boolean',
-      isSystem: false,
-      isCustom: false,
-      displayOrder: 6,
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now(),
-    },
-  ]);
-};
-
-exports.down = async function (knex) {
-  await knex.schema.dropTableIfExists('contact_details');
-  await knex.schema.dropTableIfExists('contacts');
-};

backend/migrations/tenant/20250305000002_update_contact_detail_polymorphic_fields.js

@@ -1,101 +0,0 @@
-exports.up = async function (knex) {
-  const contactDetailObject = await knex('object_definitions')
-    .where({ apiName: 'ContactDetail' })
-    .first();
-
-  if (!contactDetailObject) return;
-
-  const relationObjects = ['Account', 'Contact'];
-
-  await knex('field_definitions')
-    .where({
-      objectDefinitionId: contactDetailObject.id,
-      apiName: 'relatedObjectType',
-    })
-    .update({
-      type: 'PICKLIST',
-      length: 100,
-      isSystem: false,
-      ui_metadata: JSON.stringify({
-        options: relationObjects.map((value) => ({ label: value, value })),
-      }),
-      updated_at: knex.fn.now(),
-    });
-
-  await knex('field_definitions')
-    .where({
-      objectDefinitionId: contactDetailObject.id,
-      apiName: 'relatedObjectId',
-    })
-    .update({
-      type: 'LOOKUP',
-      length: 36,
-      isSystem: false,
-      ui_metadata: JSON.stringify({
-        relationObjects,
-        relationTypeField: 'relatedObjectType',
-        relationDisplayField: 'name',
-      }),
-      updated_at: knex.fn.now(),
-    });
-
-  await knex('field_definitions')
-    .whereIn('apiName', [
-      'detailType',
-      'label',
-      'value',
-      'isPrimary',
-    ])
-    .andWhere({ objectDefinitionId: contactDetailObject.id })
-    .update({
-      isSystem: false,
-      updated_at: knex.fn.now(),
-    });
-};
-
-exports.down = async function (knex) {
-  const contactDetailObject = await knex('object_definitions')
-    .where({ apiName: 'ContactDetail' })
-    .first();
-
-  if (!contactDetailObject) return;
-
-  await knex('field_definitions')
-    .where({
-      objectDefinitionId: contactDetailObject.id,
-      apiName: 'relatedObjectType',
-    })
-    .update({
-      type: 'String',
-      length: 100,
-      isSystem: true,
-      ui_metadata: null,
-      updated_at: knex.fn.now(),
-    });
-
-  await knex('field_definitions')
-    .where({
-      objectDefinitionId: contactDetailObject.id,
-      apiName: 'relatedObjectId',
-    })
-    .update({
-      type: 'String',
-      length: 36,
-      isSystem: true,
-      ui_metadata: null,
-      updated_at: knex.fn.now(),
-    });
-
-  await knex('field_definitions')
-    .whereIn('apiName', [
-      'detailType',
-      'label',
-      'value',
-      'isPrimary',
-    ])
-    .andWhere({ objectDefinitionId: contactDetailObject.id })
-    .update({
-      isSystem: true,
-      updated_at: knex.fn.now(),
-    });
-};

backend/migrations/tenant/20250305000003_make_contact_detail_fields_editable.js

@@ -1,45 +0,0 @@
-exports.up = async function (knex) {
-  const contactDetailObject = await knex('object_definitions')
-    .where({ apiName: 'ContactDetail' })
-    .first();
-
-  if (!contactDetailObject) return;
-
-  await knex('field_definitions')
-    .where({ objectDefinitionId: contactDetailObject.id })
-    .whereIn('apiName', [
-      'relatedObjectType',
-      'relatedObjectId',
-      'detailType',
-      'label',
-      'value',
-      'isPrimary',
-    ])
-    .update({
-      isSystem: false,
-      updated_at: knex.fn.now(),
-    });
-};
-
-exports.down = async function (knex) {
-  const contactDetailObject = await knex('object_definitions')
-    .where({ apiName: 'ContactDetail' })
-    .first();
-
-  if (!contactDetailObject) return;
-
-  await knex('field_definitions')
-    .where({ objectDefinitionId: contactDetailObject.id })
-    .whereIn('apiName', [
-      'relatedObjectType',
-      'relatedObjectId',
-      'detailType',
-      'label',
-      'value',
-      'isPrimary',
-    ])
-    .update({
-      isSystem: true,
-      updated_at: knex.fn.now(),
-    });
-};

backend/migrations/tenant/20250311000002_add_owner_to_contacts.js

@@ -1,62 +0,0 @@
-exports.up = async function (knex) {
-  // Add ownerId column to contacts
-  await knex.schema.alterTable('contacts', (table) => {
-    table.uuid('ownerId');
-    table
-      .foreign('ownerId')
-      .references('id')
-      .inTable('users')
-      .onDelete('SET NULL');
-    table.index(['ownerId']);
-  });
-
-  // Add ownerId field definition metadata for Contact object
-  const contactObject = await knex('object_definitions')
-    .where('apiName', 'Contact')
-    .first();
-
-  if (contactObject) {
-    const existingField = await knex('field_definitions')
-      .where({
-        objectDefinitionId: contactObject.id,
-        apiName: 'ownerId',
-      })
-      .first();
-
-    if (!existingField) {
-      await knex('field_definitions').insert({
-        id: knex.raw('(UUID())'),
-        objectDefinitionId: contactObject.id,
-        apiName: 'ownerId',
-        label: 'Owner',
-        type: 'Reference',
-        referenceObject: 'User',
-        isSystem: true,
-        isCustom: false,
-        displayOrder: 4,
-        created_at: knex.fn.now(),
-        updated_at: knex.fn.now(),
-      });
-    }
-  }
-};
-
-exports.down = async function (knex) {
-  const contactObject = await knex('object_definitions')
-    .where('apiName', 'Contact')
-    .first();
-
-  if (contactObject) {
-    await knex('field_definitions')
-      .where({
-        objectDefinitionId: contactObject.id,
-        apiName: 'ownerId',
-      })
-      .delete();
-  }
-
-  await knex.schema.alterTable('contacts', (table) => {
-    table.dropForeign(['ownerId']);
-    table.dropColumn('ownerId');
-  });
-};

backend/package-lock.json

@@ -11,9 +11,6 @@
       "dependencies": {
         "@casl/ability": "^6.7.5",
         "@fastify/websocket": "^10.0.1",
-        "@langchain/core": "^1.1.12",
-        "@langchain/langgraph": "^1.0.15",
-        "@langchain/openai": "^1.2.1",
         "@nestjs/bullmq": "^10.1.0",
         "@nestjs/common": "^10.3.0",
         "@nestjs/config": "^3.1.1",
@@ -31,7 +28,6 @@
         "class-validator": "^0.14.1",
         "ioredis": "^5.3.2",
         "knex": "^3.1.0",
-        "langchain": "^1.2.7",
         "mysql2": "^3.15.3",
         "objection": "^3.1.5",
         "openai": "^6.15.0",
@@ -766,12 +762,6 @@
         "url": "https://github.com/stalniy/casl/blob/master/BACKERS.md"
       }
     },
-    "node_modules/@cfworker/json-schema": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@cfworker/json-schema/-/json-schema-4.1.1.tgz",
-      "integrity": "sha512-gAmrUZSGtKc3AiBL71iNWxDsyUC5uMaKKGdvzYsBoTW/xi42JQHl7eKV2OYzCUqvc+D2RCcf7EXY2iCyFIk6og==",
-      "license": "MIT"
-    },
     "node_modules/@colors/colors": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
@@ -1689,220 +1679,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@langchain/core": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/@langchain/core/-/core-1.1.12.tgz",
-      "integrity": "sha512-sHWLvhyLi3fntlg3MEPB89kCjxEX7/+imlIYJcp6uFGCAZfGxVWklqp22HwjT1szorUBYrkO8u0YA554ReKxGQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@cfworker/json-schema": "^4.0.2",
-        "ansi-styles": "^5.0.0",
-        "camelcase": "6",
-        "decamelize": "1.2.0",
-        "js-tiktoken": "^1.0.12",
-        "langsmith": ">=0.4.0 <1.0.0",
-        "mustache": "^4.2.0",
-        "p-queue": "^6.6.2",
-        "uuid": "^10.0.0",
-        "zod": "^3.25.76 || ^4"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/@langchain/core/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@langchain/core/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@langchain/core/node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/@langchain/langgraph": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/@langchain/langgraph/-/langgraph-1.0.15.tgz",
-      "integrity": "sha512-l7/f255sPilanhyY+lbX+VDXQSnytFwJ4FVoEl4OBpjDoCHuDyHUL5yrb568apBSHgQA7aKsYac0mBEqIR5Bjg==",
-      "license": "MIT",
-      "dependencies": {
-        "@langchain/langgraph-checkpoint": "^1.0.0",
-        "@langchain/langgraph-sdk": "~1.5.0",
-        "uuid": "^10.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@langchain/core": "^1.0.1",
-        "zod": "^3.25.32 || ^4.1.0",
-        "zod-to-json-schema": "^3.x"
-      },
-      "peerDependenciesMeta": {
-        "zod-to-json-schema": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@langchain/langgraph-checkpoint": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@langchain/langgraph-checkpoint/-/langgraph-checkpoint-1.0.0.tgz",
-      "integrity": "sha512-xrclBGvNCXDmi0Nz28t3vjpxSH6UYx6w5XAXSiiB1WEdc2xD2iY/a913I3x3a31XpInUW/GGfXXfePfaghV54A==",
-      "license": "MIT",
-      "dependencies": {
-        "uuid": "^10.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@langchain/core": "^1.0.1"
-      }
-    },
-    "node_modules/@langchain/langgraph-checkpoint/node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/@langchain/langgraph-sdk": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/@langchain/langgraph-sdk/-/langgraph-sdk-1.5.2.tgz",
-      "integrity": "sha512-ArRnYIqJEUKnS+HFZoTtsIy2Uxy158l5ZTPWNhJkws6FuDEA3q/h6bhvHpZIf5z0JseDHCCoIbx6yOc2RpMpgg==",
-      "license": "MIT",
-      "dependencies": {
-        "p-queue": "^9.0.1",
-        "p-retry": "^7.1.1",
-        "uuid": "^13.0.0"
-      },
-      "peerDependencies": {
-        "@langchain/core": "^1.0.1",
-        "react": "^18 || ^19",
-        "react-dom": "^18 || ^19"
-      },
-      "peerDependenciesMeta": {
-        "@langchain/core": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@langchain/langgraph-sdk/node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-      "license": "MIT"
-    },
-    "node_modules/@langchain/langgraph-sdk/node_modules/p-queue": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-9.1.0.tgz",
-      "integrity": "sha512-O/ZPaXuQV29uSLbxWBGGZO1mCQXV2BLIwUr59JUU9SoH76mnYvtms7aafH/isNSNGwuEfP6W/4xD0/TJXxrizw==",
-      "license": "MIT",
-      "dependencies": {
-        "eventemitter3": "^5.0.1",
-        "p-timeout": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@langchain/langgraph-sdk/node_modules/p-timeout": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-7.0.1.tgz",
-      "integrity": "sha512-AxTM2wDGORHGEkPCt8yqxOTMgpfbEHqF51f/5fJCmwFC3C/zNcGT63SymH2ttOAaiIws2zVg4+izQCjrakcwHg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@langchain/langgraph-sdk/node_modules/uuid": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz",
-      "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist-node/bin/uuid"
-      }
-    },
-    "node_modules/@langchain/langgraph/node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/@langchain/openai": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@langchain/openai/-/openai-1.2.1.tgz",
-      "integrity": "sha512-eZYPhvXIwz0/8iCjj2LWqeaznQ7DZ6tBdvF+Ebv4sQW2UqJWZqRC8QIdKZgTbs8ffMWPHkSSOidYqu4XfWCNYg==",
-      "license": "MIT",
-      "dependencies": {
-        "js-tiktoken": "^1.0.12",
-        "openai": "^6.10.0",
-        "zod": "^3.25.76 || ^4"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "peerDependencies": {
-        "@langchain/core": "^1.0.0"
-      }
-    },
     "node_modules/@ljharb/through": {
       "version": "2.3.14",
       "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.14.tgz",
@@ -3042,12 +2818,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==",
-      "license": "MIT"
-    },
     "node_modules/@types/validator": {
       "version": "13.15.10",
       "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.15.10.tgz",
@@ -3941,6 +3711,7 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
       "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -4566,15 +4337,6 @@
       "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
       "license": "ISC"
     },
-    "node_modules/console-table-printer": {
-      "version": "2.15.0",
-      "resolved": "https://registry.npmjs.org/console-table-printer/-/console-table-printer-2.15.0.tgz",
-      "integrity": "sha512-SrhBq4hYVjLCkBVOWaTzceJalvn5K1Zq5aQA6wXC/cYjI3frKWNPEMK3sZsJfNNQApvCQmgBcc13ZKmFj8qExw==",
-      "license": "MIT",
-      "dependencies": {
-        "simple-wcswidth": "^1.1.2"
-      }
-    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -4723,15 +4485,6 @@
         }
       }
     },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/dedent": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.0.tgz",
@@ -5397,12 +5150,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "license": "MIT"
-    },
     "node_modules/events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -6642,18 +6389,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-network-error": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.0.tgz",
-      "integrity": "sha512-6oIwpsgRfnDiyEDLMay/GqCl3HoAtH5+RUKW29gYkL0QA+ipzpDLA16yQs7/RHCSu+BwgbJaOUqa4A99qNVQVw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -7544,15 +7279,6 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/js-tiktoken": {
-      "version": "1.0.21",
-      "resolved": "https://registry.npmjs.org/js-tiktoken/-/js-tiktoken-1.0.21.tgz",
-      "integrity": "sha512-biOj/6M5qdgx5TKjDnFT1ymSpM5tbd3ylwDtrQvFQSu0Z7bBYko2dF+W/aUkXUPuk6IVpRxk/3Q2sHOzGlS36g==",
-      "license": "MIT",
-      "dependencies": {
-        "base64-js": "^1.5.1"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -7810,85 +7536,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/langchain": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/langchain/-/langchain-1.2.7.tgz",
-      "integrity": "sha512-G+3Ftz/08CurJaE7LukQGBf3mCSz7XM8LZeAaFPg391Ru4lT8eLYfG6Fv4ZI0u6EBsPVcOQfaS9ig8nCRmJeqA==",
-      "license": "MIT",
-      "dependencies": {
-        "@langchain/langgraph": "^1.0.0",
-        "@langchain/langgraph-checkpoint": "^1.0.0",
-        "langsmith": ">=0.4.0 <1.0.0",
-        "uuid": "^10.0.0",
-        "zod": "^3.25.76 || ^4"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "peerDependencies": {
-        "@langchain/core": "1.1.12"
-      }
-    },
-    "node_modules/langchain/node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/langsmith": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/langsmith/-/langsmith-0.4.5.tgz",
-      "integrity": "sha512-9N4JSQLz6fWiZwVXaiy0erlvNHlC68EtGJZG2OX+1y9mqj7KvKSL+xJnbCFc+ky3JN8s1d6sCfyyDdi4uDdLnQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/uuid": "^10.0.0",
-        "chalk": "^4.1.2",
-        "console-table-printer": "^2.12.1",
-        "p-queue": "^6.6.2",
-        "semver": "^7.6.3",
-        "uuid": "^10.0.0"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "*",
-        "@opentelemetry/exporter-trace-otlp-proto": "*",
-        "@opentelemetry/sdk-trace-base": "*",
-        "openai": "*"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "@opentelemetry/exporter-trace-otlp-proto": {
-          "optional": true
-        },
-        "@opentelemetry/sdk-trace-base": {
-          "optional": true
-        },
-        "openai": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/langsmith/node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
     "node_modules/leven": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -8390,15 +8037,6 @@
         "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
       }
     },
-    "node_modules/mustache": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/mustache/-/mustache-4.2.0.tgz",
-      "integrity": "sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==",
-      "license": "MIT",
-      "bin": {
-        "mustache": "bin/mustache"
-      }
-    },
     "node_modules/mute-stream": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
@@ -8800,15 +8438,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/p-finally": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -8841,49 +8470,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-queue": {
-      "version": "6.6.2",
-      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-6.6.2.tgz",
-      "integrity": "sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==",
-      "license": "MIT",
-      "dependencies": {
-        "eventemitter3": "^4.0.4",
-        "p-timeout": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-retry": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-7.1.1.tgz",
-      "integrity": "sha512-J5ApzjyRkkf601HpEeykoiCvzHQjWxPAHhyjFcEUP2SWq0+35NKh8TLhpLw+Dkq5TZBFvUM6UigdE9hIVYTl5w==",
-      "license": "MIT",
-      "dependencies": {
-        "is-network-error": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-timeout": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
-      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
-      "license": "MIT",
-      "dependencies": {
-        "p-finally": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -10031,12 +9617,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/simple-wcswidth": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/simple-wcswidth/-/simple-wcswidth-1.1.2.tgz",
-      "integrity": "sha512-j7piyCjAeTDSjzTSQ7DokZtMNwNlEAyxqSZeCS+CXH7fJ4jx3FuJ/mTW3mE+6JLs4VJBbcll0Kjn+KXI5t21Iw==",
-      "license": "MIT"
-    },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -11506,15 +11086,6 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
-    },
-    "node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
     }
   }
 }

backend/package.json

@@ -28,9 +28,6 @@
   "dependencies": {
     "@casl/ability": "^6.7.5",
     "@fastify/websocket": "^10.0.1",
-    "@langchain/core": "^1.1.12",
-    "@langchain/langgraph": "^1.0.15",
-    "@langchain/openai": "^1.2.1",
     "@nestjs/bullmq": "^10.1.0",
     "@nestjs/common": "^10.3.0",
     "@nestjs/config": "^3.1.1",
@@ -48,7 +45,6 @@
     "class-validator": "^0.14.1",
     "ioredis": "^5.3.2",
     "knex": "^3.1.0",
-    "langchain": "^1.2.7",
     "mysql2": "^3.15.3",
     "objection": "^3.1.5",
     "openai": "^6.15.0",

backend/prisma/schema.prisma

@@ -145,42 +145,12 @@ model Account {
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 
-  owner    User     @relation(fields: [ownerId], references: [id])
-  contacts Contact[]
+  owner  User   @relation(fields: [ownerId], references: [id])
 
   @@index([ownerId])
   @@map("accounts")
 }
 
-model Contact {
-  id        String   @id @default(uuid())
-  firstName String
-  lastName  String
-  accountId String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-
-  account Account @relation(fields: [accountId], references: [id], onDelete: Cascade)
-
-  @@index([accountId])
-  @@map("contacts")
-}
-
-model ContactDetail {
-  id                String   @id @default(uuid())
-  relatedObjectType String
-  relatedObjectId   String
-  detailType        String
-  label             String?
-  value             String
-  isPrimary         Boolean  @default(false)
-  createdAt         DateTime @default(now())
-  updatedAt         DateTime @updatedAt
-
-  @@index([relatedObjectType, relatedObjectId])
-  @@map("contact_details")
-}
-
 // Application Builder
 model App {
   id          String   @id @default(uuid())

backend/src/ai-assistant/ai-assistant.controller.ts

@@ -1,41 +0,0 @@
-import { Body, Controller, Post, UseGuards } from '@nestjs/common';
-import { JwtAuthGuard } from '../auth/jwt-auth.guard';
-import { CurrentUser } from '../auth/current-user.decorator';
-import { TenantId } from '../tenant/tenant.decorator';
-import { AiAssistantService } from './ai-assistant.service';
-import { AiChatRequestDto } from './dto/ai-chat.dto';
-import { AiSearchRequestDto } from './dto/ai-search.dto';
-
-@Controller('ai')
-@UseGuards(JwtAuthGuard)
-export class AiAssistantController {
-  constructor(private readonly aiAssistantService: AiAssistantService) {}
-
-  @Post('chat')
-  async chat(
-    @TenantId() tenantId: string,
-    @CurrentUser() user: any,
-    @Body() payload: AiChatRequestDto,
-  ) {
-    return this.aiAssistantService.handleChat(
-      tenantId,
-      user.userId,
-      payload.message,
-      payload.history,
-      payload.context,
-    );
-  }
-
-  @Post('search')
-  async search(
-    @TenantId() tenantId: string,
-    @CurrentUser() user: any,
-    @Body() payload: AiSearchRequestDto,
-  ) {
-    return this.aiAssistantService.searchRecords(
-      tenantId,
-      user.userId,
-      payload,
-    );
-  }
-}

backend/src/ai-assistant/ai-assistant.module.ts

@@ -1,14 +0,0 @@
-import { Module } from '@nestjs/common';
-import { AiAssistantController } from './ai-assistant.controller';
-import { AiAssistantService } from './ai-assistant.service';
-import { ObjectModule } from '../object/object.module';
-import { PageLayoutModule } from '../page-layout/page-layout.module';
-import { TenantModule } from '../tenant/tenant.module';
-import { MeilisearchModule } from '../search/meilisearch.module';
-
-@Module({
-  imports: [ObjectModule, PageLayoutModule, TenantModule, MeilisearchModule],
-  controllers: [AiAssistantController],
-  providers: [AiAssistantService],
-})
-export class AiAssistantModule {}

backend/src/ai-assistant/ai-assistant.types.ts

@@ -1,32 +0,0 @@
-export interface AiChatMessage {
-  role: 'user' | 'assistant';
-  text: string;
-}
-
-export interface AiChatContext {
-  objectApiName?: string;
-  view?: string;
-  recordId?: string;
-  route?: string;
-}
-
-export interface AiAssistantReply {
-  reply: string;
-  action?: 'create_record' | 'collect_fields' | 'clarify';
-  missingFields?: string[];
-  record?: any;
-}
-
-export interface AiAssistantState {
-  message: string;
-  history?: AiChatMessage[];
-  context: AiChatContext;
-  objectDefinition?: any;
-  pageLayout?: any;
-  extractedFields?: Record<string, any>;
-  requiredFields?: string[];
-  missingFields?: string[];
-  action?: AiAssistantReply['action'];
-  record?: any;
-  reply?: string;
-}

backend/src/ai-assistant/dto/ai-chat.dto.ts

@@ -1,36 +0,0 @@
-import { Type } from 'class-transformer';
-import { IsNotEmpty, IsObject, IsOptional, IsString, ValidateNested } from 'class-validator';
-import { AiChatMessageDto } from './ai-chat.message.dto';
-
-export class AiChatContextDto {
-  @IsOptional()
-  @IsString()
-  objectApiName?: string;
-
-  @IsOptional()
-  @IsString()
-  view?: string;
-
-  @IsOptional()
-  @IsString()
-  recordId?: string;
-
-  @IsOptional()
-  @IsString()
-  route?: string;
-}
-
-export class AiChatRequestDto {
-  @IsString()
-  @IsNotEmpty()
-  message: string;
-
-  @IsOptional()
-  @IsObject()
-  context?: AiChatContextDto;
-
-  @IsOptional()
-  @ValidateNested({ each: true })
-  @Type(() => AiChatMessageDto)
-  history?: AiChatMessageDto[];
-}

backend/src/ai-assistant/dto/ai-chat.message.dto.ts

@@ -1,10 +0,0 @@
-import { IsIn, IsNotEmpty, IsString } from 'class-validator';
-
-export class AiChatMessageDto {
-  @IsIn(['user', 'assistant'])
-  role: 'user' | 'assistant';
-
-  @IsString()
-  @IsNotEmpty()
-  text: string;
-}

backend/src/ai-assistant/dto/ai-search.dto.ts

@@ -1,22 +0,0 @@
-import { Type } from 'class-transformer';
-import { IsNotEmpty, IsOptional, IsString, IsNumber } from 'class-validator';
-
-export class AiSearchRequestDto {
-  @IsString()
-  @IsNotEmpty()
-  objectApiName: string;
-
-  @IsString()
-  @IsNotEmpty()
-  query: string;
-
-  @IsOptional()
-  @Type(() => Number)
-  @IsNumber()
-  page?: number;
-
-  @IsOptional()
-  @Type(() => Number)
-  @IsNumber()
-  pageSize?: number;
-}

backend/src/app.module.ts

@@ -8,7 +8,6 @@ import { ObjectModule } from './object/object.module';
 import { AppBuilderModule } from './app-builder/app-builder.module';
 import { PageLayoutModule } from './page-layout/page-layout.module';
 import { VoiceModule } from './voice/voice.module';
-import { AiAssistantModule } from './ai-assistant/ai-assistant.module';
 
 @Module({
   imports: [
@@ -23,7 +22,6 @@ import { AiAssistantModule } from './ai-assistant/ai-assistant.module';
     AppBuilderModule,
     PageLayoutModule,
     VoiceModule,
-    AiAssistantModule,
   ],
 })
 export class AppModule {}

backend/src/models/base.model.ts

@@ -1,38 +1,7 @@
-import { Model, ModelOptions, QueryContext } from 'objection';
+import { Model, ModelOptions, QueryContext, snakeCaseMappers } from 'objection';
 
 export class BaseModel extends Model {
-  /**
-   * Use a minimal column mapper: keep property names as-is, but handle
-   * timestamp fields that are stored as created_at/updated_at in the DB.
-   */
-  static columnNameMappers = {
-    parse(dbRow: Record<string, any>) {
-      const mapped: Record<string, any> = {};
-      for (const [key, value] of Object.entries(dbRow || {})) {
-        if (key === 'created_at') {
-          mapped.createdAt = value;
-        } else if (key === 'updated_at') {
-          mapped.updatedAt = value;
-        } else {
-          mapped[key] = value;
-        }
-      }
-      return mapped;
-    },
-    format(model: Record<string, any>) {
-      const mapped: Record<string, any> = {};
-      for (const [key, value] of Object.entries(model || {})) {
-        if (key === 'createdAt') {
-          mapped.created_at = value;
-        } else if (key === 'updatedAt') {
-          mapped.updated_at = value;
-        } else {
-          mapped[key] = value;
-        }
-      }
-      return mapped;
-    },
-  };
+  static columnNameMappers = snakeCaseMappers();
 
   id: string;
   createdAt: Date;

backend/src/models/contact-detail.model.ts

@@ -1,33 +0,0 @@
-import { BaseModel } from './base.model';
-
-export class ContactDetail extends BaseModel {
-  static tableName = 'contact_details';
-
-  id!: string;
-  relatedObjectType!: 'Account' | 'Contact';
-  relatedObjectId!: string;
-  detailType!: string;
-  label?: string;
-  value!: string;
-  isPrimary!: boolean;
-
-  // Provide optional relations for each supported parent type.
-  static relationMappings = {
-    account: {
-      relation: BaseModel.BelongsToOneRelation,
-      modelClass: 'account.model',
-      join: {
-        from: 'contact_details.relatedObjectId',
-        to: 'accounts.id',
-      },
-    },
-    contact: {
-      relation: BaseModel.BelongsToOneRelation,
-      modelClass: 'contact.model',
-      join: {
-        from: 'contact_details.relatedObjectId',
-        to: 'contacts.id',
-      },
-    },
-  };
-}

backend/src/models/contact.model.ts

@@ -1,30 +0,0 @@
-import { BaseModel } from './base.model';
-
-export class Contact extends BaseModel {
-  static tableName = 'contacts';
-
-  id!: string;
-  firstName!: string;
-  lastName!: string;
-  accountId!: string;
-  ownerId?: string;
-
-  static relationMappings = {
-    account: {
-      relation: BaseModel.BelongsToOneRelation,
-      modelClass: 'account.model',
-      join: {
-        from: 'contacts.accountId',
-        to: 'accounts.id',
-      },
-    },
-    owner: {
-      relation: BaseModel.BelongsToOneRelation,
-      modelClass: 'user.model',
-      join: {
-        from: 'contacts.ownerId',
-        to: 'users.id',
-      },
-    },
-  };
-}

backend/src/models/field-definition.model.ts

@@ -30,8 +30,6 @@ export interface UIMetadata {
   step?: number; // For number
   accept?: string; // For file/image
   relationDisplayField?: string; // Which field to display for relations
-  relationObjects?: string[]; // For polymorphic relations
-  relationTypeField?: string; // Field API name storing the selected relation type
   
   // Formatting
   format?: string; // Date format, number format, etc.

backend/src/object/field-mapper.service.ts

@@ -22,9 +22,7 @@ export interface FieldConfigDTO {
   step?: number;
   accept?: string;
   relationObject?: string;
-  relationObjects?: string[];
   relationDisplayField?: string;
-  relationTypeField?: string;
   format?: string;
   prefix?: string;
   suffix?: string;
@@ -45,14 +43,6 @@ export interface ObjectDefinitionDTO {
   description?: string;
   isSystem: boolean;
   fields: FieldConfigDTO[];
-  relatedLists?: Array<{
-    title: string;
-    relationName: string;
-    objectApiName: string;
-    fields: FieldConfigDTO[];
-    canCreate?: boolean;
-    createRoute?: string;
-  }>;
 }
 
 @Injectable()
@@ -108,12 +98,10 @@ export class FieldMapperService {
       step: uiMetadata.step,
       accept: uiMetadata.accept,
       relationObject: field.referenceObject,
-      relationObjects: uiMetadata.relationObjects,
       // For lookup fields, provide default display field if not specified
       relationDisplayField: isLookupField 
         ? (uiMetadata.relationDisplayField || 'name')
         : uiMetadata.relationDisplayField,
-      relationTypeField: uiMetadata.relationTypeField,
       
       // Formatting
       format: uiMetadata.format,
@@ -218,17 +206,6 @@ export class FieldMapperService {
         .filter((f: any) => f.isActive !== false)
         .sort((a: any, b: any) => (a.displayOrder || 0) - (b.displayOrder || 0))
         .map((f: any) => this.mapFieldToDTO(f)),
-      relatedLists: (objectDef.relatedLists || []).map((list: any) => ({
-        title: list.title,
-        relationName: list.relationName,
-        objectApiName: list.objectApiName,
-        fields: (list.fields || [])
-          .filter((f: any) => f.isActive !== false)
-          .map((f: any) => this.mapFieldToDTO(f))
-          .filter((f: any) => f.showOnList !== false),
-        canCreate: list.canCreate,
-        createRoute: list.createRoute,
-      })),
     };
   }
 

backend/src/object/models/dynamic-model.factory.ts

@@ -119,47 +119,6 @@ export class DynamicModelFactory {
           };
         }
 
-        // Add additional relation mappings (e.g., hasMany)
-        for (const relation of relations) {
-          if (mappings[relation.name]) {
-            continue;
-          }
-
-          let modelClass: any = relation.targetObjectApiName;
-          if (getModel) {
-            const resolvedModel = getModel(relation.targetObjectApiName);
-            if (resolvedModel) {
-              modelClass = resolvedModel;
-            } else {
-              continue;
-            }
-          }
-
-          const targetTable = DynamicModelFactory.getTableName(relation.targetObjectApiName);
-
-          if (relation.type === 'belongsTo') {
-            mappings[relation.name] = {
-              relation: Model.BelongsToOneRelation,
-              modelClass,
-              join: {
-                from: `${tableName}.${relation.fromColumn}`,
-                to: `${targetTable}.${relation.toColumn}`,
-              },
-            };
-          }
-
-          if (relation.type === 'hasMany') {
-            mappings[relation.name] = {
-              relation: Model.HasManyRelation,
-              modelClass,
-              join: {
-                from: `${tableName}.${relation.fromColumn}`,
-                to: `${targetTable}.${relation.toColumn}`,
-              },
-            };
-          }
-        }
-
         return mappings;
       }
 
@@ -179,8 +138,7 @@ export class DynamicModelFactory {
    * Convert a field definition to JSON schema property
    */
   private static fieldToJsonSchema(field: FieldDefinition): Record<string, any> {
-    const baseSchema = () => {
-      switch (field.type.toUpperCase()) {
+    switch (field.type.toUpperCase()) {
       case 'TEXT':
       case 'STRING':
       case 'EMAIL':
@@ -188,57 +146,45 @@ export class DynamicModelFactory {
       case 'PHONE':
       case 'PICKLIST':
       case 'MULTI_PICKLIST':
-          return {
-            type: 'string',
-            ...(field.isUnique && { uniqueItems: true }),
-          };
+        return {
+          type: 'string',
+          ...(field.isUnique && { uniqueItems: true }),
+        };
 
       case 'LONG_TEXT':
-          return { type: 'string' };
+        return { type: 'string' };
 
       case 'NUMBER':
       case 'DECIMAL':
       case 'CURRENCY':
       case 'PERCENT':
-          return {
-            type: 'number',
-            ...(field.isUnique && { uniqueItems: true }),
-          };
+        return {
+          type: 'number',
+          ...(field.isUnique && { uniqueItems: true }),
+        };
 
       case 'INTEGER':
-          return {
-            type: 'integer',
-            ...(field.isUnique && { uniqueItems: true }),
-          };
+        return {
+          type: 'integer',
+          ...(field.isUnique && { uniqueItems: true }),
+        };
 
       case 'BOOLEAN':
-          return { type: 'boolean', default: false };
+        return { type: 'boolean', default: false };
 
       case 'DATE':
-          return { type: 'string', format: 'date' };
+        return { type: 'string', format: 'date' };
 
       case 'DATE_TIME':
-          return { type: 'string', format: 'date-time' };
+        return { type: 'string', format: 'date-time' };
 
       case 'LOOKUP':
       case 'BELONGS_TO':
-          return { type: 'string' };
+        return { type: 'string' };
 
       default:
-          return { type: 'string' };
-      }
-    };
-
-    const schema = baseSchema();
-
-    // Allow null for non-required fields so optional strings/numbers don't fail validation
-    if (!field.isRequired) {
-      return {
-        anyOf: [schema, { type: 'null' }],
-      };
+        return { type: 'string' };
     }
-
-    return schema;
   }
 
   /**
@@ -250,9 +196,6 @@ export class DynamicModelFactory {
       .replace(/([A-Z])/g, '_$1')
       .toLowerCase()
       .replace(/^_/, '');
-    if (snakeCase.endsWith('y')) {
-      return `${snakeCase.slice(0, -1)}ies`;
-    }
     return snakeCase.endsWith('s') ? snakeCase : `${snakeCase}s`;
   }
 }

backend/src/object/models/model.registry.ts

@@ -16,17 +16,13 @@ export class ModelRegistry {
    */
   registerModel(apiName: string, modelClass: ModelClass<BaseModel>): void {
     this.registry.set(apiName, modelClass);
-    const lowerKey = apiName.toLowerCase();
-    if (lowerKey !== apiName && !this.registry.has(lowerKey)) {
-      this.registry.set(lowerKey, modelClass);
-    }
   }
 
   /**
    * Get a model from the registry
    */
   getModel(apiName: string): ModelClass<BaseModel> {
-    const model = this.registry.get(apiName) || this.registry.get(apiName.toLowerCase());
+    const model = this.registry.get(apiName);
     if (!model) {
       throw new Error(`Model for ${apiName} not found in registry`);
     }
@@ -37,7 +33,7 @@ export class ModelRegistry {
    * Check if a model exists in the registry
    */
   hasModel(apiName: string): boolean {
-    return this.registry.has(apiName) || this.registry.has(apiName.toLowerCase());
+    return this.registry.has(apiName);
   }
 
   /**
@@ -50,8 +46,7 @@ export class ModelRegistry {
     // Returns undefined if model not found (for models not yet registered)
     const model = DynamicModelFactory.createModel(
       metadata,
-      (apiName: string) =>
-        this.registry.get(apiName) || this.registry.get(apiName.toLowerCase()),
+      (apiName: string) => this.registry.get(apiName),
     );
     this.registerModel(metadata.apiName, model);
     return model;

backend/src/object/models/model.service.ts

@@ -171,25 +171,6 @@ export class ModelService {
         }
       }
 
-      if (objectMetadata.relations) {
-        for (const relation of objectMetadata.relations) {
-          if (relation.targetObjectApiName) {
-            try {
-              await this.ensureModelWithDependencies(
-                tenantId,
-                relation.targetObjectApiName,
-                fetchMetadata,
-                visited,
-              );
-            } catch (error) {
-              this.logger.debug(
-                `Skipping registration of related model ${relation.targetObjectApiName}: ${error.message}`
-              );
-            }
-          }
-        }
-      }
-
       // Now create and register this model (all dependencies are ready)
       await this.createModelForObject(tenantId, objectMetadata);
       this.logger.log(`Registered model for ${objectApiName} in tenant ${tenantId}`);

backend/src/object/object.module.ts

@@ -9,10 +9,9 @@ import { MigrationModule } from '../migration/migration.module';
 import { RbacModule } from '../rbac/rbac.module';
 import { ModelRegistry } from './models/model.registry';
 import { ModelService } from './models/model.service';
-import { MeilisearchModule } from '../search/meilisearch.module';
 
 @Module({
-  imports: [TenantModule, MigrationModule, RbacModule, MeilisearchModule],
+  imports: [TenantModule, MigrationModule, RbacModule],
   providers: [
     ObjectService,
     SchemaManagementService,

backend/src/object/runtime-object.controller.ts

@@ -95,20 +95,4 @@ export class RuntimeObjectController {
       user.userId,
     );
   }
-
-  @Post(':objectApiName/records/bulk-delete')
-  async deleteRecords(
-    @TenantId() tenantId: string,
-    @Param('objectApiName') objectApiName: string,
-    @Body() body: { recordIds?: string[]; ids?: string[] },
-    @CurrentUser() user: any,
-  ) {
-    const recordIds: string[] = body?.recordIds || body?.ids || [];
-    return this.objectService.deleteRecords(
-      tenantId,
-      objectApiName,
-      recordIds,
-      user.userId,
-    );
-  }
 }

backend/src/object/schema-management.service.ts

@@ -15,11 +15,7 @@ export class SchemaManagementService {
     objectDefinition: ObjectDefinition,
     fields: FieldDefinition[],
   ) {
-    const tableName = this.getTableName(
-      objectDefinition.apiName,
-      objectDefinition.label,
-      objectDefinition.pluralLabel,
-    );
+    const tableName = this.getTableName(objectDefinition.apiName);
 
     // Check if table already exists
     const exists = await knex.schema.hasTable(tableName);
@@ -48,10 +44,8 @@ export class SchemaManagementService {
     knex: Knex,
     objectApiName: string,
     field: FieldDefinition,
-    objectLabel?: string,
-    pluralLabel?: string,
   ) {
-    const tableName = this.getTableName(objectApiName, objectLabel, pluralLabel);
+    const tableName = this.getTableName(objectApiName);
 
     await knex.schema.alterTable(tableName, (table) => {
       this.addFieldColumn(table, field);
@@ -67,10 +61,8 @@ export class SchemaManagementService {
     knex: Knex,
     objectApiName: string,
     fieldApiName: string,
-    objectLabel?: string,
-    pluralLabel?: string,
   ) {
-    const tableName = this.getTableName(objectApiName, objectLabel, pluralLabel);
+    const tableName = this.getTableName(objectApiName);
 
     await knex.schema.alterTable(tableName, (table) => {
       table.dropColumn(fieldApiName);
@@ -79,44 +71,11 @@ export class SchemaManagementService {
     this.logger.log(`Removed field ${fieldApiName} from table ${tableName}`);
   }
 
-  /**
-   * Alter a field in an existing object table
-   * Handles safe updates like changing NOT NULL or constraints
-   * Warns about potentially destructive operations
-   */
-  async alterFieldInTable(
-    knex: Knex,
-    objectApiName: string,
-    fieldApiName: string,
-    field: FieldDefinition,
-    objectLabel?: string,
-    pluralLabel?: string,
-    options?: {
-      skipTypeChange?: boolean; // Skip if type change would lose data
-    },
-  ) {
-    const tableName = this.getTableName(objectApiName, objectLabel, pluralLabel);
-    const skipTypeChange = options?.skipTypeChange ?? true;
-
-    await knex.schema.alterTable(tableName, (table) => {
-      // Drop the existing column and recreate with new definition
-      // Note: This approach works for metadata changes, but type changes may need data migration
-      table.dropColumn(fieldApiName);
-    });
-
-    // Recreate the column with new definition
-    await knex.schema.alterTable(tableName, (table) => {
-      this.addFieldColumn(table, field);
-    });
-
-    this.logger.log(`Altered field ${fieldApiName} in table ${tableName}`);
-  }
-
   /**
    * Drop an object table
    */
-  async dropObjectTable(knex: Knex, objectApiName: string, objectLabel?: string, pluralLabel?: string) {
-    const tableName = this.getTableName(objectApiName, objectLabel, pluralLabel);
+  async dropObjectTable(knex: Knex, objectApiName: string) {
+    const tableName = this.getTableName(objectApiName);
 
     await knex.schema.dropTableIfExists(tableName);
 
@@ -135,30 +94,15 @@ export class SchemaManagementService {
     let column: Knex.ColumnBuilder;
 
     switch (field.type) {
-      // Text types
       case 'String':
-      case 'TEXT':
-      case 'EMAIL':
-      case 'PHONE':
-      case 'URL':
         column = table.string(columnName, field.length || 255);
         break;
 
       case 'Text':
-      case 'LONG_TEXT':
         column = table.text(columnName);
         break;
 
-      case 'PICKLIST':
-      case 'MULTI_PICKLIST':
-        column = table.string(columnName, 255);
-        break;
-
-      // Numeric types
       case 'Number':
-      case 'NUMBER':
-      case 'CURRENCY':
-      case 'PERCENT':
         if (field.scale && field.scale > 0) {
           column = table.decimal(
             columnName,
@@ -171,28 +115,18 @@ export class SchemaManagementService {
         break;
 
       case 'Boolean':
-      case 'BOOLEAN':
         column = table.boolean(columnName).defaultTo(false);
         break;
 
-      // Date types
       case 'Date':
-      case 'DATE':
         column = table.date(columnName);
         break;
 
       case 'DateTime':
-      case 'DATE_TIME':
         column = table.datetime(columnName);
         break;
 
-      case 'TIME':
-        column = table.time(columnName);
-        break;
-
-      // Relationship types
       case 'Reference':
-      case 'LOOKUP':
         column = table.uuid(columnName);
         if (field.referenceObject) {
           const refTableName = this.getTableName(field.referenceObject);
@@ -200,30 +134,19 @@ export class SchemaManagementService {
         }
         break;
 
-      // Email (legacy)
       case 'Email':
         column = table.string(columnName, 255);
         break;
 
-      // Phone (legacy)
       case 'Phone':
         column = table.string(columnName, 50);
         break;
 
-      // Url (legacy)
       case 'Url':
         column = table.string(columnName, 255);
         break;
 
-      // File types
-      case 'FILE':
-      case 'IMAGE':
-        column = table.text(columnName); // Store file path or URL
-        break;
-
-      // JSON
       case 'Json':
-      case 'JSON':
         column = table.json(columnName);
         break;
 
@@ -251,35 +174,16 @@ export class SchemaManagementService {
   /**
    * Convert object API name to table name (convert to snake_case, pluralize)
    */
-  private getTableName(apiName: string, objectLabel?: string, pluralLabel?: string): string {
-    const toSnakePlural = (source: string): string => {
-      const cleaned = source.replace(/[\s-]+/g, '_');
-      const snake = cleaned
-        .replace(/([a-z0-9])([A-Z])/g, '$1_$2')
-        .replace(/__+/g, '_')
-        .toLowerCase()
-        .replace(/^_/, '');
+  private getTableName(apiName: string): string {
+    // Convert PascalCase to snake_case
+    const snakeCase = apiName
+      .replace(/([A-Z])/g, '_$1')
+      .toLowerCase()
+      .replace(/^_/, '');
 
-      if (snake.endsWith('y')) return `${snake.slice(0, -1)}ies`;
-      if (snake.endsWith('s')) return snake;
-      return `${snake}s`;
-    };
-
-    const fromApi = toSnakePlural(apiName);
-    const fromLabel = objectLabel ? toSnakePlural(objectLabel) : null;
-    const fromPlural = pluralLabel ? toSnakePlural(pluralLabel) : null;
-
-    if (fromLabel && fromLabel.includes('_') && !fromApi.includes('_')) {
-      return fromLabel;
-    }
-    if (fromPlural && fromPlural.includes('_') && !fromApi.includes('_')) {
-      return fromPlural;
-    }
-
-    if (fromLabel && fromLabel !== fromApi) return fromLabel;
-    if (fromPlural && fromPlural !== fromApi) return fromPlural;
-
-    return fromApi;
+    // Simple pluralization (append 's' if not already plural)
+    // In production, use a proper pluralization library
+    return snakeCase.endsWith('s') ? snakeCase : `${snakeCase}s`;
   }
 
   /**

backend/src/object/setup-object.controller.ts

@@ -4,7 +4,6 @@ import {
   Post,
   Patch,
   Put,
-  Delete,
   Param,
   Body,
   UseGuards,
@@ -73,35 +72,6 @@ export class SetupObjectController {
     return this.fieldMapperService.mapFieldToDTO(field);
   }
 
-  @Put(':objectApiName/fields/:fieldApiName')
-  async updateFieldDefinition(
-    @TenantId() tenantId: string,
-    @Param('objectApiName') objectApiName: string,
-    @Param('fieldApiName') fieldApiName: string,
-    @Body() data: any,
-  ) {
-    const field = await this.objectService.updateFieldDefinition(
-      tenantId,
-      objectApiName,
-      fieldApiName,
-      data,
-    );
-    return this.fieldMapperService.mapFieldToDTO(field);
-  }
-
-  @Delete(':objectApiName/fields/:fieldApiName')
-  async deleteFieldDefinition(
-    @TenantId() tenantId: string,
-    @Param('objectApiName') objectApiName: string,
-    @Param('fieldApiName') fieldApiName: string,
-  ) {
-    return this.objectService.deleteFieldDefinition(
-      tenantId,
-      objectApiName,
-      fieldApiName,
-    );
-  }
-
   @Patch(':objectApiName')
   async updateObjectDefinition(
     @TenantId() tenantId: string,

backend/src/page-layout/dto/page-layout.dto.ts

@@ -20,7 +20,6 @@ export class CreatePageLayoutDto {
       w: number;
       h: number;
     }>;
-    relatedLists?: string[];
   };
 
   @IsString()
@@ -47,7 +46,6 @@ export class UpdatePageLayoutDto {
       w: number;
       h: number;
     }>;
-    relatedLists?: string[];
   };
 
   @IsString()

backend/src/rbac/ability.factory.ts

@@ -180,9 +180,8 @@ export class AbilityFactory {
       }
     }
 
-    // No explicit rule for this field but other field permissions exist.
-    // Default to allow so new fields don't get silently stripped and fail validation.
-    return true;
+    // Field permissions exist but this field is not explicitly granted → deny
+    return false;
   }
 
   /**

backend/src/rbac/record-sharing.controller.ts

@@ -45,11 +45,7 @@ export class RecordSharingController {
     }
 
     // Get the record to check ownership
-    const tableName = this.getTableName(
-      objectDef.apiName,
-      objectDef.label,
-      objectDef.pluralLabel,
-    );
+    const tableName = this.getTableName(objectDef.apiName);
     const record = await knex(tableName)
       .where({ id: recordId })
       .first();
@@ -113,11 +109,7 @@ export class RecordSharingController {
     }
 
     // Get the record to check ownership
-    const tableName = this.getTableName(
-      objectDef.apiName,
-      objectDef.label,
-      objectDef.pluralLabel,
-    );
+    const tableName = this.getTableName(objectDef.apiName);
     const record = await knex(tableName)
       .where({ id: recordId })
       .first();
@@ -215,11 +207,7 @@ export class RecordSharingController {
     }
 
     // Get the record to check ownership
-    const tableName = this.getTableName(
-      objectDef.apiName,
-      objectDef.label,
-      objectDef.pluralLabel,
-    );
+    const tableName = this.getTableName(objectDef.apiName);
     const record = await knex(tableName)
       .where({ id: recordId })
       .first();
@@ -317,34 +305,20 @@ export class RecordSharingController {
     return false;
   }
 
-  private getTableName(apiName: string, objectLabel?: string, pluralLabel?: string): string {
-    const toSnakePlural = (source: string): string => {
-      const cleaned = source.replace(/[\s-]+/g, '_');
-      const snake = cleaned
-        .replace(/([a-z0-9])([A-Z])/g, '$1_$2')
-        .replace(/__+/g, '_')
-        .toLowerCase()
-        .replace(/^_/, '');
-
-      if (snake.endsWith('y')) return `${snake.slice(0, -1)}ies`;
-      if (snake.endsWith('s')) return snake;
-      return `${snake}s`;
-    };
-
-    const fromApi = toSnakePlural(apiName);
-    const fromLabel = objectLabel ? toSnakePlural(objectLabel) : null;
-    const fromPlural = pluralLabel ? toSnakePlural(pluralLabel) : null;
-
-    if (fromLabel && fromLabel.includes('_') && !fromApi.includes('_')) {
-      return fromLabel;
+  private getTableName(apiName: string): string {
+    // Convert CamelCase to snake_case and pluralize
+    const snakeCase = apiName
+      .replace(/([A-Z])/g, '_$1')
+      .toLowerCase()
+      .replace(/^_/, '');
+    
+    // Simple pluralization
+    if (snakeCase.endsWith('y')) {
+      return snakeCase.slice(0, -1) + 'ies';
+    } else if (snakeCase.endsWith('s')) {
+      return snakeCase + 'es';
+    } else {
+      return snakeCase + 's';
     }
-    if (fromPlural && fromPlural.includes('_') && !fromApi.includes('_')) {
-      return fromPlural;
-    }
-
-    if (fromLabel && fromLabel !== fromApi) return fromLabel;
-    if (fromPlural && fromPlural !== fromApi) return fromPlural;
-
-    return fromApi;
   }
 }

backend/src/search/meilisearch.module.ts

@@ -1,8 +0,0 @@
-import { Module } from '@nestjs/common';
-import { MeilisearchService } from './meilisearch.service';
-
-@Module({
-  providers: [MeilisearchService],
-  exports: [MeilisearchService],
-})
-export class MeilisearchModule {}

backend/src/search/meilisearch.service.ts

@@ -1,244 +0,0 @@
-import { Injectable, Logger } from '@nestjs/common';
-import * as http from 'http';
-import * as https from 'https';
-
-type MeiliConfig = {
-  host: string;
-  apiKey?: string;
-  indexPrefix: string;
-};
-
-@Injectable()
-export class MeilisearchService {
-  private readonly logger = new Logger(MeilisearchService.name);
-
-  isEnabled(): boolean {
-    return Boolean(this.getConfig());
-  }
-
-  async searchRecord(
-    tenantId: string,
-    objectApiName: string,
-    query: string,
-    displayField?: string,
-  ): Promise<{ id: string; hit: any } | null> {
-    const config = this.getConfig();
-    if (!config) return null;
-
-    const indexName = this.buildIndexName(config, tenantId, objectApiName);
-    const url = `${config.host}/indexes/${encodeURIComponent(indexName)}/search`;
-
-    console.log('querying Meilisearch index:', { indexName, query, displayField });
-
-    try {
-      const response = await this.requestJson('POST', url, {
-        q: query,
-        limit: 5,
-      }, this.buildHeaders(config));
-
-      if (!this.isSuccessStatus(response.status)) {
-        this.logger.warn(
-          `Meilisearch query failed for index ${indexName}: ${response.status}`,
-        );
-        return null;
-      }
-
-      const hits = Array.isArray(response.body?.hits) ? response.body.hits : [];
-      if (hits.length === 0) return null;
-
-      if (displayField) {
-        const loweredQuery = query.toLowerCase();
-        const exactMatch = hits.find((hit: any) => {
-          const value = hit?.[displayField];
-          return value && String(value).toLowerCase() === loweredQuery;
-        });
-        if (exactMatch?.id) {
-          return { id: exactMatch.id, hit: exactMatch };
-        }
-      }
-
-      const match = hits[0];
-      if (match?.id) {
-        return { id: match.id, hit: match };
-      }
-    } catch (error) {
-      this.logger.warn(`Meilisearch lookup failed: ${error.message}`);
-    }
-
-    return null;
-  }
-
-  async searchRecords(
-    tenantId: string,
-    objectApiName: string,
-    query: string,
-    options?: { limit?: number; offset?: number },
-  ): Promise<{ hits: any[]; total: number }> {
-    const config = this.getConfig();
-    if (!config) return { hits: [], total: 0 };
-
-    const indexName = this.buildIndexName(config, tenantId, objectApiName);
-    const url = `${config.host}/indexes/${encodeURIComponent(indexName)}/search`;
-    const limit = Number.isFinite(Number(options?.limit)) ? Number(options?.limit) : 20;
-    const offset = Number.isFinite(Number(options?.offset)) ? Number(options?.offset) : 0;
-
-    try {
-      const response = await this.requestJson('POST', url, {
-        q: query,
-        limit,
-        offset,
-      }, this.buildHeaders(config));
-
-      console.log('Meilisearch response body:', response.body);
-
-      if (!this.isSuccessStatus(response.status)) {
-        this.logger.warn(
-          `Meilisearch query failed for index ${indexName}: ${response.status}`,
-        );
-        return { hits: [], total: 0 };
-      }
-
-      const hits = Array.isArray(response.body?.hits) ? response.body.hits : [];
-      const total =
-        response.body?.estimatedTotalHits ??
-        response.body?.nbHits ??
-        hits.length;
-      return { hits, total };
-    } catch (error) {
-      this.logger.warn(`Meilisearch query failed: ${error.message}`);
-      return { hits: [], total: 0 };
-    }
-  }
-
-  async upsertRecord(
-    tenantId: string,
-    objectApiName: string,
-    record: Record<string, any>,
-    fieldsToIndex: string[],
-  ): Promise<void> {
-    const config = this.getConfig();
-    if (!config || !record?.id) return;
-
-    const indexName = this.buildIndexName(config, tenantId, objectApiName);
-    const url = `${config.host}/indexes/${encodeURIComponent(indexName)}/documents?primaryKey=id`;
-    const document = this.pickRecordFields(record, fieldsToIndex);
-
-    try {
-      const response = await this.requestJson('POST', url, [document], this.buildHeaders(config));
-      if (!this.isSuccessStatus(response.status)) {
-        this.logger.warn(
-          `Meilisearch upsert failed for index ${indexName}: ${response.status}`,
-        );
-      }
-    } catch (error) {
-      this.logger.warn(`Meilisearch upsert failed: ${error.message}`);
-    }
-  }
-
-  async deleteRecord(
-    tenantId: string,
-    objectApiName: string,
-    recordId: string,
-  ): Promise<void> {
-    const config = this.getConfig();
-    if (!config || !recordId) return;
-
-    const indexName = this.buildIndexName(config, tenantId, objectApiName);
-    const url = `${config.host}/indexes/${encodeURIComponent(indexName)}/documents/${encodeURIComponent(recordId)}`;
-
-    try {
-      const response = await this.requestJson('DELETE', url, undefined, this.buildHeaders(config));
-      if (!this.isSuccessStatus(response.status)) {
-        this.logger.warn(
-          `Meilisearch delete failed for index ${indexName}: ${response.status}`,
-        );
-      }
-    } catch (error) {
-      this.logger.warn(`Meilisearch delete failed: ${error.message}`);
-    }
-  }
-
-  private getConfig(): MeiliConfig | null {
-    const host = process.env.MEILI_HOST || process.env.MEILISEARCH_HOST;
-    if (!host) return null;
-    const trimmedHost = host.replace(/\/+$/, '');
-    const apiKey = process.env.MEILI_API_KEY || process.env.MEILISEARCH_API_KEY;
-    const indexPrefix = process.env.MEILI_INDEX_PREFIX || 'tenant_';
-    return { host: trimmedHost, apiKey, indexPrefix };
-  }
-
-  private buildIndexName(config: MeiliConfig, tenantId: string, objectApiName: string): string {
-    return `${config.indexPrefix}${tenantId}_${objectApiName}`.toLowerCase();
-  }
-
-  private buildHeaders(config: MeiliConfig): Record<string, string> {
-    const headers: Record<string, string> = {
-      'Content-Type': 'application/json',
-      Accept: 'application/json',
-    };
-    if (config.apiKey) {
-      headers['X-Meili-API-Key'] = config.apiKey;
-      headers.Authorization = `Bearer ${config.apiKey}`;
-    }
-    return headers;
-  }
-
-  private pickRecordFields(record: Record<string, any>, fields: string[]): Record<string, any> {
-    const document: Record<string, any> = { id: record.id };
-    for (const field of fields) {
-      if (record[field] !== undefined) {
-        document[field] = record[field];
-      }
-    }
-    return document;
-  }
-
-  private isSuccessStatus(status: number): boolean {
-    return status >= 200 && status < 300;
-  }
-
-  private requestJson(
-    method: 'POST' | 'DELETE',
-    url: string,
-    payload: any,
-    headers: Record<string, string>,
-  ): Promise<{ status: number; body: any }> {
-    return new Promise((resolve, reject) => {
-      const parsedUrl = new URL(url);
-      const client = parsedUrl.protocol === 'https:' ? https : http;
-      const request = client.request(
-        {
-          method,
-          hostname: parsedUrl.hostname,
-          port: parsedUrl.port,
-          path: `${parsedUrl.pathname}${parsedUrl.search}`,
-          headers,
-        },
-        (response) => {
-          let data = '';
-          response.on('data', (chunk) => {
-            data += chunk;
-          });
-          response.on('end', () => {
-            if (!data) {
-              resolve({ status: response.statusCode || 0, body: null });
-              return;
-            }
-            try {
-              const body = JSON.parse(data);
-              resolve({ status: response.statusCode || 0, body });
-            } catch (error) {
-              reject(error);
-            }
-          });
-        },
-      );
-
-      request.on('error', reject);
-      if (payload !== undefined) {
-        request.write(JSON.stringify(payload));
-      }
-      request.end();
-    });
-  }
-}

frontend/components/AIChatBar.vue

@@ -8,101 +8,26 @@ import {
 } from '@/components/ui/input-group'
 import { Separator } from '@/components/ui/separator'
 import { ArrowUp } from 'lucide-vue-next'
-import { useRoute } from 'vue-router'
-import { useApi } from '@/composables/useApi'
 
 const chatInput = ref('')
-const messages = ref<{ role: 'user' | 'assistant'; text: string }[]>([])
-const sending = ref(false)
-const route = useRoute()
-const { api } = useApi()
 
-const buildContext = () => {
-  const recordId = route.params.recordId ? String(route.params.recordId) : undefined
-  const viewParam = route.params.view ? String(route.params.view) : undefined
-  const view = viewParam || (recordId ? (recordId === 'new' ? 'edit' : 'detail') : 'list')
-  const objectApiName = route.params.objectName
-    ? String(route.params.objectName)
-    : undefined
-
-  return {
-    objectApiName,
-    view,
-    recordId,
-    route: route.fullPath,
-  }
-}
-
-const handleSend = async () => {
+const handleSend = () => {
   if (!chatInput.value.trim()) return
-
-  const message = chatInput.value.trim()
-  messages.value.push({ role: 'user', text: message })
+  
+  // TODO: Implement AI chat send functionality
+  console.log('Sending message:', chatInput.value)
   chatInput.value = ''
-  sending.value = true
-
-  try {
-    const history = messages.value.slice(0, -1).slice(-6)
-    const response = await api.post('/ai/chat', {
-      message,
-      history,
-      context: buildContext(),
-    })
-
-    messages.value.push({
-      role: 'assistant',
-      text: response.reply || 'Let me know what else you need.',
-    })
-
-    if (response.action === 'create_record') {
-      window.dispatchEvent(
-        new CustomEvent('ai-record-created', {
-          detail: {
-            objectApiName: buildContext().objectApiName,
-            record: response.record,
-          },
-        }),
-      )
-    }
-  } catch (error: any) {
-    console.error('Failed to send AI chat message:', error)
-    messages.value.push({
-      role: 'assistant',
-      text: error.message || 'Sorry, I ran into an error. Please try again.',
-    })
-  } finally {
-    sending.value = false
-  }
 }
 </script>
 
 <template>
-  <div class="ai-chat-area w-full border-t border-border p-4 bg-neutral-50">
-    <div class="ai-chat-messages mb-4 space-y-3">
-      <div
-        v-for="(message, index) in messages"
-        :key="`${message.role}-${index}`"
-        class="flex"
-        :class="message.role === 'user' ? 'justify-end' : 'justify-start'"
-      >
-        <div
-          class="max-w-[80%] rounded-lg px-3 py-2 text-sm"
-          :class="message.role === 'user' ? 'bg-primary text-primary-foreground' : 'bg-white border border-border text-foreground'"
-        >
-          {{ message.text }}
-        </div>
-      </div>
-      <p v-if="messages.length === 0" class="text-sm text-muted-foreground">
-        Ask the assistant to add records, filter lists, or summarize the page.
-      </p>
-    </div>
+  <div class="ai-chat-area sticky bottom-0 z-20 bg-background border-t border-border p-4 bg-neutral-50">
     <InputGroup>
       <InputGroupTextarea 
         v-model="chatInput"
         placeholder="Ask, Search or Chat..." 
         class="min-h-[60px] rounded-lg"
         @keydown.enter.exact.prevent="handleSend"
-        :disabled="sending"
       />
       <InputGroupAddon>
         <InputGroupText class="ml-auto">
@@ -112,7 +37,7 @@ const handleSend = async () => {
         <InputGroupButton
           variant="default"
           class="rounded-full"
-          :disabled="!chatInput.trim() || sending"
+          :disabled="!chatInput.trim()"
           @click="handleSend"
         >
           <ArrowUp class="size-4" />
@@ -125,6 +50,8 @@ const handleSend = async () => {
 
 <style scoped>
 .ai-chat-area {
-  min-height: 190px;
+  height: calc(100vh / 6);
+  min-height: 140px;
+  max-height: 200px;
 }
 </style>

frontend/components/AppSidebar.vue

@@ -22,19 +22,12 @@ import { useSoftphone } from '~/composables/useSoftphone'
 
 const { logout } = useAuth()
 const { api } = useApi()
-const isDrawerOpen = useState<boolean>('bottomDrawerOpen', () => false)
-const drawerTab = useState<string>('bottomDrawerTab', () => 'softphone')
 const softphone = useSoftphone()
 
 const handleLogout = async () => {
   await logout()
 }
 
-const openSoftphoneDrawer = () => {
-  drawerTab.value = 'softphone'
-  isDrawerOpen.value = true
-}
-
 // Check if user is central admin (by checking if we're on a central subdomain)
 // Use ref instead of computed to avoid hydration mismatch
 const isCentralAdmin = ref(false)
@@ -342,6 +335,13 @@ const centralAdminMenuItems: Array<{
     </SidebarContent>
     <SidebarFooter>
       <SidebarMenu>
+        <SidebarMenuItem v-if="!isCentralAdmin">
+          <SidebarMenuButton @click="softphone.open" class="cursor-pointer hover:bg-accent">
+            <Phone class="h-4 w-4" />
+            <span>Softphone</span>
+            <span v-if="softphone.hasIncomingCall.value" class="ml-auto h-2 w-2 rounded-full bg-red-500 animate-pulse"></span>
+          </SidebarMenuButton>
+        </SidebarMenuItem>
         <SidebarMenuItem>
           <SidebarMenuButton @click="handleLogout" class="cursor-pointer hover:bg-accent">
             <LogOut class="h-4 w-4" />

frontend/components/BottomDrawer.vue

@@ -1,454 +0,0 @@
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import AIChatBar from '@/components/AIChatBar.vue'
-import { Phone, Sparkles, X, ChevronUp, Hash, Mic, MicOff, PhoneIncoming, PhoneOff } from 'lucide-vue-next'
-import { toast } from 'vue-sonner'
-import { useSoftphone } from '~/composables/useSoftphone'
-
-const isDrawerOpen = useState<boolean>('bottomDrawerOpen', () => false)
-const activeTab = useState<string>('bottomDrawerTab', () => 'softphone')
-const drawerHeight = useState<number>('bottomDrawerHeight', () => 240)
-const props = defineProps<{
-  bounds?: { left: number; width: number }
-}>()
-
-const softphone = useSoftphone()
-
-const minHeight = 200
-const collapsedHeight = 72
-const maxHeight = ref(480)
-const isResizing = ref(false)
-const resizeStartY = ref(0)
-const resizeStartHeight = ref(0)
-
-const phoneNumber = ref('')
-const showDialpad = ref(false)
-
-const statusLabel = computed(() => (softphone.isConnected.value ? 'Connected' : 'Offline'))
-
-const clampHeight = (height: number) => Math.min(Math.max(height, minHeight), maxHeight.value)
-
-const updateMaxHeight = () => {
-  if (!process.client) return
-  maxHeight.value = Math.round(window.innerHeight * 0.6)
-  drawerHeight.value = clampHeight(drawerHeight.value)
-}
-
-const openDrawer = (tab?: string) => {
-  if (tab) {
-    activeTab.value = tab
-  }
-  isDrawerOpen.value = true
-  if (activeTab.value === 'softphone') {
-    softphone.open()
-  }
-}
-
-const minimizeDrawer = () => {
-  isDrawerOpen.value = false
-}
-
-const startResize = (event: MouseEvent | TouchEvent) => {
-  if (!isDrawerOpen.value) {
-    isDrawerOpen.value = true
-  }
-  isResizing.value = true
-  resizeStartY.value = 'touches' in event ? event.touches[0].clientY : event.clientY
-  resizeStartHeight.value = drawerHeight.value
-}
-
-const handleResize = (event: MouseEvent | TouchEvent) => {
-  if (!isResizing.value) return
-  const clientY = 'touches' in event ? event.touches[0].clientY : event.clientY
-  const delta = resizeStartY.value - clientY
-  drawerHeight.value = clampHeight(resizeStartHeight.value + delta)
-}
-
-const stopResize = () => {
-  isResizing.value = false
-}
-
-watch(
-  () => softphone.incomingCall.value,
-  (incoming) => {
-    if (incoming) {
-      activeTab.value = 'softphone'
-      isDrawerOpen.value = true
-    }
-  }
-)
-
-watch(
-  () => activeTab.value,
-  (tab) => {
-    if (tab === 'softphone' && isDrawerOpen.value) {
-      softphone.open()
-    }
-  }
-)
-
-watch(
-  () => isDrawerOpen.value,
-  (open) => {
-    if (open && activeTab.value === 'softphone') {
-      softphone.open()
-    }
-  }
-)
-
-const handleCall = async () => {
-  if (!phoneNumber.value) {
-    toast.error('Please enter a phone number')
-    return
-  }
-
-  try {
-    await softphone.initiateCall(phoneNumber.value)
-    phoneNumber.value = ''
-    toast.success('Call initiated')
-  } catch (error: any) {
-    toast.error(error.message || 'Failed to initiate call')
-  }
-}
-
-const handleAccept = async () => {
-  if (!softphone.incomingCall.value) return
-
-  try {
-    await softphone.acceptCall(softphone.incomingCall.value.callSid)
-  } catch (error: any) {
-    toast.error(error.message || 'Failed to accept call')
-  }
-}
-
-const handleReject = async () => {
-  if (!softphone.incomingCall.value) return
-
-  try {
-    await softphone.rejectCall(softphone.incomingCall.value.callSid)
-  } catch (error: any) {
-    toast.error(error.message || 'Failed to reject call')
-  }
-}
-
-const handleEndCall = async () => {
-  if (!softphone.currentCall.value) return
-
-  try {
-    await softphone.endCall(softphone.currentCall.value.callSid)
-  } catch (error: any) {
-    toast.error(error.message || 'Failed to end call')
-  }
-}
-
-const handleDtmf = async (digit: string) => {
-  if (!softphone.currentCall.value) return
-
-  try {
-    await softphone.sendDtmf(softphone.currentCall.value.callSid, digit)
-  } catch (error: any) {
-    console.error('Failed to send DTMF:', error)
-  }
-}
-
-const formatPhoneNumber = (number: string): string => {
-  if (!number) return ''
-  const cleaned = number.replace(/\D/g, '')
-  if (cleaned.length === 11 && cleaned[0] === '1') {
-    return `+1 (${cleaned.slice(1, 4)}) ${cleaned.slice(4, 7)}-${cleaned.slice(7)}`
-  } else if (cleaned.length === 10) {
-    return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)}-${cleaned.slice(6)}`
-  }
-  return number
-}
-
-const formatDuration = (seconds?: number): string => {
-  if (!seconds) return '--:--'
-  const mins = Math.floor(seconds / 60)
-  const secs = seconds % 60
-  return `${mins}:${secs.toString().padStart(2, '0')}`
-}
-
-onMounted(() => {
-  console.log('BottomDrawer mounted');
-  updateMaxHeight()
-  window.addEventListener('mousemove', handleResize)
-  window.addEventListener('mouseup', stopResize)
-  window.addEventListener('touchmove', handleResize, { passive: true })
-  window.addEventListener('touchend', stopResize)
-  window.addEventListener('resize', updateMaxHeight)
-})
-
-onBeforeUnmount(() => {
-  console.log('BottomDrawer unmounted');
-  window.removeEventListener('mousemove', handleResize)
-  window.removeEventListener('mouseup', stopResize)
-  window.removeEventListener('touchmove', handleResize)
-  window.removeEventListener('touchend', stopResize)
-  window.removeEventListener('resize', updateMaxHeight)
-})
-</script>
-
-<template>
-  <div
-    class="pointer-events-none fixed bottom-0 z-30 flex justify-center px-2"
-    :style="{
-      left: props.bounds?.left ? `${props.bounds.left}px` : '0',
-      width: props.bounds?.width ? `${props.bounds.width}px` : '100vw',
-      right: props.bounds?.width ? 'auto' : '0',
-    }"
-  >
-    <div
-      class="pointer-events-auto w-full border border-border bg-background transition-all duration-200"
-      :class="{ 'shadow-2xl': isDrawerOpen }"
-      :style="{ height: `${isDrawerOpen ? drawerHeight : collapsedHeight}px` }"
-    >
-      <div class="grid grid-cols-3 items-center justify-between border-border px-2 py-2">
-
-        <div class="flex">
-
-          <Tabs v-if="!isDrawerOpen" v-model="activeTab" class="flex h-full flex-col">
-            <TabsList class="mx-2 mt-2 grid w-fit grid-cols-2">
-              <TabsTrigger value="softphone" class="flex items-center gap-2" @click="openDrawer('softphone')">
-                <Phone class="h-4 w-4" />
-                Softphone
-                <span
-                  class="inline-flex h-2 w-2 rounded-full"
-                  :class="softphone.isConnected.value ? 'bg-emerald-500' : 'bg-muted-foreground/40'"
-                />
-              </TabsTrigger>
-              <TabsTrigger value="ai" class="flex items-center gap-2" @click="openDrawer('ai')">
-                <Sparkles class="h-4 w-4" />
-                AI Agent
-              </TabsTrigger>
-            </TabsList>
-          </Tabs>
-
-        </div>
-        
-
-        <div
-          class="flex h-6 flex-1 cursor-row-resize items-center justify-center"
-          @mousedown="startResize"
-          @touchstart.prevent="startResize"
-        >
-          <span class="h-1.5 w-12 rounded-full bg-muted" />
-        </div>
-
-        <div class="flex col-start-3 justify-end">
-          <Button variant="ghost" size="icon" class="ml-3" @click="isDrawerOpen ? minimizeDrawer() : openDrawer()">
-            <X v-if="isDrawerOpen" class="h-4 w-4" />
-            <ChevronUp v-else class="h-4 w-4" />
-            <span class="sr-only">{{ isDrawerOpen ? 'Minimize drawer' : 'Expand drawer' }}</span>
-          </Button>
-        </div>
-
-      </div>
-
-      <Tabs v-if="isDrawerOpen" v-model="activeTab" class="flex h-full flex-col border-t">
-        <TabsList class="mx-4 mt-2 grid w-fit grid-cols-2">
-          <TabsTrigger value="softphone" class="flex items-center gap-2" @click="openDrawer('softphone')">
-            <Phone class="h-4 w-4" />
-            Softphone
-            <span
-              class="inline-flex h-2 w-2 rounded-full"
-              :class="softphone.isConnected.value ? 'bg-emerald-500' : 'bg-muted-foreground/40'"
-            />
-          </TabsTrigger>
-          <TabsTrigger value="ai" class="flex items-center gap-2" @click="openDrawer('ai')">
-            <Sparkles class="h-4 w-4" />
-            AI Agent
-          </TabsTrigger>
-        </TabsList>
-
-        <div v-show="isDrawerOpen" class="flex-1 overflow-hidden">
-          <TabsContent value="softphone" class="h-full">
-            <div class="flex h-full flex-col gap-4 px-6 pb-6 pt-4">
-              <div
-                class="flex items-center justify-between rounded-lg border px-4 py-3"
-                :class="softphone.isConnected.value ? 'border-emerald-200 bg-emerald-50/40' : 'border-border bg-muted/30'"
-              >
-                <div>
-                  <p class="text-sm font-medium">Softphone</p>
-                  <p class="text-xs text-muted-foreground">
-                    {{ softphone.isConnected.value ? 'Ready to place and receive calls.' : 'Connect to start placing calls.' }}
-                  </p>
-                </div>
-                <div class="flex items-center gap-2 text-xs">
-                  <span
-                    class="inline-flex h-2.5 w-2.5 rounded-full"
-                    :class="softphone.isConnected.value ? 'bg-emerald-500' : 'bg-muted-foreground/40'"
-                  />
-                  <span class="text-muted-foreground">{{ statusLabel }}</span>
-                </div>
-              </div>
-
-              <div v-if="softphone.aiSuggestions.value.length > 0" class="space-y-2">
-                <h3 class="text-sm font-semibold flex items-center gap-2">
-                  <span>AI Assistant</span>
-                  <span class="px-2 py-0.5 text-xs bg-blue-100 text-blue-700 rounded-full">
-                    {{ softphone.aiSuggestions.value.length }}
-                  </span>
-                </h3>
-                <div class="space-y-2 max-h-40 overflow-y-auto">
-                  <div
-                    v-for="(suggestion, index) in softphone.aiSuggestions.value.slice(0, 5)"
-                    :key="index"
-                    class="rounded-lg border p-3 text-sm transition-all"
-                    :class="{
-                      'bg-blue-50 border-blue-200': suggestion.type === 'response',
-                      'bg-emerald-50 border-emerald-200': suggestion.type === 'action',
-                      'bg-purple-50 border-purple-200': suggestion.type === 'insight',
-                    }"
-                  >
-                    <div class="flex items-center gap-2 mb-1">
-                      <span
-                        class="text-xs font-semibold uppercase"
-                        :class="{
-                          'text-blue-700': suggestion.type === 'response',
-                          'text-emerald-700': suggestion.type === 'action',
-                          'text-purple-700': suggestion.type === 'insight',
-                        }"
-                      >
-                        {{ suggestion.type }}
-                      </span>
-                      <span class="text-xs text-muted-foreground">just now</span>
-                    </div>
-                    <p class="leading-relaxed">{{ suggestion.text }}</p>
-                  </div>
-                </div>
-              </div>
-
-              <div v-if="softphone.incomingCall.value" class="rounded-lg border border-blue-200 bg-blue-50/60 p-4">
-                <div class="text-center space-y-4">
-                  <div>
-                    <p class="text-sm text-muted-foreground">Incoming call from</p>
-                    <p class="text-2xl font-semibold">
-                      {{ formatPhoneNumber(softphone.incomingCall.value.fromNumber) }}
-                    </p>
-                  </div>
-                  <div class="flex gap-2 justify-center">
-                    <Button @click="handleAccept" class="bg-emerald-500 hover:bg-emerald-600">
-                      <Phone class="h-4 w-4 mr-2" />
-                      Accept
-                    </Button>
-                    <Button @click="handleReject" variant="destructive">
-                      <PhoneOff class="h-4 w-4 mr-2" />
-                      Reject
-                    </Button>
-                  </div>
-                </div>
-              </div>
-
-              <div v-if="softphone.currentCall.value" class="space-y-4">
-                <div class="rounded-lg border bg-muted/40 p-4 text-center space-y-2">
-                  <p class="text-sm text-muted-foreground">
-                    {{ softphone.currentCall.value.direction === 'outbound' ? 'Calling' : 'Connected with' }}
-                  </p>
-                  <p class="text-2xl font-semibold">
-                    {{ formatPhoneNumber(
-                      softphone.currentCall.value.direction === 'outbound'
-                        ? softphone.currentCall.value.toNumber
-                        : softphone.currentCall.value.fromNumber
-                    ) }}
-                  </p>
-                  <p class="text-xs text-muted-foreground capitalize">{{ softphone.callStatus.value }}</p>
-                </div>
-
-                <div class="grid grid-cols-3 gap-2">
-                  <Button variant="outline" size="sm" @click="softphone.toggleMute">
-                    <Mic v-if="!softphone.isMuted.value" class="h-4 w-4" />
-                    <MicOff v-else class="h-4 w-4" />
-                  </Button>
-                  <Button variant="outline" size="sm" @click="showDialpad = !showDialpad">
-                    <Hash class="h-4 w-4" />
-                  </Button>
-                  <Button variant="destructive" size="sm" @click="handleEndCall">
-                    <PhoneOff class="h-4 w-4" />
-                  </Button>
-                </div>
-
-                <div v-if="showDialpad" class="grid grid-cols-3 gap-2">
-                  <Button
-                    v-for="digit in ['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#']"
-                    :key="digit"
-                    variant="outline"
-                    size="sm"
-                    @click="handleDtmf(digit)"
-                    class="h-12 text-lg font-semibold"
-                  >
-                    {{ digit }}
-                  </Button>
-                </div>
-              </div>
-
-              <div v-if="!softphone.currentCall.value && !softphone.incomingCall.value" class="space-y-4">
-                <div>
-                  <label class="text-sm font-medium">Phone Number</label>
-                  <Input
-                    v-model="phoneNumber"
-                    placeholder="+1234567890"
-                    class="mt-1"
-                    @keyup.enter="handleCall"
-                  />
-                </div>
-
-                <div class="grid grid-cols-3 gap-2">
-                  <Button
-                    v-for="digit in ['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#']"
-                    :key="digit"
-                    variant="outline"
-                    @click="phoneNumber += digit"
-                    class="h-12 text-lg font-semibold"
-                  >
-                    {{ digit }}
-                  </Button>
-                </div>
-
-                <div class="flex gap-2">
-                  <Button @click="handleCall" class="flex-1" :disabled="!phoneNumber">
-                    <Phone class="h-4 w-4 mr-2" />
-                    Call
-                  </Button>
-                  <Button @click="phoneNumber = ''" variant="outline">
-                    <X class="h-4 w-4" />
-                  </Button>
-                </div>
-
-                <div v-if="softphone.callHistory.value.length > 0" class="space-y-2">
-                  <h3 class="text-sm font-semibold">Recent Calls</h3>
-                  <div class="space-y-1 max-h-40 overflow-y-auto">
-                    <div
-                      v-for="call in softphone.callHistory.value.slice(0, 5)"
-                      :key="call.callSid"
-                      class="flex items-center justify-between rounded-md px-2 py-1 hover:bg-muted/40 cursor-pointer"
-                      @click="phoneNumber = call.direction === 'outbound' ? call.toNumber : call.fromNumber"
-                    >
-                      <div class="flex items-center gap-2">
-                        <Phone v-if="call.direction === 'outbound'" class="h-3 w-3 text-emerald-500" />
-                        <PhoneIncoming v-else class="h-3 w-3 text-blue-500" />
-                        <span class="text-sm">
-                          {{ formatPhoneNumber(call.direction === 'outbound' ? call.toNumber : call.fromNumber) }}
-                        </span>
-                      </div>
-                      <span class="text-xs text-muted-foreground">{{ formatDuration(call.duration) }}</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </TabsContent>
-
-          <TabsContent value="ai" class="h-full relative">
-            <div class="flex flex-col justify-end absolute bottom-0 w-full">
-              <AIChatBar />
-            </div>
-          </TabsContent>
-        </div>
-      </Tabs>
-    </div>
-  </div>
-</template>

frontend/components/PageLayoutEditor.vue

@@ -28,44 +28,22 @@
       </div>
 
       <!-- Available Fields Sidebar -->
-      <div class="w-80 border-l bg-white dark:bg-slate-950 p-4 overflow-auto space-y-6">
-        <div>
-          <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 grid</p>
-          <div class="space-y-2" id="sidebar-fields">
-            <div
-              v-for="field in availableFields"
-              :key="field.id"
-              class="p-3 border rounded cursor-move bg-white dark:bg-slate-900 hover:border-primary hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors"
-              :data-field-id="field.id"
-              draggable="true"
-              @dragstart="handleDragStart($event, field)"
-              @click="addFieldToGrid(field)"
-            >
-              <div class="font-medium text-sm">{{ field.label }}</div>
-              <div class="text-xs text-muted-foreground">{{ field.apiName }}</div>
-              <div class="text-xs text-muted-foreground">Type: {{ field.type }}</div>
-            </div>
-          </div>
-        </div>
-
-        <div v-if="relatedLists.length > 0">
-          <h3 class="text-lg font-semibold mb-2">Related Lists</h3>
-          <p class="text-xs text-muted-foreground mb-4">Select related lists to show on detail views</p>
-          <div class="space-y-2">
-            <label
-              v-for="list in relatedLists"
-              :key="list.relationName"
-              class="flex items-center gap-2 text-sm"
-            >
-              <input
-                type="checkbox"
-                class="h-4 w-4"
-                :value="list.relationName"
-                v-model="selectedRelatedLists"
-              />
-              <span>{{ list.title }}</span>
-            </label>
+      <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 grid</p>
+        <div class="space-y-2" id="sidebar-fields">
+          <div
+            v-for="field in availableFields"
+            :key="field.id"
+            class="p-3 border rounded cursor-move bg-white dark:bg-slate-900 hover:border-primary hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors"
+            :data-field-id="field.id"
+            draggable="true"
+            @dragstart="handleDragStart($event, field)"
+            @click="addFieldToGrid(field)"
+          >
+            <div class="font-medium text-sm">{{ field.label }}</div>
+            <div class="text-xs text-muted-foreground">{{ field.apiName }}</div>
+            <div class="text-xs text-muted-foreground">Type: {{ field.type }}</div>
           </div>
         </div>
       </div>
@@ -74,29 +52,26 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue'
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'
 import { GridStack } from 'gridstack'
 import 'gridstack/dist/gridstack.min.css'
 import type { FieldLayoutItem } from '~/types/page-layout'
-import type { FieldConfig, RelatedListConfig } from '~/types/field-types'
+import type { FieldConfig } from '~/types/field-types'
 import { Button } from '@/components/ui/button'
 
 const props = defineProps<{
   fields: FieldConfig[]
-  relatedLists?: RelatedListConfig[]
   initialLayout?: FieldLayoutItem[]
-  initialRelatedLists?: string[]
   layoutName?: string
 }>()
 
 const emit = defineEmits<{
-  save: [layout: { fields: FieldLayoutItem[]; relatedLists: string[] }]
+  save: [layout: FieldLayoutItem[]]
 }>()
 
 const gridContainer = ref<HTMLElement | null>(null)
 let grid: GridStack | null = null
 const gridItems = ref<Map<string, any>>(new Map())
-const selectedRelatedLists = ref<string[]>(props.initialRelatedLists || [])
 
 // Fields that are already on the grid
 const placedFieldIds = ref<Set<string>>(new Set())
@@ -106,10 +81,6 @@ const availableFields = computed(() => {
   return props.fields.filter(field => !placedFieldIds.value.has(field.id))
 })
 
-const relatedLists = computed(() => {
-  return props.relatedLists || []
-})
-
 const initGrid = () => {
   if (!gridContainer.value) return
 
@@ -307,10 +278,7 @@ const handleSave = () => {
     }
   })
 
-  emit('save', {
-    fields: layout,
-    relatedLists: selectedRelatedLists.value,
-  })
+  emit('save', layout)
 }
 
 onMounted(() => {
@@ -327,13 +295,6 @@ onBeforeUnmount(() => {
 watch(() => props.fields, () => {
   updatePlacedFields()
 }, { deep: true })
-
-watch(
-  () => props.initialRelatedLists,
-  (value) => {
-    selectedRelatedLists.value = value ? [...value] : []
-  },
-)
 </script>
 
 <style>

frontend/components/PageLayoutRenderer.vue

@@ -17,7 +17,6 @@
           :record-data="modelValue"
           :mode="readonly ? VM.DETAIL : VM.EDIT"
           @update:model-value="handleFieldUpdate(fieldItem.field.apiName, $event)"
-          @update:related-fields="handleRelatedFieldsUpdate"
         />
       </div>
     </div>
@@ -35,7 +34,6 @@
           :record-data="modelValue"
           :mode="readonly ? VM.DETAIL : VM.EDIT"
           @update:model-value="handleFieldUpdate(field.apiName, $event)"
-          @update:related-fields="handleRelatedFieldsUpdate"
         />
       </div>
     </div>
@@ -98,17 +96,6 @@ const handleFieldUpdate = (fieldName: string, value: any) => {
   
   emit('update:modelValue', updated)
 }
-
-const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
-  if (props.readonly) return
-
-  const updated = {
-    ...props.modelValue,
-    ...values,
-  }
-
-  emit('update:modelValue', updated)
-}
 </script>
 
 <style scoped>

frontend/components/RelatedList.vue

@@ -11,8 +11,6 @@ interface RelatedListConfig {
   relationName: string // e.g., 'domains', 'users'
   objectApiName: string // e.g., 'domains', 'users'
   fields: FieldConfig[] // Fields to display in the list
-  lookupFieldApiName?: string // Used to filter by parentId when fetching
-  parentObjectApiName?: string // Parent object API name, used to derive lookup field if missing
   canCreate?: boolean
   createRoute?: string // Route to create new related record
 }
@@ -21,11 +19,11 @@ interface Props {
   config: RelatedListConfig
   parentId: string
   relatedRecords?: any[] // Can be passed in if already fetched
-  baseUrl?: string // Base API URL, defaults to runtime objects
+  baseUrl?: string // Base API URL, defaults to '/central'
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  baseUrl: '/runtime/objects',
+  baseUrl: '/central',
   relatedRecords: undefined,
 })
 
@@ -55,48 +53,14 @@ const fetchRelatedRecords = async () => {
   
   try {
     // Replace :parentId placeholder in the API path
-    const sanitizedBase = props.baseUrl.replace(/\/$/, '')
-    let apiPath = props.config.objectApiName.replace(':parentId', props.parentId).replace(/^\/+/, '')
-    const isRuntimeObjects = sanitizedBase.endsWith('/runtime/objects')
-
-    // Default runtime object routes expect /:objectApiName/records
-    if (isRuntimeObjects && !apiPath.includes('/')) {
-      apiPath = `${apiPath}/records`
-    }
+    let apiPath = props.config.objectApiName.replace(':parentId', props.parentId)
     
-    const findLookupKey = () => {
-      if (props.config.lookupFieldApiName) return props.config.lookupFieldApiName
-
-      const parentName = props.config.parentObjectApiName?.toLowerCase()
-      const fields = props.config.fields || []
-
-      const parentMatch = fields.find(field => {
-        const relation = (field as any).relationObject || (field as any).referenceObject
-        return relation && parentName && relation.toLowerCase() === parentName
-      })
-      if (parentMatch?.apiName) return parentMatch.apiName
-
-      const lookupMatch = fields.find(
-        field => (field.type || '').toString().toLowerCase() === 'lookup'
-      )
-      if (lookupMatch?.apiName) return lookupMatch.apiName
-
-      const idMatch = fields.find(field =>
-        field.apiName?.toLowerCase().endsWith('id')
-      )
-      if (idMatch?.apiName) return idMatch.apiName
-
-      return 'parentId'
-    }
-
-    const lookupKey = findLookupKey()
-
-    const response = await api.get(`${sanitizedBase}/${apiPath}`, {
+    const response = await api.get(`${props.baseUrl}/${apiPath}`, {
       params: {
-        [lookupKey]: props.parentId,
+        parentId: props.parentId,
       },
     })
-    records.value = response?.data || response || []
+    records.value = response || []
   } catch (err: any) {
     console.error('Error fetching related records:', err)
     error.value = err.message || 'Failed to fetch related records'
@@ -113,40 +77,20 @@ const handleViewRecord = (recordId: string) => {
   emit('navigate', props.config.objectApiName, recordId)
 }
 
-const formatValue = (record: any, field: FieldConfig): string => {
-  const value = record?.[field.apiName]
+const formatValue = (value: any, field: FieldConfig): string => {
   if (value === null || value === undefined) return '-'
   
-  const type = (field.type || '').toString().toLowerCase()
-
-  // Lookup fields: use related object display value when available
-  if (type === 'lookup' || type === 'belongsto') {
-    const relationName = field.apiName.replace(/Id$/i, '').toLowerCase()
-    const related = record?.[relationName]
-    if (related && typeof related === 'object') {
-      const displayField = (field as any).relationDisplayField || 'name'
-      if (related[displayField]) return String(related[displayField])
-      // Fallback: first string-ish property or ID
-      const firstStringKey = Object.keys(related).find(
-        key => typeof related[key] === 'string'
-      )
-      if (firstStringKey) return String(related[firstStringKey])
-      if (related.id) return String(related.id)
-    }
-    // If no related object, show raw value
-  }
-
   // Handle different field types
-  if (type === 'date') {
+  if (field.type === 'date') {
     return new Date(value).toLocaleDateString()
   }
-  if (type === 'datetime' || type === 'date_time' || type === 'date-time') {
+  if (field.type === 'datetime') {
     return new Date(value).toLocaleString()
   }
-  if (type === 'boolean') {
+  if (field.type === 'boolean') {
     return value ? 'Yes' : 'No'
   }
-  if (type === 'select' && field.options) {
+  if (field.type === 'select' && field.options) {
     const option = field.options.find(opt => opt.value === value)
     return option?.label || value
   }
@@ -219,7 +163,7 @@ onMounted(() => {
           <TableBody>
             <TableRow v-for="record in displayRecords" :key="record.id">
               <TableCell v-for="field in config.fields" :key="field.id">
-                {{ formatValue(record, field) }}
+                {{ formatValue(record[field.apiName], field) }}
               </TableCell>
               <TableCell>
                 <Button

frontend/components/fields/FieldAttributesCommon.vue

@@ -1,195 +0,0 @@
-<template>
-  <div class="space-y-6">
-    <!-- Label -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Label</label>
-      <div class="col-span-3">
-        <input
-          v-model="formData.label"
-          type="text"
-          placeholder="Display name for this field"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-
-    <!-- API Name (Read-only if editing existing field) -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">API Name</label>
-      <div class="col-span-3">
-        <input
-          v-model="formData.apiName"
-          type="text"
-          placeholder="e.g., accountName"
-          :disabled="isEditing"
-          class="w-full px-3 py-2 border rounded-md text-sm disabled:bg-gray-100 disabled:text-gray-600"
-        />
-        <p v-if="isEditing" class="text-xs text-gray-500 mt-1">
-          Cannot change API name on existing fields
-        </p>
-      </div>
-    </div>
-
-    <!-- Description -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Description</label>
-      <div class="col-span-3">
-        <textarea
-          v-model="formData.description"
-          placeholder="Describe the purpose of this field"
-          rows="3"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-
-    <!-- Placeholder -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Placeholder</label>
-      <div class="col-span-3">
-        <input
-          v-model="formData.placeholder"
-          type="text"
-          placeholder="e.g., Enter account name"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-
-    <!-- Help Text -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Help Text</label>
-      <div class="col-span-3">
-        <textarea
-          v-model="formData.helpText"
-          placeholder="Additional guidance for users"
-          rows="2"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-
-    <!-- Display Order -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Display Order</label>
-      <div class="col-span-3">
-        <input
-          v-model.number="formData.displayOrder"
-          type="number"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-
-    <!-- Required -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Required</label>
-      <div class="col-span-3 flex items-center">
-        <input
-          v-model="formData.isRequired"
-          type="checkbox"
-          class="w-4 h-4 border rounded"
-        />
-        <span class="ml-2 text-sm text-gray-600">
-          {{ formData.isRequired ? 'Yes, this field is required' : 'No, this field is optional' }}
-        </span>
-        <p v-if="hasData && !wasRequired && formData.isRequired" class="ml-2 text-xs text-red-600">
-          ⚠️ Existing records may have empty values
-        </p>
-      </div>
-    </div>
-
-    <!-- Unique -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Unique</label>
-      <div class="col-span-3 flex items-center">
-        <input
-          v-model="formData.isUnique"
-          type="checkbox"
-          class="w-4 h-4 border rounded"
-        />
-        <span class="ml-2 text-sm text-gray-600">
-          {{ formData.isUnique ? 'Yes, values must be unique' : 'No, duplicate values allowed' }}
-        </span>
-        <p v-if="hasData && !wasUnique && formData.isUnique" class="ml-2 text-xs text-red-600">
-          ⚠️ Existing records may have duplicate values
-        </p>
-      </div>
-    </div>
-
-    <!-- Default Value -->
-    <div class="grid grid-cols-4 gap-4">
-      <label class="text-sm font-medium leading-8">Default Value</label>
-      <div class="col-span-3">
-        <input
-          v-model="formData.defaultValue"
-          type="text"
-          placeholder="Value used when field is not provided"
-          class="w-full px-3 py-2 border rounded-md text-sm"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch, onMounted } from 'vue'
-
-interface Props {
-  label?: string
-  apiName?: string
-  description?: string
-  placeholder?: string
-  helpText?: string
-  displayOrder?: number
-  isRequired?: boolean
-  isUnique?: boolean
-  defaultValue?: string
-  isEditing?: boolean
-  hasData?: boolean
-}
-
-interface Emits {
-  (e: 'update', data: any): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  label: '',
-  apiName: '',
-  description: '',
-  placeholder: '',
-  helpText: '',
-  displayOrder: 0,
-  isRequired: false,
-  isUnique: false,
-  defaultValue: '',
-  isEditing: false,
-  hasData: false,
-})
-
-const emit = defineEmits<Emits>()
-
-const formData = ref({
-  label: props.label,
-  apiName: props.apiName,
-  description: props.description,
-  placeholder: props.placeholder,
-  helpText: props.helpText,
-  displayOrder: props.displayOrder,
-  isRequired: props.isRequired,
-  isUnique: props.isUnique,
-  defaultValue: props.defaultValue,
-})
-
-const wasRequired = ref(props.isRequired)
-const wasUnique = ref(props.isUnique)
-
-onMounted(() => {
-  wasRequired.value = props.isRequired
-  wasUnique.value = props.isUnique
-})
-
-watch(formData, (newVal) => {
-  emit('update', newVal)
-}, { deep: true })
-</script>

frontend/components/fields/FieldAttributesType.vue

@@ -1,296 +0,0 @@
-<template>
-  <div class="space-y-6">
-    <!-- Text Field Attributes -->
-    <div v-if="fieldType === 'text'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Max Length</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.maxLength"
-            type="number"
-            min="1"
-            max="65535"
-            placeholder="Maximum character length (default: 255)"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-    </div>
-
-    <!-- Textarea Attributes -->
-    <div v-if="fieldType === 'textarea'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Default Rows</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.rows"
-            type="number"
-            min="2"
-            max="20"
-            :placeholder="`Default: 4 rows`"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-    </div>
-
-    <!-- Number Field Attributes -->
-    <div v-if="fieldType === 'number'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Decimal Places</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.scale"
-            type="number"
-            min="0"
-            max="10"
-            placeholder="0 for integers, 2 for decimals"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Min Value</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.min"
-            type="number"
-            placeholder="Minimum allowed value"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Max Value</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.max"
-            type="number"
-            placeholder="Maximum allowed value"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-    </div>
-
-    <!-- Currency Field Attributes -->
-    <div v-if="fieldType === 'currency'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Currency Symbol</label>
-        <div class="col-span-3">
-          <input
-            v-model="attributes.prefix"
-            type="text"
-            placeholder="e.g., $, €, ¥"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Decimal Places</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.scale"
-            type="number"
-            min="0"
-            max="4"
-            placeholder="Default: 2"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Min Value</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.min"
-            type="number"
-            placeholder="Minimum allowed value"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Max Value</label>
-        <div class="col-span-3">
-          <input
-            v-model.number="attributes.max"
-            type="number"
-            placeholder="Maximum allowed value"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-        </div>
-      </div>
-    </div>
-
-    <!-- Select/Picklist Attributes -->
-    <div v-if="fieldType === 'select' || fieldType === 'multiSelect'" class="space-y-4">
-      <div class="border rounded-lg p-4 bg-gray-50">
-        <div class="flex items-center justify-between mb-4">
-          <label class="text-sm font-medium">Options</label>
-          <button
-            type="button"
-            @click="addOption"
-            class="text-xs px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700"
-          >
-            Add Option
-          </button>
-        </div>
-        
-        <div class="space-y-2">
-          <div
-            v-for="(option, index) in attributes.options"
-            :key="index"
-            class="flex gap-2 items-center bg-white p-3 rounded border"
-          >
-            <input
-              v-model="option.value"
-              type="text"
-              placeholder="Value"
-              class="flex-1 px-2 py-1 border rounded text-sm"
-            />
-            <input
-              v-model="option.label"
-              type="text"
-              placeholder="Label"
-              class="flex-1 px-2 py-1 border rounded text-sm"
-            />
-            <button
-              type="button"
-              @click="removeOption(index)"
-              class="text-red-600 hover:text-red-800 text-sm font-medium"
-            >
-              Remove
-            </button>
-          </div>
-        </div>
-
-        <p v-if="!attributes.options || attributes.options.length === 0" class="text-sm text-gray-500 mt-4">
-          No options defined yet
-        </p>
-      </div>
-    </div>
-
-    <!-- Date Field Attributes -->
-    <div v-if="fieldType === 'date' || fieldType === 'datetime'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Include Time</label>
-        <div class="col-span-3 flex items-center">
-          <input
-            v-if="fieldType === 'datetime'"
-            :checked="true"
-            type="checkbox"
-            disabled
-            class="w-4 h-4 border rounded"
-          />
-          <span class="ml-2 text-sm text-gray-600">{{ fieldType === 'datetime' ? 'Yes' : 'No' }}</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Lookup Field Attributes -->
-    <div v-if="fieldType === 'lookup' || fieldType === 'belongsTo'" class="space-y-4">
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Related Object</label>
-        <div class="col-span-3">
-          <input
-            v-model="attributes.relationObject"
-            type="text"
-            disabled
-            placeholder="Selected during field creation"
-            class="w-full px-3 py-2 border rounded-md text-sm bg-gray-100 disabled:text-gray-600"
-          />
-          <p class="text-xs text-gray-500 mt-1">Cannot change relationship after creation</p>
-        </div>
-      </div>
-      <div class="grid grid-cols-4 gap-4">
-        <label class="text-sm font-medium leading-8">Display Field</label>
-        <div class="col-span-3">
-          <input
-            v-model="attributes.relationDisplayField"
-            type="text"
-            placeholder="e.g., name, label (field to show in lookup)"
-            class="w-full px-3 py-2 border rounded-md text-sm"
-          />
-          <p class="text-xs text-gray-500 mt-1">Which field from the related object to display</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from 'vue'
-
-interface FieldOption {
-  value: string | number
-  label: string
-}
-
-interface TypeAttributes {
-  maxLength?: number
-  rows?: number
-  scale?: number
-  min?: number
-  max?: number
-  prefix?: string
-  suffix?: string
-  options?: FieldOption[]
-  relationObject?: string
-  relationDisplayField?: string
-}
-
-interface Props {
-  fieldType: string
-  attributes?: TypeAttributes
-}
-
-interface Emits {
-  (e: 'update', data: TypeAttributes): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  fieldType: 'text',
-  attributes: () => ({}),
-})
-
-const emit = defineEmits<Emits>()
-
-const attributes = ref<TypeAttributes>({
-  ...props.attributes,
-})
-
-watch(
-  () => props.fieldType,
-  (newType) => {
-    // Reset attributes when field type changes
-    attributes.value = {}
-  },
-)
-
-const addOption = () => {
-  if (!attributes.value.options) {
-    attributes.value.options = []
-  }
-  attributes.value.options.push({
-    value: '',
-    label: '',
-  })
-  emit('update', attributes.value)
-}
-
-const removeOption = (index: number) => {
-  if (attributes.value.options) {
-    attributes.value.options.splice(index, 1)
-    emit('update', attributes.value)
-  }
-}
-
-watch(
-  attributes,
-  (newVal) => {
-    emit('update', newVal)
-  },
-  { deep: true },
-)
-</script>

frontend/components/fields/FieldRenderer.vue

@@ -21,13 +21,11 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  // Default to runtime objects endpoint; override when consuming central entities
-  baseUrl: '/runtime/objects',
+  baseUrl: '/central',
 })
 
 const emit = defineEmits<{
   'update:modelValue': [value: any]
-  'update:relatedFields': [value: Record<string, any>]
 }>()
 
 const { api } = useApi()
@@ -41,10 +39,6 @@ const isReadOnly = computed(() => props.readonly || props.field.isReadOnly || pr
 const isEditMode = computed(() => props.mode === ViewMode.EDIT)
 const isListMode = computed(() => props.mode === ViewMode.LIST)
 const isDetailMode = computed(() => props.mode === ViewMode.DETAIL)
-const relationTypeValue = computed(() => {
-  if (!props.field.relationTypeField) return null
-  return props.recordData?.[props.field.relationTypeField] ?? null
-})
 
 // Check if field is a relationship field
 const isRelationshipField = computed(() => {
@@ -105,13 +99,6 @@ const formatValue = (val: any): string => {
       return String(val)
   }
 }
-
-const handleRelationTypeUpdate = (value: string | null) => {
-  if (!props.field.relationTypeField) return
-  emit('update:relatedFields', {
-    [props.field.relationTypeField]: value,
-  })
-}
 </script>
 
 <template>
@@ -174,9 +161,7 @@ const handleRelationTypeUpdate = (value: string | null) => {
         v-if="field.type === FieldType.BELONGS_TO"
         :field="field"
         v-model="value"
-        :relation-type-value="relationTypeValue"
         :base-url="baseUrl"
-        @update:relation-type-value="handleRelationTypeUpdate"
       />
 
       <!-- Text Input -->

frontend/components/fields/FieldTypeSelector.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="space-y-4">
-    <label class="text-sm font-medium">Field Type</label>
-    
-    <div class="grid grid-cols-2 gap-4">
-      <!-- Text Fields -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'text' }"
-        @click="$emit('update:modelValue', 'text')">
-        <div class="font-medium text-sm">Text</div>
-        <div class="text-xs text-gray-600">Single line text input</div>
-      </div>
-
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'textarea' }"
-        @click="$emit('update:modelValue', 'textarea')">
-        <div class="font-medium text-sm">Textarea</div>
-        <div class="text-xs text-gray-600">Multi-line text input</div>
-      </div>
-
-      <!-- Email & Phone -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'email' }"
-        @click="$emit('update:modelValue', 'email')">
-        <div class="font-medium text-sm">Email</div>
-        <div class="text-xs text-gray-600">Email with validation</div>
-      </div>
-
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'phone' }"
-        @click="$emit('update:modelValue', 'phone')">
-        <div class="font-medium text-sm">Phone</div>
-        <div class="text-xs text-gray-600">Phone number input</div>
-      </div>
-
-      <!-- Numeric Fields -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'number' }"
-        @click="$emit('update:modelValue', 'number')">
-        <div class="font-medium text-sm">Number</div>
-        <div class="text-xs text-gray-600">Integer or decimal</div>
-      </div>
-
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'currency' }"
-        @click="$emit('update:modelValue', 'currency')">
-        <div class="font-medium text-sm">Currency</div>
-        <div class="text-xs text-gray-600">Money amount with symbol</div>
-      </div>
-
-      <!-- Selection Fields -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'select' }"
-        @click="$emit('update:modelValue', 'select')">
-        <div class="font-medium text-sm">Picklist</div>
-        <div class="text-xs text-gray-600">Dropdown with predefined options</div>
-      </div>
-
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'multiSelect' }"
-        @click="$emit('update:modelValue', 'multiSelect')">
-        <div class="font-medium text-sm">Multi-select</div>
-        <div class="text-xs text-gray-600">Select multiple options</div>
-      </div>
-
-      <!-- Boolean -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'boolean' }"
-        @click="$emit('update:modelValue', 'boolean')">
-        <div class="font-medium text-sm">Checkbox</div>
-        <div class="text-xs text-gray-600">True/False toggle</div>
-      </div>
-
-      <!-- Date Fields -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'date' }"
-        @click="$emit('update:modelValue', 'date')">
-        <div class="font-medium text-sm">Date</div>
-        <div class="text-xs text-gray-600">Date picker without time</div>
-      </div>
-
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'datetime' }"
-        @click="$emit('update:modelValue', 'datetime')">
-        <div class="font-medium text-sm">DateTime</div>
-        <div class="text-xs text-gray-600">Date and time picker</div>
-      </div>
-
-      <!-- Relationship Fields -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'lookup' }"
-        @click="$emit('update:modelValue', 'lookup')">
-        <div class="font-medium text-sm">Lookup</div>
-        <div class="text-xs text-gray-600">Link to another object</div>
-      </div>
-
-      <!-- Rich Content -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'markdown' }"
-        @click="$emit('update:modelValue', 'markdown')">
-        <div class="font-medium text-sm">Rich Text</div>
-        <div class="text-xs text-gray-600">Markdown editor</div>
-      </div>
-
-      <!-- File -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'file' }"
-        @click="$emit('update:modelValue', 'file')">
-        <div class="font-medium text-sm">File</div>
-        <div class="text-xs text-gray-600">File upload</div>
-      </div>
-
-      <!-- URL -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'url' }"
-        @click="$emit('update:modelValue', 'url')">
-        <div class="font-medium text-sm">URL</div>
-        <div class="text-xs text-gray-600">Web address with validation</div>
-      </div>
-
-      <!-- Color -->
-      <div class="border rounded-lg p-4 cursor-pointer hover:bg-blue-50"
-        :class="{ 'bg-blue-100 border-blue-500': modelValue === 'color' }"
-        @click="$emit('update:modelValue', 'color')">
-        <div class="font-medium text-sm">Color</div>
-        <div class="text-xs text-gray-600">Color picker</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineProps<{
-  modelValue: string
-}>()
-
-defineEmits<{
-  'update:modelValue': [value: string]
-}>()
-</script>

frontend/components/fields/LookupField.vue

@@ -4,7 +4,6 @@ import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Check, ChevronsUpDown, X } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
 import type { FieldConfig } from '@/types/field-types'
@@ -14,18 +13,15 @@ interface Props {
   modelValue: string | null // The ID of the selected record
   readonly?: boolean
   baseUrl?: string // Base API URL, defaults to '/central'
-  relationTypeValue?: string | null
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  // Default to runtime objects endpoint; override when consuming central entities
-  baseUrl: '/runtime/objects',
+  baseUrl: '/central',
   modelValue: null,
 })
 
 const emit = defineEmits<{
   'update:modelValue': [value: string | null]
-  'update:relationTypeValue': [value: string | null]
 }>()
 
 const { api } = useApi()
@@ -34,21 +30,10 @@ const searchQuery = ref('')
 const records = ref<any[]>([])
 const loading = ref(false)
 const selectedRecord = ref<any | null>(null)
-const selectedRelationObject = ref<string | null>(null)
 
 // Get the relation configuration
-const availableRelationObjects = computed(() => {
-  if (props.field.relationObjects && props.field.relationObjects.length > 0) {
-    return props.field.relationObjects
-  }
-
-  const fallback = props.field.relationObject || props.field.apiName.replace('Id', '')
-  return fallback ? [fallback] : []
-})
-
-const relationObject = computed(() => selectedRelationObject.value || availableRelationObjects.value[0])
+const relationObject = computed(() => props.field.relationObject || props.field.apiName.replace('Id', ''))
 const displayField = computed(() => props.field.relationDisplayField || 'name')
-const shouldShowTypeSelector = computed(() => availableRelationObjects.value.length > 1)
 
 // Display value for the selected record
 const displayValue = computed(() => {
@@ -69,18 +54,11 @@ const filteredRecords = computed(() => {
 
 // Fetch available records for the lookup
 const fetchRecords = async () => {
-  if (!relationObject.value) {
-    records.value = []
-    return
-  }
-
   loading.value = true
   try {
     const endpoint = `${props.baseUrl}/${relationObject.value}/records`
     const response = await api.get(endpoint)
-    records.value = Array.isArray(response)
-      ? response
-      : response?.data || response?.records || []
+    records.value = response || []
     
     // If we have a modelValue, find the selected record
     if (props.modelValue) {
@@ -93,15 +71,6 @@ const fetchRecords = async () => {
   }
 }
 
-const handleRelationTypeChange = (value: string) => {
-  selectedRelationObject.value = value
-  emit('update:relationTypeValue', value)
-  searchQuery.value = ''
-  selectedRecord.value = null
-  emit('update:modelValue', null)
-  fetchRecords()
-}
-
 // Handle record selection
 const selectRecord = (record: any) => {
   selectedRecord.value = record
@@ -124,24 +93,7 @@ watch(() => props.modelValue, (newValue) => {
   }
 })
 
-watch(() => props.relationTypeValue, (newValue) => {
-  if (!newValue) return
-  if (availableRelationObjects.value.includes(newValue)) {
-    selectedRelationObject.value = newValue
-    fetchRecords()
-  }
-})
-
 onMounted(() => {
-  selectedRelationObject.value = props.relationTypeValue && availableRelationObjects.value.includes(props.relationTypeValue)
-    ? props.relationTypeValue
-    : availableRelationObjects.value[0] || null
-
-  // Emit initial relation type if we have a default selection so hidden relationTypeField gets populated
-  if (selectedRelationObject.value) {
-    emit('update:relationTypeValue', selectedRelationObject.value)
-  }
-
   fetchRecords()
 })
 </script>
@@ -150,25 +102,6 @@ onMounted(() => {
   <div class="lookup-field space-y-2">
     <Popover v-model:open="open">
       <div class="flex gap-2">
-        <Select
-          v-if="shouldShowTypeSelector"
-          :model-value="relationObject"
-          :disabled="readonly || loading"
-          @update:model-value="handleRelationTypeChange"
-        >
-          <SelectTrigger class="w-40">
-            <SelectValue placeholder="Select type" />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem
-              v-for="option in availableRelationObjects"
-              :key="option"
-              :value="option"
-            >
-              {{ option }}
-            </SelectItem>
-          </SelectContent>
-        </Select>
         <PopoverTrigger as-child>
           <Button
             variant="outline"
@@ -197,7 +130,7 @@ onMounted(() => {
         <Command>
           <CommandInput 
             v-model="searchQuery"
-            :placeholder="relationObject ? `Search ${relationObject}...` : 'Search...'" 
+            placeholder="Search..." 
           />
           <CommandEmpty>
             {{ loading ? 'Loading...' : 'No results found.' }}

frontend/components/views/DetailViewEnhanced.vue

@@ -87,32 +87,6 @@ const getFieldsBySection = (section: FieldSection) => {
 const usePageLayout = computed(() => {
   return pageLayout.value && pageLayout.value.fields && pageLayout.value.fields.length > 0
 })
-
-const visibleRelatedLists = computed<RelatedListConfig[]>(() => {
-  const relatedLists = props.config.relatedLists || []
-  if (!relatedLists.length) return []
-
-  if (!usePageLayout.value) {
-    return relatedLists
-  }
-
-  const layoutRelatedLists = pageLayout.value?.relatedLists
-  if (!layoutRelatedLists || layoutRelatedLists.length === 0) {
-    // Page layout has no related list selections; show all by default
-    return relatedLists
-  }
-
-  const normalize = (name: string) => name?.toLowerCase().replace(/[^a-z0-9]/g, '')
-  const layoutNormalized = layoutRelatedLists.map(normalize)
-
-  const filtered = relatedLists.filter(list => {
-    const name = list.relationName
-    return layoutRelatedLists.includes(name) || layoutNormalized.includes(normalize(name))
-  })
-
-  // If nothing matched (e.g., relationName changed), fall back to showing all
-  return filtered.length > 0 ? filtered : relatedLists
-})
 </script>
 
 <template>
@@ -164,7 +138,7 @@ const visibleRelatedLists = computed<RelatedListConfig[]>(() => {
     <Tabs v-else default-value="details" class="space-y-6">
       <TabsList>
         <TabsTrigger value="details">Details</TabsTrigger>
-        <TabsTrigger v-if="visibleRelatedLists.length > 0" value="related">
+        <TabsTrigger v-if="config.relatedLists && config.relatedLists.length > 0" value="related">
           Related
         </TabsTrigger>
         <TabsTrigger v-if="showSharing && data.id" value="sharing">
@@ -250,14 +224,13 @@ const visibleRelatedLists = computed<RelatedListConfig[]>(() => {
 
       <!-- Related Lists Tab -->
       <TabsContent value="related" class="space-y-6">
-        <div v-if="visibleRelatedLists.length > 0">
+        <div v-if="config.relatedLists && config.relatedLists.length > 0">
           <RelatedList
-            v-for="relatedList in visibleRelatedLists"
+            v-for="relatedList in config.relatedLists"
             :key="relatedList.relationName"
             :config="relatedList"
             :parent-id="data.id"
             :related-records="data[relatedList.relationName]"
-            :base-url="baseUrl"
             @navigate="(objectApiName, recordId) => emit('navigate', objectApiName, recordId)"
             @create="(objectApiName, parentId) => emit('createRelated', objectApiName, parentId)"
           />

frontend/components/views/EditView.vue

@@ -159,13 +159,6 @@ const updateFieldValue = (apiName: string, value: any) => {
     delete errors.value[apiName]
   }
 }
-
-const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
-  formData.value = {
-    ...formData.value,
-    ...values,
-  }
-}
 </script>
 
 <template>
@@ -230,9 +223,7 @@ const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
                     :field="field"
                     :model-value="formData[field.apiName]"
                     :mode="ViewMode.EDIT"
-                    :record-data="formData"
                     @update:model-value="updateFieldValue(field.apiName, $event)"
-                    @update:related-fields="handleRelatedFieldsUpdate"
                   />
                   <p v-if="errors[field.apiName]" class="text-sm text-destructive">
                     {{ errors[field.apiName] }}
@@ -261,9 +252,7 @@ const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
                   :field="field"
                   :model-value="formData[field.apiName]"
                   :mode="ViewMode.EDIT"
-                  :record-data="formData"
                   @update:model-value="updateFieldValue(field.apiName, $event)"
-                  @update:related-fields="handleRelatedFieldsUpdate"
                 />
                 <p v-if="errors[field.apiName]" class="text-sm text-destructive">
                   {{ errors[field.apiName] }}

frontend/components/views/EditViewEnhanced.vue

@@ -176,13 +176,6 @@ const handleFieldUpdate = (fieldName: string, value: any) => {
     delete errors.value[fieldName]
   }
 }
-
-const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
-  formData.value = {
-    ...formData.value,
-    ...values,
-  }
-}
 </script>
 
 <template>
@@ -266,12 +259,10 @@ const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
                   <FieldRenderer
                     :field="field"
                     :model-value="formData[field.apiName]"
-                    :record-data="formData"
                     :mode="ViewMode.EDIT"
                     :error="errors[field.apiName]"
                     :base-url="baseUrl"
                     @update:model-value="handleFieldUpdate(field.apiName, $event)"
-                    @update:related-fields="handleRelatedFieldsUpdate"
                   />
                 </div>
               </div>
@@ -292,12 +283,10 @@ const handleRelatedFieldsUpdate = (values: Record<string, any>) => {
                 <FieldRenderer
                   :field="field"
                   :model-value="formData[field.apiName]"
-                  :record-data="formData"
                   :mode="ViewMode.EDIT"
                   :error="errors[field.apiName]"
                   :base-url="baseUrl"
                   @update:model-value="handleFieldUpdate(field.apiName, $event)"
-                  @update:related-fields="handleRelatedFieldsUpdate"
                 />
               </div>
             </div>

frontend/components/views/ListView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import {
   Table,
   TableBody,
@@ -22,8 +22,6 @@ interface Props {
   loading?: boolean
   selectable?: boolean
   baseUrl?: string
-  totalCount?: number
-  searchSummary?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -31,7 +29,6 @@ const props = withDefaults(defineProps<Props>(), {
   loading: false,
   selectable: false,
   baseUrl: '/runtime/objects',
-  searchSummary: '',
 })
 
 const emit = defineEmits<{
@@ -44,8 +41,6 @@ const emit = defineEmits<{
   'sort': [field: string, direction: 'asc' | 'desc']
   'search': [query: string]
   'refresh': []
-  'page-change': [page: number, pageSize: number]
-  'load-more': [page: number, pageSize: number]
 }>()
 
 // State
@@ -53,46 +48,12 @@ const selectedRows = ref<Set<string>>(new Set())
 const searchQuery = ref('')
 const sortField = ref<string>('')
 const sortDirection = ref<'asc' | 'desc'>('asc')
-const currentPage = ref(1)
 
 // Computed
 const visibleFields = computed(() => 
   props.config.fields.filter(f => f.showOnList !== false)
 )
 
-const pageSize = computed(() => props.config.pageSize ?? 10)
-const maxFrontendRecords = computed(() => props.config.maxFrontendRecords ?? 500)
-const totalRecords = computed(() => 
-  (props.totalCount && props.totalCount > 0)
-    ? props.totalCount
-    : props.data.length
-)
-const useHybridPagination = computed(() => totalRecords.value > maxFrontendRecords.value)
-const totalPages = computed(() => Math.max(1, Math.ceil(totalRecords.value / pageSize.value)))
-const loadedPages = computed(() => Math.max(1, Math.ceil(props.data.length / pageSize.value)))
-const availablePages = computed(() => {
-  if (useHybridPagination.value && props.totalCount && props.data.length < props.totalCount) {
-    return loadedPages.value
-  }
-  return totalPages.value
-})
-const startIndex = computed(() => (currentPage.value - 1) * pageSize.value)
-const paginatedData = computed(() => {
-  const start = startIndex.value
-  const end = start + pageSize.value
-  return props.data.slice(start, end)
-})
-const pageStart = computed(() => (props.data.length === 0 ? 0 : startIndex.value + 1))
-const pageEnd = computed(() => Math.min(startIndex.value + paginatedData.value.length, totalRecords.value))
-const showPagination = computed(() => totalRecords.value > pageSize.value)
-const canGoPrev = computed(() => currentPage.value > 1)
-const canGoNext = computed(() => currentPage.value < availablePages.value)
-const showLoadMore = computed(() => (
-  useHybridPagination.value &&
-  Boolean(props.totalCount) &&
-  props.data.length < totalRecords.value
-))
-
 const allSelected = computed({
   get: () => props.data.length > 0 && selectedRows.value.size === props.data.length,
   set: (val: boolean) => {
@@ -135,28 +96,6 @@ const handleSearch = () => {
 const handleAction = (actionId: string) => {
   emit('action', actionId, getSelectedRows())
 }
-
-const goToPage = (page: number) => {
-  const nextPage = Math.min(Math.max(page, 1), availablePages.value)
-  if (nextPage !== currentPage.value) {
-    currentPage.value = nextPage
-    emit('page-change', nextPage, pageSize.value)
-  }
-}
-
-const loadMore = () => {
-  const nextPage = Math.ceil(props.data.length / pageSize.value) + 1
-  emit('load-more', nextPage, pageSize.value)
-}
-
-watch(
-  () => [props.data.length, totalRecords.value, pageSize.value],
-  () => {
-    if (currentPage.value > availablePages.value) {
-      currentPage.value = availablePages.value
-    }
-  }
-)
 </script>
 
 <template>
@@ -174,9 +113,6 @@ watch(
             @keyup.enter="handleSearch"
           />
         </div>
-        <p v-if="searchSummary" class="mt-2 text-xs text-muted-foreground">
-          {{ searchSummary }}
-        </p>
       </div>
 
       <div class="flex items-center gap-2">
@@ -256,7 +192,7 @@ watch(
           </TableRow>
           <TableRow
             v-else
-            v-for="row in paginatedData"
+            v-for="row in data"
             :key="row.id"
             class="cursor-pointer hover:bg-muted/50"
             @click="emit('row-click', row)"
@@ -291,26 +227,7 @@ watch(
       </Table>
     </div>
 
-    <div v-if="showPagination" class="flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground">
-      <div class="flex items-center gap-2">
-        <span>Showing {{ pageStart }}-{{ pageEnd }} of {{ totalRecords }} records</span>
-        <span v-if="showLoadMore">
-          (loaded {{ data.length }})
-        </span>
-      </div>
-      <div class="flex flex-wrap items-center gap-2">
-        <Button variant="outline" size="sm" :disabled="!canGoPrev" @click="goToPage(currentPage - 1)">
-          Previous
-        </Button>
-        <span class="px-2">Page {{ currentPage }} of {{ totalPages }}</span>
-        <Button variant="outline" size="sm" :disabled="!canGoNext" @click="goToPage(currentPage + 1)">
-          Next
-        </Button>
-        <Button v-if="showLoadMore" variant="secondary" size="sm" @click="loadMore">
-          Load more
-        </Button>
-      </div>
-    </div>
+    <!-- Pagination would go here -->
   </div>
 </template>
 

frontend/composables/useFieldViews.ts

@@ -50,9 +50,7 @@ export const useFields = () => {
       step: fieldDef.step,
       accept: fieldDef.accept,
       relationObject: fieldDef.relationObject,
-      relationObjects: fieldDef.relationObjects,
       relationDisplayField: fieldDef.relationDisplayField,
-      relationTypeField: fieldDef.relationTypeField,
       
       // Formatting
       format: fieldDef.format,
@@ -78,8 +76,7 @@ export const useFields = () => {
       objectApiName: objectDef.apiName,
       mode: 'list' as ViewMode,
       fields,
-      pageSize: 10,
-      maxFrontendRecords: 500,
+      pageSize: 25,
       searchable: true,
       filterable: true,
       exportable: true,
@@ -100,7 +97,6 @@ export const useFields = () => {
       objectApiName: objectDef.apiName,
       mode: 'detail' as ViewMode,
       fields,
-      relatedLists: objectDef.relatedLists || [],
       ...customConfig,
     }
   }
@@ -184,7 +180,6 @@ export const useViewState = <T extends { id?: string }>(
   apiEndpoint: string
 ) => {
   const records = ref<T[]>([])
-  const totalCount = ref(0)
   const currentRecord = ref<T | null>(null)
   const currentView = ref<'list' | 'detail' | 'edit'>('list')
   const loading = ref(false)
@@ -193,51 +188,13 @@ export const useViewState = <T extends { id?: string }>(
 
   const { api } = useApi()
 
-  const normalizeListResponse = (response: any) => {
-    const payload: { data: T[]; totalCount: number; page?: number; pageSize?: number } = {
-      data: [],
-      totalCount: 0,
-    }
-
-    if (Array.isArray(response)) {
-      payload.data = response
-      payload.totalCount = response.length
-      return payload
-    }
-
-    if (response && typeof response === 'object') {
-      if (Array.isArray(response.data)) {
-        payload.data = response.data
-      } else if (Array.isArray((response as any).records)) {
-        payload.data = (response as any).records
-      } else if (Array.isArray((response as any).results)) {
-        payload.data = (response as any).results
-      }
-
-      payload.totalCount =
-        response.totalCount ??
-        response.total ??
-        response.count ??
-        payload.data.length ??
-        0
-      payload.page = response.page
-      payload.pageSize = response.pageSize
-    }
-
-    return payload
-  }
-
-  const fetchRecords = async (params?: Record<string, any>, options?: { append?: boolean }) => {
+  const fetchRecords = async (params?: Record<string, any>) => {
     loading.value = true
     error.value = null
     try {
       const response = await api.get(apiEndpoint, { params })
-      const normalized = normalizeListResponse(response)
-      totalCount.value = normalized.totalCount ?? normalized.data.length ?? 0
-      records.value = options?.append
-        ? [...records.value, ...normalized.data]
-        : normalized.data
-      return normalized
+      // Handle response - data might be directly in response or in response.data
+      records.value = response.data || response || []
     } catch (e: any) {
       error.value = e.message
       console.error('Failed to fetch records:', e)
@@ -270,7 +227,6 @@ export const useViewState = <T extends { id?: string }>(
       // Handle response - it might be the data directly or wrapped in { data: ... }
       const recordData = response.data || response
       records.value.push(recordData)
-      totalCount.value += 1
       currentRecord.value = recordData
       return recordData
     } catch (e: any) {
@@ -313,7 +269,6 @@ export const useViewState = <T extends { id?: string }>(
     try {
       await api.delete(`${apiEndpoint}/${id}`)
       records.value = records.value.filter(r => r.id !== id)
-      totalCount.value = Math.max(0, totalCount.value - 1)
       if (currentRecord.value?.id === id) {
         currentRecord.value = null
       }
@@ -332,7 +287,6 @@ export const useViewState = <T extends { id?: string }>(
     try {
       await Promise.all(ids.map(id => api.delete(`${apiEndpoint}/${id}`)))
       records.value = records.value.filter(r => !ids.includes(r.id!))
-      totalCount.value = Math.max(0, totalCount.value - ids.length)
     } catch (e: any) {
       error.value = e.message
       console.error('Failed to delete records:', e)
@@ -370,7 +324,6 @@ export const useViewState = <T extends { id?: string }>(
   return {
     // State
     records,
-    totalCount,
     currentRecord,
     currentView,
     loading,

frontend/composables/useSoftphone.ts

@@ -101,18 +101,23 @@ export function useSoftphone() {
       }
 
       const { api } = useApi();
+      console.log('Requesting Twilio token from /api/voice/token...');
       const response = await api.get('/voice/token');
       const token = response.data.token;
       
+      console.log('Token received, creating Device...');
+      
       // Log the token payload to see what identity is being used
       try {
         const tokenPayload = JSON.parse(atob(token.split('.')[1]));
+        console.log('Token identity:', tokenPayload.sub);
+        console.log('Token grants:', tokenPayload.grants);
       } catch (e) {
         console.log('Could not parse token payload');
       }
 
       twilioDevice.value = new Device(token, {
-        logLevel: 3,
+        logLevel: 1,
         codecPreferences: ['opus', 'pcmu'],
         enableImprovedSignalingErrorPrecision: true,
         edge: 'ashburn',
@@ -120,10 +125,12 @@ export function useSoftphone() {
 
       // Device events
       twilioDevice.value.on('registered', () => {
+        console.log('✓ Twilio Device registered - ready to receive calls');
         toast.success('Softphone ready');
       });
 
       twilioDevice.value.on('unregistered', () => {
+        console.log('⚠ Twilio Device unregistered');
       });
 
       twilioDevice.value.on('error', (error) => {
@@ -132,8 +139,14 @@ export function useSoftphone() {
       });
 
       twilioDevice.value.on('incoming', (call: TwilioCall) => {
+        console.log('🔔 Twilio Device INCOMING event received:', call.parameters);
+        console.log('Call parameters:', {
+          CallSid: call.parameters.CallSid,
+          From: call.parameters.From,
+          To: call.parameters.To,
+        });
         twilioCall.value = call;
-
+        
         // Update state
         incomingCall.value = {
           callSid: call.parameters.CallSid || '',
@@ -154,11 +167,16 @@ export function useSoftphone() {
         // Setup call handlers
         setupCallHandlers(call);
 
-        // Twilio Device will handle ringtone automatically
+        // Play ringtone
+        playRingtone();
       });
 
       // Register the device
+      console.log('Registering Twilio Device...');
       await twilioDevice.value.register();
+      console.log('✓ Twilio Device register() completed');
+      console.log('Device identity:', twilioDevice.value.identity);
+      console.log('Device state:', twilioDevice.value.state);
       
     } catch (error: any) {
       console.error('Failed to initialize Twilio Device:', error);
@@ -227,7 +245,7 @@ export function useSoftphone() {
       return 'http://localhost:3000';
     };
 
-    // Connect to /voice namespace with proper auth header
+    // Connect to /voice namespace
     socket.value = io(`${getBackendUrl()}/voice`, {
       auth: {
         token: token,
@@ -237,26 +255,25 @@ export function useSoftphone() {
       reconnectionDelay: 1000,
       reconnectionDelayMax: 5000,
       reconnectionAttempts: 5,
-      query: {}, // Explicitly set empty query to prevent token leaking
     });
 
     // Connection events
     socket.value.on('connect', () => {
+      console.log('🔌 Softphone WebSocket connected');
+      console.log('📋 Token payload (check userId):', parseJwt(token));
       isConnected.value = true;
       
       // Initialize Twilio Device after WebSocket connects
-      // Suppress warnings by catching them before they log
-      initializeTwilioDevice().catch(err => {
-        // Device initialization errors are already shown to user via toast
-        console.debug('Device init issue (non-critical):', err.message);
-      });
+      initializeTwilioDevice();
     });
 
     socket.value.on('disconnect', () => {
+      console.log('Softphone WebSocket disconnected');
       isConnected.value = false;
     });
 
     socket.value.on('connect_error', (error) => {
+      console.error('Softphone connection error:', error);
       toast.error('Failed to connect to voice service');
     });
 
@@ -535,7 +552,8 @@ export function useSoftphone() {
   let ringtoneAudio: HTMLAudioElement | null = null;
 
   const playRingtone = () => {
-    // Play a simple beep tone using Web Audio API
+    // Optional: Play a simple beep tone using Web Audio API
+    // This is a nice-to-have enhancement but not required for incoming calls to work
     try {
       const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
       const oscillator = audioContext.createOscillator();

frontend/layouts/default.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import AppSidebar from '@/components/AppSidebar.vue'
-import BottomDrawer from '@/components/BottomDrawer.vue'
+import AIChatBar from '@/components/AIChatBar.vue'
+import SoftphoneDialog from '@/components/SoftphoneDialog.vue'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -15,9 +16,6 @@ import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/s
 
 const route = useRoute()
 const { breadcrumbs: customBreadcrumbs } = useBreadcrumbs()
-const drawerBounds = useState('bottomDrawerBounds', () => ({ left: 0, width: 0 }))
-const insetRef = ref<any>(null)
-let resizeObserver: ResizeObserver | null = null
 
 const breadcrumbs = computed(() => {
   // If custom breadcrumbs are set by the page, use those
@@ -33,47 +31,12 @@ const breadcrumbs = computed(() => {
     isLast: index === paths.length - 1,
   }))
 })
-
-const resolveInsetEl = (): HTMLElement | null => {
-  const maybeComponent = insetRef.value as any
-  if (!maybeComponent) return null
-  return maybeComponent.$el ? maybeComponent.$el as HTMLElement : (maybeComponent as HTMLElement)
-}
-
-const updateBounds = () => {
-  const el = resolveInsetEl()
-  if (!el || typeof el.getBoundingClientRect !== 'function') return
-  const rect = el.getBoundingClientRect()
-  drawerBounds.value = {
-    left: rect.left,
-    width: rect.width,
-  }
-}
-
-onMounted(() => {
-  updateBounds()
-  const el = resolveInsetEl()
-  if (el && 'ResizeObserver' in window) {
-    resizeObserver = new ResizeObserver(updateBounds)
-    resizeObserver.observe(el)
-  }
-  window.addEventListener('resize', updateBounds)
-})
-
-onBeforeUnmount(() => {
-  const el = resolveInsetEl()
-  if (resizeObserver && el) {
-    resizeObserver.unobserve(el)
-  }
-  resizeObserver = null
-  window.removeEventListener('resize', updateBounds)
-})
 </script>
 
 <template>
   <SidebarProvider>
     <AppSidebar />
-    <SidebarInset ref="insetRef" class="relative flex flex-col">
+    <SidebarInset class="flex flex-col">
       <header
         class="relative z-10 flex h-16 shrink-0 items-center gap-2 bg-background transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 border-b shadow-md"
       >
@@ -111,8 +74,11 @@ onBeforeUnmount(() => {
         <slot />
       </div>
 
-      <!-- Keep BottomDrawer bound to the inset width so it aligns with the sidebar layout -->
-      <BottomDrawer :bounds="drawerBounds" />
+      <!-- AI Chat Bar Component -->
+      <AIChatBar />
+
+      <!-- Softphone Dialog (Global) -->
+      <SoftphoneDialog />
     </SidebarInset>
   </SidebarProvider>
 </template>

frontend/nuxt.config.ts

@@ -58,10 +58,7 @@ export default defineNuxtConfig({
     },
     server: {
       hmr: {
-        host: 'tenant1.routebox.co',
-        port: 443,
-        protocol: 'wss',
-        // Don't use _nuxt path - HMR handles its own path
+        clientPort: 3001,
       },
       allowedHosts: ['.routebox.co', 'localhost', '127.0.0.1'],
     },

frontend/pages/[objectName]/[[recordId]]/[[view]].vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
+import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useApi } from '@/composables/useApi'
 import { useFields, useViewState } from '@/composables/useFieldViews'
@@ -38,7 +38,6 @@ const error = ref<string | null>(null)
 // Use view state composable
 const {
   records,
-  totalCount,
   currentRecord,
   loading: dataLoading,
   saving,
@@ -49,27 +48,6 @@ const {
   handleSave,
 } = useViewState(`/runtime/objects/${objectApiName.value}/records`)
 
-const handleAiRecordCreated = (event: Event) => {
-  const detail = (event as CustomEvent).detail || {}
-  if (
-    detail?.objectApiName &&
-    detail.objectApiName.toLowerCase() !== objectApiName.value.toLowerCase()
-  ) {
-    return
-  }
-  if (view.value === 'list') {
-    initializeListRecords()
-  }
-}
-
-onMounted(() => {
-  window.addEventListener('ai-record-created', handleAiRecordCreated)
-})
-
-onBeforeUnmount(() => {
-  window.removeEventListener('ai-record-created', handleAiRecordCreated)
-})
-
 // Compute breadcrumbs based on the current route and object data
 const updateBreadcrumbs = () => {
   if (!objectDefinition.value) {
@@ -143,14 +121,6 @@ const editConfig = computed(() => {
   return buildEditViewConfig(objectDefinition.value)
 })
 
-const listPageSize = computed(() => listConfig.value?.pageSize ?? 25)
-const maxFrontendRecords = computed(() => listConfig.value?.maxFrontendRecords ?? 500)
-const searchQuery = ref('')
-const searchSummary = ref('')
-const searchLoading = ref(false)
-
-const isSearchActive = computed(() => searchQuery.value.trim().length > 0)
-
 // Fetch object definition
 const fetchObjectDefinition = async () => {
   try {
@@ -185,14 +155,6 @@ const handleBack = () => {
   router.push(`/${objectApiName.value.toLowerCase()}/`)
 }
 
-const handleNavigate = (relatedObjectApiName: string, relatedRecordId: string) => {
-  router.push(`/${relatedObjectApiName.toLowerCase()}/${relatedRecordId}/detail`)
-}
-
-const handleCreateRelated = (relatedObjectApiName: string, _parentId: string) => {
-  router.push(`/${relatedObjectApiName.toLowerCase()}/new`)
-}
-
 const handleDelete = async (rows: any[]) => {
   if (confirm(`Delete ${rows.length} record(s)? This action cannot be undone.`)) {
     try {
@@ -229,88 +191,6 @@ const handleCancel = () => {
   }
 }
 
-const loadListRecords = async (
-  page = 1,
-  options?: { append?: boolean; pageSize?: number }
-) => {
-  const pageSize = options?.pageSize ?? listPageSize.value
-  const result = await fetchRecords({ page, pageSize }, { append: options?.append })
-  const resolvedTotal = result?.totalCount ?? totalCount.value ?? records.value.length
-  totalCount.value = resolvedTotal
-  return result
-}
-
-const searchListRecords = async (
-  page = 1,
-  options?: { append?: boolean; pageSize?: number }
-) => {
-  if (!isSearchActive.value) {
-    return initializeListRecords()
-  }
-  searchLoading.value = true
-  try {
-    const pageSize = options?.pageSize ?? listPageSize.value
-    const response = await api.post('/ai/search', {
-      objectApiName: objectApiName.value,
-      query: searchQuery.value.trim(),
-      page,
-      pageSize,
-    })
-    const data = response?.data ?? []
-    const total = response?.totalCount ?? data.length
-    records.value = options?.append ? [...records.value, ...data] : data
-    totalCount.value = total
-    searchSummary.value = response?.explanation || ''
-    return response
-  } catch (e: any) {
-    error.value = e.message || 'Failed to search records'
-    return null
-  } finally {
-    searchLoading.value = false
-  }
-}
-
-const initializeListRecords = async () => {
-  const firstResult = await loadListRecords(1)
-  const resolvedTotal = firstResult?.totalCount ?? totalCount.value ?? records.value.length
-  const shouldPrefetchAll =
-    resolvedTotal <= maxFrontendRecords.value && records.value.length < resolvedTotal
-
-  if (shouldPrefetchAll) {
-    await loadListRecords(1, { append: false, pageSize: maxFrontendRecords.value })
-  }
-}
-
-const handlePageChange = async (page: number, pageSize: number) => {
-  if (isSearchActive.value) {
-    await searchListRecords(page, { append: page > 1, pageSize })
-    return
-  }
-  const loadedPages = Math.ceil(records.value.length / pageSize)
-  if (page > loadedPages && totalCount.value > records.value.length) {
-    await loadListRecords(page, { append: true, pageSize })
-  }
-}
-
-const handleLoadMore = async (page: number, pageSize: number) => {
-  if (isSearchActive.value) {
-    await searchListRecords(page, { append: true, pageSize })
-    return
-  }
-  await loadListRecords(page, { append: true, pageSize })
-}
-
-const handleSearch = async (query: string) => {
-  const trimmed = query.trim()
-  searchQuery.value = trimmed
-  if (!trimmed) {
-    searchSummary.value = ''
-    await initializeListRecords()
-    return
-  }
-  await searchListRecords(1, { append: false, pageSize: listPageSize.value })
-}
-
 // Watch for route changes
 watch(() => route.params, async (newParams, oldParams) => {
   // Reset current record when navigating to 'new'
@@ -325,7 +205,7 @@ watch(() => route.params, async (newParams, oldParams) => {
   
   // Fetch records if navigating back to list
   if (!newParams.recordId && !newParams.view) {
-    await initializeListRecords()
+    await fetchRecords()
   }
 }, { deep: true })
 
@@ -334,7 +214,7 @@ onMounted(async () => {
   await fetchObjectDefinition()
   
   if (view.value === 'list') {
-    await initializeListRecords()
+    await fetchRecords()
   } else if (recordId.value && recordId.value !== 'new') {
     await fetchRecord(recordId.value)
   }
@@ -379,18 +259,13 @@ onMounted(async () => {
         v-else-if="view === 'list' && listConfig"
         :config="listConfig"
         :data="records"
-        :loading="dataLoading || searchLoading"
-        :total-count="totalCount"
-        :search-summary="searchSummary"
+        :loading="dataLoading"
         :base-url="`/runtime/objects`"
         selectable
         @row-click="handleRowClick"
         @create="handleCreate"
         @edit="handleEdit"
         @delete="handleDelete"
-        @search="handleSearch"
-        @page-change="handlePageChange"
-        @load-more="handleLoadMore"
       />
 
       <!-- Detail View -->
@@ -404,8 +279,6 @@ onMounted(async () => {
         @edit="handleEdit"
         @delete="() => handleDelete([currentRecord])"
         @back="handleBack"
-        @navigate="handleNavigate"
-        @create-related="handleCreateRelated"
       />
 
       <!-- Edit View -->

frontend/pages/app/[appSlug]/[pageSlug].vue

@@ -71,12 +71,7 @@ const fetchPage = async () => {
 
     if (page.value.objectApiName) {
       loadingRecords.value = true
-      const response = await api.get(
-        `/runtime/objects/${page.value.objectApiName}/records`
-      )
-      records.value = Array.isArray(response)
-        ? response
-        : response?.data || response?.records || []
+      records.value = await api.get(`/runtime/objects/${page.value.objectApiName}/records`)
     }
   } catch (e: any) {
     error.value = e.message

frontend/pages/app/objects/[objectName]/[[recordId]]/[[view]].vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
+import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useApi } from '@/composables/useApi'
 import { useFields, useViewState } from '@/composables/useFieldViews'
@@ -31,7 +31,6 @@ const error = ref<string | null>(null)
 // Use view state composable
 const {
   records,
-  totalCount,
   currentRecord,
   loading: dataLoading,
   saving,
@@ -42,27 +41,6 @@ const {
   handleSave,
 } = useViewState(`/runtime/objects/${objectApiName.value}/records`)
 
-const handleAiRecordCreated = (event: Event) => {
-  const detail = (event as CustomEvent).detail || {}
-  if (
-    detail?.objectApiName &&
-    detail.objectApiName.toLowerCase() !== objectApiName.value.toLowerCase()
-  ) {
-    return
-  }
-  if (view.value === 'list') {
-    initializeListRecords()
-  }
-}
-
-onMounted(() => {
-  window.addEventListener('ai-record-created', handleAiRecordCreated)
-})
-
-onBeforeUnmount(() => {
-  window.removeEventListener('ai-record-created', handleAiRecordCreated)
-})
-
 // View configs
 const listConfig = computed(() => {
   if (!objectDefinition.value) return null
@@ -83,9 +61,6 @@ const editConfig = computed(() => {
   return buildEditViewConfig(objectDefinition.value)
 })
 
-const listPageSize = computed(() => listConfig.value?.pageSize ?? 25)
-const maxFrontendRecords = computed(() => listConfig.value?.maxFrontendRecords ?? 500)
-
 // Fetch object definition
 const fetchObjectDefinition = async () => {
   try {
@@ -120,14 +95,6 @@ const handleBack = () => {
   router.push(`/app/objects/${objectApiName.value}/`)
 }
 
-const handleNavigate = (relatedObjectApiName: string, relatedRecordId: string) => {
-  router.push(`/app/objects/${relatedObjectApiName}/${relatedRecordId}/detail`)
-}
-
-const handleCreateRelated = (relatedObjectApiName: string, _parentId: string) => {
-  router.push(`/app/objects/${relatedObjectApiName}/new`)
-}
-
 const handleDelete = async (rows: any[]) => {
   if (confirm(`Delete ${rows.length} record(s)? This action cannot be undone.`)) {
     try {
@@ -164,39 +131,6 @@ const handleCancel = () => {
   }
 }
 
-const loadListRecords = async (
-  page = 1,
-  options?: { append?: boolean; pageSize?: number }
-) => {
-  const pageSize = options?.pageSize ?? listPageSize.value
-  const result = await fetchRecords({ page, pageSize }, { append: options?.append })
-  const resolvedTotal = result?.totalCount ?? totalCount.value ?? records.value.length
-  totalCount.value = resolvedTotal
-  return result
-}
-
-const initializeListRecords = async () => {
-  const firstResult = await loadListRecords(1)
-  const resolvedTotal = firstResult?.totalCount ?? totalCount.value ?? records.value.length
-  const shouldPrefetchAll =
-    resolvedTotal <= maxFrontendRecords.value && records.value.length < resolvedTotal
-
-  if (shouldPrefetchAll) {
-    await loadListRecords(1, { append: false, pageSize: maxFrontendRecords.value })
-  }
-}
-
-const handlePageChange = async (page: number, pageSize: number) => {
-  const loadedPages = Math.ceil(records.value.length / pageSize)
-  if (page > loadedPages && totalCount.value > records.value.length) {
-    await loadListRecords(page, { append: true, pageSize })
-  }
-}
-
-const handleLoadMore = async (page: number, pageSize: number) => {
-  await loadListRecords(page, { append: true, pageSize })
-}
-
 // Watch for route changes
 watch(() => route.params, async (newParams, oldParams) => {
   // Reset current record when navigating to 'new'
@@ -211,7 +145,7 @@ watch(() => route.params, async (newParams, oldParams) => {
   
   // Fetch records if navigating back to list
   if (!newParams.recordId && !newParams.view) {
-    await initializeListRecords()
+    await fetchRecords()
   }
 }, { deep: true })
 
@@ -220,7 +154,7 @@ onMounted(async () => {
   await fetchObjectDefinition()
   
   if (view.value === 'list') {
-    await initializeListRecords()
+    await fetchRecords()
   } else if (recordId.value && recordId.value !== 'new') {
     await fetchRecord(recordId.value)
   }
@@ -262,14 +196,11 @@ onMounted(async () => {
         :config="listConfig"
         :data="records"
         :loading="dataLoading"
-        :total-count="totalCount"
         selectable
         @row-click="handleRowClick"
         @create="handleCreate"
         @edit="handleEdit"
         @delete="handleDelete"
-        @page-change="handlePageChange"
-        @load-more="handleLoadMore"
       />
 
       <!-- Detail View -->
@@ -281,8 +212,6 @@ onMounted(async () => {
         @edit="handleEdit"
         @delete="() => handleDelete([currentRecord])"
         @back="handleBack"
-        @navigate="handleNavigate"
-        @create-related="handleCreateRelated"
       />
 
       <!-- Edit View -->

frontend/pages/central/domains/[[recordId]]/[[view]].vue

@@ -133,7 +133,6 @@ onMounted(async () => {
         :config="domainDetailConfig"
         :data="currentRecord"
         :loading="dataLoading"
-        base-url="/central"
         @edit="handleEdit"
         @delete="() => handleDelete([currentRecord])"
         @back="handleBack"

frontend/pages/central/tenants/[[recordId]]/[[view]].vue

@@ -168,7 +168,6 @@ onMounted(async () => {
         :config="tenantDetailConfig"
         :data="currentRecord"
         :loading="dataLoading"
-        base-url="/central"
         @edit="handleEdit"
         @delete="() => handleDelete([currentRecord])"
         @back="handleBack"

frontend/pages/central/users/[[recordId]]/[[view]].vue

@@ -138,7 +138,6 @@ onMounted(async () => {
         :config="centralUserDetailConfig"
         :data="currentRecord"
         :loading="dataLoading"
-        base-url="/central"
         @edit="handleEdit"
         @delete="() => handleDelete([currentRecord])"
         @back="handleBack"

frontend/pages/setup/objects/[apiName].vue

@@ -24,78 +24,32 @@
 
               <!-- Fields Tab -->
               <TabsContent value="fields" class="mt-6">
-                <div class="space-y-4">
-                  <div class="flex justify-between items-center mb-4">
-                    <h2 class="text-xl font-semibold">Fields</h2>
-                    <Button @click="openFieldDialog('create')">
-                      <Plus class="w-4 h-4 mr-2" />
-                      New Field
-                    </Button>
-                  </div>
-
-                  <div v-if="!object.fields || object.fields.length === 0" class="text-center py-8 text-muted-foreground">
-                    No fields defined yet. Create one to get started.
-                  </div>
-
-                  <div v-else class="space-y-2">
-                    <div
-                      v-for="field in object.fields"
-                      :key="field.id"
-                      class="p-4 border rounded-lg bg-card hover:border-primary transition-colors"
-                    >
-                      <div class="flex items-center justify-between">
-                        <div class="flex-1">
-                          <h3 class="font-semibold">{{ field.label }}</h3>
-                          <p class="text-sm text-muted-foreground">
-                            Type: <span class="font-medium">{{ formatFieldType(field.type) }}</span> | API Name: <span class="font-mono">{{ field.apiName }}</span>
-                          </p>
-                          <p v-if="field.description" class="text-sm text-muted-foreground mt-1">
-                            {{ field.description }}
-                          </p>
-                        </div>
-                        <div class="flex items-center gap-3">
-                          <div class="flex gap-2 text-xs">
-                            <span
-                              v-if="field.isRequired"
-                              class="px-2 py-1 bg-destructive/10 text-destructive rounded"
-                            >
-                              Required
-                            </span>
-                            <span
-                              v-if="field.isUnique"
-                              class="px-2 py-1 bg-primary/10 text-primary rounded"
-                            >
-                              Unique
-                            </span>
-                            <span
-                              v-if="field.isSystem"
-                              class="px-2 py-1 bg-gray-200 text-gray-700 rounded text-xs"
-                            >
-                              System
-                            </span>
-                          </div>
-                          <div class="flex gap-2">
-                            <Button
-                              v-if="!field.isSystem"
-                              variant="ghost"
-                              size="sm"
-                              @click="openFieldDialog('edit', field)"
-                              title="Edit field"
-                            >
-                              ✏️
-                            </Button>
-                            <Button
-                              v-if="!field.isSystem"
-                              variant="ghost"
-                              size="sm"
-                              class="text-destructive hover:text-destructive"
-                              @click="deleteField(field)"
-                              title="Delete field"
-                            >
-                              <Trash2 class="w-4 h-4" />
-                            </Button>
-                          </div>
-                        </div>
+                <div class="space-y-2">
+                  <div
+                    v-for="field in object.fields"
+                    :key="field.id"
+                    class="p-4 border rounded-lg bg-card"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div>
+                        <h3 class="font-semibold">{{ field.label }}</h3>
+                        <p class="text-sm text-muted-foreground">
+                          Type: {{ field.type }} | API Name: {{ field.apiName }}
+                        </p>
+                      </div>
+                      <div class="flex gap-2 text-xs">
+                        <span
+                          v-if="field.isRequired"
+                          class="px-2 py-1 bg-destructive/10 text-destructive rounded"
+                        >
+                          Required
+                        </span>
+                        <span
+                          v-if="field.isUnique"
+                          class="px-2 py-1 bg-primary/10 text-primary rounded"
+                        >
+                          Unique
+                        </span>
                       </div>
                     </div>
                   </div>
@@ -178,8 +132,6 @@
                   <PageLayoutEditor
                     :fields="object.fields"
                     :initial-layout="(selectedLayout.layoutConfig || selectedLayout.layout_config)?.fields || []"
-                    :related-lists="object.relatedLists || []"
-                    :initial-related-lists="(selectedLayout.layoutConfig || selectedLayout.layout_config)?.relatedLists || []"
                     :layout-name="selectedLayout.name"
                     @save="handleSaveLayout"
                   />
@@ -189,107 +141,6 @@
           </div>
         </div>
       </main>
-
-      <!-- Field Management Dialog -->
-      <Teleport to="body">
-        <div
-          v-if="showFieldDialog"
-          class="fixed inset-0 bg-black/50 flex items-center justify-center z-[100]"
-        >
-          <div class="bg-white rounded-lg shadow-lg max-w-3xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-            <div class="sticky top-0 bg-white border-b p-6 flex items-center justify-between">
-              <h2 class="text-2xl font-bold">
-                {{ fieldDialogMode === 'create' ? 'Create New Field' : 'Edit Field' }}
-              </h2>
-              <button
-                @click="closeFieldDialog"
-                class="text-gray-500 hover:text-gray-700 text-2xl font-bold"
-              >
-                ×
-              </button>
-            </div>
-
-            <div class="p-6 space-y-6">
-              <!-- Field Type Selection (only for creation) -->
-              <div v-if="fieldDialogMode === 'create'">
-                <FieldTypeSelector
-                  v-model="fieldForm.type"
-                />
-              </div>
-
-              <!-- Common Attributes -->
-              <div v-if="fieldForm.type">
-                <h3 class="text-lg font-semibold mb-4">Basic Properties</h3>
-                <FieldAttributesCommon
-                  :label="fieldForm.label"
-                  :api-name="fieldForm.apiName"
-                  :description="fieldForm.description"
-                  :placeholder="fieldForm.placeholder"
-                  :help-text="fieldForm.helpText"
-                  :display-order="fieldForm.displayOrder"
-                  :is-required="fieldForm.isRequired"
-                  :is-unique="fieldForm.isUnique"
-                  :default-value="fieldForm.defaultValue"
-                  :is-editing="fieldDialogMode === 'edit'"
-                  :has-data="fieldForm.hasData"
-                  @update="updateCommonAttributes"
-                />
-              </div>
-
-              <!-- Type-Specific Attributes -->
-              <div v-if="fieldForm.type">
-                <h3 class="text-lg font-semibold mb-4">Type-Specific Settings</h3>
-                <FieldAttributesType
-                  :field-type="fieldForm.type"
-                  :attributes="fieldForm.typeAttributes"
-                  @update="updateTypeAttributes"
-                />
-              </div>
-
-              <!-- Lookup Field Selection -->
-              <div v-if="(fieldForm.type === 'lookup' || fieldForm.type === 'belongsTo') && fieldDialogMode === 'create'">
-                <h3 class="text-lg font-semibold mb-4">Related Object</h3>
-                <div class="grid grid-cols-4 gap-4">
-                  <label class="text-sm font-medium leading-8">Select Object</label>
-                  <div class="col-span-3">
-                    <select
-                      v-model="fieldForm.referenceObject"
-                      class="w-full px-3 py-2 border rounded-md text-sm"
-                    >
-                      <option value="">-- Select an object --</option>
-                      <option
-                        v-for="obj in availableObjects"
-                        :key="obj.id"
-                        :value="obj.apiName"
-                      >
-                        {{ obj.label }} ({{ obj.apiName }})
-                      </option>
-                    </select>
-                  </div>
-                </div>
-              </div>
-
-              <!-- Error Message -->
-              <div v-if="fieldDialogError" class="p-3 bg-red-100 text-red-800 rounded-md text-sm">
-                {{ fieldDialogError }}
-              </div>
-
-              <!-- Action Buttons -->
-              <div class="flex gap-3 justify-end pt-4">
-                <Button variant="outline" @click="closeFieldDialog">
-                  Cancel
-                </Button>
-                <Button
-                  :disabled="!fieldForm.label || !fieldForm.apiName || !fieldForm.type"
-                  @click="saveField"
-                >
-                  {{ fieldDialogMode === 'create' ? 'Create Field' : 'Update Field' }}
-                </Button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </Teleport>
     </NuxtLayout>
   </div>
 </template>
@@ -300,9 +151,6 @@ import { Button } from '@/components/ui/button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import PageLayoutEditor from '@/components/PageLayoutEditor.vue'
 import ObjectAccessSettings from '@/components/ObjectAccessSettings.vue'
-import FieldTypeSelector from '@/components/fields/FieldTypeSelector.vue'
-import FieldAttributesCommon from '@/components/fields/FieldAttributesCommon.vue'
-import FieldAttributesType from '@/components/fields/FieldAttributesType.vue'
 import type { PageLayout, FieldLayoutItem } from '~/types/page-layout'
 
 const route = useRoute()
@@ -320,81 +168,6 @@ const layouts = ref<PageLayout[]>([])
 const loadingLayouts = ref(false)
 const selectedLayout = ref<PageLayout | null>(null)
 
-// Field management state
-const showFieldDialog = ref(false)
-const fieldDialogMode = ref<'create' | 'edit'>('create')
-const fieldDialogError = ref<string | null>(null)
-const availableObjects = ref<any[]>([])
-const fieldForm = ref({
-  id: '',
-  label: '',
-  apiName: '',
-  type: '',
-  description: '',
-  placeholder: '',
-  helpText: '',
-  displayOrder: 0,
-  isRequired: false,
-  isUnique: false,
-  defaultValue: '',
-  referenceObject: '',
-  typeAttributes: {},
-  hasData: false,
-})
-
-// Helper to format field type names
-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',
-  }
-  return typeNames[type] || type
-}
-
-const convertFrontendToBackendType = (frontendType: string): string => {
-  const typeMap: Record<string, string> = {
-    'text': 'TEXT',
-    'textarea': 'LONG_TEXT',
-    'password': 'TEXT',
-    'email': 'EMAIL',
-    'number': 'NUMBER',
-    'currency': 'CURRENCY',
-    'percent': 'PERCENT',
-    'select': 'PICKLIST',
-    'multiSelect': 'MULTI_PICKLIST',
-    'boolean': 'BOOLEAN',
-    'date': 'DATE',
-    'datetime': 'DATE_TIME',
-    'time': 'TIME',
-    'url': 'URL',
-    'color': 'TEXT',
-    'json': 'JSON',
-    'lookup': 'LOOKUP',
-    'belongsTo': 'LOOKUP',
-    'markdown': 'LONG_TEXT',
-    'code': 'LONG_TEXT',
-    'file': 'FILE',
-    'image': 'IMAGE',
-  }
-  return typeMap[frontendType] || 'TEXT'
-}
-
 const fetchObject = async () => {
   try {
     loading.value = true
@@ -407,14 +180,6 @@ const fetchObject = async () => {
   }
 }
 
-const fetchAvailableObjects = async () => {
-  try {
-    availableObjects.value = await api.get('/setup/objects')
-  } catch (e: any) {
-    console.error('Error fetching available objects:', e)
-  }
-}
-
 const fetchLayouts = async () => {
   if (!object.value) return
   
@@ -429,253 +194,6 @@ const fetchLayouts = async () => {
   }
 }
 
-const openFieldDialog = async (mode: 'create' | 'edit', field?: any) => {
-  fieldDialogMode.value = mode
-  fieldDialogError.value = null
-
-  if (mode === 'create') {
-    await fetchAvailableObjects()
-    fieldForm.value = {
-      id: '',
-      label: '',
-      apiName: '',
-      type: '',
-      description: '',
-      placeholder: '',
-      helpText: '',
-      displayOrder: (object.value?.fields?.length || 0) + 1,
-      isRequired: false,
-      isUnique: false,
-      defaultValue: '',
-      referenceObject: '',
-      typeAttributes: {},
-      hasData: false,
-    }
-  } else if (field) {
-    // Load field data for editing
-    const uiMetadata = field.ui_metadata ? JSON.parse(field.ui_metadata) : {}
-    fieldForm.value = {
-      id: field.id,
-      label: field.label,
-      apiName: field.apiName,
-      type: convertBackendToFrontendType(field.type),
-      description: field.description || '',
-      placeholder: uiMetadata.placeholder || '',
-      helpText: uiMetadata.helpText || '',
-      displayOrder: field.displayOrder || 0,
-      isRequired: field.isRequired || false,
-      isUnique: field.isUnique || false,
-      defaultValue: field.defaultValue || '',
-      referenceObject: field.referenceObject || '',
-      typeAttributes: extractTypeAttributes(field, uiMetadata),
-      hasData: false, // Would need to fetch this from backend
-    }
-  }
-
-  showFieldDialog.value = true
-}
-
-const convertBackendToFrontendType = (backendType: string): string => {
-  const typeMap: Record<string, string> = {
-    'TEXT': 'text',
-    'LONG_TEXT': 'textarea',
-    'EMAIL': 'email',
-    'PHONE': 'phone',
-    'NUMBER': 'number',
-    'CURRENCY': 'currency',
-    'PERCENT': 'percent',
-    'PICKLIST': 'select',
-    'MULTI_PICKLIST': 'multiSelect',
-    'BOOLEAN': 'boolean',
-    'DATE': 'date',
-    'DATE_TIME': 'datetime',
-    'TIME': 'time',
-    'URL': 'url',
-    'LOOKUP': 'lookup',
-    'FILE': 'file',
-    'IMAGE': 'image',
-    'JSON': 'json',
-  }
-  return typeMap[backendType] || 'text'
-}
-
-const extractTypeAttributes = (field: any, uiMetadata: any): any => {
-  const attrs: any = {}
-
-  if (field.type === 'PICKLIST' || field.type === 'MULTI_PICKLIST') {
-    attrs.options = uiMetadata.options || []
-  }
-
-  if (field.type === 'NUMBER' || field.type === 'CURRENCY') {
-    attrs.scale = field.scale || 0
-    attrs.min = uiMetadata.min
-    attrs.max = uiMetadata.max
-    if (field.type === 'CURRENCY') {
-      attrs.prefix = uiMetadata.prefix || '$'
-    }
-  }
-
-  if (field.type === 'TEXT' && field.length) {
-    attrs.maxLength = field.length
-  }
-
-  if (field.type === 'LONG_TEXT' && uiMetadata.rows) {
-    attrs.rows = uiMetadata.rows
-  }
-
-  if (field.type === 'LOOKUP') {
-    attrs.relationObject = field.referenceObject
-    attrs.relationDisplayField = uiMetadata.relationDisplayField || 'name'
-  }
-
-  return attrs
-}
-
-const closeFieldDialog = () => {
-  showFieldDialog.value = false
-  fieldDialogError.value = null
-}
-
-const updateCommonAttributes = (data: any) => {
-  Object.assign(fieldForm.value, data)
-}
-
-const updateTypeAttributes = (data: any) => {
-  fieldForm.value.typeAttributes = data
-}
-
-const saveField = async () => {
-  fieldDialogError.value = null
-
-  try {
-    // Validate
-    if (!fieldForm.value.label || !fieldForm.value.apiName || !fieldForm.value.type) {
-      fieldDialogError.value = 'Please fill in all required fields'
-      return
-    }
-
-    const apiName = route.params.apiName as string
-
-    // Prepare payload
-    const payload: any = {
-      label: fieldForm.value.label,
-      apiName: fieldForm.value.apiName,
-      type: fieldForm.value.type, // Use frontend type, backend will convert
-      description: fieldForm.value.description,
-      isRequired: fieldForm.value.isRequired,
-      isUnique: fieldForm.value.isUnique,
-      defaultValue: fieldForm.value.defaultValue,
-    }
-
-    // Extract type-specific database fields
-    const typeAttrs = fieldForm.value.typeAttributes || {}
-    
-    // For text fields
-    if (fieldForm.value.type === 'text' && typeAttrs.maxLength) {
-      payload.length = typeAttrs.maxLength
-    }
-
-    // For number and currency fields
-    if ((fieldForm.value.type === 'number' || fieldForm.value.type === 'currency') && typeAttrs.scale !== undefined) {
-      payload.scale = typeAttrs.scale
-      if (typeAttrs.scale > 0) {
-        payload.precision = 10 // Default precision for decimals
-      }
-    }
-
-    // Merge UI metadata
-    const uiMetadata: any = {
-      placeholder: fieldForm.value.placeholder,
-      helpText: fieldForm.value.helpText,
-    }
-
-    // Add type-specific attributes to UI metadata
-    if (fieldForm.value.typeAttributes) {
-      Object.assign(uiMetadata, fieldForm.value.typeAttributes)
-    }
-
-    payload.uiMetadata = uiMetadata
-
-    if (fieldForm.value.referenceObject) {
-      payload.relationObject = fieldForm.value.referenceObject
-      payload.relationDisplayField = fieldForm.value.typeAttributes.relationDisplayField || 'name'
-    }
-
-    let result
-    if (fieldDialogMode.value === 'create') {
-      result = await api.post(`/setup/objects/${apiName}/fields`, payload)
-    } else {
-      // For updates, only send fields that changed
-      const updatePayload: any = {}
-      if (fieldForm.value.label) updatePayload.label = fieldForm.value.label
-      if (fieldForm.value.description) updatePayload.description = fieldForm.value.description
-      if (fieldForm.value.placeholder) updatePayload.placeholder = fieldForm.value.placeholder
-      if (fieldForm.value.helpText) updatePayload.helpText = fieldForm.value.helpText
-      updatePayload.isRequired = fieldForm.value.isRequired
-      updatePayload.isUnique = fieldForm.value.isUnique
-      updatePayload.displayOrder = fieldForm.value.displayOrder
-      if (Object.keys(uiMetadata).length > 0) {
-        updatePayload.uiMetadata = uiMetadata
-      }
-
-      result = await api.put(
-        `/setup/objects/${apiName}/fields/${fieldForm.value.apiName}`,
-        updatePayload,
-      )
-    }
-
-    // Update the object with new field
-    if (fieldDialogMode.value === 'create') {
-      object.value.fields.push(result)
-    } else {
-      const index = object.value.fields.findIndex((f: any) => f.id === fieldForm.value.id)
-      if (index !== -1) {
-        object.value.fields[index] = result
-      }
-    }
-
-    toast.success(
-      fieldDialogMode.value === 'create'
-        ? 'Field created successfully'
-        : 'Field updated successfully',
-    )
-
-    closeFieldDialog()
-  } catch (e: any) {
-    fieldDialogError.value = e.message || 'An error occurred while saving the field'
-    console.error('Error saving field:', e)
-  }
-}
-
-const deleteField = async (field: any) => {
-  if (!confirm(`Are you sure you want to delete the field "${field.label}"? This action cannot be undone.`)) {
-    return
-  }
-
-  try {
-    const apiName = route.params.apiName as string
-    await api.delete(`/setup/objects/${apiName}/fields/${field.apiName}`)
-
-    // Remove from the list
-    object.value.fields = object.value.fields.filter((f: any) => f.id !== field.id)
-
-    // Also remove from page layouts
-    for (const layout of layouts.value) {
-      const layoutConfig = layout.layoutConfig || layout.layout_config || { fields: [] }
-      if (layoutConfig.fields) {
-        layoutConfig.fields = layoutConfig.fields.filter(
-          (f: any) => f.fieldId !== field.id,
-        )
-      }
-    }
-
-    toast.success('Field deleted successfully')
-  } catch (e: any) {
-    toast.error(`Failed to delete field: ${e.message}`)
-    console.error('Error deleting field:', e)
-  }
-}
-
 const handleCreateLayout = async () => {
   const name = prompt('Enter a name for the new layout:')
   if (!name) return
@@ -685,7 +203,7 @@ const handleCreateLayout = async () => {
       name,
       objectId: object.value.id,
       isDefault: layouts.value.length === 0,
-      layoutConfig: { fields: [], relatedLists: [] },
+      layoutConfig: { fields: [] },
     })
     
     layouts.value.push(newLayout)
@@ -701,12 +219,12 @@ const handleSelectLayout = (layout: PageLayout) => {
   selectedLayout.value = layout
 }
 
-const handleSaveLayout = async (layoutConfig: { fields: FieldLayoutItem[]; relatedLists: string[] }) => {
+const handleSaveLayout = async (fields: FieldLayoutItem[]) => {
   if (!selectedLayout.value) return
 
   try {
     const updated = await updatePageLayout(selectedLayout.value.id, {
-      layoutConfig,
+      layoutConfig: { fields },
     })
     
     // Update the layout in the list
@@ -736,19 +254,17 @@ const handleDeleteLayout = async (layoutId: string) => {
   }
 }
 
-const handleAccessUpdate = (orgWideDefault: string) => {
-  if (object.value) {
-    object.value.orgWideDefault = orgWideDefault
-  }
-}
-
 // Watch for tab changes to load layouts
 watch(activeTab, (newTab) => {
   if (newTab === 'layouts' && layouts.value.length === 0 && !loadingLayouts.value) {
     fetchLayouts()
   }
 })
-
+const handleAccessUpdate = (orgWideDefault: string) => {
+  if (object.value) {
+    object.value.orgWideDefault = orgWideDefault
+  }
+}
 onMounted(async () => {
   await fetchObject()
   // If we start on layouts tab, load them

frontend/types/field-types.ts

@@ -91,9 +91,7 @@ export interface FieldConfig {
   step?: number; // For number
   accept?: string; // For file/image
   relationObject?: string; // For relationship fields
-  relationObjects?: string[]; // For polymorphic relationship fields
   relationDisplayField?: string; // Which field to display for relations
-  relationTypeField?: string; // Field API name storing the selected relation type
   
   // Formatting
   format?: string; // Date format, number format, etc.
@@ -114,7 +112,6 @@ export interface ViewConfig {
 export interface ListViewConfig extends ViewConfig {
   mode: ViewMode.LIST;
   pageSize?: number;
-  maxFrontendRecords?: number;
   searchable?: boolean;
   filterable?: boolean;
   exportable?: boolean;
@@ -126,8 +123,6 @@ export interface RelatedListConfig {
   relationName: string;
   objectApiName: string;
   fields: FieldConfig[];
-  lookupFieldApiName?: string;
-   parentObjectApiName?: string;
   canCreate?: boolean;
   createRoute?: string;
 }

frontend/types/page-layout.ts

@@ -8,7 +8,6 @@ export interface FieldLayoutItem {
 
 export interface PageLayoutConfig {
   fields: FieldLayoutItem[];
-  relatedLists?: string[];
 }
 
 export interface PageLayout {

infra/docker-compose.yml

@@ -17,7 +17,6 @@ services:
     depends_on:
       - db
       - redis
-      - meilisearch
     networks:
       - platform-network
 
@@ -67,24 +66,9 @@ services:
     networks:
       - platform-network
 
-  meilisearch:
-    image: getmeili/meilisearch:v1.7
-    container_name: platform-meilisearch
-    restart: unless-stopped
-    environment:
-      MEILI_ENV: development
-      MEILI_MASTER_KEY: ${MEILI_MASTER_KEY:-dev-meili-master-key}
-    ports:
-      - "7700:7700"
-    volumes:
-      - meili-data:/meili_data
-    networks:
-      - platform-network
-
 volumes:
   percona-data:
   redis-data:
-  meili-data:
 
 networks:
   platform-network: