4f2a8d6ab5
=== DONE === - MCP Apps UI system added (11 apps with _meta.ui.resourceUri) - 19 new tool modules added - Tool count: 269 → 461 across 38 categories - Upstream changes merged - All tools tagged with _meta labels - Package lock updated === TO-DO === - [ ] Fix 42 failing edge case tests (BLOCKER — Stage 11) - [ ] Live API testing with GHL credentials - [ ] App design approval for Stage 7→8
121 lines
3.6 KiB
TypeScript
121 lines
3.6 KiB
TypeScript
import { UITree } from '../types.js';
|
|
|
|
export function buildWorkflowStatusTree(data: {
|
|
workflow: any;
|
|
workflows: any[];
|
|
workflowId: string;
|
|
locationId: string;
|
|
}): UITree {
|
|
const workflow = data.workflow || {};
|
|
const workflows = data.workflows || [];
|
|
const wfName = workflow.name || 'Workflow';
|
|
|
|
// Build flow diagram from workflow structure if available
|
|
const flowNodes: any[] = [];
|
|
const flowEdges: any[] = [];
|
|
|
|
// Add trigger node
|
|
flowNodes.push({
|
|
id: 'trigger',
|
|
label: workflow.trigger?.type || 'Trigger',
|
|
type: 'start',
|
|
description: workflow.trigger?.name || 'Workflow trigger',
|
|
});
|
|
|
|
// If workflow has actions/steps, map them
|
|
const actions = workflow.actions || workflow.steps || [];
|
|
let prevId = 'trigger';
|
|
for (let i = 0; i < Math.min(actions.length, 8); i++) {
|
|
const action = actions[i];
|
|
const nodeId = `action-${i}`;
|
|
const isCondition = action.type === 'condition' || action.type === 'if_else';
|
|
|
|
flowNodes.push({
|
|
id: nodeId,
|
|
label: action.name || action.type || `Step ${i + 1}`,
|
|
type: isCondition ? 'condition' : 'action',
|
|
description: action.description || undefined,
|
|
});
|
|
flowEdges.push({ from: prevId, to: nodeId });
|
|
prevId = nodeId;
|
|
}
|
|
|
|
// End node
|
|
flowNodes.push({ id: 'end', label: 'End', type: 'end' });
|
|
flowEdges.push({ from: prevId, to: 'end' });
|
|
|
|
// If no actions were found, create a simple placeholder flow
|
|
if (actions.length === 0 && !workflow.trigger) {
|
|
flowNodes.length = 0;
|
|
flowEdges.length = 0;
|
|
flowNodes.push(
|
|
{ id: 'start', label: 'Start', type: 'start' },
|
|
{ id: 'process', label: wfName, type: 'action', description: workflow.status || 'Active' },
|
|
{ id: 'end', label: 'End', type: 'end' },
|
|
);
|
|
flowEdges.push(
|
|
{ from: 'start', to: 'process' },
|
|
{ from: 'process', to: 'end' },
|
|
);
|
|
}
|
|
|
|
// Workflow stats
|
|
const activeCount = workflows.filter((w: any) => w.status === 'active').length;
|
|
const draftCount = workflows.filter((w: any) => w.status === 'draft').length;
|
|
|
|
return {
|
|
root: 'page',
|
|
elements: {
|
|
page: {
|
|
key: 'page',
|
|
type: 'PageHeader',
|
|
props: {
|
|
title: wfName,
|
|
subtitle: 'Workflow Status',
|
|
status: workflow.status || 'active',
|
|
statusVariant: workflow.status === 'active' ? 'active' : 'draft',
|
|
gradient: true,
|
|
stats: [
|
|
{ label: 'Status', value: (workflow.status || 'active').charAt(0).toUpperCase() + (workflow.status || 'active').slice(1) },
|
|
{ label: 'Total Workflows', value: String(workflows.length) },
|
|
{ label: 'Active', value: String(activeCount) },
|
|
{ label: 'Draft', value: String(draftCount) },
|
|
],
|
|
},
|
|
children: ['flow', 'statsGrid'],
|
|
},
|
|
flow: {
|
|
key: 'flow',
|
|
type: 'FlowDiagram',
|
|
props: {
|
|
nodes: flowNodes,
|
|
edges: flowEdges,
|
|
direction: 'horizontal',
|
|
title: `${wfName} Flow`,
|
|
},
|
|
},
|
|
statsGrid: {
|
|
key: 'statsGrid',
|
|
type: 'StatsGrid',
|
|
props: { columns: 3 },
|
|
children: ['sActive', 'sDraft', 'sTotal'],
|
|
},
|
|
sActive: {
|
|
key: 'sActive',
|
|
type: 'MetricCard',
|
|
props: { label: 'Active Workflows', value: String(activeCount), color: 'green' },
|
|
},
|
|
sDraft: {
|
|
key: 'sDraft',
|
|
type: 'MetricCard',
|
|
props: { label: 'Draft Workflows', value: String(draftCount), color: 'yellow' },
|
|
},
|
|
sTotal: {
|
|
key: 'sTotal',
|
|
type: 'MetricCard',
|
|
props: { label: 'Total', value: String(workflows.length), color: 'blue' },
|
|
},
|
|
},
|
|
};
|
|
}
|