@flowdrop/flowdrop 1.4.0 → 1.5.0

package/dist/components/console/ConsoleInput.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { NodeMetadata } from "../../types/index.js";
+interface Props {
+    /** Whether the console is currently visible/open */
+    open: boolean;
+    /** Available node types for autocomplete suggestions */
+    nodeTypes?: NodeMetadata[];
+    /** Called when user submits a command (Enter key) */
+    onSubmit: (value: string) => void;
+    /** Called when user pastes multiple lines */
+    onBatchSubmit?: (lines: string[]) => void;
+    /** Called when user presses Escape to close the console */
+    onClose: () => void;
+}
+declare const ConsoleInput: import("svelte").Component<Props, {}, "">;
+type ConsoleInput = ReturnType<typeof ConsoleInput>;
+export default ConsoleInput;

package/dist/components/console/ConsoleOutput.svelte

@@ -0,0 +1,121 @@
+<!--
+  ConsoleOutput Component
+  Scrollable output area for displaying command results in the console
+  Styled with BEM syntax matching CommandConsole pattern
+-->
+
+<script lang="ts">
+  import { tick } from "svelte";
+
+  export interface ConsoleEntry {
+    type: "input" | "success" | "error" | "formatted";
+    text: string;
+  }
+
+  interface Props {
+    /** Output entries to display */
+    entries: ConsoleEntry[];
+  }
+
+  let { entries }: Props = $props();
+
+  let outputElement: HTMLDivElement | undefined = $state();
+
+  $effect(() => {
+    // Track entries length to auto-scroll on new entries
+    const _count = entries.length;
+    tick().then(() => {
+      if (outputElement) {
+        outputElement.scrollTop = outputElement.scrollHeight;
+      }
+    });
+  });
+</script>
+
+<div
+  class="console-output"
+  bind:this={outputElement}
+  role="log"
+  aria-live="polite"
+>
+  {#each entries as entry}
+    <div class="console-output__entry console-output__entry--{entry.type}">
+      {#if entry.type === "input"}
+        <span class="console-output__prefix">&gt;</span>
+        <span class="console-output__text">{entry.text}</span>
+      {:else if entry.type === "formatted"}
+        <pre class="console-output__pre">{entry.text}</pre>
+      {:else}
+        <span class="console-output__text">{entry.text}</span>
+      {/if}
+    </div>
+  {/each}
+</div>
+
+<style>
+  .console-output {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0.5rem 1rem;
+    font-family: monospace;
+    font-size: 0.875rem;
+    line-height: 1.6;
+
+    /* Custom scrollbar styling matching MainLayout pattern */
+    scrollbar-width: thin;
+    scrollbar-color: var(--fd-scrollbar-thumb) var(--fd-scrollbar-track);
+  }
+
+  .console-output::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  .console-output::-webkit-scrollbar-track {
+    background: var(--fd-scrollbar-track);
+    border-radius: 4px;
+  }
+
+  .console-output::-webkit-scrollbar-thumb {
+    background: var(--fd-scrollbar-thumb);
+    border-radius: 4px;
+  }
+
+  .console-output::-webkit-scrollbar-thumb:hover {
+    background: var(--fd-scrollbar-thumb-hover);
+  }
+
+  .console-output__entry {
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  .console-output__entry--input {
+    color: var(--fd-muted-foreground);
+  }
+
+  .console-output__entry--success {
+    color: var(--fd-success);
+  }
+
+  .console-output__entry--error {
+    color: var(--fd-error);
+  }
+
+  .console-output__entry--formatted {
+    color: var(--fd-foreground);
+  }
+
+  .console-output__pre {
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    white-space: pre;
+    overflow-x: auto;
+  }
+
+  .console-output__prefix {
+    margin-right: 0.5rem;
+    user-select: none;
+  }
+</style>

package/dist/components/console/ConsoleOutput.svelte.d.ts

@@ -0,0 +1,11 @@
+export interface ConsoleEntry {
+    type: "input" | "success" | "error" | "formatted";
+    text: string;
+}
+interface Props {
+    /** Output entries to display */
+    entries: ConsoleEntry[];
+}
+declare const ConsoleOutput: import("svelte").Component<Props, {}, "">;
+type ConsoleOutput = ReturnType<typeof ConsoleOutput>;
+export default ConsoleOutput;

package/dist/components/console/formatters.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Pure formatting functions for rich command result display.
+ * Converts CommandResult data into aligned table strings for console output.
+ */
+import type { ListNodesResultData, ListEdgesResultData, ListTypesResultData, InfoResultData, HelpResultData } from "../../commands/types.js";
+/**
+ * Formats list nodes result as an aligned table: ID, Label, Type.
+ */
+export declare function formatListNodes(data: ListNodesResultData): string;
+/**
+ * Formats list edges result as a table: Source, Port, ->, Target, Port.
+ */
+export declare function formatListEdges(data: ListEdgesResultData): string;
+/**
+ * Formats list types result as a table: Type ID, Name, Category.
+ */
+export declare function formatListTypes(data: ListTypesResultData): string;
+/**
+ * Formats info result as structured output with header fields,
+ * config section, ports section, and edges section.
+ */
+export declare function formatInfo(data: InfoResultData): string;
+/**
+ * Formats help result as a table: Name, Syntax, Description.
+ */
+export declare function formatHelp(data: HelpResultData): string;

package/dist/components/console/formatters.js

@@ -0,0 +1,118 @@
+/**
+ * Pads a string to a given width (right-padded with spaces).
+ */
+function pad(str, width) {
+    return str.length >= width ? str : str + " ".repeat(width - str.length);
+}
+/**
+ * Formats a simple table from rows with headers.
+ * Each column is auto-sized to fit the widest value.
+ */
+function formatTable(headers, rows) {
+    const colWidths = headers.map((h, i) => Math.max(h.length, ...rows.map((r) => (r[i] ?? "").length)));
+    const headerLine = headers.map((h, i) => pad(h, colWidths[i])).join("  ");
+    const separator = colWidths.map((w) => "-".repeat(w)).join("  ");
+    const dataLines = rows.map((row) => row.map((cell, i) => pad(cell, colWidths[i])).join("  "));
+    return [headerLine, separator, ...dataLines].join("\n");
+}
+/**
+ * Formats list nodes result as an aligned table: ID, Label, Type.
+ */
+export function formatListNodes(data) {
+    if (data.nodes.length === 0) {
+        return "No nodes in workflow";
+    }
+    const rows = data.nodes.map((n) => [n.nodeId, n.label, n.type]);
+    return formatTable(["ID", "Label", "Type"], rows);
+}
+/**
+ * Formats list edges result as a table: Source, Port, ->, Target, Port.
+ */
+export function formatListEdges(data) {
+    if (data.edges.length === 0) {
+        return "No edges in workflow";
+    }
+    const rows = data.edges.map((e) => [
+        e.sourceNodeId,
+        e.sourcePort,
+        "->",
+        e.targetNodeId,
+        e.targetPort,
+    ]);
+    return formatTable(["Source", "Port", "", "Target", "Port"], rows);
+}
+/**
+ * Formats list types result as a table: Type ID, Name, Category.
+ */
+export function formatListTypes(data) {
+    if (data.types.length === 0) {
+        return "No node types available";
+    }
+    const rows = data.types.map((t) => [t.typeId, t.name, t.category]);
+    return formatTable(["Type ID", "Name", "Category"], rows);
+}
+/**
+ * Formats info result as structured output with header fields,
+ * config section, ports section, and edges section.
+ */
+export function formatInfo(data) {
+    const lines = [];
+    // Header fields
+    lines.push(`Node:     ${data.nodeId}`);
+    lines.push(`Label:    ${data.label}`);
+    lines.push(`Type:     ${data.type}`);
+    lines.push(`Position: (${Math.round(data.position.x)}, ${Math.round(data.position.y)})`);
+    // Config section
+    const configEntries = Object.entries(data.config);
+    if (configEntries.length > 0) {
+        lines.push("");
+        lines.push("Config:");
+        for (const [key, value] of configEntries) {
+            const display = typeof value === "string"
+                ? `"${value}"`
+                : JSON.stringify(value) ?? "null";
+            lines.push(`  ${key}: ${display}`);
+        }
+    }
+    // Ports section
+    if (data.inputs.length > 0 || data.outputs.length > 0) {
+        lines.push("");
+        lines.push("Ports:");
+        if (data.inputs.length > 0) {
+            lines.push("  Inputs:");
+            for (const port of data.inputs) {
+                lines.push(`    ${port.portId} (${port.dataType})`);
+            }
+        }
+        if (data.outputs.length > 0) {
+            lines.push("  Outputs:");
+            for (const port of data.outputs) {
+                lines.push(`    ${port.portId} (${port.dataType})`);
+            }
+        }
+    }
+    // Connected edges section
+    if (data.connectedEdges.length > 0) {
+        lines.push("");
+        lines.push("Edges:");
+        for (const edge of data.connectedEdges) {
+            if (edge.direction === "incoming") {
+                lines.push(`  ${edge.remoteNodeId}:${edge.remotePort} -> ${edge.localPort}`);
+            }
+            else {
+                lines.push(`  ${edge.localPort} -> ${edge.remoteNodeId}:${edge.remotePort}`);
+            }
+        }
+    }
+    return lines.join("\n");
+}
+/**
+ * Formats help result as a table: Name, Syntax, Description.
+ */
+export function formatHelp(data) {
+    if (data.commands.length === 0) {
+        return "No commands available";
+    }
+    const rows = data.commands.map((c) => [c.name, c.syntax, c.description]);
+    return formatTable(["Name", "Syntax", "Description"], rows);
+}

package/dist/components/interrupt/index.d.ts

@@ -11,3 +11,4 @@ export { default as ConfirmationPrompt } from "./ConfirmationPrompt.svelte";
 export { default as ChoicePrompt } from "./ChoicePrompt.svelte";
 export { default as TextInputPrompt } from "./TextInputPrompt.svelte";
 export { default as FormPrompt } from "./FormPrompt.svelte";
+export { default as ReviewPrompt } from "./ReviewPrompt.svelte";

package/dist/components/interrupt/index.js

@@ -13,3 +13,4 @@ export { default as ConfirmationPrompt } from "./ConfirmationPrompt.svelte";
 export { default as ChoicePrompt } from "./ChoicePrompt.svelte";
 export { default as TextInputPrompt } from "./TextInputPrompt.svelte";
 export { default as FormPrompt } from "./FormPrompt.svelte";
+export { default as ReviewPrompt } from "./ReviewPrompt.svelte";

package/dist/config/endpoints.d.ts

@@ -72,6 +72,14 @@ export interface EndpointConfig {
             /** List interrupts for a pipeline */
             listByPipeline: string;
         };
+        chat: {
+            /** Send a message to the chat */
+            sendMessage: string;
+            /** Get conversation history */
+            getHistory: string;
+            /** Clear conversation history */
+            clearHistory: string;
+        };
         templates: {
             list: string;
             get: string;

package/dist/config/endpoints.js

@@ -60,6 +60,11 @@ export const defaultEndpointConfig = {
             listBySession: "/playground/sessions/{sessionId}/interrupts",
             listByPipeline: "/pipelines/{pipelineId}/interrupts",
         },
+        chat: {
+            sendMessage: "/workflows/{id}/chat/messages",
+            getHistory: "/workflows/{id}/chat/messages",
+            clearHistory: "/workflows/{id}/chat/messages",
+        },
         templates: {
             list: "/templates",
             get: "/templates/{id}",

package/dist/core/index.d.ts

@@ -49,6 +49,9 @@ export { isFieldOptionArray, normalizeOptions, } from "../components/form/types.
 export { resolveScopeToKey, keyToScope, generateDefaultUISchema, collectReferencedKeys, } from "../utils/uischema.js";
 export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
 export { defaultEndpointConfig, createEndpointConfig, } from "../config/endpoints.js";
+export { generateNodeId, extractConfigDefaults } from "../utils/nodeIds.js";
+export type { AddNodeCommand, DeleteNodeCommand, RenameNodeCommand, SetConfigCommand, GetConfigCommand, ConnectCommand, DisconnectPortsCommand, DisconnectNodeCommand, ListNodesCommand, ListEdgesCommand, ListTypesCommand, InfoCommand, UndoCommand, RedoCommand, ConfigOpenCommand, SelectNodeCommand, HelpCommand, ClearCommand, SwapNodeCommand, MoveNodeCommand, AutoLayoutCommand, Command, ParseResult, CommandErrorCode, AddNodeResultData, ListNodesResultData, ListEdgesResultData, ListTypesResultData, InfoResultData, GetConfigResultData, SetConfigResultData, HelpResultData, CommandResultData, CommandResultOk, CommandResultError, CommandResult, BatchResult, UIAction, CommandDispatch, CommandContext, } from "../commands/index.js";
+export { buildTypeMap, parseCommand, executeCommand, toShortId, toShortTypeId, resolveNode, executeBatch, computeAutoPosition, } from "../commands/index.js";
 export { WorkflowAdapter } from "../adapters/WorkflowAdapter.js";
 export type { StandardNode, StandardEdge, StandardWorkflow, WorkflowExecutionResult, WorkflowValidationResult, } from "../adapters/WorkflowAdapter.js";
 export type { AgentSpecNodeComponentType, AgentSpecToolComponentType, AgentSpecComponentType, AgentSpecProperty, AgentSpecNodeBase, AgentSpecStartNode, AgentSpecEndNode, AgentSpecLLMNode, AgentSpecAPINode, AgentSpecAgentNode, AgentSpecFlowNode, AgentSpecMapNode, AgentSpecBranchingNode, AgentSpecToolNode, AgentSpecNode, AgentSpecBranch, AgentSpecControlFlowEdge, AgentSpecDataFlowEdge, AgentSpecFlow, AgentSpecToolBase, AgentSpecServerTool, AgentSpecClientTool, AgentSpecRemoteTool, AgentSpecTool, AgentSpecLLMConfig, AgentSpecAgent, AgentSpecDocument, } from "../types/agentspec.js";
@@ -77,3 +80,5 @@ export { getTheme as theme, getResolvedTheme as resolvedTheme, setTheme, toggleT
 export { sanitizeHtml } from "../utils/sanitize.js";
 export { logger, setLogLevel, getLogLevel } from "../utils/logger.js";
 export type { LogLevel } from "../utils/logger.js";
+export { computeSwapPreview, computeSwapPreviewWithOptions, executeSwap, mapConfig, getVersionUpgrade, compareSemver, performSwap, validateSwapResult, SwapValidationError, } from "../utils/nodeSwap.js";
+export type { SwapPreview, SwapResult, PortMapping, DroppedEdge, MatchQuality, PortMappingOverride, ConfigMappingOverride, SwapOptions, SwapStrategy, SwapStrategyContext, SwapEventContext, } from "../utils/nodeSwap.js";

package/dist/core/index.js

@@ -58,6 +58,11 @@ export { resolveScopeToKey, keyToScope, generateDefaultUISchema, collectReferenc
 export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
 export { defaultEndpointConfig, createEndpointConfig, } from "../config/endpoints.js";
 // ============================================================================
+// Shared Utilities
+// ============================================================================
+export { generateNodeId, extractConfigDefaults } from "../utils/nodeIds.js";
+export { buildTypeMap, parseCommand, executeCommand, toShortId, toShortTypeId, resolveNode, executeBatch, computeAutoPosition, } from "../commands/index.js";
+// ============================================================================
 // Adapters
 // ============================================================================
 export { WorkflowAdapter } from "../adapters/WorkflowAdapter.js";
@@ -92,3 +97,7 @@ export { sanitizeHtml } from "../utils/sanitize.js";
 // Logger
 // ============================================================================
 export { logger, setLogLevel, getLogLevel } from "../utils/logger.js";
+// ============================================================================
+// Node Swap
+// ============================================================================
+export { computeSwapPreview, computeSwapPreviewWithOptions, executeSwap, mapConfig, getVersionUpgrade, compareSemver, performSwap, validateSwapResult, SwapValidationError, } from "../utils/nodeSwap.js";

package/dist/editor/index.d.ts

@@ -57,6 +57,7 @@ export { default as LogsSidebar } from "../components/LogsSidebar.svelte";
 export { default as PipelineStatus } from "../components/PipelineStatus.svelte";
 export { default as Navbar } from "../components/Navbar.svelte";
 export { default as Logo } from "../components/Logo.svelte";
+export { default as CommandConsole } from "../components/console/CommandConsole.svelte";
 export { default as Playground } from "../components/playground/Playground.svelte";
 export { default as PlaygroundModal } from "../components/playground/PlaygroundModal.svelte";
 export { default as ChatPanel } from "../components/playground/ChatPanel.svelte";
@@ -67,7 +68,7 @@ export { default as MessageBubble } from "../components/playground/MessageBubble
 export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp, } from "../svelte-app.js";
 export { nodeComponentRegistry, createNamespacedType, parseNamespacedType, BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, registerBuiltinNodes, areBuiltinsRegistered, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, registerFlowDropPlugin, unregisterFlowDropPlugin, registerCustomNode, createPlugin, isValidNamespace, getRegisteredPlugins, getPluginNodeCount, } from "../registry/index.js";
 export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper, } from "../helpers/workflowEditorHelper.js";
-export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, getIsDirty, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory, } from "../stores/workflowStore.svelte.js";
+export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, getIsDirty, isDirty, markAsSaved, getEditVersion, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory, } from "../stores/workflowStore.svelte.js";
 export { rebuildAllPortCoordinates, updateNodePortCoordinates, removeNodePortCoordinates, getPortCoordinate, getNodePortCoordinates, getPortCoordinateSnapshot, getPortCoordinates, } from "../stores/portCoordinateStore.svelte.js";
 export { getHistoryState, getCanUndo, getCanRedo, historyActions, setOnRestoreCallback, cleanupHistorySubscription, historyService, HistoryService, } from "../stores/historyStore.svelte.js";
 export type { HistoryEntry, HistoryState, PushOptions, } from "../stores/historyStore.svelte.js";
@@ -91,5 +92,6 @@ export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig, } from
 export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig, } from "../types/auth.js";
 export type { FlowDropEventHandlers, FlowDropFeatures, WorkflowChangeType, } from "../types/events.js";
 export type { EndpointConfig } from "../config/endpoints.js";
+export type { UIAction } from "../commands/types.js";
 export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction, } from "../svelte-app.js";
 export type { NodeComponentProps, NodeComponentRegistration, FlowDropPluginConfig, PluginNodeDefinition, } from "../registry/index.js";

package/dist/editor/index.js

@@ -71,6 +71,8 @@ export { default as LogsSidebar } from "../components/LogsSidebar.svelte";
 export { default as PipelineStatus } from "../components/PipelineStatus.svelte";
 export { default as Navbar } from "../components/Navbar.svelte";
 export { default as Logo } from "../components/Logo.svelte";
+// Console Components
+export { default as CommandConsole } from "../components/console/CommandConsole.svelte";
 // Playground Components
 export { default as Playground } from "../components/playground/Playground.svelte";
 export { default as PlaygroundModal } from "../components/playground/PlaygroundModal.svelte";
@@ -101,8 +103,8 @@ export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, Conf
 // Stores
 // ============================================================================
 export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, 
-// Dirty state tracking
-getIsDirty, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, 
+// Dirty state tracking & version counter
+getIsDirty, isDirty, markAsSaved, getEditVersion, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, 
 // History control
 setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory, } from "../stores/workflowStore.svelte.js";
 // Port Coordinate Store (Svelte 5 runes-based)

package/dist/helpers/proximityConnect.js

@@ -239,9 +239,16 @@ export class ProximityConnectHelper {
                 bestIsExact = isExact;
             }
         };
+        // Cache compatible types per dataType to avoid redundant lookups
+        const compatCache = new Map();
+        for (const srcPort of draggedOutputs) {
+            if (!compatCache.has(srcPort.dataType)) {
+                compatCache.set(srcPort.dataType, checker.getCompatibleTypes(srcPort.dataType));
+            }
+        }
         // Direction A: dragged outputs → other inputs (only compatible types)
         for (const srcPort of draggedOutputs) {
-            const compatibleTypes = checker.getCompatibleTypes(srcPort.dataType);
+            const compatibleTypes = compatCache.get(srcPort.dataType);
             for (const targetType of compatibleTypes) {
                 const targets = otherInputsByType.get(targetType);
                 if (!targets)

package/dist/helpers/workflowEditorHelper.d.ts

@@ -4,12 +4,7 @@
  */
 import type { WorkflowNode as WorkflowNodeType, NodeMetadata, Workflow, WorkflowEdge, NodeExecutionInfo } from "../types/index.js";
 import type { EndpointConfig } from "../config/endpoints.js";
-/**
- * Generate a unique node ID based on node type and existing nodes
- * Format: <node_type>.<number>
- * Example: boolean_gateway.1, calculator.2
- */
-export declare function generateNodeId(nodeTypeId: string, existingNodes: WorkflowNodeType[]): string;
+export { generateNodeId, extractConfigDefaults } from "../utils/nodeIds.js";
 /**
  * Edge category type for styling purposes
  * - trigger: For control flow connections (dataType: "trigger")
@@ -19,61 +14,16 @@ export declare function generateNodeId(nodeTypeId: string, existingNodes: Workfl
  */
 export type EdgeCategory = "trigger" | "tool" | "loopback" | "data";
 /**
- * Edge styling configuration based on source port data type
+ * Edge styling configuration based on source port data type.
+ * Delegates to standalone functions in utils/edgeStyling.ts.
  */
 export declare class EdgeStylingHelper {
-    /**
-     * Extract the port ID from a handle ID
-     * @param handleId - The handle ID string (e.g., "sample-node.1-output-trigger" or "trigger")
-     * @returns The port ID (e.g., "trigger") or the handleId itself for short format
-     */
     static extractPortIdFromHandle(handleId: string | undefined): string | null;
-    /**
-     * Check if a port ID matches a dynamic branch in a Gateway node
-     * Gateway nodes store branches in config.branches array
-     * @param node - The workflow node to check
-     * @param portId - The port ID to look up
-     * @returns true if the portId matches a gateway branch
-     */
     static isGatewayBranch(node: WorkflowNodeType, portId: string): boolean;
-    /**
-     * Get the data type of a port from a node's metadata
-     * Also handles dynamic ports like Gateway branches
-     * @param node - The workflow node containing the port
-     * @param portId - The port ID to look up
-     * @param portType - Whether to look in "inputs" or "outputs"
-     * @returns The port's dataType or null if not found
-     */
     static getPortDataType(node: WorkflowNodeType, portId: string, portType: "input" | "output"): string | null;
-    /**
-     * Determine the edge category based on source port data type
-     * Note: This method does not check for loopback edges.
-     * Use getEdgeCategoryWithLoopback() for full edge categorization.
-     *
-     * @param sourcePortDataType - The data type of the source output port
-     * @returns The edge category for styling
-     */
     static getEdgeCategory(sourcePortDataType: string | null): EdgeCategory;
-    /**
-     * Determine the full edge category including loopback detection
-     * Loopback edges take precedence over source port data type
-     *
-     * @param edge - The edge to categorize
-     * @param sourcePortDataType - The data type of the source output port
-     * @returns The edge category for styling
-     */
     static getEdgeCategoryWithLoopback(edge: WorkflowEdge, sourcePortDataType: string | null): EdgeCategory;
-    /**
-     * Apply custom styling to connection edges based on edge type:
-     * - Loopback: Dashed gray line for loop iteration (targets loop_back port)
-     * - Trigger ports: Solid black line with arrow
-     * - Tool ports: Dashed amber line with arrow
-     * - Data ports: Normal gray line with arrow
-     */
     static applyConnectionStyling(edge: WorkflowEdge, sourceNode: WorkflowNodeType, targetNode: WorkflowNodeType): void;
-    /**
-     * Update existing edges with custom styling rules
-     */
     static updateEdgeStyles(edges: WorkflowEdge[], nodes: WorkflowNodeType[]): WorkflowEdge[];
 }
 /**