@burdenoff/fluidgrids-fe-sdk 2026.801.5 → 2026.801.7

package/dist/{chunk-CUCRQ7BD.js → chunk-SGSRBNQJ.js}

@@ -1,6 +1,6 @@
 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-MRVS73S2.js';
 import { Badge as Badge$1, Button } from './chunk-DBOMRIP5.js';
-import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useSaveWorkflow, STICKY_NOTE_TYPE, useNodeExecution, getNodeDetail, mergeStickyNotes, buildStickyNode, ConnectionSelector, nodeAccent, NODES_METADATA, isNodeConfigsInitialized, NODE_CONFIGS, NODES, NodePropertyPanel, resolveInputHandles } from './chunk-33QRAWG2.js';
+import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useSaveWorkflow, STICKY_NOTE_TYPE, useNodeExecution, getNodeDetail, mergeStickyNotes, buildStickyNode, ConnectionSelector, nodeAccent, NodeTypeIcon, NODES_METADATA, isNodeConfigsInitialized, NODE_CONFIGS, isImageIcon, NODES, NodePropertyPanel, resolveInputHandles } from './chunk-EPBEVBMQ.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-PNOA7CQV.js';
 import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-NMS2QUXG.js';
@@ -2314,7 +2314,7 @@ function StoreNodeListItem({
       className: "w-full flex items-center gap-3 px-2 py-2.5 rounded-md hover:bg-muted/60 transition-colors text-left group",
       style: isDraggable ? { cursor: "grab" } : void 0,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? /* @__PURE__ */ jsx("img", { src: icon, alt: name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? isImageIcon(icon) ? /* @__PURE__ */ jsx("img", { src: icon, alt: name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx(Icon, { icon, className: "size-5 text-muted-foreground" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate", children: name }),
@@ -3282,13 +3282,19 @@ function StoreNodeDetail({ node, onBack }) {
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-3 pb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center py-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "size-16 rounded-xl bg-muted flex items-center justify-center overflow-hidden mb-3", children: node.icon ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "size-16 rounded-xl bg-muted flex items-center justify-center overflow-hidden mb-3", children: node.icon ? isImageIcon(node.icon) ? /* @__PURE__ */ jsx(
           "img",
           {
             src: node.icon,
             alt: node.name,
             className: "w-full h-full object-cover"
           }
+        ) : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: node.icon,
+            className: "size-8 text-muted-foreground"
+          }
         ) : /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-muted-foreground", children: node.name.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground leading-tight", children: node.name }),
         (node.authorName || node.publisher?.name) && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1 flex items-center gap-1", children: [
@@ -4283,7 +4289,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-HIWIS6OD.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-MP4MLAOE.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -10987,7 +10993,14 @@ function NodeList({ nodes, onNodeAdd }) {
       disabled: !node.__enabled,
       className: "flex items-center rounded-xl bg-transparent p-1 transition disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-20 active:bg-card-foreground/10 hover:bg-card-foreground/10",
       children: [
-        /* @__PURE__ */ jsx("div", { className: "size-7 flex shrink-0 items-center justify-center border border-card-foreground/10 rounded-lg bg-card", children: /* @__PURE__ */ jsx(Icon, { icon: node.icon, className: "size-4 text-card-foreground" }) }),
+        /* @__PURE__ */ jsx("div", { className: "size-7 flex shrink-0 items-center justify-center border border-card-foreground/10 rounded-lg bg-card", children: /* @__PURE__ */ jsx(
+          NodeTypeIcon,
+          {
+            icon: node.icon,
+            alt: node.title,
+            className: "size-4 text-card-foreground"
+          }
+        ) }),
         /* @__PURE__ */ jsx("div", { className: "ml-2 text-sm text-card-foreground/80", children: node.title })
       ]
     },
@@ -13576,6 +13589,7 @@ var PANEL_EST_HEIGHT = 480;
 var MAPPER_WIDTH = 260;
 var VIEWPORT_MARGIN = 12;
 var NODE_GAP = 14;
+var MAPPER_GAP = 10;
 function useNodeScreenRect(nodeId) {
   const { flowToScreenPosition } = useReactFlow();
   const raw = useStore((s) => {
@@ -13649,15 +13663,31 @@ function QuickConfigPanelInner({
     return () => ro.disconnect();
   }, []);
   const placement = useMemo(() => {
+    const mapperCoords = (panelLeft, panelTop) => {
+      const leftPlacement = panelLeft - MAPPER_GAP - MAPPER_WIDTH;
+      const rightPlacement = panelLeft + PANEL_WIDTH + MAPPER_GAP;
+      const rawLeft2 = leftPlacement >= VIEWPORT_MARGIN ? leftPlacement : rightPlacement;
+      return {
+        mapperLeft: clamp(
+          rawLeft2,
+          VIEWPORT_MARGIN,
+          window.innerWidth - MAPPER_WIDTH - VIEWPORT_MARGIN
+        ),
+        mapperTop: panelTop
+      };
+    };
     if (!nodeRect) {
+      const left2 = window.innerWidth / 2 - PANEL_WIDTH / 2;
+      const top2 = window.innerHeight / 4;
       return {
         side: "right",
-        left: window.innerWidth / 2 - PANEL_WIDTH / 2,
-        top: window.innerHeight / 4,
+        left: left2,
+        top: top2,
         connectorLeft: 0,
         connectorWidth: 0,
         connectorTop: 0,
-        hasConnector: false
+        hasConnector: false,
+        ...mapperCoords(left2, top2)
       };
     }
     const need = PANEL_WIDTH + NODE_GAP + VIEWPORT_MARGIN;
@@ -13688,7 +13718,8 @@ function QuickConfigPanelInner({
       connectorLeft,
       connectorWidth,
       connectorTop,
-      hasConnector: connectorWidth > 1
+      hasConnector: connectorWidth > 1,
+      ...mapperCoords(left, top)
     };
   }, [nodeRect, panelH]);
   useEffect(() => {
@@ -13708,7 +13739,6 @@ function QuickConfigPanelInner({
   const expandToNdv = () => {
     openNdv({ nodeId, type });
   };
-  const mapperStyle = placement.side === "right" ? { left: "100%", marginLeft: 10, top: 0 } : { right: "100%", marginRight: 10, top: 0 };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     placement.hasConnector && /* @__PURE__ */ jsx(
       "div",
@@ -13726,7 +13756,50 @@ function QuickConfigPanelInner({
         }
       }
     ),
-    /* @__PURE__ */ jsxs(
+    showMapper && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed overflow-hidden rounded-xl border border-border bg-card shadow-xl",
+        style: {
+          left: placement.mapperLeft,
+          top: placement.mapperTop,
+          width: MAPPER_WIDTH,
+          maxHeight: "min(60vh, 480px)",
+          zIndex: 301,
+          display: "flex",
+          flexDirection: "column"
+        },
+        "data-testid": "quick-config-mapper",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "mdi:tray-arrow-down",
+                className: "size-3.5 text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground", children: "Input" }),
+            sourceIds.length > 0 && /* @__PURE__ */ jsx(
+              "select",
+              {
+                className: "ml-auto max-w-[55%] truncate rounded-md border border-input bg-background px-1.5 py-0.5 text-[11px] text-foreground outline-none focus:border-primary",
+                value: selectedSource ?? "",
+                onChange: (e) => setSelectedSource(e.target.value),
+                "data-testid": "qc-source-selector",
+                children: sourceIds.map((sid) => {
+                  const sn = nodes.find((n) => n.id === sid);
+                  return /* @__PURE__ */ jsx("option", { value: sid, children: nodeTitle(sn) }, sid);
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-2 py-2", children: inputFields.length > 0 ? /* @__PURE__ */ jsx(FieldTree, { fields: inputFields, draggable: true }) : /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-center text-xs text-muted-foreground", children: sourceIds.length === 0 ? "Connect an upstream node to map its fields." : "The selected source has no declared output fields." }) }),
+          /* @__PURE__ */ jsx("p", { className: "shrink-0 border-t border-border px-3 py-1.5 text-[10px] leading-snug text-muted-foreground", children: "Drag a field onto a parameter to map it." })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
       "div",
       {
         className: "fixed",
@@ -13737,138 +13810,95 @@ function QuickConfigPanelInner({
           width: PANEL_WIDTH
         },
         "data-testid": "quick-config-panel",
-        children: [
-          showMapper && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "absolute overflow-hidden rounded-xl border border-border bg-card shadow-xl",
-              style: {
-                ...mapperStyle,
-                width: MAPPER_WIDTH,
-                maxHeight: "min(60vh, 480px)",
-                display: "flex",
-                flexDirection: "column"
-              },
-              "data-testid": "quick-config-mapper",
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: "mdi:tray-arrow-down",
-                      className: "size-3.5 text-muted-foreground"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground", children: "Input" }),
-                  sourceIds.length > 0 && /* @__PURE__ */ jsx(
-                    "select",
-                    {
-                      className: "ml-auto max-w-[55%] truncate rounded-md border border-input bg-background px-1.5 py-0.5 text-[11px] text-foreground outline-none focus:border-primary",
-                      value: selectedSource ?? "",
-                      onChange: (e) => setSelectedSource(e.target.value),
-                      "data-testid": "qc-source-selector",
-                      children: sourceIds.map((sid) => {
-                        const sn = nodes.find((n) => n.id === sid);
-                        return /* @__PURE__ */ jsx("option", { value: sid, children: nodeTitle(sn) }, sid);
-                      })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-2 py-2", children: inputFields.length > 0 ? /* @__PURE__ */ jsx(FieldTree, { fields: inputFields, draggable: true }) : /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-center text-xs text-muted-foreground", children: sourceIds.length === 0 ? "Connect an upstream node to map its fields." : "The selected source has no declared output fields." }) }),
-                /* @__PURE__ */ jsx("p", { className: "shrink-0 border-t border-border px-3 py-1.5 text-[10px] leading-snug text-muted-foreground", children: "Drag a field onto a parameter to map it." })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref: cardRef,
-              className: "flex flex-col overflow-hidden rounded-xl border border-border bg-card shadow-2xl animate-in fade-in zoom-in-95 duration-150",
-              style: {
-                maxHeight: "min(70vh, 560px)",
-                borderTop: `3px solid ${accent}`
-              },
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2.5 border-b border-border px-3 py-2.5 select-none", children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "flex size-7 shrink-0 items-center justify-center rounded-lg",
-                      style: {
-                        backgroundColor: `color-mix(in srgb, ${accent} 13%, transparent)`,
-                        color: accent,
-                        border: `1px solid color-mix(in srgb, ${accent} 26%, transparent)`
-                      },
-                      children: /* @__PURE__ */ jsx(Icon, { icon: meta.icon, className: "size-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-tight text-foreground", children: nodeTitle(node) }),
-                    subtitle && /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-[11px] leading-tight text-muted-foreground", children: subtitle })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      title: showMapper ? "Hide input data" : "Map data from input",
-                      "aria-label": "Toggle input mapper",
-                      onClick: () => setShowMapper((v) => !v),
-                      className: `rounded-md p-1.5 transition-colors hover:bg-muted ${showMapper ? "text-primary" : "text-muted-foreground"} hover:text-foreground`,
-                      "data-testid": "qc-toggle-mapper",
-                      children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:tray-arrow-down", className: "size-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      title: "Open full editor",
-                      "aria-label": "Open full editor",
-                      onClick: expandToNdv,
-                      className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-                      "data-testid": "qc-expand",
-                      children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-expand", className: "size-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      title: "Close",
-                      "aria-label": "Close",
-                      onClick: close,
-                      className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-                      "data-testid": "qc-close",
-                      children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:close", className: "size-4" })
-                    }
-                  )
-                ] }),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: cardRef,
+            className: "flex flex-col overflow-hidden rounded-xl border border-border bg-card shadow-2xl animate-in fade-in zoom-in-95 duration-150",
+            style: {
+              maxHeight: "min(70vh, 560px)",
+              borderTop: `3px solid ${accent}`
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2.5 border-b border-border px-3 py-2.5 select-none", children: [
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "min-h-0 flex-1 space-y-4 overflow-auto p-3",
-                    "data-testid": "qc-params",
-                    onFocusCapture: (e) => {
-                      const tag = e.target.tagName;
-                      if (sourceIds.length > 0 && (tag === "INPUT" || tag === "SELECT" || tag === "TEXTAREA")) {
-                        setShowMapper(true);
-                      }
+                    className: "flex size-7 shrink-0 items-center justify-center rounded-lg",
+                    style: {
+                      backgroundColor: `color-mix(in srgb, ${accent} 13%, transparent)`,
+                      color: accent,
+                      border: `1px solid color-mix(in srgb, ${accent} 26%, transparent)`
                     },
-                    children: /* @__PURE__ */ jsx(
-                      NodeParamsForm,
-                      {
-                        config,
-                        nodeType: node.type,
-                        testIdPrefix: "qc"
-                      }
-                    )
+                    children: /* @__PURE__ */ jsx(NodeTypeIcon, { icon: meta.icon, className: "size-4" })
                   }
                 ),
-                /* @__PURE__ */ jsx("p", { className: "shrink-0 border-t border-border px-3 py-1.5 text-[10px] leading-snug text-muted-foreground", children: "Changes apply instantly \xB7 double-click the node for the full editor" })
-              ]
-            }
-          )
-        ]
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-tight text-foreground", children: nodeTitle(node) }),
+                  subtitle && /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-[11px] leading-tight text-muted-foreground", children: subtitle })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    title: showMapper ? "Hide input data" : "Map data from input",
+                    "aria-label": "Toggle input mapper",
+                    onClick: () => setShowMapper((v) => !v),
+                    className: `rounded-md p-1.5 transition-colors hover:bg-muted ${showMapper ? "text-primary" : "text-muted-foreground"} hover:text-foreground`,
+                    "data-testid": "qc-toggle-mapper",
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:tray-arrow-down", className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    title: "Open full editor",
+                    "aria-label": "Open full editor",
+                    onClick: expandToNdv,
+                    className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                    "data-testid": "qc-expand",
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-expand", className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    title: "Close",
+                    "aria-label": "Close",
+                    onClick: close,
+                    className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                    "data-testid": "qc-close",
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:close", className: "size-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "min-h-0 flex-1 space-y-4 overflow-auto p-3",
+                  "data-testid": "qc-params",
+                  onFocusCapture: (e) => {
+                    const tag = e.target.tagName;
+                    if (sourceIds.length > 0 && (tag === "INPUT" || tag === "SELECT" || tag === "TEXTAREA")) {
+                      setShowMapper(true);
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    NodeParamsForm,
+                    {
+                      config,
+                      nodeType: node.type,
+                      testIdPrefix: "qc"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "shrink-0 border-t border-border px-3 py-1.5 text-[10px] leading-snug text-muted-foreground", children: "Changes apply instantly \xB7 double-click the node for the full editor" })
+            ]
+          }
+        )
       }
     )
   ] });
@@ -14894,7 +14924,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-HIWIS6OD.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-MP4MLAOE.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -15192,5 +15222,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-CUCRQ7BD.js.map
-//# sourceMappingURL=chunk-CUCRQ7BD.js.map
+//# sourceMappingURL=chunk-SGSRBNQJ.js.map
+//# sourceMappingURL=chunk-SGSRBNQJ.js.map