@burdenoff/fluidgrids-fe-sdk 2026.1110.2 → 2026.1110.4

package/dist/chunk-HORSE7WX.js

@@ -1,54 +0,0 @@
-import { nodeTitle, FieldTree } from './chunk-PI4AW4T2.js';
-import { useTr } from './chunk-UULVIT25.js';
-import { Icon } from '@iconify/react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function NodeInputFields({
-  config,
-  testIdPrefix
-}) {
-  const tr = useTr();
-  const { nodes, sourceIds, selectedSource, setSelectedSource, inputFields } = config;
-  return /* @__PURE__ */ jsxs(Fragment, { 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: tr("fluidgrids.builder.quickConfigPanel.inputHeading", "Input") }),
-      sourceIds.length > 0 && /* @__PURE__ */ jsx(
-        "select",
-        {
-          className: "ml-auto max-w-[55%] truncate rounded-md border border-border-default bg-bg-surface px-1.5 py-0.5 text-[11px] text-text-primary scheme-normal dark:scheme-dark outline-none focus:border-action-primary-border [&_option]:bg-bg-surface [&_option]:text-text-primary",
-          value: selectedSource ?? "",
-          onChange: (e) => setSelectedSource(e.target.value),
-          "aria-label": tr(
-            "fluidgrids.builder.quickConfigPanel.inputHeading",
-            "Input"
-          ),
-          "data-testid": `${testIdPrefix}-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 ? tr(
-      "fluidgrids.builder.quickConfigPanel.noUpstreamNode",
-      "Connect an upstream node to map its fields."
-    ) : tr(
-      "fluidgrids.builder.quickConfigPanel.noOutputFields",
-      "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: tr(
-      "fluidgrids.builder.quickConfigPanel.dragFieldHint",
-      "Drag a field onto a parameter to map it."
-    ) })
-  ] });
-}
-
-export { NodeInputFields };

package/dist/chunk-WZ3EJVS6.js

@@ -1,93 +0,0 @@
-// src/modules/agent-definitions/utils/agent-form.ts
-var DEFAULT_GRANT_DAYS = 30;
-var MAX_GRANT_DAYS = 365;
-var MAX_TOOL_RULES = 100;
-var MAX_CONNECTIONS = 100;
-var AgentFormError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "AgentFormError";
-  }
-};
-function emptyAgentForm() {
-  return {
-    name: "",
-    description: "",
-    tools: [{ nodeType: "", operations: "" }],
-    connectionScope: [],
-    requireToolApproval: false,
-    status: "ACTIVE"
-  };
-}
-function agentToForm(agent) {
-  return {
-    name: agent.name,
-    description: agent.description ?? "",
-    tools: agent.toolAllowlist.length > 0 ? agent.toolAllowlist.map((rule) => ({
-      nodeType: rule.nodeType,
-      operations: rule.operations.join(", ")
-    })) : [{ nodeType: "", operations: "" }],
-    connectionScope: [...agent.connectionScope],
-    requireToolApproval: agent.requireToolApproval,
-    status: agent.status
-  };
-}
-function splitOperations(value) {
-  return [
-    ...new Set(
-      value.split(",").map((operation) => operation.trim()).filter(Boolean)
-    )
-  ];
-}
-function formToInput(form) {
-  const name = form.name.trim();
-  if (name.length === 0 || name.length > 200) {
-    throw new AgentFormError("Give the agent a name of 1 to 200 characters.");
-  }
-  const description = form.description.trim();
-  if (description.length > 2e3) {
-    throw new AgentFormError(
-      "The description must be at most 2000 characters."
-    );
-  }
-  const rules = form.tools.map((row) => ({
-    nodeType: row.nodeType.trim(),
-    operations: splitOperations(row.operations)
-  })).filter((rule) => rule.nodeType.length > 0 || rule.operations.length > 0);
-  if (rules.some((rule) => rule.nodeType.length === 0)) {
-    throw new AgentFormError("Every tool rule needs a node type.");
-  }
-  if (rules.length > MAX_TOOL_RULES) {
-    throw new AgentFormError(`At most ${MAX_TOOL_RULES} tool rules.`);
-  }
-  const connectionScope = [...new Set(form.connectionScope.filter(Boolean))];
-  if (connectionScope.length > MAX_CONNECTIONS) {
-    throw new AgentFormError(`At most ${MAX_CONNECTIONS} connections.`);
-  }
-  return {
-    name,
-    description: description || null,
-    toolAllowlist: rules,
-    connectionScope,
-    requireToolApproval: form.requireToolApproval,
-    status: form.status
-  };
-}
-function grantDays(value) {
-  const days = Number(value);
-  if (!Number.isInteger(days) || days < 1 || days > MAX_GRANT_DAYS) {
-    throw new AgentFormError(
-      `A grant lasts between 1 and ${MAX_GRANT_DAYS} days.`
-    );
-  }
-  return days;
-}
-function describeRule(rule) {
-  return rule.operations.length > 0 ? `${rule.nodeType}: ${rule.operations.join(", ")}` : `${rule.nodeType}: any operation`;
-}
-function isAgentNodeType(nodeType) {
-  if (!nodeType) return false;
-  return nodeType === "store/ai-agent" || nodeType.includes("store/ai-agent");
-}
-
-export { AgentFormError, DEFAULT_GRANT_DAYS, MAX_GRANT_DAYS, agentToForm, describeRule, emptyAgentForm, formToInput, grantDays, isAgentNodeType };

package/dist/quick-config-panel-U4AELSCT.js

@@ -1,363 +0,0 @@
-import { NodeInputFields } from './chunk-HORSE7WX.js';
-import { ReadOnlyFieldset, NodeParamsForm, NodeExecutionActions } from './chunk-5V7PMLQN.js';
-import { useNodeConfig, nodeSubtitle, nodeTitle } from './chunk-PI4AW4T2.js';
-import './chunk-KZCNJAMK.js';
-import './chunk-JDLQ6QIB.js';
-import './chunk-ZZBZPBO5.js';
-import './chunk-WZ3EJVS6.js';
-import './chunk-6CPQVLHT.js';
-import './chunk-ERT444RG.js';
-import { useNodeExecution, getNodeDetail } from './chunk-DDINUPO3.js';
-import './chunk-SDZEAIIE.js';
-import { useFlowStore, nodeAccent, NodeTypeIcon } from './chunk-K2X63CR2.js';
-import './chunk-Y7FKJJMF.js';
-import './chunk-TYI2XOSI.js';
-import './chunk-G77IGC3Y.js';
-import './chunk-JL7CASN5.js';
-import './chunk-A6Q4FWB6.js';
-import { useTr } from './chunk-UULVIT25.js';
-import './chunk-PDODDDHY.js';
-import './chunk-JKLZ6YZ3.js';
-import './chunk-UEG2WC3G.js';
-import { useState, useRef, useLayoutEffect, useMemo, useEffect } from 'react';
-import { Icon } from '@iconify/react';
-import { useReactFlow, useStore } from '@xyflow/react';
-import { shallow } from 'zustand/shallow';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var PANEL_WIDTH = 380;
-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) => {
-    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 {
-    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-local state (mapper open) resets naturally.
-    /* @__PURE__ */ jsx(
-      QuickConfigPanelInner,
-      {
-        nodeId: quickConfig.nodeId,
-        type: quickConfig.type
-      },
-      quickConfig.nodeId
-    )
-  );
-}
-function QuickConfigPanelInner({
-  nodeId,
-  type
-}) {
-  const close = useFlowStore((s) => s.actions.quickConfig.close);
-  const openNdv = useFlowStore((s) => s.actions.ndv.open);
-  const tr = useTr();
-  const { executeStep, executeFromNode } = useNodeExecution();
-  const workflow = useFlowStore((s) => s.workflow);
-  const execution = useFlowStore((s) => s.execution);
-  const config = useNodeConfig({ nodeId, type });
-  const { node, nodes, sourceIds } = config;
-  const [showMapper, setShowMapper] = useState(false);
-  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(() => {
-    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: left2,
-        top: top2,
-        connectorLeft: 0,
-        connectorWidth: 0,
-        connectorTop: 0,
-        hasConnector: false,
-        ...mapperCoords(left2, top2)
-      };
-    }
-    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,
-      ...mapperCoords(left, top)
-    };
-  }, [nodeRect, panelH]);
-  useEffect(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape") close();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [close]);
-  useEffect(() => {
-    if (!nodes.some((n) => n.id === nodeId)) close();
-  }, [nodes, nodeId, close]);
-  if (!node) return null;
-  const meta = getNodeDetail(node.type);
-  const accent = nodeAccent(node.type || meta.title);
-  const subtitle = nodeSubtitle(node);
-  const expandToNdv = () => {
-    openNdv({ nodeId, type });
-  };
-  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
-        }
-      }
-    ),
-    showMapper && /* @__PURE__ */ jsx(
-      "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__ */ jsx(NodeInputFields, { config, testIdPrefix: "qc" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "fixed",
-        style: {
-          left: placement.left,
-          top: placement.top,
-          zIndex: 300,
-          width: PANEL_WIDTH
-        },
-        "data-testid": "quick-config-panel",
-        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: "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 ? tr(
-                      "fluidgrids.builder.quickConfigPanel.hideInputDataTooltip",
-                      "Hide input data"
-                    ) : tr(
-                      "fluidgrids.builder.quickConfigPanel.mapInputDataTooltip",
-                      "Map data from input"
-                    ),
-                    "aria-label": tr(
-                      "fluidgrids.builder.quickConfigPanel.toggleMapperAriaLabel",
-                      "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: tr(
-                      "fluidgrids.builder.quickConfigPanel.openFullEditorTooltip",
-                      "Open full editor"
-                    ),
-                    "aria-label": tr(
-                      "fluidgrids.builder.quickConfigPanel.openFullEditorAriaLabel",
-                      "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: tr(
-                      "fluidgrids.builder.quickConfigPanel.closeTooltip",
-                      "Close"
-                    ),
-                    "aria-label": tr(
-                      "fluidgrids.builder.quickConfigPanel.closeAriaLabel",
-                      "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(ReadOnlyFieldset, { className: "space-y-4", children: /* @__PURE__ */ jsx(
-                    NodeParamsForm,
-                    {
-                      config,
-                      nodeType: node.type,
-                      testIdPrefix: "qc"
-                    }
-                  ) })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                NodeExecutionActions,
-                {
-                  targetNodeId: nodeId,
-                  nodes: workflow.nodes,
-                  edges: workflow.edges,
-                  logs: execution.logs,
-                  workflowKey: workflow.workflowKey || workflow.id,
-                  workflowVersion: workflow.version || "1.0.0",
-                  sourceRun: execution.sourceRun,
-                  isExecuting: execution.isExecuting,
-                  onExecuteStep: async (targetId) => {
-                    await executeStep(targetId);
-                  },
-                  onContinueFromNode: async (sourceRunId, targetId) => {
-                    await executeFromNode(sourceRunId, targetId);
-                  },
-                  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: tr(
-                "fluidgrids.builder.quickConfigPanel.footerHint",
-                "Changes apply instantly \xB7 double-click the node for the full editor"
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export { QuickConfigPanel };