@burdenoff/fluidgrids-fe-sdk 2026.801.6 → 2026.801.7

package/dist/{WorkflowBuilder-FBHT6KMG.js → WorkflowBuilder-IKVMPN7Q.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-DEPCFHNN.js';
+export { WorkflowBuilder } from './chunk-SGSRBNQJ.js';
 import './chunk-MRVS73S2.js';
 import './chunk-DBOMRIP5.js';
 import './chunk-EPBEVBMQ.js';
@@ -12,5 +12,5 @@ import './chunk-XEYNX7YJ.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-FBHT6KMG.js.map
-//# sourceMappingURL=WorkflowBuilder-FBHT6KMG.js.map
+//# sourceMappingURL=WorkflowBuilder-IKVMPN7Q.js.map
+//# sourceMappingURL=WorkflowBuilder-IKVMPN7Q.js.map

package/dist/{WorkflowBuilder-FBHT6KMG.js.map → WorkflowBuilder-IKVMPN7Q.js.map}

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

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

@@ -13589,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) => {
@@ -13662,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;
@@ -13701,7 +13718,8 @@ function QuickConfigPanelInner({
       connectorLeft,
       connectorWidth,
       connectorTop,
-      hasConnector: connectorWidth > 1
+      hasConnector: connectorWidth > 1,
+      ...mapperCoords(left, top)
     };
   }, [nodeRect, panelH]);
   useEffect(() => {
@@ -13721,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",
@@ -13739,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",
@@ -13750,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(NodeTypeIcon, { 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" })
+            ]
+          }
+        )
       }
     )
   ] });
@@ -15205,5 +15222,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-DEPCFHNN.js.map
-//# sourceMappingURL=chunk-DEPCFHNN.js.map
+//# sourceMappingURL=chunk-SGSRBNQJ.js.map
+//# sourceMappingURL=chunk-SGSRBNQJ.js.map