@flowdrop/flowdrop 1.3.0 → 1.5.0

package/dist/schemas/v1/workflow.schema.json

@@ -38,7 +38,13 @@
       "$ref": "#/$defs/WorkflowMetadata"
     }
   },
-  "required": ["id", "name", "nodes", "edges", "metadata"],
+  "required": [
+    "id",
+    "name",
+    "nodes",
+    "edges",
+    "metadata"
+  ],
   "$defs": {
     "AutocompleteConfig": {
       "type": "object",
@@ -89,7 +95,9 @@
           "description": "Whether to allow multiple selections.\nWhen true, users can select multiple values displayed as tags.\n"
         }
       },
-      "required": ["url"]
+      "required": [
+        "url"
+      ]
     },
     "Branch": {
       "type": "object",
@@ -117,7 +125,10 @@
           "description": "Whether this is the default/fallback branch"
         }
       },
-      "required": ["name", "label"]
+      "required": [
+        "name",
+        "label"
+      ]
     },
     "ConfigProperty": {
       "type": "object",
@@ -125,7 +136,14 @@
       "properties": {
         "type": {
           "type": "string",
-          "enum": ["string", "number", "boolean", "array", "object", "integer"],
+          "enum": [
+            "string",
+            "number",
+            "boolean",
+            "array",
+            "object",
+            "integer"
+          ],
           "description": "JSON Schema type"
         },
         "title": {
@@ -251,14 +269,18 @@
           ]
         }
       },
-      "required": ["type"]
+      "required": [
+        "type"
+      ]
     },
     "ConfigSchema": {
       "type": "object",
       "properties": {
         "type": {
           "type": "string",
-          "enum": ["object"]
+          "enum": [
+            "object"
+          ]
         },
         "properties": {
           "type": "object",
@@ -279,7 +301,10 @@
           "default": false
         }
       },
-      "required": ["type", "properties"]
+      "required": [
+        "type",
+        "properties"
+      ]
     },
     "DynamicPort": {
       "type": "object",
@@ -313,7 +338,11 @@
           "description": "Whether this port is required for execution"
         }
       },
-      "required": ["name", "label", "dataType"]
+      "required": [
+        "name",
+        "label",
+        "dataType"
+      ]
     },
     "NodeCategory": {
       "type": "string",
@@ -404,7 +433,11 @@
           "description": "Whether the node is currently being executed"
         }
       },
-      "required": ["status", "executionCount", "isExecuting"]
+      "required": [
+        "status",
+        "executionCount",
+        "isExecuting"
+      ]
     },
     "NodeExecutionStatus": {
       "type": "string",
@@ -548,7 +581,11 @@
         },
         "type": {
           "type": "string",
-          "enum": ["input", "output", "metadata"],
+          "enum": [
+            "input",
+            "output",
+            "metadata"
+          ],
           "description": "Port direction (input receives data, output sends data)"
         },
         "dataType": {
@@ -577,7 +614,12 @@
           ]
         }
       },
-      "required": ["id", "name", "type", "dataType"]
+      "required": [
+        "id",
+        "name",
+        "type",
+        "dataType"
+      ]
     },
     "NodeType": {
       "type": "string",
@@ -635,7 +677,9 @@
           "description": "Optional description for this option"
         }
       },
-      "required": ["const"]
+      "required": [
+        "const"
+      ]
     },
     "PortDataSchema": {
       "type": "object",
@@ -643,7 +687,14 @@
       "properties": {
         "type": {
           "type": "string",
-          "enum": ["object", "array", "string", "number", "integer", "boolean"],
+          "enum": [
+            "object",
+            "array",
+            "string",
+            "number",
+            "integer",
+            "boolean"
+          ],
           "description": "The JSON Schema type. Use `object` for nested properties,\n`array` for lists with `items` schema.\n"
         },
         "title": {
@@ -692,7 +743,10 @@
           "description": "Y coordinate"
         }
       },
-      "required": ["x", "y"]
+      "required": [
+        "x",
+        "y"
+      ]
     },
     "TemplateVariable": {
       "type": "object",
@@ -750,7 +804,10 @@
           "description": "Source node ID"
         }
       },
-      "required": ["name", "type"]
+      "required": [
+        "name",
+        "type"
+      ]
     },
     "TemplateVariablesConfig": {
       "type": "object",
@@ -797,7 +854,9 @@
           "description": "Map of available variables keyed by variable name"
         }
       },
-      "required": ["variables"]
+      "required": [
+        "variables"
+      ]
     },
     "WorkflowEdge": {
       "type": "object",
@@ -828,7 +887,12 @@
         "type": {
           "type": "string",
           "description": "Connection line type",
-          "enum": ["default", "straight", "step", "smoothstep"]
+          "enum": [
+            "default",
+            "straight",
+            "step",
+            "smoothstep"
+          ]
         },
         "selectable": {
           "type": "boolean",
@@ -855,7 +919,11 @@
               "properties": {
                 "edgeType": {
                   "type": "string",
-                  "enum": ["trigger", "tool", "data"],
+                  "enum": [
+                    "trigger",
+                    "tool",
+                    "data"
+                  ],
                   "description": "Edge type for visual styling"
                 },
                 "sourcePortDataType": {
@@ -879,7 +947,11 @@
           }
         }
       },
-      "required": ["id", "source", "target"]
+      "required": [
+        "id",
+        "source",
+        "target"
+      ]
     },
     "WorkflowMetadata": {
       "type": "object",
@@ -923,7 +995,11 @@
           "default": "flowdrop"
         }
       },
-      "required": ["version", "createdAt", "updatedAt"]
+      "required": [
+        "version",
+        "createdAt",
+        "updatedAt"
+      ]
     },
     "WorkflowNode": {
       "type": "object",
@@ -984,10 +1060,19 @@
               ]
             }
           },
-          "required": ["label", "config", "metadata"]
+          "required": [
+            "label",
+            "config",
+            "metadata"
+          ]
         }
       },
-      "required": ["id", "type", "position", "data"]
+      "required": [
+        "id",
+        "type",
+        "position",
+        "data"
+      ]
     }
   }
 }

package/dist/services/chatService.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Chat Service
+ *
+ * Handles API interactions for the LLM Chat feature including
+ * sending messages, retrieving history, and clearing history.
+ *
+ * @module services/chatService
+ */
+import type { ChatRequest, ChatResponse, ChatHistoryMessage } from "../types/chat.js";
+/**
+ * Chat Service class
+ *
+ * Provides methods to interact with the chat API endpoints
+ * for LLM-powered workflow building assistance.
+ */
+export declare class ChatService {
+    private static instance;
+    private constructor();
+    /**
+     * Get the singleton instance of ChatService
+     *
+     * @returns The ChatService singleton instance
+     */
+    static getInstance(): ChatService;
+    /**
+     * Get the endpoint configuration
+     *
+     * @throws Error if endpoint configuration is not set
+     * @returns The endpoint configuration
+     */
+    private getConfig;
+    /**
+     * Generic API request helper
+     *
+     * @param url - The URL to fetch
+     * @param options - Fetch options
+     * @returns The parsed JSON response
+     */
+    private request;
+    /**
+     * Send a message to the chat endpoint
+     *
+     * @param workflowId - The workflow ID
+     * @param request - The chat request payload
+     * @returns The chat response from the LLM
+     */
+    sendMessage(workflowId: string, request: ChatRequest): Promise<ChatResponse>;
+    /**
+     * Get conversation history for a workflow
+     *
+     * @param workflowId - The workflow ID
+     * @returns Array of chat history messages
+     */
+    getHistory(workflowId: string): Promise<ChatHistoryMessage[]>;
+    /**
+     * Clear conversation history for a workflow
+     *
+     * @param workflowId - The workflow ID
+     */
+    clearHistory(workflowId: string): Promise<void>;
+}
+/**
+ * Pre-instantiated ChatService singleton
+ */
+export declare const chatService: ChatService;

package/dist/services/chatService.js

@@ -0,0 +1,131 @@
+/**
+ * Chat Service
+ *
+ * Handles API interactions for the LLM Chat feature including
+ * sending messages, retrieving history, and clearing history.
+ *
+ * @module services/chatService
+ */
+import { buildEndpointUrl, getEndpointHeaders } from "../config/endpoints.js";
+import { getEndpointConfig } from "./api.js";
+import { logger } from "../utils/logger.js";
+/**
+ * Chat Service class
+ *
+ * Provides methods to interact with the chat API endpoints
+ * for LLM-powered workflow building assistance.
+ */
+export class ChatService {
+    static instance;
+    constructor() { }
+    /**
+     * Get the singleton instance of ChatService
+     *
+     * @returns The ChatService singleton instance
+     */
+    static getInstance() {
+        if (!ChatService.instance) {
+            ChatService.instance = new ChatService();
+        }
+        return ChatService.instance;
+    }
+    /**
+     * Get the endpoint configuration
+     *
+     * @throws Error if endpoint configuration is not set
+     * @returns The endpoint configuration
+     */
+    getConfig() {
+        const config = getEndpointConfig();
+        if (!config) {
+            throw new Error("Endpoint configuration not set. Call setEndpointConfig() first.");
+        }
+        return config;
+    }
+    /**
+     * Generic API request helper
+     *
+     * @param url - The URL to fetch
+     * @param options - Fetch options
+     * @returns The parsed JSON response
+     */
+    async request(url, options = {}) {
+        const config = this.getConfig();
+        const headers = getEndpointHeaders(config, "chat");
+        const response = await fetch(url, {
+            ...options,
+            headers: {
+                ...headers,
+                ...options.headers,
+            },
+        });
+        if (!response.ok) {
+            const errorData = await response.json().catch(() => ({}));
+            const errorMessage = errorData.error ||
+                errorData.message ||
+                `HTTP ${response.status}: ${response.statusText}`;
+            throw new Error(errorMessage);
+        }
+        const json = await response.json();
+        // Unwrap the { success, data } envelope used by the Drupal backend.
+        if (json && typeof json === "object" && "data" in json) {
+            return json.data;
+        }
+        return json;
+    }
+    // =========================================================================
+    // Chat Operations
+    // =========================================================================
+    /**
+     * Send a message to the chat endpoint
+     *
+     * @param workflowId - The workflow ID
+     * @param request - The chat request payload
+     * @returns The chat response from the LLM
+     */
+    async sendMessage(workflowId, request) {
+        const config = this.getConfig();
+        const url = buildEndpointUrl(config, config.endpoints.chat.sendMessage, {
+            id: workflowId,
+        });
+        logger.debug("[ChatService] Sending message to", url);
+        return this.request(url, {
+            method: "POST",
+            body: JSON.stringify(request),
+        });
+    }
+    /**
+     * Get conversation history for a workflow
+     *
+     * @param workflowId - The workflow ID
+     * @returns Array of chat history messages
+     */
+    async getHistory(workflowId) {
+        const config = this.getConfig();
+        const url = buildEndpointUrl(config, config.endpoints.chat.getHistory, {
+            id: workflowId,
+        });
+        logger.debug("[ChatService] Getting history from", url);
+        return this.request(url);
+    }
+    /**
+     * Clear conversation history for a workflow
+     *
+     * @param workflowId - The workflow ID
+     */
+    async clearHistory(workflowId) {
+        const config = this.getConfig();
+        const url = buildEndpointUrl(config, config.endpoints.chat.clearHistory, {
+            id: workflowId,
+        });
+        logger.debug("[ChatService] Clearing history at", url);
+        await fetch(url, {
+            method: "DELETE",
+            headers: getEndpointHeaders(config, "chat"),
+        });
+    }
+}
+/**
+ * Pre-instantiated ChatService singleton
+ */
+export const chatService = ChatService.getInstance();

package/dist/services/historyService.d.ts

@@ -140,8 +140,10 @@ export declare class HistoryService {
      * Cancel the current transaction without committing
      *
      * Discards the transaction without adding to history.
+     * Returns the snapshot captured at transaction start so the caller
+     * can restore the store to its pre-transaction state.
      */
-    cancelTransaction(): void;
+    cancelTransaction(): Workflow | null;
     /**
      * Clear all history
      *
@@ -189,9 +191,9 @@ export declare class HistoryService {
     /**
      * Create a deep clone of a workflow
      *
-     * Uses JSON parse/stringify to properly strip non-serializable values
-     * like functions (e.g., onConfigOpen callbacks) that are added to nodes
-     * at runtime but shouldn't be persisted in history.
+     * Strips non-serializable values (e.g., onConfigOpen callbacks) before cloning
+     * so structuredClone doesn't throw on function references.
+     * Falls back to JSON round-trip if structuredClone still fails (e.g., Svelte proxies).
      */
     private cloneWorkflow;
     /**

package/dist/services/historyService.js

@@ -182,11 +182,15 @@ export class HistoryService {
      * Cancel the current transaction without committing
      *
      * Discards the transaction without adding to history.
+     * Returns the snapshot captured at transaction start so the caller
+     * can restore the store to its pre-transaction state.
      */
     cancelTransaction() {
+        const snapshot = this.transactionSnapshot;
         this.inTransaction = false;
         this.transactionSnapshot = null;
         this.transactionDescription = null;
+        return snapshot;
     }
     /**
      * Clear all history
@@ -292,14 +296,25 @@ export class HistoryService {
     /**
      * Create a deep clone of a workflow
      *
-     * Uses JSON parse/stringify to properly strip non-serializable values
-     * like functions (e.g., onConfigOpen callbacks) that are added to nodes
-     * at runtime but shouldn't be persisted in history.
+     * Strips non-serializable values (e.g., onConfigOpen callbacks) before cloning
+     * so structuredClone doesn't throw on function references.
+     * Falls back to JSON round-trip if structuredClone still fails (e.g., Svelte proxies).
      */
     cloneWorkflow(workflow) {
-        // Always use JSON parse/stringify to strip functions and other non-serializable values
-        // structuredClone would fail on workflows containing callback functions
-        return JSON.parse(JSON.stringify(workflow));
+        const cleaned = {
+            ...workflow,
+            nodes: workflow.nodes.map((n) => ({
+                ...n,
+                data: { ...n.data, onConfigOpen: undefined },
+            })),
+        };
+        try {
+            return structuredClone(cleaned);
+        }
+        catch {
+            // Fallback for environments where structuredClone can't handle proxied objects
+            return JSON.parse(JSON.stringify(cleaned));
+        }
     }
     /**
      * Notify all subscribers of state changes

package/dist/skins/slate.js

@@ -42,6 +42,14 @@ export const slateSkin = {
         "sidebar-category-color": "#c0c0d8",
         // Flat item text: dark for light bg readability
         "sidebar-flat-item-color": "#4a4a6a",
+        // Logo: monochrome purple-grey to match skin
+        "logo-bg": "#eeeef8",
+        "logo-stroke": "#5a5a7a",
+        "logo-line-fill": "#5a5a7a",
+        "logo-drop": "#009cde",
+        "logo-circle": "#f46351",
+        "logo-left": "#ccbaf4",
+        "logo-right": "#ffc423",
     },
     darkTokens: {
         // --- Dark mode color palette (deep navy / original slate) ---
@@ -74,5 +82,13 @@ export const slateSkin = {
         "sidebar-category-color": "#3a3a55",
         // Flat item text: muted, not full-brightness white
         "sidebar-flat-item-color": "#8888aa",
+        // Logo: monochrome purple-grey to match dark skin
+        "logo-bg": "none",
+        "logo-stroke": "#9898b8",
+        "logo-line-fill": "none",
+        "logo-drop": "none",
+        "logo-circle": "none",
+        "logo-left": "none",
+        "logo-right": "none",
     },
 };

package/dist/stores/interruptStore.svelte.js

@@ -56,7 +56,12 @@ export function getPendingInterrupts() {
  * Get count of pending interrupts
  */
 export function getPendingInterruptCount() {
-    return getPendingInterruptIds().length;
+    let count = 0;
+    for (const interrupt of interrupts.values()) {
+        if (!isTerminalState(interrupt.machineState))
+            count++;
+    }
+    return count;
 }
 /**
  * Get resolved interrupts array

package/dist/stores/playgroundStore.svelte.d.ts

@@ -124,7 +124,7 @@ export declare const playgroundActions: {
     setMessages: (messageList: PlaygroundMessage[]) => void;
     /**
      * Add a message to the current session
-     * Messages are automatically sorted chronologically after adding
+     * Uses binary search insertion for O(log n) instead of full sort.
      *
      * @param message - The message to add
      */

package/dist/stores/playgroundStore.svelte.js

@@ -324,12 +324,21 @@ export const playgroundActions = {
     },
     /**
      * Add a message to the current session
-     * Messages are automatically sorted chronologically after adding
+     * Uses binary search insertion for O(log n) instead of full sort.
      *
      * @param message - The message to add
      */
     addMessage: (message) => {
-        _messages = sortMessagesChronologically([..._messages, message]);
+        const seq = message.sequenceNumber ?? 0;
+        let lo = 0, hi = _messages.length;
+        while (lo < hi) {
+            const mid = (lo + hi) >>> 1;
+            if ((_messages[mid].sequenceNumber ?? 0) <= seq)
+                lo = mid + 1;
+            else
+                hi = mid;
+        }
+        _messages = [..._messages.slice(0, lo), message, ..._messages.slice(lo)];
     },
     /**
      * Add multiple messages to the current session

package/dist/stores/portCoordinateStore.svelte.d.ts

@@ -36,6 +36,10 @@ export declare function updateNodePortCoordinates(node: WorkflowNodeType, getInt
  * @param nodeId - ID of the node to remove
  */
 export declare function removeNodePortCoordinates(nodeId: string): void;
+/**
+ * Clear all port coordinates (lifecycle cleanup).
+ */
+export declare function clearPortCoordinates(): void;
 /**
  * Get coordinates for a specific handle.
  *