@burdenoff/fluidgrids-fe-sdk 2026.701.8 → 2026.702.1

package/dist/{WorkflowBuilder-N6AMMWYX.js → WorkflowBuilder-5D7ZOMHN.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-GX57DKBG.js';
+export { WorkflowBuilder } from './chunk-WPCOE4Z5.js';
 import './chunk-7VEOUEIN.js';
 import './chunk-BQXHJIER.js';
 import './chunk-LUGJJ7LL.js';
@@ -9,5 +9,5 @@ import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
 import './chunk-Z54K22LP.js';
-//# sourceMappingURL=WorkflowBuilder-N6AMMWYX.js.map
-//# sourceMappingURL=WorkflowBuilder-N6AMMWYX.js.map
+//# sourceMappingURL=WorkflowBuilder-5D7ZOMHN.js.map
+//# sourceMappingURL=WorkflowBuilder-5D7ZOMHN.js.map

package/dist/{WorkflowBuilder-N6AMMWYX.js.map → WorkflowBuilder-5D7ZOMHN.js.map}

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

package/dist/{chunk-GX57DKBG.js → chunk-WPCOE4Z5.js}

@@ -18,7 +18,7 @@ import { Handle, Position, getBezierPath, MarkerType, useStore, useReactFlow, ge
 import { produce } from 'immer';
 import { nanoid } from 'nanoid/non-secure';
 import { cn } from '@burdenoff/fe-libs/utils';
-import { Textarea, Input, Button, Card, Badge, CardContent as CardContent$1, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, 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 } from '@burdenoff/fe-libs/ui';
+import { Textarea, Input, Button, Card, Badge, CardContent as CardContent$1, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, 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, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@burdenoff/fe-libs/ui';
 import { Icon } from '@iconify/react';
 import * as AdaptiveCards from 'adaptivecards';
 import { formatDistanceToNow } from 'date-fns';
@@ -7313,6 +7313,19 @@ function ArrayField({
     description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
   ] });
 }
+function slimNodeDataToCurrentOperation(data) {
+  const nodeData = data.nodeData;
+  if (!nodeData) return data;
+  const opName = data.operation_name;
+  const rawOps = nodeData.operations;
+  const opsArray = Array.isArray(rawOps) ? rawOps : Array.isArray(rawOps?.operations) ? rawOps.operations : [];
+  const current = opName ? opsArray.find((o) => o?.name === opName) : void 0;
+  if (!current) {
+    const { nodeData: _omit, ...rest } = data;
+    return rest;
+  }
+  return { ...data, nodeData: { ...nodeData, operations: [current] } };
+}
 function useSaveWorkflow() {
   const [isSaving, setIsSaving] = useState(false);
   const params = useParams();
@@ -7335,9 +7348,12 @@ function useSaveWorkflow() {
       const preparedWorkflow = {
         ...workflow,
         nodes: workflow.nodes?.map((n) => {
-          const { nodeData: _ignoredNodeData, ...flattenedData } = n.data ?? {};
-          void _ignoredNodeData;
-          return { ...n, ...flattenedData };
+          const slimData = slimNodeDataToCurrentOperation(
+            n.data ?? {}
+          );
+          const { nodeData: _slimNodeData, ...flattenedData } = slimData;
+          void _slimNodeData;
+          return { ...n, data: slimData, ...flattenedData };
         })
       };
       const definitionJson = {
@@ -8773,7 +8789,7 @@ var getNodeMetadata = (value) => {
     }, [data?.isAdapterInstance, edges, id, nodeLookup]);
     const nodeType = value?.type;
     const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
-    const { updateNode, getNode, setNodes } = useReactFlow();
+    const { setNodes } = useReactFlow();
     const [
       showNodePropertiesOf,
       isExecuting,
@@ -8859,44 +8875,15 @@ var getNodeMetadata = (value) => {
                 const explicitRole = data.args?.state?.role;
                 const isAction = explicitRole === "action" || !explicitRole && edges.some((e) => e.target === id);
                 return isAction ? "Send Message" : "Receive Messages";
-              })() : "Store & Forward" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("div", { className: "flex flex-col p-4", children: /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-card-foreground", children: "Select Operation" }) }),
-                value?.operations && /* @__PURE__ */ jsx("div", { className: "space-y-4 ", children: /* @__PURE__ */ jsxs(
-                  Select,
-                  {
-                    value: data?.operation_name,
-                    onValueChange: (val) => {
-                      const op = value?.operations?.find(
-                        (operation) => operation.name === val
-                      );
-                      if (op) {
-                        updateNode(id, {
-                          data: {
-                            ...getNode(id)?.data,
-                            operation_name: op.name,
-                            operation_type: op.type,
-                            args: {
-                              state: { ...op?.adaptive_card?.defaultValue },
-                              context: getNode(id)?.data?.args?.context
-                            }
-                          }
-                        });
-                      }
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select Operation" }) }),
-                      /* @__PURE__ */ jsx(SelectContent, { children: value?.operations?.map((operation) => /* @__PURE__ */ jsx(
-                        SelectItem,
-                        {
-                          value: operation.name,
-                          children: operation.name
-                        },
-                        operation.name
-                      )) })
-                    ]
-                  }
-                ) })
-              ] }),
+              })() : "Store & Forward" }) }) : (
+                // Operation is chosen in the Node Store (drag a specific
+                // operation onto the canvas), so the card just shows which one
+                // this node is pinned to — no in-card operation dropdown.
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-4", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Operation" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-card-foreground mt-0.5 truncate", children: data?.operation_name || "Not configured" })
+                ] })
+              ),
               /* @__PURE__ */ jsx(NodeCardDescription, { description: meta?.description ?? "" }),
               /* @__PURE__ */ jsx(NodeCardFooter, { nodeId: id })
             ] }),
@@ -11453,6 +11440,7 @@ gql$1`
 
 // src/builder/contants/symbols.ts
 var NODE_TYPE_DRAG_DATA_FORMAT = "application/flow-builder.node-type";
+var NODE_OPERATION_DRAG_DATA_FORMAT = "application/flow-builder.node-operation";
 function StoreNodeListItem({
   name,
   description,
@@ -11852,6 +11840,99 @@ var UninstallNodeDialog = ({
     ] })
   ] }) });
 };
+function isTriggerOperation(op) {
+  return op.role === "trigger" || !!op.delivery || op.type === "subscription";
+}
+function StoreNodeOperations({ nodeType }) {
+  const [, bump] = useState(0);
+  useEffect(() => onNodeTypesUpdate(() => bump((n) => n + 1)), []);
+  const config2 = nodeType ? NODE_CONFIGS.find((c) => c.type === nodeType) : void 0;
+  const operations = config2?.operations ?? [];
+  const handleDragStart = useCallback(
+    (e, opName) => {
+      if (!nodeType) return;
+      e.dataTransfer.setData(NODE_TYPE_DRAG_DATA_FORMAT, nodeType);
+      if (opName)
+        e.dataTransfer.setData(NODE_OPERATION_DRAG_DATA_FORMAT, opName);
+      e.dataTransfer.effectAllowed = "move";
+    },
+    [nodeType]
+  );
+  if (!nodeType) return null;
+  if (operations.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-3 pt-3 pb-1", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        draggable: true,
+        onDragStart: (e) => handleDragStart(e),
+        title: "Drag to add to canvas",
+        className: "w-full flex items-center gap-2.5 px-2 py-2 rounded-md hover:bg-muted/60 transition-colors text-left group",
+        style: { cursor: "grab" },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "size-7 shrink-0 rounded-md bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:plus", className: "size-3.5 text-primary" }) }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: "Add to canvas" }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "mynaui:drag-dots-vertical",
+              className: "size-4 shrink-0 text-foreground/40 group-hover:text-primary transition-colors"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "px-3 pt-3 pb-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "px-1 pb-2 text-xs font-medium text-muted-foreground", children: "Operations \u2014 drag one onto the canvas" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: operations.map((op) => {
+      const isTrigger = isTriggerOperation(op);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          draggable: true,
+          onDragStart: (e) => handleDragStart(e, op.name),
+          title: `${op.name} \u2014 drag to add to canvas`,
+          className: "w-full flex items-center gap-2.5 px-2 py-2 rounded-md hover:bg-muted/60 transition-colors text-left group",
+          style: { cursor: "grab" },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "size-7 shrink-0 rounded-md bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: isTrigger ? "solar:play-bold" : "mynaui:bolt",
+                className: "size-3.5 text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate", children: op.name }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "shrink-0 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold",
+                    style: {
+                      background: isTrigger ? "var(--color-status-info-bgSubtle)" : "var(--color-status-neutral-bgSubtle, var(--muted))",
+                      color: isTrigger ? "var(--color-status-info-text)" : "var(--muted-foreground)"
+                    },
+                    children: isTrigger ? "Trigger" : "Action"
+                  }
+                )
+              ] }),
+              op.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5 leading-snug", children: op.description })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "mynaui:drag-dots-vertical",
+                className: "size-4 shrink-0 text-foreground/40 group-hover:text-primary transition-colors"
+              }
+            )
+          ]
+        },
+        op.name
+      );
+    }) })
+  ] });
+}
 function formatDownloads(count2) {
   if (count2 >= 1e6) return `${(count2 / 1e6).toFixed(1)}M`;
   if (count2 >= 1e3) return `${(count2 / 1e3).toFixed(1)}k`;
@@ -11877,6 +11958,8 @@ function StoreNodeDetail({ node, onBack }) {
   const context = useContext(FluidGridsContext);
   const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
   const isInstalled = installedAppIds.has(node.id);
+  const manifestNodeType = node.manifest?.nodeType;
+  const nodeType = manifestNodeType ?? (isInstalled ? `store/${node.slug}` : void 0);
   const installation = installationsMap.get(node.id);
   const installedVersion = installation?.installedVersion;
   const installationId = installation?.installationId;
@@ -12093,6 +12176,7 @@ function StoreNodeDetail({ node, onBack }) {
         ] })
       ] }),
       node.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80 leading-relaxed mb-4", children: node.description }),
+      isInstalled && /* @__PURE__ */ jsx("div", { className: "mb-4 -mx-3 rounded-lg border border-border/50", children: /* @__PURE__ */ jsx(StoreNodeOperations, { nodeType }) }),
       node.publisher && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-2.5 rounded-lg bg-muted/50 flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("div", { className: "size-6 rounded bg-muted flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-muted-foreground", children: node.publisher.name.charAt(0) }) }),
         /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground font-medium flex-1 min-w-0 truncate", children: node.publisher.name }),
@@ -19132,10 +19216,31 @@ var useAddNodeOnEdgeDropStore = create()(
     }
   })
 );
+function buildOperationSeed(type, operationName, existingData) {
+  const config2 = NODE_CONFIGS.find((c) => c.type === type);
+  if (!config2) return null;
+  const operations = config2.operations ?? [];
+  const op = operations.find((o) => o.name === operationName);
+  if (!op) return null;
+  const manifest = config2.defaultData?.nodeData;
+  const prevArgs = existingData.args ?? {};
+  return {
+    ...existingData,
+    operation_name: op.name,
+    operation_type: op.type,
+    args: {
+      // Preserve default context/credentials; seed state from the op defaults.
+      ...prevArgs,
+      state: { ...op.adaptive_card?.defaultValue ?? {} }
+    },
+    // Slim manifest: keep node-level metadata but only the pinned operation.
+    nodeData: { ...manifest ?? {}, operations: [op] }
+  };
+}
 function useInsertNode() {
   const { addNodes, screenToFlowPosition, getNodes, updateNode } = useReactFlow();
   return useCallback(
-    (type, pos) => {
+    (type, pos, operationName) => {
       const _pos = pos || screenToFlowPosition({
         x: window.innerWidth / 2,
         y: window.innerHeight / 2
@@ -19149,6 +19254,14 @@ function useInsertNode() {
         position: _pos,
         selected: true
       });
+      if (operationName) {
+        const seeded = buildOperationSeed(
+          type,
+          operationName,
+          newNode.data ?? {}
+        );
+        if (seeded) newNode.data = seeded;
+      }
       addNodes(newNode);
       return newNode;
     },
@@ -19254,12 +19367,14 @@ function useDragDropFlowBuilder() {
       e.preventDefault();
       const type = e.dataTransfer.getData(NODE_TYPE_DRAG_DATA_FORMAT);
       if (typeof type === "undefined" || !type) return;
+      const operationName = e.dataTransfer.getData(NODE_OPERATION_DRAG_DATA_FORMAT) || void 0;
       insertNode(
         type,
         screenToFlowPosition({
           x: e.clientX,
           y: e.clientY
-        })
+        }),
+        operationName
       );
     },
     [insertNode, screenToFlowPosition]
@@ -19550,9 +19665,12 @@ function AddNodeFloatingMenu({
       };
     });
     const fromHandleId = _incomingNodeMetadetails?.fromHandle?.id;
+    const connectableNodes = AVAILABLE_NODES.filter(
+      (node) => node.publishType !== "STORE"
+    );
     return {
       availableNodes: mapNodesWithMetadata(
-        fromHandleId === "source" || fromHandleId === "target" ? AVAILABLE_NODES.map((node) => node.type) : AVAILABLE_NODES.filter(
+        fromHandleId === "source" || fromHandleId === "target" ? connectableNodes.map((node) => node.type) : connectableNodes.filter(
           (node) => node?.manifest?.kind?.includes(fromHandleId ?? "")
         ).map((node) => node.type)
       ),
@@ -22036,5 +22154,5 @@ function WorkflowBuilder() {
 }
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, FluidGridsProvider, ProviderPicker, TemplateCard, WorkflowBuilder, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useWorkflowTemplates };
-//# sourceMappingURL=chunk-GX57DKBG.js.map
-//# sourceMappingURL=chunk-GX57DKBG.js.map
+//# sourceMappingURL=chunk-WPCOE4Z5.js.map
+//# sourceMappingURL=chunk-WPCOE4Z5.js.map