@burdenoff/fluidgrids-fe-sdk 2026.720.1 → 2026.721.1

package/dist/{WorkflowBuilder-COJQ2YBJ.js → WorkflowBuilder-BUBJLTBN.js}

@@ -1,7 +1,7 @@
-export { WorkflowBuilder } from './chunk-JVARXRIW.js';
+export { WorkflowBuilder } from './chunk-X6I7YBLP.js';
 import './chunk-MRVS73S2.js';
 import './chunk-DBOMRIP5.js';
-import './chunk-S2Z7ZTGV.js';
+import './chunk-4IMAQMRN.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
 import './chunk-OHIRHNRJ.js';
@@ -12,5 +12,5 @@ import './chunk-4NTHFDKQ.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-COJQ2YBJ.js.map
-//# sourceMappingURL=WorkflowBuilder-COJQ2YBJ.js.map
+//# sourceMappingURL=WorkflowBuilder-BUBJLTBN.js.map
+//# sourceMappingURL=WorkflowBuilder-BUBJLTBN.js.map

package/dist/{WorkflowBuilder-COJQ2YBJ.js.map → WorkflowBuilder-BUBJLTBN.js.map}

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

package/dist/{blocks-J3YIE73T.js → blocks-S63X5XLG.js}

@@ -1,4 +1,4 @@
-export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-S2Z7ZTGV.js';
+export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-4IMAQMRN.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
 import './chunk-KU64CCSV.js';
@@ -7,5 +7,5 @@ import './chunk-3ZYUGTIT.js';
 import './chunk-4NTHFDKQ.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
-//# sourceMappingURL=blocks-J3YIE73T.js.map
-//# sourceMappingURL=blocks-J3YIE73T.js.map
+//# sourceMappingURL=blocks-S63X5XLG.js.map
+//# sourceMappingURL=blocks-S63X5XLG.js.map

package/dist/{blocks-J3YIE73T.js.map → blocks-S63X5XLG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-J3YIE73T.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-S63X5XLG.js"}

package/dist/{chunk-S2Z7ZTGV.js → chunk-4IMAQMRN.js}

@@ -9060,6 +9060,74 @@ function useNodeExecution() {
     findTriggerNode
   };
 }
+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 ?? {};
+  const manifestOps = manifest?.operations;
+  const outputHandles = manifest?.outputHandles ?? manifestOps?.outputHandles;
+  const inputHandles = manifest?.inputHandles ?? manifestOps?.inputHandles;
+  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 ?? {},
+      ...outputHandles !== void 0 ? { outputHandles } : {},
+      ...inputHandles !== void 0 ? { inputHandles } : {},
+      operations: [op]
+    }
+  };
+}
+function useInsertNode() {
+  const { addNodes, screenToFlowPosition, getNodes, updateNode } = useReactFlow();
+  return useCallback(
+    (type, pos, operationName) => {
+      const _pos = pos || screenToFlowPosition({
+        x: window.innerWidth / 2,
+        y: window.innerHeight / 2
+      });
+      getNodes().forEach((node) => {
+        if (node.selected) {
+          updateNode(node.id, { selected: false });
+        }
+      });
+      const newNode = createNodeWithDefaultData(type, {
+        position: _pos,
+        selected: true
+      });
+      let pinTo = operationName;
+      if (!pinTo) {
+        const config2 = NODE_CONFIGS.find((c) => c.type === type);
+        const ops = config2?.operations ?? [];
+        if (ops.length === 1 && ops[0]?.name) {
+          pinTo = ops[0].name;
+        }
+      }
+      if (pinTo) {
+        const seeded = buildOperationSeed(
+          type,
+          pinTo,
+          newNode.data ?? {}
+        );
+        if (seeded) newNode.data = seeded;
+      }
+      addNodes(newNode);
+      return newNode;
+    },
+    [screenToFlowPosition, getNodes, addNodes, updateNode]
+  );
+}
 function isAdapterCompatible(adapterFilter, adapterType, targetNodeKind, targetAdapterOutputType, targetNodeType) {
   if (adapterType && targetAdapterOutputType && adapterType !== targetAdapterOutputType) {
     return false;
@@ -9076,72 +9144,212 @@ function isAdapterCompatible(adapterFilter, adapterType, targetNodeKind, targetA
   }
   return true;
 }
-function AdapterConnectors({
+function useCompatibleSubNodes(adapter) {
+  return useMemo(() => {
+    const out = [];
+    for (const cfg of NODE_CONFIGS) {
+      const nodeData = cfg.defaultData?.nodeData;
+      if (!nodeData?.adapterOutputType && !nodeData?.supportsAdapterMode) {
+        continue;
+      }
+      if (!isAdapterCompatible(
+        adapter.filter,
+        adapter.type,
+        nodeData?.kind,
+        nodeData?.adapterOutputType,
+        cfg.type
+      )) {
+        continue;
+      }
+      const ops = cfg.operations ?? [];
+      out.push({
+        type: cfg.type,
+        title: cfg.detail?.title || nodeData?.name || cfg.type,
+        icon: cfg.detail?.icon || nodeData?.icon || "mynaui:puzzle",
+        description: cfg.detail?.description || nodeData?.description,
+        adapterOperation: ops.find((o) => o.isAdapterOperation)?.name
+      });
+    }
+    return out.sort((a, b) => a.title.localeCompare(b.title));
+  }, [adapter.filter, adapter.type]);
+}
+function AdapterPort({
   nodeId,
-  adapters
+  adapter,
+  index,
+  total
 }) {
-  const { nodeLookup, edges } = useStore(({ nodeLookup: nodeLookup2, edges: edges2 }) => ({
-    nodeLookup: nodeLookup2,
-    edges: edges2
-  }));
+  const edges = useStore((s) => s.edges);
   const { getNode } = useReactFlow();
-  if (!adapters || adapters.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "left-0 w-full flex justify-around mt-[6.5px]", children: adapters.map((adapter) => {
-    const adapterEdges = edges.filter(
-      (e) => e.source === nodeId && e.sourceHandle === adapter.name
-    );
-    const connectionCount = adapterEdges.length;
-    const isAtMaxConnections = adapter.maxConnections != null && adapter.maxConnections !== void 0 && connectionCount >= adapter.maxConnections;
-    const hasConnection = connectionCount > 0;
-    const diamondColor = hasConnection ? "bg-accent" : "bg-accent/60";
-    const lineColor = hasConnection ? "before:bg-accent" : "before:bg-accent/60";
-    return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `p-0.5 m-0.5 text-center before:content-[''] before:h-[95%] before:-z-10 before:left-1/2 before:-translate-x-1/2 before:w-0.5 ${lineColor} before:absolute before:top-0`,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ jsx(
+  const insertNode = useInsertNode();
+  const onConnect = useFlowStore((s) => s.actions.edges.onConnect);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const candidates = useCompatibleSubNodes(adapter);
+  const connectionCount = edges.filter(
+    (e) => e.source === nodeId && e.sourceHandle === adapter.name
+  ).length;
+  const isAtMaxConnections = adapter.maxConnections != null && adapter.maxConnections !== void 0 && connectionCount >= adapter.maxConnections;
+  const hasConnection = connectionCount > 0;
+  const diamondColor = hasConnection ? "bg-[var(--color-accent-primary)]" : "bg-[var(--color-text-muted)]";
+  const lineColor = hasConnection ? "before:bg-[var(--color-accent-primary)]" : "before:bg-[var(--color-border-strong)]";
+  const addSubNode = useCallback(
+    (candidate) => {
+      setPickerOpen(false);
+      const parent = getNode(nodeId);
+      const origin = parent?.position ?? { x: 0, y: 0 };
+      const parentHeight = parent?.measured?.height ?? 180;
+      const SPACING = 180;
+      const position = {
+        x: origin.x + (index - (total - 1) / 2) * SPACING,
+        y: origin.y + parentHeight + 190
+      };
+      const created = insertNode(
+        candidate.type,
+        position,
+        candidate.adapterOperation
+      );
+      if (!created?.id) return;
+      onConnect({
+        source: nodeId,
+        sourceHandle: adapter.name,
+        target: created.id,
+        targetHandle: "target"
+      });
+    },
+    [getNode, nodeId, index, total, insertNode, onConnect, adapter.name]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `p-0.5 m-0.5 text-center before:content-[''] before:h-[95%] before:left-1/2 before:-translate-x-1/2 before:w-0.5 ${lineColor} before:absolute before:top-0 before:pointer-events-none`,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `w-3 h-3 ${diamondColor} rotate-45 transition-transform hover:scale-110`
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 z-10 absolute left-1/2 transform -translate-x-1/2 font-medium bg-surface h-fit pointer-events-none", children: /* @__PURE__ */ jsxs("span", { className: "text-xs max-w-fit relative font-medium text-[var(--color-text-secondary)] whitespace-nowrap", children: [
+          adapter?.name,
+          adapter?.required && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)] absolute -right-2 top-[1px]", children: "*" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-16 flex flex-col items-center gap-1.5", children: [
+          !isAtMaxConnections && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: `Add ${adapter.name}`,
+              "aria-label": `Add ${adapter.name}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                setPickerOpen((v) => !v);
+              },
+              className: "w-5 h-5 border-2 border-[var(--color-border-strong)] rounded text-[var(--color-text-secondary)] text-lg leading-none font-bold bg-surface flex items-center justify-center transition-colors hover:border-[var(--color-accent-primary)] hover:text-[var(--color-accent-primary)] cursor-pointer",
+              children: "+"
+            }
+          ),
+          isAtMaxConnections && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `w-2.5 h-2.5 ${diamondColor} rotate-45 transition-transform hover:scale-110`
+              title: `${adapter.name} is full`,
+              className: "w-5 h-5 border-2 border-[var(--color-border-subtle)] rounded text-[var(--color-text-disabled)] text-lg leading-none font-bold bg-surface flex items-center justify-center",
+              children: "\u2022"
             }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "mt-3 z-10 absolute left-1/2 transform -translate-x-1/2 text-accent font-medium bg-surface h-fit", children: /* @__PURE__ */ jsxs("span", { className: "text-xs max-w-fit relative font-medium text-accent whitespace-nowrap", children: [
-            adapter?.name,
-            adapter?.required && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)] absolute -right-2 top-[1px]", children: "*" })
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-16 flex justify-center", children: [
-            !isAtMaxConnections && /* @__PURE__ */ jsx("div", { className: "w-5 h-5 border-2 border-accent/60 rounded text-accent text-2xl font-bold bg-surface flex items-center justify-center transition-colors hover:bg-accent/10 cursor-pointer", children: "+" }),
-            isAtMaxConnections && /* @__PURE__ */ jsx("div", { className: "w-5 h-5 border-2 border-accent/30 rounded text-accent/30 text-2xl font-bold bg-surface flex items-center justify-center", children: "\u2022" }),
-            /* @__PURE__ */ jsx(
-              Handle,
-              {
-                type: "source",
-                position: Position.Bottom,
-                id: adapter?.name,
-                className: "mb-[15px] text-accent bg-accent",
-                isConnectable: !isAtMaxConnections,
-                isValidConnection: (connection) => {
-                  if (!adapter.type && !adapter.filter) return true;
-                  const targetNode = getNode(connection.target);
-                  if (!targetNode) return true;
-                  const targetData = targetNode.data;
-                  const targetNodeData = targetData?.nodeData;
-                  return isAdapterCompatible(
-                    adapter.filter,
-                    adapter.type,
-                    targetNodeData?.kind,
-                    targetNodeData?.adapterOutputType,
-                    targetNode.type
-                  );
-                }
+          ),
+          /* @__PURE__ */ jsx(
+            Handle,
+            {
+              type: "source",
+              position: Position.Bottom,
+              id: adapter?.name,
+              className: "!relative !top-auto !left-auto !right-auto !bottom-auto !transform-none !w-2.5 !h-2.5 !min-w-0 !min-h-0 !rounded-full !border-0 bg-[var(--color-accent-primary)]",
+              isConnectable: !isAtMaxConnections,
+              isValidConnection: (connection) => {
+                if (!adapter.type && !adapter.filter) return true;
+                const targetNode = getNode(connection.target);
+                if (!targetNode) return true;
+                const targetData = targetNode.data;
+                const targetNodeData = targetData?.nodeData;
+                return isAdapterCompatible(
+                  adapter.filter,
+                  adapter.type,
+                  targetNodeData?.kind,
+                  targetNodeData?.adapterOutputType,
+                  targetNode.type
+                );
               }
-            )
+            }
+          )
+        ] }),
+        pickerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40",
+              onClick: () => setPickerOpen(false)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "absolute z-50 top-[86px] left-1/2 -translate-x-1/2 w-60 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-surface-elevated)] shadow-xl overflow-hidden text-left nodrag nowheel", children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-[var(--color-border-subtle)]", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-[var(--color-text-primary)]", children: [
+                "Add ",
+                adapter.name
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-[var(--color-text-muted)]", children: [
+                candidates.length,
+                " compatible node",
+                candidates.length === 1 ? "" : "s"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-y-auto", children: [
+              candidates.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-[11px] text-[var(--color-text-muted)]", children: "No compatible node installed. Publish and install one from the Node Store first." }),
+              candidates.map((c) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    addSubNode(c);
+                  },
+                  className: "w-full flex items-start gap-2 px-3 py-2 hover:bg-[var(--color-bg-elevated)] transition-colors text-left",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: c.icon,
+                        className: "size-4 mt-0.5 shrink-0 text-[var(--color-accent-primary)]"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx("span", { className: "block text-xs text-[var(--color-text-primary)] truncate", children: c.title }),
+                      c.description && /* @__PURE__ */ jsx("span", { className: "block text-[10px] text-[var(--color-text-muted)] line-clamp-2", children: c.description })
+                    ] })
+                  ]
+                },
+                c.type
+              ))
+            ] })
           ] })
-        ]
-      }
-    ) }, adapter.name);
-  }) });
+        ] })
+      ]
+    }
+  ) });
+}
+function AdapterConnectors({
+  nodeId,
+  adapters
+}) {
+  if (!adapters || adapters.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "left-0 w-full flex justify-around mt-[6.5px]", children: adapters.map((adapter, i) => /* @__PURE__ */ jsx(
+    AdapterPort,
+    {
+      nodeId,
+      adapter,
+      index: i,
+      total: adapters.length
+    },
+    adapter.name
+  )) });
 }
 function SubNodeComponent({
   id,
@@ -9173,26 +9381,26 @@ function SubNodeComponent({
           position: Position.Top,
           id: "target",
           isConnectable,
-          className: "size-2.5 bg-accent border-2 border-accent/60"
+          className: "size-2.5 bg-[var(--color-accent-primary)] border-2 border-[var(--color-border-strong)]"
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "w-0.5 h-4 border-l-2 border-dashed border-accent/40" }),
-      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-accent/70 font-medium mb-1", children: meta.title.includes("Model") ? "Model" : meta.title.includes("Memory") ? "Memory" : meta.title.includes("Tool") ? "Tool" : meta.title.includes("Parser") ? "Parser" : "Adapter" }),
+      /* @__PURE__ */ jsx("div", { className: "w-0.5 h-4 border-l-2 border-dashed border-[var(--color-border-strong)]" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--color-text-muted)] font-medium mb-1", children: meta.title.includes("Model") ? "Model" : meta.title.includes("Memory") ? "Memory" : meta.title.includes("Tool") ? "Tool" : meta.title.includes("Parser") ? "Parser" : "Adapter" }),
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: `w-14 h-14 rounded-full bg-card border-2 border-accent/40 flex items-center justify-center shadow-lg cursor-pointer transition-all hover:border-accent/80 hover:shadow-xl ${statusRing}`,
+          className: `w-14 h-14 rounded-full bg-[var(--color-surface-elevated)] border-2 border-[var(--color-border-strong)] flex items-center justify-center shadow-lg cursor-pointer transition-all hover:border-[var(--color-accent-primary)] hover:shadow-xl ${statusRing}`,
           onDoubleClick: handleShowNodeProperties,
           "data-selected": selected,
           children: /* @__PURE__ */ jsx(Icon, { icon: meta.icon, className: "w-7 h-7 text-accent opacity-80" })
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-accent font-medium text-center max-w-24 leading-tight", children: meta.title }),
+      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-[var(--color-text-secondary)] font-medium text-center max-w-24 leading-tight", children: meta.title }),
       /* @__PURE__ */ jsx(
         "button",
         {
           onClick: () => deleteNode(id),
-          className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-destructive/80 text-destructive-foreground text-[10px] flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-destructive transition-opacity",
+          className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-[var(--color-status-error)] text-white text-[10px] flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-[var(--color-status-error)] transition-opacity",
           children: "\xD7"
         }
       ),
@@ -9749,6 +9957,6 @@ function registerWorkflowNodeTypes(workflowNodes) {
   }
 }
 
-export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, createNodeWithDefaultData, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
-//# sourceMappingURL=chunk-S2Z7ZTGV.js.map
-//# sourceMappingURL=chunk-S2Z7ZTGV.js.map
+export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
+//# sourceMappingURL=chunk-4IMAQMRN.js.map
+//# sourceMappingURL=chunk-4IMAQMRN.js.map