@genfeedai/workflow-ui 0.1.3 → 0.1.4

package/dist/chunk-SEV2DWKF.js

@@ -1,744 +0,0 @@
-'use strict';
-
-var chunkAXFOCPPP_js = require('./chunk-AXFOCPPP.js');
-var chunkIHF35QZD_js = require('./chunk-IHF35QZD.js');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function SaveAsDialog({ isOpen, currentName, onSave, onClose }) {
-  const [name, setName] = react.useState("");
-  const inputRef = react.useRef(null);
-  react.useEffect(() => {
-    if (isOpen) {
-      setName(`${currentName} (copy)`);
-      setTimeout(() => inputRef.current?.select(), 0);
-    }
-  }, [isOpen, currentName]);
-  const handleSubmit = react.useCallback(
-    (e) => {
-      e.preventDefault();
-      const trimmed = name.trim();
-      if (trimmed) {
-        onSave(trimmed);
-      }
-    },
-    [name, onSave]
-  );
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    },
-    [onClose]
-  );
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/60", onClick: onClose }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "relative z-10 w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-xl",
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Save As" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onClose,
-                className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "label",
-                {
-                  htmlFor: "workflow-name",
-                  className: "mb-2 block text-sm font-medium text-foreground",
-                  children: "Workflow Name"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  ref: inputRef,
-                  id: "workflow-name",
-                  type: "text",
-                  value: name,
-                  onChange: (e) => setName(e.target.value),
-                  placeholder: "Enter workflow name",
-                  autoFocus: true,
-                  className: "w-full rounded-md border border-border bg-secondary px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition hover:bg-secondary",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "submit",
-                  disabled: !name.trim(),
-                  className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
-                  children: "Save"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SaveIndicator() {
-  const isDirty = chunkIHF35QZD_js.useWorkflowStore((state) => state.isDirty);
-  const isSaving = chunkIHF35QZD_js.useWorkflowStore((state) => state.isSaving);
-  const autoSaveEnabled = chunkAXFOCPPP_js.useSettingsStore((state) => state.autoSaveEnabled);
-  const toggleAutoSave = chunkAXFOCPPP_js.useSettingsStore((state) => state.toggleAutoSave);
-  if (!autoSaveEnabled) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: toggleAutoSave,
-        title: "Click to enable auto-save",
-        className: "flex items-center gap-1.5 text-muted-foreground text-xs hover:text-foreground transition-colors",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CloudOff, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Auto-save off" })
-        ]
-      }
-    );
-  }
-  if (isSaving) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-blue-500 text-xs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Saving..." })
-    ] });
-  }
-  if (isDirty) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground text-xs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unsaved" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: toggleAutoSave,
-      title: "Click to disable auto-save",
-      className: "flex items-center gap-1.5 text-green-500 text-xs hover:text-green-400 transition-colors",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Saved" })
-      ]
-    }
-  );
-}
-function ToolbarDropdown({ label, items }) {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const menuRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handleClickOutside = (event) => {
-      if (menuRef.current && !menuRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => setIsOpen(!isOpen),
-        className: "flex items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground",
-        children: [
-          label,
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5" })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 top-full z-50 mt-1 min-w-[180px] rounded-lg border border-border bg-card py-1 shadow-lg whitespace-nowrap", children: items.map((item) => {
-      if (item.separator) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 h-px bg-border" }, item.id);
-      }
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: () => {
-            if (item.disabled || !item.onClick) return;
-            item.onClick();
-            setIsOpen(false);
-          },
-          disabled: item.disabled,
-          className: "flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground transition hover:bg-secondary disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 shrink-0", children: item.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-            item.external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "\u2197" })
-          ]
-        },
-        item.id
-      );
-    }) })
-  ] });
-}
-function isValidWorkflow(data) {
-  if (!data || typeof data !== "object") return false;
-  const workflow = data;
-  if (typeof workflow.name !== "string") return false;
-  if (!Array.isArray(workflow.nodes)) return false;
-  if (!Array.isArray(workflow.edges)) return false;
-  for (const node of workflow.nodes) {
-    if (!node || typeof node !== "object") return false;
-    const n = node;
-    if (typeof n.id !== "string") return false;
-    if (typeof n.type !== "string") return false;
-    if (!n.position || typeof n.position !== "object") return false;
-  }
-  for (const edge of workflow.edges) {
-    if (!edge || typeof edge !== "object") return false;
-    const e = edge;
-    if (typeof e.id !== "string") return false;
-    if (typeof e.source !== "string") return false;
-    if (typeof e.target !== "string") return false;
-  }
-  return true;
-}
-function Toolbar({
-  onAutoLayout,
-  onSaveAs,
-  fileMenuItemsPrepend,
-  fileMenuItemsAppend,
-  additionalMenus,
-  logoHref = "/",
-  logoSrc = "https://cdn.genfeed.ai/assets/branding/logo-white.png",
-  showSettings = true,
-  rightContent
-}) {
-  const { exportWorkflow, workflowName } = chunkIHF35QZD_js.useWorkflowStore();
-  const { undo, redo } = chunkIHF35QZD_js.useWorkflowStore.temporal.getState();
-  const [canUndo, setCanUndo] = react.useState(false);
-  const [canRedo, setCanRedo] = react.useState(false);
-  const [showSaveAsDialog, setShowSaveAsDialog] = react.useState(false);
-  const validationErrors = chunkAXFOCPPP_js.useExecutionStore((state) => state.validationErrors);
-  const clearValidationErrors = chunkAXFOCPPP_js.useExecutionStore((state) => state.clearValidationErrors);
-  const { openModal } = chunkAXFOCPPP_js.useUIStore();
-  const debugMode = chunkAXFOCPPP_js.useSettingsStore((s) => s.debugMode);
-  const uniqueErrorMessages = react.useMemo(() => {
-    if (!validationErrors?.errors.length) return [];
-    return [...new Set(validationErrors.errors.map((e) => e.message))];
-  }, [validationErrors]);
-  react.useEffect(() => {
-    const unsubscribe = chunkIHF35QZD_js.useWorkflowStore.temporal.subscribe((state) => {
-      setCanUndo(state.pastStates.length > 0);
-      setCanRedo(state.futureStates.length > 0);
-    });
-    const temporal = chunkIHF35QZD_js.useWorkflowStore.temporal.getState();
-    setCanUndo(temporal.pastStates.length > 0);
-    setCanRedo(temporal.futureStates.length > 0);
-    return unsubscribe;
-  }, []);
-  const handleExport = react.useCallback(() => {
-    const workflow = exportWorkflow();
-    const blob = new Blob([JSON.stringify(workflow, null, 2)], {
-      type: "application/json"
-    });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = `${workflow.name.toLowerCase().replace(/\s+/g, "-")}.json`;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  }, [exportWorkflow]);
-  const handleImport = react.useCallback(() => {
-    const input = document.createElement("input");
-    input.type = "file";
-    input.accept = ".json";
-    input.onchange = (e) => {
-      const file = e.target.files?.[0];
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = (event) => {
-        try {
-          const data = JSON.parse(event.target?.result);
-          if (!isValidWorkflow(data)) {
-            console.warn("[Toolbar] Invalid workflow file structure");
-            return;
-          }
-          chunkIHF35QZD_js.useWorkflowStore.getState().loadWorkflow(data);
-        } catch {
-          console.warn("[Toolbar] Failed to parse workflow file");
-        }
-      };
-      reader.readAsText(file);
-    };
-    input.click();
-  }, []);
-  const handleSaveAs = react.useCallback(
-    (newName) => {
-      if (onSaveAs) {
-        onSaveAs(newName);
-      }
-      setShowSaveAsDialog(false);
-    },
-    [onSaveAs]
-  );
-  const fileMenuItems = react.useMemo(() => {
-    const items = [];
-    if (fileMenuItemsPrepend?.length) {
-      items.push(...fileMenuItemsPrepend);
-      items.push({ id: "separator-prepend", separator: true });
-    }
-    if (onSaveAs) {
-      items.push({
-        id: "saveAs",
-        label: "Save As...",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SaveAll, { className: "h-4 w-4" }),
-        onClick: () => setShowSaveAsDialog(true)
-      });
-      items.push({ id: "separator-saveas", separator: true });
-    }
-    items.push(
-      {
-        id: "export",
-        label: "Export Workflow",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-4 w-4" }),
-        onClick: handleExport
-      },
-      {
-        id: "import",
-        label: "Import Workflow",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "h-4 w-4" }),
-        onClick: handleImport
-      }
-    );
-    if (fileMenuItemsAppend?.length) {
-      items.push({ id: "separator-append", separator: true });
-      items.push(...fileMenuItemsAppend);
-    }
-    return items;
-  }, [handleExport, handleImport, onSaveAs, fileMenuItemsPrepend, fileMenuItemsAppend]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-14 items-center gap-3 border-b border-border bg-card px-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        href: logoHref,
-        title: "Go to Dashboard",
-        className: "flex h-6 w-6 items-center justify-center hover:opacity-90 transition",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: logoSrc,
-            alt: "Genfeed",
-            className: "h-6 w-6 object-contain"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-px bg-border" }),
-    /* @__PURE__ */ jsxRuntime.jsx(ToolbarDropdown, { label: "File", items: fileMenuItems }),
-    additionalMenus?.map((menu) => /* @__PURE__ */ jsxRuntime.jsx(ToolbarDropdown, { label: menu.label, items: menu.items }, menu.label)),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-px bg-border" }),
-    debugMode && /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => openModal("settings"),
-        title: "Debug mode active - API calls are mocked",
-        className: "flex items-center gap-1.5 rounded-md border border-amber-500/30 bg-amber-500/10 px-2 py-1 text-sm text-amber-500 transition hover:bg-amber-500/20",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bug, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Debug" })
-        ]
-      }
-    ),
-    onAutoLayout && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => onAutoLayout("LR"),
-        title: "Auto-layout nodes",
-        className: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => undo(),
-        disabled: !canUndo,
-        title: "Undo (Ctrl+Z)",
-        className: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo2, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => redo(),
-        disabled: !canRedo,
-        title: "Redo (Ctrl+Shift+Z)",
-        className: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Redo2, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(SaveIndicator, {}),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-    rightContent,
-    showSettings && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => openModal("settings"),
-        title: "Settings",
-        className: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" })
-      }
-    ),
-    uniqueErrorMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed right-4 top-20 z-50 max-w-sm rounded-lg border border-destructive/30 bg-destructive/10 p-4 shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-2 text-sm font-medium text-destructive", children: "Cannot run workflow" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-1", children: [
-          uniqueErrorMessages.slice(0, 5).map((message) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-xs text-destructive/80", children: message }, message)),
-          uniqueErrorMessages.length > 5 && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "text-xs text-destructive/60", children: [
-            "+",
-            uniqueErrorMessages.length - 5,
-            " more errors"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: clearValidationErrors,
-          className: "flex h-7 w-7 items-center justify-center rounded-md text-destructive transition hover:bg-destructive/20",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SaveAsDialog,
-      {
-        isOpen: showSaveAsDialog,
-        currentName: workflowName,
-        onSave: handleSaveAs,
-        onClose: () => setShowSaveAsDialog(false)
-      }
-    )
-  ] });
-}
-var MIN_BATCH = 1;
-var MAX_BATCH = 10;
-function BottomBar() {
-  const [batchCount, setBatchCount] = react.useState(1);
-  const [currentBatchRun, setCurrentBatchRun] = react.useState(0);
-  const [isBatchRunning, setIsBatchRunning] = react.useState(false);
-  const [dropdownOpen, setDropdownOpen] = react.useState(false);
-  const batchCancelledRef = react.useRef(false);
-  const dropdownRef = react.useRef(null);
-  const isRunning = chunkAXFOCPPP_js.useExecutionStore((s) => s.isRunning);
-  const executeWorkflow = chunkAXFOCPPP_js.useExecutionStore((s) => s.executeWorkflow);
-  const executeSelectedNodes = chunkAXFOCPPP_js.useExecutionStore((s) => s.executeSelectedNodes);
-  const resumeFromFailed = chunkAXFOCPPP_js.useExecutionStore((s) => s.resumeFromFailed);
-  const canResumeFromFailed = chunkAXFOCPPP_js.useExecutionStore((s) => s.canResumeFromFailed);
-  const stopExecution = chunkAXFOCPPP_js.useExecutionStore((s) => s.stopExecution);
-  chunkAXFOCPPP_js.useExecutionStore((s) => s.lastFailedNodeId);
-  const selectedNodeIds = chunkIHF35QZD_js.useWorkflowStore((s) => s.selectedNodeIds);
-  const nodes = chunkIHF35QZD_js.useWorkflowStore((s) => s.nodes);
-  const validateWorkflow = chunkIHF35QZD_js.useWorkflowStore((s) => s.validateWorkflow);
-  const canRunWorkflow = react.useMemo(() => {
-    if (nodes.length === 0) return false;
-    const validation = validateWorkflow();
-    return validation.isValid;
-  }, [nodes, validateWorkflow]);
-  const hasSelection = selectedNodeIds.length > 0;
-  const showResume = canResumeFromFailed();
-  const decrementBatch = react.useCallback(() => {
-    setBatchCount((prev) => Math.max(MIN_BATCH, prev - 1));
-  }, []);
-  const incrementBatch = react.useCallback(() => {
-    setBatchCount((prev) => Math.min(MAX_BATCH, prev + 1));
-  }, []);
-  const waitForExecutionEnd = react.useCallback(() => {
-    return new Promise((resolve) => {
-      if (!chunkAXFOCPPP_js.useExecutionStore.getState().isRunning) {
-        resolve();
-        return;
-      }
-      const unsubscribe = chunkAXFOCPPP_js.useExecutionStore.subscribe((state) => {
-        if (!state.isRunning) {
-          unsubscribe();
-          resolve();
-        }
-      });
-    });
-  }, []);
-  const runBatch = react.useCallback(async () => {
-    batchCancelledRef.current = false;
-    setIsBatchRunning(true);
-    const accumulatedImages = /* @__PURE__ */ new Map();
-    for (let i = 0; i < batchCount; i++) {
-      if (batchCancelledRef.current) break;
-      setCurrentBatchRun(i + 1);
-      executeWorkflow();
-      await new Promise((r) => setTimeout(r, 50));
-      if (!chunkAXFOCPPP_js.useExecutionStore.getState().isRunning) break;
-      await waitForExecutionEnd();
-      if (chunkAXFOCPPP_js.useExecutionStore.getState().lastFailedNodeId) break;
-      const { nodes: currentNodes, updateNodeData } = chunkIHF35QZD_js.useWorkflowStore.getState();
-      for (const node of currentNodes) {
-        if (node.type !== "imageGen") continue;
-        const nodeData = node.data;
-        const newImages = nodeData.outputImages;
-        if (!newImages?.length) continue;
-        const existing = accumulatedImages.get(node.id) || [];
-        const merged = [...existing, ...newImages];
-        accumulatedImages.set(node.id, merged);
-        updateNodeData(node.id, { outputImages: merged });
-      }
-    }
-    setIsBatchRunning(false);
-    setCurrentBatchRun(0);
-  }, [batchCount, executeWorkflow, waitForExecutionEnd]);
-  const handlePrimaryClick = react.useCallback(() => {
-    if (isRunning || isBatchRunning) {
-      batchCancelledRef.current = true;
-      stopExecution();
-      return;
-    }
-    if (batchCount > 1) {
-      runBatch();
-    } else {
-      executeWorkflow();
-    }
-  }, [isRunning, isBatchRunning, batchCount, runBatch, executeWorkflow, stopExecution]);
-  const handleRunSelected = react.useCallback(() => {
-    if (!isRunning && hasSelection) {
-      executeSelectedNodes();
-      setDropdownOpen(false);
-    }
-  }, [isRunning, hasSelection, executeSelectedNodes]);
-  const handleResume = react.useCallback(() => {
-    if (canResumeFromFailed()) {
-      resumeFromFailed();
-      setDropdownOpen(false);
-    }
-  }, [canResumeFromFailed, resumeFromFailed]);
-  const isActive = isRunning || isBatchRunning;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "fixed bottom-5 left-1/2 z-50 -translate-x-1/2",
-      onMouseDown: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 rounded-md border border-neutral-700/80 bg-neutral-800/95 px-2 py-1 shadow-lg backdrop-blur-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-0.5 text-[11px] text-neutral-400", children: "Batch" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: decrementBatch,
-              disabled: batchCount <= MIN_BATCH || isActive,
-              className: "flex h-5 w-5 items-center justify-center rounded text-neutral-400 transition hover:bg-neutral-700 hover:text-white disabled:opacity-40 disabled:hover:bg-transparent",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-2.5 w-2.5" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 text-center text-xs font-medium tabular-nums text-white", children: batchCount }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: incrementBatch,
-              disabled: batchCount >= MAX_BATCH || isActive,
-              className: "flex h-5 w-5 items-center justify-center rounded text-neutral-400 transition hover:bg-neutral-700 hover:text-white disabled:opacity-40 disabled:hover:bg-transparent",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-2.5 w-2.5" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-4 w-px bg-neutral-600" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                handlePrimaryClick();
-              },
-              disabled: !isActive && !canRunWorkflow,
-              className: `flex h-7 items-center gap-1.5 rounded-l px-3 text-xs font-medium transition ${isActive ? "bg-red-500/90 text-white hover:bg-red-500" : canRunWorkflow ? "bg-white text-black hover:bg-neutral-200" : "bg-neutral-600 text-neutral-400"} disabled:cursor-not-allowed`,
-              children: isActive ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "h-3.5 w-3.5" }),
-                "Stop"
-              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-3.5 w-3.5 fill-current" }),
-                "Run"
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onPointerDown: (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-              },
-              onClick: (e) => {
-                e.stopPropagation();
-                setDropdownOpen((prev) => !prev);
-              },
-              disabled: isActive,
-              className: `flex h-7 items-center rounded-r border-l px-1.5 transition ${isActive ? "border-red-400/30 bg-red-500/90 text-white" : canRunWorkflow ? "border-neutral-300 bg-white text-black hover:bg-neutral-200" : "border-neutral-500 bg-neutral-600 text-neutral-400"} disabled:cursor-not-allowed`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-3.5 w-3.5" })
-            }
-          ),
-          dropdownOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-40", onClick: () => setDropdownOpen(false) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                ref: dropdownRef,
-                onClick: (e) => e.stopPropagation(),
-                onPointerDown: (e) => e.stopPropagation(),
-                className: "absolute bottom-full left-0 z-50 mb-1.5 min-w-[180px] rounded-md border border-neutral-700 bg-neutral-800 py-0.5 shadow-xl",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      onClick: () => {
-                        executeWorkflow();
-                        setDropdownOpen(false);
-                      },
-                      disabled: !canRunWorkflow,
-                      className: "flex w-full items-center gap-1.5 px-2.5 py-1.5 text-left text-xs text-neutral-200 transition hover:bg-neutral-700 disabled:text-neutral-500 disabled:hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-3 w-3" }),
-                        "Run Workflow"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      onClick: handleRunSelected,
-                      disabled: !hasSelection || isRunning,
-                      className: "flex w-full items-center gap-1.5 px-2.5 py-1.5 text-left text-xs text-neutral-200 transition hover:bg-neutral-700 disabled:text-neutral-500 disabled:hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayCircle, { className: "h-3 w-3" }),
-                        "Run Selected (",
-                        selectedNodeIds.length,
-                        ")"
-                      ]
-                    }
-                  ),
-                  showResume && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 my-0.5 h-px bg-neutral-700" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      "button",
-                      {
-                        onClick: handleResume,
-                        className: "flex w-full items-center gap-1.5 px-2.5 py-1.5 text-left text-xs text-neutral-200 transition hover:bg-neutral-700",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-3 w-3" }),
-                          "Resume from Failed"
-                        ]
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        isBatchRunning && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-4 w-px bg-neutral-600" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] tabular-nums text-neutral-400", children: [
-            currentBatchRun,
-            "/",
-            batchCount
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-function OverflowMenu({ items }) {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const menuRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handleClickOutside = (event) => {
-      if (menuRef.current && !menuRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => setIsOpen(!isOpen),
-        title: "More options",
-        className: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-secondary hover:text-foreground",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "h-4 w-4" })
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-full z-50 mt-1 min-w-[180px] rounded-lg border border-border bg-card py-1 shadow-lg", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => {
-          item.onClick?.();
-          setIsOpen(false);
-        },
-        className: "flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground transition hover:bg-secondary",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 shrink-0", children: item.icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-          item.external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "\u2197" })
-        ]
-      },
-      item.id
-    )) })
-  ] });
-}
-
-exports.BottomBar = BottomBar;
-exports.OverflowMenu = OverflowMenu;
-exports.SaveAsDialog = SaveAsDialog;
-exports.SaveIndicator = SaveIndicator;
-exports.Toolbar = Toolbar;
-exports.ToolbarDropdown = ToolbarDropdown;