@flowdrop/flowdrop 1.3.0 → 1.5.0

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[];
 }
 /**

package/dist/helpers/workflowEditorHelper.js

@@ -2,8 +2,7 @@
  * Workflow Editor Helper
  * Contains business logic for workflow operations
  */
-import { MarkerType } from "@xyflow/svelte";
-import { hasCycles, hasInvalidCycles, isLoopbackEdge, } from "../utils/connections.js";
+import { hasCycles, hasInvalidCycles, } from "../utils/connections.js";
 import { workflowApi, nodeApi, setEndpointConfig } from "../services/api.js";
 import { v4 as uuidv4 } from "uuid";
 import { workflowActions } from "../stores/workflowStore.svelte.js";
@@ -12,231 +11,35 @@ import { WorkflowAdapter } from "../adapters/WorkflowAdapter.js";
 import { AgentSpecAdapter } from "../adapters/agentspec/AgentSpecAdapter.js";
 import { validateForAgentSpecExport } from "../adapters/agentspec/validator.js";
 import { extractPortId } from "../utils/handleIds.js";
-import { EDGE_MARKER_SIZES } from "../config/constants.js";
 import { logger } from "../utils/logger.js";
+import { generateNodeId, extractConfigDefaults } from "../utils/nodeIds.js";
+import { applyConnectionStyling as applyConnectionStylingUtil, updateEdgeStyles as updateEdgeStylesUtil, isGatewayBranch as isGatewayBranchUtil, getPortDataType as getPortDataTypeUtil, getEdgeCategory as getEdgeCategoryUtil, getEdgeCategoryWithLoopback as getEdgeCategoryWithLoopbackUtil, } from "../utils/edgeStyling.js";
+export { generateNodeId, extractConfigDefaults } from "../utils/nodeIds.js";
 /**
- * Generate a unique node ID based on node type and existing nodes
- * Format: <node_type>.<number>
- * Example: boolean_gateway.1, calculator.2
- */
-export function generateNodeId(nodeTypeId, existingNodes) {
-    // Count how many nodes of this type already exist
-    const existingNodeIds = existingNodes
-        .filter((node) => node.data?.metadata?.id === nodeTypeId)
-        .map((node) => node.id);
-    // Extract the numbers from existing IDs with the same prefix
-    const existingNumbers = existingNodeIds
-        .map((id) => {
-        const match = id.match(new RegExp(`^${nodeTypeId}\\.(\\d+)$`));
-        return match ? parseInt(match[1], 10) : 0;
-    })
-        .filter((num) => num > 0);
-    // Find the next available number (highest + 1)
-    const nextNumber = existingNumbers.length > 0 ? Math.max(...existingNumbers) + 1 : 1;
-    return `${nodeTypeId}.${nextNumber}`;
-}
-/**
- * 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 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) {
         return extractPortId(handleId);
     }
-    /**
-     * 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, portId) {
-        // Check if this is a gateway node with dynamic branches
-        const nodeType = node.data?.metadata?.type || node.type;
-        if (nodeType !== "gateway") {
-            return false;
-        }
-        // Check if the portId matches a branch name in config.branches
-        const branches = node.data?.config?.branches;
-        if (!branches || !Array.isArray(branches)) {
-            return false;
-        }
-        return branches.some((branch) => branch.name === portId);
+        return isGatewayBranchUtil(node, portId);
     }
-    /**
-     * 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, portId, portType) {
-        // First, check static ports in metadata
-        const ports = portType === "output"
-            ? node.data?.metadata?.outputs
-            : node.data?.metadata?.inputs;
-        if (ports && Array.isArray(ports)) {
-            const port = ports.find((p) => p.id === portId);
-            if (port?.dataType) {
-                return port.dataType;
-            }
-        }
-        // Check dynamic ports from config (dynamicInputs/dynamicOutputs)
-        const dynamicKey = portType === "output" ? "dynamicOutputs" : "dynamicInputs";
-        const dynamicPorts = node.data?.config?.[dynamicKey];
-        if (dynamicPorts && Array.isArray(dynamicPorts)) {
-            const dynamicPort = dynamicPorts.find((p) => p.name === portId);
-            if (dynamicPort?.dataType) {
-                return dynamicPort.dataType;
-            }
-        }
-        // For output ports, also check dynamic Gateway branches
-        // Gateway branches are always trigger type (control flow)
-        if (portType === "output" && this.isGatewayBranch(node, portId)) {
-            return "trigger";
-        }
-        return null;
+        return getPortDataTypeUtil(node, portId, portType);
     }
-    /**
-     * 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) {
-        if (sourcePortDataType === "trigger") {
-            return "trigger";
-        }
-        if (sourcePortDataType === "tool") {
-            return "tool";
-        }
-        // All other data types (string, number, boolean, array, etc.) are "data" edges
-        return "data";
+        return getEdgeCategoryUtil(sourcePortDataType);
     }
-    /**
-     * 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, sourcePortDataType) {
-        // Loopback edges are identified by their target handle
-        // Check this first as it takes precedence
-        if (isLoopbackEdge(edge)) {
-            return "loopback";
-        }
-        // Fall back to source port data type categorization
-        return this.getEdgeCategory(sourcePortDataType);
+        return getEdgeCategoryWithLoopbackUtil(edge, sourcePortDataType);
     }
-    /**
-     * 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, sourceNode, targetNode) {
-        // Extract port ID from sourceHandle
-        const sourcePortId = this.extractPortIdFromHandle(edge.sourceHandle);
-        // Get the source port's data type
-        const sourcePortDataType = sourcePortId
-            ? this.getPortDataType(sourceNode, sourcePortId, "output")
-            : null;
-        // Determine edge category (loopback takes precedence)
-        const edgeCategory = this.getEdgeCategoryWithLoopback(edge, sourcePortDataType);
-        // Apply styling based on edge category
-        // Marker colors use CSS custom properties so they respond to theme changes automatically
-        switch (edgeCategory) {
-            case "loopback":
-                // Loopback edges: dashed gray line for loop iteration
-                edge.style =
-                    "stroke: var(--fd-edge-loopback); stroke-dasharray: var(--fd-edge-loopback-dasharray); stroke-width: var(--fd-edge-loopback-width); opacity: var(--fd-edge-loopback-opacity);";
-                edge.class = "flowdrop--edge--loopback";
-                edge.markerEnd = {
-                    type: MarkerType.ArrowClosed,
-                    ...EDGE_MARKER_SIZES.loopback,
-                    color: "var(--fd-edge-loopback)",
-                };
-                break;
-            case "trigger":
-                // Trigger edges: solid dark line for control flow
-                edge.style =
-                    "stroke: var(--fd-edge-trigger); stroke-width: var(--fd-edge-trigger-width);";
-                edge.class = "flowdrop--edge--trigger";
-                edge.markerEnd = {
-                    type: MarkerType.ArrowClosed,
-                    ...EDGE_MARKER_SIZES.trigger,
-                    color: "var(--fd-edge-trigger)",
-                };
-                break;
-            case "tool":
-                // Tool edges: dashed amber line
-                edge.style = "stroke: var(--fd-edge-tool); stroke-dasharray: 5 3;";
-                edge.class = "flowdrop--edge--tool";
-                edge.markerEnd = {
-                    type: MarkerType.ArrowClosed,
-                    ...EDGE_MARKER_SIZES.tool,
-                    color: "var(--fd-edge-tool)",
-                };
-                break;
-            case "data":
-            default:
-                // Data edges: normal gray line
-                edge.style = "stroke: var(--fd-edge-data);";
-                edge.class = "flowdrop--edge--data";
-                edge.markerEnd = {
-                    type: MarkerType.ArrowClosed,
-                    ...EDGE_MARKER_SIZES.data,
-                    color: "var(--fd-edge-data)",
-                };
-                break;
-        }
-        // Store metadata in edge data for API and persistence
-        edge.data = {
-            ...edge.data,
-            metadata: {
-                ...(edge.data?.metadata || {}),
-                edgeType: edgeCategory,
-                sourcePortDataType: sourcePortDataType ?? undefined,
-            },
-            targetNodeType: targetNode.type,
-            targetCategory: targetNode.data.metadata.category,
-        };
+        applyConnectionStylingUtil(edge, sourceNode, targetNode);
     }
-    /**
-     * Update existing edges with custom styling rules
-     */
     static updateEdgeStyles(edges, nodes) {
-        return edges.map((edge) => {
-            // Find source and target nodes
-            const sourceNode = nodes.find((node) => node.id === edge.source);
-            const targetNode = nodes.find((node) => node.id === edge.target);
-            // Create a copy of the edge
-            const updatedEdge = { ...edge };
-            if (!sourceNode || !targetNode) {
-                // Set default edgeType even when nodes are not found
-                updatedEdge.data = {
-                    ...updatedEdge.data,
-                    metadata: {
-                        ...(updatedEdge.data?.metadata || {}),
-                        edgeType: "data",
-                    },
-                };
-                return updatedEdge;
-            }
-            // Apply full styling when nodes are available
-            this.applyConnectionStyling(updatedEdge, sourceNode, targetNode);
-            return updatedEdge;
-        });
+        return updateEdgeStylesUtil(edges, nodes);
     }
 }
 /**
@@ -323,27 +126,9 @@ export class NodeOperationsHelper {
             else {
                 // New format (direct NodeMetadata)
                 nodeType = parsedData;
-                // Extract initial config from configSchema
-                let initialConfig = {};
-                if (nodeType.configSchema &&
-                    typeof nodeType.configSchema === "object") {
-                    // If configSchema is a JSON Schema, extract default values
-                    if (nodeType.configSchema.properties) {
-                        // JSON Schema format - extract defaults
-                        Object.entries(nodeType.configSchema.properties).forEach(([key, prop]) => {
-                            if (prop && typeof prop === "object" && "default" in prop) {
-                                initialConfig[key] = prop.default;
-                            }
-                        });
-                    }
-                    else {
-                        // Simple object format - use as is
-                        initialConfig = { ...nodeType.configSchema };
-                    }
-                }
                 nodeData = {
                     label: nodeType.name,
-                    config: initialConfig,
+                    config: extractConfigDefaults(nodeType.configSchema),
                     metadata: nodeType,
                 };
             }

package/dist/playground/index.d.ts

@@ -117,7 +117,7 @@ export { default as SessionManager } from "../components/playground/SessionManag
 export { default as InputCollector } from "../components/playground/InputCollector.svelte";
 export { default as ExecutionLogs } from "../components/playground/ExecutionLogs.svelte";
 export { default as MessageBubble } from "../components/playground/MessageBubble.svelte";
-export { InterruptBubble, ConfirmationPrompt, ChoicePrompt, TextInputPrompt, FormPrompt, } from "../components/interrupt/index.js";
+export { InterruptBubble, ConfirmationPrompt, ChoicePrompt, TextInputPrompt, FormPrompt, ReviewPrompt, } from "../components/interrupt/index.js";
 export { PlaygroundService, playgroundService, } from "../services/playgroundService.js";
 export { InterruptService, interruptService, } from "../services/interruptService.js";
 export { getCurrentSession, getSessions, getMessages, getIsExecuting, getIsLoading, getError as getPlaygroundError, getCurrentWorkflow, getLastPollTimestamp, getSessionStatus, getMessageCount, getChatMessages, getLogMessages, getLatestMessage, getInputFields, getHasChatInput, getSessionCount, playgroundActions, createPollingCallback, subscribeToSessionStatus, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestMessageTimestamp, } from "../stores/playgroundStore.svelte.js";

package/dist/playground/index.js

@@ -123,7 +123,7 @@ export { default as MessageBubble } from "../components/playground/MessageBubble
 // ============================================================================
 // Interrupt Components (Human-in-the-Loop)
 // ============================================================================
-export { InterruptBubble, ConfirmationPrompt, ChoicePrompt, TextInputPrompt, FormPrompt, } from "../components/interrupt/index.js";
+export { InterruptBubble, ConfirmationPrompt, ChoicePrompt, TextInputPrompt, FormPrompt, ReviewPrompt, } from "../components/interrupt/index.js";
 // ============================================================================
 // Playground Service
 // ============================================================================