@foresthubai/workflow-builder 0.3.0

package/dist/CanvasTabsToolbar.d.ts

@@ -0,0 +1,11 @@
+import { CanvasTab } from "./hooks/useCanvasTabs";
+interface CanvasTabsToolbarProps {
+    tabs: CanvasTab[];
+    activeTabId: string;
+    onTabChange: (tabId: string) => void;
+    onTabClose: (tabId: string) => void;
+    onTabReorder: (fromIndex: number, toIndex: number) => void;
+}
+export declare const CanvasTabsToolbar: ({ tabs, activeTabId, onTabChange, onTabClose, onTabReorder, }: CanvasTabsToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasTabsToolbar.d.ts.map

package/dist/CanvasTabsToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTabsToolbar.d.ts","sourceRoot":"","sources":["../src/CanvasTabsToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,iBAAiB,GAAI,+DAM/B,sBAAsB,4CA0JxB,CAAC"}

package/dist/CanvasTabsToolbar.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "./components/ui/scroll-area";
+import { cn } from "./cn";
+import { FunctionSquare, Workflow, X } from "lucide-react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { MAIN_CANVAS_ID } from "./stores/canvasStore";
+export const CanvasTabsToolbar = ({ tabs, activeTabId, onTabChange, onTabClose, onTabReorder, }) => {
+    const containerRef = useRef(null);
+    const viewportRef = useRef(null);
+    const dragIndex = useRef(null);
+    // Translate vertical mouse-wheel deltas into horizontal scroll on the tabs
+    // viewport. A non-passive native listener is required because React's
+    // synthetic onWheel is passive — preventDefault() there is a no-op, so the
+    // page would also scroll vertically alongside the toolbar shift. We leave
+    // genuine horizontal wheels (touchpads, tilt wheels) alone by gating on
+    // deltaY, and skip the override entirely when there's nothing to scroll
+    // so vertical-page scrolling still works when the pointer happens to
+    // hover an unfilled toolbar.
+    useEffect(() => {
+        const el = viewportRef.current;
+        if (!el)
+            return;
+        const handler = (e) => {
+            if (e.deltaY === 0)
+                return;
+            if (el.scrollWidth <= el.clientWidth)
+                return;
+            e.preventDefault();
+            el.scrollLeft += e.deltaY;
+        };
+        el.addEventListener("wheel", handler, { passive: false });
+        return () => el.removeEventListener("wheel", handler);
+    }, []);
+    // dropSlot: insertion index (before which tab the dragged tab lands)
+    const [dropSlot, setDropSlot] = useState(null);
+    // indicatorX: pixel offset from container left for the visual line
+    const [indicatorX, setIndicatorX] = useState(null);
+    const isMainTab = (index) => tabs[index]?.id === MAIN_CANVAS_ID;
+    const clearDrag = useCallback(() => {
+        dragIndex.current = null;
+        setDropSlot(null);
+        setIndicatorX(null);
+    }, []);
+    const handleTabDragOver = useCallback((e, index) => {
+        if (dragIndex.current === null || !containerRef.current)
+            return;
+        // Ignore Main tab entirely — not a valid drag target
+        if (tabs[index]?.id === MAIN_CANVAS_ID)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = "move";
+        const rect = e.currentTarget.getBoundingClientRect();
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const midX = rect.left + rect.width / 2;
+        const isLeftHalf = e.clientX < midX;
+        // Slot: insertion index
+        const slot = isLeftHalf ? index : index + 1;
+        // Tabs are now flush with a 1px separator between them — land the indicator on that seam.
+        const raw = isLeftHalf ? rect.left - containerRect.left : rect.right - containerRect.left;
+        // Clamp so the indicator stays fully visible inside the container
+        const x = Math.round(Math.max(0, Math.min(raw, containerRef.current.clientWidth - 2)));
+        setDropSlot(slot);
+        setIndicatorX(x);
+    }, [tabs]);
+    return (
+    // ScrollArea provides the horizontal overlay scrollbar (hover-only, in the
+    // panel gutter so the tab row doesn't shift). The Root carries the bg +
+    // bottom border; the inner div inside the Viewport stays the drag/drop
+    // container — containerRef points at it so the indicator's coordinates
+    // remain relative to the (scrollable) tab row, not the fixed Root.
+    _jsx(ScrollArea, { className: "bg-card/80 border-b border-border/50", viewportRef: viewportRef, children: _jsxs("div", { ref: containerRef, className: "relative flex items-stretch", onDragOver: (e) => {
+                // Fallback for empty area past last tab
+                if (dragIndex.current === null || !containerRef.current)
+                    return;
+                e.preventDefault();
+                e.dataTransfer.dropEffect = "move";
+            }, onDrop: (e) => {
+                e.preventDefault();
+                if (dragIndex.current !== null && dropSlot !== null) {
+                    const from = dragIndex.current;
+                    const target = dropSlot > from ? dropSlot - 1 : dropSlot;
+                    if (target > 0 && target !== from) {
+                        onTabReorder(from, target);
+                    }
+                }
+                clearDrag();
+            }, children: [indicatorX !== null && (_jsx("div", { className: "absolute top-0 bottom-0 bg-primary z-10 pointer-events-none", style: { left: 0, width: "2px", transform: `translateX(${indicatorX}px)` } })), tabs.map((tab, index) => {
+                    const isDraggable = !isMainTab(index);
+                    return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "w-px bg-border/70 shrink-0" }), _jsxs("div", { draggable: isDraggable, onDragStart: (e) => {
+                                    if (!isDraggable)
+                                        return;
+                                    dragIndex.current = index;
+                                    e.dataTransfer.effectAllowed = "move";
+                                }, onDragOver: (e) => handleTabDragOver(e, index), onDragEnd: clearDrag, className: cn("group flex items-center gap-1.5 pl-2 pr-1 text-sm font-medium cursor-pointer transition-colors", "hover:bg-field/80", activeTabId === tab.id ? "bg-field text-foreground" : "text-muted-foreground hover:text-foreground", isDraggable ? "cursor-grab active:cursor-grabbing" : "select-none"), onClick: () => onTabChange(tab.id), children: [isMainTab(index) ? (_jsx(Workflow, { className: "w-3.5 h-3.5 shrink-0" })) : (_jsx(FunctionSquare, { className: "w-3.5 h-3.5 shrink-0" })), _jsx("span", { className: "truncate max-w-[120px] py-1", children: tab.label }), tab.id !== MAIN_CANVAS_ID ? (_jsx("button", { type: "button", "aria-label": `Close tab ${tab.label}`, title: `Close tab ${tab.label}`, className: "flex items-center justify-center w-4 h-4 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity hover:bg-destructive/15 hover:text-destructive", onClick: (e) => {
+                                            e.stopPropagation();
+                                            onTabClose(tab.id);
+                                        }, children: _jsx(X, { className: "w-3.5 h-3.5" }) })) : (_jsx("span", { className: "w-1 shrink-0" }))] })] }, tab.id));
+                })] }) }));
+};
+//# sourceMappingURL=CanvasTabsToolbar.js.map

package/dist/CanvasTabsToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTabsToolbar.js","sourceRoot":"","sources":["../src/CanvasTabsToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/RightConfigPanel.d.ts

@@ -0,0 +1,27 @@
+import type { NodeData, NodeDefinition } from "@foresthubai/workflow-core/node";
+import type { EdgeData } from "@foresthubai/workflow-core/edge";
+/**
+ * Right-side selection-routed config panel.
+ *
+ * Reads the current selection from editorStore (project-wide) and the
+ * selected node/edge from the active canvas store, then renders the
+ * appropriate config component. Receives graph mutation handlers from
+ * BuilderLayout — it never touches the canvas store directly for writes.
+ *
+ * Hidden while the user is mid selection-drag to avoid flicker.
+ */
+export interface RightConfigPanelProps {
+    canvasId: string;
+    isDebugMode: boolean;
+    selectionDrag: boolean;
+    getNodeDef: (node: NodeData) => NodeDefinition | undefined;
+    onNodeUpdate: (nodeId: string, updates: Partial<NodeData>) => void;
+    onNodeDelete: (nodeId: string) => void;
+    onEdgeUpdate: (edgeId: string, updates: Partial<EdgeData>) => void;
+    onEdgeDelete: (edgeId: string) => void;
+    onClearSelection: () => void;
+    onTestNode?: (nodeId: string) => void;
+    onDebugStep?: (nodeId?: string) => void;
+}
+export declare const RightConfigPanel: ({ canvasId, isDebugMode, selectionDrag, getNodeDef, onNodeUpdate, onNodeDelete, onEdgeUpdate, onEdgeDelete, onClearSelection, onTestNode, onDebugStep, }: RightConfigPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RightConfigPanel.d.ts.map

package/dist/RightConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightConfigPanel.d.ts","sourceRoot":"","sources":["../src/RightConfigPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,iCAAiC,CAAC;AAkB1E;;;;;;;;;GASG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IAGvB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,cAAc,GAAG,SAAS,CAAC;IAG3D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACnE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACnE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAG7B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,gBAAgB,GAAI,0JAY9B,qBAAqB,mDAsLvB,CAAC"}

package/dist/RightConfigPanel.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { isControlFlow } from "@foresthubai/workflow-core/edge";
+import { ScrollArea } from "./components/ui/scroll-area";
+import { cn } from "./cn";
+import { ChannelConfigPanel } from "./panels/ChannelConfigPanel";
+import { DebugExternalIOPanel } from "./panels/DebugExternalIOPanel";
+import { EdgeConfigPanel } from "./panels/EdgeConfigPanel";
+import { FunctionConfigPanel } from "./panels/FunctionConfigPanel";
+import { MemoryConfigPanel } from "./panels/MemoryConfigPanel";
+import { ModelConfigPanel } from "./panels/ModelConfigPanel";
+import { NodeConfigPanel } from "./panels/NodeConfigPanel";
+import { VariableConfigPanel } from "./panels/VariableConfigPanel";
+import { getOrCreateCanvasStore } from "./stores/canvasStore";
+import { useEditorStore } from "./stores/editorStore";
+import { declaredVarKey } from "@foresthubai/workflow-core/variable";
+export const RightConfigPanel = ({ canvasId, isDebugMode, selectionDrag, getNodeDef, onNodeUpdate, onNodeDelete, onEdgeUpdate, onEdgeDelete, onClearSelection, onTestNode, onDebugStep, }) => {
+    const selection = useEditorStore((s) => s.selection);
+    const clearSelection = useEditorStore((s) => s.clearSelection);
+    const channels = useEditorStore((s) => s.channels);
+    const memory = useEditorStore((s) => s.memory);
+    const models = useEditorStore((s) => s.models);
+    const functions = useEditorStore((s) => s.functions);
+    const useStore = getOrCreateCanvasStore(canvasId);
+    const selectedNode = useStore(useCallback((s) => {
+        if (selection.kind !== "graph" || selection.nodeIds.length !== 1)
+            return null;
+        const node = s.nodes.find((n) => n.id === selection.nodeIds[0]);
+        return node?.data ?? null;
+    }, [selection]));
+    const selectedVariable = useStore(useCallback((s) => {
+        if (selection.kind !== "variable")
+            return null;
+        const v = s.variables[declaredVarKey(selection.uid)];
+        return v && v.kind === "declared" ? v : null;
+    }, [selection]));
+    const selectedEdgeRaw = useStore(useCallback((s) => {
+        // Edge panel shows only for a lone edge (a node selection takes priority).
+        if (selection.kind !== "graph" || selection.edgeIds.length !== 1 || selection.nodeIds.length > 0)
+            return null;
+        return s.edges.find((e) => e.id === selection.edgeIds[0]) ?? null;
+    }, [selection]));
+    const selectedEdge = selectedEdgeRaw
+        ? {
+            id: selectedEdgeRaw.id,
+            source: selectedEdgeRaw.source,
+            type: (selectedEdgeRaw.type ?? "control"),
+            data: (selectedEdgeRaw.data ?? {}),
+        }
+        : null;
+    const sourceControlEdgeCount = useStore(useCallback((s) => {
+        if (!selectedEdge)
+            return 0;
+        return s.edges.filter((e) => e.source === selectedEdge.source && isControlFlow(e.type)).length;
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedEdge?.source]));
+    const selectedChannel = useMemo(() => (selection.kind === "channel" ? (Object.values(channels).find((v) => v.id === selection.id) ?? null) : null), [selection, channels]);
+    const selectedMemory = useMemo(() => (selection.kind === "memory" ? (Object.values(memory).find((m) => m.id === selection.id) ?? null) : null), [selection, memory]);
+    const selectedModel = useMemo(() => (selection.kind === "model" ? (Object.values(models).find((m) => m.id === selection.id) ?? null) : null), [selection, models]);
+    const selectedFunction = useMemo(() => (selection.kind === "function" ? (functions[selection.id] ?? null) : null), [selection, functions]);
+    const getNodeCategory = useCallback((node) => getNodeDef(node)?.category, [getNodeDef]);
+    const handleTestNode = useCallback((nodeId) => onTestNode?.(nodeId), [onTestNode]);
+    if (selectionDrag)
+        return null;
+    if (isDebugMode) {
+        if (!selectedNode)
+            return null;
+        return (_jsx(Shell, { bg: "bg-background", pad: true, children: _jsx(DebugExternalIOPanel, { canvasId: canvasId, onStep: onDebugStep ?? (() => { }), getNodeCategory: getNodeCategory }) }));
+    }
+    if (selectedNode) {
+        return (_jsx(Shell, { children: _jsx(NodeConfigPanel, { canvasId: canvasId, selectedNode: selectedNode, onNodeUpdate: onNodeUpdate, onNodeDelete: onNodeDelete, onClose: onClearSelection, onOpenTest: handleTestNode, getNodeDef: getNodeDef }) }));
+    }
+    if (selectedEdge) {
+        return (_jsx(Shell, { children: _jsx(EdgeConfigPanel, { canvasId: canvasId, edgeId: selectedEdge.id, edgeType: selectedEdge.type, edgeData: selectedEdge.data, sourceControlEdgeCount: sourceControlEdgeCount, onEdgeUpdate: onEdgeUpdate, onEdgeDelete: onEdgeDelete, onClose: onClearSelection }) }));
+    }
+    if (selectedVariable) {
+        return (_jsx(Shell, { children: _jsx(VariableConfigPanel, { canvasId: canvasId, variable: selectedVariable, onClose: clearSelection }) }));
+    }
+    if (selectedChannel) {
+        return (_jsx(Shell, { children: _jsx(ChannelConfigPanel, { channel: selectedChannel, onClose: clearSelection }) }));
+    }
+    if (selectedMemory) {
+        return (_jsx(Shell, { children: _jsx(MemoryConfigPanel, { memory: selectedMemory, onClose: clearSelection }) }));
+    }
+    if (selectedModel) {
+        return (_jsx(Shell, { children: _jsx(ModelConfigPanel, { model: selectedModel, onClose: clearSelection }) }));
+    }
+    if (selectedFunction) {
+        return (_jsx(Shell, { children: _jsx(FunctionConfigPanel, { func: selectedFunction, onClose: clearSelection }) }));
+    }
+    return null;
+};
+/**
+ * Right-panel chrome — fixed-width column with the bordered card background
+ * and an overlay scrollbar. Extracted because all eight selection branches
+ * render the same shell; keeping them in lockstep by hand was an obvious
+ * drift risk. The debug variant overrides the surface and adds inner padding
+ * (other variants pad inside their own ConfigPanel).
+ */
+const Shell = ({ bg = "bg-card", pad = false, children, }) => (_jsx(ScrollArea, { className: cn("w-80 border-l border-border", bg), viewportClassName: pad ? "p-3" : undefined, children: children }));
+//# sourceMappingURL=RightConfigPanel.js.map

package/dist/RightConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightConfigPanel.js","sourceRoot":"","sources":["../src/RightConfigPanel.tsx"],"names":[],"mappings":"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"}

package/dist/WorkflowBuilder.d.ts

@@ -0,0 +1,62 @@
+import type { ApiWorkflow } from "@foresthubai/workflow-core/workflow";
+import type { ModelInfo } from "@foresthubai/workflow-core/model";
+import { type DebugSessionPhase } from "./stores/debugStore";
+/** BuilderMode steers the overall behavior of the workflow builder. */
+export type BuilderMode = {
+    type: "edit";
+} | {
+    type: "preview";
+} | {
+    type: "debug";
+};
+/** True when canvas mutations should be blocked (preview or debug). */
+export declare function isReadOnly(mode: BuilderMode): boolean;
+/** Type guard for preview mode. */
+export declare function isPreview(mode: BuilderMode): boolean;
+export interface WorkflowBuilderProps {
+    /** Workflow loaded on mount. If none is provided, an empty workflow is created. */
+    initialWorkflow?: ApiWorkflow;
+    /** Builder mode on mount. Defaults to { type: "edit" }. */
+    initialMode?: BuilderMode;
+    /**
+     * Static model catalog — the models the llmproxy supports. Shown as the
+     * built-in options in agent model pickers. Self-hosted/custom models are
+     * declared in the Models tab instead. Defaults to [] (empty dropdown).
+     */
+    models?: ModelInfo[];
+    /**
+     * UI language (e.g. "en", "de"). The host owns locale; the builder follows.
+     * Defaults to "en". The builder never auto-detects language.
+     */
+    language?: string;
+    /** A node requested embedder-side testing (e.g. Agent "Test" button). */
+    onTestNode?: (nodeId: string) => void;
+    /** Step request from the in-builder debug panel — embedder forwards to the engine. */
+    onDebugStep?: (nodeId?: string) => void;
+    /** Fires after any domain-state mutation. Pull current state via handle.exportWorkflow(). */
+    onChange?: () => void;
+    /**
+     * Undo/redo availability for the ACTIVE canvas changed — on history mutation,
+     * undo/redo, or a tab switch (each canvas has its own history). For wiring host
+     * undo/redo buttons.
+     */
+    onHistoryChange?: (state: {
+        canUndo: boolean;
+        canRedo: boolean;
+    }) => void;
+    /** Unexpected error during builder operations (e.g. failed load). */
+    onError?: (error: Error) => void;
+}
+export interface WorkflowBuilderHandle {
+    loadWorkflow: (workflow: ApiWorkflow) => void;
+    exportWorkflow: () => ApiWorkflow;
+    clear: () => void;
+    setMode: (mode: BuilderMode) => void;
+    getMode: () => BuilderMode;
+    validate: () => void;
+    undo: () => void;
+    redo: () => void;
+    setDebugPhase: (phase: DebugSessionPhase) => void;
+}
+export declare const WorkflowBuilder: import("react").ForwardRefExoticComponent<WorkflowBuilderProps & import("react").RefAttributes<WorkflowBuilderHandle>>;
+//# sourceMappingURL=WorkflowBuilder.d.ts.map

package/dist/WorkflowBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowBuilder.d.ts","sourceRoot":"","sources":["../src/WorkflowBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAgClE,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG5E,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAErF,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD;AAED,mCAAmC;AACnC,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAEpD;AAMD,MAAM,WAAW,oBAAoB;IACnC,mFAAmF;IACnF,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sFAAsF;IACtF,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGxC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,qBAAqB;IAEpC,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,MAAM,WAAW,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAGlB,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,WAAW,CAAC;IAG3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IAGrB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IAGjB,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACnD;AAOD,eAAO,MAAM,eAAe,wHAwS3B,CAAC"}

package/dist/WorkflowBuilder.js

@@ -0,0 +1,275 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { validateWorkflowState, validateChannel, validateMemory, validateModel, } from "@foresthubai/workflow-core/diagnostics";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { I18nextProvider } from "react-i18next";
+import i18n from "./i18n";
+import { toast } from "./hooks/use-toast";
+import ValidationDialog from "./dialogs/ValidationDialog";
+import { BuilderLayout } from "./BuilderLayout";
+import { TooltipProvider } from "./components/ui/tooltip";
+import { Toaster } from "./components/ui/toaster";
+import { useCanvasTabs } from "./hooks/useCanvasTabs";
+import { useResourceDiagnosticsSync } from "./hooks/useResourceDiagnosticsSync";
+import { useFunctionDiagnosticsSync } from "./hooks/useFunctionDiagnosticsSync";
+import { useSuppressThemeTransition } from "./hooks/useSuppressThemeTransition";
+import { useFunctions } from "./hooks/useFunctions";
+import { useWorkflowSerialization, readStateFromStores } from "./hooks/useWorkflowSerialization";
+import { clearAllCanvasStores, getAllCanvasStores, getOrCreateCanvasStore, subscribeCanvasRegistryChanges, MAIN_CANVAS_ID, } from "./stores/canvasStore";
+import { useDebugStore } from "./stores/debugStore";
+import { useEditorStore } from "./stores/editorStore";
+/** True when canvas mutations should be blocked (preview or debug). */
+export function isReadOnly(mode) {
+    return mode.type !== "edit";
+}
+/** Type guard for preview mode. */
+export function isPreview(mode) {
+    return mode.type === "preview";
+}
+// ============================================================================
+// Component — owns tabs/functions/dialogs; exposes the handle; delegates
+// layout/canvas rendering to BuilderLayout.
+// ============================================================================
+export const WorkflowBuilder = forwardRef(function WorkflowBuilder(props, ref) {
+    const { initialWorkflow, initialMode, models, language, onTestNode, onDebugStep, onChange, onHistoryChange, onError, } = props;
+    // Host drives locale. useLayoutEffect (not useEffect) so the language is set
+    // before paint — mounting with language="de" shows German on the first frame
+    // rather than flashing English. changeLanguage is sync here (bundled resources).
+    useLayoutEffect(() => {
+        if (language && i18n.language !== language)
+            i18n.changeLanguage(language);
+    }, [language]);
+    const { importProject, exportProject } = useWorkflowSerialization();
+    // Color-mode toggles should snap, not fade — see hook docs.
+    useSuppressThemeTransition();
+    // Keep project-scoped (channel + memory + model) diagnostics in sync. Mounted
+    // once here at the root so badges survive sidebar tab open/close.
+    useResourceDiagnosticsSync({
+        selectItems: (s) => s.channels,
+        validate: validateChannel,
+        getStored: (d) => d.byChannelId,
+        set: (d, id, diags) => d.setChannelDiagnostics(id, diags),
+        clear: (d, id) => d.clearChannelDiagnostics(id),
+    });
+    useResourceDiagnosticsSync({
+        selectItems: (s) => s.memory,
+        validate: validateMemory,
+        getStored: (d) => d.byMemoryId,
+        set: (d, id, diags) => d.setMemoryDiagnostics(id, diags),
+        clear: (d, id) => d.clearMemoryDiagnostics(id),
+    });
+    useResourceDiagnosticsSync({
+        selectItems: (s) => s.models,
+        validate: validateModel,
+        getStored: (d) => d.byModelId,
+        set: (d, id, diags) => d.setModelDiagnostics(id, diags),
+        clear: (d, id) => d.clearModelDiagnostics(id),
+    });
+    // Functions are a FunctionDeclaration (not a flat resource bag), so they use a
+    // dedicated diagnostics sync.
+    useFunctionDiagnosticsSync();
+    // Push the embedder-supplied model catalog into the store so agent model
+    // pickers can read it. Catalog is config (not workflow content), so this
+    // never fires onChange.
+    useEffect(() => {
+        useEditorStore.getState().setAvailableModels(models ?? []);
+    }, [models]);
+    // Canvas tabs + functions live here because they survive canvas switches.
+    const canvasTabs = useCanvasTabs();
+    const functionsHook = useFunctions({ onOpenTab: canvasTabs.openTab });
+    // Built-in validation UX. validate() presents the result itself rather than
+    // returning it: a success toast when clean, else this dialog. Non-null = open.
+    const [validation, setValidation] = useState(null);
+    const runValidate = useCallback(() => {
+        const result = validateWorkflowState(readStateFromStores());
+        if (result.totalErrors === 0 && result.totalWarnings === 0) {
+            toast({ title: i18n.t("validationPassed") });
+        }
+        else {
+            setValidation(result);
+        }
+    }, []);
+    // Jump to a diagnostic's target, then dismiss the dialog so it's visible.
+    const navigateToDiagnostic = useCallback((d) => {
+        const editor = useEditorStore.getState();
+        // Project-scoped targets: open the matching sidebar tab AND select the item.
+        if (d.channelId) {
+            editor.setActiveSidebarTab("channels");
+            editor.selectChannel(d.channelId);
+        }
+        else if (d.memoryId) {
+            editor.setActiveSidebarTab("memory");
+            editor.selectMemory(d.memoryId);
+        }
+        else if (d.modelId) {
+            editor.setActiveSidebarTab("models");
+            editor.selectModel(d.modelId);
+        }
+        else if (d.canvasId) {
+            // Switch first so selectGraph targets the right canvas, then select.
+            if (d.canvasId === MAIN_CANVAS_ID)
+                editor.setActiveCanvas(MAIN_CANVAS_ID);
+            else
+                functionsHook.openFunction(d.canvasId);
+            if (d.nodeId)
+                editor.selectGraph([d.nodeId], []);
+            else if (d.edgeId)
+                editor.selectGraph([], [d.edgeId]);
+        }
+        setValidation(null);
+    }, [functionsHook]);
+    // Initial load (runs once, even under StrictMode double-mount).
+    const initialLoadDone = useRef(false);
+    useEffect(() => {
+        if (initialLoadDone.current)
+            return;
+        initialLoadDone.current = true;
+        try {
+            if (initialMode)
+                useEditorStore.getState().setBuilderMode(initialMode);
+            if (initialWorkflow)
+                importProject(initialWorkflow);
+        }
+        catch (e) {
+            onError?.(e instanceof Error ? e : new Error(String(e)));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // ── Lifecycle subscriptions ────────────────────────────────────────────
+    // Stash latest callbacks in refs so the subscription effect runs once.
+    const onChangeRef = useRef(onChange);
+    const onHistoryChangeRef = useRef(onHistoryChange);
+    onChangeRef.current = onChange;
+    onHistoryChangeRef.current = onHistoryChange;
+    // onChange fires on any domain change. For canvas content we watch the
+    // history middleware's `mutationCount`, which bumps on checkpoints AND
+    // undo/redo but never on selection/drag (those go through setNodes without a
+    // checkpoint). That makes onChange honest for undo/redo and silent on
+    // view-state — the thing a raw store subscription can't do, since selection
+    // lives inside the nodes array. (editorStore exposes its own `mutationCount`
+    // for project-scoped channel/memory/model edits; watched separately below.)
+    useEffect(() => {
+        const subs = [];
+        const subscribedStores = new WeakSet();
+        function subscribeCanvas(store) {
+            if (subscribedStores.has(store))
+                return;
+            subscribedStores.add(store);
+            let prev = store.getState().mutationCount;
+            const unsub = store.subscribe((state) => {
+                if (state.mutationCount !== prev) {
+                    prev = state.mutationCount;
+                    onChangeRef.current?.();
+                }
+            });
+            subs.push(unsub);
+        }
+        function subscribeAllCanvases() {
+            for (const store of Object.values(getAllCanvasStores())) {
+                subscribeCanvas(store);
+            }
+        }
+        subscribeAllCanvases();
+        // Canvas stores come and go (function add/delete, project load). Re-subscribe
+        // to the new set so newly created function bodies are watched. We do NOT fire
+        // onChange here: function add/delete/rename and all definition edits flow
+        // through editorStore.mutationCount (setFunctions), caught by the editor
+        // subscription below — so the change signal is covered without double-firing.
+        const unsubRegistry = subscribeCanvasRegistryChanges(() => {
+            subscribeAllCanvases();
+        });
+        subs.push(unsubRegistry);
+        // Project-scoped mutations (channels, memory, models, functions).
+        let prevEditorCount = useEditorStore.getState().mutationCount;
+        const unsubEditor = useEditorStore.subscribe((state) => {
+            if (state.mutationCount !== prevEditorCount) {
+                prevEditorCount = state.mutationCount;
+                onChangeRef.current?.();
+            }
+        });
+        subs.push(unsubEditor);
+        return () => {
+            for (const u of subs)
+                u();
+        };
+    }, []);
+    // History-affordance subscription — emits the ACTIVE canvas's canUndo/canRedo
+    // so host chrome can drive undo/redo buttons. Distinct from onChange: a tab
+    // switch changes which history is active without being a domain mutation, so
+    // it must update buttons without marking the document dirty.
+    useEffect(() => {
+        let prevCanUndo = null;
+        let prevCanRedo = null;
+        let unsubActive = null;
+        const emit = () => {
+            const store = getOrCreateCanvasStore(useEditorStore.getState().activeCanvasId);
+            const canUndo = store.canUndo();
+            const canRedo = store.canRedo();
+            if (canUndo === prevCanUndo && canRedo === prevCanRedo)
+                return;
+            prevCanUndo = canUndo;
+            prevCanRedo = canRedo;
+            onHistoryChangeRef.current?.({ canUndo, canRedo });
+        };
+        // Bind to the current active canvas (a) and emit. Re-run on tab switch (b)
+        // and on store-instance rebuilds from load/clear (c) — both can change which
+        // store, or store object, is active under us.
+        const bindActive = () => {
+            unsubActive?.();
+            unsubActive = getOrCreateCanvasStore(useEditorStore.getState().activeCanvasId).subscribe(emit);
+            emit();
+        };
+        bindActive();
+        let prevActive = useEditorStore.getState().activeCanvasId;
+        const unsubEditor = useEditorStore.subscribe((state) => {
+            if (state.activeCanvasId !== prevActive) {
+                prevActive = state.activeCanvasId;
+                bindActive(); // (b) tab switch
+            }
+        });
+        const unsubRegistry = subscribeCanvasRegistryChanges(bindActive); // (c) load/clear rebuild
+        return () => {
+            unsubActive?.();
+            unsubEditor();
+            unsubRegistry();
+        };
+    }, []);
+    // ── Imperative handle ─────────────────────────────────────────────────
+    useImperativeHandle(ref, () => ({
+        loadWorkflow: (workflow) => {
+            try {
+                importProject(workflow);
+            }
+            catch (e) {
+                onError?.(e instanceof Error ? e : new Error(String(e)));
+            }
+        },
+        exportWorkflow: () => exportProject(),
+        clear: () => {
+            clearAllCanvasStores();
+            // Function declarations are project-scoped (not in canvas stores), so reset
+            // them explicitly alongside the cleared bodies.
+            useEditorStore.getState().setFunctions(() => ({}));
+            useEditorStore.getState().clearSelection();
+        },
+        setMode: (mode) => useEditorStore.getState().setBuilderMode(mode),
+        getMode: () => useEditorStore.getState().builderMode,
+        validate: runValidate,
+        undo: () => getOrCreateCanvasStore(useEditorStore.getState().activeCanvasId).undo(),
+        redo: () => getOrCreateCanvasStore(useEditorStore.getState().activeCanvasId).redo(),
+        setDebugPhase: (phase) => useDebugStore.getState().setPhase(phase),
+    }), [importProject, exportProject, onError, runValidate]);
+    // I18nextProvider scopes the builder's PRIVATE i18n instance to this subtree,
+    // so the useTranslation() consumers read it (never the host's i18next).
+    //
+    // The `fh-builder` root carries the builder's OWN base look (font,
+    // text color, antialiasing) on its own element. The builder no longer styles
+    // the host's <body> — the host owns the page. `h-full w-full` makes the
+    // builder fill whatever container it's mounted in; it never assumes the
+    // viewport. TooltipProvider + Toaster live inside the package so the embedder
+    // doesn't need to know we use Radix tooltips or shadcn toasts internally.
+    return (_jsx(I18nextProvider, { i18n: i18n, children: _jsx(TooltipProvider, { delayDuration: 300, children: _jsxs("div", { className: "fh-builder h-full w-full bg-background text-foreground font-sans antialiased", children: [_jsx(BuilderLayout, { functions: functionsHook.functions, onOpenFunction: functionsHook.openFunction, onCreateFunction: functionsHook.createFunction, canvasTabs: canvasTabs.tabs, onCanvasTabChange: canvasTabs.setActiveTabId, onCanvasTabClose: canvasTabs.closeTab, onCanvasTabReorder: canvasTabs.reorderTabs, onTestNode: onTestNode, onDebugStep: onDebugStep }), _jsx(Toaster, {}), validation && (_jsx(ValidationDialog, { open: true, onOpenChange: (o) => {
+                            if (!o)
+                                setValidation(null);
+                        }, validation: validation, onSelectDiagnostic: navigateToDiagnostic }))] }) }) }));
+});
+//# sourceMappingURL=WorkflowBuilder.js.map