Compare commits
26 Commits
aiprocessb
...
e67cf0f95b
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e67cf0f95b | ||
|
|
fd989648fc | ||
|
|
6593fecca7 | ||
|
|
75b7325cea | ||
|
|
c50098a55c | ||
|
|
e73126bcb7 | ||
|
|
6c29d18696 | ||
|
|
3fbc019083 | ||
|
|
3086f78d34 | ||
|
|
d15fc918d1 | ||
|
|
56c0c3838d | ||
|
|
9ac69e30d0 | ||
|
|
d37183ba45 | ||
|
|
b4bdeeb9f6 | ||
|
|
f4143ab106 | ||
|
|
516e132611 | ||
|
|
c5305490c1 | ||
|
|
4520f94b69 | ||
|
|
e4f1ba96ad | ||
|
|
52c0849de2 | ||
|
|
b9fa3bd008 | ||
|
|
2bc672e4c5 | ||
|
|
962c84e6d2 | ||
|
|
fc1bec4de7 | ||
|
|
0275b96014 | ||
|
|
e4f3bad971 |
5
.env.api
5
.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"
|
||||
|
||||
@@ -1,324 +0,0 @@
|
||||
# AI Process Builder + Chat Orchestrator
|
||||
|
||||
A complete implementation of tenant-scoped AI process automation where admins design LangGraph-compiled workflows via React Flow UI, and end-users execute them through a Deep Agent chat orchestrator with deterministic, audited execution.
|
||||
|
||||
## Architecture Overview
|
||||
|
||||
### Backend Components
|
||||
|
||||
#### 1. **Deep Agent Orchestrator** ([deep-agent.orchestrator.ts](backend/src/ai-processes/deep-agent.orchestrator.ts))
|
||||
- Uses LangChain/OpenAI to intelligently select processes
|
||||
- Extracts structured inputs from natural language
|
||||
- Generates friendly confirmation messages
|
||||
- Three-step workflow: discover → select → extract → execute
|
||||
|
||||
#### 2. **Graph Compiler** ([ai-processes.compiler.ts](backend/src/ai-processes/ai-processes.compiler.ts))
|
||||
- Validates ReactFlow JSON graphs (Start/End nodes, reachability, cycles)
|
||||
- Compiles to LangGraph-compatible state machines
|
||||
- Validates tool allowlist and JSON schemas (Ajv)
|
||||
- Persists compiled artifact for versioned execution
|
||||
|
||||
#### 3. **Runtime Executor** ([ai-processes.runner.ts](backend/src/ai-processes/ai-processes.runner.ts))
|
||||
- Executes compiled graphs deterministically
|
||||
- Implements 4 node types: LLMDecisionNode, ToolNode, HumanInputNode, End
|
||||
- Handles conditional edges via jsonlogic
|
||||
- Emits real-time events for streaming updates
|
||||
|
||||
#### 4. **Tool Registry** ([tools/tool-registry.ts](backend/src/ai-processes/tools/tool-registry.ts))
|
||||
- Tenant-scoped tool allowlist (database-backed via AiToolConfig)
|
||||
- Demo tools wrapping ObjectService (findAccount, createAccount, etc.)
|
||||
- Context injection (tenantId, userId, knex) for secure execution
|
||||
|
||||
#### 5. **Orchestrator Service** ([ai-processes.orchestrator.service.ts](backend/src/ai-processes/ai-processes.orchestrator.service.ts))
|
||||
- Integrates Deep Agent for process selection
|
||||
- Falls back to standard AI assistant when no processes configured
|
||||
- Manages chat sessions and message history
|
||||
- Streams execution events via SSE
|
||||
|
||||
### Frontend Components
|
||||
|
||||
#### 1. **AIChatBar** ([components/AIChatBar.vue](frontend/components/AIChatBar.vue))
|
||||
- Updated to call `/ai-processes/chat/messages` endpoint
|
||||
- SSE event stream consumer for real-time updates
|
||||
- Displays process selection, node execution, tool calls
|
||||
- Handles NEED_INPUT events for human-in-the-loop
|
||||
|
||||
#### 2. **Process Management UI** ([pages/ai-processes/](frontend/pages/ai-processes/))
|
||||
- List view: displays all processes with versions
|
||||
- Editor view: React Flow integration via iframe + postMessage
|
||||
- Test runner for quick validation
|
||||
|
||||
#### 3. **React Flow Editor** ([ai-processes-editor/src/App.tsx](frontend/ai-processes-editor/src/App.tsx))
|
||||
- Node palette: Start, LLMDecisionNode, ToolNode, HumanInputNode, End
|
||||
- Visual graph designer with drag-drop
|
||||
- Auto-saves to parent window via postMessage
|
||||
- Loads existing graphs for editing
|
||||
|
||||
### Data Models (Objection.js)
|
||||
|
||||
```typescript
|
||||
AiProcess
|
||||
├── id, tenantId, name, description, latestVersion
|
||||
└── relations: versions[], runs[]
|
||||
|
||||
AiProcessVersion
|
||||
├── id, tenantId, processId, version
|
||||
├── graphJson (ReactFlow definition)
|
||||
└── compiledJson (LangGraph artifact)
|
||||
|
||||
AiProcessRun
|
||||
├── id, tenantId, processId, version, status
|
||||
├── inputJson, outputJson, errorJson, stateJson
|
||||
└── currentNodeId (for resume)
|
||||
|
||||
AiChatSession
|
||||
├── id, tenantId, userId
|
||||
└── relations: messages[]
|
||||
|
||||
AiChatMessage
|
||||
├── id, sessionId, role, content
|
||||
└── timestamps
|
||||
|
||||
AiAuditEvent
|
||||
├── id, tenantId, runId, eventType
|
||||
└── payloadJson (full event data)
|
||||
|
||||
AiToolConfig
|
||||
├── id, tenantId, toolName, enabled
|
||||
└── configJson (tool-specific settings)
|
||||
```
|
||||
|
||||
## Demo Process: Register New Pet
|
||||
|
||||
A complete workflow demonstrating conditional logic and tool orchestration:
|
||||
|
||||
1. **Extract Info** (LLMDecisionNode)
|
||||
- Parses user message for pet + owner details
|
||||
- Outputs structured JSON with validation
|
||||
|
||||
2. **Find/Create Account** (Conditional)
|
||||
- Searches for existing account by name/email
|
||||
- Creates new account if not found
|
||||
- Merges results into state
|
||||
|
||||
3. **Find/Create Contact** (Conditional)
|
||||
- Searches for existing contact under account
|
||||
- Creates new contact if not found
|
||||
|
||||
4. **Create Pet** (ToolNode)
|
||||
- Inserts pet record linked to contact
|
||||
- Returns pet ID
|
||||
|
||||
### Seed the Demo Process
|
||||
|
||||
```bash
|
||||
cd backend
|
||||
npm run migrate:tenant -- <tenant-slug>
|
||||
npm run seed:demo-process -- <tenant-slug>
|
||||
```
|
||||
|
||||
### Test the Demo Process
|
||||
|
||||
1. Navigate to `/ai-processes` in your tenant subdomain
|
||||
2. Open "Register New Pet" process
|
||||
3. Click "Test Run" or use the chat bar:
|
||||
|
||||
```
|
||||
User: "Register a dog named Max, breed Golden Retriever, age 3,
|
||||
owned by John Smith, email john@example.com"
|
||||
|
||||
Agent: 🔄 Selected process: Register New Pet
|
||||
I'll register Max (Golden Retriever, 3 years old) for John Smith.
|
||||
|
||||
⚙️ Executing step: Extract Info
|
||||
✓ Extracted pet details
|
||||
|
||||
🔧 Using tool: findAccount
|
||||
ℹ️ Account not found, creating new account
|
||||
|
||||
🔧 Using tool: createAccount
|
||||
✓ Created account for John Smith
|
||||
|
||||
🔧 Using tool: findContact
|
||||
ℹ️ Contact not found, creating new contact
|
||||
|
||||
🔧 Using tool: createContact
|
||||
✓ Created contact: John Smith
|
||||
|
||||
🔧 Using tool: createPet
|
||||
✓ Created pet: Max (ID: pet_1234567890)
|
||||
|
||||
✅ Process completed successfully!
|
||||
```
|
||||
|
||||
## API Endpoints
|
||||
|
||||
### Process Management (Admin)
|
||||
|
||||
```typescript
|
||||
GET /tenants/:tenantId/ai-processes
|
||||
POST /tenants/:tenantId/ai-processes
|
||||
GET /tenants/:tenantId/ai-processes/:id
|
||||
POST /tenants/:tenantId/ai-processes/:id/versions
|
||||
GET /tenants/:tenantId/ai-processes/:id/versions
|
||||
|
||||
POST /tenants/:tenantId/ai-processes/:id/runs
|
||||
POST /tenants/:tenantId/ai-processes/runs/:runId/resume
|
||||
```
|
||||
|
||||
### Chat Orchestrator (End User)
|
||||
|
||||
```typescript
|
||||
POST /tenants/:tenantId/ai-processes/chat/messages
|
||||
SSE /tenants/:tenantId/ai-processes/stream?sessionId=xxx
|
||||
```
|
||||
|
||||
## Event Stream Types
|
||||
|
||||
```typescript
|
||||
type StreamEvent =
|
||||
| { type: 'agent_started' }
|
||||
| { type: 'processes_listed', data: { count: number } }
|
||||
| { type: 'process_selected', processId: string, version: number }
|
||||
| { type: 'agent_message', data: { message: string } }
|
||||
| { type: 'node_started', nodeId: string }
|
||||
| { type: 'node_completed', nodeId: string }
|
||||
| { type: 'tool_called', toolName: string, nodeId: string }
|
||||
| { type: 'llm_decision', nodeId: string, data: any }
|
||||
| { type: 'need_input', data: { prompt: string, schema: JSONSchema } }
|
||||
| { type: 'final', data: { output: any } }
|
||||
| { type: 'error', data: { error: string } }
|
||||
```
|
||||
|
||||
## Security & Guardrails
|
||||
|
||||
### 1. **Tenancy Isolation**
|
||||
- All queries filtered by `tenantId` (enforced in Objection models)
|
||||
- Tool context includes tenant scope
|
||||
- Database-per-tenant architecture (inherited from platform)
|
||||
|
||||
### 2. **Tool Allowlist**
|
||||
- Two-level validation:
|
||||
- Tenant-level: `AiToolConfig` table (enabled tools per tenant)
|
||||
- Compile-time: validates toolName exists in registry
|
||||
- Runtime check before tool execution
|
||||
|
||||
### 3. **Schema Validation**
|
||||
- LLMDecisionNode output validated against JSON Schema (Ajv)
|
||||
- HumanInputNode input validated before resume
|
||||
- Graph structure validated at compile time
|
||||
|
||||
### 4. **Audit Trail**
|
||||
- Every node execution logged to `ai_audit_events`
|
||||
- Includes: tool calls, LLM decisions, state mutations, errors
|
||||
- Queryable for compliance dashboards
|
||||
|
||||
### 5. **Versioning**
|
||||
- Immutable process versions (create-only)
|
||||
- Runs reference specific version number
|
||||
- Graph definition + compiled artifact stored together
|
||||
|
||||
## Running the System
|
||||
|
||||
### 1. **Run Migrations**
|
||||
|
||||
```bash
|
||||
cd backend
|
||||
npm run migrate:tenant -- tenant1
|
||||
```
|
||||
|
||||
### 2. **Seed Demo Data**
|
||||
|
||||
```bash
|
||||
npm run seed:demo-process -- tenant1
|
||||
```
|
||||
|
||||
### 3. **Start Backend**
|
||||
|
||||
```bash
|
||||
npm run start:dev
|
||||
```
|
||||
|
||||
### 4. **Build Editor (if needed)**
|
||||
|
||||
```bash
|
||||
cd frontend/ai-processes-editor
|
||||
npm install
|
||||
npm run build
|
||||
```
|
||||
|
||||
### 5. **Start Frontend**
|
||||
|
||||
```bash
|
||||
cd frontend
|
||||
npm run dev
|
||||
```
|
||||
|
||||
### 6. **Access UI**
|
||||
|
||||
- Admin UI: `http://tenant1.localhost:3001/ai-processes`
|
||||
- Chat UI: Available in bottom drawer on any page (⌘K to toggle)
|
||||
|
||||
## Extension Points
|
||||
|
||||
### Adding New Node Types
|
||||
|
||||
1. Define type in [ai-processes.types.ts](backend/src/ai-processes/ai-processes.types.ts)
|
||||
2. Add schema validation in [ai-processes.schemas.ts](backend/src/ai-processes/ai-processes.schemas.ts)
|
||||
3. Implement executor in [ai-processes.runner.ts](backend/src/ai-processes/ai-processes.runner.ts)
|
||||
4. Add UI component in React Flow editor
|
||||
|
||||
### Adding New Tools
|
||||
|
||||
1. Implement handler in [tools/demo-tools.ts](backend/src/ai-processes/tools/demo-tools.ts)
|
||||
2. Register in `demoTools` export
|
||||
3. Add to tenant allowlist via UI or seed script
|
||||
4. Document input/output schema
|
||||
|
||||
### Custom LLM Decision Logic
|
||||
|
||||
Override `llmDecision` callback in [ai-processes.service.ts](backend/src/ai-processes/ai-processes.service.ts):
|
||||
|
||||
```typescript
|
||||
llmDecision: async (node, state) => {
|
||||
const prompt = renderTemplate(node.data.promptTemplate, state);
|
||||
const response = await callOpenAI(prompt, node.data.model);
|
||||
return validateAgainstSchema(response, node.data.outputSchema);
|
||||
}
|
||||
```
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Process not appearing in chat
|
||||
|
||||
- Check: `npm run seed:demo-process` completed successfully
|
||||
- Verify: Process exists in database (`select * from ai_processes`)
|
||||
- Check: Tools enabled (`select * from ai_tool_configs`)
|
||||
|
||||
### Graph validation errors
|
||||
|
||||
- Ensure exactly one Start node
|
||||
- Ensure at least one End node
|
||||
- Check all edges reference valid node IDs
|
||||
- Verify tool names match registered tools
|
||||
|
||||
### SSE stream not working
|
||||
|
||||
- Check CORS settings for subdomain routing
|
||||
- Verify `sessionId` returned from initial message
|
||||
- Check browser console for connection errors
|
||||
- Fallback: use polling endpoint (TODO: implement)
|
||||
|
||||
## Next Steps
|
||||
|
||||
1. **Enhanced Input Extraction**: Use Deep Agent to extract required fields per process
|
||||
2. **Visual Schema Builder**: UI for JSON Schema creation (drag-drop fields)
|
||||
3. **Conditional Edge Builder**: Visual jsonlogic editor
|
||||
4. **Process Analytics**: Dashboard showing run success rates, avg duration
|
||||
5. **Human-in-Loop UI**: Dynamic form renderer for HumanInputNode
|
||||
6. **Process Marketplace**: Share processes across tenants (with permissions)
|
||||
7. **Python Microservice**: Optional Python runtime for native LangGraph support
|
||||
|
||||
## License
|
||||
|
||||
MIT
|
||||
@@ -1,115 +0,0 @@
|
||||
-- Insert demo AI process directly
|
||||
SET @process_id = '2d883482-4df0-44d7-b6cf-8541b482afe4';
|
||||
SET @version_id = '437b1e72-405e-4862-a8bc-f368e554b482';
|
||||
SET @user_id = 'system';
|
||||
|
||||
-- Insert process
|
||||
INSERT INTO ai_processes (id, name, created_by)
|
||||
VALUES (@process_id, 'Register New Pet', @user_id);
|
||||
|
||||
-- Insert process version with compiled graph
|
||||
INSERT INTO ai_process_versions (id, process_id, version, graph_json, compiled_json, created_by)
|
||||
VALUES (
|
||||
@version_id,
|
||||
@process_id,
|
||||
1,
|
||||
'{}',
|
||||
JSON_OBJECT(
|
||||
'id', 'register_new_pet',
|
||||
'name', 'Register New Pet',
|
||||
'description', 'Complete pet registration workflow',
|
||||
'allowCycles', false,
|
||||
'startNodeId', 'start',
|
||||
'endNodeIds', JSON_ARRAY('end'),
|
||||
'maxIterations', 50,
|
||||
'nodes', JSON_ARRAY(
|
||||
JSON_OBJECT('id', 'start', 'type', 'Start', 'data', JSON_OBJECT('label', 'Start')),
|
||||
JSON_OBJECT('id', 'extract_info', 'type', 'LLMDecisionNode', 'data', JSON_OBJECT(
|
||||
'label', 'Extract Info',
|
||||
'promptTemplate', 'Extract: petName, species, ownerFirstName, ownerLastName, ownerEmail, accountName from: {{state.message}}',
|
||||
'inputKeys', JSON_ARRAY('message'),
|
||||
'outputSchema', JSON_OBJECT(
|
||||
'type', 'object',
|
||||
'properties', JSON_OBJECT(
|
||||
'petName', JSON_OBJECT('type', 'string'),
|
||||
'species', JSON_OBJECT('type', 'string'),
|
||||
'ownerFirstName', JSON_OBJECT('type', 'string'),
|
||||
'ownerLastName', JSON_OBJECT('type', 'string'),
|
||||
'ownerEmail', JSON_OBJECT('type', 'string'),
|
||||
'accountName', JSON_OBJECT('type', 'string')
|
||||
),
|
||||
'required', JSON_ARRAY('petName', 'species', 'ownerFirstName', 'ownerLastName')
|
||||
)
|
||||
)),
|
||||
JSON_OBJECT('id', 'find_account', 'type', 'ToolNode', 'data', JSON_OBJECT(
|
||||
'label', 'Find Account',
|
||||
'toolName', 'findAccount',
|
||||
'argsTemplate', JSON_OBJECT('name', '{{state.accountName}}', 'email', '{{state.ownerEmail}}'),
|
||||
'outputMapping', JSON_OBJECT('found', 'accountFound', 'accountId', 'accountId')
|
||||
)),
|
||||
JSON_OBJECT('id', 'create_account', 'type', 'ToolNode', 'data', JSON_OBJECT(
|
||||
'label', 'Create Account',
|
||||
'toolName', 'createAccount',
|
||||
'argsTemplate', JSON_OBJECT('name', '{{state.accountName}}', 'email', '{{state.ownerEmail}}'),
|
||||
'outputMapping', JSON_OBJECT('accountId', 'accountId')
|
||||
)),
|
||||
JSON_OBJECT('id', 'find_contact', 'type', 'ToolNode', 'data', JSON_OBJECT(
|
||||
'label', 'Find Contact',
|
||||
'toolName', 'findContact',
|
||||
'argsTemplate', JSON_OBJECT(
|
||||
'firstName', '{{state.ownerFirstName}}',
|
||||
'lastName', '{{state.ownerLastName}}',
|
||||
'email', '{{state.ownerEmail}}',
|
||||
'accountId', '{{state.accountId}}'
|
||||
),
|
||||
'outputMapping', JSON_OBJECT('found', 'contactFound', 'contactId', 'contactId')
|
||||
)),
|
||||
JSON_OBJECT('id', 'create_contact', 'type', 'ToolNode', 'data', JSON_OBJECT(
|
||||
'label', 'Create Contact',
|
||||
'toolName', 'createContact',
|
||||
'argsTemplate', JSON_OBJECT(
|
||||
'firstName', '{{state.ownerFirstName}}',
|
||||
'lastName', '{{state.ownerLastName}}',
|
||||
'email', '{{state.ownerEmail}}',
|
||||
'accountId', '{{state.accountId}}'
|
||||
),
|
||||
'outputMapping', JSON_OBJECT('contactId', 'contactId')
|
||||
)),
|
||||
JSON_OBJECT('id', 'create_pet', 'type', 'ToolNode', 'data', JSON_OBJECT(
|
||||
'label', 'Create Pet',
|
||||
'toolName', 'createPet',
|
||||
'argsTemplate', JSON_OBJECT(
|
||||
'name', '{{state.petName}}',
|
||||
'species', '{{state.species}}',
|
||||
'ownerId', '{{state.contactId}}'
|
||||
),
|
||||
'outputMapping', JSON_OBJECT('petId', 'petId')
|
||||
)),
|
||||
JSON_OBJECT('id', 'end', 'type', 'End', 'data', JSON_OBJECT('label', 'End'))
|
||||
),
|
||||
'edges', JSON_ARRAY(
|
||||
JSON_OBJECT('id', 'e1', 'source', 'start', 'target', 'extract_info'),
|
||||
JSON_OBJECT('id', 'e2', 'source', 'extract_info', 'target', 'find_account'),
|
||||
JSON_OBJECT('id', 'e3', 'source', 'find_account', 'target', 'find_contact', 'condition', JSON_OBJECT('==', JSON_ARRAY(JSON_OBJECT('var', 'accountFound'), true))),
|
||||
JSON_OBJECT('id', 'e4', 'source', 'find_account', 'target', 'create_account', 'condition', JSON_OBJECT('==', JSON_ARRAY(JSON_OBJECT('var', 'accountFound'), false))),
|
||||
JSON_OBJECT('id', 'e5', 'source', 'create_account', 'target', 'find_contact'),
|
||||
JSON_OBJECT('id', 'e6', 'source', 'find_contact', 'target', 'create_pet', 'condition', JSON_OBJECT('==', JSON_ARRAY(JSON_OBJECT('var', 'contactFound'), true))),
|
||||
JSON_OBJECT('id', 'e7', 'source', 'find_contact', 'target', 'create_contact', 'condition', JSON_OBJECT('==', JSON_ARRAY(JSON_OBJECT('var', 'contactFound'), false))),
|
||||
JSON_OBJECT('id', 'e8', 'source', 'create_contact', 'target', 'create_pet'),
|
||||
JSON_OBJECT('id', 'e9', 'source', 'create_pet', 'target', 'end')
|
||||
)
|
||||
),
|
||||
@user_id
|
||||
);
|
||||
|
||||
-- Insert tool allowlist
|
||||
INSERT INTO ai_tool_configs (id, tool_name, enabled)
|
||||
VALUES
|
||||
(UUID(), 'findAccount', true),
|
||||
(UUID(), 'createAccount', true),
|
||||
(UUID(), 'findContact', true),
|
||||
(UUID(), 'createContact', true),
|
||||
(UUID(), 'createPet', true)
|
||||
ON DUPLICATE KEY UPDATE enabled = true;
|
||||
|
||||
SELECT 'Demo process inserted successfully!' as result;
|
||||
@@ -0,0 +1,13 @@
|
||||
exports.up = function (knex) {
|
||||
return knex.schema
|
||||
.table('record_shares', (table) => {
|
||||
table.timestamp('updatedAt').defaultTo(knex.fn.now());
|
||||
});
|
||||
};
|
||||
|
||||
exports.down = function (knex) {
|
||||
return knex.schema
|
||||
.table('record_shares', (table) => {
|
||||
table.dropColumn('updatedAt');
|
||||
});
|
||||
};
|
||||
@@ -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');
|
||||
};
|
||||
@@ -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(),
|
||||
});
|
||||
};
|
||||
@@ -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(),
|
||||
});
|
||||
};
|
||||
@@ -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');
|
||||
});
|
||||
};
|
||||
@@ -1,72 +0,0 @@
|
||||
exports.up = async function (knex) {
|
||||
await knex.schema.createTable('ai_processes', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.string('name').notNullable();
|
||||
table.text('description');
|
||||
table.integer('latest_version').notNullable().defaultTo(1);
|
||||
table.string('created_by').notNullable();
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.timestamp('updated_at').defaultTo(knex.fn.now());
|
||||
});
|
||||
|
||||
await knex.schema.createTable('ai_process_versions', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.uuid('process_id').notNullable();
|
||||
table.integer('version').notNullable();
|
||||
table.json('graph_json').notNullable();
|
||||
table.json('compiled_json').notNullable();
|
||||
table.string('created_by').notNullable();
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.unique(['process_id', 'version']);
|
||||
table.index(['process_id']);
|
||||
});
|
||||
|
||||
await knex.schema.createTable('ai_process_runs', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.uuid('process_id').notNullable();
|
||||
table.integer('version').notNullable();
|
||||
table.string('status').notNullable();
|
||||
table.json('input_json').notNullable();
|
||||
table.json('output_json');
|
||||
table.json('error_json');
|
||||
table.json('state_json');
|
||||
table.string('current_node_id');
|
||||
table.timestamp('started_at').defaultTo(knex.fn.now());
|
||||
table.timestamp('ended_at');
|
||||
table.index(['process_id']);
|
||||
});
|
||||
|
||||
await knex.schema.createTable('ai_chat_sessions', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.string('user_id').notNullable();
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.index(['user_id']);
|
||||
});
|
||||
|
||||
await knex.schema.createTable('ai_chat_messages', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.uuid('session_id').notNullable();
|
||||
table.string('role').notNullable();
|
||||
table.text('content').notNullable();
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.index(['session_id']);
|
||||
});
|
||||
|
||||
await knex.schema.createTable('ai_audit_events', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.uuid('run_id').notNullable();
|
||||
table.string('event_type').notNullable();
|
||||
table.json('payload_json').notNullable();
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.index(['run_id']);
|
||||
});
|
||||
};
|
||||
|
||||
exports.down = async function (knex) {
|
||||
await knex.schema.dropTableIfExists('ai_audit_events');
|
||||
await knex.schema.dropTableIfExists('ai_chat_messages');
|
||||
await knex.schema.dropTableIfExists('ai_chat_sessions');
|
||||
await knex.schema.dropTableIfExists('ai_process_runs');
|
||||
await knex.schema.dropTableIfExists('ai_process_versions');
|
||||
await knex.schema.dropTableIfExists('ai_processes');
|
||||
};
|
||||
@@ -1,14 +0,0 @@
|
||||
exports.up = async function (knex) {
|
||||
await knex.schema.createTable('ai_tool_configs', (table) => {
|
||||
table.uuid('id').primary();
|
||||
table.string('tool_name').notNullable().unique();
|
||||
table.boolean('enabled').notNullable().defaultTo(true);
|
||||
table.json('config_json');
|
||||
table.timestamp('created_at').defaultTo(knex.fn.now());
|
||||
table.timestamp('updated_at').defaultTo(knex.fn.now());
|
||||
});
|
||||
};
|
||||
|
||||
exports.down = async function (knex) {
|
||||
await knex.schema.dropTableIfExists('ai_tool_configs');
|
||||
};
|
||||
628
backend/package-lock.json
generated
628
backend/package-lock.json
generated
@@ -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",
|
||||
@@ -25,17 +22,12 @@
|
||||
"@nestjs/serve-static": "^4.0.2",
|
||||
"@nestjs/websockets": "^10.4.20",
|
||||
"@prisma/client": "^5.8.0",
|
||||
"@types/json-logic-js": "^2.0.8",
|
||||
"ajv": "^8.17.1",
|
||||
"ajv-formats": "^3.0.1",
|
||||
"bcrypt": "^5.1.1",
|
||||
"bullmq": "^5.1.0",
|
||||
"class-transformer": "^0.5.1",
|
||||
"class-validator": "^0.14.1",
|
||||
"ioredis": "^5.3.2",
|
||||
"json-logic-js": "^2.0.5",
|
||||
"knex": "^3.1.0",
|
||||
"langchain": "^1.2.7",
|
||||
"mysql2": "^3.15.3",
|
||||
"objection": "^3.1.5",
|
||||
"openai": "^6.15.0",
|
||||
@@ -100,41 +92,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@angular-devkit/core/node_modules/ajv": {
|
||||
"version": "8.12.0",
|
||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
||||
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"json-schema-traverse": "^1.0.0",
|
||||
"require-from-string": "^2.0.2",
|
||||
"uri-js": "^4.2.2"
|
||||
},
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/epoberezkin"
|
||||
}
|
||||
},
|
||||
"node_modules/@angular-devkit/core/node_modules/ajv-formats": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@angular-devkit/core/node_modules/rxjs": {
|
||||
"version": "7.8.1",
|
||||
"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
|
||||
@@ -805,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",
|
||||
@@ -968,23 +919,6 @@
|
||||
"fast-uri": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@fastify/ajv-compiler/node_modules/ajv-formats": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@fastify/cors": {
|
||||
"version": "9.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@fastify/cors/-/cors-9.0.1.tgz",
|
||||
@@ -1745,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",
|
||||
@@ -2973,12 +2693,6 @@
|
||||
"pretty-format": "^29.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/json-logic-js": {
|
||||
"version": "2.0.8",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-logic-js/-/json-logic-js-2.0.8.tgz",
|
||||
"integrity": "sha512-WgNsDPuTPKYXl0Jh0IfoCoJoAGGYZt5qzpmjuLSEg7r0cKp/kWtWp0HAsVepyPSPyXiHo6uXp/B/kW/2J1fa2Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/json-schema": {
|
||||
"version": "7.0.15",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
|
||||
@@ -3104,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",
|
||||
@@ -3636,15 +3344,15 @@
|
||||
}
|
||||
},
|
||||
"node_modules/ajv": {
|
||||
"version": "8.17.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
|
||||
"integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
|
||||
"version": "8.12.0",
|
||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
||||
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"fast-uri": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"json-schema-traverse": "^1.0.0",
|
||||
"require-from-string": "^2.0.2"
|
||||
"require-from-string": "^2.0.2",
|
||||
"uri-js": "^4.2.2"
|
||||
},
|
||||
"funding": {
|
||||
"type": "github",
|
||||
@@ -3652,9 +3360,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/ajv-formats": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
|
||||
"integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
@@ -3681,22 +3389,6 @@
|
||||
"ajv": "^8.8.2"
|
||||
}
|
||||
},
|
||||
"node_modules/ajv/node_modules/fast-uri": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
|
||||
"integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/fastify"
|
||||
},
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/fastify"
|
||||
}
|
||||
],
|
||||
"license": "BSD-3-Clause"
|
||||
},
|
||||
"node_modules/ansi-colors": {
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
|
||||
@@ -4019,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",
|
||||
@@ -4644,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",
|
||||
@@ -4801,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",
|
||||
@@ -5475,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",
|
||||
@@ -5627,6 +5296,23 @@
|
||||
"rfdc": "^1.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/fast-json-stringify/node_modules/ajv-formats": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
|
||||
"integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/fast-levenshtein": {
|
||||
"version": "2.0.6",
|
||||
"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
|
||||
@@ -6703,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",
|
||||
@@ -7605,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",
|
||||
@@ -7654,12 +7319,6 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/json-logic-js": {
|
||||
"version": "2.0.5",
|
||||
"resolved": "https://registry.npmjs.org/json-logic-js/-/json-logic-js-2.0.5.tgz",
|
||||
"integrity": "sha512-rTT2+lqcuUmj4DgWfmzupZqQDA64AdmYqizzMPWj3DxGdfFNsxPpcNVSaTj4l8W2tG/+hg7/mQhxjU3aPacO6g==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/json-parse-even-better-errors": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
|
||||
@@ -7877,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",
|
||||
@@ -8457,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",
|
||||
@@ -8722,23 +8293,38 @@
|
||||
"knex": ">=1.0.1"
|
||||
}
|
||||
},
|
||||
"node_modules/objection/node_modules/ajv-formats": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"node_modules/objection/node_modules/ajv": {
|
||||
"version": "8.17.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
|
||||
"integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"fast-uri": "^3.0.1",
|
||||
"json-schema-traverse": "^1.0.0",
|
||||
"require-from-string": "^2.0.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/epoberezkin"
|
||||
}
|
||||
},
|
||||
"node_modules/objection/node_modules/fast-uri": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
|
||||
"integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/fastify"
|
||||
},
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/fastify"
|
||||
}
|
||||
],
|
||||
"license": "BSD-3-Clause"
|
||||
},
|
||||
"node_modules/obliterator": {
|
||||
"version": "2.0.5",
|
||||
"resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.5.tgz",
|
||||
@@ -8852,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",
|
||||
@@ -8893,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",
|
||||
@@ -9399,7 +8933,6 @@
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
|
||||
"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
@@ -10084,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",
|
||||
@@ -10535,24 +10062,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/terser-webpack-plugin/node_modules/ajv-formats": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/terser-webpack-plugin/node_modules/jest-worker": {
|
||||
"version": "27.5.1",
|
||||
"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
|
||||
@@ -11128,7 +10637,6 @@
|
||||
"version": "4.4.1",
|
||||
"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
|
||||
"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
|
||||
"dev": true,
|
||||
"license": "BSD-2-Clause",
|
||||
"dependencies": {
|
||||
"punycode": "^2.1.0"
|
||||
@@ -11312,25 +10820,6 @@
|
||||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"node_modules/webpack/node_modules/ajv-formats": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
|
||||
"integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"ajv": "^8.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"ajv": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/webpack/node_modules/es-module-lexer": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
|
||||
@@ -11597,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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,15 +23,11 @@
|
||||
"migrate:rollback": "knex migrate:rollback --knexfile=knexfile.js",
|
||||
"migrate:status": "ts-node -r tsconfig-paths/register scripts/check-migration-status.ts",
|
||||
"migrate:tenant": "ts-node -r tsconfig-paths/register scripts/migrate-tenant.ts",
|
||||
"migrate:all-tenants": "ts-node -r tsconfig-paths/register scripts/migrate-all-tenants.ts",
|
||||
"seed:demo-process": "ts-node -r tsconfig-paths/register scripts/seed-demo-process.ts"
|
||||
"migrate:all-tenants": "ts-node -r tsconfig-paths/register scripts/migrate-all-tenants.ts"
|
||||
},
|
||||
"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",
|
||||
@@ -43,17 +39,12 @@
|
||||
"@nestjs/serve-static": "^4.0.2",
|
||||
"@nestjs/websockets": "^10.4.20",
|
||||
"@prisma/client": "^5.8.0",
|
||||
"@types/json-logic-js": "^2.0.8",
|
||||
"ajv": "^8.17.1",
|
||||
"ajv-formats": "^3.0.1",
|
||||
"bcrypt": "^5.1.1",
|
||||
"bullmq": "^5.1.0",
|
||||
"class-transformer": "^0.5.1",
|
||||
"class-validator": "^0.14.1",
|
||||
"ioredis": "^5.3.2",
|
||||
"json-logic-js": "^2.0.5",
|
||||
"knex": "^3.1.0",
|
||||
"langchain": "^1.2.7",
|
||||
"mysql2": "^3.15.3",
|
||||
"objection": "^3.1.5",
|
||||
"openai": "^6.15.0",
|
||||
|
||||
@@ -145,137 +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")
|
||||
}
|
||||
|
||||
// AI Process Builder + Chat Orchestrator
|
||||
model AiProcess {
|
||||
id String @id @default(uuid())
|
||||
tenantId String @map("tenant_id")
|
||||
name String
|
||||
description String? @db.Text
|
||||
latestVersion Int @default(1) @map("latest_version")
|
||||
createdBy String @map("created_by")
|
||||
createdAt DateTime @default(now()) @map("created_at")
|
||||
updatedAt DateTime @updatedAt @map("updated_at")
|
||||
|
||||
versions AiProcessVersion[]
|
||||
runs AiProcessRun[]
|
||||
|
||||
@@index([tenantId])
|
||||
@@map("ai_processes")
|
||||
}
|
||||
|
||||
model AiProcessVersion {
|
||||
id String @id @default(uuid())
|
||||
tenantId String @map("tenant_id")
|
||||
processId String @map("process_id")
|
||||
version Int
|
||||
graphJson Json @map("graph_json")
|
||||
compiledJson Json @map("compiled_json")
|
||||
createdBy String @map("created_by")
|
||||
createdAt DateTime @default(now()) @map("created_at")
|
||||
|
||||
process AiProcess @relation(fields: [processId], references: [id], onDelete: Cascade)
|
||||
|
||||
@@unique([processId, version])
|
||||
@@index([tenantId])
|
||||
@@map("ai_process_versions")
|
||||
}
|
||||
|
||||
model AiProcessRun {
|
||||
id String @id @default(uuid())
|
||||
tenantId String @map("tenant_id")
|
||||
processId String @map("process_id")
|
||||
version Int
|
||||
status String
|
||||
inputJson Json @map("input_json")
|
||||
outputJson Json? @map("output_json")
|
||||
errorJson Json? @map("error_json")
|
||||
stateJson Json? @map("state_json")
|
||||
currentNodeId String? @map("current_node_id")
|
||||
startedAt DateTime @default(now()) @map("started_at")
|
||||
endedAt DateTime? @map("ended_at")
|
||||
|
||||
process AiProcess @relation(fields: [processId], references: [id], onDelete: Cascade)
|
||||
|
||||
@@index([tenantId])
|
||||
@@index([processId])
|
||||
@@map("ai_process_runs")
|
||||
}
|
||||
|
||||
model AiChatSession {
|
||||
id String @id @default(uuid())
|
||||
tenantId String @map("tenant_id")
|
||||
userId String @map("user_id")
|
||||
createdAt DateTime @default(now()) @map("created_at")
|
||||
|
||||
messages AiChatMessage[]
|
||||
|
||||
@@index([tenantId])
|
||||
@@index([userId])
|
||||
@@map("ai_chat_sessions")
|
||||
}
|
||||
|
||||
model AiChatMessage {
|
||||
id String @id @default(uuid())
|
||||
sessionId String @map("session_id")
|
||||
role String
|
||||
content String @db.Text
|
||||
createdAt DateTime @default(now()) @map("created_at")
|
||||
|
||||
session AiChatSession @relation(fields: [sessionId], references: [id], onDelete: Cascade)
|
||||
|
||||
@@index([sessionId])
|
||||
@@map("ai_chat_messages")
|
||||
}
|
||||
|
||||
model AiAuditEvent {
|
||||
id String @id @default(uuid())
|
||||
tenantId String @map("tenant_id")
|
||||
runId String @map("run_id")
|
||||
eventType String @map("event_type")
|
||||
payloadJson Json @map("payload_json")
|
||||
createdAt DateTime @default(now()) @map("created_at")
|
||||
|
||||
@@index([tenantId])
|
||||
@@index([runId])
|
||||
@@map("ai_audit_events")
|
||||
}
|
||||
|
||||
// Application Builder
|
||||
model App {
|
||||
id String @id @default(uuid())
|
||||
|
||||
@@ -1,332 +0,0 @@
|
||||
import { randomUUID } from 'crypto';
|
||||
import { AiProcess, AiProcessVersion, AiToolConfig } from '../src/models/ai-process.model';
|
||||
|
||||
// Bootstrap NestJS to get proper services
|
||||
async function getTenantContext(tenantSlugOrId: string) {
|
||||
const { NestFactory } = await import('@nestjs/core');
|
||||
const { AppModule } = await import('../src/app.module');
|
||||
const { TenantDatabaseService } = await import('../src/tenant/tenant-database.service');
|
||||
|
||||
// Create app context (without listening)
|
||||
const app = await NestFactory.createApplicationContext(AppModule, {
|
||||
logger: false,
|
||||
});
|
||||
|
||||
const tenantDbService = app.get(TenantDatabaseService);
|
||||
|
||||
// Resolve tenant ID
|
||||
const tenantId = await tenantDbService.resolveTenantId(tenantSlugOrId);
|
||||
|
||||
// Get proper Knex connection
|
||||
const knex = await tenantDbService.getTenantKnexById(tenantId);
|
||||
|
||||
return { tenantId, knex, app };
|
||||
}
|
||||
|
||||
/**
|
||||
* Seed script for demo AI Process: Register New Pet
|
||||
*
|
||||
* This process demonstrates:
|
||||
* - Conditional logic (find or create account/contact)
|
||||
* - Tool usage (findAccount, createAccount, findContact, createContact, createPet)
|
||||
* - Sequential execution
|
||||
* - LLM decision nodes with structured JSON output
|
||||
*
|
||||
* Usage:
|
||||
* npm run seed:demo-process -- <tenant-slug-or-id>
|
||||
*/
|
||||
|
||||
const demoProcessGraph = {
|
||||
id: 'register_new_pet',
|
||||
name: 'Register New Pet',
|
||||
description: 'Complete pet registration workflow with account and contact resolution',
|
||||
allowCycles: false,
|
||||
nodes: [
|
||||
{
|
||||
id: 'start',
|
||||
type: 'Start',
|
||||
position: { x: 250, y: 50 },
|
||||
data: { label: 'Start' },
|
||||
},
|
||||
{
|
||||
id: 'extract_info',
|
||||
type: 'LLMDecisionNode',
|
||||
position: { x: 250, y: 150 },
|
||||
data: {
|
||||
label: 'Extract Pet Info',
|
||||
promptTemplate: `Extract pet registration information from the user message.
|
||||
|
||||
User message: {{state.message}}
|
||||
|
||||
Extract:
|
||||
- Pet name (required)
|
||||
- Pet species (required, e.g., "dog", "cat", "bird")
|
||||
- Pet breed (optional)
|
||||
- Pet age (optional, as number)
|
||||
- Owner first name (required)
|
||||
- Owner last name (required)
|
||||
- Owner email (optional)
|
||||
- Owner phone (optional)
|
||||
- Account/Company name (optional, defaults to owner's full name)
|
||||
|
||||
Return JSON with these exact fields.`,
|
||||
inputKeys: ['message'],
|
||||
outputSchema: {
|
||||
type: 'object',
|
||||
properties: {
|
||||
petName: { type: 'string' },
|
||||
species: { type: 'string' },
|
||||
breed: { type: 'string' },
|
||||
age: { type: 'number' },
|
||||
ownerFirstName: { type: 'string' },
|
||||
ownerLastName: { type: 'string' },
|
||||
ownerEmail: { type: 'string' },
|
||||
ownerPhone: { type: 'string' },
|
||||
accountName: { type: 'string' },
|
||||
},
|
||||
required: ['petName', 'species', 'ownerFirstName', 'ownerLastName'],
|
||||
},
|
||||
model: { name: 'gpt-4o', temperature: 0 },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'find_account',
|
||||
type: 'ToolNode',
|
||||
position: { x: 250, y: 280 },
|
||||
data: {
|
||||
label: 'Find Account',
|
||||
toolName: 'findAccount',
|
||||
argsTemplate: {
|
||||
name: '{{state.accountName}}',
|
||||
email: '{{state.ownerEmail}}',
|
||||
},
|
||||
outputMapping: {
|
||||
found: 'accountFound',
|
||||
accountId: 'accountId',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_account',
|
||||
type: 'ToolNode',
|
||||
position: { x: 450, y: 380 },
|
||||
data: {
|
||||
label: 'Create Account',
|
||||
toolName: 'createAccount',
|
||||
argsTemplate: {
|
||||
name: '{{state.accountName}}',
|
||||
email: '{{state.ownerEmail}}',
|
||||
phone: '{{state.ownerPhone}}',
|
||||
},
|
||||
outputMapping: {
|
||||
accountId: 'accountId',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'find_contact',
|
||||
type: 'ToolNode',
|
||||
position: { x: 250, y: 480 },
|
||||
data: {
|
||||
label: 'Find Contact',
|
||||
toolName: 'findContact',
|
||||
argsTemplate: {
|
||||
firstName: '{{state.ownerFirstName}}',
|
||||
lastName: '{{state.ownerLastName}}',
|
||||
email: '{{state.ownerEmail}}',
|
||||
accountId: '{{state.accountId}}',
|
||||
},
|
||||
outputMapping: {
|
||||
found: 'contactFound',
|
||||
contactId: 'contactId',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_contact',
|
||||
type: 'ToolNode',
|
||||
position: { x: 450, y: 580 },
|
||||
data: {
|
||||
label: 'Create Contact',
|
||||
toolName: 'createContact',
|
||||
argsTemplate: {
|
||||
firstName: '{{state.ownerFirstName}}',
|
||||
lastName: '{{state.ownerLastName}}',
|
||||
email: '{{state.ownerEmail}}',
|
||||
phone: '{{state.ownerPhone}}',
|
||||
accountId: '{{state.accountId}}',
|
||||
},
|
||||
outputMapping: {
|
||||
contactId: 'contactId',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_pet',
|
||||
type: 'ToolNode',
|
||||
position: { x: 250, y: 680 },
|
||||
data: {
|
||||
label: 'Create Pet Record',
|
||||
toolName: 'createPet',
|
||||
argsTemplate: {
|
||||
name: '{{state.petName}}',
|
||||
species: '{{state.species}}',
|
||||
breed: '{{state.breed}}',
|
||||
age: '{{state.age}}',
|
||||
ownerId: '{{state.contactId}}',
|
||||
},
|
||||
outputMapping: {
|
||||
petId: 'petId',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'end',
|
||||
type: 'End',
|
||||
position: { x: 250, y: 780 },
|
||||
data: { label: 'End' },
|
||||
},
|
||||
],
|
||||
edges: [
|
||||
{ id: 'e1', source: 'start', target: 'extract_info' },
|
||||
{ id: 'e2', source: 'extract_info', target: 'find_account' },
|
||||
{
|
||||
id: 'e3',
|
||||
source: 'find_account',
|
||||
target: 'find_contact',
|
||||
condition: { '==': [{ var: 'accountFound' }, true] },
|
||||
},
|
||||
{
|
||||
id: 'e4',
|
||||
source: 'find_account',
|
||||
target: 'create_account',
|
||||
condition: { '==': [{ var: 'accountFound' }, false] },
|
||||
},
|
||||
{ id: 'e5', source: 'create_account', target: 'find_contact' },
|
||||
{
|
||||
id: 'e6',
|
||||
source: 'find_contact',
|
||||
target: 'create_pet',
|
||||
condition: { '==': [{ var: 'contactFound' }, true] },
|
||||
},
|
||||
{
|
||||
id: 'e7',
|
||||
source: 'find_contact',
|
||||
target: 'create_contact',
|
||||
condition: { '==': [{ var: 'contactFound' }, false] },
|
||||
},
|
||||
{ id: 'e8', source: 'create_contact', target: 'create_pet' },
|
||||
{ id: 'e9', source: 'create_pet', target: 'end' },
|
||||
],
|
||||
};
|
||||
|
||||
const demoTools = [
|
||||
'findAccount',
|
||||
'createAccount',
|
||||
'findContact',
|
||||
'createContact',
|
||||
'createPet',
|
||||
];
|
||||
|
||||
async function seedDemoProcess(tenantSlugOrId: string) {
|
||||
let app;
|
||||
try {
|
||||
console.log(`\n🌱 Seeding demo AI process for tenant: ${tenantSlugOrId}\n`);
|
||||
|
||||
const context = await getTenantContext(tenantSlugOrId);
|
||||
const { tenantId, knex, app: nestApp } = context;
|
||||
app = nestApp;
|
||||
|
||||
console.log(`✓ Resolved tenant ID: ${tenantId}`);
|
||||
console.log(`✓ Connected to tenant database`);
|
||||
|
||||
// Check if process already exists
|
||||
const existing = await AiProcess.query(knex)
|
||||
.where('name', demoProcessGraph.name)
|
||||
.first();
|
||||
|
||||
if (existing) {
|
||||
console.log(`⚠ Process "${demoProcessGraph.name}" already exists (ID: ${existing.id})`);
|
||||
console.log(` To create a new version, update via the UI.`);
|
||||
return;
|
||||
}
|
||||
|
||||
// Create process in transaction
|
||||
await knex.transaction(async (trx) => {
|
||||
const processId = randomUUID();
|
||||
const userId = 'system'; // System user for seed data
|
||||
|
||||
// Create process
|
||||
await AiProcess.query(trx).insert({
|
||||
id: processId,
|
||||
name: demoProcessGraph.name,
|
||||
description: demoProcessGraph.description,
|
||||
latestVersion: 1,
|
||||
createdBy: userId,
|
||||
});
|
||||
console.log(`✓ Created process: ${demoProcessGraph.name} (${processId})`);
|
||||
|
||||
// Create initial version
|
||||
// Note: In production, this would call the compiler service
|
||||
// For seed, we're storing a simplified version
|
||||
await AiProcessVersion.query(trx).insert({
|
||||
id: randomUUID(),
|
||||
processId,
|
||||
version: 1,
|
||||
graphJson: demoProcessGraph,
|
||||
compiledJson: {
|
||||
graphId: demoProcessGraph.id,
|
||||
version: 1,
|
||||
nodes: demoProcessGraph.nodes,
|
||||
edges: demoProcessGraph.edges,
|
||||
startNodeId: 'start',
|
||||
endNodeIds: ['end'],
|
||||
adjacency: {},
|
||||
},
|
||||
createdBy: userId,
|
||||
});
|
||||
console.log(`✓ Created process version 1`);
|
||||
|
||||
// Enable demo tools for tenant
|
||||
for (const toolName of demoTools) {
|
||||
const existingTool = await AiToolConfig.query(trx)
|
||||
.where('tool_name', toolName)
|
||||
.first();
|
||||
|
||||
if (!existingTool) {
|
||||
await AiToolConfig.query(trx).insert({
|
||||
id: randomUUID(),
|
||||
toolName,
|
||||
enabled: true,
|
||||
});
|
||||
console.log(`✓ Enabled tool: ${toolName}`);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
console.log(`\n✅ Demo process seeded successfully!\n`);
|
||||
console.log(`Next steps:`);
|
||||
console.log(` 1. Navigate to /ai-processes in your frontend`);
|
||||
console.log(` 2. Open the "${demoProcessGraph.name}" process`);
|
||||
console.log(` 3. Test it by sending a message like:`);
|
||||
console.log(` "Register a dog named Max, owned by John Smith (john@email.com)"`);
|
||||
console.log();
|
||||
|
||||
if (app) await app.close();
|
||||
process.exit(0);
|
||||
} catch (error) {
|
||||
console.error('❌ Seed failed:', error);
|
||||
if (app) await app.close();
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
// Get tenant from command line args
|
||||
const tenantSlugOrId = process.argv[2];
|
||||
|
||||
if (!tenantSlugOrId) {
|
||||
console.error('Usage: npm run seed:demo-process -- <tenant-slug-or-id>');
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
seedDemoProcess(tenantSlugOrId);
|
||||
@@ -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,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,15 +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],
|
||||
exports: [AiAssistantService],
|
||||
})
|
||||
export class AiAssistantModule {}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
}
|
||||
@@ -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[];
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
import { IsIn, IsNotEmpty, IsString } from 'class-validator';
|
||||
|
||||
export class AiChatMessageDto {
|
||||
@IsIn(['user', 'assistant'])
|
||||
role: 'user' | 'assistant';
|
||||
|
||||
@IsString()
|
||||
@IsNotEmpty()
|
||||
text: string;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
import { compileProcessGraph, GraphValidationError } from '../ai-processes.compiler';
|
||||
import { demoRegisterNewPetProcess } from '../demo-process';
|
||||
|
||||
describe('ai-processes compiler', () => {
|
||||
it('throws when missing start node', () => {
|
||||
const badGraph = {
|
||||
...demoRegisterNewPetProcess,
|
||||
nodes: demoRegisterNewPetProcess.nodes.filter((n) => n.type !== 'Start'),
|
||||
};
|
||||
|
||||
expect(() =>
|
||||
compileProcessGraph(badGraph, { tenantId: 'default', version: 1 }),
|
||||
).toThrow(GraphValidationError);
|
||||
});
|
||||
|
||||
it('compiles the demo process graph', () => {
|
||||
const compiled = compileProcessGraph(demoRegisterNewPetProcess, {
|
||||
tenantId: 'default',
|
||||
version: 1,
|
||||
});
|
||||
|
||||
expect(compiled.startNodeId).toBe('start');
|
||||
expect(compiled.endNodeIds).toContain('end');
|
||||
});
|
||||
});
|
||||
@@ -1,40 +0,0 @@
|
||||
import { compileProcessGraph } from '../ai-processes.compiler';
|
||||
import { demoRegisterNewPetProcess } from '../demo-process';
|
||||
import { runCompiledGraph } from '../ai-processes.runner';
|
||||
import { ToolRegistry } from '../tools/tool-registry';
|
||||
|
||||
describe('ai-processes runner', () => {
|
||||
it('runs the demo process until human input is required', async () => {
|
||||
const compiled = compileProcessGraph(demoRegisterNewPetProcess, {
|
||||
tenantId: 'default',
|
||||
version: 1,
|
||||
});
|
||||
|
||||
const result = await runCompiledGraph({
|
||||
compiledGraph: compiled,
|
||||
input: {
|
||||
accountName: 'Acme Inc',
|
||||
firstName: 'Jamie',
|
||||
lastName: 'Doe',
|
||||
},
|
||||
toolRegistry: new ToolRegistry(),
|
||||
toolContext: { tenantId: 'default', userId: 'user-1' },
|
||||
llmDecision: async (node, state) => {
|
||||
if (node.id === 'decide_account') {
|
||||
return { accountAction: 'find', accountName: state.accountName };
|
||||
}
|
||||
if (node.id === 'decide_contact') {
|
||||
return {
|
||||
contactAction: 'find',
|
||||
firstName: state.firstName,
|
||||
lastName: state.lastName,
|
||||
};
|
||||
}
|
||||
return {};
|
||||
},
|
||||
});
|
||||
|
||||
expect(result.status).toBe('waiting');
|
||||
expect(result.currentNodeId).toBe('need_pet');
|
||||
});
|
||||
});
|
||||
@@ -1,191 +0,0 @@
|
||||
import { apply as applyJsonLogic } from 'json-logic-js';
|
||||
import { createAjv } from './ai-processes.schemas';
|
||||
import {
|
||||
CompiledGraph,
|
||||
ProcessGraphDefinition,
|
||||
ProcessGraphEdge,
|
||||
ProcessGraphNode,
|
||||
} from './ai-processes.types';
|
||||
import { ToolRegistry } from './tools/tool-registry';
|
||||
|
||||
export class GraphValidationError extends Error {
|
||||
constructor(message: string) {
|
||||
super(message);
|
||||
this.name = 'GraphValidationError';
|
||||
}
|
||||
}
|
||||
|
||||
export interface CompileOptions {
|
||||
tenantId: string;
|
||||
version: number;
|
||||
}
|
||||
|
||||
export const validateGraphDefinition = (
|
||||
graph: ProcessGraphDefinition,
|
||||
tenantId: string,
|
||||
) => {
|
||||
const ajv = createAjv();
|
||||
const validate = ajv.getSchema<ProcessGraphDefinition>('processGraph');
|
||||
if (!validate) {
|
||||
throw new GraphValidationError('Graph schema is not registered.');
|
||||
}
|
||||
const valid = validate(graph);
|
||||
if (!valid) {
|
||||
throw new GraphValidationError(
|
||||
`Graph schema validation failed: ${ajv.errorsText(validate.errors)}`,
|
||||
);
|
||||
}
|
||||
|
||||
const startNodes = graph.nodes.filter((node) => node.type === 'Start');
|
||||
const endNodes = graph.nodes.filter((node) => node.type === 'End');
|
||||
|
||||
if (startNodes.length !== 1) {
|
||||
throw new GraphValidationError('Graph must contain exactly one Start node.');
|
||||
}
|
||||
if (endNodes.length < 1) {
|
||||
throw new GraphValidationError('Graph must contain at least one End node.');
|
||||
}
|
||||
|
||||
const nodeIds = new Set(graph.nodes.map((node) => node.id));
|
||||
graph.edges.forEach((edge) => {
|
||||
if (!nodeIds.has(edge.source) || !nodeIds.has(edge.target)) {
|
||||
throw new GraphValidationError(`Edge ${edge.id} references unknown nodes.`);
|
||||
}
|
||||
});
|
||||
|
||||
const adjacency = buildAdjacency(graph.edges);
|
||||
const reachable = new Set<string>();
|
||||
const queue = [startNodes[0].id];
|
||||
|
||||
while (queue.length) {
|
||||
const current = queue.shift();
|
||||
if (!current || reachable.has(current)) continue;
|
||||
reachable.add(current);
|
||||
(adjacency[current] || []).forEach((neighbor) => queue.push(neighbor));
|
||||
}
|
||||
|
||||
graph.nodes.forEach((node) => {
|
||||
if (!reachable.has(node.id)) {
|
||||
throw new GraphValidationError(`Node ${node.id} is not reachable.`);
|
||||
}
|
||||
});
|
||||
|
||||
if (!graph.allowCycles && hasCycle(graph.nodes, graph.edges)) {
|
||||
throw new GraphValidationError('Graph contains cycles but allowCycles=false.');
|
||||
}
|
||||
|
||||
const toolRegistry = new ToolRegistry();
|
||||
const allToolNames = toolRegistry.getAllToolNames();
|
||||
|
||||
graph.nodes.forEach((node) => {
|
||||
if (node.type === 'ToolNode') {
|
||||
const toolName = (node.data as { toolName?: string }).toolName;
|
||||
if (!toolName) {
|
||||
throw new GraphValidationError(
|
||||
`ToolNode ${node.id} missing toolName configuration.`,
|
||||
);
|
||||
}
|
||||
// Validate tool exists in registry (allowlist check happens at runtime)
|
||||
if (!allToolNames.includes(toolName)) {
|
||||
throw new GraphValidationError(
|
||||
`Tool ${toolName} is not registered in the tool registry.`,
|
||||
);
|
||||
}
|
||||
}
|
||||
if (node.type === 'LLMDecisionNode') {
|
||||
const data = node.data as {
|
||||
promptTemplate?: string;
|
||||
inputKeys?: string[];
|
||||
outputSchema?: Record<string, unknown>;
|
||||
model?: { name?: string; temperature?: number };
|
||||
};
|
||||
if (!data.promptTemplate || !data.outputSchema || !data.model?.name) {
|
||||
throw new GraphValidationError(
|
||||
`LLMDecisionNode ${node.id} missing required configuration.`,
|
||||
);
|
||||
}
|
||||
}
|
||||
if (node.type === 'HumanInputNode') {
|
||||
const data = node.data as {
|
||||
requiredFieldsSchema?: Record<string, unknown>;
|
||||
promptToUser?: string;
|
||||
};
|
||||
if (!data.requiredFieldsSchema || !data.promptToUser) {
|
||||
throw new GraphValidationError(
|
||||
`HumanInputNode ${node.id} missing required configuration.`,
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
graph.edges.forEach((edge) => {
|
||||
if (edge.condition) {
|
||||
try {
|
||||
applyJsonLogic(edge.condition, {});
|
||||
} catch (error) {
|
||||
throw new GraphValidationError(
|
||||
`Edge ${edge.id} has invalid json-logic condition.`,
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
export const compileProcessGraph = (
|
||||
graph: ProcessGraphDefinition,
|
||||
options: CompileOptions,
|
||||
): CompiledGraph => {
|
||||
validateGraphDefinition(graph, options.tenantId);
|
||||
|
||||
const startNodeId = graph.nodes.find((node) => node.type === 'Start')?.id;
|
||||
if (!startNodeId) {
|
||||
throw new GraphValidationError('Start node missing after validation.');
|
||||
}
|
||||
|
||||
const endNodeIds = graph.nodes
|
||||
.filter((node) => node.type === 'End')
|
||||
.map((node) => node.id);
|
||||
|
||||
return {
|
||||
graphId: graph.id,
|
||||
version: options.version,
|
||||
nodes: graph.nodes,
|
||||
edges: graph.edges,
|
||||
startNodeId,
|
||||
endNodeIds,
|
||||
adjacency: buildAdjacency(graph.edges),
|
||||
allowCycles: graph.allowCycles,
|
||||
maxIterations: graph.maxIterations,
|
||||
};
|
||||
};
|
||||
|
||||
const buildAdjacency = (edges: ProcessGraphEdge[]) => {
|
||||
return edges.reduce<Record<string, string[]>>((acc, edge) => {
|
||||
if (!acc[edge.source]) {
|
||||
acc[edge.source] = [];
|
||||
}
|
||||
acc[edge.source].push(edge.target);
|
||||
return acc;
|
||||
}, {});
|
||||
};
|
||||
|
||||
const hasCycle = (nodes: ProcessGraphNode[], edges: ProcessGraphEdge[]) => {
|
||||
const adjacency = buildAdjacency(edges);
|
||||
const visited = new Set<string>();
|
||||
const stack = new Set<string>();
|
||||
|
||||
const visit = (nodeId: string): boolean => {
|
||||
if (stack.has(nodeId)) return true;
|
||||
if (visited.has(nodeId)) return false;
|
||||
visited.add(nodeId);
|
||||
stack.add(nodeId);
|
||||
const neighbors = adjacency[nodeId] || [];
|
||||
for (const neighbor of neighbors) {
|
||||
if (visit(neighbor)) return true;
|
||||
}
|
||||
stack.delete(nodeId);
|
||||
return false;
|
||||
};
|
||||
|
||||
return nodes.some((node) => visit(node.id));
|
||||
};
|
||||
@@ -1,144 +0,0 @@
|
||||
import {
|
||||
Body,
|
||||
Controller,
|
||||
Get,
|
||||
Param,
|
||||
Post,
|
||||
Put,
|
||||
Query,
|
||||
Sse,
|
||||
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 { AiProcessesService } from './ai-processes.service';
|
||||
import { AiProcessesStreamService } from './ai-processes.stream.service';
|
||||
import { AiProcessesOrchestratorService } from './ai-processes.orchestrator.service';
|
||||
import { CreateAiProcessDto, UpdateAiProcessDto } from './dto/ai-process.dto';
|
||||
import { CreateAiRunDto, ResumeAiRunDto } from './dto/ai-run.dto';
|
||||
import { CreateChatSessionDto, SendChatMessageDto } from './dto/ai-chat.dto';
|
||||
|
||||
@Controller('tenants/:tenantId')
|
||||
@UseGuards(JwtAuthGuard)
|
||||
export class AiProcessesController {
|
||||
constructor(
|
||||
private readonly processesService: AiProcessesService,
|
||||
private readonly streamService: AiProcessesStreamService,
|
||||
private readonly orchestratorService: AiProcessesOrchestratorService,
|
||||
) {}
|
||||
|
||||
@Get('ai-processes')
|
||||
async listProcesses(@TenantId() tenantId: string) {
|
||||
return this.processesService.listProcesses(tenantId);
|
||||
}
|
||||
|
||||
@Post('ai-processes')
|
||||
async createProcess(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Body() payload: CreateAiProcessDto,
|
||||
) {
|
||||
return this.processesService.createProcess(
|
||||
tenantId,
|
||||
user.userId,
|
||||
payload.name,
|
||||
payload.description,
|
||||
payload.graph,
|
||||
);
|
||||
}
|
||||
|
||||
@Put('ai-processes/:processId')
|
||||
async updateProcess(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Param('processId') processId: string,
|
||||
@Body() payload: UpdateAiProcessDto,
|
||||
) {
|
||||
return this.processesService.createProcessVersion(
|
||||
tenantId,
|
||||
user.userId,
|
||||
processId,
|
||||
payload.graph,
|
||||
);
|
||||
}
|
||||
|
||||
@Get('ai-processes/:processId/versions')
|
||||
async listVersions(
|
||||
@TenantId() tenantId: string,
|
||||
@Param('processId') processId: string,
|
||||
) {
|
||||
return this.processesService.listProcessVersions(tenantId, processId);
|
||||
}
|
||||
|
||||
@Post('ai-processes/:processId/runs')
|
||||
async createRun(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Param('processId') processId: string,
|
||||
@Body() payload: CreateAiRunDto,
|
||||
) {
|
||||
return this.processesService.createRun(
|
||||
tenantId,
|
||||
user.userId,
|
||||
processId,
|
||||
payload.input,
|
||||
payload.sessionId,
|
||||
payload.sessionId
|
||||
? (event) => this.streamService.emit(payload.sessionId as string, event)
|
||||
: undefined,
|
||||
);
|
||||
}
|
||||
|
||||
@Post('ai-runs/:runId/resume')
|
||||
async resumeRun(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Param('runId') runId: string,
|
||||
@Body() payload: ResumeAiRunDto,
|
||||
) {
|
||||
return this.processesService.resumeRun(
|
||||
tenantId,
|
||||
user.userId,
|
||||
runId,
|
||||
payload.input,
|
||||
payload.sessionId,
|
||||
payload.sessionId
|
||||
? (event) => this.streamService.emit(payload.sessionId as string, event)
|
||||
: undefined,
|
||||
);
|
||||
}
|
||||
|
||||
@Post('ai-chat/sessions')
|
||||
async createSession(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Body() _payload: CreateChatSessionDto,
|
||||
) {
|
||||
return this.orchestratorService.createSession(tenantId, user.userId);
|
||||
}
|
||||
|
||||
@Post('ai-chat/messages')
|
||||
@Post('ai-processes/chat/messages')
|
||||
async sendChatMessage(
|
||||
@TenantId() tenantId: string,
|
||||
@CurrentUser() user: any,
|
||||
@Body() payload: SendChatMessageDto,
|
||||
) {
|
||||
return this.orchestratorService.sendMessage(
|
||||
tenantId,
|
||||
user.userId,
|
||||
payload.message,
|
||||
payload.sessionId,
|
||||
payload.processId,
|
||||
payload.history,
|
||||
payload.context,
|
||||
);
|
||||
}
|
||||
|
||||
@Sse('ai-chat/stream')
|
||||
@Sse('ai-processes/stream')
|
||||
streamChat(@Query('sessionId') sessionId: string) {
|
||||
return this.streamService.getStream(sessionId);
|
||||
}
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
import { Module } from '@nestjs/common';
|
||||
import { TenantModule } from '../tenant/tenant.module';
|
||||
import { AiAssistantModule } from '../ai-assistant/ai-assistant.module';
|
||||
import { AiProcessesController } from './ai-processes.controller';
|
||||
import { AiProcessesService } from './ai-processes.service';
|
||||
import { AiProcessesStreamService } from './ai-processes.stream.service';
|
||||
import { AiProcessesOrchestratorService } from './ai-processes.orchestrator.service';
|
||||
|
||||
@Module({
|
||||
imports: [TenantModule, AiAssistantModule],
|
||||
controllers: [AiProcessesController],
|
||||
providers: [
|
||||
AiProcessesService,
|
||||
AiProcessesStreamService,
|
||||
AiProcessesOrchestratorService,
|
||||
],
|
||||
exports: [AiProcessesService],
|
||||
})
|
||||
export class AiProcessesModule {}
|
||||
@@ -1,212 +0,0 @@
|
||||
import { Injectable } from '@nestjs/common';
|
||||
import { Knex } from 'knex';
|
||||
import { AiProcessesService } from './ai-processes.service';
|
||||
import { AiProcessesStreamService } from './ai-processes.stream.service';
|
||||
import { AiAssistantService } from '../ai-assistant/ai-assistant.service';
|
||||
import { TenantDatabaseService } from '../tenant/tenant-database.service';
|
||||
import { AiChatMessage, AiChatSession } from '../models/ai-chat.model';
|
||||
import { DeepAgentOrchestrator } from './deep-agent.orchestrator';
|
||||
|
||||
@Injectable()
|
||||
export class AiProcessesOrchestratorService {
|
||||
constructor(
|
||||
private readonly processesService: AiProcessesService,
|
||||
private readonly streamService: AiProcessesStreamService,
|
||||
private readonly tenantDbService: TenantDatabaseService,
|
||||
private readonly aiAssistantService: AiAssistantService,
|
||||
) {}
|
||||
|
||||
private async getTenantContext(tenantId: string) {
|
||||
const resolvedTenantId = await this.tenantDbService.resolveTenantId(tenantId);
|
||||
const knex = await this.tenantDbService.getTenantKnexById(resolvedTenantId);
|
||||
return { knex, tenantId: resolvedTenantId };
|
||||
}
|
||||
|
||||
private async createSessionWithContext(
|
||||
knex: Knex,
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
) {
|
||||
return AiChatSession.query(knex).insert({
|
||||
userId,
|
||||
});
|
||||
}
|
||||
|
||||
async createSession(tenantId: string, userId: string) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
return this.createSessionWithContext(knex, resolvedTenantId, userId);
|
||||
}
|
||||
|
||||
async sendMessage(
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
message: string,
|
||||
sessionId?: string,
|
||||
processId?: string,
|
||||
history?: { role: string; text: string }[],
|
||||
context?: Record<string, unknown>,
|
||||
) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
|
||||
const session = sessionId
|
||||
? await AiChatSession.query(knex).findById(sessionId)
|
||||
: await this.createSessionWithContext(knex, resolvedTenantId, userId);
|
||||
|
||||
if (!session) {
|
||||
throw new Error('Chat session not found.');
|
||||
}
|
||||
|
||||
await AiChatMessage.query(knex).insert({
|
||||
sessionId: session.id,
|
||||
role: 'user',
|
||||
content: message,
|
||||
});
|
||||
|
||||
this.streamService.emit(session.id, { type: 'agent_started' });
|
||||
|
||||
const processes = await this.processesService.listProcesses(resolvedTenantId);
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'processes_listed',
|
||||
data: { count: processes.length },
|
||||
});
|
||||
|
||||
// If no processes configured, fallback to standard AI assistant
|
||||
if (!processes.length) {
|
||||
const response = await this.aiAssistantService.handleChat(
|
||||
resolvedTenantId,
|
||||
userId,
|
||||
message,
|
||||
(history ?? []) as any,
|
||||
context ?? {},
|
||||
);
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'final',
|
||||
data: { reply: response.reply, action: response.action },
|
||||
});
|
||||
|
||||
await AiChatMessage.query(knex).insert({
|
||||
sessionId: session.id,
|
||||
role: 'assistant',
|
||||
content: response.reply,
|
||||
});
|
||||
|
||||
return {
|
||||
sessionId: session.id,
|
||||
reply: response.reply,
|
||||
action: response.action,
|
||||
record: response.record,
|
||||
};
|
||||
}
|
||||
|
||||
// Get OpenAI credentials from tenant integrations
|
||||
const credentials = await this.aiAssistantService.getOpenAiConfig(resolvedTenantId);
|
||||
if (!credentials?.apiKey) {
|
||||
throw new Error('OpenAI credentials not configured for this tenant');
|
||||
}
|
||||
|
||||
// Create Deep Agent with tenant's credentials
|
||||
const deepAgent = new DeepAgentOrchestrator(credentials.apiKey, credentials.model);
|
||||
|
||||
// Use Deep Agent to select the best process
|
||||
const processInfos = processes.map((p) => ({
|
||||
id: p.id,
|
||||
name: p.name,
|
||||
description: p.description || undefined,
|
||||
}));
|
||||
|
||||
const selection = await deepAgent.selectProcess(
|
||||
message,
|
||||
processInfos,
|
||||
history as any,
|
||||
);
|
||||
|
||||
// If we need more information or no match, respond with question
|
||||
if (selection.action === 'need_more_info' || selection.action === 'no_match') {
|
||||
const reply = selection.question || selection.reasoning ||
|
||||
'I\'m not sure which process to use. Could you provide more details?';
|
||||
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'final',
|
||||
data: { reply, needsMoreInfo: true },
|
||||
});
|
||||
|
||||
await AiChatMessage.query(knex).insert({
|
||||
sessionId: session.id,
|
||||
role: 'assistant',
|
||||
content: reply,
|
||||
});
|
||||
|
||||
return { sessionId: session.id, reply, needsMoreInfo: true };
|
||||
}
|
||||
|
||||
// Process selected - find it and execute
|
||||
const selectedProcess = processes.find((p) => p.id === selection.processId);
|
||||
if (!selectedProcess) {
|
||||
throw new Error('Selected process not found.');
|
||||
}
|
||||
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'process_selected',
|
||||
processId: selectedProcess.id,
|
||||
version: selectedProcess.latestVersion,
|
||||
data: { processName: selectedProcess.name, reasoning: selection.reasoning },
|
||||
});
|
||||
|
||||
// Extract inputs from the message
|
||||
// For now, we'll use a simple approach - just pass the message as input
|
||||
// In a more sophisticated implementation, we'd use the deep agent to extract structured inputs
|
||||
const startMessage = await deepAgent.generateStartMessage(
|
||||
selectedProcess.name,
|
||||
{ message },
|
||||
);
|
||||
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'agent_message',
|
||||
data: { message: startMessage },
|
||||
});
|
||||
|
||||
await AiChatMessage.query(knex).insert({
|
||||
sessionId: session.id,
|
||||
role: 'assistant',
|
||||
content: startMessage,
|
||||
});
|
||||
|
||||
const { run, result } = await this.processesService.createRun(
|
||||
resolvedTenantId,
|
||||
userId,
|
||||
selectedProcess.id,
|
||||
{ message, context: context || {} },
|
||||
session.id,
|
||||
(payload) => this.streamService.emit(session.id, payload),
|
||||
);
|
||||
|
||||
// Emit final event
|
||||
this.streamService.emit(session.id, {
|
||||
type: 'final',
|
||||
data: {
|
||||
runId: run.id,
|
||||
status: result.status,
|
||||
output: result.output,
|
||||
message: result.status === 'completed'
|
||||
? '✅ Workflow completed successfully!'
|
||||
: result.status === 'error'
|
||||
? `❌ Workflow failed: ${result.error?.message || 'Unknown error'}`
|
||||
: '⏸️ Workflow paused',
|
||||
},
|
||||
});
|
||||
|
||||
await AiChatMessage.query(knex).insert({
|
||||
sessionId: session.id,
|
||||
role: 'assistant',
|
||||
content: result.status === 'completed'
|
||||
? '✅ Workflow completed successfully!'
|
||||
: result.status === 'error'
|
||||
? `❌ Workflow failed: ${result.error?.message || 'Unknown error'}`
|
||||
: '⏸️ Workflow paused',
|
||||
});
|
||||
|
||||
return { sessionId: session.id, runId: run.id, status: result.status };
|
||||
}
|
||||
}
|
||||
@@ -1,222 +0,0 @@
|
||||
import { apply as applyJsonLogic } from 'json-logic-js';
|
||||
import Ajv from 'ajv';
|
||||
import { ToolRegistry, ToolContext } from './tools/tool-registry';
|
||||
import {
|
||||
AiProcessEventPayload,
|
||||
CompiledGraph,
|
||||
ProcessGraphNode,
|
||||
} from './ai-processes.types';
|
||||
|
||||
export interface RunOptions {
|
||||
compiledGraph: CompiledGraph;
|
||||
input: Record<string, unknown>;
|
||||
toolRegistry: ToolRegistry;
|
||||
toolContext: ToolContext;
|
||||
onEvent?: (event: AiProcessEventPayload) => void;
|
||||
llmDecision: (
|
||||
node: ProcessGraphNode,
|
||||
state: Record<string, unknown>,
|
||||
) => Promise<Record<string, unknown>>;
|
||||
}
|
||||
|
||||
export interface RunResult {
|
||||
status: 'running' | 'waiting' | 'completed' | 'error';
|
||||
state: Record<string, unknown>;
|
||||
currentNodeId?: string;
|
||||
output?: Record<string, unknown>;
|
||||
error?: Record<string, unknown>;
|
||||
}
|
||||
|
||||
export const runCompiledGraph = async (
|
||||
options: RunOptions,
|
||||
startNodeId?: string,
|
||||
): Promise<RunResult> => {
|
||||
const {
|
||||
compiledGraph,
|
||||
input,
|
||||
toolRegistry,
|
||||
toolContext,
|
||||
onEvent,
|
||||
llmDecision,
|
||||
} = options;
|
||||
|
||||
const state: Record<string, unknown> = { ...input };
|
||||
let currentNodeId = startNodeId ?? compiledGraph.startNodeId;
|
||||
let iterations = 0;
|
||||
const maxIterations = compiledGraph.maxIterations ?? 50;
|
||||
|
||||
const emit = (payload: AiProcessEventPayload) => {
|
||||
if (onEvent) {
|
||||
onEvent(payload);
|
||||
}
|
||||
};
|
||||
|
||||
while (currentNodeId) {
|
||||
if (
|
||||
compiledGraph.nodes.length > 0 &&
|
||||
compiledGraph.endNodeIds.includes(currentNodeId)
|
||||
) {
|
||||
emit({ type: 'node_started', nodeId: currentNodeId });
|
||||
emit({ type: 'node_completed', nodeId: currentNodeId });
|
||||
emit({ type: 'final', data: { output: state } });
|
||||
return { status: 'completed', state, output: state };
|
||||
}
|
||||
|
||||
const node = compiledGraph.nodes.find((item) => item.id === currentNodeId);
|
||||
if (!node) {
|
||||
return {
|
||||
status: 'error',
|
||||
state,
|
||||
error: { message: `Node ${currentNodeId} not found.` },
|
||||
};
|
||||
}
|
||||
|
||||
emit({ type: 'node_started', nodeId: node.id });
|
||||
|
||||
if (node.type === 'LLMDecisionNode') {
|
||||
const output = await llmDecision(node, state);
|
||||
validateNodeOutput(node, output);
|
||||
Object.assign(state, output);
|
||||
}
|
||||
|
||||
if (node.type === 'ToolNode') {
|
||||
const toolName = (node.data as { toolName: string }).toolName;
|
||||
emit({ type: 'tool_called', nodeId: node.id, toolName });
|
||||
const tool = toolRegistry.getTool(toolName);
|
||||
const argsTemplate = (node.data as { argsTemplate: Record<string, unknown> })
|
||||
.argsTemplate;
|
||||
const resolvedArgs = resolveTemplate(argsTemplate, state);
|
||||
|
||||
// Debug logging
|
||||
console.log(`[ToolNode ${node.id}] Tool: ${toolName}`);
|
||||
console.log(`[ToolNode ${node.id}] State keys:`, Object.keys(state));
|
||||
console.log(`[ToolNode ${node.id}] ArgsTemplate:`, JSON.stringify(argsTemplate));
|
||||
console.log(`[ToolNode ${node.id}] ResolvedArgs:`, JSON.stringify(resolvedArgs));
|
||||
|
||||
const toolResult = await tool(toolContext, {
|
||||
...resolvedArgs,
|
||||
state,
|
||||
});
|
||||
|
||||
console.log(`[ToolNode ${node.id}] ToolResult:`, JSON.stringify(toolResult));
|
||||
|
||||
const outputMapping = (node.data as { outputMapping: Record<string, string> })
|
||||
.outputMapping;
|
||||
Object.entries(outputMapping).forEach(([key, path]) => {
|
||||
console.log(`[ToolNode ${node.id}] Mapping: toolResult['${key}'] = ${toolResult[key]} -> state['${path}']`);
|
||||
state[path] = toolResult[key];
|
||||
});
|
||||
}
|
||||
|
||||
if (node.type === 'HumanInputNode') {
|
||||
const data = node.data as {
|
||||
requiredFieldsSchema: Record<string, unknown>;
|
||||
promptToUser: string;
|
||||
};
|
||||
emit({
|
||||
type: 'need_input',
|
||||
nodeId: node.id,
|
||||
data: {
|
||||
requiredFieldsSchema: data.requiredFieldsSchema,
|
||||
promptToUser: data.promptToUser,
|
||||
},
|
||||
});
|
||||
return { status: 'waiting', state, currentNodeId: node.id };
|
||||
}
|
||||
|
||||
emit({ type: 'node_completed', nodeId: node.id });
|
||||
|
||||
const nextTargets = compiledGraph.edges.filter(
|
||||
(edge) => edge.source === node.id,
|
||||
);
|
||||
|
||||
if (nextTargets.length === 0) {
|
||||
return {
|
||||
status: 'error',
|
||||
state,
|
||||
error: { message: `No outgoing edges for node ${node.id}.` },
|
||||
};
|
||||
}
|
||||
|
||||
const selectedEdge = selectEdge(nextTargets, state);
|
||||
if (!selectedEdge) {
|
||||
return {
|
||||
status: 'error',
|
||||
state,
|
||||
error: { message: `No edge conditions matched for node ${node.id}.` },
|
||||
};
|
||||
}
|
||||
|
||||
currentNodeId = selectedEdge.target;
|
||||
iterations += 1;
|
||||
|
||||
if (!compiledGraph.allowCycles && iterations > compiledGraph.nodes.length) {
|
||||
return {
|
||||
status: 'error',
|
||||
state,
|
||||
error: { message: 'Cycle detected during execution.' },
|
||||
};
|
||||
}
|
||||
|
||||
if (compiledGraph.allowCycles && iterations > maxIterations) {
|
||||
return {
|
||||
status: 'error',
|
||||
state,
|
||||
error: { message: 'Max iterations exceeded.' },
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
return { status: 'completed', state, output: state };
|
||||
};
|
||||
|
||||
const resolveTemplate = (
|
||||
template: Record<string, unknown>,
|
||||
state: Record<string, unknown>,
|
||||
) => {
|
||||
return Object.entries(template).reduce<Record<string, unknown>>(
|
||||
(acc, [key, value]) => {
|
||||
if (typeof value === 'string' && value.startsWith('{{state.')) {
|
||||
const path = value.replace('{{state.', '').replace('}}', '');
|
||||
acc[key] = state[path];
|
||||
} else {
|
||||
acc[key] = value;
|
||||
}
|
||||
return acc;
|
||||
},
|
||||
{},
|
||||
);
|
||||
};
|
||||
|
||||
const selectEdge = (
|
||||
edges: { condition?: Record<string, unknown>; target: string }[],
|
||||
state: Record<string, unknown>,
|
||||
) => {
|
||||
if (edges.length === 1) return edges[0];
|
||||
|
||||
return edges.find((edge) => {
|
||||
if (!edge.condition) return true;
|
||||
try {
|
||||
return Boolean(applyJsonLogic(edge.condition, state));
|
||||
} catch (error) {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const validateNodeOutput = (
|
||||
node: ProcessGraphNode,
|
||||
output: Record<string, unknown>,
|
||||
) => {
|
||||
const schema = (node.data as { outputSchema?: Record<string, unknown> })
|
||||
.outputSchema;
|
||||
if (!schema) return;
|
||||
const ajv = new Ajv({ allErrors: true, strict: false });
|
||||
const validate = ajv.compile(schema);
|
||||
if (!validate(output)) {
|
||||
const errors = validate.errors?.map(e => `${e.instancePath} ${e.message}`).join(', ');
|
||||
throw new Error(
|
||||
`LLM output invalid for node ${node.id}. Errors: ${errors}. Output: ${JSON.stringify(output)}`
|
||||
);
|
||||
}
|
||||
};
|
||||
@@ -1,79 +0,0 @@
|
||||
import Ajv, { JSONSchemaType } from 'ajv';
|
||||
import addFormats from 'ajv-formats';
|
||||
import {
|
||||
AiNodeType,
|
||||
ProcessGraphDefinition,
|
||||
ProcessGraphEdge,
|
||||
ProcessGraphNode,
|
||||
} from './ai-processes.types';
|
||||
|
||||
const nodeTypes: AiNodeType[] = [
|
||||
'Start',
|
||||
'LLMDecisionNode',
|
||||
'ToolNode',
|
||||
'HumanInputNode',
|
||||
'End',
|
||||
];
|
||||
|
||||
export const graphSchema: any = {
|
||||
type: 'object',
|
||||
required: ['id', 'name', 'nodes', 'edges'],
|
||||
additionalProperties: false,
|
||||
properties: {
|
||||
id: { type: 'string' },
|
||||
name: { type: 'string' },
|
||||
description: { type: 'string', nullable: true },
|
||||
allowCycles: { type: 'boolean', nullable: true },
|
||||
maxIterations: { type: 'number', nullable: true },
|
||||
nodes: {
|
||||
type: 'array',
|
||||
items: { $ref: '#/definitions/processGraphNode' },
|
||||
minItems: 1,
|
||||
},
|
||||
edges: {
|
||||
type: 'array',
|
||||
items: { $ref: '#/definitions/processGraphEdge' },
|
||||
minItems: 0,
|
||||
},
|
||||
},
|
||||
definitions: {
|
||||
processGraphEdge: {
|
||||
type: 'object',
|
||||
required: ['id', 'source', 'target'],
|
||||
additionalProperties: false,
|
||||
properties: {
|
||||
id: { type: 'string' },
|
||||
source: { type: 'string' },
|
||||
target: { type: 'string' },
|
||||
condition: { type: 'object', nullable: true },
|
||||
},
|
||||
},
|
||||
processGraphNode: {
|
||||
type: 'object',
|
||||
required: ['id', 'type', 'data'],
|
||||
additionalProperties: false,
|
||||
properties: {
|
||||
id: { type: 'string' },
|
||||
type: { type: 'string', enum: nodeTypes },
|
||||
position: {
|
||||
type: 'object',
|
||||
nullable: true,
|
||||
required: ['x', 'y'],
|
||||
additionalProperties: false,
|
||||
properties: {
|
||||
x: { type: 'number' },
|
||||
y: { type: 'number' },
|
||||
},
|
||||
},
|
||||
data: { type: 'object' },
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const createAjv = () => {
|
||||
const ajv = new Ajv({ allErrors: true, strict: false });
|
||||
addFormats(ajv);
|
||||
ajv.addSchema(graphSchema, 'processGraph');
|
||||
return ajv;
|
||||
};
|
||||
@@ -1,319 +0,0 @@
|
||||
import { Injectable } from '@nestjs/common';
|
||||
import { randomUUID } from 'crypto';
|
||||
import { Knex } from 'knex';
|
||||
import { TenantDatabaseService } from '../tenant/tenant-database.service';
|
||||
import {
|
||||
AiAuditEvent,
|
||||
AiProcess,
|
||||
AiProcessRun,
|
||||
AiProcessVersion,
|
||||
} from '../models/ai-process.model';
|
||||
import { compileProcessGraph } from './ai-processes.compiler';
|
||||
import { runCompiledGraph } from './ai-processes.runner';
|
||||
import {
|
||||
AiProcessEventPayload,
|
||||
CompiledGraph,
|
||||
ProcessGraphDefinition,
|
||||
} from './ai-processes.types';
|
||||
import { ToolRegistry } from './tools/tool-registry';
|
||||
import { demoTools } from './tools/demo-tools';
|
||||
|
||||
@Injectable()
|
||||
export class AiProcessesService {
|
||||
constructor(private readonly tenantDbService: TenantDatabaseService) {}
|
||||
|
||||
private async getTenantContext(tenantId: string) {
|
||||
const resolvedTenantId = await this.tenantDbService.resolveTenantId(tenantId);
|
||||
const knex = await this.tenantDbService.getTenantKnexById(resolvedTenantId);
|
||||
return { knex, tenantId: resolvedTenantId };
|
||||
}
|
||||
|
||||
async listProcesses(tenantId: string) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
return AiProcess.query(knex)
|
||||
.withGraphFetched('versions')
|
||||
.orderBy('created_at', 'desc');
|
||||
}
|
||||
|
||||
async getProcess(tenantId: string, processId: string) {
|
||||
const { knex } = await this.getTenantContext(tenantId);
|
||||
return AiProcess.query(knex)
|
||||
.findById(processId)
|
||||
.withGraphFetched('versions');
|
||||
}
|
||||
|
||||
async createProcess(
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
name: string,
|
||||
description: string | undefined,
|
||||
graph: ProcessGraphDefinition,
|
||||
) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
const compiled = compileProcessGraph(graph, {
|
||||
tenantId: resolvedTenantId,
|
||||
version: 1,
|
||||
});
|
||||
|
||||
return knex.transaction(async (trx) => {
|
||||
const processId = randomUUID();
|
||||
|
||||
await AiProcess.query(trx).insert({
|
||||
id: processId,
|
||||
name,
|
||||
description,
|
||||
latestVersion: 1,
|
||||
createdBy: userId,
|
||||
});
|
||||
|
||||
await trx('ai_process_versions').insert({
|
||||
id: randomUUID(),
|
||||
process_id: processId,
|
||||
version: 1,
|
||||
graph_json: JSON.stringify(graph),
|
||||
compiled_json: JSON.stringify(compiled),
|
||||
created_by: userId,
|
||||
created_at: new Date(),
|
||||
});
|
||||
|
||||
return AiProcess.query(trx)
|
||||
.findById(processId)
|
||||
.withGraphFetched('versions');
|
||||
});
|
||||
}
|
||||
|
||||
async createProcessVersion(
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
processId: string,
|
||||
graph: ProcessGraphDefinition,
|
||||
) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
|
||||
const process = await AiProcess.query(knex).findById(processId);
|
||||
if (!process) {
|
||||
throw new Error('Process not found.');
|
||||
}
|
||||
|
||||
const nextVersion = process.latestVersion + 1;
|
||||
const compiled = compileProcessGraph(graph, {
|
||||
tenantId: resolvedTenantId,
|
||||
version: nextVersion,
|
||||
});
|
||||
|
||||
return knex.transaction(async (trx) => {
|
||||
await AiProcess.query(trx)
|
||||
.findById(processId)
|
||||
.patch({ latestVersion: nextVersion });
|
||||
|
||||
const versionId = randomUUID();
|
||||
await trx('ai_process_versions').insert({
|
||||
id: versionId,
|
||||
process_id: processId,
|
||||
version: nextVersion,
|
||||
graph_json: JSON.stringify(graph),
|
||||
compiled_json: JSON.stringify(compiled),
|
||||
created_by: userId,
|
||||
created_at: new Date(),
|
||||
});
|
||||
|
||||
return AiProcessVersion.query(trx).findById(versionId);
|
||||
});
|
||||
}
|
||||
|
||||
async listProcessVersions(tenantId: string, processId: string) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
return AiProcessVersion.query(knex)
|
||||
.where({ process_id: processId })
|
||||
.orderBy('version', 'desc');
|
||||
}
|
||||
|
||||
async createRun(
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
processId: string,
|
||||
input: Record<string, unknown>,
|
||||
sessionId: string | undefined,
|
||||
emitEvent?: (payload: AiProcessEventPayload) => void,
|
||||
) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
const process = await AiProcess.query(knex).findById(processId);
|
||||
if (!process) {
|
||||
throw new Error('Process not found.');
|
||||
}
|
||||
|
||||
const versionRecord = await AiProcessVersion.query(knex).findOne({
|
||||
process_id: processId,
|
||||
version: process.latestVersion,
|
||||
});
|
||||
|
||||
if (!versionRecord) {
|
||||
throw new Error('Process version not found.');
|
||||
}
|
||||
|
||||
const runId = randomUUID();
|
||||
await AiProcessRun.query(knex).insert({
|
||||
id: runId,
|
||||
processId,
|
||||
version: versionRecord.version,
|
||||
status: 'running',
|
||||
inputJson: input,
|
||||
stateJson: input,
|
||||
currentNodeId: null,
|
||||
});
|
||||
|
||||
const run = await AiProcessRun.query(knex).findById(runId);
|
||||
if (!run) {
|
||||
throw new Error('Run not created.');
|
||||
}
|
||||
|
||||
const compiled = versionRecord.compiledJson as unknown as CompiledGraph;
|
||||
const toolRegistry = new ToolRegistry(demoTools);
|
||||
await toolRegistry.loadTenantAllowlist(resolvedTenantId, knex);
|
||||
|
||||
const emitAndAudit = (event: AiProcessEventPayload) => {
|
||||
emitEvent?.(event);
|
||||
void AiAuditEvent.query(knex).insert({
|
||||
id: randomUUID(),
|
||||
runId,
|
||||
eventType: event.type,
|
||||
payloadJson: event as any,
|
||||
});
|
||||
};
|
||||
const result = await runCompiledGraph(
|
||||
{
|
||||
compiledGraph: compiled,
|
||||
input,
|
||||
toolRegistry,
|
||||
toolContext: { tenantId: resolvedTenantId, userId, knex },
|
||||
onEvent: (event) => emitAndAudit({ ...event, runId, sessionId }),
|
||||
llmDecision: async (node, state) =>
|
||||
this.mockDecision(node.id, state),
|
||||
},
|
||||
run.currentNodeId ?? undefined,
|
||||
);
|
||||
|
||||
const updatedRun = await this.persistRunResult(runId, result, knex);
|
||||
|
||||
return { run: updatedRun, result };
|
||||
}
|
||||
|
||||
async resumeRun(
|
||||
tenantId: string,
|
||||
userId: string,
|
||||
runId: string,
|
||||
input: Record<string, unknown>,
|
||||
sessionId: string | undefined,
|
||||
emitEvent?: (payload: AiProcessEventPayload) => void,
|
||||
) {
|
||||
const { knex, tenantId: resolvedTenantId } =
|
||||
await this.getTenantContext(tenantId);
|
||||
const run = await AiProcessRun.query(knex).findById(runId);
|
||||
if (!run) {
|
||||
throw new Error('Run not found.');
|
||||
}
|
||||
const versionRecord = await AiProcessVersion.query(knex).findOne({
|
||||
process_id: run.processId,
|
||||
version: run.version,
|
||||
});
|
||||
if (!versionRecord) {
|
||||
throw new Error('Process version not found.');
|
||||
}
|
||||
|
||||
const compiled = versionRecord.compiledJson as unknown as CompiledGraph;
|
||||
const toolRegistry = new ToolRegistry(demoTools);
|
||||
await toolRegistry.loadTenantAllowlist(resolvedTenantId, knex);
|
||||
|
||||
const mergedState = { ...(run.stateJson || {}), ...input };
|
||||
const emitAndAudit = (event: AiProcessEventPayload) => {
|
||||
emitEvent?.(event);
|
||||
void AiAuditEvent.query(knex).insert({
|
||||
id: randomUUID(),
|
||||
runId: run.id,
|
||||
eventType: event.type,
|
||||
payloadJson: event as any,
|
||||
});
|
||||
};
|
||||
|
||||
const result = await runCompiledGraph(
|
||||
{
|
||||
compiledGraph: compiled,
|
||||
input: mergedState,
|
||||
toolRegistry,
|
||||
toolContext: { tenantId: resolvedTenantId, userId, knex },
|
||||
onEvent: (event) =>
|
||||
emitAndAudit({ ...event, runId: run.id, sessionId }),
|
||||
llmDecision: async (node, state) =>
|
||||
this.mockDecision(node.id, state),
|
||||
},
|
||||
run.currentNodeId ?? undefined,
|
||||
);
|
||||
|
||||
const updatedRun = await this.persistRunResult(run.id, result, knex);
|
||||
|
||||
return { run: updatedRun, result };
|
||||
}
|
||||
|
||||
private async persistRunResult(runId: string, result: any, knex: Knex) {
|
||||
const endedAt =
|
||||
result.status === 'completed' || result.status === 'error'
|
||||
? new Date()
|
||||
: null;
|
||||
|
||||
return AiProcessRun.query(knex).patchAndFetchById(runId, {
|
||||
status: result.status,
|
||||
outputJson: result.output,
|
||||
errorJson: result.error,
|
||||
stateJson: result.state,
|
||||
currentNodeId: result.currentNodeId ?? null,
|
||||
endedAt,
|
||||
});
|
||||
}
|
||||
|
||||
private async mockDecision(
|
||||
nodeId: string,
|
||||
state: Record<string, unknown>,
|
||||
) {
|
||||
if (nodeId === 'extract_info') {
|
||||
// Extract pet registration info from the message
|
||||
const message = (state.message as string) || '';
|
||||
|
||||
// Simple extraction (in production, this would use an LLM)
|
||||
const petNameMatch = message.match(/(?:dog|cat|pet)\s+named\s+(\w+)/i);
|
||||
const petTypeMatch = message.match(/(dog|cat)/i);
|
||||
const ownerNameMatch = message.match(/owned\s+by\s+([\w\s]+?)(?:\s*\(|$)/i);
|
||||
const emailMatch = message.match(/\(?([\w\.-]+@[\w\.-]+\.\w+)\)?/i);
|
||||
|
||||
const ownerName = ownerNameMatch?.[1]?.trim() || 'Unknown Owner';
|
||||
const nameParts = ownerName.split(/\s+/);
|
||||
const firstName = nameParts[0] || 'Unknown';
|
||||
const lastName = nameParts.slice(1).join(' ') || 'Owner';
|
||||
|
||||
return {
|
||||
petName: petNameMatch?.[1] || 'Unknown Pet',
|
||||
species: petTypeMatch?.[1]?.toLowerCase() || 'dog',
|
||||
ownerFirstName: firstName,
|
||||
ownerLastName: lastName,
|
||||
ownerEmail: emailMatch?.[1] || null,
|
||||
accountName: `${firstName} ${lastName}`,
|
||||
};
|
||||
}
|
||||
if (nodeId === 'decide_account') {
|
||||
const accountName = (state.accountName as string) ?? 'New Account';
|
||||
const accountAction = state.accountId ? 'find' : 'create';
|
||||
return { accountAction, accountName };
|
||||
}
|
||||
if (nodeId === 'decide_contact') {
|
||||
const firstName = (state.firstName as string) ?? 'Jane';
|
||||
const lastName = (state.lastName as string) ?? 'Doe';
|
||||
const contactAction = state.contactId ? 'find' : 'create';
|
||||
return { contactAction, firstName, lastName };
|
||||
}
|
||||
return {};
|
||||
}
|
||||
}
|
||||
@@ -1,33 +0,0 @@
|
||||
import { Injectable } from '@nestjs/common';
|
||||
import { MessageEvent } from '@nestjs/common';
|
||||
import { Observable, Subject } from 'rxjs';
|
||||
import { AiProcessEventPayload } from './ai-processes.types';
|
||||
|
||||
@Injectable()
|
||||
export class AiProcessesStreamService {
|
||||
private readonly streams = new Map<string, Subject<MessageEvent>>();
|
||||
|
||||
getStream(sessionId: string): Observable<MessageEvent> {
|
||||
return this.getSubject(sessionId).asObservable();
|
||||
}
|
||||
|
||||
emit(sessionId: string, payload: AiProcessEventPayload) {
|
||||
const subject = this.getSubject(sessionId);
|
||||
subject.next({ type: payload.type, data: payload });
|
||||
}
|
||||
|
||||
close(sessionId: string) {
|
||||
const subject = this.streams.get(sessionId);
|
||||
if (subject) {
|
||||
subject.complete();
|
||||
this.streams.delete(sessionId);
|
||||
}
|
||||
}
|
||||
|
||||
private getSubject(sessionId: string) {
|
||||
if (!this.streams.has(sessionId)) {
|
||||
this.streams.set(sessionId, new Subject<MessageEvent>());
|
||||
}
|
||||
return this.streams.get(sessionId) as Subject<MessageEvent>;
|
||||
}
|
||||
}
|
||||
@@ -1,125 +0,0 @@
|
||||
import { JSONSchema7 } from 'json-schema';
|
||||
|
||||
export type AiNodeType =
|
||||
| 'Start'
|
||||
| 'LLMDecisionNode'
|
||||
| 'ToolNode'
|
||||
| 'HumanInputNode'
|
||||
| 'End';
|
||||
|
||||
export interface ProcessGraphDefinition {
|
||||
id: string;
|
||||
name: string;
|
||||
description?: string;
|
||||
allowCycles?: boolean;
|
||||
maxIterations?: number;
|
||||
nodes: ProcessGraphNode[];
|
||||
edges: ProcessGraphEdge[];
|
||||
}
|
||||
|
||||
export interface ProcessGraphNode {
|
||||
id: string;
|
||||
type: AiNodeType;
|
||||
position?: { x: number; y: number };
|
||||
data:
|
||||
| StartNodeData
|
||||
| LLMDecisionNodeData
|
||||
| ToolNodeData
|
||||
| HumanInputNodeData
|
||||
| EndNodeData;
|
||||
}
|
||||
|
||||
export interface ProcessGraphEdge {
|
||||
id: string;
|
||||
source: string;
|
||||
target: string;
|
||||
condition?: JsonLogicExpression;
|
||||
}
|
||||
|
||||
export type JsonLogicExpression = Record<string, unknown>;
|
||||
|
||||
export interface StartNodeData {
|
||||
label?: string;
|
||||
}
|
||||
|
||||
export interface EndNodeData {
|
||||
label?: string;
|
||||
}
|
||||
|
||||
export interface LLMDecisionNodeData {
|
||||
label?: string;
|
||||
promptTemplate: string;
|
||||
inputKeys: string[];
|
||||
outputSchema: JSONSchema7;
|
||||
model: {
|
||||
name: string;
|
||||
temperature: number;
|
||||
};
|
||||
}
|
||||
|
||||
export interface ToolNodeData {
|
||||
label?: string;
|
||||
toolName: string;
|
||||
argsTemplate: Record<string, unknown>;
|
||||
outputMapping: Record<string, string>;
|
||||
}
|
||||
|
||||
export interface HumanInputNodeData {
|
||||
label?: string;
|
||||
requiredFieldsSchema: JSONSchema7;
|
||||
promptToUser: string;
|
||||
}
|
||||
|
||||
export interface CompiledGraph {
|
||||
graphId: string;
|
||||
version: number;
|
||||
nodes: ProcessGraphNode[];
|
||||
edges: ProcessGraphEdge[];
|
||||
startNodeId: string;
|
||||
endNodeIds: string[];
|
||||
adjacency: Record<string, string[]>;
|
||||
allowCycles?: boolean;
|
||||
maxIterations?: number;
|
||||
}
|
||||
|
||||
export type AiProcessStatus = 'running' | 'waiting' | 'completed' | 'error';
|
||||
|
||||
export interface AiProcessRunContext {
|
||||
state: Record<string, unknown>;
|
||||
currentNodeId?: string;
|
||||
iterationCount?: number;
|
||||
}
|
||||
|
||||
export type AiProcessEventType =
|
||||
| 'agent_started'
|
||||
| 'processes_listed'
|
||||
| 'process_selected'
|
||||
| 'agent_message'
|
||||
| 'node_started'
|
||||
| 'tool_called'
|
||||
| 'node_completed'
|
||||
| 'need_input'
|
||||
| 'final'
|
||||
| 'error';
|
||||
|
||||
export interface AiProcessEventPayload {
|
||||
type: AiProcessEventType;
|
||||
runId?: string;
|
||||
sessionId?: string;
|
||||
nodeId?: string;
|
||||
toolName?: string;
|
||||
processId?: string;
|
||||
version?: number;
|
||||
data?: Record<string, unknown>;
|
||||
}
|
||||
|
||||
export interface NeedInputPayload {
|
||||
runId: string;
|
||||
requiredFieldsSchema: JSONSchema7;
|
||||
promptToUser: string;
|
||||
}
|
||||
|
||||
export interface ProcessSelection {
|
||||
processId: string;
|
||||
version: number;
|
||||
}
|
||||
@@ -1,202 +0,0 @@
|
||||
import { ChatOpenAI } from '@langchain/openai';
|
||||
import { JsonOutputParser } from '@langchain/core/output_parsers';
|
||||
import { SystemMessage, HumanMessage } from '@langchain/core/messages';
|
||||
|
||||
export interface ProcessInfo {
|
||||
id: string;
|
||||
name: string;
|
||||
description?: string;
|
||||
}
|
||||
|
||||
export interface ProcessSelectionResult {
|
||||
action: 'select_process' | 'need_more_info' | 'no_match';
|
||||
processId?: string;
|
||||
question?: string;
|
||||
reasoning?: string;
|
||||
}
|
||||
|
||||
export interface InputExtractionResult {
|
||||
hasAllInputs: boolean;
|
||||
extractedInputs: Record<string, unknown>;
|
||||
missingFields?: string[];
|
||||
question?: string;
|
||||
}
|
||||
|
||||
export class DeepAgentOrchestrator {
|
||||
private model: ChatOpenAI;
|
||||
|
||||
constructor(
|
||||
apiKey: string,
|
||||
modelName: string = 'gpt-4o',
|
||||
temperature: number = 0,
|
||||
) {
|
||||
this.model = new ChatOpenAI({
|
||||
apiKey,
|
||||
modelName,
|
||||
temperature,
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Step 1: Select the best matching process from available processes
|
||||
*/
|
||||
async selectProcess(
|
||||
userMessage: string,
|
||||
availableProcesses: ProcessInfo[],
|
||||
conversationHistory?: { role: string; text: string }[],
|
||||
): Promise<ProcessSelectionResult> {
|
||||
const processList = availableProcesses
|
||||
.map((p) => `- ${p.name} (ID: ${p.id}): ${p.description || 'No description'}`)
|
||||
.join('\n');
|
||||
|
||||
const historyContext =
|
||||
conversationHistory && conversationHistory.length > 0
|
||||
? `\n\nConversation history:\n${conversationHistory
|
||||
.map((msg) => `${msg.role}: ${msg.text}`)
|
||||
.join('\n')}`
|
||||
: '';
|
||||
|
||||
const systemPrompt = `You are an intelligent process orchestrator. Your task is to select the most appropriate business process based on the user's request.
|
||||
|
||||
Available processes:
|
||||
${processList}
|
||||
|
||||
Rules:
|
||||
1. Select exactly ONE process that best matches the user's intent
|
||||
2. If the request is ambiguous or matches multiple processes, ask for clarification
|
||||
3. If no process matches, indicate no match
|
||||
4. Always provide reasoning for your decision
|
||||
|
||||
Respond with JSON:
|
||||
{
|
||||
"action": "select_process" | "need_more_info" | "no_match",
|
||||
"processId": "selected process ID or null",
|
||||
"question": "clarifying question if needed",
|
||||
"reasoning": "brief explanation of decision"
|
||||
}`;
|
||||
|
||||
const userPrompt = `User request: ${userMessage}${historyContext}`;
|
||||
|
||||
try {
|
||||
const response = await this.model.invoke([
|
||||
new SystemMessage(systemPrompt),
|
||||
new HumanMessage(userPrompt),
|
||||
]);
|
||||
|
||||
const parser = new JsonOutputParser<ProcessSelectionResult>();
|
||||
const content = response.content as string;
|
||||
const jsonMatch = content.match(/\{[\s\S]*\}/);
|
||||
|
||||
if (jsonMatch) {
|
||||
return await parser.parse(jsonMatch[0]);
|
||||
}
|
||||
|
||||
return {
|
||||
action: 'no_match',
|
||||
reasoning: 'Failed to parse LLM response',
|
||||
};
|
||||
} catch (error: any) {
|
||||
console.error('Process selection error:', error);
|
||||
return {
|
||||
action: 'no_match',
|
||||
reasoning: `Error: ${error.message}`,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Step 2: Extract required inputs from user message
|
||||
*/
|
||||
async extractInputs(
|
||||
userMessage: string,
|
||||
requiredFields: { name: string; description: string; required: boolean }[],
|
||||
conversationHistory?: { role: string; text: string }[],
|
||||
context?: Record<string, unknown>,
|
||||
): Promise<InputExtractionResult> {
|
||||
const fieldsList = requiredFields
|
||||
.map((f) => `- ${f.name} (${f.required ? 'required' : 'optional'}): ${f.description}`)
|
||||
.join('\n');
|
||||
|
||||
const historyContext =
|
||||
conversationHistory && conversationHistory.length > 0
|
||||
? `\n\nConversation history:\n${conversationHistory
|
||||
.map((msg) => `${msg.role}: ${msg.text}`)
|
||||
.join('\n')}`
|
||||
: '';
|
||||
|
||||
const contextInfo = context ? `\n\nAvailable context: ${JSON.stringify(context)}` : '';
|
||||
|
||||
const systemPrompt = `You are an input extraction assistant. Extract structured data from the user's message and conversation history.
|
||||
|
||||
Required fields for this process:
|
||||
${fieldsList}${contextInfo}
|
||||
|
||||
Rules:
|
||||
1. Extract as many fields as possible from the message and context
|
||||
2. Only mark hasAllInputs=true if ALL required fields are present
|
||||
3. If required fields are missing, generate a natural question to ask the user
|
||||
4. Use context data when available (e.g., current page context)
|
||||
|
||||
Respond with JSON:
|
||||
{
|
||||
"hasAllInputs": true | false,
|
||||
"extractedInputs": { "field1": "value1", ... },
|
||||
"missingFields": ["field1", "field2"] or undefined,
|
||||
"question": "natural language question" or undefined
|
||||
}`;
|
||||
|
||||
const userPrompt = `User message: ${userMessage}${historyContext}`;
|
||||
|
||||
try {
|
||||
const response = await this.model.invoke([
|
||||
new SystemMessage(systemPrompt),
|
||||
new HumanMessage(userPrompt),
|
||||
]);
|
||||
|
||||
const parser = new JsonOutputParser<InputExtractionResult>();
|
||||
const content = response.content as string;
|
||||
const jsonMatch = content.match(/\{[\s\S]*\}/);
|
||||
|
||||
if (jsonMatch) {
|
||||
return await parser.parse(jsonMatch[0]);
|
||||
}
|
||||
|
||||
return {
|
||||
hasAllInputs: false,
|
||||
extractedInputs: {},
|
||||
missingFields: requiredFields.filter((f) => f.required).map((f) => f.name),
|
||||
question: 'I need more information to proceed. Could you provide additional details?',
|
||||
};
|
||||
} catch (error: any) {
|
||||
console.error('Input extraction error:', error);
|
||||
return {
|
||||
hasAllInputs: false,
|
||||
extractedInputs: {},
|
||||
question: 'I encountered an error processing your request. Please try again.',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Step 3: Generate a friendly response explaining what will happen
|
||||
*/
|
||||
async generateStartMessage(
|
||||
processName: string,
|
||||
extractedInputs: Record<string, unknown>,
|
||||
): Promise<string> {
|
||||
const systemPrompt = `You are a friendly assistant explaining what process will be executed. Be concise and clear.`;
|
||||
|
||||
const userPrompt = `Generate a brief message (1-2 sentences) confirming that you will execute the "${processName}" process with these inputs: ${JSON.stringify(extractedInputs)}`;
|
||||
|
||||
try {
|
||||
const response = await this.model.invoke([
|
||||
new SystemMessage(systemPrompt),
|
||||
new HumanMessage(userPrompt),
|
||||
]);
|
||||
|
||||
return (response.content as string).trim();
|
||||
} catch (error) {
|
||||
return `I'll execute the ${processName} process with your provided information.`;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,173 +0,0 @@
|
||||
import { ProcessGraphDefinition } from './ai-processes.types';
|
||||
|
||||
export const demoRegisterNewPetProcess: ProcessGraphDefinition = {
|
||||
id: 'register_new_pet',
|
||||
name: 'Register New Pet',
|
||||
description: 'Resolve account/contact then create pet.',
|
||||
allowCycles: false,
|
||||
nodes: [
|
||||
{
|
||||
id: 'start',
|
||||
type: 'Start',
|
||||
data: { label: 'Start' },
|
||||
},
|
||||
{
|
||||
id: 'decide_account',
|
||||
type: 'LLMDecisionNode',
|
||||
data: {
|
||||
label: 'Decide Account Action',
|
||||
promptTemplate:
|
||||
'Decide whether to find or create an account. Return JSON {"accountAction":"find|create","accountName":"string"}.',
|
||||
inputKeys: ['accountName'],
|
||||
outputSchema: {
|
||||
type: 'object',
|
||||
required: ['accountAction', 'accountName'],
|
||||
properties: {
|
||||
accountAction: { type: 'string', enum: ['find', 'create'] },
|
||||
accountName: { type: 'string' },
|
||||
},
|
||||
additionalProperties: false,
|
||||
},
|
||||
model: { name: 'gpt-4o-mini', temperature: 0 },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'find_account',
|
||||
type: 'ToolNode',
|
||||
data: {
|
||||
label: 'Find Account',
|
||||
toolName: 'findAccount',
|
||||
argsTemplate: { accountName: '{{state.accountName}}' },
|
||||
outputMapping: { accountId: 'accountId', found: 'accountFound' },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_account',
|
||||
type: 'ToolNode',
|
||||
data: {
|
||||
label: 'Create Account',
|
||||
toolName: 'createAccount',
|
||||
argsTemplate: { accountName: '{{state.accountName}}' },
|
||||
outputMapping: { accountId: 'accountId' },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'decide_contact',
|
||||
type: 'LLMDecisionNode',
|
||||
data: {
|
||||
label: 'Decide Contact Action',
|
||||
promptTemplate:
|
||||
'Decide whether to find or create a contact. Return JSON {"contactAction":"find|create","firstName":"string","lastName":"string"}.',
|
||||
inputKeys: ['firstName', 'lastName'],
|
||||
outputSchema: {
|
||||
type: 'object',
|
||||
required: ['contactAction', 'firstName', 'lastName'],
|
||||
properties: {
|
||||
contactAction: { type: 'string', enum: ['find', 'create'] },
|
||||
firstName: { type: 'string' },
|
||||
lastName: { type: 'string' },
|
||||
},
|
||||
additionalProperties: false,
|
||||
},
|
||||
model: { name: 'gpt-4o-mini', temperature: 0 },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'find_contact',
|
||||
type: 'ToolNode',
|
||||
data: {
|
||||
label: 'Find Contact',
|
||||
toolName: 'findContact',
|
||||
argsTemplate: {
|
||||
accountId: '{{state.accountId}}',
|
||||
firstName: '{{state.firstName}}',
|
||||
lastName: '{{state.lastName}}',
|
||||
},
|
||||
outputMapping: { contactId: 'contactId', found: 'contactFound' },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_contact',
|
||||
type: 'ToolNode',
|
||||
data: {
|
||||
label: 'Create Contact',
|
||||
toolName: 'createContact',
|
||||
argsTemplate: {
|
||||
accountId: '{{state.accountId}}',
|
||||
firstName: '{{state.firstName}}',
|
||||
lastName: '{{state.lastName}}',
|
||||
},
|
||||
outputMapping: { contactId: 'contactId' },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'need_pet',
|
||||
type: 'HumanInputNode',
|
||||
data: {
|
||||
label: 'Collect Pet Info',
|
||||
promptToUser: 'What is the pet name and type?',
|
||||
requiredFieldsSchema: {
|
||||
type: 'object',
|
||||
required: ['petName', 'petType'],
|
||||
properties: {
|
||||
petName: { type: 'string' },
|
||||
petType: { type: 'string' },
|
||||
},
|
||||
additionalProperties: false,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'create_pet',
|
||||
type: 'ToolNode',
|
||||
data: {
|
||||
label: 'Create Pet',
|
||||
toolName: 'createPet',
|
||||
argsTemplate: {
|
||||
contactId: '{{state.contactId}}',
|
||||
petName: '{{state.petName}}',
|
||||
petType: '{{state.petType}}',
|
||||
},
|
||||
outputMapping: { petId: 'petId' },
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'end',
|
||||
type: 'End',
|
||||
data: { label: 'End' },
|
||||
},
|
||||
],
|
||||
edges: [
|
||||
{ id: 'e_start_account', source: 'start', target: 'decide_account' },
|
||||
{
|
||||
id: 'e_account_find',
|
||||
source: 'decide_account',
|
||||
target: 'find_account',
|
||||
condition: { '==': [{ var: 'accountAction' }, 'find'] },
|
||||
},
|
||||
{
|
||||
id: 'e_account_create',
|
||||
source: 'decide_account',
|
||||
target: 'create_account',
|
||||
condition: { '==': [{ var: 'accountAction' }, 'create'] },
|
||||
},
|
||||
{ id: 'e_account_to_contact', source: 'find_account', target: 'decide_contact' },
|
||||
{ id: 'e_create_account_to_contact', source: 'create_account', target: 'decide_contact' },
|
||||
{
|
||||
id: 'e_contact_find',
|
||||
source: 'decide_contact',
|
||||
target: 'find_contact',
|
||||
condition: { '==': [{ var: 'contactAction' }, 'find'] },
|
||||
},
|
||||
{
|
||||
id: 'e_contact_create',
|
||||
source: 'decide_contact',
|
||||
target: 'create_contact',
|
||||
condition: { '==': [{ var: 'contactAction' }, 'create'] },
|
||||
},
|
||||
{ id: 'e_contact_to_pet', source: 'find_contact', target: 'need_pet' },
|
||||
{ id: 'e_create_contact_to_pet', source: 'create_contact', target: 'need_pet' },
|
||||
{ id: 'e_need_pet_to_create', source: 'need_pet', target: 'create_pet' },
|
||||
{ id: 'e_pet_to_end', source: 'create_pet', target: 'end' },
|
||||
],
|
||||
};
|
||||
@@ -1,28 +0,0 @@
|
||||
import { IsArray, IsObject, IsOptional, IsString } from 'class-validator';
|
||||
|
||||
export class CreateChatSessionDto {
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
context?: string;
|
||||
}
|
||||
|
||||
export class SendChatMessageDto {
|
||||
@IsString()
|
||||
message!: string;
|
||||
|
||||
@IsOptional()
|
||||
@IsArray()
|
||||
history?: { role: string; text: string }[];
|
||||
|
||||
@IsOptional()
|
||||
@IsObject()
|
||||
context?: Record<string, unknown>;
|
||||
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
sessionId?: string;
|
||||
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
processId?: string;
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
import { IsArray, IsObject, IsOptional, IsString } from 'class-validator';
|
||||
import { ProcessGraphDefinition } from '../ai-processes.types';
|
||||
|
||||
export class CreateAiProcessDto {
|
||||
@IsString()
|
||||
name!: string;
|
||||
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
description?: string;
|
||||
|
||||
@IsObject()
|
||||
graph!: ProcessGraphDefinition;
|
||||
}
|
||||
|
||||
export class UpdateAiProcessDto {
|
||||
@IsObject()
|
||||
graph!: ProcessGraphDefinition;
|
||||
}
|
||||
|
||||
export class AiProcessListResponseDto {
|
||||
@IsArray()
|
||||
items!: Record<string, unknown>[];
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
import { IsObject, IsOptional, IsString } from 'class-validator';
|
||||
|
||||
export class CreateAiRunDto {
|
||||
@IsObject()
|
||||
input!: Record<string, unknown>;
|
||||
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
sessionId?: string;
|
||||
}
|
||||
|
||||
export class ResumeAiRunDto {
|
||||
@IsObject()
|
||||
input!: Record<string, unknown>;
|
||||
|
||||
@IsOptional()
|
||||
@IsString()
|
||||
sessionId?: string;
|
||||
}
|
||||
@@ -1,226 +0,0 @@
|
||||
import { ToolContext, ToolHandler } from './tool-registry';
|
||||
import { Account } from '../../models/account.model';
|
||||
import { Contact } from '../../models/contact.model';
|
||||
import { randomUUID } from 'crypto';
|
||||
|
||||
/**
|
||||
* Demo tools that wrap ObjectService operations
|
||||
* These tools provide structured access to CRM entities
|
||||
*/
|
||||
|
||||
export const findAccount: ToolHandler = async (ctx, args) => {
|
||||
if (!ctx.knex) {
|
||||
throw new Error('Knex connection required for findAccount');
|
||||
}
|
||||
|
||||
const { name } = args as { name?: string };
|
||||
|
||||
if (!name) {
|
||||
return { found: false, accountId: null, message: 'Name required' };
|
||||
}
|
||||
|
||||
try {
|
||||
const query = Account.query(ctx.knex).where('name', 'like', `%${name}%`);
|
||||
|
||||
const account = await query.first();
|
||||
|
||||
if (account) {
|
||||
return {
|
||||
found: true,
|
||||
accountId: account.id,
|
||||
account: {
|
||||
id: account.id,
|
||||
name: account.name,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
return { found: false, accountId: null };
|
||||
} catch (error: any) {
|
||||
return { found: false, error: error.message };
|
||||
}
|
||||
};
|
||||
|
||||
export const createAccount: ToolHandler = async (ctx, args) => {
|
||||
if (!ctx.knex) {
|
||||
throw new Error('Knex connection required for createAccount');
|
||||
}
|
||||
|
||||
const { name, email, phone, industry } = args as {
|
||||
name: string;
|
||||
email?: string;
|
||||
phone?: string;
|
||||
industry?: string;
|
||||
};
|
||||
|
||||
if (!name) {
|
||||
throw new Error('Account name is required');
|
||||
}
|
||||
|
||||
try {
|
||||
const accountId = randomUUID();
|
||||
await ctx.knex('accounts').insert({
|
||||
id: accountId,
|
||||
name,
|
||||
phone,
|
||||
industry,
|
||||
ownerId: ctx.userId,
|
||||
});
|
||||
|
||||
return {
|
||||
success: true,
|
||||
accountId,
|
||||
account: {
|
||||
id: accountId,
|
||||
name,
|
||||
},
|
||||
};
|
||||
} catch (error: any) {
|
||||
return { success: false, error: error.message };
|
||||
}
|
||||
};
|
||||
|
||||
export const findContact: ToolHandler = async (ctx, args) => {
|
||||
if (!ctx.knex) {
|
||||
throw new Error('Knex connection required for findContact');
|
||||
}
|
||||
|
||||
const { firstName, lastName, accountId } = args as {
|
||||
firstName?: string;
|
||||
lastName?: string;
|
||||
accountId?: string;
|
||||
};
|
||||
|
||||
if (!firstName && !lastName) {
|
||||
return {
|
||||
found: false,
|
||||
contactId: null,
|
||||
message: 'First name or last name required',
|
||||
};
|
||||
}
|
||||
|
||||
try {
|
||||
let query = Contact.query(ctx.knex);
|
||||
|
||||
if (firstName) {
|
||||
query = query.where('firstName', 'like', `%${firstName}%`);
|
||||
}
|
||||
if (lastName) {
|
||||
query = query.where('lastName', 'like', `%${lastName}%`);
|
||||
}
|
||||
if (accountId) {
|
||||
query = query.where('accountId', accountId);
|
||||
}
|
||||
|
||||
const contact = await query.first();
|
||||
|
||||
if (contact) {
|
||||
return {
|
||||
found: true,
|
||||
contactId: contact.id,
|
||||
contact: {
|
||||
id: contact.id,
|
||||
firstName: contact.firstName,
|
||||
lastName: contact.lastName,
|
||||
accountId: contact.accountId,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
return { found: false, contactId: null };
|
||||
} catch (error: any) {
|
||||
return { found: false, error: error.message };
|
||||
}
|
||||
};
|
||||
|
||||
export const createContact: ToolHandler = async (ctx, args) => {
|
||||
if (!ctx.knex) {
|
||||
throw new Error('Knex connection required for createContact');
|
||||
}
|
||||
|
||||
const { firstName, lastName, email, phone, accountId } = args as {
|
||||
firstName: string;
|
||||
lastName: string;
|
||||
email?: string;
|
||||
phone?: string;
|
||||
accountId?: string;
|
||||
};
|
||||
|
||||
if (!firstName || !lastName) {
|
||||
throw new Error('First name and last name are required');
|
||||
}
|
||||
|
||||
try {
|
||||
const contactId = randomUUID();
|
||||
await ctx.knex('contacts').insert({
|
||||
id: contactId,
|
||||
firstName,
|
||||
lastName,
|
||||
accountId,
|
||||
ownerId: ctx.userId,
|
||||
});
|
||||
|
||||
return {
|
||||
success: true,
|
||||
contactId,
|
||||
contact: {
|
||||
id: contactId,
|
||||
firstName,
|
||||
lastName,
|
||||
accountId,
|
||||
},
|
||||
};
|
||||
} catch (error: any) {
|
||||
return { success: false, error: error.message };
|
||||
}
|
||||
};
|
||||
|
||||
export const createPet: ToolHandler = async (ctx, args) => {
|
||||
if (!ctx.knex) {
|
||||
throw new Error('Knex connection required for createPet');
|
||||
}
|
||||
|
||||
const { name, species, breed, age, ownerId } = args as {
|
||||
name: string;
|
||||
species: string;
|
||||
breed?: string;
|
||||
age?: number;
|
||||
ownerId: string; // Contact ID
|
||||
};
|
||||
|
||||
if (!name || !ownerId) {
|
||||
throw new Error('Pet name and owner (contact) are required');
|
||||
}
|
||||
|
||||
try {
|
||||
const petId = randomUUID();
|
||||
|
||||
// Get the accountId from the contact
|
||||
const contact = await ctx.knex('contacts').where('id', ownerId).first();
|
||||
|
||||
// Insert into dogs table
|
||||
await ctx.knex('dogs').insert({
|
||||
id: petId,
|
||||
name,
|
||||
ownerId,
|
||||
accountId: contact?.accountId,
|
||||
});
|
||||
|
||||
return {
|
||||
success: true,
|
||||
petId,
|
||||
pet: { id: petId, name, ownerId, accountId: contact?.accountId },
|
||||
};
|
||||
} catch (error: any) {
|
||||
return { success: false, error: error.message };
|
||||
}
|
||||
};
|
||||
|
||||
// Export all demo tools
|
||||
export const demoTools = {
|
||||
findAccount,
|
||||
createAccount,
|
||||
findContact,
|
||||
createContact,
|
||||
createPet,
|
||||
};
|
||||
@@ -1,89 +0,0 @@
|
||||
import { Knex } from 'knex';
|
||||
import { AiToolConfig } from '../../models/ai-process.model';
|
||||
|
||||
export interface ToolContext {
|
||||
tenantId: string;
|
||||
userId: string;
|
||||
knex?: Knex;
|
||||
authScopes?: string[];
|
||||
}
|
||||
|
||||
export type ToolHandler = (
|
||||
ctx: ToolContext,
|
||||
args: Record<string, unknown>,
|
||||
) => Promise<Record<string, unknown>>;
|
||||
|
||||
export interface ToolDefinition {
|
||||
name: string;
|
||||
description: string;
|
||||
handler: ToolHandler;
|
||||
inputSchema?: Record<string, unknown>;
|
||||
}
|
||||
|
||||
const defaultTools: Record<string, ToolHandler> = {
|
||||
findAccount: async () => ({ accountId: null, found: false }),
|
||||
createAccount: async (_ctx, args) => ({ accountId: `acc_${Date.now()}`, args }),
|
||||
findContact: async () => ({ contactId: null, found: false }),
|
||||
createContact: async (_ctx, args) => ({ contactId: `con_${Date.now()}`, args }),
|
||||
createPet: async (_ctx, args) => ({ petId: `pet_${Date.now()}`, args }),
|
||||
};
|
||||
|
||||
const tenantAllowlist: Record<string, string[]> = {
|
||||
default: Object.keys(defaultTools),
|
||||
};
|
||||
|
||||
export class ToolRegistry {
|
||||
private tools: Record<string, ToolHandler>;
|
||||
private allowlist: Record<string, string[]>;
|
||||
private dbAllowlistCache: Map<string, Set<string>> = new Map();
|
||||
|
||||
constructor(
|
||||
tools: Record<string, ToolHandler> = defaultTools,
|
||||
allowlist: Record<string, string[]> = tenantAllowlist,
|
||||
) {
|
||||
this.tools = tools;
|
||||
this.allowlist = allowlist;
|
||||
}
|
||||
|
||||
registerTool(name: string, handler: ToolHandler) {
|
||||
this.tools[name] = handler;
|
||||
}
|
||||
|
||||
async loadTenantAllowlist(tenantId: string, knex: Knex) {
|
||||
const configs = await AiToolConfig.query(knex)
|
||||
.where('enabled', true);
|
||||
|
||||
const allowed = new Set(configs.map((c) => c.toolName));
|
||||
this.dbAllowlistCache.set(tenantId, allowed);
|
||||
return allowed;
|
||||
}
|
||||
|
||||
async isToolAllowed(tenantId: string, toolName: string, knex?: Knex) {
|
||||
// Check database cache first
|
||||
if (this.dbAllowlistCache.has(tenantId)) {
|
||||
return this.dbAllowlistCache.get(tenantId)!.has(toolName);
|
||||
}
|
||||
|
||||
// Load from database if knex provided
|
||||
if (knex) {
|
||||
const allowed = await this.loadTenantAllowlist(tenantId, knex);
|
||||
return allowed.has(toolName);
|
||||
}
|
||||
|
||||
// Fallback to static allowlist
|
||||
const allowed = this.allowlist[tenantId] || this.allowlist.default || [];
|
||||
return allowed.includes(toolName);
|
||||
}
|
||||
|
||||
getTool(toolName: string): ToolHandler {
|
||||
const tool = this.tools[toolName];
|
||||
if (!tool) {
|
||||
throw new Error(`Tool ${toolName} is not registered.`);
|
||||
}
|
||||
return tool;
|
||||
}
|
||||
|
||||
getAllToolNames(): string[] {
|
||||
return Object.keys(this.tools);
|
||||
}
|
||||
}
|
||||
@@ -8,8 +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';
|
||||
import { AiProcessesModule } from './ai-processes/ai-processes.module';
|
||||
|
||||
@Module({
|
||||
imports: [
|
||||
@@ -24,8 +22,6 @@ import { AiProcessesModule } from './ai-processes/ai-processes.module';
|
||||
AppBuilderModule,
|
||||
PageLayoutModule,
|
||||
VoiceModule,
|
||||
AiAssistantModule,
|
||||
AiProcessesModule,
|
||||
],
|
||||
})
|
||||
export class AppModule {}
|
||||
|
||||
@@ -1,63 +0,0 @@
|
||||
import { randomUUID } from 'crypto';
|
||||
import { snakeCaseMappers } from 'objection';
|
||||
import { BaseModel } from './base.model';
|
||||
|
||||
export class AiChatSession extends BaseModel {
|
||||
static tableName = 'ai_chat_sessions';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
|
||||
id!: string;
|
||||
userId!: string;
|
||||
createdAt!: Date;
|
||||
|
||||
$beforeInsert() {
|
||||
this.id = this.id || randomUUID();
|
||||
this.createdAt = this.createdAt || new Date();
|
||||
}
|
||||
|
||||
$beforeUpdate() {}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
messages: {
|
||||
relation: BaseModel.HasManyRelation,
|
||||
modelClass: AiChatMessage,
|
||||
join: {
|
||||
from: 'ai_chat_sessions.id',
|
||||
to: 'ai_chat_messages.session_id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class AiChatMessage extends BaseModel {
|
||||
static tableName = 'ai_chat_messages';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
|
||||
id!: string;
|
||||
sessionId!: string;
|
||||
role!: string;
|
||||
content!: string;
|
||||
createdAt!: Date;
|
||||
|
||||
$beforeInsert() {
|
||||
this.id = this.id || randomUUID();
|
||||
this.createdAt = this.createdAt || new Date();
|
||||
}
|
||||
|
||||
$beforeUpdate() {}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
session: {
|
||||
relation: BaseModel.BelongsToOneRelation,
|
||||
modelClass: AiChatSession,
|
||||
join: {
|
||||
from: 'ai_chat_messages.session_id',
|
||||
to: 'ai_chat_sessions.id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -1,164 +0,0 @@
|
||||
import { randomUUID } from 'crypto';
|
||||
import { QueryContext, snakeCaseMappers } from 'objection';
|
||||
import { BaseModel } from './base.model';
|
||||
|
||||
export class AiProcess extends BaseModel {
|
||||
static tableName = 'ai_processes';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
|
||||
id!: string;
|
||||
name!: string;
|
||||
description?: string;
|
||||
latestVersion!: number;
|
||||
createdBy!: string;
|
||||
createdAt!: Date;
|
||||
updatedAt!: Date;
|
||||
|
||||
$beforeInsert(queryContext: QueryContext) {
|
||||
this.id = this.id || randomUUID();
|
||||
super.$beforeInsert(queryContext);
|
||||
}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
versions: {
|
||||
relation: BaseModel.HasManyRelation,
|
||||
modelClass: AiProcessVersion,
|
||||
join: {
|
||||
from: 'ai_processes.id',
|
||||
to: 'ai_process_versions.process_id',
|
||||
},
|
||||
},
|
||||
runs: {
|
||||
relation: BaseModel.HasManyRelation,
|
||||
modelClass: AiProcessRun,
|
||||
join: {
|
||||
from: 'ai_processes.id',
|
||||
to: 'ai_process_runs.process_id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class AiProcessVersion extends BaseModel {
|
||||
static tableName = 'ai_process_versions';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
static jsonAttributes = ['graphJson', 'compiledJson'];
|
||||
|
||||
id!: string;
|
||||
processId!: string;
|
||||
version!: number;
|
||||
graphJson!: Record<string, unknown>;
|
||||
compiledJson!: Record<string, unknown>;
|
||||
createdBy!: string;
|
||||
createdAt!: Date;
|
||||
|
||||
$beforeInsert() {
|
||||
this.id = this.id || randomUUID();
|
||||
this.createdAt = this.createdAt || new Date();
|
||||
}
|
||||
|
||||
$beforeUpdate() {}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
process: {
|
||||
relation: BaseModel.BelongsToOneRelation,
|
||||
modelClass: AiProcess,
|
||||
join: {
|
||||
from: 'ai_process_versions.process_id',
|
||||
to: 'ai_processes.id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class AiProcessRun extends BaseModel {
|
||||
static tableName = 'ai_process_runs';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
static jsonAttributes = ['inputJson', 'outputJson', 'errorJson', 'stateJson'];
|
||||
|
||||
id!: string;
|
||||
processId!: string;
|
||||
version!: number;
|
||||
status!: string;
|
||||
inputJson!: Record<string, unknown>;
|
||||
outputJson?: Record<string, unknown> | null;
|
||||
errorJson?: Record<string, unknown> | null;
|
||||
stateJson?: Record<string, unknown>;
|
||||
currentNodeId?: string | null;
|
||||
startedAt?: Date;
|
||||
endedAt?: Date | null;
|
||||
|
||||
$beforeInsert() {
|
||||
this.id = this.id || randomUUID();
|
||||
this.startedAt = this.startedAt || new Date();
|
||||
}
|
||||
|
||||
$beforeUpdate() {}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
process: {
|
||||
relation: BaseModel.BelongsToOneRelation,
|
||||
modelClass: AiProcess,
|
||||
join: {
|
||||
from: 'ai_process_runs.process_id',
|
||||
to: 'ai_processes.id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class AiAuditEvent extends BaseModel {
|
||||
static tableName = 'ai_audit_events';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
static jsonAttributes = ['payloadJson'];
|
||||
|
||||
id!: string;
|
||||
runId!: string;
|
||||
eventType!: string;
|
||||
payloadJson!: Record<string, unknown>;
|
||||
createdAt!: Date;
|
||||
|
||||
$beforeInsert() {
|
||||
this.id = this.id || randomUUID();
|
||||
this.createdAt = this.createdAt || new Date();
|
||||
}
|
||||
|
||||
$beforeUpdate() {}
|
||||
|
||||
static get relationMappings() {
|
||||
return {
|
||||
run: {
|
||||
relation: BaseModel.BelongsToOneRelation,
|
||||
modelClass: AiProcessRun,
|
||||
join: {
|
||||
from: 'ai_audit_events.run_id',
|
||||
to: 'ai_process_runs.id',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class AiToolConfig extends BaseModel {
|
||||
static tableName = 'ai_tool_configs';
|
||||
static columnNameMappers = snakeCaseMappers();
|
||||
static jsonAttributes = ['configJson'];
|
||||
|
||||
id!: string;
|
||||
toolName!: string;
|
||||
enabled!: boolean;
|
||||
configJson?: Record<string, unknown>;
|
||||
createdAt!: Date;
|
||||
updatedAt!: Date;
|
||||
|
||||
$beforeInsert(queryContext: QueryContext) {
|
||||
this.id = this.id || randomUUID();
|
||||
super.$beforeInsert(queryContext);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
@@ -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',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -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',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -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.
|
||||
|
||||
@@ -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,
|
||||
})),
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@@ -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`;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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}`);
|
||||
|
||||
@@ -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,
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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`;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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()
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -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(/^_/, '');
|
||||
private getTableName(apiName: string): string {
|
||||
// Convert CamelCase to snake_case and pluralize
|
||||
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;
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
import { Module } from '@nestjs/common';
|
||||
import { MeilisearchService } from './meilisearch.service';
|
||||
|
||||
@Module({
|
||||
providers: [MeilisearchService],
|
||||
exports: [MeilisearchService],
|
||||
})
|
||||
export class MeilisearchModule {}
|
||||
@@ -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();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -110,9 +110,8 @@ export class TenantDatabaseService {
|
||||
* @deprecated Use getTenantKnexByDomain or getTenantKnexById instead
|
||||
*/
|
||||
async getTenantKnex(tenantIdOrSlug: string): Promise<Knex> {
|
||||
// Resolve tenant ID first, then get connection by ID
|
||||
const tenantId = await this.resolveTenantId(tenantIdOrSlug);
|
||||
return this.getTenantKnexById(tenantId);
|
||||
// Assume it's a domain if it contains a dot
|
||||
return this.getTenantKnexByDomain(tenantIdOrSlug);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -1,12 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI Process Builder</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,23 +0,0 @@
|
||||
{
|
||||
"name": "ai-processes-editor",
|
||||
"private": true,
|
||||
"version": "0.1.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite --port 5174",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview --port 5174"
|
||||
},
|
||||
"dependencies": {
|
||||
"@xyflow/react": "^12.0.4",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.3.4",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@vitejs/plugin-react": "^4.3.1",
|
||||
"typescript": "^5.6.2",
|
||||
"vite": "^5.4.2"
|
||||
}
|
||||
}
|
||||
@@ -1,153 +0,0 @@
|
||||
import { useCallback, useEffect } from 'react'
|
||||
import {
|
||||
Background,
|
||||
Controls,
|
||||
MiniMap,
|
||||
ReactFlow,
|
||||
useEdgesState,
|
||||
useNodesState,
|
||||
addEdge,
|
||||
Connection,
|
||||
Edge,
|
||||
Node,
|
||||
Panel,
|
||||
} from '@xyflow/react'
|
||||
import '@xyflow/react/dist/style.css'
|
||||
import './styles.css'
|
||||
|
||||
const nodeTypes = {
|
||||
Start: { style: { background: '#22c55e', color: 'white', padding: 10, borderRadius: 5 } },
|
||||
LLMDecisionNode: { style: { background: '#3b82f6', color: 'white', padding: 10, borderRadius: 5 } },
|
||||
ToolNode: { style: { background: '#f59e0b', color: 'white', padding: 10, borderRadius: 5 } },
|
||||
HumanInputNode: { style: { background: '#8b5cf6', color: 'white', padding: 10, borderRadius: 5 } },
|
||||
End: { style: { background: '#ef4444', color: 'white', padding: 10, borderRadius: 5 } },
|
||||
}
|
||||
|
||||
const initialNodes: Node[] = [
|
||||
{
|
||||
id: 'start-1',
|
||||
type: 'default',
|
||||
data: { label: '🟢 Start', type: 'Start' },
|
||||
position: { x: 250, y: 50 },
|
||||
style: nodeTypes.Start.style,
|
||||
},
|
||||
{
|
||||
id: 'end-1',
|
||||
type: 'default',
|
||||
data: { label: '🔴 End', type: 'End' },
|
||||
position: { x: 250, y: 400 },
|
||||
style: nodeTypes.End.style,
|
||||
},
|
||||
]
|
||||
|
||||
const initialEdges: Edge[] = []
|
||||
|
||||
export const App = () => {
|
||||
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes)
|
||||
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges)
|
||||
|
||||
const onConnect = useCallback(
|
||||
(params: Connection) => setEdges((eds) => addEdge(params, eds)),
|
||||
[setEdges]
|
||||
)
|
||||
|
||||
// Send graph updates to parent window
|
||||
const notifyParent = useCallback(() => {
|
||||
const graphData = {
|
||||
id: 'process-graph',
|
||||
name: 'Process',
|
||||
nodes: nodes.map((node) => ({
|
||||
id: node.id,
|
||||
type: node.data.type || 'Start',
|
||||
position: node.position,
|
||||
data: node.data,
|
||||
})),
|
||||
edges: edges.map((edge) => ({
|
||||
id: edge.id,
|
||||
source: edge.source,
|
||||
target: edge.target,
|
||||
condition: edge.data?.condition,
|
||||
})),
|
||||
}
|
||||
|
||||
window.parent.postMessage(
|
||||
{
|
||||
type: 'GRAPH_UPDATED',
|
||||
payload: graphData,
|
||||
},
|
||||
'*'
|
||||
)
|
||||
}, [nodes, edges])
|
||||
|
||||
// Listen for graph load from parent
|
||||
useEffect(() => {
|
||||
const handleMessage = (event: MessageEvent) => {
|
||||
if (event.data.type === 'LOAD_GRAPH') {
|
||||
const graph = event.data.payload
|
||||
if (graph && graph.nodes && graph.edges) {
|
||||
setNodes(
|
||||
graph.nodes.map((node: any) => ({
|
||||
id: node.id,
|
||||
type: 'default',
|
||||
data: { label: node.data.label || node.type, ...node.data },
|
||||
position: node.position,
|
||||
style: nodeTypes[node.type as keyof typeof nodeTypes]?.style || {},
|
||||
}))
|
||||
)
|
||||
setEdges(
|
||||
graph.edges.map((edge: any) => ({
|
||||
id: edge.id,
|
||||
source: edge.source,
|
||||
target: edge.target,
|
||||
data: edge.condition ? { condition: edge.condition } : undefined,
|
||||
}))
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('message', handleMessage)
|
||||
return () => window.removeEventListener('message', handleMessage)
|
||||
}, [setNodes, setEdges])
|
||||
|
||||
// Notify parent on changes
|
||||
useEffect(() => {
|
||||
notifyParent()
|
||||
}, [nodes, edges, notifyParent])
|
||||
|
||||
const addNode = (type: string) => {
|
||||
const newNode: Node = {
|
||||
id: `${type.toLowerCase()}-${Date.now()}`,
|
||||
type: 'default',
|
||||
data: { label: `${type}`, type },
|
||||
position: { x: Math.random() * 400 + 50, y: Math.random() * 300 + 100 },
|
||||
style: nodeTypes[type as keyof typeof nodeTypes]?.style || {},
|
||||
}
|
||||
setNodes((nds) => nds.concat(newNode))
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="editor-shell">
|
||||
<ReactFlow
|
||||
nodes={nodes}
|
||||
edges={edges}
|
||||
onNodesChange={onNodesChange}
|
||||
onEdgesChange={onEdgesChange}
|
||||
onConnect={onConnect}
|
||||
fitView
|
||||
>
|
||||
<Panel position="top-left" className="node-palette">
|
||||
<h3>Node Palette</h3>
|
||||
<button onClick={() => addNode('LLMDecisionNode')}>🔵 LLM Decision</button>
|
||||
<button onClick={() => addNode('ToolNode')}>🟠 Tool</button>
|
||||
<button onClick={() => addNode('HumanInputNode')}>🟣 Human Input</button>
|
||||
<button onClick={() => addNode('End')}>🔴 End</button>
|
||||
</Panel>
|
||||
<MiniMap />
|
||||
<Controls />
|
||||
<Background />
|
||||
</ReactFlow>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import { App } from './App'
|
||||
|
||||
const root = document.getElementById('root')
|
||||
if (root) {
|
||||
createRoot(root).render(<App />)
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
#root {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.editor-shell {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.node-palette {
|
||||
background: white;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.node-palette h3 {
|
||||
margin: 0 0 12px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.node-palette button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 6px;
|
||||
background: white;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.node-palette button:hover {
|
||||
background: #f1f5f9;
|
||||
border-color: #cbd5e1;
|
||||
}
|
||||
|
||||
.node-palette button:active {
|
||||
background: #e2e8f0;
|
||||
}
|
||||
|
||||
.react-flow__node {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.react-flow__edge-path {
|
||||
stroke: #64748b;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.react-flow__edge.selected .react-flow__edge-path {
|
||||
stroke: #3b82f6;
|
||||
}
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
server: {
|
||||
port: 5174,
|
||||
},
|
||||
})
|
||||
@@ -7,247 +7,27 @@ import {
|
||||
InputGroupText,
|
||||
} from '@/components/ui/input-group'
|
||||
import { Separator } from '@/components/ui/separator'
|
||||
import { ArrowUp, Loader2 } from 'lucide-vue-next'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { useApi } from '@/composables/useApi'
|
||||
|
||||
interface ChatMessage {
|
||||
role: 'user' | 'assistant' | 'system';
|
||||
text: string;
|
||||
isStreaming?: boolean;
|
||||
}
|
||||
|
||||
interface StreamEvent {
|
||||
type: string;
|
||||
data?: any;
|
||||
processId?: string;
|
||||
nodeId?: string;
|
||||
toolName?: string;
|
||||
}
|
||||
import { ArrowUp } from 'lucide-vue-next'
|
||||
|
||||
const chatInput = ref('')
|
||||
const messages = ref<ChatMessage[]>([])
|
||||
const sending = ref(false)
|
||||
const route = useRoute()
|
||||
const { api } = useApi()
|
||||
const sessionId = ref<string | null>(null)
|
||||
const eventSource = ref<EventSource | null>(null)
|
||||
|
||||
const getTenantId = () => {
|
||||
if (!import.meta.client) return 'tenant1'
|
||||
return localStorage.getItem('tenantId') || 'tenant1'
|
||||
}
|
||||
|
||||
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 connectToStream = (sessionIdValue: string) => {
|
||||
if (eventSource.value) {
|
||||
eventSource.value.close()
|
||||
}
|
||||
|
||||
const baseUrl = window.location.hostname === 'localhost'
|
||||
? 'http://localhost:3000'
|
||||
: `https://${window.location.hostname}`
|
||||
|
||||
eventSource.value = new EventSource(
|
||||
`${baseUrl}/tenants/${getTenantId()}/ai-chat/stream?sessionId=${sessionIdValue}`
|
||||
)
|
||||
|
||||
eventSource.value.onmessage = (event) => {
|
||||
try {
|
||||
const payload: StreamEvent = JSON.parse(event.data)
|
||||
handleStreamEvent(payload)
|
||||
} catch (error) {
|
||||
console.error('Failed to parse stream event:', error)
|
||||
}
|
||||
}
|
||||
|
||||
eventSource.value.onerror = () => {
|
||||
eventSource.value?.close()
|
||||
eventSource.value = null
|
||||
}
|
||||
}
|
||||
|
||||
const handleStreamEvent = (event: StreamEvent) => {
|
||||
switch (event.type) {
|
||||
case 'agent_started':
|
||||
// Agent is thinking
|
||||
break
|
||||
case 'processes_listed':
|
||||
// Processes discovered
|
||||
break
|
||||
case 'process_selected':
|
||||
messages.value.push({
|
||||
role: 'system',
|
||||
text: `🔄 Selected process: ${event.data?.processName || 'Process'}`,
|
||||
})
|
||||
break
|
||||
case 'agent_message':
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: event.data?.message || '',
|
||||
})
|
||||
break
|
||||
case 'node_started':
|
||||
const lastMsg = messages.value[messages.value.length - 1]
|
||||
if (lastMsg?.isStreaming) {
|
||||
lastMsg.text += `\n⚙️ Executing step...`
|
||||
}
|
||||
break
|
||||
case 'tool_called':
|
||||
const lastToolMsg = messages.value[messages.value.length - 1]
|
||||
if (lastToolMsg?.isStreaming) {
|
||||
lastToolMsg.text += `\n🔧 Using tool: ${event.toolName}`
|
||||
}
|
||||
break
|
||||
case 'need_input':
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: event.data?.prompt || 'I need some additional information from you.',
|
||||
})
|
||||
sending.value = false
|
||||
break
|
||||
case 'final':
|
||||
if (event.data?.output) {
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: event.data.message || '✅ Process completed successfully!',
|
||||
})
|
||||
} else if (event.data?.reply) {
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: event.data.reply,
|
||||
})
|
||||
}
|
||||
sending.value = false
|
||||
break
|
||||
case 'error':
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: `❌ Error: ${event.data?.error || 'An error occurred'}`,
|
||||
})
|
||||
sending.value = false
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
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
|
||||
|
||||
// Add a streaming message placeholder
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: '🤔 Thinking...',
|
||||
isStreaming: true
|
||||
})
|
||||
|
||||
try {
|
||||
const history = messages.value
|
||||
.filter(m => m.role !== 'system' && !m.isStreaming)
|
||||
.slice(0, -1)
|
||||
.slice(-6)
|
||||
.map(m => ({ role: m.role, text: m.text }))
|
||||
|
||||
const response = await api.post(`/tenants/${getTenantId()}/ai-chat/messages`, {
|
||||
message,
|
||||
history,
|
||||
context: buildContext(),
|
||||
sessionId: sessionId.value || undefined,
|
||||
})
|
||||
|
||||
if (response.sessionId && !sessionId.value) {
|
||||
sessionId.value = response.sessionId
|
||||
connectToStream(response.sessionId)
|
||||
}
|
||||
|
||||
// Remove streaming placeholder and add response
|
||||
messages.value = messages.value.filter(m => !m.isStreaming)
|
||||
|
||||
if (response.reply) {
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: response.reply,
|
||||
})
|
||||
}
|
||||
|
||||
// If process is running, stream will handle updates
|
||||
if (response.runId) {
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: '⏳ Processing workflow...',
|
||||
isStreaming: true,
|
||||
})
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error('Failed to send AI chat message:', error)
|
||||
messages.value = messages.value.filter(m => !m.isStreaming)
|
||||
messages.value.push({
|
||||
role: 'assistant',
|
||||
text: error.message || 'Sorry, I ran into an error. Please try again.',
|
||||
})
|
||||
} finally {
|
||||
sending.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onUnmounted(() => {
|
||||
if (eventSource.value) {
|
||||
eventSource.value.close()
|
||||
}
|
||||
})
|
||||
</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 max-h-[400px] overflow-y-auto">
|
||||
<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 whitespace-pre-line"
|
||||
:class="{
|
||||
'bg-primary text-primary-foreground': message.role === 'user',
|
||||
'bg-white border border-border text-foreground': message.role === 'assistant',
|
||||
'bg-blue-50 border border-blue-200 text-blue-900 text-xs': message.role === 'system',
|
||||
}"
|
||||
>
|
||||
<Loader2 v-if="message.isStreaming" class="inline-block size-3 animate-spin mr-1" />
|
||||
{{ message.text }}
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="messages.length === 0" class="text-sm text-muted-foreground">
|
||||
Ask the assistant to execute business processes, add records, or answer questions.
|
||||
</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">
|
||||
@@ -257,7 +37,7 @@ onUnmounted(() => {
|
||||
<InputGroupButton
|
||||
variant="default"
|
||||
class="rounded-full"
|
||||
:disabled="!chatInput.trim() || sending"
|
||||
:disabled="!chatInput.trim()"
|
||||
@click="handleSend"
|
||||
>
|
||||
<ArrowUp class="size-4" />
|
||||
@@ -270,6 +50,8 @@ onUnmounted(() => {
|
||||
|
||||
<style scoped>
|
||||
.ai-chat-area {
|
||||
min-height: 190px;
|
||||
height: calc(100vh / 6);
|
||||
min-height: 140px;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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')
|
||||
let apiPath = props.config.objectApiName.replace(':parentId', props.parentId)
|
||||
|
||||
// Default runtime object routes expect /:objectApiName/records
|
||||
if (isRuntimeObjects && !apiPath.includes('/')) {
|
||||
apiPath = `${apiPath}/records`
|
||||
}
|
||||
|
||||
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
|
||||
|
||||
@@ -1,52 +0,0 @@
|
||||
<template>
|
||||
<div class="rounded-lg border border-amber-200 bg-amber-50 p-4">
|
||||
<p class="mb-3 text-sm font-semibold text-amber-900">{{ prompt }}</p>
|
||||
<form class="space-y-3" @submit.prevent="submit">
|
||||
<div v-for="field in fields" :key="field.name" class="space-y-1">
|
||||
<label class="text-xs font-medium text-slate-600">
|
||||
{{ field.label }}
|
||||
</label>
|
||||
<input
|
||||
v-model="form[field.name]"
|
||||
class="w-full rounded border border-slate-300 px-3 py-2 text-sm"
|
||||
:type="field.type === 'number' ? 'number' : 'text'"
|
||||
:required="field.required"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
class="rounded bg-slate-900 px-4 py-2 text-sm font-semibold text-white"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{
|
||||
schema: Record<string, any>
|
||||
prompt: string
|
||||
}>()
|
||||
|
||||
const emit = defineEmits<{
|
||||
(event: 'submit', payload: Record<string, unknown>): void
|
||||
}>()
|
||||
|
||||
const form = reactive<Record<string, string>>({})
|
||||
|
||||
const fields = computed(() => {
|
||||
const properties = props.schema?.properties || {}
|
||||
const required = props.schema?.required || []
|
||||
return Object.entries(properties).map(([name, config]: [string, any]) => ({
|
||||
name,
|
||||
label: config.title || name,
|
||||
type: config.type || 'string',
|
||||
required: required.includes(name),
|
||||
}))
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
emit('submit', { ...form })
|
||||
}
|
||||
</script>
|
||||
@@ -1,19 +0,0 @@
|
||||
<template>
|
||||
<div class="rounded-lg border border-slate-200 bg-white shadow">
|
||||
<div class="border-b border-slate-200 px-4 py-3 text-sm font-semibold text-slate-700">
|
||||
Process Graph Editor
|
||||
</div>
|
||||
<iframe
|
||||
class="h-[640px] w-full"
|
||||
:src="editorUrl"
|
||||
title="AI Process Builder"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const config = useRuntimeConfig()
|
||||
const editorUrl = computed(() =>
|
||||
config.public.aiProcessEditorUrl || 'http://localhost:5174'
|
||||
)
|
||||
</script>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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>
|
||||
@@ -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.' }}
|
||||
|
||||
33
frontend/components/ui/checkbox.vue
Normal file
33
frontend/components/ui/checkbox.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<script setup lang="ts">
|
||||
import { Check } from 'lucide-vue-next'
|
||||
import { CheckboxIndicator, CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, useForwardPropsEmits } from 'radix-vue'
|
||||
import { computed, type HTMLAttributes } from 'vue'
|
||||
import { cn } from '@/lib/utils'
|
||||
|
||||
const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
|
||||
const emits = defineEmits<CheckboxRootEmits>()
|
||||
|
||||
const delegatedProps = computed(() => {
|
||||
const { class: _, ...delegated } = props
|
||||
|
||||
return delegated
|
||||
})
|
||||
|
||||
const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<CheckboxRoot
|
||||
v-bind="forwarded"
|
||||
:class="
|
||||
cn(
|
||||
'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
|
||||
props.class,
|
||||
)
|
||||
"
|
||||
>
|
||||
<CheckboxIndicator class="flex h-full w-full items-center justify-center text-current">
|
||||
<Check class="h-4 w-4" />
|
||||
</CheckboxIndicator>
|
||||
</CheckboxRoot>
|
||||
</template>
|
||||
@@ -18,7 +18,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
||||
<CheckboxRoot
|
||||
v-bind="forwarded"
|
||||
:class="
|
||||
cn('grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
|
||||
cn('grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
|
||||
props.class)"
|
||||
>
|
||||
<CheckboxIndicator class="grid place-content-center text-current">
|
||||
|
||||
@@ -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)"
|
||||
/>
|
||||
|
||||
@@ -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] }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, watch } from 'vue'
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
@@ -12,7 +12,6 @@ import { Button } from '@/components/ui/button'
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Checkbox } from '@/components/ui/checkbox'
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
|
||||
import FieldRenderer from '@/components/fields/FieldRenderer.vue'
|
||||
import { ListViewConfig, ViewMode, FieldType } from '@/types/field-types'
|
||||
import { ChevronDown, ChevronUp, Search, Plus, Download, Trash2, Edit } from 'lucide-vue-next'
|
||||
@@ -23,8 +22,6 @@ interface Props {
|
||||
loading?: boolean
|
||||
selectable?: boolean
|
||||
baseUrl?: string
|
||||
totalCount?: number
|
||||
searchSummary?: string
|
||||
}
|
||||
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
@@ -32,7 +29,6 @@ const props = withDefaults(defineProps<Props>(), {
|
||||
loading: false,
|
||||
selectable: false,
|
||||
baseUrl: '/runtime/objects',
|
||||
searchSummary: '',
|
||||
})
|
||||
|
||||
const emit = defineEmits<{
|
||||
@@ -45,91 +41,41 @@ 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
|
||||
const normalizeId = (id: any) => String(id)
|
||||
const selectedRowIds = ref<string[]>([])
|
||||
const selectedRows = ref<Set<string>>(new Set())
|
||||
const searchQuery = ref('')
|
||||
const sortField = ref<string>('')
|
||||
const sortDirection = ref<'asc' | 'desc'>('asc')
|
||||
const currentPage = ref(1)
|
||||
const bulkAction = ref('delete')
|
||||
|
||||
// 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 && selectedRowIds.value.length === props.data.length,
|
||||
get: () => props.data.length > 0 && selectedRows.value.size === props.data.length,
|
||||
set: (val: boolean) => {
|
||||
if (val) {
|
||||
selectedRowIds.value = props.data.map(row => normalizeId(row.id))
|
||||
selectedRows.value = new Set(props.data.map(row => row.id))
|
||||
} else {
|
||||
selectedRowIds.value = []
|
||||
selectedRows.value.clear()
|
||||
}
|
||||
emit('row-select', getSelectedRows())
|
||||
},
|
||||
})
|
||||
|
||||
const getSelectedRows = () => {
|
||||
const idSet = new Set(selectedRowIds.value)
|
||||
return props.data.filter(row => idSet.has(normalizeId(row.id)))
|
||||
return props.data.filter(row => selectedRows.value.has(row.id))
|
||||
}
|
||||
|
||||
const toggleRowSelection = (rowId: string) => {
|
||||
const normalizedId = normalizeId(rowId)
|
||||
const nextSelection = new Set(selectedRowIds.value)
|
||||
nextSelection.has(normalizedId) ? nextSelection.delete(normalizedId) : nextSelection.add(normalizedId)
|
||||
selectedRowIds.value = Array.from(nextSelection)
|
||||
emit('row-select', getSelectedRows())
|
||||
}
|
||||
|
||||
const setRowSelection = (rowId: string, checked: boolean) => {
|
||||
const normalizedId = normalizeId(rowId)
|
||||
const nextSelection = new Set(selectedRowIds.value)
|
||||
if (checked) {
|
||||
nextSelection.add(normalizedId)
|
||||
if (selectedRows.value.has(rowId)) {
|
||||
selectedRows.value.delete(rowId)
|
||||
} else {
|
||||
nextSelection.delete(normalizedId)
|
||||
selectedRows.value.add(rowId)
|
||||
}
|
||||
selectedRowIds.value = Array.from(nextSelection)
|
||||
emit('row-select', getSelectedRows())
|
||||
}
|
||||
|
||||
@@ -150,49 +96,6 @@ const handleSearch = () => {
|
||||
const handleAction = (actionId: string) => {
|
||||
emit('action', actionId, getSelectedRows())
|
||||
}
|
||||
|
||||
const handleBulkAction = () => {
|
||||
if (bulkAction.value === 'delete') {
|
||||
emit('delete', getSelectedRows())
|
||||
return
|
||||
}
|
||||
emit('action', bulkAction.value, 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
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
watch(
|
||||
() => props.data,
|
||||
(rows) => {
|
||||
const rowIds = new Set(rows.map(row => normalizeId(row.id)))
|
||||
const nextSelection = selectedRowIds.value.filter(id => rowIds.has(id))
|
||||
if (nextSelection.length !== selectedRowIds.value.length) {
|
||||
selectedRowIds.value = nextSelection
|
||||
emit('row-select', getSelectedRows())
|
||||
}
|
||||
},
|
||||
{ deep: true }
|
||||
)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -210,31 +113,18 @@ 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">
|
||||
<!-- Bulk Actions -->
|
||||
<template v-if="selectedRowIds.length > 0">
|
||||
<template v-if="selectedRows.size > 0">
|
||||
<Badge variant="secondary" class="px-3 py-1">
|
||||
{{ selectedRowIds.length }} selected
|
||||
{{ selectedRows.size }} selected
|
||||
</Badge>
|
||||
<div class="flex items-center gap-2">
|
||||
<Select v-model="bulkAction" @update:model-value="(value) => bulkAction = value">
|
||||
<SelectTrigger class="h-8 w-[180px]">
|
||||
<SelectValue placeholder="Select action" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="delete">Delete selected</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<Button variant="outline" size="sm" @click="handleBulkAction">
|
||||
<Trash2 class="h-4 w-4 mr-2" />
|
||||
Run
|
||||
</Button>
|
||||
</div>
|
||||
<Button variant="outline" size="sm" @click="emit('delete', getSelectedRows())">
|
||||
<Trash2 class="h-4 w-4 mr-2" />
|
||||
Delete
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<!-- Custom Actions -->
|
||||
@@ -268,10 +158,7 @@ watch(
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead v-if="selectable" class="w-12">
|
||||
<Checkbox
|
||||
:model-value="allSelected"
|
||||
@update:model-value="(value: boolean) => (allSelected = value)"
|
||||
/>
|
||||
<Checkbox v-model:checked="allSelected" />
|
||||
</TableHead>
|
||||
<TableHead
|
||||
v-for="field in visibleFields"
|
||||
@@ -305,15 +192,15 @@ 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)"
|
||||
>
|
||||
<TableCell v-if="selectable" @click.stop>
|
||||
<Checkbox
|
||||
:model-value="selectedRowIds.includes(normalizeId(row.id))"
|
||||
@update:model-value="(checked: boolean) => setRowSelection(normalizeId(row.id), checked)"
|
||||
:checked="selectedRows.has(row.id)"
|
||||
@update:checked="toggleRowSelection(row.id)"
|
||||
/>
|
||||
</TableCell>
|
||||
<TableCell v-for="field in visibleFields" :key="field.id">
|
||||
@@ -340,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>
|
||||
|
||||
|
||||
@@ -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
|
||||
}
|
||||
@@ -330,25 +285,8 @@ export const useViewState = <T extends { id?: string }>(
|
||||
loading.value = true
|
||||
error.value = null
|
||||
try {
|
||||
const useBulkEndpoint = apiEndpoint.includes('/runtime/objects/')
|
||||
if (useBulkEndpoint) {
|
||||
const response = await api.post(`${apiEndpoint}/bulk-delete`, { ids })
|
||||
const deletedIds = Array.isArray(response?.deletedIds) ? response.deletedIds : ids
|
||||
records.value = records.value.filter(r => !deletedIds.includes(r.id!))
|
||||
totalCount.value = Math.max(0, totalCount.value - deletedIds.length)
|
||||
return {
|
||||
deletedIds,
|
||||
deniedIds: Array.isArray(response?.deniedIds) ? response.deniedIds : [],
|
||||
}
|
||||
}
|
||||
|
||||
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)
|
||||
return {
|
||||
deletedIds: ids,
|
||||
deniedIds: [],
|
||||
}
|
||||
} catch (e: any) {
|
||||
error.value = e.message
|
||||
console.error('Failed to delete records:', e)
|
||||
@@ -386,7 +324,6 @@ export const useViewState = <T extends { id?: string }>(
|
||||
return {
|
||||
// State
|
||||
records,
|
||||
totalCount,
|
||||
currentRecord,
|
||||
currentView,
|
||||
loading,
|
||||
|
||||
@@ -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,6 +139,12 @@ 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
|
||||
@@ -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();
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -26,8 +26,6 @@ export default defineNuxtConfig({
|
||||
runtimeConfig: {
|
||||
public: {
|
||||
apiBaseUrl: process.env.NUXT_PUBLIC_API_BASE_URL || 'http://localhost:3000',
|
||||
aiProcessEditorUrl:
|
||||
process.env.NUXT_PUBLIC_AI_PROCESS_EDITOR_URL || 'http://localhost:5174',
|
||||
},
|
||||
},
|
||||
|
||||
@@ -60,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'],
|
||||
},
|
||||
|
||||
@@ -1,19 +1,11 @@
|
||||
<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'
|
||||
import ListView from '@/components/views/ListView.vue'
|
||||
import DetailView from '@/components/views/DetailViewEnhanced.vue'
|
||||
import EditView from '@/components/views/EditViewEnhanced.vue'
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from '@/components/ui/dialog'
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
@@ -46,7 +38,6 @@ const error = ref<string | null>(null)
|
||||
// Use view state composable
|
||||
const {
|
||||
records,
|
||||
totalCount,
|
||||
currentRecord,
|
||||
loading: dataLoading,
|
||||
saving,
|
||||
@@ -57,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) {
|
||||
@@ -151,20 +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 deleteDialogOpen = ref(false)
|
||||
const deleteSubmitting = ref(false)
|
||||
const pendingDeleteRows = ref<any[]>([])
|
||||
const deleteSummary = ref<{ deletedIds: string[]; deniedIds: string[] } | null>(null)
|
||||
|
||||
const isSearchActive = computed(() => searchQuery.value.trim().length > 0)
|
||||
const pendingDeleteCount = computed(() => pendingDeleteRows.value.length)
|
||||
const deniedDeleteCount = computed(() => deleteSummary.value?.deniedIds.length ?? 0)
|
||||
|
||||
// Fetch object definition
|
||||
const fetchObjectDefinition = async () => {
|
||||
try {
|
||||
@@ -199,51 +155,17 @@ 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[]) => {
|
||||
pendingDeleteRows.value = rows
|
||||
deleteSummary.value = null
|
||||
deleteDialogOpen.value = true
|
||||
}
|
||||
|
||||
const resetDeleteDialog = () => {
|
||||
deleteDialogOpen.value = false
|
||||
deleteSubmitting.value = false
|
||||
pendingDeleteRows.value = []
|
||||
deleteSummary.value = null
|
||||
}
|
||||
|
||||
const confirmDelete = async () => {
|
||||
if (pendingDeleteRows.value.length === 0) {
|
||||
resetDeleteDialog()
|
||||
return
|
||||
}
|
||||
|
||||
deleteSubmitting.value = true
|
||||
try {
|
||||
const ids = pendingDeleteRows.value.map(r => r.id)
|
||||
const result = await deleteRecords(ids)
|
||||
const deletedIds = result?.deletedIds ?? []
|
||||
const deniedIds = result?.deniedIds ?? []
|
||||
deleteSummary.value = { deletedIds, deniedIds }
|
||||
|
||||
if (deniedIds.length === 0) {
|
||||
resetDeleteDialog()
|
||||
if (confirm(`Delete ${rows.length} record(s)? This action cannot be undone.`)) {
|
||||
try {
|
||||
const ids = rows.map(r => r.id)
|
||||
await deleteRecords(ids)
|
||||
if (view.value !== 'list') {
|
||||
await router.push(`/${objectApiName.value.toLowerCase()}/`)
|
||||
}
|
||||
} catch (e: any) {
|
||||
error.value = e.message || 'Failed to delete records'
|
||||
}
|
||||
} catch (e: any) {
|
||||
error.value = e.message || 'Failed to delete records'
|
||||
} finally {
|
||||
deleteSubmitting.value = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -269,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'
|
||||
@@ -365,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 })
|
||||
|
||||
@@ -374,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)
|
||||
}
|
||||
@@ -419,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 -->
|
||||
@@ -444,8 +279,6 @@ onMounted(async () => {
|
||||
@edit="handleEdit"
|
||||
@delete="() => handleDelete([currentRecord])"
|
||||
@back="handleBack"
|
||||
@navigate="handleNavigate"
|
||||
@create-related="handleCreateRelated"
|
||||
/>
|
||||
|
||||
<!-- Edit View -->
|
||||
@@ -462,46 +295,6 @@ onMounted(async () => {
|
||||
@back="handleBack"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Dialog v-model:open="deleteDialogOpen">
|
||||
<DialogContent class="sm:max-w-[520px]">
|
||||
<DialogHeader>
|
||||
<DialogTitle>Delete records</DialogTitle>
|
||||
<DialogDescription>
|
||||
This action cannot be undone.
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
|
||||
<div class="space-y-2 text-sm">
|
||||
<p>
|
||||
You are about to delete {{ pendingDeleteCount }} record<span v-if="pendingDeleteCount !== 1">s</span>.
|
||||
</p>
|
||||
<p v-if="deleteSummary" class="text-muted-foreground">
|
||||
Deleted {{ deleteSummary.deletedIds.length }} record<span v-if="deleteSummary.deletedIds.length !== 1">s</span>.
|
||||
</p>
|
||||
<p v-if="deniedDeleteCount > 0" class="text-destructive">
|
||||
{{ deniedDeleteCount }} record<span v-if="deniedDeleteCount !== 1">s</span> could not be deleted due to missing permissions.
|
||||
</p>
|
||||
<p v-if="!deleteSummary" class="text-muted-foreground">
|
||||
Records you do not have permission to delete will be skipped.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<DialogFooter>
|
||||
<Button variant="outline" @click="resetDeleteDialog" :disabled="deleteSubmitting">
|
||||
{{ deleteSummary ? 'Close' : 'Cancel' }}
|
||||
</Button>
|
||||
<Button
|
||||
v-if="!deleteSummary"
|
||||
variant="destructive"
|
||||
@click="confirmDelete"
|
||||
:disabled="deleteSubmitting"
|
||||
>
|
||||
Delete
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
</NuxtLayout>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
<template>
|
||||
<div class="space-y-6 p-6">
|
||||
<div>
|
||||
<h1 class="text-2xl font-semibold text-slate-900">
|
||||
AI Process Builder
|
||||
</h1>
|
||||
<p class="text-sm text-slate-600">
|
||||
Define tenant-scoped process graphs and publish versions for orchestration.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<ReactFlowIframe />
|
||||
</div>
|
||||
</template>
|
||||
@@ -1,192 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import { Save, Play, ArrowLeft } from 'lucide-vue-next'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Textarea } from '@/components/ui/textarea'
|
||||
import { Label } from '@/components/ui/label'
|
||||
import { useApi } from '@/composables/useApi'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
|
||||
interface ProcessGraph {
|
||||
id: string
|
||||
name: string
|
||||
description?: string
|
||||
nodes: any[]
|
||||
edges: any[]
|
||||
}
|
||||
|
||||
const { api } = useApi()
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
const processId = computed(() => route.params.id === 'new' ? null : String(route.params.id))
|
||||
|
||||
const processName = ref('')
|
||||
const processDescription = ref('')
|
||||
const graphDefinition = ref<ProcessGraph | null>(null)
|
||||
const saving = ref(false)
|
||||
const loading = ref(true)
|
||||
|
||||
const getTenantId = () => {
|
||||
if (!import.meta.client) return 'tenant1'
|
||||
return localStorage.getItem('tenantId') || 'tenant1'
|
||||
}
|
||||
|
||||
const loadProcess = async () => {
|
||||
if (!processId.value) {
|
||||
loading.value = false
|
||||
return
|
||||
}
|
||||
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await api.get(`/tenants/${getTenantId()}/ai-processes/${processId.value}`)
|
||||
processName.value = data.name
|
||||
processDescription.value = data.description || ''
|
||||
|
||||
if (data.versions && data.versions.length > 0) {
|
||||
const latestVersion = data.versions[data.versions.length - 1]
|
||||
graphDefinition.value = latestVersion.graphJson
|
||||
|
||||
// Send graph to iframe
|
||||
sendGraphToEditor(latestVersion.graphJson)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to load process:', error)
|
||||
alert('Failed to load process')
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const sendGraphToEditor = (graph: any) => {
|
||||
const iframe = document.getElementById('process-editor-iframe') as HTMLIFrameElement
|
||||
if (iframe && iframe.contentWindow) {
|
||||
iframe.contentWindow.postMessage({
|
||||
type: 'LOAD_GRAPH',
|
||||
payload: graph
|
||||
}, '*')
|
||||
}
|
||||
}
|
||||
|
||||
const saveProcess = async () => {
|
||||
if (!processName.value.trim()) {
|
||||
alert('Process name is required')
|
||||
return
|
||||
}
|
||||
|
||||
if (!graphDefinition.value) {
|
||||
alert('Please design the process graph first')
|
||||
return
|
||||
}
|
||||
|
||||
saving.value = true
|
||||
try {
|
||||
if (processId.value) {
|
||||
// Update existing process (create new version)
|
||||
await api.post(`/tenants/${getTenantId()}/ai-processes/${processId.value}/versions`, {
|
||||
graph: graphDefinition.value
|
||||
})
|
||||
alert('Process version saved successfully!')
|
||||
} else {
|
||||
// Create new process
|
||||
const result = await api.post(`/tenants/${getTenantId()}/ai-processes`, {
|
||||
name: processName.value,
|
||||
description: processDescription.value,
|
||||
graph: graphDefinition.value
|
||||
})
|
||||
alert('Process created successfully!')
|
||||
router.push(`/ai-processes/${result.id}/edit`)
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error('Failed to save process:', error)
|
||||
alert(`Save failed: ${error.message || 'Unknown error'}`)
|
||||
} finally {
|
||||
saving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const testRun = async () => {
|
||||
if (!processId.value) {
|
||||
alert('Please save the process first')
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const result = await api.post(`/tenants/${getTenantId()}/ai-processes/${processId.value}/runs`, {
|
||||
input: { test: true }
|
||||
})
|
||||
console.log('Test run result:', result)
|
||||
alert('Test run started! Check the console for details.')
|
||||
} catch (error: any) {
|
||||
alert(`Test failed: ${error.message}`)
|
||||
}
|
||||
}
|
||||
|
||||
const handleEditorMessage = (event: MessageEvent) => {
|
||||
if (event.data.type === 'GRAPH_UPDATED') {
|
||||
graphDefinition.value = event.data.payload
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadProcess()
|
||||
window.addEventListener('message', handleEditorMessage)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('message', handleEditorMessage)
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="h-screen flex flex-col">
|
||||
<!-- Header -->
|
||||
<div class="border-b bg-background px-6 py-3 flex items-center justify-between">
|
||||
<div class="flex items-center gap-4 flex-1">
|
||||
<Button variant="ghost" size="icon" @click="router.push('/ai-processes')">
|
||||
<ArrowLeft class="h-4 w-4" />
|
||||
</Button>
|
||||
<div class="flex-1 max-w-md">
|
||||
<Input
|
||||
v-model="processName"
|
||||
placeholder="Process Name"
|
||||
class="font-semibold"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<Button variant="outline" @click="testRun" :disabled="!processId">
|
||||
<Play class="h-4 w-4 mr-2" />
|
||||
Test Run
|
||||
</Button>
|
||||
<Button @click="saveProcess" :disabled="saving">
|
||||
<Save class="h-4 w-4 mr-2" />
|
||||
{{ saving ? 'Saving...' : 'Save' }}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Process Description -->
|
||||
<div class="border-b bg-background px-6 py-2">
|
||||
<Textarea
|
||||
v-model="processDescription"
|
||||
placeholder="Process description (optional)"
|
||||
class="resize-none text-sm"
|
||||
rows="2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Editor Iframe -->
|
||||
<div class="flex-1 relative">
|
||||
<div v-if="loading" class="absolute inset-0 flex items-center justify-center bg-background/80">
|
||||
<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
|
||||
</div>
|
||||
<iframe
|
||||
id="process-editor-iframe"
|
||||
src="/ai-processes-editor/index.html"
|
||||
class="w-full h-full border-0"
|
||||
title="Process Editor"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -1,133 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import { Plus, Workflow, Play } from 'lucide-vue-next'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { useApi } from '@/composables/useApi'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
interface Process {
|
||||
id: string
|
||||
name: string
|
||||
description?: string
|
||||
latestVersion: number
|
||||
createdAt: string
|
||||
versions?: any[]
|
||||
}
|
||||
|
||||
const { api } = useApi()
|
||||
const router = useRouter()
|
||||
const processes = ref<Process[]>([])
|
||||
const loading = ref(true)
|
||||
|
||||
const getTenantId = () => {
|
||||
if (!import.meta.client) return 'tenant1'
|
||||
return localStorage.getItem('tenantId') || 'tenant1'
|
||||
}
|
||||
|
||||
const loadProcesses = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await api.get(`/tenants/${getTenantId()}/ai-processes`)
|
||||
processes.value = data || []
|
||||
} catch (error) {
|
||||
console.error('Failed to load processes:', error)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const createNewProcess = () => {
|
||||
router.push('/ai-processes/new')
|
||||
}
|
||||
|
||||
const editProcess = (processId: string) => {
|
||||
router.push(`/ai-processes/${processId}/edit`)
|
||||
}
|
||||
|
||||
const testProcess = async (processId: string) => {
|
||||
try {
|
||||
const result = await api.post(`/tenants/${getTenantId()}/ai-processes/${processId}/runs`, {
|
||||
input: { test: true },
|
||||
})
|
||||
console.log('Test run result:', result)
|
||||
alert('Process test started! Check console for details.')
|
||||
} catch (error: any) {
|
||||
alert(`Test failed: ${error.message}`)
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadProcesses()
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="container mx-auto p-6 space-y-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-3xl font-bold tracking-tight">AI Process Builder</h1>
|
||||
<p class="text-muted-foreground mt-1">
|
||||
Create and manage intelligent business process workflows
|
||||
</p>
|
||||
</div>
|
||||
<Button @click="createNewProcess">
|
||||
<Plus class="mr-2 h-4 w-4" />
|
||||
New Process
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div v-if="loading" class="flex items-center justify-center py-12">
|
||||
<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
|
||||
</div>
|
||||
|
||||
<div v-else-if="processes.length === 0" class="text-center py-12">
|
||||
<Workflow class="mx-auto h-12 w-12 text-muted-foreground/50" />
|
||||
<h3 class="mt-4 text-lg font-semibold">No processes yet</h3>
|
||||
<p class="text-muted-foreground mt-1">
|
||||
Get started by creating your first AI-powered business process
|
||||
</p>
|
||||
<Button @click="createNewProcess" class="mt-4">
|
||||
<Plus class="mr-2 h-4 w-4" />
|
||||
Create Process
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div v-else class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
|
||||
<Card
|
||||
v-for="process in processes"
|
||||
:key="process.id"
|
||||
class="hover:shadow-lg transition-shadow cursor-pointer"
|
||||
@click="editProcess(process.id)"
|
||||
>
|
||||
<CardHeader>
|
||||
<div class="flex items-start justify-between">
|
||||
<Workflow class="h-5 w-5 text-primary" />
|
||||
<Badge variant="secondary">v{{ process.latestVersion }}</Badge>
|
||||
</div>
|
||||
<CardTitle class="mt-2">{{ process.name }}</CardTitle>
|
||||
<CardDescription>{{ process.description || 'No description' }}</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div class="flex gap-2">
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
@click.stop="editProcess(process.id)"
|
||||
>
|
||||
Edit
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
@click.stop="testProcess(process.id)"
|
||||
>
|
||||
<Play class="h-3 w-3 mr-1" />
|
||||
Test
|
||||
</Button>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -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
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -133,7 +133,6 @@ onMounted(async () => {
|
||||
:config="domainDetailConfig"
|
||||
:data="currentRecord"
|
||||
:loading="dataLoading"
|
||||
base-url="/central"
|
||||
@edit="handleEdit"
|
||||
@delete="() => handleDelete([currentRecord])"
|
||||
@back="handleBack"
|
||||
|
||||
@@ -168,7 +168,6 @@ onMounted(async () => {
|
||||
:config="tenantDetailConfig"
|
||||
:data="currentRecord"
|
||||
:loading="dataLoading"
|
||||
base-url="/central"
|
||||
@edit="handleEdit"
|
||||
@delete="() => handleDelete([currentRecord])"
|
||||
@back="handleBack"
|
||||
|
||||
@@ -138,7 +138,6 @@ onMounted(async () => {
|
||||
:config="centralUserDetailConfig"
|
||||
:data="currentRecord"
|
||||
:loading="dataLoading"
|
||||
base-url="/central"
|
||||
@edit="handleEdit"
|
||||
@delete="() => handleDelete([currentRecord])"
|
||||
@back="handleBack"
|
||||
|
||||
@@ -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
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user