@foresthubai/workflow-builder 0.3.0

package/dist/graph/PortHandle.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+import { Plus } from "lucide-react";
+export const PortHandle = ({ id, nodeId, type, position, portType, label, style, disabled, showPlus, }) => {
+    const getHandleStyle = () => {
+        const baseStyle = {
+            width: "12px",
+            height: "12px",
+            // Outline matches the canonical graph-line color (same as edges + node borders).
+            border: "2px solid hsl(var(--edge-default))",
+        };
+        if (disabled) {
+            return {
+                ...baseStyle,
+                backgroundColor: "hsl(var(--muted-foreground) / 0.3)",
+                border: "2px solid hsl(var(--muted-foreground) / 0.4)",
+                borderRadius: portType === "control" ? "2px" : portType === "tool" ? "2px" : "50%",
+                opacity: 0.8,
+                cursor: "not-allowed",
+                ...(portType === "tool" ? { clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)" } : {}),
+            };
+        }
+        switch (portType) {
+            case "control":
+                // Square shape for execution/control ports. Fill matches the node body
+                // (--card) so the port reads as a recessed hole outlined in the graph color.
+                return {
+                    ...baseStyle,
+                    backgroundColor: "hsl(var(--card))",
+                    borderRadius: "2px",
+                };
+            case "tool":
+                // Diamond via clip-path so the handle stays anchored on the node edge
+                // (rotating it would override React Flow's centering transform). A
+                // clip-path can't show a border, so the handle background is the outline
+                // color and an inset inner diamond (rendered as a child below) paints the
+                // canonical tool fill (--node-tool), leaving a 2px edge-default outline.
+                return {
+                    ...baseStyle,
+                    backgroundColor: "hsl(var(--edge-default))",
+                    border: "none",
+                    borderRadius: "0",
+                    clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",
+                };
+            default:
+                // Circle shape as fallback
+                return {
+                    ...baseStyle,
+                    backgroundColor: "white",
+                    borderRadius: "50%",
+                };
+        }
+    };
+    const getLabelPositionClass = () => {
+        switch (position) {
+            case Position.Left:
+                return "right-full mr-3 text-right";
+            case Position.Right:
+                return "left-full ml-3 text-left";
+            case Position.Top:
+                return "bottom-full mb-2 text-center left-1/2 -translate-x-1/2";
+            case Position.Bottom:
+                return "top-full mt-2 text-center left-1/2 -translate-x-1/2";
+            default:
+                return "left-full ml-3 text-left";
+        }
+    };
+    const getLabelStyle = () => {
+        if (position === Position.Left || position === Position.Right) {
+            return {
+                top: "50%",
+                transform: "translateY(calc(-50% + 12px))",
+            };
+        }
+        return {};
+    };
+    const getPlusPositionClass = () => {
+        // Center with a negative margin (button is w-4 h-4 = 16px, so -8px = -2),
+        // NOT a translate. The hover effect uses `transform: scale()`, and reusing
+        // transform for centering too makes the translate drop out mid-animation,
+        // which both off-centers the plus and makes it jump on hover.
+        switch (position) {
+            case Position.Bottom:
+                return "top-[15px] left-1/2 -ml-2";
+            default:
+                return "left-[15px] top-1/2 -mt-2";
+        }
+    };
+    // Nudge the *visible* dot 1px toward the node interior so it sits on the
+    // outline centerline (the SVG border is strokeW=2). The offset is on a child,
+    // NOT the Handle — React Flow anchors edges to the Handle's measured box, so
+    // keeping that on the node edge means edges still connect flush instead of
+    // stopping 1px short.
+    const dotOffset = position === Position.Top
+        ? "translateY(1px)"
+        : position === Position.Bottom
+            ? "translateY(-1px)"
+            : position === Position.Left
+                ? "translateX(1px)"
+                : "translateX(-1px)";
+    return (_jsxs("div", { className: "absolute z-20", style: style, children: [_jsx(Handle, { id: id, type: type, position: position, isConnectable: !disabled, style: { width: "12px", height: "12px", background: "transparent", border: "none", minWidth: 0, minHeight: 0 }, children: _jsx("div", { style: { ...getHandleStyle(), position: "absolute", inset: 0, transform: dotOffset, pointerEvents: "none" }, children: portType === "tool" && !disabled && (_jsx("div", { style: {
+                            position: "absolute",
+                            inset: "2px",
+                            backgroundColor: "hsl(var(--node-tool))",
+                            clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",
+                        } })) }) }), label && !disabled && (_jsx("div", { className: `absolute text-xs text-muted-foreground pointer-events-none select-none whitespace-nowrap ${getLabelPositionClass()}`, style: getLabelStyle(), children: label })), showPlus && !disabled && nodeId && (_jsx("button", { type: "button", title: "Add port", className: `nodrag absolute flex items-center justify-center w-4 h-4 rounded-full bg-muted-foreground/60 text-card hover:bg-primary hover:scale-110 transition-all cursor-pointer ${getPlusPositionClass()}`, onClick: (e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    const detail = { nodeId, handleId: id, portType };
+                    e.currentTarget.dispatchEvent(new CustomEvent("port-plus-click", { detail, bubbles: true }));
+                }, onPointerDown: (e) => e.stopPropagation(), children: _jsx(Plus, { className: "w-2.5 h-2.5", strokeWidth: 3 }) }))] }));
+};
+//# sourceMappingURL=PortHandle.js.map

package/dist/graph/PortHandle.js.map

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

package/dist/graph/reactFlowRegistry.d.ts

@@ -0,0 +1,65 @@
+export declare const nodeTypes: {
+    Standard: import("react").MemoExoticComponent<(props: import("@xyflow/react").NodeProps) => import("react/jsx-runtime").JSX.Element>;
+    FunctionCall: import("react").MemoExoticComponent<(props: import("@xyflow/react").NodeProps) => import("react/jsx-runtime").JSX.Element>;
+    Trigger: import("react").MemoExoticComponent<(props: import("@xyflow/react").NodeProps) => import("react/jsx-runtime").JSX.Element>;
+    Tool: import("react").MemoExoticComponent<(props: import("@xyflow/react").NodeProps) => import("react/jsx-runtime").JSX.Element>;
+    AI: import("react").MemoExoticComponent<(props: import("@xyflow/react").NodeProps) => import("react/jsx-runtime").JSX.Element>;
+};
+export declare const edgeTypes: {
+    control: ({ id, source, type, sourceX, sourceY, targetX, targetY, data, selected, }: {
+        id: string;
+        source: string;
+        type: string;
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        data?: import("@foresthubai/workflow-core/edge").EdgeData;
+        selected?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tool: ({ id, source, type, sourceX, sourceY, targetX, targetY, data, selected, }: {
+        id: string;
+        source: string;
+        type: string;
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        data?: import("@foresthubai/workflow-core/edge").EdgeData;
+        selected?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    agentTask: ({ id, source, type, sourceX, sourceY, targetX, targetY, data, selected, }: {
+        id: string;
+        source: string;
+        type: string;
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        data?: import("@foresthubai/workflow-core/edge").EdgeData;
+        selected?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    agentChoice: ({ id, source, type, sourceX, sourceY, targetX, targetY, data, selected, }: {
+        id: string;
+        source: string;
+        type: string;
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        data?: import("@foresthubai/workflow-core/edge").EdgeData;
+        selected?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    agentDelegate: ({ id, source, type, sourceX, sourceY, targetX, targetY, data, selected, }: {
+        id: string;
+        source: string;
+        type: string;
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        data?: import("@foresthubai/workflow-core/edge").EdgeData;
+        selected?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=reactFlowRegistry.d.ts.map

package/dist/graph/reactFlowRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactFlowRegistry.d.ts","sourceRoot":"","sources":["../../src/graph/reactFlowRegistry.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;YAOq9B,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;CADngC,CAAC"}

package/dist/graph/reactFlowRegistry.js

@@ -0,0 +1,24 @@
+// ReactFlow node/edge type registries
+// Maps ReactFlow type strings to the React components that render them.
+// Shared between CanvasArea (editor) and VersionPreviewCanvas (read-only preview).
+// Lives in graph/ because it references sibling components, but is only consumed
+// by higher-level composing components — no graph/ component imports this file.
+import { NodeCategory } from "@foresthubai/workflow-core/node";
+import { CustomNode } from "./CustomNode";
+import { FunctionCallNode } from "./FunctionCallNode";
+import CustomEdge from "./CustomEdge";
+export const nodeTypes = {
+    Standard: CustomNode,
+    FunctionCall: FunctionCallNode,
+    [NodeCategory.Trigger]: CustomNode,
+    [NodeCategory.Tool]: CustomNode,
+    [NodeCategory.AI]: CustomNode,
+};
+export const edgeTypes = {
+    control: CustomEdge,
+    tool: CustomEdge,
+    agentTask: CustomEdge,
+    agentChoice: CustomEdge,
+    agentDelegate: CustomEdge,
+};
+//# sourceMappingURL=reactFlowRegistry.js.map

package/dist/graph/reactFlowRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactFlowRegistry.js","sourceRoot":"","sources":["../../src/graph/reactFlowRegistry.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,wEAAwE;AACxE,mFAAmF;AACnF,iFAAiF;AACjF,gFAAgF;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,gBAAgB;IAC9B,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,UAAU;IAClC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,UAAU;IAC/B,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,UAAU;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,UAAU;IACnB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,UAAU;IACrB,WAAW,EAAE,UAAU;IACvB,aAAa,EAAE,UAAU;CAC1B,CAAC"}

package/dist/hooks/use-toast.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import type { ToastActionElement, ToastProps } from "../components/ui/toast";
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast> & {
+        id: string;
+    };
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (next: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };
+//# sourceMappingURL=use-toast.d.ts.map

package/dist/hooks/use-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAK7E,KAAK,YAAY,GAAG,UAAU,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,WAAW;;;;;CAKP,CAAC;AAQX,KAAK,UAAU,GAAG,OAAO,WAAW,CAAC;AAErC,KAAK,MAAM,GACP;IAAE,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GACnF;IAAE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC;AAEvE,UAAU,KAAK;IACb,MAAM,EAAE,YAAY,EAAE,CAAC;CACxB;AAaD,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,KAAG,KAyBtD,CAAC;AAUF,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AAEtC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK;;;mBAEV,YAAY;EAenC;AAED,iBAAS,QAAQ;;wBAaO,MAAM;YAnFpB,YAAY,EAAE;EAqFvB;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC"}

package/dist/hooks/use-toast.js

@@ -0,0 +1,95 @@
+// Standard shadcn toast hook + dispatcher
+import * as React from "react";
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1_000_000;
+const actionTypes = {
+    ADD_TOAST: "ADD_TOAST",
+    UPDATE_TOAST: "UPDATE_TOAST",
+    DISMISS_TOAST: "DISMISS_TOAST",
+    REMOVE_TOAST: "REMOVE_TOAST",
+};
+let count = 0;
+function genId() {
+    count = (count + 1) % Number.MAX_SAFE_INTEGER;
+    return count.toString();
+}
+const toastTimeouts = new Map();
+function addToRemoveQueue(toastId) {
+    if (toastTimeouts.has(toastId))
+        return;
+    const timeout = setTimeout(() => {
+        toastTimeouts.delete(toastId);
+        dispatch({ type: "REMOVE_TOAST", toastId });
+    }, TOAST_REMOVE_DELAY);
+    toastTimeouts.set(toastId, timeout);
+}
+export const reducer = (state, action) => {
+    switch (action.type) {
+        case "ADD_TOAST":
+            return { ...state, toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT) };
+        case "UPDATE_TOAST":
+            return {
+                ...state,
+                toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)),
+            };
+        case "DISMISS_TOAST": {
+            const { toastId } = action;
+            if (toastId) {
+                addToRemoveQueue(toastId);
+            }
+            else {
+                state.toasts.forEach((t) => addToRemoveQueue(t.id));
+            }
+            return {
+                ...state,
+                toasts: state.toasts.map((t) => (t.id === toastId || toastId === undefined ? { ...t, open: false } : t)),
+            };
+        }
+        case "REMOVE_TOAST":
+            if (action.toastId === undefined)
+                return { ...state, toasts: [] };
+            return { ...state, toasts: state.toasts.filter((t) => t.id !== action.toastId) };
+    }
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+    memoryState = reducer(memoryState, action);
+    listeners.forEach((listener) => listener(memoryState));
+}
+function toast({ ...props }) {
+    const id = genId();
+    const update = (next) => dispatch({ type: "UPDATE_TOAST", toast: { ...next, id } });
+    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+    dispatch({
+        type: "ADD_TOAST",
+        toast: {
+            ...props,
+            id,
+            open: true,
+            onOpenChange: (open) => {
+                if (!open)
+                    dismiss();
+            },
+        },
+    });
+    return { id, dismiss, update };
+}
+function useToast() {
+    const [state, setState] = React.useState(memoryState);
+    React.useEffect(() => {
+        listeners.push(setState);
+        return () => {
+            const index = listeners.indexOf(setState);
+            if (index > -1)
+                listeners.splice(index, 1);
+        };
+    }, []);
+    return {
+        ...state,
+        toast,
+        dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
+    };
+}
+export { useToast, toast };
+//# sourceMappingURL=use-toast.js.map

package/dist/hooks/use-toast.js.map

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

package/dist/hooks/useAvailableVariables.d.ts

@@ -0,0 +1,12 @@
+export type { Variable as AvailableVariable } from "@foresthubai/workflow-core/variable";
+/**
+ * Hook that provides access to all available variables for a specific canvas.
+ * Each canvas is self-contained — main and function canvases do not share scope.
+ *
+ * Returns both an array (for iteration/UI) and a record (for O(1) lookup).
+ */
+export declare const useAvailableVariables: (canvasId?: string) => {
+    list: import("@foresthubai/workflow-core/variable").Variable[];
+    lookup: Record<string, import("@foresthubai/workflow-core/variable").Variable>;
+};
+//# sourceMappingURL=useAvailableVariables.d.ts.map

package/dist/hooks/useAvailableVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableVariables.d.ts","sourceRoot":"","sources":["../../src/hooks/useAvailableVariables.ts"],"names":[],"mappings":"AAKA,YAAY,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAEzF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAU,MAAuB;;;CAMtE,CAAC"}

package/dist/hooks/useAvailableVariables.js

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+import { getOrCreateCanvasStore, MAIN_CANVAS_ID } from "../stores/canvasStore";
+import { computeAvailableVariables } from "@foresthubai/workflow-core/variable";
+/**
+ * Hook that provides access to all available variables for a specific canvas.
+ * Each canvas is self-contained — main and function canvases do not share scope.
+ *
+ * Returns both an array (for iteration/UI) and a record (for O(1) lookup).
+ */
+export const useAvailableVariables = (canvasId = MAIN_CANVAS_ID) => {
+    const store = getOrCreateCanvasStore(canvasId);
+    const variables = store((s) => s.variables);
+    const edges = store((s) => s.edges);
+    return useMemo(() => computeAvailableVariables(variables, edges), [variables, edges]);
+};
+//# sourceMappingURL=useAvailableVariables.js.map

package/dist/hooks/useAvailableVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableVariables.js","sourceRoot":"","sources":["../../src/hooks/useAvailableVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAKhF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmB,cAAc,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AACxF,CAAC,CAAC"}

package/dist/hooks/useCanvasHistory.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hook that exposes all history functions from a canvas store.
+ * Each canvas has its own independent undo/redo history.
+ */
+export declare const useCanvasHistory: (canvasId?: string) => {
+    undo: () => void;
+    redo: () => void;
+    takeCheckpoint: () => void;
+    withCheckpoint: <R>(operation: () => R) => R;
+    clearHistory: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+};
+//# sourceMappingURL=useCanvasHistory.d.ts.map

package/dist/hooks/useCanvasHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasHistory.d.ts","sourceRoot":"","sources":["../../src/hooks/useCanvasHistory.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAU,MAAuB;;;;;;;;CAejE,CAAC"}

package/dist/hooks/useCanvasHistory.js

@@ -0,0 +1,20 @@
+import { getOrCreateCanvasStore, MAIN_CANVAS_ID } from "../stores/canvasStore";
+/**
+ * Hook that exposes all history functions from a canvas store.
+ * Each canvas has its own independent undo/redo history.
+ */
+export const useCanvasHistory = (canvasId = MAIN_CANVAS_ID) => {
+    const canvasStore = getOrCreateCanvasStore(canvasId);
+    return {
+        // History actions
+        undo: canvasStore.undo,
+        redo: canvasStore.redo,
+        takeCheckpoint: canvasStore.takeCheckpoint,
+        withCheckpoint: canvasStore.withCheckpoint,
+        clearHistory: canvasStore.clearHistory,
+        // History state checks
+        canUndo: canvasStore.canUndo,
+        canRedo: canvasStore.canRedo,
+    };
+};
+//# sourceMappingURL=useCanvasHistory.js.map

package/dist/hooks/useCanvasHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasHistory.js","sourceRoot":"","sources":["../../src/hooks/useCanvasHistory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE/E;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAmB,cAAc,EAAE,EAAE;IACpE,MAAM,WAAW,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAErD,OAAO;QACL,kBAAkB;QAClB,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,cAAc,EAAE,WAAW,CAAC,cAAc;QAC1C,cAAc,EAAE,WAAW,CAAC,cAAc;QAC1C,YAAY,EAAE,WAAW,CAAC,YAAY;QAEtC,uBAAuB;QACvB,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,OAAO,EAAE,WAAW,CAAC,OAAO;KAC7B,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useCanvasTabs.d.ts

@@ -0,0 +1,23 @@
+export interface CanvasTab {
+    id: string;
+    label: string;
+}
+/**
+ * Hook for managing canvas tabs UI.
+ * Tab switching directly updates the UI store's activeCanvasId.
+ */
+export declare const useCanvasTabs: () => {
+    tabs: CanvasTab[];
+    activeTabId: string;
+    setActiveTabId: (tabId: string) => void;
+    openTab: (id: string, label: string) => string;
+    closeTab: (tabId: string) => void;
+    removeTab: (tabId: string) => void;
+    renameTab: (tabId: string, newLabel: string) => void;
+    reorderTabs: (fromIndex: number, toIndex: number) => void;
+    resetToMain: () => void;
+    restoreTabState: (savedTabs: CanvasTab[], savedActiveId: string) => void;
+    getTabLabel: (tabId: string) => string;
+    isMainCanvas: boolean;
+};
+//# sourceMappingURL=useCanvasTabs.d.ts.map

package/dist/hooks/useCanvasTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasTabs.d.ts","sourceRoot":"","sources":["../../src/hooks/useCanvasTabs.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa;;;4BAwCd,MAAM;kBAYT,MAAM,SAAS,MAAM;sBAgBlB,MAAM;uBAkBN,MAAM;uBAesB,MAAM,YAAY,MAAM;6BAIlB,MAAM,WAAW,MAAM;;iCAmBrD,SAAS,EAAE,iBAAiB,MAAM;yBAStC,MAAM;;CAoBjB,CAAC"}

package/dist/hooks/useCanvasTabs.js

@@ -0,0 +1,136 @@
+import { useState, useCallback, useEffect } from "react";
+import { MAIN_CANVAS_ID } from "../stores/canvasStore";
+import { useEditorStore } from "../stores/editorStore";
+/**
+ * Hook for managing canvas tabs UI.
+ * Tab switching directly updates the UI store's activeCanvasId.
+ */
+export const useCanvasTabs = () => {
+    const [tabs, setTabs] = useState([{ id: MAIN_CANVAS_ID, label: "Main" }]);
+    // Get active canvas ID and setter from editor store
+    const activeCanvasId = useEditorStore((state) => state.activeCanvasId);
+    const setActiveCanvas = useEditorStore((state) => state.setActiveCanvas);
+    const selectFunction = useEditorStore((state) => state.selectFunction);
+    // Tabs are a projection of the function declarations: a deleted function drops its
+    // tab (falling back to Main if it was active), a renamed one relabels. Open/close
+    // of an existing function's tab is still explicit (openTab/closeTab) — this only
+    // reconciles against the source of truth so the strip can't show a stale function.
+    const functions = useEditorStore((state) => state.functions);
+    useEffect(() => {
+        setTabs((prev) => {
+            let changed = false;
+            const next = prev.flatMap((t) => {
+                if (t.id === MAIN_CANVAS_ID)
+                    return [t];
+                const fn = functions[t.id];
+                if (!fn) {
+                    changed = true;
+                    return [];
+                }
+                if (fn.name !== t.label) {
+                    changed = true;
+                    return [{ ...t, label: fn.name }];
+                }
+                return [t];
+            });
+            return changed ? next : prev;
+        });
+        if (activeCanvasId !== MAIN_CANVAS_ID && !functions[activeCanvasId]) {
+            setActiveCanvas(MAIN_CANVAS_ID);
+        }
+    }, [functions, activeCanvasId, setActiveCanvas]);
+    // Switch to a tab's canvas. A function tab focuses its declaration (selectFunction
+    // switches the canvas AND selects the function so its config panel opens) — matching
+    // the dropdown/sidebar open path; any other tab just switches the canvas.
+    const setActiveTabId = useCallback((tabId) => {
+        if (tabId !== MAIN_CANVAS_ID && functions[tabId]) {
+            selectFunction(tabId);
+        }
+        else {
+            setActiveCanvas(tabId);
+        }
+    }, [functions, selectFunction, setActiveCanvas]);
+    // Open a tab for a function (add if not exists, switch to it)
+    const openTab = useCallback((id, label) => {
+        setTabs((prev) => {
+            const existing = prev.find((t) => t.id === id);
+            if (existing) {
+                return prev; // Already exists
+            }
+            return [...prev, { id, label }];
+        });
+        setActiveCanvas(id);
+        return id;
+    }, [setActiveCanvas]);
+    // Close a tab (just removes from visible tabs, does NOT delete canvas data)
+    const closeTab = useCallback((tabId) => {
+        // Cannot close main tab
+        if (tabId === MAIN_CANVAS_ID)
+            return;
+        setTabs((prev) => {
+            const filtered = prev.filter((t) => t.id !== tabId);
+            // If closing active tab, switch to main
+            if (tabId === activeCanvasId) {
+                setActiveCanvas(MAIN_CANVAS_ID);
+            }
+            return filtered;
+        });
+    }, [activeCanvasId, setActiveCanvas]);
+    // Remove a tab completely (called when function is deleted)
+    const removeTab = useCallback((tabId) => {
+        if (tabId === MAIN_CANVAS_ID)
+            return;
+        setTabs((prev) => {
+            const filtered = prev.filter((t) => t.id !== tabId);
+            // Switch to main canvas if removing active tab
+            if (tabId === activeCanvasId) {
+                setActiveCanvas(MAIN_CANVAS_ID);
+            }
+            return filtered;
+        });
+    }, [activeCanvasId, setActiveCanvas]);
+    const renameTab = useCallback((tabId, newLabel) => {
+        setTabs((prev) => prev.map((t) => (t.id === tabId ? { ...t, label: newLabel } : t)));
+    }, []);
+    const reorderTabs = useCallback((fromIndex, toIndex) => {
+        if (fromIndex === 0 || toIndex === 0)
+            return;
+        setTabs((prev) => {
+            const updated = [...prev];
+            const [moved] = updated.splice(fromIndex, 1);
+            if (!moved)
+                return prev;
+            updated.splice(toIndex, 0, moved);
+            return updated;
+        });
+    }, []);
+    // Reset to main canvas only (closes all function tabs)
+    const resetToMain = useCallback(() => {
+        setTabs([{ id: MAIN_CANVAS_ID, label: "Main" }]);
+        setActiveCanvas(MAIN_CANVAS_ID);
+    }, [setActiveCanvas]);
+    // Restore a previously saved tab state
+    const restoreTabState = useCallback((savedTabs, savedActiveId) => {
+        setTabs(savedTabs);
+        setActiveCanvas(savedActiveId);
+    }, [setActiveCanvas]);
+    // Get label for a tab
+    const getTabLabel = useCallback((tabId) => {
+        return tabs.find((t) => t.id === tabId)?.label || "Unknown";
+    }, [tabs]);
+    return {
+        tabs,
+        activeTabId: activeCanvasId,
+        setActiveTabId,
+        openTab,
+        closeTab,
+        removeTab,
+        renameTab,
+        reorderTabs,
+        resetToMain,
+        restoreTabState,
+        getTabLabel,
+        isMainCanvas: activeCanvasId === MAIN_CANVAS_ID,
+    };
+};
+//# sourceMappingURL=useCanvasTabs.js.map

package/dist/hooks/useCanvasTabs.js.map

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