@burdenoff/fluidgrids-fe-sdk 2026.801.3 → 2026.801.5

package/dist/{chunk-7WQUDC5E.js → chunk-CUCRQ7BD.js}

@@ -1,10 +1,10 @@
 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-AI5S3GO5.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 { 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';
-import { useFlowStore } from './chunk-WSBRI47P.js';
+import { useFlowStore } from './chunk-2KRMZXFF.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { cn } from './chunk-3ZYUGTIT.js';
 import { throwIfResultError, NodeSchemaIntrospectionDocument, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-XEYNX7YJ.js';
@@ -28,6 +28,7 @@ import { ApolloProvider, useQuery, useMutation } from '@apollo/client/react';
 import 'jszip';
 import { gql as gql$1 } from '@apollo/client/core';
 import { Sparkles, Star, Download, Eye, History, Loader2, Play, RotateCcw, Trash2, Maximize2, LayoutGrid, Plus, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, PlusCircle, ChevronDown, Type, Code, Hash, List, Braces, Workflow, ChevronRight, Layers, X, AlertTriangle } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
 import { animate, easeOut } from 'popmotion';
 import { createPortal } from 'react-dom';
 import { ThemeProvider as ThemeProvider$1 } from '@burdenoff/fe-libs/shared/providers/shell';
@@ -3042,6 +3043,77 @@ function StoreNodeOperations({ nodeType }) {
     }) })
   ] });
 }
+var COLLAPSED_MAX_PX = 126;
+var MD_COMPONENTS = {
+  h1: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-3 text-[13px] font-semibold text-foreground", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-3 text-[13px] font-semibold text-foreground", children }),
+  h3: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children }),
+  p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-2 last:mb-0", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "mb-2 list-disc space-y-0.5 pl-4 last:mb-0", children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "mb-2 list-decimal space-y-0.5 pl-4 last:mb-0", children }),
+  li: ({ children }) => /* @__PURE__ */ jsx("li", { className: "leading-snug", children }),
+  strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold text-foreground", children }),
+  em: ({ children }) => /* @__PURE__ */ jsx("em", { className: "italic", children }),
+  a: ({ children, href }) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noreferrer noopener",
+      className: "text-primary underline underline-offset-2 hover:opacity-80",
+      children
+    }
+  ),
+  code: ({ children }) => /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[11px] text-foreground", children }),
+  hr: () => /* @__PURE__ */ jsx("hr", { className: "my-2 border-border/60" })
+};
+function StoreNodeDescription({ text }) {
+  const [expanded, setExpanded] = useState(false);
+  const [overflows, setOverflows] = useState(false);
+  const contentRef = useRef(null);
+  useLayoutEffect(() => {
+    const el = contentRef.current;
+    if (!el) return;
+    setOverflows(el.scrollHeight > COLLAPSED_MAX_PX + 8);
+  }, [text]);
+  const markdown = useMemo(
+    () => /* @__PURE__ */ jsx(ReactMarkdown, { components: MD_COMPONENTS, children: text }),
+    [text]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: contentRef,
+        className: "relative overflow-hidden text-sm leading-relaxed text-foreground/80",
+        style: { maxHeight: expanded ? void 0 : COLLAPSED_MAX_PX },
+        children: [
+          markdown,
+          !expanded && overflows && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "pointer-events-none absolute inset-x-0 bottom-0 h-8",
+              style: {
+                background: "linear-gradient(to top, var(--background), transparent)"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    overflows && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded((v) => !v),
+        className: "mt-1 text-xs font-medium text-primary hover:underline",
+        "data-testid": "store-desc-toggle",
+        children: expanded ? "Show less" : "Read more"
+      }
+    )
+  ] });
+}
 function formatDownloads(count2) {
   if (count2 >= 1e6) return `${(count2 / 1e6).toFixed(1)}M`;
   if (count2 >= 1e3) return `${(count2 / 1e3).toFixed(1)}k`;
@@ -3303,7 +3375,7 @@ function StoreNodeDetail({ node, onBack }) {
           latestVersion
         ] })
       ] }),
-      node.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80 leading-relaxed mb-4", children: node.description }),
+      node.description && /* @__PURE__ */ jsx(StoreNodeDescription, { text: node.description }),
       (isInstalled || isPrebuilt) && /* @__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) }) }),
@@ -4211,7 +4283,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-5FEPZOHW.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-HIWIS6OD.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -13503,31 +13575,46 @@ var PANEL_WIDTH = 380;
 var PANEL_EST_HEIGHT = 480;
 var MAPPER_WIDTH = 260;
 var VIEWPORT_MARGIN = 12;
-function clampToViewport(pos) {
-  const maxX = window.innerWidth - PANEL_WIDTH - VIEWPORT_MARGIN;
-  const maxY = window.innerHeight - PANEL_EST_HEIGHT - VIEWPORT_MARGIN;
+var NODE_GAP = 14;
+function useNodeScreenRect(nodeId) {
+  const { flowToScreenPosition } = useReactFlow();
+  const raw = useStore((s) => {
+    const n = s.nodeLookup.get(nodeId);
+    if (!n) return null;
+    const p = n.internals?.positionAbsolute ?? n.position;
+    return {
+      x: p.x,
+      y: p.y,
+      w: n.measured?.width ?? n.width ?? 288,
+      h: n.measured?.height ?? n.height ?? 120,
+      // Selecting the transform forces a re-render on pan/zoom.
+      tx: s.transform[0],
+      ty: s.transform[1],
+      z: s.transform[2]
+    };
+  }, shallow);
+  if (!raw) return null;
+  const tl = flowToScreenPosition({ x: raw.x, y: raw.y });
+  const br = flowToScreenPosition({ x: raw.x + raw.w, y: raw.y + raw.h });
   return {
-    x: Math.min(
-      Math.max(VIEWPORT_MARGIN, pos.x),
-      Math.max(VIEWPORT_MARGIN, maxX)
-    ),
-    y: Math.min(
-      Math.max(VIEWPORT_MARGIN, pos.y),
-      Math.max(VIEWPORT_MARGIN, maxY)
-    )
+    left: tl.x,
+    top: tl.y,
+    right: br.x,
+    bottom: br.y,
+    cy: (tl.y + br.y) / 2
   };
 }
+var clamp = (v, lo, hi) => Math.min(Math.max(v, lo), Math.max(lo, hi));
 function QuickConfigPanel() {
   const quickConfig = useFlowStore((s) => s.workflow.quickConfig);
   if (!quickConfig) return null;
   return (
-    // Remount per node so panel position/flyout state reset naturally.
+    // Remount per node so panel-local state (mapper open) resets naturally.
     /* @__PURE__ */ jsx(
       QuickConfigPanelInner,
       {
         nodeId: quickConfig.nodeId,
-        type: quickConfig.type,
-        anchor: quickConfig.anchor
+        type: quickConfig.type
       },
       quickConfig.nodeId
     )
@@ -13535,8 +13622,7 @@ function QuickConfigPanel() {
 }
 function QuickConfigPanelInner({
   nodeId,
-  type,
-  anchor
+  type
 }) {
   const close = useFlowStore((s) => s.actions.quickConfig.close);
   const openNdv = useFlowStore((s) => s.actions.ndv.open);
@@ -13549,45 +13635,62 @@ function QuickConfigPanelInner({
     setSelectedSource,
     inputFields
   } = config;
-  const [pos, setPos] = useState(
-    () => clampToViewport(
-      anchor ?? {
-        x: window.innerWidth / 2 - PANEL_WIDTH / 2,
-        y: window.innerHeight / 4
-      }
-    )
-  );
   const [showMapper, setShowMapper] = useState(false);
-  const dragStateRef = useRef(null);
-  const handleHeaderPointerDown = useCallback(
-    (e) => {
-      if (e.target.closest("button")) return;
-      dragStateRef.current = {
-        startX: e.clientX,
-        startY: e.clientY,
-        baseX: pos.x,
-        baseY: pos.y
-      };
-      const onMove = (ev) => {
-        const s = dragStateRef.current;
-        if (!s) return;
-        setPos(
-          clampToViewport({
-            x: s.baseX + (ev.clientX - s.startX),
-            y: s.baseY + (ev.clientY - s.startY)
-          })
-        );
-      };
-      const onUp = () => {
-        dragStateRef.current = null;
-        window.removeEventListener("pointermove", onMove);
-        window.removeEventListener("pointerup", onUp);
+  const nodeRect = useNodeScreenRect(nodeId);
+  const cardRef = useRef(null);
+  const [panelH, setPanelH] = useState(PANEL_EST_HEIGHT);
+  useLayoutEffect(() => {
+    const el = cardRef.current;
+    if (!el) return;
+    const measure = () => setPanelH(el.offsetHeight);
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const placement = useMemo(() => {
+    if (!nodeRect) {
+      return {
+        side: "right",
+        left: window.innerWidth / 2 - PANEL_WIDTH / 2,
+        top: window.innerHeight / 4,
+        connectorLeft: 0,
+        connectorWidth: 0,
+        connectorTop: 0,
+        hasConnector: false
       };
-      window.addEventListener("pointermove", onMove);
-      window.addEventListener("pointerup", onUp);
-    },
-    [pos.x, pos.y]
-  );
+    }
+    const need = PANEL_WIDTH + NODE_GAP + VIEWPORT_MARGIN;
+    const spaceRight = window.innerWidth - nodeRect.right;
+    const spaceLeft = nodeRect.left;
+    const side = spaceRight >= need ? "right" : spaceLeft >= need ? "left" : spaceRight >= spaceLeft ? "right" : "left";
+    const rawLeft = side === "right" ? nodeRect.right + NODE_GAP : nodeRect.left - NODE_GAP - PANEL_WIDTH;
+    const left = clamp(
+      rawLeft,
+      VIEWPORT_MARGIN,
+      window.innerWidth - PANEL_WIDTH - VIEWPORT_MARGIN
+    );
+    const top = clamp(
+      nodeRect.cy - panelH / 2,
+      VIEWPORT_MARGIN,
+      window.innerHeight - panelH - VIEWPORT_MARGIN
+    );
+    const connectorTop = clamp(nodeRect.cy, top + 6, top + panelH - 6);
+    const connectorLeft = side === "right" ? nodeRect.right : left + PANEL_WIDTH;
+    const connectorWidth = Math.max(
+      0,
+      side === "right" ? left - nodeRect.right : nodeRect.left - (left + PANEL_WIDTH)
+    );
+    return {
+      side,
+      left,
+      top,
+      connectorLeft,
+      connectorWidth,
+      connectorTop,
+      hasConnector: connectorWidth > 1
+    };
+  }, [nodeRect, panelH]);
   useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
@@ -13605,154 +13708,170 @@ function QuickConfigPanelInner({
   const expandToNdv = () => {
     openNdv({ nodeId, type });
   };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "fixed",
-      style: { left: pos.x, top: pos.y, zIndex: 300, 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: {
-              right: "100%",
-              marginRight: 10,
-              top: 0,
-              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: [
+  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",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none fixed",
+        style: {
+          left: placement.connectorLeft,
+          top: placement.connectorTop - 1,
+          width: placement.connectorWidth,
+          height: 2,
+          background: accent,
+          opacity: 0.55,
+          zIndex: 299
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed",
+        style: {
+          left: placement.left,
+          top: placement.top,
+          zIndex: 300,
+          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" })
+                    }
+                  )
+                ] }),
                 /* @__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",
+                  "div",
                   {
-                    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",
-          {
-            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 cursor-move items-center gap-2.5 border-b border-border px-3 py-2.5 select-none",
-                  onPointerDown: handleHeaderPointerDown,
-                  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" })
+                    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);
                       }
-                    ),
-                    /* @__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",
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      NodeParamsForm,
                       {
-                        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" })
+                        config,
+                        nodeType: node.type,
+                        testIdPrefix: "qc"
                       }
                     )
-                  ]
-                }
-              ),
-              /* @__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" })
-            ]
-          }
-        )
-      ]
-    }
-  );
+                  }
+                ),
+                /* @__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" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
 var STATUS_STYLES = {
   DRAFT: { label: "Draft", variant: "secondary" },
@@ -14775,7 +14894,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-5FEPZOHW.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-HIWIS6OD.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -15073,5 +15192,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-7WQUDC5E.js.map
-//# sourceMappingURL=chunk-7WQUDC5E.js.map
+//# sourceMappingURL=chunk-CUCRQ7BD.js.map
+//# sourceMappingURL=chunk-CUCRQ7BD.js.map