@nuraly/lumenui 0.2.2 → 0.3.3

package/dist/src/components/canvas/canvas.constants.d.ts

@@ -24,7 +24,7 @@ export declare const TABLE_MIN_HEIGHT = 120;
 export declare const VIEWPORT_ADD_NODE_OFFSET_X = 400;
 export declare const VIEWPORT_ADD_NODE_OFFSET_Y = 200;
 export declare const TRIGGER_POLL_INTERVAL_MS = 10000;
-export declare const PERSISTENT_TRIGGER_TYPE_NAMES: readonly ["TELEGRAM_BOT", "SLACK_SOCKET", "DISCORD_BOT", "WHATSAPP_WEBHOOK", "CUSTOM_WEBSOCKET", "RABBITMQ_TRIGGER", "CALENDLY_TRIGGER", "KAFKA_TRIGGER"];
+export declare const PERSISTENT_TRIGGER_TYPE_NAMES: readonly ["TELEGRAM_BOT", "SLACK_SOCKET", "DISCORD_BOT", "WHATSAPP_WEBHOOK", "CUSTOM_WEBSOCKET", "RABBITMQ_TRIGGER", "CALENDLY_TRIGGER", "KAFKA_TRIGGER", "CRON"];
 export declare const FILL_COLOR_PRESETS: readonly ["#fef08a", "#bbf7d0", "#bfdbfe", "#fecaca", "#e9d5ff", "#fed7aa", "#ffffff", "#f3f4f6"];
 export declare const BORDER_COLOR_PRESETS: readonly ["#8b5cf6", "#3b82f6", "#ef4444", "#22c55e", "#f59e0b", "#6b7280", "#1a1a1a", "#e5e7eb"];
 export declare const TEXT_COLOR_PRESETS: readonly ["#1a1a1a", "#374151", "#713f12", "#1e3a5f", "#7f1d1d", "#4c1d95", "#ffffff"];

package/dist/src/components/canvas/canvas.constants.js

@@ -30,7 +30,7 @@ export const VIEWPORT_ADD_NODE_OFFSET_Y = 200;
 // ==================== Trigger Polling ====================
 export const TRIGGER_POLL_INTERVAL_MS = 10000;
 export const PERSISTENT_TRIGGER_TYPE_NAMES = [
-    'TELEGRAM_BOT', 'SLACK_SOCKET', 'DISCORD_BOT', 'WHATSAPP_WEBHOOK', 'CUSTOM_WEBSOCKET', 'RABBITMQ_TRIGGER', 'CALENDLY_TRIGGER', 'KAFKA_TRIGGER',
+    'TELEGRAM_BOT', 'SLACK_SOCKET', 'DISCORD_BOT', 'WHATSAPP_WEBHOOK', 'CUSTOM_WEBSOCKET', 'RABBITMQ_TRIGGER', 'CALENDLY_TRIGGER', 'KAFKA_TRIGGER', 'CRON',
 ];
 // ==================== Color Presets ====================
 export const FILL_COLOR_PRESETS = [

package/dist/src/components/canvas/workflow-canvas.component.d.ts

@@ -90,6 +90,13 @@ export declare class WorkflowCanvasElement extends BaseCanvasElement {
     createAndActivateTrigger(nodeType: string, config: NodeConfiguration): Promise<string | undefined>;
     toggleDevMode(triggerId: string, enable: boolean): Promise<void>;
     private handleNodePreview;
+    /**
+     * Open (idempotent) the workflow socket and wire execution listeners so that
+     * START-node clicks produce live node status updates without requiring a
+     * CHAT_START preview to be open. No-op unless the host set
+     * `listenToExecutionEvents=true` and a workflow is loaded.
+     */
+    private ensureExecutionSocket;
     private initializeChatPreview;
     private connectChatPreviewSocket;
     private setupExecutionSocketListeners;

package/dist/src/components/canvas/workflow-canvas.component.js

@@ -128,6 +128,11 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
         if (changedProperties.has('workflow')) {
             this.startTriggerPollingIfNeeded();
         }
+        // When the host flips listenToExecutionEvents on (or the workflow id changes),
+        // open the socket so START node clicks produce live status updates.
+        if (changedProperties.has('workflow') || changedProperties.has('listenToExecutionEvents')) {
+            this.ensureExecutionSocket();
+        }
     }
     // ==================== Nodes with Statuses ====================
     getNodesForRendering() {
@@ -178,7 +183,7 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
                     return;
                 const triggers = yield triggersRes.json();
                 const persistentTypes = new Set([
-                    'TELEGRAM_BOT', 'SLACK_SOCKET', 'DISCORD_BOT', 'WHATSAPP_WEBHOOK', 'CUSTOM_WEBSOCKET',
+                    'TELEGRAM_BOT', 'SLACK_SOCKET', 'DISCORD_BOT', 'WHATSAPP_WEBHOOK', 'CUSTOM_WEBSOCKET', 'RABBITMQ_TRIGGER', 'CRON',
                 ]);
                 const persistentTriggers = triggers.filter(t => persistentTypes.has(t.type));
                 const statusPromises = persistentTriggers.map((trigger) => __awaiter(this, void 0, void 0, function* () {
@@ -303,6 +308,37 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
                 if (node.type === WorkflowNodeType.CHAT_START && ((_a = this.workflow) === null || _a === void 0 ? void 0 : _a.id)) {
                     yield this.initializeChatPreview(this.workflow.id, node.configuration);
                 }
+                else {
+                    // Chat preview cleanup tore down the shared socket — re-open it so
+                    // START-node execution events still reach the canvas.
+                    yield this.ensureExecutionSocket();
+                }
+            }
+        });
+    }
+    /**
+     * Open (idempotent) the workflow socket and wire execution listeners so that
+     * START-node clicks produce live node status updates without requiring a
+     * CHAT_START preview to be open. No-op unless the host set
+     * `listenToExecutionEvents=true` and a workflow is loaded.
+     */
+    ensureExecutionSocket() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (this.chatPreviewProvider ||
+                !this.listenToExecutionEvents ||
+                !((_a = this.workflow) === null || _a === void 0 ? void 0 : _a.id)) {
+                return;
+            }
+            try {
+                this.chatPreviewProvider = new WorkflowSocketProvider();
+                yield this.connectChatPreviewSocket(this.workflow.id);
+                this.setupExecutionSocketListeners();
+                console.log('[Canvas] Execution socket initialized for workflow:', this.workflow.id);
+            }
+            catch (error) {
+                console.error('[Canvas] Failed to initialize execution socket:', error);
+                this.chatPreviewProvider = null;
             }
         });
     }
@@ -494,7 +530,7 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
     }
     closePreviewPanel() {
         this.previewNodeId = null;
-        this.cleanupChatPreview();
+        this.cleanupChatPreview().then(() => this.ensureExecutionSocket());
         this.resetHttpPreview();
     }
     handleNodeTrigger(e) {
@@ -519,6 +555,11 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
             return;
         }
         console.log('[Canvas] Node trigger clicked:', node.name, node.type);
+        // START nodes dispatch workflow-run so the host page can execute the workflow
+        if (node.type === WorkflowNodeType.START) {
+            this.dispatchEvent(new CustomEvent('workflow-run', { bubbles: true, composed: true }));
+            return;
+        }
         this.dispatchEvent(new CustomEvent('workflow-trigger', {
             detail: { node },
             bubbles: true,
@@ -1006,6 +1047,9 @@ let WorkflowCanvasElement = class WorkflowCanvasElement extends BaseCanvasElemen
                     }
                 },
                 onRetryNode: this.currentExecutionId ? (nodeId) => { void this.handleRetryNode(nodeId); } : undefined,
+                onRunWorkflow: () => {
+                    this.dispatchEvent(new CustomEvent('workflow-run', { bubbles: true, composed: true }));
+                },
             },
             workflowId: (_b = this.workflow) === null || _b === void 0 ? void 0 : _b.id,
             workflow: this.workflow,

package/dist/src/components/canvas/workflow-canvas.types.d.ts

@@ -15,12 +15,18 @@ export declare enum WorkflowNodeType {
     HTTP_END = "HTTP_END",
     CHAT_START = "CHAT_START",
     CHAT_OUTPUT = "CHAT_OUTPUT",
+    SOCIAL_POST = "SOCIAL_POST",
     FUNCTION = "FUNCTION",
     HTTP = "HTTP",
     CONDITION = "CONDITION",
+    SWITCH = "SWITCH",
     DELAY = "DELAY",
     PARALLEL = "PARALLEL",
+    MERGE = "MERGE",
     LOOP = "LOOP",
+    BREAK = "BREAK",
+    WAIT = "WAIT",
+    TRY_CATCH = "TRY_CATCH",
     TRANSFORM = "TRANSFORM",
     SUB_WORKFLOW = "SUB_WORKFLOW",
     EMAIL = "EMAIL",
@@ -76,7 +82,8 @@ export declare enum WorkflowNodeType {
     CALENDLY_TRIGGER = "CALENDLY_TRIGGER",
     UI_TABLE = "UI_TABLE",
     NOTE = "NOTE",
-    FRAME = "FRAME"
+    FRAME = "FRAME",
+    CRON = "CRON"
 }
 /**
  * Node types for agent-based workflows

package/dist/src/components/canvas/workflow-canvas.types.js

@@ -17,12 +17,18 @@ export var WorkflowNodeType;
     WorkflowNodeType["HTTP_END"] = "HTTP_END";
     WorkflowNodeType["CHAT_START"] = "CHAT_START";
     WorkflowNodeType["CHAT_OUTPUT"] = "CHAT_OUTPUT";
+    WorkflowNodeType["SOCIAL_POST"] = "SOCIAL_POST";
     WorkflowNodeType["FUNCTION"] = "FUNCTION";
     WorkflowNodeType["HTTP"] = "HTTP";
     WorkflowNodeType["CONDITION"] = "CONDITION";
+    WorkflowNodeType["SWITCH"] = "SWITCH";
     WorkflowNodeType["DELAY"] = "DELAY";
     WorkflowNodeType["PARALLEL"] = "PARALLEL";
+    WorkflowNodeType["MERGE"] = "MERGE";
     WorkflowNodeType["LOOP"] = "LOOP";
+    WorkflowNodeType["BREAK"] = "BREAK";
+    WorkflowNodeType["WAIT"] = "WAIT";
+    WorkflowNodeType["TRY_CATCH"] = "TRY_CATCH";
     WorkflowNodeType["TRANSFORM"] = "TRANSFORM";
     WorkflowNodeType["SUB_WORKFLOW"] = "SUB_WORKFLOW";
     WorkflowNodeType["EMAIL"] = "EMAIL";
@@ -104,6 +110,8 @@ export var WorkflowNodeType;
     // Annotation nodes
     WorkflowNodeType["NOTE"] = "NOTE";
     WorkflowNodeType["FRAME"] = "FRAME";
+    // Cron/scheduled trigger
+    WorkflowNodeType["CRON"] = "CRON";
 })(WorkflowNodeType || (WorkflowNodeType = {}));
 /**
  * Node types for agent-based workflows
@@ -231,12 +239,18 @@ export const NODE_COLORS = {
     [WorkflowNodeType.HTTP_END]: '#dc2626',
     [WorkflowNodeType.CHAT_START]: '#0ea5e9',
     [WorkflowNodeType.CHAT_OUTPUT]: '#06b6d4',
+    [WorkflowNodeType.SOCIAL_POST]: '#7c3aed',
     [WorkflowNodeType.FUNCTION]: '#3b82f6',
     [WorkflowNodeType.HTTP]: '#8b5cf6',
     [WorkflowNodeType.CONDITION]: '#f59e0b',
+    [WorkflowNodeType.SWITCH]: '#eab308',
     [WorkflowNodeType.DELAY]: '#6b7280',
     [WorkflowNodeType.PARALLEL]: '#06b6d4',
+    [WorkflowNodeType.MERGE]: '#0891b2',
     [WorkflowNodeType.LOOP]: '#ec4899',
+    [WorkflowNodeType.BREAK]: '#991b1b',
+    [WorkflowNodeType.WAIT]: '#a78bfa',
+    [WorkflowNodeType.TRY_CATCH]: '#f43f5e',
     [WorkflowNodeType.TRANSFORM]: '#14b8a6',
     [WorkflowNodeType.SUB_WORKFLOW]: '#6366f1',
     [WorkflowNodeType.EMAIL]: '#f97316',
@@ -318,6 +332,8 @@ export const NODE_COLORS = {
     // Annotation nodes
     [WorkflowNodeType.NOTE]: '#fef08a',
     [WorkflowNodeType.FRAME]: '#6366f1',
+    // Cron/scheduled trigger
+    [WorkflowNodeType.CRON]: '#d97706',
     // Agent nodes
     [AgentNodeType.AGENT]: '#10b981',
     [AgentNodeType.TOOL]: '#0ea5e9',
@@ -369,12 +385,18 @@ export const NODE_ICONS = {
     [WorkflowNodeType.HTTP_END]: 'upload',
     [WorkflowNodeType.CHAT_START]: 'message-circle',
     [WorkflowNodeType.CHAT_OUTPUT]: 'message-square',
+    [WorkflowNodeType.SOCIAL_POST]: 'send',
     [WorkflowNodeType.FUNCTION]: 'code',
     [WorkflowNodeType.HTTP]: 'globe',
     [WorkflowNodeType.CONDITION]: 'git-branch',
+    [WorkflowNodeType.SWITCH]: 'git-fork',
     [WorkflowNodeType.DELAY]: 'clock',
     [WorkflowNodeType.PARALLEL]: 'git-merge',
+    [WorkflowNodeType.MERGE]: 'merge',
     [WorkflowNodeType.LOOP]: 'repeat',
+    [WorkflowNodeType.BREAK]: 'circle-stop',
+    [WorkflowNodeType.WAIT]: 'hourglass',
+    [WorkflowNodeType.TRY_CATCH]: 'shield-alert',
     [WorkflowNodeType.TRANSFORM]: 'shuffle',
     [WorkflowNodeType.SUB_WORKFLOW]: 'layers',
     [WorkflowNodeType.EMAIL]: 'mail',
@@ -456,6 +478,8 @@ export const NODE_ICONS = {
     // Annotation nodes
     [WorkflowNodeType.NOTE]: 'sticky-note',
     [WorkflowNodeType.FRAME]: 'square',
+    // Cron/scheduled trigger
+    [WorkflowNodeType.CRON]: 'timer',
     // Agent nodes
     [AgentNodeType.AGENT]: 'cpu',
     [AgentNodeType.TOOL]: 'tool',
@@ -612,6 +636,24 @@ export const NODE_TEMPLATES = [
             outputs: [{ id: 'out', type: PortType.OUTPUT, label: 'Output' }],
         },
     },
+    {
+        type: WorkflowNodeType.SOCIAL_POST,
+        name: 'Social Post',
+        description: 'Post to social feed on behalf of an agent',
+        icon: NODE_ICONS[WorkflowNodeType.SOCIAL_POST],
+        color: NODE_COLORS[WorkflowNodeType.SOCIAL_POST],
+        category: 'action',
+        defaultConfig: {
+            agentId: '',
+            content: '${variables.response}',
+            mediaUrl: '',
+            mediaType: '',
+        },
+        defaultPorts: {
+            inputs: [{ id: 'in', type: PortType.INPUT, label: 'Input' }],
+            outputs: [{ id: 'out', type: PortType.OUTPUT, label: 'Output' }],
+        },
+    },
     {
         type: WorkflowNodeType.LLM,
         name: 'LLM',
@@ -772,6 +814,92 @@ export const NODE_TEMPLATES = [
             ],
         },
     },
+    {
+        type: WorkflowNodeType.SWITCH,
+        name: 'Switch',
+        description: 'Route to a branch based on a value',
+        icon: NODE_ICONS[WorkflowNodeType.SWITCH],
+        color: NODE_COLORS[WorkflowNodeType.SWITCH],
+        category: 'control',
+        defaultConfig: {
+            expression: '',
+            language: 'javascript',
+            cases: [
+                { value: 'case1', label: 'Case 1' },
+                { value: 'case2', label: 'Case 2' },
+            ],
+            includeDefault: true,
+        },
+        defaultPorts: {
+            inputs: [{ id: 'in', type: PortType.INPUT, label: 'Input' }],
+            outputs: [
+                { id: 'case1', type: PortType.OUTPUT, label: 'Case 1' },
+                { id: 'case2', type: PortType.OUTPUT, label: 'Case 2' },
+                { id: 'default', type: PortType.CONDITIONAL_DEFAULT, label: 'Default' },
+            ],
+        },
+    },
+    {
+        type: WorkflowNodeType.MERGE,
+        name: 'Merge',
+        description: 'Join multiple branches into one',
+        icon: NODE_ICONS[WorkflowNodeType.MERGE],
+        color: NODE_COLORS[WorkflowNodeType.MERGE],
+        category: 'control',
+        defaultConfig: { mode: 'waitAll' },
+        defaultPorts: {
+            inputs: [
+                { id: 'in1', type: PortType.INPUT, label: 'Input 1', multiple: true },
+                { id: 'in2', type: PortType.INPUT, label: 'Input 2', multiple: true },
+            ],
+            outputs: [{ id: 'out', type: PortType.OUTPUT, label: 'Output' }],
+        },
+    },
+    {
+        type: WorkflowNodeType.WAIT,
+        name: 'Wait',
+        description: 'Pause until a signal or event is received',
+        icon: NODE_ICONS[WorkflowNodeType.WAIT],
+        color: NODE_COLORS[WorkflowNodeType.WAIT],
+        category: 'control',
+        defaultConfig: { signalName: '', timeout: 300000 },
+        defaultPorts: {
+            inputs: [{ id: 'in', type: PortType.INPUT, label: 'Input' }],
+            outputs: [
+                { id: 'out', type: PortType.OUTPUT, label: 'Signal' },
+                { id: 'timeout', type: PortType.OUTPUT, label: 'Timeout' },
+            ],
+        },
+    },
+    {
+        type: WorkflowNodeType.TRY_CATCH,
+        name: 'Try / Catch',
+        description: 'Catch errors from the connected branch',
+        icon: NODE_ICONS[WorkflowNodeType.TRY_CATCH],
+        color: NODE_COLORS[WorkflowNodeType.TRY_CATCH],
+        category: 'control',
+        defaultConfig: { catchTypes: ['*'], errorVariable: 'error' },
+        defaultPorts: {
+            inputs: [{ id: 'in', type: PortType.INPUT, label: 'Input' }],
+            outputs: [
+                { id: 'try', type: PortType.OUTPUT, label: 'Try' },
+                { id: 'catch', type: PortType.ERROR, label: 'Catch' },
+            ],
+        },
+    },
+    {
+        type: WorkflowNodeType.BREAK,
+        name: 'Break',
+        description: 'Exit the enclosing loop',
+        icon: NODE_ICONS[WorkflowNodeType.BREAK],
+        color: NODE_COLORS[WorkflowNodeType.BREAK],
+        category: 'control',
+        defaultConfig: {},
+        defaultPorts: {
+            inputs: [{ id: 'in', type: PortType.INPUT, label: 'Input' }],
+            outputs: [],
+        },
+    },
     {
         type: WorkflowNodeType.TRANSFORM,
         name: 'Transform',
@@ -1748,6 +1876,26 @@ export const NODE_TEMPLATES = [
             ],
         },
     },
+    // Cron/scheduled trigger
+    {
+        type: WorkflowNodeType.CRON,
+        name: 'Cron Trigger',
+        description: 'Triggers workflow on a scheduled cron expression',
+        icon: NODE_ICONS[WorkflowNodeType.CRON],
+        color: NODE_COLORS[WorkflowNodeType.CRON],
+        category: 'trigger',
+        defaultConfig: {
+            cronExpression: '0 * * * *',
+            timezone: 'UTC',
+        },
+        defaultPorts: {
+            inputs: [],
+            outputs: [
+                { id: 'out', type: PortType.OUTPUT, label: 'Tick' },
+                { id: 'error', type: PortType.ERROR, label: 'Error' },
+            ],
+        },
+    },
     // MCP integration
     {
         type: WorkflowNodeType.MCP,
@@ -2509,6 +2657,7 @@ export const NODE_CATEGORIES = [
             WorkflowNodeType.START,
             WorkflowNodeType.HTTP_START,
             WorkflowNodeType.CHAT_START,
+            WorkflowNodeType.CRON,
             WorkflowNodeType.TELEGRAM_BOT,
             WorkflowNodeType.SLACK_SOCKET,
             WorkflowNodeType.DISCORD_BOT,
@@ -2527,9 +2676,14 @@ export const NODE_CATEGORIES = [
             WorkflowNodeType.END,
             WorkflowNodeType.HTTP_END,
             WorkflowNodeType.CONDITION,
+            WorkflowNodeType.SWITCH,
             WorkflowNodeType.DELAY,
+            WorkflowNodeType.WAIT,
             WorkflowNodeType.PARALLEL,
+            WorkflowNodeType.MERGE,
             WorkflowNodeType.LOOP,
+            WorkflowNodeType.BREAK,
+            WorkflowNodeType.TRY_CATCH,
         ],
         canvasType: CanvasType.WORKFLOW,
     },
@@ -2543,6 +2697,7 @@ export const NODE_CATEGORIES = [
             WorkflowNodeType.INFORMATION_EXTRACTOR,
             WorkflowNodeType.OCR,
             WorkflowNodeType.CHAT_OUTPUT,
+            WorkflowNodeType.SOCIAL_POST,
             WorkflowNodeType.SUB_WORKFLOW,
             WorkflowNodeType.EMAIL,
             WorkflowNodeType.EMAIL_READER,
@@ -2939,8 +3094,10 @@ export const PERSISTENT_TRIGGER_TYPES = new Set([
     WorkflowNodeType.DISCORD_BOT,
     WorkflowNodeType.WHATSAPP_WEBHOOK,
     WorkflowNodeType.CUSTOM_WEBSOCKET,
+    WorkflowNodeType.RABBITMQ_TRIGGER,
     WorkflowNodeType.CALENDLY_TRIGGER,
     WorkflowNodeType.KAFKA_TRIGGER,
+    WorkflowNodeType.CRON,
 ]);
 export function isPersistentTriggerNode(type) {
     return PERSISTENT_TRIGGER_TYPES.has(type);