@burdenoff/fluidgrids-fe-sdk 2026.825.2 → 2026.829.1

package/dist/{chunk-OHGXRM6Z.js → chunk-NH5YCY37.js}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-3ZYUGTIT.js';
-import { useTr } from './chunk-7VNIEIR6.js';
+import { useTr } from './chunk-7YWBH2A5.js';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -135,5 +135,5 @@ function DialogDescription({
 }
 
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=chunk-OHGXRM6Z.js.map
-//# sourceMappingURL=chunk-OHGXRM6Z.js.map
+//# sourceMappingURL=chunk-NH5YCY37.js.map
+//# sourceMappingURL=chunk-NH5YCY37.js.map

package/dist/{chunk-OHGXRM6Z.js.map → chunk-NH5YCY37.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/dialog.tsx"],"names":[],"mappings":"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","file":"chunk-OHGXRM6Z.js","sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../hooks/useTr\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  size?: \"default\" | \"lg\" | \"xl\" | \"full\";\n}) {\n  const tr = useTr();\n  const sizeClasses = {\n    default: \"sm:max-w-lg\",\n    lg: \"sm:max-w-3xl\",\n    xl: \"sm:max-w-[1400px] w-[90vw]\",\n    full: \"sm:max-w-[95vw] w-[95vw]\",\n  };\n\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none\",\n          sizeClasses[size],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">\n              {tr(\"fluidgrids.ui.dialog.closeLabel\", \"Close\")}\n            </span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"]}
+{"version":3,"sources":["../src/ui/dialog.tsx"],"names":[],"mappings":"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","file":"chunk-NH5YCY37.js","sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../hooks/useTr\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  size?: \"default\" | \"lg\" | \"xl\" | \"full\";\n}) {\n  const tr = useTr();\n  const sizeClasses = {\n    default: \"sm:max-w-lg\",\n    lg: \"sm:max-w-3xl\",\n    xl: \"sm:max-w-[1400px] w-[90vw]\",\n    full: \"sm:max-w-[95vw] w-[95vw]\",\n  };\n\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none\",\n          sizeClasses[size],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">\n              {tr(\"fluidgrids.ui.dialog.closeLabel\", \"Close\")}\n            </span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"]}

package/dist/chunk-NHPGJMJX.js

@@ -0,0 +1,395 @@
+import { useInstalledNodes, buildNodeCheck, refetchStoreNodes, FlowBuilderPage, buildRequiredNodeTypes, mergeStickyNotes } from './chunk-NZ67MDME.js';
+import { useFlowStore } from './chunk-KT72XMAB.js';
+import { useLazyWorkflowDefinition, useCreateWorkflow } from './chunk-ELB3LXRJ.js';
+import { useNavigate, useParams } from 'react-router';
+import { toast } from 'sonner';
+import { Icon } from '@iconify/react';
+import { lazy, useState, useRef, useCallback, useEffect, useMemo, Suspense } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';
+import '@xyflow/react/dist/style.css';
+
+var LazyMissingNodesInstallModal = lazy(
+  () => import('./MissingNodesInstallModal-PZYTCNCV.js').then(
+    (m) => ({ default: m.MissingNodesInstallModal })
+  )
+);
+function WorkflowItem({
+  readonly = false
+}) {
+  if (readonly) {
+    const queryParams = new URLSearchParams(window.location.search);
+    queryParams.set("readonly", "true");
+    const newUrl = `${window.location.pathname}?${queryParams.toString()}`;
+    window.history.replaceState(null, "", newUrl);
+  }
+  const { id, version } = useParams();
+  const navigate = useNavigate();
+  const [workflow, setWorkflow] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);
+  const { getWorkflow } = useLazyWorkflowDefinition();
+  const { createWorkflow } = useCreateWorkflow();
+  const creatingRef = useRef(false);
+  const fromSharedLoadedRef = useRef(false);
+  const fetchedWorkflowRef = useRef(null);
+  const { installedAppIds } = useInstalledNodes();
+  const [pendingWorkflow, setPendingWorkflow] = useState(null);
+  const [nodeCheck, setNodeCheck] = useState(
+    null
+  );
+  const [configModalOpen, setConfigModalOpen] = useState(false);
+  const [installing, setInstalling] = useState(false);
+  const [installProgress, setInstallProgress] = useState(null);
+  const doNodeCheck = useCallback(
+    (requiredNodeTypes) => buildNodeCheck(requiredNodeTypes, installedAppIds),
+    [installedAppIds]
+  );
+  const doNodeCheckRef = useRef(doNodeCheck);
+  useEffect(() => {
+    doNodeCheckRef.current = doNodeCheck;
+  });
+  const handleInstallConfirm = useCallback(async () => {
+    if (!pendingWorkflow) return;
+    const nodesToInstall = (nodeCheck?.missing ?? []).filter(
+      (n) => !!n.storeProductId
+    );
+    if (nodesToInstall.length > 0) {
+      setInstalling(true);
+      try {
+        const { getGlobalStoreClient } = await import('./global-client-OW43ZRDR.js');
+        const { InstallWorkflowNodeDocument } = await import('./global-operations-IMNN4YME.js');
+        const { getFluidGridsConfig } = await import('./config-E4E7M6IN.js');
+        const storeClient = getGlobalStoreClient();
+        const cfg = getFluidGridsConfig();
+        for (let i = 0; i < nodesToInstall.length; i++) {
+          const node = nodesToInstall[i];
+          setInstallProgress({
+            current: i + 1,
+            total: nodesToInstall.length,
+            nodeName: node.displayName || node.nodeType
+          });
+          try {
+            if (storeClient) {
+              await storeClient.mutate({
+                mutation: InstallWorkflowNodeDocument,
+                variables: {
+                  input: {
+                    productId: node.storeProductId,
+                    workspaceId: cfg.workspaceId,
+                    organizationId: cfg.tenantId,
+                    version: node.nodeVersion,
+                    manifest: null
+                  }
+                }
+              });
+            }
+          } catch {
+          }
+        }
+        await refetchStoreNodes();
+      } finally {
+        setInstalling(false);
+        setInstallProgress(null);
+      }
+    }
+    setConfigModalOpen(false);
+    setWorkflow(pendingWorkflow);
+    setPendingWorkflow(null);
+    setNodeCheck(null);
+  }, [pendingWorkflow, nodeCheck]);
+  const handleSkipInstall = useCallback(() => {
+    if (!pendingWorkflow) return;
+    setConfigModalOpen(false);
+    setWorkflow(pendingWorkflow);
+    setPendingWorkflow(null);
+    setNodeCheck(null);
+  }, [pendingWorkflow]);
+  const newWorkflow = useMemo(
+    () => ({
+      id: id ?? "",
+      workflowKey: id ?? "",
+      version: version ?? "",
+      name: "Untitled Workflow",
+      edges: [],
+      nodes: [],
+      sidebar: {
+        active: "store-browse",
+        panels: {
+          nodeProperties: {
+            selectedNode: null
+          }
+        }
+      }
+    }),
+    [id, version]
+  );
+  useEffect(() => {
+    let mounted = true;
+    const loadWorkflow = async () => {
+      try {
+        resetWorkflow();
+        if (version && mounted) {
+          setIsLoading(true);
+        }
+        if (!version) {
+          const fromSharedId = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("fromShared") : null;
+          const pendingManifestJson = fromSharedId && typeof localStorage !== "undefined" ? localStorage.getItem("pendingSharedWorkflow") : null;
+          if (fromSharedId && pendingManifestJson) {
+            try {
+              const manifest = JSON.parse(pendingManifestJson);
+              const sharedWorkflow = {
+                ...newWorkflow,
+                name: manifest.name ?? "Copied Workflow",
+                nodes: manifest.nodes ?? [],
+                edges: manifest.edges ?? []
+              };
+              let requiredNodeTypes = [];
+              try {
+                requiredNodeTypes = await buildRequiredNodeTypes(
+                  sharedWorkflow.nodes
+                );
+              } catch {
+              }
+              if (mounted) {
+                localStorage.removeItem("pendingSharedWorkflow");
+                if (requiredNodeTypes.length > 0) {
+                  const check = doNodeCheckRef.current(requiredNodeTypes);
+                  const needsConfig = check.missing.length > 0 || check.missingPaid.length > 0;
+                  if (needsConfig) {
+                    setPendingWorkflow(sharedWorkflow);
+                    setNodeCheck(check);
+                    setConfigModalOpen(true);
+                    setIsLoading(false);
+                    fromSharedLoadedRef.current = true;
+                    return;
+                  }
+                }
+                setWorkflow(sharedWorkflow);
+                setIsLoading(false);
+                fromSharedLoadedRef.current = true;
+              }
+              return;
+            } catch (e) {
+              console.error("[WorkflowItem] parse error:", e);
+              if (mounted) localStorage.removeItem("pendingSharedWorkflow");
+            }
+          }
+          if (fromSharedId && fromSharedLoadedRef.current) {
+            if (mounted) setIsLoading(false);
+            return;
+          }
+          if (mounted) {
+            setWorkflow(newWorkflow);
+            setIsLoading(false);
+          }
+          return;
+        }
+        const result = await getWorkflow(id, void 0, version);
+        const definitionJson = result?.definitionJson;
+        const defData = definitionJson?.data ?? (definitionJson?.nodes ? definitionJson : void 0);
+        if (defData) {
+          const workflowState = {
+            ...defData,
+            // Sticky notes are stored under a separate definition key — merge
+            // them back onto the canvas alongside the executable nodes.
+            nodes: mergeStickyNotes(defData),
+            id: result?.workflowKey ?? "",
+            workflowKey: result?.workflowKey ?? "",
+            version: result?.version ?? "",
+            name: result?.name ?? "",
+            alias: result?.alias ?? "",
+            dbId: result?.id ?? "",
+            status: result?.status ?? "DRAFT"
+          };
+          fetchedWorkflowRef.current = workflowState;
+          let requiredNodeTypes = [];
+          try {
+            requiredNodeTypes = await buildRequiredNodeTypes(
+              workflowState.nodes
+            );
+          } catch {
+          }
+          if (mounted && requiredNodeTypes.length > 0) {
+            const check = doNodeCheckRef.current(requiredNodeTypes);
+            if (check.missing.length > 0 || check.missingPaid.length > 0) {
+              setPendingWorkflow(workflowState);
+              setNodeCheck(check);
+              setConfigModalOpen(true);
+              setIsLoading(false);
+              return;
+            }
+          }
+          if (mounted) {
+            setWorkflow(workflowState);
+          }
+          return;
+        }
+        if (mounted) {
+          if (fetchedWorkflowRef.current) {
+            setWorkflow(fetchedWorkflowRef.current);
+            return;
+          }
+          const anyVersion = await getWorkflow(id, void 0, void 0);
+          if (anyVersion?.workflowKey) {
+            toast.info(`Version ${version} not found`, {
+              description: `Opening ${anyVersion.version} instead.`,
+              dismissible: true
+            });
+            navigate(`../workflow/${id}/${anyVersion.version}`, {
+              replace: true
+            });
+            return;
+          }
+          if (!creatingRef.current) {
+            creatingRef.current = true;
+            const initialDefinitionJson = {
+              key: id,
+              name: newWorkflow.name,
+              description: newWorkflow.name,
+              workflow_type: "query-conditional",
+              data: {
+                ...newWorkflow
+              },
+              meta: {
+                creator: "api_create",
+                version
+              },
+              tags: []
+            };
+            try {
+              const created = await createWorkflow({
+                workflowKey: id,
+                version,
+                name: newWorkflow.name,
+                description: newWorkflow.name,
+                definitionJson: initialDefinitionJson
+              });
+              if (created && mounted) {
+                setWorkflow({
+                  ...newWorkflow,
+                  id: created.workflowKey,
+                  workflowKey: created.workflowKey,
+                  version: created.version,
+                  dbId: created.id,
+                  status: created.status ?? "DRAFT"
+                });
+              } else if (mounted) {
+                setWorkflow(newWorkflow);
+              }
+            } catch (createError) {
+              console.error(
+                "[WorkflowItem] Error creating workflow:",
+                createError
+              );
+              if (mounted) {
+                setWorkflow(fetchedWorkflowRef.current ?? newWorkflow);
+              }
+            }
+          }
+        }
+      } catch (error) {
+        console.error("[WorkflowItem] Error loading workflow:", error);
+        if (mounted) {
+          setWorkflow(fetchedWorkflowRef.current ?? newWorkflow);
+        }
+      } finally {
+        if (mounted) {
+          setIsLoading(false);
+          creatingRef.current = false;
+        }
+      }
+    };
+    loadWorkflow();
+    return () => {
+      mounted = false;
+    };
+  }, [
+    id,
+    version,
+    createWorkflow,
+    getWorkflow,
+    newWorkflow,
+    resetWorkflow,
+    navigate
+    // doNodeCheckRef is intentionally omitted — it's a ref (stable by definition)
+    // and including doNodeCheck here caused infinite re-runs because installedAppIds
+    // produces a new Set reference on every render.
+  ]);
+  if (isLoading)
+    return (
+      // Same loading treatment as the Available Nodes panel, centered on the
+      // full canvas area while the workflow definition is fetched.
+      /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-[60vh] w-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: "mynaui:spinner",
+            className: "size-6 animate-spin text-primary"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground/60", children: "Loading workflow..." })
+      ] }) })
+    );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    configModalOpen && pendingWorkflow && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      LazyMissingNodesInstallModal,
+      {
+        open: configModalOpen,
+        onOpenChange: (open) => {
+          if (!open) {
+            handleSkipInstall();
+          }
+        },
+        workflowName: pendingWorkflow.name,
+        nodeCheckResult: nodeCheck,
+        onConfirm: handleInstallConfirm,
+        onSkip: handleSkipInstall,
+        installing,
+        installProgress
+      }
+    ) }),
+    workflow && !isLoading && /* @__PURE__ */ jsx(FlowBuilderPage, { workflow })
+  ] });
+}
+function WorkflowBuilder() {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: (error) => /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center min-h-[60vh] gap-4 p-8", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] p-6 max-w-lg w-full text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--color-status-error-text)] mb-2", children: "Workflow Builder Error" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-text-secondary)] mb-4", children: "Something went wrong while loading the workflow builder. This may be caused by invalid workflow data or a rendering issue." }),
+        error && /* @__PURE__ */ jsxs("details", { className: "text-left mb-4", children: [
+          /* @__PURE__ */ jsx("summary", { className: "text-xs text-[var(--color-text-tertiary)] cursor-pointer hover:text-[var(--color-text-secondary)]", children: "Error details" }),
+          /* @__PURE__ */ jsx("pre", { className: "mt-2 p-2 bg-[var(--color-bg-canvas)] rounded text-xs overflow-auto max-h-32 text-[var(--color-text-tertiary)]", children: error.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-center", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.location.reload(),
+              className: "px-4 py-2 text-sm font-medium rounded-md bg-[var(--color-bg-accent)] text-[var(--color-text-on-accent)] hover:opacity-90 transition-opacity",
+              children: "Reload Page"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigate("../list"),
+              className: "px-4 py-2 text-sm font-medium rounded-md border border-default text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-elevated)] transition-colors",
+              children: "Back to Workflows"
+            }
+          )
+        ] })
+      ] }) }),
+      children: /* @__PURE__ */ jsx(WorkflowItem, {})
+    }
+  );
+}
+
+export { WorkflowBuilder };
+//# sourceMappingURL=chunk-NHPGJMJX.js.map
+//# sourceMappingURL=chunk-NHPGJMJX.js.map

package/dist/chunk-NHPGJMJX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/builder/app/workflow/work/page.tsx","../src/pages/WorkflowBuilder.tsx"],"names":["useNavigate","jsx","jsxs"],"mappings":"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","file":"chunk-NHPGJMJX.js","sourcesContent":["import { useNavigate, useParams } from \"react-router\";\nimport { toast } from \"sonner\";\nimport { Icon } from \"@iconify/react\";\nimport { FlowBuilderPage } from \"../_components/flow-builder\";\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback,\n  lazy,\n  Suspense,\n} from \"react\";\nimport { useFlowStore, type IFlowState } from \"../../../stores/flow-store\";\nimport {\n  useLazyWorkflowDefinition,\n  useCreateWorkflow,\n} from \"../../../../hooks/useWorkflows\";\nimport { useInstalledNodes } from \"../../../../hooks/store/useInstalledNodes\";\nimport { mergeStickyNotes } from \"../../../lib/sticky-notes\";\nimport type {\n  TemplateNodeCheckResult,\n  WorkflowTemplateContent,\n} from \"../../../../types/workflow-template-content\";\nimport {\n  buildRequiredNodeTypes,\n  buildNodeCheck,\n} from \"../../../../utils/workflow-node-check\";\nimport { refetchStoreNodes } from \"../../../components/flow-builder/components/blocks\";\n\n// Lazy-load the modal to avoid bundle-size impact on routes that never hit it.\nconst LazyMissingNodesInstallModal = lazy(() =>\n  import(\"../../../components/flow-builder/components/templates/MissingNodesInstallModal\").then(\n    (m) => ({ default: m.MissingNodesInstallModal }),\n  ),\n);\n\ninterface WorkflowDefinitionData {\n  nodes: IFlowState[\"workflow\"][\"nodes\"];\n  edges: IFlowState[\"workflow\"][\"edges\"];\n  sidebar: IFlowState[\"workflow\"][\"sidebar\"];\n  /** Canvas annotations persisted separately from executable nodes. */\n  stickyNotes?: IFlowState[\"workflow\"][\"nodes\"];\n}\n\nexport default function WorkflowItem({\n  readonly = false,\n}: {\n  readonly?: boolean;\n}) {\n  if (readonly) {\n    const queryParams = new URLSearchParams(window.location.search);\n    queryParams.set(\"readonly\", \"true\");\n    const newUrl = `${window.location.pathname}?${queryParams.toString()}`;\n    window.history.replaceState(null, \"\", newUrl);\n  }\n  const { id, version } = useParams();\n  const navigate = useNavigate();\n  const [workflow, setWorkflow] = useState<IFlowState[\"workflow\"] | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);\n  const { getWorkflow } = useLazyWorkflowDefinition();\n  const { createWorkflow } = useCreateWorkflow();\n  const creatingRef = useRef(false);\n  const fromSharedLoadedRef = useRef(false);\n  const fetchedWorkflowRef = useRef<IFlowState[\"workflow\"] | null>(null);\n\n  // ── Missing-nodes modal state ────────────────────────────────────────────\n  const { installedAppIds } = useInstalledNodes();\n  const [pendingWorkflow, setPendingWorkflow] = useState<\n    IFlowState[\"workflow\"] | null\n  >(null);\n  const [nodeCheck, setNodeCheck] = useState<TemplateNodeCheckResult | null>(\n    null,\n  );\n  const [configModalOpen, setConfigModalOpen] = useState(false);\n  const [installing, setInstalling] = useState(false);\n  const [installProgress, setInstallProgress] = useState<{\n    current: number;\n    total: number;\n    nodeName: string;\n  } | null>(null);\n\n  // Classify requiredNodeTypes into installed / missing / missingPaid.\n  const doNodeCheck = useCallback(\n    (requiredNodeTypes: Parameters<typeof buildNodeCheck>[0]) =>\n      buildNodeCheck(requiredNodeTypes, installedAppIds),\n    [installedAppIds],\n  );\n\n  // Keep a ref so the loadWorkflow effect can call doNodeCheck without\n  // taking it as a reactive dependency (which would re-trigger the effect\n  // on every render and cause infinite CreateWorkflowDefinition mutations).\n  const doNodeCheckRef = useRef(doNodeCheck);\n  useEffect(() => {\n    doNodeCheckRef.current = doNodeCheck;\n  });\n\n  // Install missing free nodes then open the pending workflow in the builder.\n  const handleInstallConfirm = useCallback(async () => {\n    if (!pendingWorkflow) return;\n    const nodesToInstall = (nodeCheck?.missing ?? []).filter(\n      (n) => !!n.storeProductId,\n    );\n\n    if (nodesToInstall.length > 0) {\n      setInstalling(true);\n      try {\n        const { getGlobalStoreClient } =\n          await import(\"../../../../graphql/global-client\");\n        const { InstallWorkflowNodeDocument } =\n          await import(\"../../../../generated/global-operations\");\n        const { getFluidGridsConfig } = await import(\"../../../../config\");\n\n        const storeClient = getGlobalStoreClient();\n        const cfg = getFluidGridsConfig();\n\n        for (let i = 0; i < nodesToInstall.length; i++) {\n          const node = nodesToInstall[i];\n          setInstallProgress({\n            current: i + 1,\n            total: nodesToInstall.length,\n            nodeName: node.displayName || node.nodeType,\n          });\n          try {\n            if (storeClient) {\n              await storeClient.mutate({\n                mutation: InstallWorkflowNodeDocument,\n                variables: {\n                  input: {\n                    productId: node.storeProductId!,\n                    workspaceId: cfg.workspaceId,\n                    organizationId: cfg.tenantId,\n                    version: node.nodeVersion,\n                    manifest: null,\n                  },\n                },\n              });\n            }\n          } catch {\n            // Best-effort: continue installing remaining nodes\n          }\n        }\n\n        // Refresh the in-memory node registry so the builder renders the\n        // newly-installed nodes with their real manifests and operations.\n        await refetchStoreNodes();\n      } finally {\n        setInstalling(false);\n        setInstallProgress(null);\n      }\n    }\n\n    setConfigModalOpen(false);\n    setWorkflow(pendingWorkflow);\n    setPendingWorkflow(null);\n    setNodeCheck(null);\n  }, [pendingWorkflow, nodeCheck]);\n\n  const handleSkipInstall = useCallback(() => {\n    if (!pendingWorkflow) return;\n    setConfigModalOpen(false);\n    setWorkflow(pendingWorkflow);\n    setPendingWorkflow(null);\n    setNodeCheck(null);\n  }, [pendingWorkflow]);\n\n  const newWorkflow = useMemo(\n    () => ({\n      id: id ?? \"\",\n      workflowKey: id ?? \"\",\n      version: version ?? \"\",\n      name: \"Untitled Workflow\",\n      edges: [] as IFlowState[\"workflow\"][\"edges\"],\n      nodes: [] as IFlowState[\"workflow\"][\"nodes\"],\n      sidebar: {\n        active: \"store-browse\" as const,\n        panels: {\n          nodeProperties: {\n            selectedNode: null,\n          },\n        },\n      },\n    }),\n    [id, version],\n  );\n\n  useEffect(() => {\n    let mounted = true;\n    const loadWorkflow = async () => {\n      try {\n        // Always reset the store first\n        resetWorkflow();\n\n        // For versioned workflows, set loading so FlowBuilderPage unmounts\n        // before Zustand is cleared. This prevents the flash of an empty\n        // canvas when the component is reused across route navigations.\n        if (version && mounted) {\n          setIsLoading(true);\n        }\n\n        if (!version) {\n          // Check for a manifest copied from a public shared workflow\n          const fromSharedId =\n            typeof window !== \"undefined\"\n              ? new URLSearchParams(window.location.search).get(\"fromShared\")\n              : null;\n          const pendingManifestJson =\n            fromSharedId && typeof localStorage !== \"undefined\"\n              ? localStorage.getItem(\"pendingSharedWorkflow\")\n              : null;\n\n          if (fromSharedId && pendingManifestJson) {\n            try {\n              // Do NOT remove from localStorage here — React StrictMode double-fires\n              // effects (mount → cleanup → mount). If we remove on the first run,\n              // the second run finds null and falls through to an empty workflow.\n              // We remove it inside `if (mounted)` so only the \"winning\" run\n              // (the one whose mounted flag is still true) clears the entry.\n              const manifest = JSON.parse(pendingManifestJson) as {\n                nodes?: IFlowState[\"workflow\"][\"nodes\"];\n                edges?: IFlowState[\"workflow\"][\"edges\"];\n                name?: string;\n              };\n\n              const sharedWorkflow: IFlowState[\"workflow\"] = {\n                ...newWorkflow,\n                name: manifest.name ?? \"Copied Workflow\",\n                nodes: manifest.nodes ?? [],\n                edges: manifest.edges ?? [],\n              };\n\n              // Detect node types not installed in this workspace and resolve\n              // each to its storeProductId so the modal can offer one-click installation.\n              let requiredNodeTypes: WorkflowTemplateContent[\"requiredNodeTypes\"] =\n                [];\n              try {\n                requiredNodeTypes = await buildRequiredNodeTypes(\n                  sharedWorkflow.nodes,\n                );\n              } catch {\n                // Node check failed — skip dependency check and open anyway\n              }\n\n              if (mounted) {\n                // Safe to clear now — this is the winning effect run.\n                localStorage.removeItem(\"pendingSharedWorkflow\");\n\n                if (requiredNodeTypes.length > 0) {\n                  // Use the ref so this effect doesn't re-run every time\n                  // installedAppIds changes (which would cause infinite mutations).\n                  const check = doNodeCheckRef.current(requiredNodeTypes);\n                  const needsConfig =\n                    check.missing.length > 0 || check.missingPaid.length > 0;\n\n                  if (needsConfig) {\n                    // Surface the install modal before creating the workflow\n                    // so the user can install missing nodes first.\n                    setPendingWorkflow(sharedWorkflow);\n                    setNodeCheck(check);\n                    setConfigModalOpen(true);\n                    setIsLoading(false);\n                    fromSharedLoadedRef.current = true;\n                    return;\n                  }\n                }\n\n                setWorkflow(sharedWorkflow);\n                setIsLoading(false);\n                fromSharedLoadedRef.current = true;\n              }\n              return;\n            } catch (e) {\n              console.error(\"[WorkflowItem] parse error:\", e);\n              // Corrupted localStorage entry — only clear if we're the winning run.\n              if (mounted) localStorage.removeItem(\"pendingSharedWorkflow\");\n            }\n          }\n\n          // If a previous effect run already loaded the shared workflow, don't overwrite it\n          if (fromSharedId && fromSharedLoadedRef.current) {\n            if (mounted) setIsLoading(false);\n            return;\n          }\n\n          if (mounted) {\n            setWorkflow(newWorkflow);\n            setIsLoading(false);\n          }\n          return;\n        }\n\n        // Use GraphQL to fetch workflow by workflowKey + version\n        const result = await getWorkflow(id, undefined, version);\n        const definitionJson = result?.definitionJson as {\n          data?: WorkflowDefinitionData;\n          nodes?: unknown[];\n          edges?: unknown[];\n        } | null;\n\n        // Support both { data: { nodes, edges } } and flat { nodes, edges } structures\n        const defData =\n          definitionJson?.data ??\n          (definitionJson?.nodes\n            ? (definitionJson as unknown as WorkflowDefinitionData)\n            : undefined);\n\n        if (defData) {\n          // Build the workflow state — store in ref regardless of mounted status so\n          // a subsequent effect run can use it if its own getWorkflow call fails.\n          const workflowState: IFlowState[\"workflow\"] = {\n            ...defData,\n            // Sticky notes are stored under a separate definition key — merge\n            // them back onto the canvas alongside the executable nodes.\n            nodes: mergeStickyNotes(defData) as IFlowState[\"workflow\"][\"nodes\"],\n            id: result?.workflowKey ?? \"\",\n            workflowKey: result?.workflowKey ?? \"\",\n            version: result?.version ?? \"\",\n            name: result?.name ?? \"\",\n            alias: result?.alias ?? \"\",\n            dbId: result?.id ?? \"\",\n            status: result?.status ?? \"DRAFT\",\n          };\n          fetchedWorkflowRef.current = workflowState;\n\n          // AI-assistant (and shared) workflows may reference nodes that are not\n          // installed in this workspace. Offer one-click install before opening.\n          let requiredNodeTypes: WorkflowTemplateContent[\"requiredNodeTypes\"] =\n            [];\n          try {\n            requiredNodeTypes = await buildRequiredNodeTypes(\n              workflowState.nodes,\n            );\n          } catch {\n            // Node check failed — skip dependency check and open anyway\n          }\n\n          if (mounted && requiredNodeTypes.length > 0) {\n            const check = doNodeCheckRef.current(requiredNodeTypes);\n            if (check.missing.length > 0 || check.missingPaid.length > 0) {\n              setPendingWorkflow(workflowState);\n              setNodeCheck(check);\n              setConfigModalOpen(true);\n              setIsLoading(false);\n              return;\n            }\n          }\n\n          if (mounted) {\n            setWorkflow(workflowState);\n          }\n          return;\n        }\n\n        if (mounted) {\n          // If a previous effect run already fetched the workflow (but was cancelled),\n          // use its result rather than trying to create a new workflow.\n          if (fetchedWorkflowRef.current) {\n            setWorkflow(fetchedWorkflowRef.current);\n            return;\n          }\n\n          // Version-not-found guard: only mint a brand-new workflow when the\n          // KEY has no versions at all (the Create Workflow path). If other\n          // versions exist, a mistyped/removed version in the URL must NOT\n          // silently create a real row — redirect to the newest version.\n          const anyVersion = await getWorkflow(id, undefined, undefined);\n          if (anyVersion?.workflowKey) {\n            toast.info(`Version ${version} not found`, {\n              description: `Opening ${anyVersion.version} instead.`,\n              dismissible: true,\n            });\n            navigate(`../workflow/${id}/${anyVersion.version}`, {\n              replace: true,\n            });\n            return;\n          }\n\n          // Workflow not found - CREATE it in the database\n          if (!creatingRef.current) {\n            creatingRef.current = true;\n            const initialDefinitionJson = {\n              key: id,\n              name: newWorkflow.name,\n              description: newWorkflow.name,\n              workflow_type: \"query-conditional\",\n              data: {\n                ...newWorkflow,\n              },\n              meta: {\n                creator: \"api_create\",\n                version: version,\n              },\n              tags: [],\n            };\n\n            try {\n              const created = await createWorkflow({\n                workflowKey: id!,\n                version: version!,\n                name: newWorkflow.name,\n                description: newWorkflow.name,\n                definitionJson: initialDefinitionJson,\n              });\n\n              if (created && mounted) {\n                setWorkflow({\n                  ...newWorkflow,\n                  id: created.workflowKey,\n                  workflowKey: created.workflowKey,\n                  version: created.version,\n                  dbId: created.id,\n                  status: created.status ?? \"DRAFT\",\n                });\n              } else if (mounted) {\n                setWorkflow(newWorkflow);\n              }\n            } catch (createError) {\n              console.error(\n                \"[WorkflowItem] Error creating workflow:\",\n                createError,\n              );\n              if (mounted) {\n                setWorkflow(fetchedWorkflowRef.current ?? newWorkflow);\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.error(\"[WorkflowItem] Error loading workflow:\", error);\n        if (mounted) {\n          setWorkflow(fetchedWorkflowRef.current ?? newWorkflow);\n        }\n      } finally {\n        if (mounted) {\n          setIsLoading(false);\n          creatingRef.current = false;\n        }\n      }\n    };\n\n    loadWorkflow();\n    return () => {\n      mounted = false;\n    };\n  }, [\n    id,\n    version,\n    createWorkflow,\n    getWorkflow,\n    newWorkflow,\n    resetWorkflow,\n    navigate,\n    // doNodeCheckRef is intentionally omitted — it's a ref (stable by definition)\n    // and including doNodeCheck here caused infinite re-runs because installedAppIds\n    // produces a new Set reference on every render.\n  ]);\n\n  if (isLoading)\n    return (\n      // Same loading treatment as the Available Nodes panel, centered on the\n      // full canvas area while the workflow definition is fetched.\n      <div className=\"flex h-full min-h-[60vh] w-full items-center justify-center\">\n        <div className=\"flex flex-col items-center gap-2\">\n          <Icon\n            icon=\"mynaui:spinner\"\n            className=\"size-6 animate-spin text-primary\"\n          />\n          <span className=\"text-sm text-foreground/60\">\n            Loading workflow...\n          </span>\n        </div>\n      </div>\n    );\n\n  return (\n    <>\n      {/* Missing-nodes modal shown before a workflow with uninstalled nodes is\n          opened in the builder. Covers shared workflows and AI-assistant-created\n          workflows that reference nodes not yet installed in the workspace. */}\n      {configModalOpen && pendingWorkflow && (\n        <Suspense fallback={null}>\n          <LazyMissingNodesInstallModal\n            open={configModalOpen}\n            onOpenChange={(open) => {\n              if (!open) {\n                // Dismissed without confirming — open anyway (user can install later)\n                handleSkipInstall();\n              }\n            }}\n            workflowName={pendingWorkflow.name}\n            nodeCheckResult={nodeCheck}\n            onConfirm={handleInstallConfirm}\n            onSkip={handleSkipInstall}\n            installing={installing}\n            installProgress={installProgress}\n          />\n        </Suspense>\n      )}\n\n      {workflow && !isLoading && <FlowBuilderPage workflow={workflow} />}\n    </>\n  );\n}\n","import WorkflowItem from \"../builder/app/workflow/work/page\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { useNavigate } from \"react-router\";\nimport \"@xyflow/react/dist/style.css\";\n\n/**\n * WorkflowBuilder page with ErrorBoundary for graceful crash recovery.\n * If the builder throws (React Flow error, node rendering crash, etc.),\n * the user sees a recovery UI instead of a blank screen.\n */\nexport function WorkflowBuilder() {\n  const navigate = useNavigate();\n\n  return (\n    <ErrorBoundary\n      fallback={(error) => (\n        <div className=\"flex flex-col items-center justify-center min-h-[60vh] gap-4 p-8\">\n          <div className=\"rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] p-6 max-w-lg w-full text-center\">\n            <h2 className=\"text-lg font-semibold text-[var(--color-status-error-text)] mb-2\">\n              Workflow Builder Error\n            </h2>\n            <p className=\"text-sm text-[var(--color-text-secondary)] mb-4\">\n              Something went wrong while loading the workflow builder. This may\n              be caused by invalid workflow data or a rendering issue.\n            </p>\n            {error && (\n              <details className=\"text-left mb-4\">\n                <summary className=\"text-xs text-[var(--color-text-tertiary)] cursor-pointer hover:text-[var(--color-text-secondary)]\">\n                  Error details\n                </summary>\n                <pre className=\"mt-2 p-2 bg-[var(--color-bg-canvas)] rounded text-xs overflow-auto max-h-32 text-[var(--color-text-tertiary)]\">\n                  {error.message}\n                </pre>\n              </details>\n            )}\n            <div className=\"flex gap-3 justify-center\">\n              <button\n                type=\"button\"\n                onClick={() => window.location.reload()}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-[var(--color-bg-accent)] text-[var(--color-text-on-accent)] hover:opacity-90 transition-opacity\"\n              >\n                Reload Page\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigate(\"../list\")}\n                className=\"px-4 py-2 text-sm font-medium rounded-md border border-default text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-elevated)] transition-colors\"\n              >\n                Back to Workflows\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    >\n      <WorkflowItem />\n    </ErrorBoundary>\n  );\n}\n"]}