@foresthubai/workflow-builder 0.4.2 → 0.4.4

package/src/utils/variableOperations.ts

@@ -1,75 +1,75 @@
-import { declaredVarKey, type DeclaredVariable } from "@foresthubai/workflow-core/variable";
-import type { DataType } from "@foresthubai/workflow-core";
-import { getOrCreateCanvasStore } from "../stores/canvasStore";
-import { useEditorStore } from "../stores/editorStore";
-import { generateId } from "@foresthubai/workflow-core/id";
-
-/**
- * Per-canvas mutation helpers for declared variables. Mirrors
- * utils/modelOperations.ts, but declared variables are canvas-scoped (they live
- * in canvasStore.variables, not editorStore), so every helper takes a canvasId.
- *
- * Each write takes a history checkpoint first, matching the inline editor it
- * replaces, so a single edit is one undo step.
- */
-
-/** Pick a fresh `var<N>` name that doesn't collide with existing declared variables. */
-function nextDefaultName(existingNames: string[]): string {
-  let counter = 1;
-  while (existingNames.includes(`var${counter}`)) counter++;
-  return `var${counter}`;
-}
-
-/** Create a new declared variable on the given canvas. Returns its uid. */
-export function addDeclaredVariable(canvasId: string): string {
-  const store = getOrCreateCanvasStore(canvasId);
-  store.takeCheckpoint();
-  const existingNames = Object.values(store.getState().variables)
-    .filter((v): v is DeclaredVariable => v.kind === "declared")
-    .map((v) => v.name);
-  const uid = generateId();
-  const newVar: DeclaredVariable = {
-    kind: "declared",
-    uid,
-    name: nextDefaultName(existingNames),
-    dataType: "int",
-  };
-  store.getState().setVariables((vars) => ({ ...vars, [declaredVarKey(uid)]: newVar }));
-  return uid;
-}
-
-/** Apply a partial patch to a declared variable. `kind`/`uid` are fixed. */
-export function updateDeclaredVariable(canvasId: string, uid: string, updates: Partial<Omit<DeclaredVariable, "kind" | "uid">>): void {
-  const store = getOrCreateCanvasStore(canvasId);
-  store.takeCheckpoint();
-  const key = declaredVarKey(uid);
-  store.getState().setVariables((vars) => {
-    const existing = vars[key];
-    if (!existing || existing.kind !== "declared") return vars;
-    return { ...vars, [key]: { ...existing, ...updates } };
-  });
-}
-
-/**
- * Change a declared variable's dataType. The previous initialValue is dropped —
- * a value entered for one type rarely makes sense for another, so we reset
- * rather than attempt a lossy coercion.
- */
-export function setDeclaredVariableType(canvasId: string, uid: string, dataType: DataType): void {
-  updateDeclaredVariable(canvasId, uid, { dataType, initialValue: undefined });
-}
-
-/** Delete a declared variable and clear its selection if it was open. */
-export function deleteDeclaredVariable(canvasId: string, uid: string): void {
-  const store = getOrCreateCanvasStore(canvasId);
-  store.takeCheckpoint();
-  const key = declaredVarKey(uid);
-  store.getState().setVariables((vars) => {
-    const { [key]: _drop, ...rest } = vars;
-    return rest;
-  });
-  const sel = useEditorStore.getState().selection;
-  if (sel.kind === "variable" && sel.uid === uid) {
-    useEditorStore.getState().clearSelection();
-  }
-}
+import { declaredVarKey, type DeclaredVariable } from "@foresthubai/workflow-core/variable";
+import type { DataType } from "@foresthubai/workflow-core";
+import { getOrCreateCanvasStore } from "../stores/canvasStore";
+import { useEditorStore } from "../stores/editorStore";
+import { generateId } from "@foresthubai/workflow-core/id";
+
+/**
+ * Per-canvas mutation helpers for declared variables. Mirrors
+ * utils/modelOperations.ts, but declared variables are canvas-scoped (they live
+ * in canvasStore.variables, not editorStore), so every helper takes a canvasId.
+ *
+ * Each write takes a history checkpoint first, matching the inline editor it
+ * replaces, so a single edit is one undo step.
+ */
+
+/** Pick a fresh `var<N>` name that doesn't collide with existing declared variables. */
+function nextDefaultName(existingNames: string[]): string {
+  let counter = 1;
+  while (existingNames.includes(`var${counter}`)) counter++;
+  return `var${counter}`;
+}
+
+/** Create a new declared variable on the given canvas. Returns its uid. */
+export function addDeclaredVariable(canvasId: string): string {
+  const store = getOrCreateCanvasStore(canvasId);
+  store.takeCheckpoint();
+  const existingNames = Object.values(store.getState().variables)
+    .filter((v): v is DeclaredVariable => v.kind === "declared")
+    .map((v) => v.name);
+  const uid = generateId();
+  const newVar: DeclaredVariable = {
+    kind: "declared",
+    uid,
+    name: nextDefaultName(existingNames),
+    dataType: "int",
+  };
+  store.getState().setVariables((vars) => ({ ...vars, [declaredVarKey(uid)]: newVar }));
+  return uid;
+}
+
+/** Apply a partial patch to a declared variable. `kind`/`uid` are fixed. */
+export function updateDeclaredVariable(canvasId: string, uid: string, updates: Partial<Omit<DeclaredVariable, "kind" | "uid">>): void {
+  const store = getOrCreateCanvasStore(canvasId);
+  store.takeCheckpoint();
+  const key = declaredVarKey(uid);
+  store.getState().setVariables((vars) => {
+    const existing = vars[key];
+    if (!existing || existing.kind !== "declared") return vars;
+    return { ...vars, [key]: { ...existing, ...updates } };
+  });
+}
+
+/**
+ * Change a declared variable's dataType. The previous initialValue is dropped —
+ * a value entered for one type rarely makes sense for another, so we reset
+ * rather than attempt a lossy coercion.
+ */
+export function setDeclaredVariableType(canvasId: string, uid: string, dataType: DataType): void {
+  updateDeclaredVariable(canvasId, uid, { dataType, initialValue: undefined });
+}
+
+/** Delete a declared variable and clear its selection if it was open. */
+export function deleteDeclaredVariable(canvasId: string, uid: string): void {
+  const store = getOrCreateCanvasStore(canvasId);
+  store.takeCheckpoint();
+  const key = declaredVarKey(uid);
+  store.getState().setVariables((vars) => {
+    const { [key]: _drop, ...rest } = vars;
+    return rest;
+  });
+  const sel = useEditorStore.getState().selection;
+  if (sel.kind === "variable" && sel.uid === uid) {
+    useEditorStore.getState().clearSelection();
+  }
+}

package/tailwind-preset.ts

@@ -1,166 +1,166 @@
-import type { Config } from "tailwindcss";
-import animate from "tailwindcss-animate";
-
-/**
- * Tailwind preset for @foresthubai/workflow-builder.
- *
- * This is the single source of truth that binds the design-system tokens
- * defined in `src/styles/index.css` (raw HSL triplets like `--primary`) to the
- * Tailwind utility classes the builder's components reference (`bg-primary`,
- * `text-muted-foreground`, `border-border`, `bg-node-agent`, …). It also ships
- * the `darkMode` strategy, the accordion keyframes, and the
- * `tailwindcss-animate` plugin that the builder's shadcn components depend on.
- *
- * Any consumer embedding the builder must:
- *   1. spread this preset:  `presets: [workflowBuilderPreset]`
- *   2. import the tokens once:  `import "@foresthubai/workflow-builder/styles/index.css"`
- *   3. add the builder to their Tailwind `content` so its classes are emitted
- *      (a glob over its built JS under node_modules/@foresthubai/workflow-builder,
- *      or, when consuming source as this monorepo does, the builder's src tree).
- *
- * `content` is intentionally NOT part of the preset: its globs are
- * consumer-relative (source tree in this monorepo, node_modules in a published
- * install), so each consumer owns that path.
- */
-const preset: Omit<Config, "content"> = {
-  darkMode: ["class"],
-  theme: {
-    extend: {
-      fontFamily: {
-        // The builder's base body face (applied on the .fh-builder root)
-        // and its display/heading face. Defined here so `font-sans`/`font-heading`
-        // resolve to the builder's type even in portaled content (dialogs, menus)
-        // that renders outside the root and can't inherit the root's font.
-        sans: ["Poppins", "system-ui", "sans-serif"],
-        heading: ["Inter", "system-ui", "sans-serif"],
-      },
-      colors: {
-        // ───────────────────────────────────────────────────────────
-        // GENERAL UI — surfaces, text, controls. Reusable by host apps.
-        // ───────────────────────────────────────────────────────────
-
-        // Surfaces & controls
-        border: "hsl(var(--border))",
-        input: "hsl(var(--border))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        field: "hsl(var(--field))",
-        overlay: "hsl(var(--overlay))",
-
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-          glow: "hsl(var(--primary-glow))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-
-        // Status
-        success: {
-          DEFAULT: "hsl(var(--success))",
-          foreground: "hsl(var(--success-foreground))",
-        },
-        warning: {
-          DEFAULT: "hsl(var(--warning))",
-          foreground: "hsl(var(--warning-foreground))",
-        },
-
-        // Sidebar
-        sidebar: {
-          DEFAULT: "hsl(var(--sidebar-background))",
-          foreground: "hsl(var(--sidebar-foreground))",
-          primary: "hsl(var(--sidebar-primary))",
-          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
-          accent: "hsl(var(--sidebar-accent))",
-          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
-          border: "hsl(var(--sidebar-border))",
-          ring: "hsl(var(--sidebar-ring))",
-        },
-
-        // ───────────────────────────────────────────────────────────
-        // BUILDER / GRAPH ONLY — canvas, edges, node categories.
-        // Host apps embedding the builder don't reference these.
-        // ───────────────────────────────────────────────────────────
-        canvas: {
-          bg: "hsl(var(--canvas-background))",
-        },
-        panel: {
-          background: "hsl(var(--panel-background))",
-          border: "hsl(var(--panel-border))",
-        },
-        edge: {
-          default: "hsl(var(--edge-default))",
-        },
-        "selection-glow": "hsl(var(--selection-glow))",
-
-        // Node category signals
-        node: {
-          agent: "hsl(var(--node-agent))",
-          input: "hsl(var(--node-input))",
-          output: "hsl(var(--node-output))",
-          trigger: "hsl(var(--node-trigger))",
-          logic: "hsl(var(--node-logic))",
-          data: "hsl(var(--node-data))",
-          tool: "hsl(var(--node-tool))",
-          function: "hsl(var(--node-function))",
-          shadow: "hsl(var(--node-shadow))",
-        },
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      backgroundImage: {
-        "gradient-subtle": "var(--gradient-subtle)",
-        "gradient-glass": "var(--gradient-glass)",
-      },
-      boxShadow: {
-        sm: "var(--shadow-sm)",
-        md: "var(--shadow-md)",
-        lg: "var(--shadow-lg)",
-        glow: "var(--shadow-glow)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [animate],
-};
-
-export default preset;
+import type { Config } from "tailwindcss";
+import animate from "tailwindcss-animate";
+
+/**
+ * Tailwind preset for @foresthubai/workflow-builder.
+ *
+ * This is the single source of truth that binds the design-system tokens
+ * defined in `src/styles/index.css` (raw HSL triplets like `--primary`) to the
+ * Tailwind utility classes the builder's components reference (`bg-primary`,
+ * `text-muted-foreground`, `border-border`, `bg-node-agent`, …). It also ships
+ * the `darkMode` strategy, the accordion keyframes, and the
+ * `tailwindcss-animate` plugin that the builder's shadcn components depend on.
+ *
+ * Any consumer embedding the builder must:
+ *   1. spread this preset:  `presets: [workflowBuilderPreset]`
+ *   2. import the tokens once:  `import "@foresthubai/workflow-builder/styles/index.css"`
+ *   3. add the builder to their Tailwind `content` so its classes are emitted
+ *      (a glob over its built JS under node_modules/@foresthubai/workflow-builder,
+ *      or, when consuming source as this monorepo does, the builder's src tree).
+ *
+ * `content` is intentionally NOT part of the preset: its globs are
+ * consumer-relative (source tree in this monorepo, node_modules in a published
+ * install), so each consumer owns that path.
+ */
+const preset: Omit<Config, "content"> = {
+  darkMode: ["class"],
+  theme: {
+    extend: {
+      fontFamily: {
+        // The builder's base body face (applied on the .fh-builder root)
+        // and its display/heading face. Defined here so `font-sans`/`font-heading`
+        // resolve to the builder's type even in portaled content (dialogs, menus)
+        // that renders outside the root and can't inherit the root's font.
+        sans: ["Poppins", "system-ui", "sans-serif"],
+        heading: ["Inter", "system-ui", "sans-serif"],
+      },
+      colors: {
+        // ───────────────────────────────────────────────────────────
+        // GENERAL UI — surfaces, text, controls. Reusable by host apps.
+        // ───────────────────────────────────────────────────────────
+
+        // Surfaces & controls
+        border: "hsl(var(--border))",
+        input: "hsl(var(--border))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        field: "hsl(var(--field))",
+        overlay: "hsl(var(--overlay))",
+
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+          glow: "hsl(var(--primary-glow))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+
+        // Status
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))",
+        },
+
+        // Sidebar
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: "hsl(var(--sidebar-primary))",
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+          accent: "hsl(var(--sidebar-accent))",
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))",
+        },
+
+        // ───────────────────────────────────────────────────────────
+        // BUILDER / GRAPH ONLY — canvas, edges, node categories.
+        // Host apps embedding the builder don't reference these.
+        // ───────────────────────────────────────────────────────────
+        canvas: {
+          bg: "hsl(var(--canvas-background))",
+        },
+        panel: {
+          background: "hsl(var(--panel-background))",
+          border: "hsl(var(--panel-border))",
+        },
+        edge: {
+          default: "hsl(var(--edge-default))",
+        },
+        "selection-glow": "hsl(var(--selection-glow))",
+
+        // Node category signals
+        node: {
+          agent: "hsl(var(--node-agent))",
+          input: "hsl(var(--node-input))",
+          output: "hsl(var(--node-output))",
+          trigger: "hsl(var(--node-trigger))",
+          logic: "hsl(var(--node-logic))",
+          data: "hsl(var(--node-data))",
+          tool: "hsl(var(--node-tool))",
+          function: "hsl(var(--node-function))",
+          shadow: "hsl(var(--node-shadow))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      backgroundImage: {
+        "gradient-subtle": "var(--gradient-subtle)",
+        "gradient-glass": "var(--gradient-glass)",
+      },
+      boxShadow: {
+        sm: "var(--shadow-sm)",
+        md: "var(--shadow-md)",
+        lg: "var(--shadow-lg)",
+        glow: "var(--shadow-glow)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [animate],
+};
+
+export default preset;

package/dist/lib/utils.d.ts

@@ -1,3 +0,0 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -1,6 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}
-//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/toolbars/CanvasTabsToolbar.d.ts

@@ -1,11 +0,0 @@
-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/toolbars/CanvasTabsToolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasTabsToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbars/CanvasTabsToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,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/toolbars/CanvasTabsToolbar.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ScrollArea } from "../components/ui/scroll-area";
-import { cn } from "../lib/utils";
-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/toolbars/CanvasTabsToolbar.js.map

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