@burdenoff/fluidgrids-fe-sdk 2026.716.3 → 2026.716.4

package/dist/{WorkflowBuilder-UECTJ6AZ.js → WorkflowBuilder-G3GS7NGX.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-QMBL3E7J.js';
+export { WorkflowBuilder } from './chunk-L5PYR7BO.js';
 import './chunk-7VEOUEIN.js';
 import './chunk-Z54K22LP.js';
 import './chunk-OKX63SYW.js';
@@ -10,5 +10,5 @@ import './chunk-NAC4WYE5.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-UECTJ6AZ.js.map
-//# sourceMappingURL=WorkflowBuilder-UECTJ6AZ.js.map
+//# sourceMappingURL=WorkflowBuilder-G3GS7NGX.js.map
+//# sourceMappingURL=WorkflowBuilder-G3GS7NGX.js.map

package/dist/{WorkflowBuilder-UECTJ6AZ.js.map → WorkflowBuilder-G3GS7NGX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-UECTJ6AZ.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-G3GS7NGX.js"}

package/dist/{chunk-QMBL3E7J.js → chunk-L5PYR7BO.js}

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Input as Input$1 } from './chunk-7VEOUEIN.js';
+import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-7VEOUEIN.js';
 import { cn, Badge as Badge$1, Button } from './chunk-Z54K22LP.js';
 import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, createNodeWithDefaultData, NODE_CONFIGS, NODES_METADATA, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-OKX63SYW.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
@@ -18,7 +18,7 @@ import { produce } from 'immer';
 import { cn as cn$1 } from '@burdenoff/fe-libs/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon } from '@iconify/react';
-import { Card as Card$1, Badge, CardContent as CardContent$1, Button as Button$1, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, DropdownMenuItem, Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Popover, PopoverTrigger, PopoverContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Label, DropdownMenuLabel, DropdownMenuSeparator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@burdenoff/fe-libs/ui';
+import { Card as Card$1, Badge, CardContent as CardContent$1, Button as Button$1, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, DropdownMenuItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Popover, PopoverTrigger, PopoverContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Label, DropdownMenuLabel, DropdownMenuSeparator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@burdenoff/fe-libs/ui';
 import { isEmpty } from 'radash';
 import { gql } from '@apollo/client';
 import { ApolloProvider, useQuery, useMutation } from '@apollo/client/react';
@@ -3498,18 +3498,18 @@ function TemplatesModal({
   const handleCloseDetailPanel = () => {
     setSelectedTemplate(null);
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
+  return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent$1,
     {
       size: "xl",
       className: "!flex !flex-col !h-[75vh] !max-h-[75vh] min-h-[500px] p-0 gap-0 overflow-hidden",
       children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 pt-6 pb-4 border-b shrink-0", children: [
+        /* @__PURE__ */ jsxs(DialogHeader$1, { className: "px-6 pt-6 pb-4 border-b shrink-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "size-5 text-primary" }),
-            /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl", children: "Workflow Templates" })
+            /* @__PURE__ */ jsx(DialogTitle$1, { className: "text-2xl", children: "Workflow Templates" })
           ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Browse and use pre-built workflow templates to get started quickly" }),
+          /* @__PURE__ */ jsx(DialogDescription$1, { children: "Browse and use pre-built workflow templates to get started quickly" }),
           /* @__PURE__ */ jsx("div", { className: "pt-4", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
             /* @__PURE__ */ jsx(
@@ -10899,9 +10899,9 @@ function TriggerDataDialog({
     setSubmitted(true);
     onExecute({});
   }, [onExecute]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(DialogHeader$1, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle$1, { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(
           Icon,
           {
@@ -10911,7 +10911,7 @@ function TriggerDataDialog({
         ),
         "Execute Workflow"
       ] }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Provide the trigger data (JSON) that will be passed to the first node in the workflow. This is the input your workflow will process." })
+      /* @__PURE__ */ jsx(DialogDescription$1, { children: "Provide the trigger data (JSON) that will be passed to the first node in the workflow. This is the input your workflow will process." })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(
@@ -12546,8 +12546,8 @@ function NodeDetailView() {
     closeNdv();
   };
   const headerIcon = getNodeDetail(node?.type).icon;
-  return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange: (o) => !o && closeNdv(), children: /* @__PURE__ */ jsxs(
-    DialogContent$1,
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && closeNdv(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
     {
       style: {
         width: "94vw",
@@ -12560,11 +12560,11 @@ function NodeDetailView() {
       className: "flex flex-col gap-0 overflow-hidden border-border bg-background p-0",
       "data-testid": "ndv-modal",
       children: [
-        /* @__PURE__ */ jsxs(DialogHeader$1, { className: "flex shrink-0 flex-row items-center gap-3 space-y-0 border-b border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "flex shrink-0 flex-row items-center gap-3 space-y-0 border-b border-border px-4 py-3", children: [
           /* @__PURE__ */ jsx("div", { className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsx(Icon, { icon: headerIcon, className: "size-4 text-foreground" }) }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(DialogTitle$1, { className: "truncate text-sm font-semibold leading-tight", children: nodeTitle(node) }),
-            nodeSubtitle(node) && /* @__PURE__ */ jsx(DialogDescription$1, { className: "truncate text-xs leading-tight", children: nodeSubtitle(node) })
+            /* @__PURE__ */ jsx(DialogTitle, { className: "truncate text-sm font-semibold leading-tight", children: nodeTitle(node) }),
+            nodeSubtitle(node) && /* @__PURE__ */ jsx(DialogDescription, { className: "truncate text-xs leading-tight", children: nodeSubtitle(node) })
           ] }),
           /* @__PURE__ */ jsx(
             "button",
@@ -13561,6 +13561,9 @@ var FlowBuilderPage = ({
     ] }) })
   ] });
 };
+var LazyTemplateConfigurationModal2 = lazy(
+  () => import('./TemplateConfigurationModal-ZMCT3ZCH.js').then((m) => ({ default: m.TemplateConfigurationModal }))
+);
 function WorkflowItem({
   readonly = false
 }) {
@@ -13579,8 +13582,79 @@ function WorkflowItem({
   const creatingRef = useRef(false);
   const fromSharedLoadedRef = useRef(false);
   const fetchedWorkflowRef = useRef(null);
+  const { installedAppIds } = useInstalledNodes();
   const [pendingSharedWorkflow, setPendingSharedWorkflow] = useState(null);
-  const [missingNodeTypes, setMissingNodeTypes] = useState([]);
+  const [sharedNodeCheck, setSharedNodeCheck] = useState(null);
+  const [configModalOpen, setConfigModalOpen] = useState(false);
+  const [installing, setInstalling] = useState(false);
+  const [installProgress, setInstallProgress] = useState(null);
+  const buildNodeCheck = useCallback(
+    (requiredNodeTypes) => {
+      const installed = requiredNodeTypes.filter(
+        (n) => n.publishType === "BUILTIN" || n.storeProductId && installedAppIds.has(n.storeProductId)
+      );
+      const notInstalled = requiredNodeTypes.filter(
+        (n) => n.publishType !== "BUILTIN" && (!n.storeProductId || !installedAppIds.has(n.storeProductId))
+      );
+      const missing = notInstalled.filter((n) => !n.requiresPurchase);
+      const missingPaid = notInstalled.filter((n) => !!n.requiresPurchase);
+      return {
+        installed,
+        missing,
+        missingPaid,
+        canImport: missingPaid.length === 0
+      };
+    },
+    [installedAppIds]
+  );
+  const handleSharedConfirm = useCallback(async () => {
+    if (!pendingSharedWorkflow) return;
+    const nodesToInstall = (sharedNodeCheck?.missing ?? []).filter(
+      (n) => !!n.storeProductId
+    );
+    if (nodesToInstall.length > 0) {
+      setInstalling(true);
+      try {
+        const { getGlobalStoreClient: getGlobalStoreClient2 } = await import('./global-client-OW43ZRDR.js');
+        const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-5FLHXHG3.js');
+        const { getFluidGridsConfig: getFluidGridsConfig2 } = await import('./config-E4E7M6IN.js');
+        const storeClient = getGlobalStoreClient2();
+        const cfg = getFluidGridsConfig2();
+        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: InstallWorkflowNodeDocument2,
+                variables: {
+                  input: {
+                    productId: node.storeProductId,
+                    workspaceId: cfg.workspaceId,
+                    organizationId: cfg.tenantId,
+                    version: node.nodeVersion,
+                    manifest: null
+                  }
+                }
+              });
+            }
+          } catch {
+          }
+        }
+      } finally {
+        setInstalling(false);
+        setInstallProgress(null);
+      }
+    }
+    setConfigModalOpen(false);
+    setWorkflow(pendingSharedWorkflow);
+    setPendingSharedWorkflow(null);
+    setSharedNodeCheck(null);
+  }, [pendingSharedWorkflow, sharedNodeCheck]);
   const newWorkflow = useMemo(
     () => ({
       id: id ?? "",
@@ -13621,30 +13695,86 @@ function WorkflowItem({
                 nodes: manifest.nodes ?? [],
                 edges: manifest.edges ?? []
               };
-              let missing = [];
+              const requiredNodeTypes = [];
               try {
                 const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-S5FDFFAW.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
-                const nodeTypes3 = [
+                const workflowNodeTypes = [
                   ...new Set(
                     sharedWorkflow.nodes.map((n) => n.type).filter((t) => Boolean(t))
                   )
                 ];
-                missing = nodeTypes3.filter(
+                const missingTypes = workflowNodeTypes.filter(
                   (type) => !NODE_CONFIGS3.some((c) => c.type === type)
                 );
+                if (missingTypes.length > 0) {
+                  const { getGlobalStoreClient: getGlobalStoreClient2 } = await import('./global-client-OW43ZRDR.js');
+                  const { BrowseWorkflowNodesDocument: BrowseWorkflowNodesDocument2 } = await import('./global-operations-5FLHXHG3.js');
+                  const storeClient = getGlobalStoreClient2();
+                  if (storeClient) {
+                    const storeResult = await storeClient.query({
+                      query: BrowseWorkflowNodesDocument2,
+                      variables: {
+                        input: {
+                          filter: {
+                            type: "NODE",
+                            compatibleWith: "fluidgrids"
+                          },
+                          sortBy: "DOWNLOADS",
+                          pagination: { limit: 200, offset: 0 }
+                        }
+                      },
+                      fetchPolicy: "cache-first"
+                    });
+                    const storeNodes = storeResult.data?.browseStore?.products ?? [];
+                    const nodeTypeToProduct = /* @__PURE__ */ new Map();
+                    for (const product of storeNodes) {
+                      const mNodeType = product.manifest?.nodeType;
+                      if (mNodeType) nodeTypeToProduct.set(mNodeType, product);
+                    }
+                    for (const type of workflowNodeTypes) {
+                      const isInstalled = NODE_CONFIGS3.some(
+                        (c) => c.type === type
+                      );
+                      if (isInstalled) {
+                        requiredNodeTypes.push({
+                          nodeType: type,
+                          nodeVersion: "1.0",
+                          publishType: "BUILTIN",
+                          displayName: type
+                        });
+                      } else {
+                        const product = nodeTypeToProduct.get(type);
+                        requiredNodeTypes.push({
+                          nodeType: type,
+                          nodeVersion: product?.manifestVersion ?? "1.0",
+                          publishType: "STORE",
+                          storeProductId: product?.id,
+                          displayName: product?.name ?? type,
+                          requiresPurchase: product !== void 0 && product.pricingModel !== "FREE"
+                        });
+                      }
+                    }
+                  }
+                }
               } catch {
               }
               if (mounted) {
-                if (missing.length > 0) {
-                  setPendingSharedWorkflow(sharedWorkflow);
-                  setMissingNodeTypes(missing);
-                  setIsLoading(false);
-                } else {
-                  setWorkflow(sharedWorkflow);
-                  setIsLoading(false);
+                if (requiredNodeTypes.length > 0) {
+                  const nodeCheck = buildNodeCheck(requiredNodeTypes);
+                  const needsConfig = nodeCheck.missing.length > 0 || nodeCheck.missingPaid.length > 0;
+                  if (needsConfig) {
+                    setPendingSharedWorkflow(sharedWorkflow);
+                    setSharedNodeCheck(nodeCheck);
+                    setConfigModalOpen(true);
+                    setIsLoading(false);
+                    fromSharedLoadedRef.current = true;
+                    return;
+                  }
                 }
+                setWorkflow(sharedWorkflow);
+                setIsLoading(false);
                 fromSharedLoadedRef.current = true;
               }
               return;
@@ -13751,46 +13881,40 @@ function WorkflowItem({
     return () => {
       mounted = false;
     };
-  }, [id, version, createWorkflow, getWorkflow, newWorkflow, resetWorkflow]);
+  }, [id, version, createWorkflow, getWorkflow, newWorkflow, resetWorkflow, buildNodeCheck]);
   if (isLoading) return /* @__PURE__ */ jsx("div", { children: "Loading..." });
-  if (pendingSharedWorkflow && missingNodeTypes.length > 0) {
-    const proceed = () => {
-      setWorkflow(pendingSharedWorkflow);
-      setPendingSharedWorkflow(null);
-      setMissingNodeTypes([]);
-    };
-    return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => !open && proceed(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Missing nodes detected" }),
-        /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          "This workflow uses",
-          " ",
-          missingNodeTypes.length === 1 ? "a node type" : `${missingNodeTypes.length} node types`,
-          " ",
-          "that",
-          " ",
-          missingNodeTypes.length === 1 ? "is" : "are",
-          " not yet installed in your workspace. Install",
-          " ",
-          missingNodeTypes.length === 1 ? "it" : "them",
-          " from the Node Store sidebar inside the builder before running the workflow."
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("ul", { className: "my-2 space-y-1", children: missingNodeTypes.map((type) => /* @__PURE__ */ jsxs(
-        "li",
-        {
-          className: "flex items-center gap-2 rounded-md border border-card-foreground/10 bg-muted px-3 py-2 text-sm",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "size-2 shrink-0 rounded-full bg-[var(--color-status-warning-bg)]" }),
-            /* @__PURE__ */ jsx("code", { className: "font-mono text-xs", children: type })
-          ]
+  const sharedModalContent = pendingSharedWorkflow ? {
+    definitionJson: { nodes: [], edges: [] },
+    requiredNodeTypes: sharedNodeCheck ? [
+      ...sharedNodeCheck.installed,
+      ...sharedNodeCheck.missing,
+      ...sharedNodeCheck.missingPaid
+    ] : [],
+    defaultWorkflowName: pendingSharedWorkflow.name
+  } : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    configModalOpen && pendingSharedWorkflow && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      LazyTemplateConfigurationModal2,
+      {
+        open: configModalOpen,
+        onOpenChange: (open) => {
+          if (!open && pendingSharedWorkflow) {
+            setConfigModalOpen(false);
+            setWorkflow(pendingSharedWorkflow);
+            setPendingSharedWorkflow(null);
+            setSharedNodeCheck(null);
+          }
         },
-        type
-      )) }),
-      /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: proceed, children: "Open in Builder" }) })
-    ] }) });
-  }
-  return workflow && !isLoading && /* @__PURE__ */ jsx(FlowBuilderPage, { workflow });
+        template: null,
+        content: sharedModalContent,
+        nodeCheckResult: sharedNodeCheck,
+        onConfirm: handleSharedConfirm,
+        importing: installing,
+        installProgress
+      }
+    ) }),
+    workflow && !isLoading && /* @__PURE__ */ jsx(FlowBuilderPage, { workflow })
+  ] });
 }
 function WorkflowBuilder() {
   const navigate = useNavigate();
@@ -13831,5 +13955,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-QMBL3E7J.js.map
-//# sourceMappingURL=chunk-QMBL3E7J.js.map
+//# sourceMappingURL=chunk-L5PYR7BO.js.map
+//# sourceMappingURL=chunk-L5PYR7BO.js.map