@burdenoff/fluidgrids-fe-sdk 2026.1014.5 → 2026.1014.7

package/dist/{chunk-6JDHLCAQ.js → chunk-2FF56EBP.js}

@@ -16,7 +16,7 @@ import { useTr, FluidGridsTranslationProvider, ENGLISH_FALLBACK_TRANSLATOR } fro
 import { waitForFluidGridsClient, getFluidGridsClient, getFluidGridsClientSafe, createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient } from './chunk-NTWG3CJX.js';
 import * as React2 from 'react';
 import React2__default, { forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, memo, createContext, lazy, useCallback, useSyncExternalStore, useContext, useLayoutEffect, Suspense, useDeferredValue, useId } from 'react';
-import { Textarea, Input, Button, Card, Badge, CardContent as CardContent$1, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, TooltipProvider, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Popover, PopoverTrigger, PopoverContent, Tooltip, TooltipTrigger, TooltipContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@burdenoff/fe-libs/ui';
+import { Textarea, Input, Button, Card, Badge, CardContent as CardContent$1, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, TooltipProvider, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Popover, PopoverTrigger, PopoverContent, Tooltip, TooltipTrigger, TooltipContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@burdenoff/fe-libs/ui';
 import { cn } from '@burdenoff/fe-libs/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon } from '@iconify/react';
@@ -981,8 +981,8 @@ function isAdaptiveCard(data) {
   return data.type === "AdaptiveCard";
 }
 function isCustomFormat(data) {
-  const record = data;
-  return record.type !== "AdaptiveCard" && "inputs" in record;
+  const record2 = data;
+  return record2.type !== "AdaptiveCard" && "inputs" in record2;
 }
 function expandTemplate(obj, data) {
   if (typeof obj === "string") {
@@ -1959,6 +1959,30 @@ function ConnectionFormDialog({
     }
   );
 }
+
+// src/modules/connections/utils/adapter-selection.ts
+function matchesAdapterProvider(adapter, providerKey) {
+  const normalizedKey = providerKey.trim().toLowerCase();
+  return normalizedKey.length > 0 && (adapter.provider.trim().toLowerCase() === normalizedKey || adapter.name.trim().toLowerCase() === normalizedKey);
+}
+function connectionsForAdapter(connections, adapterName) {
+  return connections.filter(
+    (connection) => connection.adapter.toLowerCase() === adapterName.toLowerCase()
+  );
+}
+function replaceAdapterConnections(connections, adapterName, connectionIds = []) {
+  const otherConnections = connections.filter(
+    (connection) => connection.adapter.toLowerCase() !== adapterName.toLowerCase()
+  );
+  const uniqueIds = [...new Set(connectionIds.filter(Boolean))];
+  return [
+    ...otherConnections,
+    ...uniqueIds.map((connectionId) => ({
+      connectionId,
+      adapter: adapterName
+    }))
+  ];
+}
 function formatAge(dateString) {
   try {
     return formatDistanceToNow(new Date(dateString), { addSuffix: true });
@@ -2004,6 +2028,7 @@ function ConnectionChip({
   connectionData,
   onRemove
 }) {
+  const tr = useTr();
   const name = connectionData?.name || connection.connectionId;
   const status = connectionData?.status;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-accent/30 rounded-md text-sm group", children: [
@@ -2031,6 +2056,10 @@ function ConnectionChip({
       "button",
       {
         type: "button",
+        "aria-label": tr(
+          "fluidgrids.connections.connectionSelector.removeConnection",
+          "Remove connection"
+        ),
         onClick: (e) => {
           e.stopPropagation();
           onRemove();
@@ -2041,46 +2070,57 @@ function ConnectionChip({
     )
   ] });
 }
-function ConnectionSelector({
+function ConnectionSelector(props) {
+  const connectionList = useConnections();
+  if (props.adapters.length <= 1) {
+    return /* @__PURE__ */ jsx(AdapterConnectionSelector, { ...props, connectionList });
+  }
+  return /* @__PURE__ */ jsx("div", { className: props.compact ? "space-y-2" : "space-y-3", children: props.adapters.map((adapter) => /* @__PURE__ */ jsxs("fieldset", { className: "min-w-0 space-y-1.5", children: [
+    /* @__PURE__ */ jsx("legend", { className: "text-xs font-medium text-text-secondary", children: adapter.name }),
+    /* @__PURE__ */ jsx(
+      AdapterConnectionSelector,
+      {
+        ...props,
+        adapters: [adapter],
+        selectedConnections: connectionsForAdapter(
+          props.selectedConnections,
+          adapter.name
+        ),
+        onChange: (connections) => props.onChange(
+          replaceAdapterConnections(
+            props.selectedConnections,
+            adapter.name,
+            connections.map((connection) => connection.connectionId)
+          )
+        ),
+        showRequired: false,
+        connectionList
+      }
+    )
+  ] }, adapter.name)) });
+}
+function AdapterConnectionSelector({
   adapters,
   selectedConnections,
   onChange,
   multiple = false,
   showStatus = true,
-  compact = false
+  compact = false,
+  showRequired = true,
+  connectionList
 }) {
   const tr = useTr();
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogProviderKey, setDialogProviderKey] = useState();
-  const {
-    connections,
-    loading: connectionsLoading,
-    refetch
-  } = useConnections();
+  const { connections, loading: connectionsLoading, refetch } = connectionList;
   const availableConnections = useMemo(() => {
     if (!adapters || adapters.length === 0) return [];
-    const adapterIdentifiers = /* @__PURE__ */ new Set();
-    adapters.forEach((a) => {
-      adapterIdentifiers.add(a.provider.toLowerCase());
-      adapterIdentifiers.add(a.name.toLowerCase());
-    });
-    return connections.filter((conn) => {
-      const providerKey = conn.provider?.key?.toLowerCase() || "";
-      const category = conn.provider?.category?.toLowerCase() || "";
-      if (adapterIdentifiers.has(providerKey)) {
-        return true;
-      }
-      for (const identifier of adapterIdentifiers) {
-        if (providerKey.includes(identifier) || identifier.includes(providerKey)) {
-          return true;
-        }
-        if (category.includes(identifier)) {
-          return true;
-        }
-      }
-      return false;
-    });
+    return connections.filter(
+      (connection) => adapters.some(
+        (adapter) => matchesAdapterProvider(adapter, connection.provider?.key ?? "")
+      )
+    );
   }, [connections, adapters]);
   const mergedConnections = useMemo(() => {
     const allConnections = [...availableConnections];
@@ -2114,11 +2154,12 @@ function ConnectionSelector({
     (connection) => {
       const providerKey = connection.provider?.key || "";
       const adapter = adapters.find(
-        (a) => a.provider.toLowerCase() === providerKey.toLowerCase() || a.name.toLowerCase() === providerKey.toLowerCase()
+        (candidate) => matchesAdapterProvider(candidate, providerKey)
       );
+      if (!adapter) return;
       const newSelection = {
         connectionId: connection.id,
-        adapter: adapter?.name || providerKey
+        adapter: adapter.name
       };
       if (multiple) {
         const isSelected = selectedConnections.some(
@@ -2155,7 +2196,7 @@ function ConnectionSelector({
     (conn) => {
       const providerKey = conn.provider?.key || "";
       const adapter = adapters.find(
-        (a) => a.provider.toLowerCase() === providerKey.toLowerCase() || a.name.toLowerCase() === providerKey.toLowerCase()
+        (candidate) => matchesAdapterProvider(candidate, providerKey)
       );
       if (adapter) {
         const newSelection = { connectionId: conn.id, adapter: adapter.name };
@@ -2285,7 +2326,10 @@ function ConnectionSelector({
                     return /* @__PURE__ */ jsxs(
                       DropdownMenuItem,
                       {
-                        onClick: () => handleSelect(conn),
+                        onSelect: (event) => {
+                          if (multiple) event.preventDefault();
+                          handleSelect(conn);
+                        },
                         className: `flex items-center justify-between cursor-pointer ${isSelected ? "bg-action-primary-bg/10" : ""} ${!isActive ? "opacity-60" : ""}`,
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
@@ -2366,7 +2410,7 @@ function ConnectionSelector({
         }
       )
     ] }),
-    showStatus && selectedConnections.length === 0 && adapters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-status-warning-text)]", children: [
+    showStatus && showRequired && selectedConnections.length === 0 && adapters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-status-warning-text)]", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", className: "w-3.5 h-3.5" }),
       /* @__PURE__ */ jsx("span", { children: tr(
         "fluidgrids.connections.connectionSelector.connectionRequired",
@@ -2454,1404 +2498,1100 @@ function isNodeTrigger(node) {
   return false;
 }
 
-// src/hooks/useNodeExecution.ts
-var TRIGGER_WORKFLOW = TriggerWorkflowDocument;
-var EXECUTE_STEP = ExecuteStepDocument;
-var WORKFLOW_RUN = WorkflowRunDocument;
-var RUN_FROM_NODE = RunFromNodeDocument;
-var EXECUTION_DETAIL = ExecutionDetailDocument;
-var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
-  "COMPLETED",
-  "FAILED",
-  "CANCELLED",
-  "TERMINATED"
-]);
-var POLL_INTERVAL = 1500;
-var MAX_RUN_CREATION_WAIT = 6e4;
-function calculateItemCount(output) {
-  if (!output || Object.keys(output).length === 0) {
-    return 0;
+// src/builder/lib/field-schema.ts
+function isRecord3(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isIdentifier(key) {
+  return /^[A-Za-z_$][\w$]*$/.test(key);
+}
+function joinPath(base, key) {
+  if (isIdentifier(key)) return base ? `${base}.${key}` : key;
+  const bracket = `[${JSON.stringify(key)}]`;
+  return base ? `${base}${bracket}` : bracket;
+}
+function pathToExpression(path) {
+  if (!path) return "${output}";
+  const accessor = path.startsWith("[") ? `output${path}` : `output.${path}`;
+  return "${" + accessor + "}";
+}
+function fieldFromSpec(key, path, spec) {
+  if (typeof spec === "string") {
+    return { key, path, type: spec };
   }
-  const values = Object.values(output);
-  for (const value of values) {
-    if (Array.isArray(value)) {
-      return value.length;
+  if (isRecord3(spec)) {
+    const declaredType2 = typeof spec.type === "string" ? spec.type : void 0;
+    const description = typeof spec.description === "string" ? spec.description : void 0;
+    const required = spec.required === true;
+    if (isRecord3(spec.properties)) {
+      const children = Object.entries(spec.properties).map(
+        ([k, v]) => fieldFromSpec(k, joinPath(path, k), v)
+      );
+      return { key, path, type: "object", required, description, children };
     }
-    if (typeof value === "object" && value !== null) {
-      const nestedValues = Object.values(value);
-      for (const nestedValue of nestedValues) {
-        if (Array.isArray(nestedValue)) {
-          return nestedValue.length;
-        }
-      }
+    if (spec.items !== void 0) {
+      const element = fieldFromSpec("0", `${path}[0]`, spec.items);
+      return {
+        key,
+        path,
+        type: "array",
+        required,
+        description,
+        children: [element]
+      };
     }
+    return { key, path, type: declaredType2 ?? "any", required, description };
   }
-  return 1;
+  return { key, path, type: "any" };
 }
-function useNodeExecution() {
-  const pollTimerRef = useRef(null);
-  const pollStartRef = useRef(0);
-  const activeRunIdRef = useRef(null);
-  const loadRequestRef = useRef(0);
-  const workflow = useFlowStore((s) => s.workflow);
-  const startExecution = useFlowStore(
-    (s) => s.actions.execution.startExecution
-  );
-  const setRunMetadata = useFlowStore(
-    (s) => s.actions.execution.setRunMetadata
-  );
-  const setStepPlan = useFlowStore((s) => s.actions.execution.setStepPlan);
-  const addLog = useFlowStore((s) => s.actions.execution.addLog);
-  const updateLog = useFlowStore((s) => s.actions.execution.updateLog);
-  const setNodeStatus = useFlowStore((s) => s.actions.execution.setNodeStatus);
-  const setNodeItemCount = useFlowStore(
-    (s) => s.actions.execution.setNodeItemCount
+function fieldsFromIO(io, root = "") {
+  if (!isRecord3(io)) return [];
+  return Object.entries(io).map(
+    ([key, spec]) => fieldFromSpec(key, joinPath(root, key), spec)
   );
-  const completeExecution = useFlowStore(
-    (s) => s.actions.execution.completeExecution
+}
+function typeOfValue(value) {
+  if (value === null || value === void 0) return "any";
+  if (Array.isArray(value)) return "array";
+  if (typeof value === "object") return "object";
+  if (typeof value === "number") return "number";
+  if (typeof value === "boolean") return "boolean";
+  if (typeof value === "string") return "string";
+  return "any";
+}
+function fieldFromValue(key, path, value) {
+  if (Array.isArray(value)) {
+    const children = value.length > 0 ? [fieldFromValue("0", `${path}[0]`, value[0])] : void 0;
+    return { key, path, type: "array", children };
+  }
+  if (isRecord3(value)) {
+    const children = Object.entries(value).map(
+      ([k, v]) => fieldFromValue(k, joinPath(path, k), v)
+    );
+    return { key, path, type: "object", children };
+  }
+  return { key, path, type: typeOfValue(value) };
+}
+function fieldsFromValue(value, root = "") {
+  if (!isRecord3(value)) return [];
+  return Object.entries(value).map(
+    ([key, v]) => fieldFromValue(key, joinPath(root, key), v)
   );
-  const clearLogs = useFlowStore((s) => s.actions.execution.clearLogs);
-  const loadDebugRun = useFlowStore((s) => s.actions.execution.loadDebugRun);
-  const cleanup = useCallback(() => {
-    loadRequestRef.current += 1;
-    if (pollTimerRef.current) {
-      clearTimeout(pollTimerRef.current);
-      pollTimerRef.current = null;
-    }
-    activeRunIdRef.current = null;
-  }, []);
-  const findTriggerNode = useCallback(() => {
-    const { nodes, edges } = workflow;
-    const explicitTrigger = nodes.find(isNodeTrigger);
-    if (explicitTrigger) {
-      return explicitTrigger;
+}
+function declaredOutputFields(nodeType, op) {
+  const name = op?.name;
+  if (!name || nodeType?.startsWith("internal:")) {
+    return fieldsFromIO(op?.output_fields);
+  }
+  const children = fieldsFromIO(op?.output_fields, name);
+  if (children.length === 0) return [];
+  return [{ key: name, path: name, type: "object", children }];
+}
+function normalizeOperations(raw) {
+  if (Array.isArray(raw)) return raw;
+  if (isRecord3(raw) && Array.isArray(raw.operations)) {
+    return raw.operations;
+  }
+  return [];
+}
+function resolveNodeOperation(data, fallbackOperations2) {
+  const nodeData = isRecord3(data?.nodeData) ? data?.nodeData : void 0;
+  let operations = normalizeOperations(nodeData?.operations);
+  if (operations.length === 0) {
+    operations = normalizeOperations(data?.operations);
+  }
+  if (operations.length === 0 && fallbackOperations2 !== void 0) {
+    operations = normalizeOperations(fallbackOperations2);
+  }
+  const opName = typeof data?.operation_name === "string" ? data.operation_name : void 0;
+  const selected = operations.find((op) => op.name === opName) ?? operations[0];
+  return { operations, selected };
+}
+
+// src/builder/lib/parameter-values.ts
+function isRecord4(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function record(value) {
+  return isRecord4(value) ? value : void 0;
+}
+function declaredType(schema) {
+  const type = typeof schema === "string" ? schema : record(schema)?.type;
+  return typeof type === "string" ? type.toLowerCase().trim() : "";
+}
+function structuredParameterType(schema) {
+  const type = declaredType(schema);
+  if (type === "array" || /^array<.+>$/.test(type)) return "array";
+  if (type === "object") return "object";
+  return void 0;
+}
+function itemSchema(schema) {
+  return record(schema)?.items ?? declaredType(schema).match(/^array<(.+)>$/)?.[1];
+}
+function matchesSchema(value, schema) {
+  const type = declaredType(schema);
+  const structured = structuredParameterType(schema);
+  if (structured === "array") {
+    return Array.isArray(value) && value.every((item) => matchesSchema(item, itemSchema(schema)));
+  }
+  if (structured === "object") {
+    const object = record(value);
+    if (!object) return false;
+    const definition = record(schema);
+    const required = definition?.required;
+    if (Array.isArray(required) && required.some(
+      (key) => typeof key === "string" && !Object.hasOwn(object, key)
+    )) {
+      return false;
     }
-    const nodesWithIncomingEdges = new Set(edges.map((e) => e.target));
-    const firstNode = nodes.find(
-      (node) => !nodesWithIncomingEdges.has(node.id)
+    return Object.entries(record(definition?.properties) ?? {}).every(
+      ([key, property]) => Object.hasOwn(object, key) ? matchesSchema(object[key], property) : record(property)?.required !== true
     );
-    if (firstNode) {
-      return firstNode;
+  }
+  if (type === "string") return typeof value === "string";
+  if (type === "number")
+    return typeof value === "number" && Number.isFinite(value);
+  if (type === "integer")
+    return typeof value === "number" && Number.isInteger(value);
+  if (type === "boolean") return typeof value === "boolean";
+  if (type === "null") return value === null;
+  return true;
+}
+function parseParameterValue(schema, value) {
+  const type = structuredParameterType(schema);
+  if (!type) return { valid: true, value };
+  if (value === void 0 || value === null || typeof value === "string" && !value.trim()) {
+    return { valid: true, value: void 0 };
+  }
+  let parsed = value;
+  if (typeof value === "string") {
+    const text = value.trim();
+    const elementType = declaredType(itemSchema(schema));
+    const canSplit = type === "array" && (!elementType || elementType === "string");
+    if (canSplit && !["[", "{", '"', "]", "}"].includes(text[0])) {
+      parsed = text.split(",").map((item) => item.trim()).filter(Boolean);
+    } else {
+      try {
+        parsed = JSON.parse(text);
+      } catch {
+        return { valid: false, error: `Enter valid JSON for this ${type}.` };
+      }
     }
-    if (nodes.length > 0) {
-      return nodes[0];
+  }
+  if (type === "array" ? !Array.isArray(parsed) : !record(parsed)) {
+    return { valid: false, error: `Expected a JSON ${type}.` };
+  }
+  if (!matchesSchema(parsed, schema)) {
+    return {
+      valid: false,
+      error: "The value does not match the declared field types."
+    };
+  }
+  return { valid: true, value: parsed };
+}
+function formatParameterValue(value) {
+  if (value === void 0 || value === null) return "";
+  return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+}
+function normalizeNodeParameters(data, fallbackOperations2, mappedFields = /* @__PURE__ */ new Set()) {
+  const operation = resolveNodeOperation(data, fallbackOperations2).selected;
+  const fields = record(operation?.input_fields);
+  const args = record(data.args);
+  const state = record(args?.state) ?? {};
+  if (!fields) return data;
+  const structuredFields = Object.entries(fields).filter(
+    ([name, schema]) => structuredParameterType(schema) && !mappedFields.has(name)
+  );
+  if (structuredFields.length === 0) return data;
+  const normalized = new Map(Object.entries(state));
+  for (const [name, schema] of structuredFields) {
+    const result = parseParameterValue(
+      schema,
+      Object.hasOwn(state, name) ? state[name] : void 0
+    );
+    if (!result.valid) throw new Error(`${name}: ${result.error}`);
+    if (result.value === void 0) normalized.delete(name);
+    else normalized.set(name, result.value);
+  }
+  return { ...data, args: { ...args, state: Object.fromEntries(normalized) } };
+}
+function normalizeWorkflowParameters(nodes, edges, fallbackOperations2) {
+  return nodes.map((node) => {
+    if (node.data.disabled === true) return node;
+    const mappedFields = new Set(
+      edges.filter((edge) => edge.target === node.id).flatMap(
+        (edge) => Object.entries(
+          record(record(record(edge)?.mapping)?.definition) ?? {}
+        ).filter(
+          ([, definition]) => typeof definition === "string" ? definition.trim().length > 0 : definition !== void 0
+        ).map(([name]) => name)
+      )
+    );
+    try {
+      return {
+        ...node,
+        data: normalizeNodeParameters(
+          node.data,
+          fallbackOperations2(node.type),
+          mappedFields
+        )
+      };
+    } catch (error) {
+      throw new Error(
+        `Node ${node.id}: ${error instanceof Error ? error.message : "Invalid parameter value"}`
+      );
     }
-    console.error("[useNodeExecution] No nodes found in workflow");
-    return null;
-  }, [workflow]);
-  const getNodeName = useCallback(
-    (nodeId) => {
-      const node = workflow.nodes.find((n) => n.id === nodeId);
-      if (!node) return `Node ${nodeId}`;
-      const data = node.data;
-      return data?.operation_name || data?.name || node.type || `Node ${nodeId}`;
+  });
+}
+function useDeleteNode() {
+  const { getNode, getEdges, deleteElements } = useReactFlow();
+  const deleteNodes = useFlowStore((state) => state.actions.nodes.deleteNodes);
+  return useCallback(
+    (id) => {
+      const node = getNode(id);
+      if (!node) return;
+      const edges = getEdges();
+      const connectedEdges = getConnectedEdges([node], edges);
+      deleteElements({ nodes: [node], edges: connectedEdges }).then();
+      deleteNodes([node]);
     },
-    [workflow.nodes]
+    [deleteElements, getEdges, getNode, deleteNodes]
   );
-  const processNodeStates = useCallback(
-    (runId, nodeStates) => {
-      for (const nodeState of nodeStates) {
-        const logId = `${runId}-${nodeState.nodeId}`;
-        const rawStatus = nodeState.status.toLowerCase();
-        const status = rawStatus === "completed" ? "completed" : rawStatus === "failed" || rawStatus === "timeout" ? "failed" : rawStatus === "running" || rawStatus === "waiting" || rawStatus === "delayed" || rawStatus === "waiting_subworkflow" ? "running" : "pending";
-        if (status === "completed") {
-          setNodeStatus(nodeState.nodeId, "success");
-          if (nodeState.output) {
-            const itemCount = calculateItemCount(
-              nodeState.output
-            );
-            setNodeItemCount(nodeState.nodeId, itemCount);
-          }
-        } else if (status === "failed") {
-          setNodeStatus(nodeState.nodeId, "error");
-        } else if (status === "running") {
-          setNodeStatus(nodeState.nodeId, "running");
-        }
-        const existingLog = useFlowStore.getState().execution.logs.find((l) => l.id === logId);
-        if (!existingLog) {
-          if (status === "pending") continue;
-          const newLog = {
-            id: logId,
-            runId,
-            nodeId: nodeState.nodeId,
-            nodeType: nodeState.nodeType,
-            nodeName: getNodeName(nodeState.nodeId),
-            status,
-            inputArgs: nodeState.inputArgs ?? null,
-            output: nodeState.output ?? null,
-            error: nodeState.error ?? null,
-            duration: nodeState.duration ?? null,
-            startTime: nodeState.startTime ?? (/* @__PURE__ */ new Date()).toISOString(),
-            endTime: nodeState.endTime ?? null,
-            usedPinnedData: nodeState.usedPinnedData ?? false,
-            reusedFromRunId: nodeState.reusedFromRunId ?? null
-          };
-          addLog(newLog);
-        } else {
-          if (existingLog.status !== status || status === "completed" && !existingLog.output) {
-            updateLog(logId, {
-              status,
-              inputArgs: nodeState.inputArgs ?? existingLog.inputArgs,
-              output: nodeState.output ?? existingLog.output,
-              error: nodeState.error ?? existingLog.error,
-              duration: nodeState.duration ?? existingLog.duration,
-              endTime: nodeState.endTime ?? existingLog.endTime,
-              usedPinnedData: nodeState.usedPinnedData ?? existingLog.usedPinnedData,
-              reusedFromRunId: nodeState.reusedFromRunId ?? existingLog.reusedFromRunId
-            });
-          }
-        }
-      }
+}
+
+// src/builder/contants/symbols.ts
+var NODE_TYPE_DRAG_DATA_FORMAT = "application/flow-builder.node-type";
+var NODE_OPERATION_DRAG_DATA_FORMAT = "application/flow-builder.node-operation";
+var STICKY_NOTE_TYPE = "sticky-note";
+var STICKY_COLORS = {
+  yellow: "#F2C94C",
+  orange: "#EB8934",
+  blue: "#3B82F6",
+  green: "#10B981",
+  red: "#EF4444",
+  purple: "#8B5CF6",
+  gray: "#9CA3AF"
+};
+var DEFAULT_STICKY_COLOR = "yellow";
+var STICKY_DEFAULT_SIZE = { width: 260, height: 170 };
+var STICKY_MIN_SIZE = { width: 160, height: 90 };
+function ToolbarButton({
+  title,
+  onClick,
+  danger,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      className: cn(
+        "nodrag flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        danger && "text-[var(--color-status-error-text)] hover:text-[var(--color-status-error-text)]"
+      ),
+      children
+    }
+  );
+}
+function StickyNoteNodeComponent({
+  id,
+  selected,
+  data
+}) {
+  const tr = useTr();
+  const { setNodes, getNode } = useReactFlow();
+  const zustandSetNodes = useFlowStore((s) => s.actions.nodes.setNodes);
+  const deleteNode = useDeleteNode();
+  const [editing, setEditing] = useState(false);
+  const [showPalette, setShowPalette] = useState(false);
+  const [draft, setDraft] = useState(String(data.content ?? ""));
+  const textareaRef = useRef(null);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const wrapper = rootRef.current?.closest(".react-flow__node");
+    if (wrapper && wrapper.style.zIndex !== "-1") {
+      wrapper.style.zIndex = "-1";
+    }
+  });
+  const colorKey = typeof data.color === "string" && STICKY_COLORS[data.color] ? data.color : DEFAULT_STICKY_COLOR;
+  const accent = STICKY_COLORS[colorKey];
+  const patchData = useCallback(
+    (patch) => {
+      setNodes((nds) => {
+        const updated = nds.map(
+          (n) => n.id === id ? { ...n, data: { ...n.data, ...patch } } : n
+        );
+        zustandSetNodes(updated);
+        return updated;
+      });
     },
-    [setNodeStatus, setNodeItemCount, addLog, updateLog, getNodeName]
+    [id, setNodes, zustandSetNodes]
   );
-  const pollRunUpdates = useCallback(
-    (runId) => {
-      const client = getFluidGridsClient();
-      pollStartRef.current = Date.now();
-      activeRunIdRef.current = runId;
-      const doPoll = async () => {
-        if (activeRunIdRef.current !== runId) {
-          return;
-        }
-        try {
-          const result = await client.query({
-            query: WORKFLOW_RUN,
-            variables: { id: runId },
-            fetchPolicy: "network-only"
-          });
-          if (activeRunIdRef.current !== runId) {
-            return;
-          }
-          const run = result.data?.workflowRun;
-          if (!run) {
-            console.warn(
-              "[useNodeExecution] Poll returned no run data for",
-              runId
-            );
-            if (Date.now() - pollStartRef.current < MAX_RUN_CREATION_WAIT) {
-              pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL);
-            } else {
-              console.warn(
-                "[useNodeExecution] Run data not found after timeout for",
-                runId
-              );
-              completeExecution();
-              cleanup();
-            }
-            return;
-          }
-          setRunMetadata({
-            runId,
-            workflowKey: run.workflowKey,
-            version: run.version,
-            sourceMode: run.mode
-          });
-          if (run.nodeStates?.length) {
-            processNodeStates(runId, run.nodeStates);
-          }
-          if (TERMINAL_STATUSES.has(run.status)) {
-            completeExecution();
-            cleanup();
-            return;
-          }
-          pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL);
-        } catch (error) {
-          console.error("[useNodeExecution] Poll error:", error);
-          if (activeRunIdRef.current !== runId) {
-            return;
+  const startEditing = useCallback(() => {
+    setDraft(String(getNode(id)?.data?.content ?? ""));
+    setEditing(true);
+    setShowPalette(false);
+  }, [getNode, id]);
+  const commitEdit = useCallback(() => {
+    setEditing(false);
+    patchData({ content: draft });
+  }, [draft, patchData]);
+  const cancelEdit = useCallback(() => {
+    setEditing(false);
+    setDraft(String(getNode(id)?.data?.content ?? ""));
+  }, [getNode, id]);
+  useEffect(() => {
+    if (editing) {
+      const el = textareaRef.current;
+      el?.focus();
+      el?.setSelectionRange(el.value.length, el.value.length);
+    }
+  }, [editing]);
+  const duplicate = useCallback(() => {
+    const source = getNode(id);
+    if (!source) return;
+    const clone = {
+      ...source,
+      id: nanoid(),
+      position: {
+        x: source.position.x + 24,
+        y: source.position.y + 24
+      },
+      selected: true,
+      data: { ...source.data }
+    };
+    setNodes((nds) => {
+      const updated = [
+        ...nds.map((n) => n.selected ? { ...n, selected: false } : n),
+        clone
+      ];
+      zustandSetNodes(updated);
+      return updated;
+    });
+  }, [getNode, id, setNodes, zustandSetNodes]);
+  const content = String(data.content ?? "");
+  return (
+    // Outer wrapper is NOT overflow-hidden: the NodeResizer's edge lines and
+    // corner handles sit on the bounds and would be clipped/covered otherwise.
+    /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "group relative h-full w-full", children: [
+      /* @__PURE__ */ jsx(
+        NodeResizer,
+        {
+          isVisible: !!selected,
+          minWidth: STICKY_MIN_SIZE.width,
+          minHeight: STICKY_MIN_SIZE.height,
+          lineStyle: { border: "none", zIndex: 20 },
+          handleStyle: {
+            width: 12,
+            height: 12,
+            backgroundColor: "transparent",
+            border: "none",
+            zIndex: 20
           }
-          pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL * 2);
         }
-      };
-      pollTimerRef.current = setTimeout(doPoll, 800);
-    },
-    [processNodeStates, completeExecution, cleanup, setRunMetadata]
-  );
-  const executeStep = useCallback(
-    async (nodeId) => {
-      cleanup();
-      clearLogs();
-      const workflowKey = workflow.workflowKey || workflow.id;
-      const version = workflow.version || "1.0.0";
-      if (!workflowKey) {
-        console.error(
-          "[useNodeExecution] Workflow must be saved before step execution. No workflowKey found."
-        );
-        return {
-          success: false,
-          error: "Workflow must be saved before execution"
-        };
-      }
-      setNodeStatus(nodeId, "running");
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: EXECUTE_STEP,
-            variables: {
-              input: {
-                workflowKey,
-                version,
-                nodeId
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute right-1 z-30 flex items-center gap-0.5 rounded-lg border border-border bg-card p-0.5 shadow-md transition-all duration-150",
+            selected || showPalette ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
+          ),
+          style: { top: -15 },
+          onDoubleClick: (e) => e.stopPropagation(),
+          children: showPalette ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-1 py-0.5", children: Object.entries(STICKY_COLORS).map(([name, hex]) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: name,
+              onClick: (e) => {
+                e.stopPropagation();
+                patchData({ color: name });
+                setShowPalette(false);
+              },
+              className: cn(
+                "nodrag size-4 rounded-full border transition-transform hover:scale-125",
+                name === colorKey ? "border-foreground" : "border-transparent"
+              ),
+              style: { backgroundColor: hex }
+            },
+            name
+          )) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: tr(
+                  "fluidgrids.builder.stickyNote.editNoteTooltip",
+                  "Edit note"
+                ),
+                onClick: startEditing,
+                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:edit", className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: tr(
+                  "fluidgrids.builder.stickyNote.changeColorTooltip",
+                  "Change color"
+                ),
+                onClick: () => setShowPalette(true),
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "size-3.5 rounded-full",
+                    style: { backgroundColor: accent }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: tr(
+                  "fluidgrids.builder.stickyNote.duplicateNoteTooltip",
+                  "Duplicate note"
+                ),
+                onClick: duplicate,
+                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:copy", className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: tr(
+                  "fluidgrids.builder.stickyNote.deleteNoteTooltip",
+                  "Delete note"
+                ),
+                danger: true,
+                onClick: () => deleteNode(id),
+                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:trash", className: "size-3.5" })
               }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex h-full w-full flex-col overflow-hidden rounded-lg border",
+          style: {
+            backgroundColor: `${accent}1F`,
+            // Same border whether selected or not — selection shows only via the
+            // floating toolbar (no extra border/outline on click).
+            borderColor: `${accent}59`
+          },
+          onDoubleClick: (e) => {
+            e.stopPropagation();
+            startEditing();
+          },
+          children: editing ? /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: textareaRef,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onBlur: commitEdit,
+              onKeyDown: (e) => {
+                e.stopPropagation();
+                if (e.key === "Escape") cancelEdit();
+                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) commitEdit();
+              },
+              placeholder: tr(
+                "fluidgrids.builder.stickyNote.editorPlaceholder",
+                "# Note\nSupports **markdown** \u2014 headings, lists, links\u2026"
+              ),
+              className: "nodrag nowheel h-full w-full resize-none bg-transparent p-3 font-mono text-xs leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/60"
             }
-          })
-        );
-        const stepResult = result.data?.executeStep;
-        if (stepResult) {
-          const backendRunId = stepResult.runId;
-          startExecution(nodeId, backendRunId, {
-            workflowKey: stepResult.workflowKey,
-            version: stepResult.version,
-            sourceMode: "TEST"
-          });
-          setStepPlan({
-            runId: backendRunId,
-            ...stepResult.plan,
-            sourceRunId: stepResult.plan.sourceRunId ?? null
-          });
-          const initialLog = {
-            id: `${backendRunId}-${nodeId}`,
-            runId: backendRunId,
-            nodeId,
-            nodeType: workflow.nodes.find((node) => node.id === nodeId)?.type || "unknown",
-            nodeName: getNodeName(nodeId),
-            status: "running",
-            inputArgs: null,
-            output: null,
-            error: null,
-            duration: null,
-            startTime: (/* @__PURE__ */ new Date()).toISOString(),
-            endTime: null
-          };
-          addLog(initialLog);
-          pollRunUpdates(backendRunId);
-          return { success: true, runId: backendRunId, plan: stepResult.plan };
+          ) : content.trim() ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "nowheel h-full w-full overflow-auto p-3 text-xs leading-relaxed text-foreground",
+                // Compact markdown typography scoped to the note body.
+                "[&_h1]:mb-1.5 [&_h1]:text-sm [&_h1]:font-bold",
+                "[&_h2]:mb-1 [&_h2]:text-[13px] [&_h2]:font-bold",
+                "[&_h3]:mb-1 [&_h3]:text-xs [&_h3]:font-semibold",
+                "[&_p]:mb-1.5 [&_ul]:mb-1.5 [&_ul]:list-disc [&_ul]:pl-4",
+                "[&_ol]:mb-1.5 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5",
+                "[&_a]:underline [&_code]:rounded [&_code]:bg-muted [&_code]:px-1"
+              ),
+              children: /* @__PURE__ */ jsx(ReactMarkdown, { children: content })
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-3 text-xs text-muted-foreground/70", children: tr(
+            "fluidgrids.builder.stickyNote.emptyStateHint",
+            "Double-click to edit"
+          ) })
         }
-        console.error("[useNodeExecution] No result from executeStep");
-        setNodeStatus(nodeId, "error");
-        return { success: false, error: "No result from executeStep" };
-      } catch (error) {
-        console.error("[useNodeExecution] Error executing step:", error);
-        const errorMessage = describeOperationError(error);
-        const errorRunId = nanoid$1();
-        const errorLog = {
-          id: `${errorRunId}-${nodeId}`,
-          runId: errorRunId,
-          nodeId,
-          nodeType: workflow.nodes.find((node) => node.id === nodeId)?.type || "unknown",
-          nodeName: getNodeName(nodeId),
-          status: "failed",
-          inputArgs: null,
-          output: null,
-          error: errorMessage,
-          duration: null,
-          startTime: (/* @__PURE__ */ new Date()).toISOString(),
-          endTime: (/* @__PURE__ */ new Date()).toISOString()
-        };
-        addLog(errorLog);
-        setNodeStatus(nodeId, "error");
-        completeExecution();
-        return { success: false, error: errorMessage };
-      }
-    },
-    [
-      cleanup,
-      clearLogs,
-      startExecution,
-      setStepPlan,
-      workflow,
-      getNodeName,
-      addLog,
-      setNodeStatus,
-      pollRunUpdates,
-      completeExecution
-    ]
+      )
+    ] })
   );
-  const executeFullWorkflow = useCallback(
-    async (customTriggerData) => {
-      const triggerNode = findTriggerNode();
-      if (!triggerNode) {
-        console.error("[useNodeExecution] No trigger node found in workflow");
-        return { success: false, error: "No trigger node found" };
-      }
-      cleanup();
-      clearLogs();
-      const workflowKey = workflow.workflowKey || workflow.id;
-      const version = workflow.version || "1.0.0";
-      if (!workflowKey) {
-        console.error(
-          "[useNodeExecution] Workflow must be saved before execution. No workflowKey found."
-        );
-        return {
-          success: false,
-          error: "Workflow must be saved before execution"
-        };
-      }
-      setNodeStatus(triggerNode.id, "running");
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: TRIGGER_WORKFLOW,
-            variables: {
-              input: {
-                workflowKey,
-                version,
-                triggerNodeId: triggerNode.id,
-                triggerData: customTriggerData || {},
-                context: {},
-                // Builder "Test workflow" is always a manual/debug run.
-                // Pinned node data only applies to TEST executions, never a
-                // production trigger (webhook, schedule, API).
-                mode: "TEST"
-              }
-            }
-          })
-        );
-        const triggerResult = result.data?.triggerWorkflow;
-        if (triggerResult) {
-          const backendRunId = triggerResult.runId;
-          startExecution(triggerNode.id, backendRunId, {
-            workflowKey: triggerResult.workflowKey,
-            version: triggerResult.version,
-            sourceMode: "TEST"
-          });
-          pollRunUpdates(backendRunId);
-          return { success: true, runId: backendRunId };
-        }
-        console.error("[useNodeExecution] No result from trigger");
-        setNodeStatus(triggerNode.id, "error");
-        return { success: false, error: "No result from trigger" };
-      } catch (error) {
-        console.error("[useNodeExecution] Error triggering workflow:", error);
-        const errorMessage = describeOperationError(error);
-        const errorRunId = nanoid$1();
-        const errorLog = {
-          id: `${errorRunId}-${triggerNode.id}`,
-          runId: errorRunId,
-          nodeId: triggerNode.id,
-          nodeType: triggerNode.type || "unknown",
-          nodeName: getNodeName(triggerNode.id),
-          status: "failed",
-          inputArgs: null,
-          output: null,
-          error: errorMessage,
-          duration: null,
-          startTime: (/* @__PURE__ */ new Date()).toISOString(),
-          endTime: (/* @__PURE__ */ new Date()).toISOString()
-        };
-        addLog(errorLog);
-        setNodeStatus(triggerNode.id, "error");
-        completeExecution();
-        return { success: false, error: errorMessage };
-      }
-    },
-    [
-      findTriggerNode,
-      cleanup,
-      clearLogs,
-      startExecution,
-      workflow,
-      getNodeName,
-      addLog,
-      setNodeStatus,
-      pollRunUpdates,
-      completeExecution
-    ]
-  );
-  const executeFromNode = useCallback(
-    async (sourceRunId, nodeId) => {
-      cleanup();
-      clearLogs();
-      setNodeStatus(nodeId, "running");
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: RUN_FROM_NODE,
-            variables: {
-              input: {
-                sourceRunId,
-                nodeId,
-                // Run-from-node is a debug affordance — always TEST, same
-                // rule as the other builder debug execution paths.
-                mode: "TEST"
-              }
-            }
-          })
-        );
-        const runFromNodeResult = result.data?.runFromNode;
-        if (runFromNodeResult) {
-          const backendRunId = runFromNodeResult.runId;
-          startExecution(nodeId, backendRunId, {
-            workflowKey: runFromNodeResult.workflowKey,
-            version: runFromNodeResult.version,
-            sourceMode: "TEST"
-          });
-          pollRunUpdates(backendRunId);
-          return { success: true, runId: backendRunId };
-        }
-        console.error("[useNodeExecution] No result from runFromNode");
-        setNodeStatus(nodeId, "error");
-        return { success: false, error: "No result from runFromNode" };
-      } catch (error) {
-        console.error("[useNodeExecution] Error running from node:", error);
-        const errorMessage = describeOperationError(error);
-        setNodeStatus(nodeId, "error");
-        completeExecution();
-        return { success: false, error: errorMessage };
-      }
-    },
-    [
-      cleanup,
-      clearLogs,
-      setNodeStatus,
-      startExecution,
-      pollRunUpdates,
-      completeExecution
-    ]
-  );
-  const loadExecution = useCallback(
-    async (runId) => {
-      cleanup();
-      const requestId = ++loadRequestRef.current;
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.query({
-            query: EXECUTION_DETAIL,
-            variables: { id: runId },
-            fetchPolicy: "network-only"
-          })
-        );
-        const run = result.data?.workflowRun;
-        if (!run) {
-          return { success: false, error: "Execution not found" };
-        }
-        if (run.mode !== "TEST") {
-          return {
-            success: false,
-            error: "Only TEST runs can be loaded for continuation."
-          };
-        }
-        if (!TERMINAL_STATUSES.has(run.status)) {
-          return {
-            success: false,
-            error: "Only terminal TEST runs can be loaded for continuation."
-          };
-        }
-        if (requestId !== loadRequestRef.current) {
-          return { success: false, error: "Execution load superseded." };
-        }
-        const currentWorkflow = useFlowStore.getState().workflow;
-        const currentWorkflowKey = currentWorkflow.workflowKey || currentWorkflow.id;
-        if (run.workflowKey !== currentWorkflowKey || run.version !== currentWorkflow.version) {
-          return {
-            success: false,
-            error: "The selected run belongs to a different workflow version."
-          };
-        }
-        const logs = (run.nodeStates ?? []).map((nodeState) => {
-          const rawStatus = nodeState.status.toLowerCase();
-          const status = rawStatus === "completed" ? "completed" : rawStatus === "failed" || rawStatus === "timeout" ? "failed" : rawStatus === "running" || rawStatus === "waiting" || rawStatus === "delayed" || rawStatus === "waiting_subworkflow" ? "running" : "pending";
-          return {
-            id: `${runId}-${nodeState.nodeId}`,
-            runId,
-            nodeId: nodeState.nodeId,
-            nodeType: nodeState.nodeType,
-            nodeName: getNodeName(nodeState.nodeId),
-            status,
-            inputArgs: nodeState.inputArgs ?? null,
-            output: nodeState.output ?? null,
-            error: nodeState.error ?? null,
-            duration: nodeState.duration ?? null,
-            startTime: nodeState.startTime ?? run.startedAt ?? "",
-            endTime: nodeState.endTime ?? null,
-            usedPinnedData: nodeState.usedPinnedData ?? false,
-            reusedFromRunId: nodeState.reusedFromRunId ?? null
-          };
-        });
-        loadDebugRun(runId, logs, {
-          workflowKey: run.workflowKey,
-          version: run.version,
-          sourceMode: run.mode
-        });
-        return { success: true, runId };
-      } catch (error) {
-        console.error("[useNodeExecution] Error loading execution:", error);
-        return { success: false, error: describeOperationError(error) };
-      }
-    },
-    [cleanup, getNodeName, loadDebugRun]
-  );
-  useEffect(() => {
-    return () => {
-      if (pollTimerRef.current) {
-        completeExecution();
-      }
-      cleanup();
+}
+var StickyNoteNode = memo(StickyNoteNodeComponent);
+function buildStickyNode(position) {
+  return {
+    id: nanoid(),
+    type: STICKY_NOTE_TYPE,
+    position,
+    width: STICKY_DEFAULT_SIZE.width,
+    height: STICKY_DEFAULT_SIZE.height,
+    // Render under regular nodes and edges — notes are a background layer.
+    zIndex: -1,
+    selected: true,
+    data: { content: "", color: DEFAULT_STICKY_COLOR }
+  };
+}
+function getNodeDetail(nodeType) {
+  const node = NODES.find((node2) => node2.type === nodeType);
+  if (!node) {
+    return {
+      icon: "mynaui:keyboard-solid",
+      title: nodeType ?? "Unknown",
+      description: "",
+      gradientColor: "gray"
     };
-  }, [cleanup, completeExecution]);
+  }
+  return node.detail;
+}
+function createNodeData(type, data) {
   return {
-    executeStep,
-    executeFullWorkflow,
-    executeFromNode,
-    loadExecution,
-    cleanup,
-    findTriggerNode
+    id: nanoid$1(),
+    type,
+    data
   };
 }
-function useDeleteNode() {
-  const { getNode, getEdges, deleteElements } = useReactFlow();
-  const deleteNodes = useFlowStore((state) => state.actions.nodes.deleteNodes);
-  return useCallback(
-    (id) => {
-      const node = getNode(id);
-      if (!node) return;
-      const edges = getEdges();
-      const connectedEdges = getConnectedEdges([node], edges);
-      deleteElements({ nodes: [node], edges: connectedEdges }).then();
-      deleteNodes([node]);
-    },
-    [deleteElements, getEdges, getNode, deleteNodes]
-  );
+function createNodeWithDefaultData(type, data) {
+  const defaultData = NODES.find((node) => node.type === type)?.defaultData ?? {};
+  return Object.assign(createNodeData(type, defaultData), data);
 }
-
-// src/builder/contants/symbols.ts
-var NODE_TYPE_DRAG_DATA_FORMAT = "application/flow-builder.node-type";
-var NODE_OPERATION_DRAG_DATA_FORMAT = "application/flow-builder.node-operation";
-var STICKY_NOTE_TYPE = "sticky-note";
-var STICKY_COLORS = {
-  yellow: "#F2C94C",
-  orange: "#EB8934",
-  blue: "#3B82F6",
-  green: "#10B981",
-  red: "#EF4444",
-  purple: "#8B5CF6",
-  gray: "#9CA3AF"
-};
-var DEFAULT_STICKY_COLOR = "yellow";
-var STICKY_DEFAULT_SIZE = { width: 260, height: 170 };
-var STICKY_MIN_SIZE = { width: 160, height: 90 };
-function ToolbarButton({
-  title,
-  onClick,
-  danger,
-  children
+var NODE_DOCS_URL = gql`
+  query NodeDocsUrlLookup($nodeType: String!, $nodeVersion: String!) {
+    nodeEndpointConfig(nodeType: $nodeType, nodeVersion: $nodeVersion) {
+      docsUrl
+    }
+  }
+`;
+var cache = /* @__PURE__ */ new Map();
+var inFlight = /* @__PURE__ */ new Map();
+function fetchDocsUrl(nodeType, nodeVersion) {
+  const key = `${nodeType}@${nodeVersion}`;
+  if (cache.has(key)) return Promise.resolve(cache.get(key));
+  const existing = inFlight.get(key);
+  if (existing) return existing;
+  const client = getFluidGridsClientSafe();
+  if (!client) {
+    cache.set(key, void 0);
+    return Promise.resolve(void 0);
+  }
+  const promise = client.query({
+    query: NODE_DOCS_URL,
+    variables: { nodeType, nodeVersion },
+    fetchPolicy: "cache-first"
+  }).then((result) => result.data?.nodeEndpointConfig?.docsUrl ?? void 0).catch(() => void 0).finally(() => inFlight.delete(key));
+  inFlight.set(key, promise);
+  return promise.then((url) => {
+    cache.set(key, url);
+    return url;
+  });
+}
+function useNodeDocsUrl(nodeType, nodeVersion) {
+  const [docsUrl, setDocsUrl] = useState(
+    () => nodeType && nodeVersion ? cache.get(`${nodeType}@${nodeVersion}`) : void 0
+  );
+  useEffect(() => {
+    if (!nodeType || !nodeVersion) {
+      setDocsUrl(void 0);
+      return;
+    }
+    let cancelled = false;
+    fetchDocsUrl(nodeType, nodeVersion).then((url) => {
+      if (!cancelled) setDocsUrl(url);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [nodeType, nodeVersion]);
+  return docsUrl;
+}
+function isImageIcon(icon) {
+  return !!icon && (/^https?:\/\//.test(icon) || icon.startsWith("data:"));
+}
+function NodeTypeIcon({
+  icon,
+  alt,
+  className,
+  fallbackIcon = "mynaui:puzzle"
+}) {
+  if (isImageIcon(icon)) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: icon,
+        alt: alt ?? "",
+        className: cn("object-contain", className)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Icon, { icon: icon || fallbackIcon, className });
+}
+var BRAND_ACCENTS = [
+  [/gmail|google/, "#ea4335"],
+  [/slack/, "#611f69"],
+  [/github/, "#334155"],
+  [/gitlab/, "#fc6d26"],
+  [/stripe/, "#635bff"],
+  [/discord/, "#5865f2"],
+  [/notion/, "#111827"],
+  [/telegram/, "#2aabee"],
+  [/whatsapp/, "#25d366"],
+  [/openai/, "#10a37f"],
+  [/anthropic|claude/, "#d97757"],
+  [/twilio/, "#f22f46"],
+  [/sheet|excel/, "#21a366"],
+  [/http|api|webhook|rest/, "#6366f1"],
+  [/db|sql|postgres|mysql|mongo/, "#0ea5e9"]
+];
+var HASH_PALETTE = [
+  "#6366f1",
+  "#0ea5e9",
+  "#10b981",
+  "#f59e0b",
+  "#ef4444",
+  "#a855f7",
+  "#ec4899",
+  "#14b8a6",
+  "#f97316",
+  "#8b5cf6"
+];
+function nodeAccent(key) {
+  const k = (key || "").toLowerCase();
+  for (const [re, hex] of BRAND_ACCENTS) if (re.test(k)) return hex;
+  let h = 0;
+  for (let i = 0; i < k.length; i++) h = h * 31 + k.charCodeAt(i) >>> 0;
+  return HASH_PALETTE[h % HASH_PALETTE.length];
+}
+function tint(hex, pct = 14) {
+  return `color-mix(in srgb, ${hex} ${pct}%, transparent)`;
+}
+function InlineEditableLabel({
+  value,
+  placeholder,
+  editing,
+  onStartEdit,
+  onCommit,
+  onCancel,
+  className,
+  inputClassName
 }) {
+  const tr = useTr();
+  const [draft, setDraft] = React2.useState(value);
+  const inputRef = React2.useRef(null);
+  React2.useEffect(() => {
+    if (!editing) return;
+    setDraft(value);
+    const raf = requestAnimationFrame(() => {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [editing, value]);
+  if (editing) {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        value: draft,
+        onChange: (e) => setDraft(e.target.value),
+        onClick: (e) => e.stopPropagation(),
+        onDoubleClick: (e) => e.stopPropagation(),
+        onMouseDown: (e) => e.stopPropagation(),
+        onKeyDown: (e) => {
+          e.stopPropagation();
+          if (e.key === "Enter") {
+            e.preventDefault();
+            onCommit(draft.trim());
+          } else if (e.key === "Escape") {
+            e.preventDefault();
+            onCancel();
+          }
+        },
+        onBlur: () => onCommit(draft.trim()),
+        className: cn(
+          "min-w-0 flex-1 rounded border border-primary/50 bg-card px-1 text-inherit outline-none",
+          inputClassName
+        )
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
-    "button",
+    "span",
     {
-      type: "button",
-      title,
-      onClick: (e) => {
+      className: cn("cursor-text truncate", className),
+      title: tr(
+        "fluidgrids.builder.nodeCard.renameTooltip",
+        "Double-click or press F2 to rename"
+      ),
+      onDoubleClick: (e) => {
         e.stopPropagation();
-        onClick();
+        onStartEdit();
       },
-      className: cn(
-        "nodrag flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        danger && "text-[var(--color-status-error-text)] hover:text-[var(--color-status-error-text)]"
-      ),
-      children
+      children: value || placeholder
     }
   );
 }
-function StickyNoteNodeComponent({
-  id,
-  selected,
-  data
-}) {
-  const tr = useTr();
-  const { setNodes, getNode } = useReactFlow();
-  const zustandSetNodes = useFlowStore((s) => s.actions.nodes.setNodes);
-  const deleteNode = useDeleteNode();
-  const [editing, setEditing] = useState(false);
-  const [showPalette, setShowPalette] = useState(false);
-  const [draft, setDraft] = useState(String(data.content ?? ""));
-  const textareaRef = useRef(null);
-  const rootRef = useRef(null);
-  useEffect(() => {
-    const wrapper = rootRef.current?.closest(".react-flow__node");
-    if (wrapper && wrapper.style.zIndex !== "-1") {
-      wrapper.style.zIndex = "-1";
-    }
-  });
-  const colorKey = typeof data.color === "string" && STICKY_COLORS[data.color] ? data.color : DEFAULT_STICKY_COLOR;
-  const accent = STICKY_COLORS[colorKey];
-  const patchData = useCallback(
-    (patch) => {
-      setNodes((nds) => {
-        const updated = nds.map(
-          (n) => n.id === id ? { ...n, data: { ...n.data, ...patch } } : n
-        );
-        zustandSetNodes(updated);
-        return updated;
-      });
-    },
-    [id, setNodes, zustandSetNodes]
-  );
-  const startEditing = useCallback(() => {
-    setDraft(String(getNode(id)?.data?.content ?? ""));
-    setEditing(true);
-    setShowPalette(false);
-  }, [getNode, id]);
-  const commitEdit = useCallback(() => {
-    setEditing(false);
-    patchData({ content: draft });
-  }, [draft, patchData]);
-  const cancelEdit = useCallback(() => {
-    setEditing(false);
-    setDraft(String(getNode(id)?.data?.content ?? ""));
-  }, [getNode, id]);
-  useEffect(() => {
-    if (editing) {
-      const el = textareaRef.current;
-      el?.focus();
-      el?.setSelectionRange(el.value.length, el.value.length);
-    }
-  }, [editing]);
-  const duplicate = useCallback(() => {
-    const source = getNode(id);
-    if (!source) return;
-    const clone = {
-      ...source,
-      id: nanoid(),
-      position: {
-        x: source.position.x + 24,
-        y: source.position.y + 24
-      },
-      selected: true,
-      data: { ...source.data }
-    };
-    setNodes((nds) => {
-      const updated = [
-        ...nds.map((n) => n.selected ? { ...n, selected: false } : n),
-        clone
-      ];
-      zustandSetNodes(updated);
-      return updated;
-    });
-  }, [getNode, id, setNodes, zustandSetNodes]);
-  const content = String(data.content ?? "");
-  return (
-    // Outer wrapper is NOT overflow-hidden: the NodeResizer's edge lines and
-    // corner handles sit on the bounds and would be clipped/covered otherwise.
-    /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "group relative h-full w-full", children: [
-      /* @__PURE__ */ jsx(
-        NodeResizer,
-        {
-          isVisible: !!selected,
-          minWidth: STICKY_MIN_SIZE.width,
-          minHeight: STICKY_MIN_SIZE.height,
-          lineStyle: { border: "none", zIndex: 20 },
-          handleStyle: {
-            width: 12,
-            height: 12,
-            backgroundColor: "transparent",
-            border: "none",
-            zIndex: 20
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute right-1 z-30 flex items-center gap-0.5 rounded-lg border border-border bg-card p-0.5 shadow-md transition-all duration-150",
-            selected || showPalette ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
-          ),
-          style: { top: -15 },
-          onDoubleClick: (e) => e.stopPropagation(),
-          children: showPalette ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-1 py-0.5", children: Object.entries(STICKY_COLORS).map(([name, hex]) => /* @__PURE__ */ jsx(
-            "button",
+var NodeCard = React2.forwardRef(
+  ({
+    className,
+    selected = false,
+    executionStatus = "idle",
+    itemCount,
+    isTrigger = false,
+    accent = "#3b82f6",
+    onSettings,
+    onExecute,
+    onDelete,
+    isExecuting = false,
+    infoButton,
+    disabled = false,
+    onToggleDisabled,
+    children,
+    ...props
+  }, ref) => {
+    const tr = useTr();
+    const [hovered, setHovered] = React2.useState(false);
+    const statusRing = executionStatus === "running" ? "ring-2 ring-[var(--color-status-success-border)] animate-pulse-border" : executionStatus === "success" ? "ring-2 ring-[var(--color-status-success-border)]" : executionStatus === "error" ? "ring-2 ring-[var(--color-status-error-border)]" : "";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "group/node relative",
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        children: [
+          itemCount !== void 0 && itemCount > 0 && /* @__PURE__ */ jsx("div", { className: "absolute -top-7 left-1/2 -translate-x-1/2 z-10", children: /* @__PURE__ */ jsxs("div", { className: "rounded-full border border-border bg-card px-2 py-0.5 text-[10px] font-medium text-muted-foreground shadow-sm", children: [
+            itemCount,
+            " ",
+            itemCount !== 1 ? tr("fluidgrids.builder.nodeCard.itemCountOther", "items") : tr("fluidgrids.builder.nodeCard.itemCountOne", "item")
+          ] }) }),
+          (onSettings || onExecute || onDelete || onToggleDisabled || infoButton) && /* @__PURE__ */ jsxs(
+            "div",
             {
-              type: "button",
-              title: name,
-              onClick: (e) => {
-                e.stopPropagation();
-                patchData({ color: name });
-                setShowPalette(false);
-              },
               className: cn(
-                "nodrag size-4 rounded-full border transition-transform hover:scale-125",
-                name === colorKey ? "border-foreground" : "border-transparent"
+                "absolute right-1 z-20 flex items-center gap-0.5 rounded-lg border border-border bg-card p-0.5 shadow-md transition-all duration-150",
+                hovered ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
               ),
-              style: { backgroundColor: hex }
-            },
-            name
-          )) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                title: tr(
-                  "fluidgrids.builder.stickyNote.editNoteTooltip",
-                  "Edit note"
-                ),
-                onClick: startEditing,
-                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:edit", className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                title: tr(
-                  "fluidgrids.builder.stickyNote.changeColorTooltip",
-                  "Change color"
+              style: {
+                // Inline offset (not a `-top-*` class) so it survives the host
+                // app's Tailwind scan of fe-sdk source, which drops some spacing
+                // utilities. The toolbar is ~30px tall; top:-15px centers it on
+                // the card's top edge (half outside, half over the card).
+                top: -15,
+                transform: hovered ? "translateY(0)" : "translateY(4px)"
+              },
+              onClick: (e) => e.stopPropagation(),
+              onDoubleClick: (e) => e.stopPropagation(),
+              children: [
+                onSettings && /* @__PURE__ */ jsx(
+                  ToolbarButton2,
+                  {
+                    title: tr(
+                      "fluidgrids.builder.nodeCard.configureTooltip",
+                      "Configure"
+                    ),
+                    onClick: onSettings,
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:sliders-horizontal", className: "size-4" })
+                  }
                 ),
-                onClick: () => setShowPalette(true),
-                children: /* @__PURE__ */ jsx(
-                  "span",
+                onExecute && /* @__PURE__ */ jsx(
+                  ToolbarButton2,
                   {
-                    className: "size-3.5 rounded-full",
-                    style: { backgroundColor: accent }
+                    title: tr(
+                      "fluidgrids.builder.nodeCard.executeTooltip",
+                      "Execute step"
+                    ),
+                    onClick: onExecute,
+                    disabled: isExecuting,
+                    children: isExecuting ? /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "svg-spinners:ring-resize",
+                        className: "size-4 text-[var(--color-status-success-text)]"
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mdi:play",
+                        className: "size-4 text-[var(--color-status-success-text)]"
+                      }
+                    )
                   }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                title: tr(
-                  "fluidgrids.builder.stickyNote.duplicateNoteTooltip",
-                  "Duplicate note"
                 ),
-                onClick: duplicate,
-                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:copy", className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                title: tr(
-                  "fluidgrids.builder.stickyNote.deleteNoteTooltip",
-                  "Delete note"
+                infoButton,
+                onToggleDisabled && /* @__PURE__ */ jsx(
+                  ToolbarButton2,
+                  {
+                    title: disabled ? tr(
+                      "fluidgrids.builder.nodeCard.enableTooltip",
+                      "Enable node"
+                    ) : tr(
+                      "fluidgrids.builder.nodeCard.disableTooltip",
+                      "Disable node (skip on run)"
+                    ),
+                    onClick: onToggleDisabled,
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: disabled ? "mdi:power" : "mdi:power-off",
+                        className: cn(
+                          "size-4",
+                          disabled ? "text-[var(--color-status-warning-text)]" : "text-muted-foreground"
+                        )
+                      }
+                    )
+                  }
                 ),
-                danger: true,
-                onClick: () => deleteNode(id),
-                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:trash", className: "size-3.5" })
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex h-full w-full flex-col overflow-hidden rounded-lg border",
-          style: {
-            backgroundColor: `${accent}1F`,
-            // Same border whether selected or not — selection shows only via the
-            // floating toolbar (no extra border/outline on click).
-            borderColor: `${accent}59`
-          },
-          onDoubleClick: (e) => {
-            e.stopPropagation();
-            startEditing();
-          },
-          children: editing ? /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              value: draft,
-              onChange: (e) => setDraft(e.target.value),
-              onBlur: commitEdit,
-              onKeyDown: (e) => {
-                e.stopPropagation();
-                if (e.key === "Escape") cancelEdit();
-                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) commitEdit();
-              },
-              placeholder: tr(
-                "fluidgrids.builder.stickyNote.editorPlaceholder",
-                "# Note\nSupports **markdown** \u2014 headings, lists, links\u2026"
-              ),
-              className: "nodrag nowheel h-full w-full resize-none bg-transparent p-3 font-mono text-xs leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/60"
+                onDelete && /* @__PURE__ */ jsx(
+                  ToolbarButton2,
+                  {
+                    title: tr(
+                      "fluidgrids.builder.nodeCard.deleteTooltip",
+                      "Delete"
+                    ),
+                    onClick: onDelete,
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mynaui:trash",
+                        className: "size-4 text-[var(--color-status-error-text)]"
+                      }
+                    )
+                  }
+                )
+              ]
             }
-          ) : content.trim() ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "nowheel h-full w-full overflow-auto p-3 text-xs leading-relaxed text-foreground",
-                // Compact markdown typography scoped to the note body.
-                "[&_h1]:mb-1.5 [&_h1]:text-sm [&_h1]:font-bold",
-                "[&_h2]:mb-1 [&_h2]:text-[13px] [&_h2]:font-bold",
-                "[&_h3]:mb-1 [&_h3]:text-xs [&_h3]:font-semibold",
-                "[&_p]:mb-1.5 [&_ul]:mb-1.5 [&_ul]:list-disc [&_ul]:pl-4",
-                "[&_ol]:mb-1.5 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5",
-                "[&_a]:underline [&_code]:rounded [&_code]:bg-muted [&_code]:px-1"
+          ),
+          disabled && /* @__PURE__ */ jsx("div", { className: "absolute -top-2 right-2 z-10", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-full border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg)] px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-[var(--color-status-warning-text)] shadow-sm", children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:power-off", className: "size-2.5" }),
+            tr("fluidgrids.builder.nodeCard.disabledBadge", "Disabled")
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref,
+              "data-selected": selected,
+              className: cn(
+                "relative w-72 rounded-xl border border-border bg-card shadow-sm will-change-transform",
+                statusRing,
+                executionStatus === "success" && "animate-success-glow",
+                disabled && "opacity-50 grayscale-[0.6]",
+                className
               ),
-              children: /* @__PURE__ */ jsx(ReactMarkdown, { children: content })
+              style: {
+                borderTop: `3px solid ${accent}`,
+                transition: "transform 0.15s ease, box-shadow 0.15s ease",
+                transform: hovered ? "translateY(-2px)" : "none",
+                boxShadow: hovered ? "0 2px 4px rgba(16,24,40,0.06), 0 16px 34px -12px rgba(16,24,40,0.24)" : void 0
+              },
+              ...props,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "pointer-events-none absolute -inset-0.5 transition-opacity duration-150",
+                    style: {
+                      borderRadius: 14,
+                      opacity: selected || hovered ? 1 : 0,
+                      boxShadow: selected ? `0 0 0 2px ${accent}, 0 0 0 5px ${tint(accent, 18)}` : `0 0 0 2px ${accent}`
+                    }
+                  }
+                ),
+                isTrigger && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "absolute -top-2 -left-2 z-10 flex size-5 items-center justify-center rounded-full shadow-md ring-2 ring-card",
+                    style: { backgroundColor: "var(--color-status-success-text)" },
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mdi:lightning-bolt",
+                        className: "size-3",
+                        style: { color: "var(--color-status-success-text-inverse)" }
+                      }
+                    )
+                  }
+                ),
+                children
+              ]
             }
-          ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-3 text-xs text-muted-foreground/70", children: tr(
-            "fluidgrids.builder.stickyNote.emptyStateHint",
-            "Double-click to edit"
-          ) })
-        }
-      )
-    ] })
-  );
-}
-var StickyNoteNode = memo(StickyNoteNodeComponent);
-function buildStickyNode(position) {
-  return {
-    id: nanoid(),
-    type: STICKY_NOTE_TYPE,
-    position,
-    width: STICKY_DEFAULT_SIZE.width,
-    height: STICKY_DEFAULT_SIZE.height,
-    // Render under regular nodes and edges — notes are a background layer.
-    zIndex: -1,
-    selected: true,
-    data: { content: "", color: DEFAULT_STICKY_COLOR }
-  };
-}
-function getNodeDetail(nodeType) {
-  const node = NODES.find((node2) => node2.type === nodeType);
-  if (!node) {
-    return {
-      icon: "mynaui:keyboard-solid",
-      title: nodeType ?? "Unknown",
-      description: "",
-      gradientColor: "gray"
-    };
+          ),
+          executionStatus === "success" && /* @__PURE__ */ jsx(StatusCorner, { icon: "mdi:check", tone: "success" }),
+          executionStatus === "error" && /* @__PURE__ */ jsx(StatusCorner, { icon: "mdi:close", tone: "error" }),
+          executionStatus === "running" && /* @__PURE__ */ jsx(StatusCorner, { icon: "svg-spinners:ring-resize", tone: "success" })
+        ]
+      }
+    );
   }
-  return node.detail;
-}
-function createNodeData(type, data) {
-  return {
-    id: nanoid$1(),
-    type,
-    data
-  };
-}
-function createNodeWithDefaultData(type, data) {
-  const defaultData = NODES.find((node) => node.type === type)?.defaultData ?? {};
-  return Object.assign(createNodeData(type, defaultData), data);
-}
-var NODE_DOCS_URL = gql`
-  query NodeDocsUrlLookup($nodeType: String!, $nodeVersion: String!) {
-    nodeEndpointConfig(nodeType: $nodeType, nodeVersion: $nodeVersion) {
-      docsUrl
+);
+NodeCard.displayName = "NodeCard";
+function ToolbarButton2({
+  title,
+  onClick,
+  disabled,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title,
+      disabled,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick?.();
+      },
+      className: "flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50",
+      children
     }
-  }
-`;
-var cache = /* @__PURE__ */ new Map();
-var inFlight = /* @__PURE__ */ new Map();
-function fetchDocsUrl(nodeType, nodeVersion) {
-  const key = `${nodeType}@${nodeVersion}`;
-  if (cache.has(key)) return Promise.resolve(cache.get(key));
-  const existing = inFlight.get(key);
-  if (existing) return existing;
-  const client = getFluidGridsClientSafe();
-  if (!client) {
-    cache.set(key, void 0);
-    return Promise.resolve(void 0);
-  }
-  const promise = client.query({
-    query: NODE_DOCS_URL,
-    variables: { nodeType, nodeVersion },
-    fetchPolicy: "cache-first"
-  }).then((result) => result.data?.nodeEndpointConfig?.docsUrl ?? void 0).catch(() => void 0).finally(() => inFlight.delete(key));
-  inFlight.set(key, promise);
-  return promise.then((url) => {
-    cache.set(key, url);
-    return url;
-  });
-}
-function useNodeDocsUrl(nodeType, nodeVersion) {
-  const [docsUrl, setDocsUrl] = useState(
-    () => nodeType && nodeVersion ? cache.get(`${nodeType}@${nodeVersion}`) : void 0
   );
-  useEffect(() => {
-    if (!nodeType || !nodeVersion) {
-      setDocsUrl(void 0);
-      return;
-    }
-    let cancelled = false;
-    fetchDocsUrl(nodeType, nodeVersion).then((url) => {
-      if (!cancelled) setDocsUrl(url);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, nodeVersion]);
-  return docsUrl;
-}
-function isImageIcon(icon) {
-  return !!icon && (/^https?:\/\//.test(icon) || icon.startsWith("data:"));
 }
-function NodeTypeIcon({
+function StatusCorner({
   icon,
-  alt,
-  className,
-  fallbackIcon = "mynaui:puzzle"
+  tone
 }) {
-  if (isImageIcon(icon)) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: icon,
-        alt: alt ?? "",
-        className: cn("object-contain", className)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(Icon, { icon: icon || fallbackIcon, className });
-}
-var BRAND_ACCENTS = [
-  [/gmail|google/, "#ea4335"],
-  [/slack/, "#611f69"],
-  [/github/, "#334155"],
-  [/gitlab/, "#fc6d26"],
-  [/stripe/, "#635bff"],
-  [/discord/, "#5865f2"],
-  [/notion/, "#111827"],
-  [/telegram/, "#2aabee"],
-  [/whatsapp/, "#25d366"],
-  [/openai/, "#10a37f"],
-  [/anthropic|claude/, "#d97757"],
-  [/twilio/, "#f22f46"],
-  [/sheet|excel/, "#21a366"],
-  [/http|api|webhook|rest/, "#6366f1"],
-  [/db|sql|postgres|mysql|mongo/, "#0ea5e9"]
-];
-var HASH_PALETTE = [
-  "#6366f1",
-  "#0ea5e9",
-  "#10b981",
-  "#f59e0b",
-  "#ef4444",
-  "#a855f7",
-  "#ec4899",
-  "#14b8a6",
-  "#f97316",
-  "#8b5cf6"
-];
-function nodeAccent(key) {
-  const k = (key || "").toLowerCase();
-  for (const [re, hex] of BRAND_ACCENTS) if (re.test(k)) return hex;
-  let h = 0;
-  for (let i = 0; i < k.length; i++) h = h * 31 + k.charCodeAt(i) >>> 0;
-  return HASH_PALETTE[h % HASH_PALETTE.length];
-}
-function tint(hex, pct = 14) {
-  return `color-mix(in srgb, ${hex} ${pct}%, transparent)`;
+  const bg = tone === "success" ? "var(--color-status-success-bg)" : "var(--color-status-error-bg)";
+  const fg = tone === "success" ? "var(--color-status-success-text-inverse)" : "var(--color-status-error-text-inverse)";
+  return /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1.5 -right-1.5 z-10", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "rounded-full p-0.5 shadow-md animate-in zoom-in duration-200",
+      style: { backgroundColor: bg },
+      children: /* @__PURE__ */ jsx(Icon, { icon, className: "size-3", style: { color: fg } })
+    }
+  ) });
 }
-function InlineEditableLabel({
-  value,
-  placeholder,
-  editing,
-  onStartEdit,
-  onCommit,
-  onCancel,
-  className,
-  inputClassName
-}) {
-  const tr = useTr();
-  const [draft, setDraft] = React2.useState(value);
-  const inputRef = React2.useRef(null);
-  React2.useEffect(() => {
-    if (!editing) return;
-    setDraft(value);
-    const raf = requestAnimationFrame(() => {
-      inputRef.current?.focus();
-      inputRef.current?.select();
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [editing, value]);
-  if (editing) {
-    return /* @__PURE__ */ jsx(
-      "input",
+var NodeCardHeader = React2.forwardRef(
+  ({
+    icon,
+    appName,
+    accentKey,
+    missingCredentials = false,
+    label,
+    isRenaming = false,
+    onStartRename,
+    onCommitRename,
+    onCancelRename
+  }, ref) => {
+    const tr = useTr();
+    const accent = nodeAccent(accentKey);
+    return /* @__PURE__ */ jsxs("div", { ref, className: "flex items-center gap-2.5 px-3 pb-3 pt-4", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex size-8 shrink-0 items-center justify-center rounded-lg",
+          style: {
+            backgroundColor: tint(accent, 13),
+            color: accent,
+            border: `1px solid ${tint(accent, 26)}`
+          },
+          children: /* @__PURE__ */ jsx(NodeTypeIcon, { icon, alt: appName, className: "size-[18px]" })
+        }
+      ),
+      onStartRename && onCommitRename && onCancelRename ? /* @__PURE__ */ jsx(
+        InlineEditableLabel,
+        {
+          value: label ?? "",
+          placeholder: appName,
+          editing: isRenaming,
+          onStartEdit: onStartRename,
+          onCommit: onCommitRename,
+          onCancel: onCancelRename,
+          className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",
+          inputClassName: "text-[11px] font-semibold uppercase tracking-wide"
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label || appName }),
+      missingCredentials && /* @__PURE__ */ jsx(
+        "span",
+        {
+          title: tr(
+            "fluidgrids.builder.nodeCard.missingCredentialsTooltip",
+            "Credentials not configured"
+          ),
+          className: "flex items-center text-[var(--color-status-warning-text)]",
+          "aria-label": tr(
+            "fluidgrids.builder.nodeCard.missingCredentialsAriaLabel",
+            "Credentials not configured"
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:alert-triangle", className: "size-4" })
+        }
+      )
+    ] });
+  }
+);
+NodeCardHeader.displayName = "NodeCardHeader";
+var NodeCardBody = React2.forwardRef(
+  ({ operationName, description }, ref) => {
+    const tr = useTr();
+    return /* @__PURE__ */ jsxs(
+      "div",
       {
-        ref: inputRef,
-        value: draft,
-        onChange: (e) => setDraft(e.target.value),
-        onClick: (e) => e.stopPropagation(),
-        onDoubleClick: (e) => e.stopPropagation(),
-        onMouseDown: (e) => e.stopPropagation(),
-        onKeyDown: (e) => {
-          e.stopPropagation();
-          if (e.key === "Enter") {
-            e.preventDefault();
-            onCommit(draft.trim());
-          } else if (e.key === "Escape") {
-            e.preventDefault();
-            onCancel();
-          }
-        },
-        onBlur: () => onCommit(draft.trim()),
-        className: cn(
-          "min-w-0 flex-1 rounded border border-primary/50 bg-card px-1 text-inherit outline-none",
-          inputClassName
-        )
+        ref,
+        className: "rounded-b-xl border-t border-border/60 px-3 pb-3 pt-2.5",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: tr("fluidgrids.builder.nodeCard.operationLabel", "Operation") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate font-mono text-[13px] font-bold text-card-foreground", children: operationName }),
+          description ? /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-snug text-muted-foreground", children: description }) : null
+        ]
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    "span",
+);
+NodeCardBody.displayName = "NodeCardBody";
+function CustomHandle({
+  className,
+  isConnectable,
+  accent,
+  ...props
+}) {
+  const { nodeLookup, edges } = useStore(({ nodeLookup: nodeLookup2, edges: edges2 }) => ({
+    nodeLookup: nodeLookup2,
+    edges: edges2
+  }));
+  const nodeId = useNodeId();
+  const isHandleConnectable = useMemo(() => {
+    if (!nodeId) return false;
+    const node = nodeLookup.get(nodeId);
+    if (!node) return false;
+    const connectedEdges = getConnectedEdges([node], edges);
+    if (typeof isConnectable === "function")
+      return isConnectable({ node, connectedEdges });
+    if (typeof isConnectable === "number")
+      return connectedEdges.length < isConnectable;
+    return isConnectable;
+  }, [edges, isConnectable, nodeId, nodeLookup]);
+  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+    Handle,
     {
-      className: cn("cursor-text truncate", className),
-      title: tr(
-        "fluidgrids.builder.nodeCard.renameTooltip",
-        "Double-click or press F2 to rename"
+      className: cn(
+        "cursor-crosshair transition-transform hover:scale-110",
+        !accent && "size-3 border-2 border-card-foreground/40 hover:border-primary/50",
+        className
       ),
-      onDoubleClick: (e) => {
-        e.stopPropagation();
-        onStartEdit();
-      },
-      children: value || placeholder
+      isConnectable: isHandleConnectable,
+      style: accent ? {
+        width: 14,
+        height: 14,
+        borderRadius: "50%",
+        background: "var(--card, #fff)",
+        border: `2.5px solid ${accent}`,
+        boxShadow: `0 0 0 3px color-mix(in srgb, ${accent} 12%, transparent)`
+      } : void 0,
+      ...props
     }
-  );
-}
-var NodeCard = React2.forwardRef(
-  ({
-    className,
-    selected = false,
-    executionStatus = "idle",
-    itemCount,
-    isTrigger = false,
-    accent = "#3b82f6",
-    onSettings,
-    onExecute,
-    onDelete,
-    isExecuting = false,
-    infoButton,
-    disabled = false,
-    onToggleDisabled,
-    children,
-    ...props
-  }, ref) => {
-    const tr = useTr();
-    const [hovered, setHovered] = React2.useState(false);
-    const statusRing = executionStatus === "running" ? "ring-2 ring-[var(--color-status-success-border)] animate-pulse-border" : executionStatus === "success" ? "ring-2 ring-[var(--color-status-success-border)]" : executionStatus === "error" ? "ring-2 ring-[var(--color-status-error-border)]" : "";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "group/node relative",
-        onMouseEnter: () => setHovered(true),
-        onMouseLeave: () => setHovered(false),
-        children: [
-          itemCount !== void 0 && itemCount > 0 && /* @__PURE__ */ jsx("div", { className: "absolute -top-7 left-1/2 -translate-x-1/2 z-10", children: /* @__PURE__ */ jsxs("div", { className: "rounded-full border border-border bg-card px-2 py-0.5 text-[10px] font-medium text-muted-foreground shadow-sm", children: [
-            itemCount,
-            " ",
-            itemCount !== 1 ? tr("fluidgrids.builder.nodeCard.itemCountOther", "items") : tr("fluidgrids.builder.nodeCard.itemCountOne", "item")
-          ] }) }),
-          (onSettings || onExecute || onDelete || onToggleDisabled || infoButton) && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "absolute right-1 z-20 flex items-center gap-0.5 rounded-lg border border-border bg-card p-0.5 shadow-md transition-all duration-150",
-                hovered ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
-              ),
-              style: {
-                // Inline offset (not a `-top-*` class) so it survives the host
-                // app's Tailwind scan of fe-sdk source, which drops some spacing
-                // utilities. The toolbar is ~30px tall; top:-15px centers it on
-                // the card's top edge (half outside, half over the card).
-                top: -15,
-                transform: hovered ? "translateY(0)" : "translateY(4px)"
-              },
-              onClick: (e) => e.stopPropagation(),
-              onDoubleClick: (e) => e.stopPropagation(),
-              children: [
-                onSettings && /* @__PURE__ */ jsx(
-                  ToolbarButton2,
-                  {
-                    title: tr(
-                      "fluidgrids.builder.nodeCard.configureTooltip",
-                      "Configure"
-                    ),
-                    onClick: onSettings,
-                    children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:sliders-horizontal", className: "size-4" })
-                  }
-                ),
-                onExecute && /* @__PURE__ */ jsx(
-                  ToolbarButton2,
-                  {
-                    title: tr(
-                      "fluidgrids.builder.nodeCard.executeTooltip",
-                      "Execute step"
-                    ),
-                    onClick: onExecute,
-                    disabled: isExecuting,
-                    children: isExecuting ? /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        icon: "svg-spinners:ring-resize",
-                        className: "size-4 text-[var(--color-status-success-text)]"
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        icon: "mdi:play",
-                        className: "size-4 text-[var(--color-status-success-text)]"
-                      }
-                    )
-                  }
-                ),
-                infoButton,
-                onToggleDisabled && /* @__PURE__ */ jsx(
-                  ToolbarButton2,
-                  {
-                    title: disabled ? tr(
-                      "fluidgrids.builder.nodeCard.enableTooltip",
-                      "Enable node"
-                    ) : tr(
-                      "fluidgrids.builder.nodeCard.disableTooltip",
-                      "Disable node (skip on run)"
-                    ),
-                    onClick: onToggleDisabled,
-                    children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        icon: disabled ? "mdi:power" : "mdi:power-off",
-                        className: cn(
-                          "size-4",
-                          disabled ? "text-[var(--color-status-warning-text)]" : "text-muted-foreground"
-                        )
-                      }
-                    )
-                  }
-                ),
-                onDelete && /* @__PURE__ */ jsx(
-                  ToolbarButton2,
-                  {
-                    title: tr(
-                      "fluidgrids.builder.nodeCard.deleteTooltip",
-                      "Delete"
-                    ),
-                    onClick: onDelete,
-                    children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        icon: "mynaui:trash",
-                        className: "size-4 text-[var(--color-status-error-text)]"
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          disabled && /* @__PURE__ */ jsx("div", { className: "absolute -top-2 right-2 z-10", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-full border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg)] px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-[var(--color-status-warning-text)] shadow-sm", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: "mdi:power-off", className: "size-2.5" }),
-            tr("fluidgrids.builder.nodeCard.disabledBadge", "Disabled")
-          ] }) }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref,
-              "data-selected": selected,
-              className: cn(
-                "relative w-72 rounded-xl border border-border bg-card shadow-sm will-change-transform",
-                statusRing,
-                executionStatus === "success" && "animate-success-glow",
-                disabled && "opacity-50 grayscale-[0.6]",
-                className
-              ),
-              style: {
-                borderTop: `3px solid ${accent}`,
-                transition: "transform 0.15s ease, box-shadow 0.15s ease",
-                transform: hovered ? "translateY(-2px)" : "none",
-                boxShadow: hovered ? "0 2px 4px rgba(16,24,40,0.06), 0 16px 34px -12px rgba(16,24,40,0.24)" : void 0
-              },
-              ...props,
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "pointer-events-none absolute -inset-0.5 transition-opacity duration-150",
-                    style: {
-                      borderRadius: 14,
-                      opacity: selected || hovered ? 1 : 0,
-                      boxShadow: selected ? `0 0 0 2px ${accent}, 0 0 0 5px ${tint(accent, 18)}` : `0 0 0 2px ${accent}`
-                    }
-                  }
-                ),
-                isTrigger && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute -top-2 -left-2 z-10 flex size-5 items-center justify-center rounded-full shadow-md ring-2 ring-card",
-                    style: { backgroundColor: "var(--color-status-success-text)" },
-                    children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        icon: "mdi:lightning-bolt",
-                        className: "size-3",
-                        style: { color: "var(--color-status-success-text-inverse)" }
-                      }
-                    )
-                  }
-                ),
-                children
-              ]
-            }
-          ),
-          executionStatus === "success" && /* @__PURE__ */ jsx(StatusCorner, { icon: "mdi:check", tone: "success" }),
-          executionStatus === "error" && /* @__PURE__ */ jsx(StatusCorner, { icon: "mdi:close", tone: "error" }),
-          executionStatus === "running" && /* @__PURE__ */ jsx(StatusCorner, { icon: "svg-spinners:ring-resize", tone: "success" })
-        ]
-      }
-    );
-  }
-);
-NodeCard.displayName = "NodeCard";
-function ToolbarButton2({
-  title,
-  onClick,
-  disabled,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      title,
-      disabled,
-      onClick: (e) => {
-        e.stopPropagation();
-        onClick?.();
-      },
-      className: "flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50",
-      children
-    }
-  );
-}
-function StatusCorner({
-  icon,
-  tone
-}) {
-  const bg = tone === "success" ? "var(--color-status-success-bg)" : "var(--color-status-error-bg)";
-  const fg = tone === "success" ? "var(--color-status-success-text-inverse)" : "var(--color-status-error-text-inverse)";
-  return /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1.5 -right-1.5 z-10", children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "rounded-full p-0.5 shadow-md animate-in zoom-in duration-200",
-      style: { backgroundColor: bg },
-      children: /* @__PURE__ */ jsx(Icon, { icon, className: "size-3", style: { color: fg } })
-    }
-  ) });
-}
-var NodeCardHeader = React2.forwardRef(
-  ({
-    icon,
-    appName,
-    accentKey,
-    missingCredentials = false,
-    label,
-    isRenaming = false,
-    onStartRename,
-    onCommitRename,
-    onCancelRename
-  }, ref) => {
-    const tr = useTr();
-    const accent = nodeAccent(accentKey);
-    return /* @__PURE__ */ jsxs("div", { ref, className: "flex items-center gap-2.5 px-3 pb-3 pt-4", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex size-8 shrink-0 items-center justify-center rounded-lg",
-          style: {
-            backgroundColor: tint(accent, 13),
-            color: accent,
-            border: `1px solid ${tint(accent, 26)}`
-          },
-          children: /* @__PURE__ */ jsx(NodeTypeIcon, { icon, alt: appName, className: "size-[18px]" })
-        }
-      ),
-      onStartRename && onCommitRename && onCancelRename ? /* @__PURE__ */ jsx(
-        InlineEditableLabel,
-        {
-          value: label ?? "",
-          placeholder: appName,
-          editing: isRenaming,
-          onStartEdit: onStartRename,
-          onCommit: onCommitRename,
-          onCancel: onCancelRename,
-          className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",
-          inputClassName: "text-[11px] font-semibold uppercase tracking-wide"
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label || appName }),
-      missingCredentials && /* @__PURE__ */ jsx(
-        "span",
-        {
-          title: tr(
-            "fluidgrids.builder.nodeCard.missingCredentialsTooltip",
-            "Credentials not configured"
-          ),
-          className: "flex items-center text-[var(--color-status-warning-text)]",
-          "aria-label": tr(
-            "fluidgrids.builder.nodeCard.missingCredentialsAriaLabel",
-            "Credentials not configured"
-          ),
-          children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:alert-triangle", className: "size-4" })
-        }
-      )
-    ] });
-  }
-);
-NodeCardHeader.displayName = "NodeCardHeader";
-var NodeCardBody = React2.forwardRef(
-  ({ operationName, description }, ref) => {
-    const tr = useTr();
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: "rounded-b-xl border-t border-border/60 px-3 pb-3 pt-2.5",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: tr("fluidgrids.builder.nodeCard.operationLabel", "Operation") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate font-mono text-[13px] font-bold text-card-foreground", children: operationName }),
-          description ? /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-snug text-muted-foreground", children: description }) : null
-        ]
-      }
-    );
-  }
-);
-NodeCardBody.displayName = "NodeCardBody";
-function CustomHandle({
-  className,
-  isConnectable,
-  accent,
-  ...props
-}) {
-  const { nodeLookup, edges } = useStore(({ nodeLookup: nodeLookup2, edges: edges2 }) => ({
-    nodeLookup: nodeLookup2,
-    edges: edges2
-  }));
-  const nodeId = useNodeId();
-  const isHandleConnectable = useMemo(() => {
-    if (!nodeId) return false;
-    const node = nodeLookup.get(nodeId);
-    if (!node) return false;
-    const connectedEdges = getConnectedEdges([node], edges);
-    if (typeof isConnectable === "function")
-      return isConnectable({ node, connectedEdges });
-    if (typeof isConnectable === "number")
-      return connectedEdges.length < isConnectable;
-    return isConnectable;
-  }, [edges, isConnectable, nodeId, nodeLookup]);
-  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-    Handle,
-    {
-      className: cn(
-        "cursor-crosshair transition-transform hover:scale-110",
-        !accent && "size-3 border-2 border-card-foreground/40 hover:border-primary/50",
-        className
-      ),
-      isConnectable: isHandleConnectable,
-      style: accent ? {
-        width: 14,
-        height: 14,
-        borderRadius: "50%",
-        background: "var(--card, #fff)",
-        border: `2.5px solid ${accent}`,
-        boxShadow: `0 0 0 3px color-mix(in srgb, ${accent} 12%, transparent)`
-      } : void 0,
-      ...props
-    }
-  ) });
+  ) });
 }
 
 // src/builder/components/flow-builder/components/blocks/nodes/node/handle-spec.ts
@@ -3865,8 +3605,8 @@ function resolveOutputHandles(data) {
   if (!spec) return DEFAULT_HANDLES;
   if (isDynamicSpec(spec)) {
     const args = data?.args;
-    const record = args?.state?.[spec.fromStateRecord] ?? data?.[spec.fromStateRecord] ?? {};
-    const dynamic = Object.entries(record).filter(([, handleId]) => typeof handleId === "string" && handleId).map(([label, handleId]) => ({ id: handleId, label }));
+    const record2 = args?.state?.[spec.fromStateRecord] ?? data?.[spec.fromStateRecord] ?? {};
+    const dynamic = Object.entries(record2).filter(([, handleId]) => typeof handleId === "string" && handleId).map(([label, handleId]) => ({ id: handleId, label }));
     return [...dynamic, ...spec.extra ?? []];
   }
   if (spec.length === 0) return DEFAULT_HANDLES;
@@ -4283,7 +4023,11 @@ function useSaveWorkflow() {
       const partitioned = partitionStickyNotes(workflow.nodes ?? []);
       const preparedWorkflow = {
         ...workflow,
-        nodes: partitioned.nodes.map((n) => {
+        nodes: normalizeWorkflowParameters(
+          partitioned.nodes,
+          workflow.edges ?? [],
+          (type) => NODE_CONFIGS.find((config2) => config2.type === type)?.operations
+        ).map((n) => {
           const slimData = slimNodeDataToCurrentOperation(
             n.data ?? {}
           );
@@ -5155,11 +4899,11 @@ function canRenderOperationPanel(selectedOperation, supportedOperations) {
   const operationName = resolveOperationName(selectedOperation, "");
   return operationName === "" || supportedOperations.includes(operationName);
 }
-function isRecord3(value) {
+function isRecord5(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function readRecord2(value) {
-  return isRecord3(value) ? value : void 0;
+  return isRecord5(value) ? value : void 0;
 }
 function readOperations(value) {
   const operations = Array.isArray(value) ? value : readRecord2(value)?.operations;
@@ -6064,76 +5808,636 @@ function ensureNodeConfigsLoaded() {
       } else {
         initPromise = null;
       }
-      rebuildNodeArrays();
-    });
-  }
-  return initPromise;
-}
-function isNodeConfigsInitialized() {
-  return isInitialized;
-}
-function rebuildNodeArrays() {
-  NODE_CONFIGS.forEach((config2) => {
-    const data = getNodeMetadata(config2);
-    const nodeMetadata = {
-      ...data,
-      detail: { ...config2.detail }
-    };
-    if (!NODES.some((n) => n.type === nodeMetadata.type)) {
-      NODES.push(nodeMetadata);
-      NODE_TYPES[nodeMetadata.type] = nodeMetadata.node;
-      NODES_METADATA[nodeMetadata.type] = {
-        ...nodeMetadata,
-        __details: { type: nodeMetadata.type, ...nodeMetadata.detail }
-      };
-    }
-  });
-  const newAvailableNodes = NODES.filter(
-    (node) => node.available === void 0 || node.available
-  ).map((node) => {
-    const nodeConfig = NODE_CONFIGS.find((config2) => config2.type === node.type);
-    return {
-      type: node.type,
-      icon: node.detail.icon,
-      title: node.detail.title,
-      description: node.detail.description,
-      gradientColor: node.detail.gradientColor ?? "gray",
-      manifest: node.defaultData?.nodeData,
-      publishType: nodeConfig?.publishType
-      // Include publishType
-    };
-  });
-  AVAILABLE_NODES.length = 0;
-  AVAILABLE_NODES.push(...newAvailableNodes);
-  notifyNodeTypesListeners();
-}
-ensureNodeConfigsLoaded().catch((err) => {
-  console.warn(
-    "[Workflows] Background node config initialization failed:",
-    err
+      rebuildNodeArrays();
+    });
+  }
+  return initPromise;
+}
+function isNodeConfigsInitialized() {
+  return isInitialized;
+}
+function rebuildNodeArrays() {
+  NODE_CONFIGS.forEach((config2) => {
+    const data = getNodeMetadata(config2);
+    const nodeMetadata = {
+      ...data,
+      detail: { ...config2.detail }
+    };
+    if (!NODES.some((n) => n.type === nodeMetadata.type)) {
+      NODES.push(nodeMetadata);
+      NODE_TYPES[nodeMetadata.type] = nodeMetadata.node;
+      NODES_METADATA[nodeMetadata.type] = {
+        ...nodeMetadata,
+        __details: { type: nodeMetadata.type, ...nodeMetadata.detail }
+      };
+    }
+  });
+  const newAvailableNodes = NODES.filter(
+    (node) => node.available === void 0 || node.available
+  ).map((node) => {
+    const nodeConfig = NODE_CONFIGS.find((config2) => config2.type === node.type);
+    return {
+      type: node.type,
+      icon: node.detail.icon,
+      title: node.detail.title,
+      description: node.detail.description,
+      gradientColor: node.detail.gradientColor ?? "gray",
+      manifest: node.defaultData?.nodeData,
+      publishType: nodeConfig?.publishType
+      // Include publishType
+    };
+  });
+  AVAILABLE_NODES.length = 0;
+  AVAILABLE_NODES.push(...newAvailableNodes);
+  notifyNodeTypesListeners();
+}
+ensureNodeConfigsLoaded().catch((err) => {
+  console.warn(
+    "[Workflows] Background node config initialization failed:",
+    err
+  );
+});
+var fallbackDynamic = getNodeMetadata({ type: "__default_dynamic__" });
+if (fallbackDynamic?.node) {
+  NODE_TYPES["default"] = fallbackDynamic.node;
+}
+NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
+function registerWorkflowNodeTypes(workflowNodes) {
+  for (const node of workflowNodes) {
+    if (node.type && !NODE_TYPES[node.type]) {
+      const meta = getNodeMetadata({
+        type: node.type,
+        defaultData: {
+          version: node.data?.version,
+          nodeData: node.data?.nodeData
+        },
+        operations: node.data?.operations
+      });
+      if (meta?.node) {
+        NODE_TYPES[node.type] = meta.node;
+      }
+    }
+  }
+}
+
+// src/hooks/useNodeExecution.ts
+var TRIGGER_WORKFLOW = TriggerWorkflowDocument;
+var EXECUTE_STEP = ExecuteStepDocument;
+var WORKFLOW_RUN = WorkflowRunDocument;
+var RUN_FROM_NODE = RunFromNodeDocument;
+var EXECUTION_DETAIL = ExecutionDetailDocument;
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "COMPLETED",
+  "FAILED",
+  "CANCELLED",
+  "TERMINATED"
+]);
+var POLL_INTERVAL = 1500;
+var MAX_RUN_CREATION_WAIT = 6e4;
+function calculateItemCount(output) {
+  if (!output || Object.keys(output).length === 0) {
+    return 0;
+  }
+  const values = Object.values(output);
+  for (const value of values) {
+    if (Array.isArray(value)) {
+      return value.length;
+    }
+    if (typeof value === "object" && value !== null) {
+      const nestedValues = Object.values(value);
+      for (const nestedValue of nestedValues) {
+        if (Array.isArray(nestedValue)) {
+          return nestedValue.length;
+        }
+      }
+    }
+  }
+  return 1;
+}
+function useNodeExecution() {
+  const pollTimerRef = useRef(null);
+  const pollStartRef = useRef(0);
+  const activeRunIdRef = useRef(null);
+  const loadRequestRef = useRef(0);
+  const workflow = useFlowStore((s) => s.workflow);
+  const startExecution = useFlowStore(
+    (s) => s.actions.execution.startExecution
+  );
+  const setRunMetadata = useFlowStore(
+    (s) => s.actions.execution.setRunMetadata
+  );
+  const setStepPlan = useFlowStore((s) => s.actions.execution.setStepPlan);
+  const addLog = useFlowStore((s) => s.actions.execution.addLog);
+  const updateLog = useFlowStore((s) => s.actions.execution.updateLog);
+  const setNodeStatus = useFlowStore((s) => s.actions.execution.setNodeStatus);
+  const setNodeItemCount = useFlowStore(
+    (s) => s.actions.execution.setNodeItemCount
+  );
+  const completeExecution = useFlowStore(
+    (s) => s.actions.execution.completeExecution
+  );
+  const clearLogs = useFlowStore((s) => s.actions.execution.clearLogs);
+  const loadDebugRun = useFlowStore((s) => s.actions.execution.loadDebugRun);
+  const cleanup = useCallback(() => {
+    loadRequestRef.current += 1;
+    if (pollTimerRef.current) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    activeRunIdRef.current = null;
+  }, []);
+  const findTriggerNode = useCallback(() => {
+    const { nodes, edges } = workflow;
+    const explicitTrigger = nodes.find(isNodeTrigger);
+    if (explicitTrigger) {
+      return explicitTrigger;
+    }
+    const nodesWithIncomingEdges = new Set(edges.map((e) => e.target));
+    const firstNode = nodes.find(
+      (node) => !nodesWithIncomingEdges.has(node.id)
+    );
+    if (firstNode) {
+      return firstNode;
+    }
+    if (nodes.length > 0) {
+      return nodes[0];
+    }
+    console.error("[useNodeExecution] No nodes found in workflow");
+    return null;
+  }, [workflow]);
+  const getNodeName = useCallback(
+    (nodeId) => {
+      const node = workflow.nodes.find((n) => n.id === nodeId);
+      if (!node) return `Node ${nodeId}`;
+      const data = node.data;
+      return data?.operation_name || data?.name || node.type || `Node ${nodeId}`;
+    },
+    [workflow.nodes]
+  );
+  const processNodeStates = useCallback(
+    (runId, nodeStates) => {
+      for (const nodeState of nodeStates) {
+        const logId = `${runId}-${nodeState.nodeId}`;
+        const rawStatus = nodeState.status.toLowerCase();
+        const status = rawStatus === "completed" ? "completed" : rawStatus === "failed" || rawStatus === "timeout" ? "failed" : rawStatus === "running" || rawStatus === "waiting" || rawStatus === "delayed" || rawStatus === "waiting_subworkflow" ? "running" : "pending";
+        if (status === "completed") {
+          setNodeStatus(nodeState.nodeId, "success");
+          if (nodeState.output) {
+            const itemCount = calculateItemCount(
+              nodeState.output
+            );
+            setNodeItemCount(nodeState.nodeId, itemCount);
+          }
+        } else if (status === "failed") {
+          setNodeStatus(nodeState.nodeId, "error");
+        } else if (status === "running") {
+          setNodeStatus(nodeState.nodeId, "running");
+        }
+        const existingLog = useFlowStore.getState().execution.logs.find((l) => l.id === logId);
+        if (!existingLog) {
+          if (status === "pending") continue;
+          const newLog = {
+            id: logId,
+            runId,
+            nodeId: nodeState.nodeId,
+            nodeType: nodeState.nodeType,
+            nodeName: getNodeName(nodeState.nodeId),
+            status,
+            inputArgs: nodeState.inputArgs ?? null,
+            output: nodeState.output ?? null,
+            error: nodeState.error ?? null,
+            duration: nodeState.duration ?? null,
+            startTime: nodeState.startTime ?? (/* @__PURE__ */ new Date()).toISOString(),
+            endTime: nodeState.endTime ?? null,
+            usedPinnedData: nodeState.usedPinnedData ?? false,
+            reusedFromRunId: nodeState.reusedFromRunId ?? null
+          };
+          addLog(newLog);
+        } else {
+          if (existingLog.status !== status || status === "completed" && !existingLog.output) {
+            updateLog(logId, {
+              status,
+              inputArgs: nodeState.inputArgs ?? existingLog.inputArgs,
+              output: nodeState.output ?? existingLog.output,
+              error: nodeState.error ?? existingLog.error,
+              duration: nodeState.duration ?? existingLog.duration,
+              endTime: nodeState.endTime ?? existingLog.endTime,
+              usedPinnedData: nodeState.usedPinnedData ?? existingLog.usedPinnedData,
+              reusedFromRunId: nodeState.reusedFromRunId ?? existingLog.reusedFromRunId
+            });
+          }
+        }
+      }
+    },
+    [setNodeStatus, setNodeItemCount, addLog, updateLog, getNodeName]
+  );
+  const pollRunUpdates = useCallback(
+    (runId) => {
+      const client = getFluidGridsClient();
+      pollStartRef.current = Date.now();
+      activeRunIdRef.current = runId;
+      const doPoll = async () => {
+        if (activeRunIdRef.current !== runId) {
+          return;
+        }
+        try {
+          const result = await client.query({
+            query: WORKFLOW_RUN,
+            variables: { id: runId },
+            fetchPolicy: "network-only"
+          });
+          if (activeRunIdRef.current !== runId) {
+            return;
+          }
+          const run = result.data?.workflowRun;
+          if (!run) {
+            console.warn(
+              "[useNodeExecution] Poll returned no run data for",
+              runId
+            );
+            if (Date.now() - pollStartRef.current < MAX_RUN_CREATION_WAIT) {
+              pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL);
+            } else {
+              console.warn(
+                "[useNodeExecution] Run data not found after timeout for",
+                runId
+              );
+              completeExecution();
+              cleanup();
+            }
+            return;
+          }
+          setRunMetadata({
+            runId,
+            workflowKey: run.workflowKey,
+            version: run.version,
+            sourceMode: run.mode
+          });
+          if (run.nodeStates?.length) {
+            processNodeStates(runId, run.nodeStates);
+          }
+          if (TERMINAL_STATUSES.has(run.status)) {
+            completeExecution();
+            cleanup();
+            return;
+          }
+          pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL);
+        } catch (error) {
+          console.error("[useNodeExecution] Poll error:", error);
+          if (activeRunIdRef.current !== runId) {
+            return;
+          }
+          pollTimerRef.current = setTimeout(doPoll, POLL_INTERVAL * 2);
+        }
+      };
+      pollTimerRef.current = setTimeout(doPoll, 800);
+    },
+    [processNodeStates, completeExecution, cleanup, setRunMetadata]
+  );
+  const executeStep = useCallback(
+    async (nodeId) => {
+      cleanup();
+      clearLogs();
+      const workflowKey = workflow.workflowKey || workflow.id;
+      const version = workflow.version || "1.0.0";
+      if (!workflowKey) {
+        console.error(
+          "[useNodeExecution] Workflow must be saved before step execution. No workflowKey found."
+        );
+        return {
+          success: false,
+          error: "Workflow must be saved before execution"
+        };
+      }
+      setNodeStatus(nodeId, "running");
+      try {
+        normalizeWorkflowParameters(
+          workflow.nodes.filter((node) => node.id === nodeId),
+          workflow.edges,
+          (type) => NODE_CONFIGS.find((config2) => config2.type === type)?.operations
+        );
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: EXECUTE_STEP,
+            variables: {
+              input: {
+                workflowKey,
+                version,
+                nodeId
+              }
+            }
+          })
+        );
+        const stepResult = result.data?.executeStep;
+        if (stepResult) {
+          const backendRunId = stepResult.runId;
+          startExecution(nodeId, backendRunId, {
+            workflowKey: stepResult.workflowKey,
+            version: stepResult.version,
+            sourceMode: "TEST"
+          });
+          setStepPlan({
+            runId: backendRunId,
+            ...stepResult.plan,
+            sourceRunId: stepResult.plan.sourceRunId ?? null
+          });
+          const initialLog = {
+            id: `${backendRunId}-${nodeId}`,
+            runId: backendRunId,
+            nodeId,
+            nodeType: workflow.nodes.find((node) => node.id === nodeId)?.type || "unknown",
+            nodeName: getNodeName(nodeId),
+            status: "running",
+            inputArgs: null,
+            output: null,
+            error: null,
+            duration: null,
+            startTime: (/* @__PURE__ */ new Date()).toISOString(),
+            endTime: null
+          };
+          addLog(initialLog);
+          pollRunUpdates(backendRunId);
+          return { success: true, runId: backendRunId, plan: stepResult.plan };
+        }
+        console.error("[useNodeExecution] No result from executeStep");
+        setNodeStatus(nodeId, "error");
+        return { success: false, error: "No result from executeStep" };
+      } catch (error) {
+        console.error("[useNodeExecution] Error executing step:", error);
+        const errorMessage = describeOperationError(error);
+        const errorRunId = nanoid$1();
+        const errorLog = {
+          id: `${errorRunId}-${nodeId}`,
+          runId: errorRunId,
+          nodeId,
+          nodeType: workflow.nodes.find((node) => node.id === nodeId)?.type || "unknown",
+          nodeName: getNodeName(nodeId),
+          status: "failed",
+          inputArgs: null,
+          output: null,
+          error: errorMessage,
+          duration: null,
+          startTime: (/* @__PURE__ */ new Date()).toISOString(),
+          endTime: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        addLog(errorLog);
+        setNodeStatus(nodeId, "error");
+        completeExecution();
+        return { success: false, error: errorMessage };
+      }
+    },
+    [
+      cleanup,
+      clearLogs,
+      startExecution,
+      setStepPlan,
+      workflow,
+      getNodeName,
+      addLog,
+      setNodeStatus,
+      pollRunUpdates,
+      completeExecution
+    ]
+  );
+  const executeFullWorkflow = useCallback(
+    async (customTriggerData) => {
+      const triggerNode = findTriggerNode();
+      if (!triggerNode) {
+        console.error("[useNodeExecution] No trigger node found in workflow");
+        return { success: false, error: "No trigger node found" };
+      }
+      cleanup();
+      clearLogs();
+      const workflowKey = workflow.workflowKey || workflow.id;
+      const version = workflow.version || "1.0.0";
+      if (!workflowKey) {
+        console.error(
+          "[useNodeExecution] Workflow must be saved before execution. No workflowKey found."
+        );
+        return {
+          success: false,
+          error: "Workflow must be saved before execution"
+        };
+      }
+      setNodeStatus(triggerNode.id, "running");
+      try {
+        normalizeWorkflowParameters(
+          workflow.nodes.filter((node) => node.data.disabled !== true),
+          workflow.edges,
+          (type) => NODE_CONFIGS.find((config2) => config2.type === type)?.operations
+        );
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: TRIGGER_WORKFLOW,
+            variables: {
+              input: {
+                workflowKey,
+                version,
+                triggerNodeId: triggerNode.id,
+                triggerData: customTriggerData || {},
+                context: {},
+                // Builder "Test workflow" is always a manual/debug run.
+                // Pinned node data only applies to TEST executions, never a
+                // production trigger (webhook, schedule, API).
+                mode: "TEST"
+              }
+            }
+          })
+        );
+        const triggerResult = result.data?.triggerWorkflow;
+        if (triggerResult) {
+          const backendRunId = triggerResult.runId;
+          startExecution(triggerNode.id, backendRunId, {
+            workflowKey: triggerResult.workflowKey,
+            version: triggerResult.version,
+            sourceMode: "TEST"
+          });
+          pollRunUpdates(backendRunId);
+          return { success: true, runId: backendRunId };
+        }
+        console.error("[useNodeExecution] No result from trigger");
+        setNodeStatus(triggerNode.id, "error");
+        return { success: false, error: "No result from trigger" };
+      } catch (error) {
+        console.error("[useNodeExecution] Error triggering workflow:", error);
+        const errorMessage = describeOperationError(error);
+        const errorRunId = nanoid$1();
+        const errorLog = {
+          id: `${errorRunId}-${triggerNode.id}`,
+          runId: errorRunId,
+          nodeId: triggerNode.id,
+          nodeType: triggerNode.type || "unknown",
+          nodeName: getNodeName(triggerNode.id),
+          status: "failed",
+          inputArgs: null,
+          output: null,
+          error: errorMessage,
+          duration: null,
+          startTime: (/* @__PURE__ */ new Date()).toISOString(),
+          endTime: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        addLog(errorLog);
+        setNodeStatus(triggerNode.id, "error");
+        completeExecution();
+        return { success: false, error: errorMessage };
+      }
+    },
+    [
+      findTriggerNode,
+      cleanup,
+      clearLogs,
+      startExecution,
+      workflow,
+      getNodeName,
+      addLog,
+      setNodeStatus,
+      pollRunUpdates,
+      completeExecution
+    ]
+  );
+  const executeFromNode = useCallback(
+    async (sourceRunId, nodeId) => {
+      cleanup();
+      clearLogs();
+      setNodeStatus(nodeId, "running");
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: RUN_FROM_NODE,
+            variables: {
+              input: {
+                sourceRunId,
+                nodeId,
+                // Run-from-node is a debug affordance — always TEST, same
+                // rule as the other builder debug execution paths.
+                mode: "TEST"
+              }
+            }
+          })
+        );
+        const runFromNodeResult = result.data?.runFromNode;
+        if (runFromNodeResult) {
+          const backendRunId = runFromNodeResult.runId;
+          startExecution(nodeId, backendRunId, {
+            workflowKey: runFromNodeResult.workflowKey,
+            version: runFromNodeResult.version,
+            sourceMode: "TEST"
+          });
+          pollRunUpdates(backendRunId);
+          return { success: true, runId: backendRunId };
+        }
+        console.error("[useNodeExecution] No result from runFromNode");
+        setNodeStatus(nodeId, "error");
+        return { success: false, error: "No result from runFromNode" };
+      } catch (error) {
+        console.error("[useNodeExecution] Error running from node:", error);
+        const errorMessage = describeOperationError(error);
+        setNodeStatus(nodeId, "error");
+        completeExecution();
+        return { success: false, error: errorMessage };
+      }
+    },
+    [
+      cleanup,
+      clearLogs,
+      setNodeStatus,
+      startExecution,
+      pollRunUpdates,
+      completeExecution
+    ]
+  );
+  const loadExecution = useCallback(
+    async (runId) => {
+      cleanup();
+      const requestId = ++loadRequestRef.current;
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.query({
+            query: EXECUTION_DETAIL,
+            variables: { id: runId },
+            fetchPolicy: "network-only"
+          })
+        );
+        const run = result.data?.workflowRun;
+        if (!run) {
+          return { success: false, error: "Execution not found" };
+        }
+        if (run.mode !== "TEST") {
+          return {
+            success: false,
+            error: "Only TEST runs can be loaded for continuation."
+          };
+        }
+        if (!TERMINAL_STATUSES.has(run.status)) {
+          return {
+            success: false,
+            error: "Only terminal TEST runs can be loaded for continuation."
+          };
+        }
+        if (requestId !== loadRequestRef.current) {
+          return { success: false, error: "Execution load superseded." };
+        }
+        const currentWorkflow = useFlowStore.getState().workflow;
+        const currentWorkflowKey = currentWorkflow.workflowKey || currentWorkflow.id;
+        if (run.workflowKey !== currentWorkflowKey || run.version !== currentWorkflow.version) {
+          return {
+            success: false,
+            error: "The selected run belongs to a different workflow version."
+          };
+        }
+        const logs = (run.nodeStates ?? []).map((nodeState) => {
+          const rawStatus = nodeState.status.toLowerCase();
+          const status = rawStatus === "completed" ? "completed" : rawStatus === "failed" || rawStatus === "timeout" ? "failed" : rawStatus === "running" || rawStatus === "waiting" || rawStatus === "delayed" || rawStatus === "waiting_subworkflow" ? "running" : "pending";
+          return {
+            id: `${runId}-${nodeState.nodeId}`,
+            runId,
+            nodeId: nodeState.nodeId,
+            nodeType: nodeState.nodeType,
+            nodeName: getNodeName(nodeState.nodeId),
+            status,
+            inputArgs: nodeState.inputArgs ?? null,
+            output: nodeState.output ?? null,
+            error: nodeState.error ?? null,
+            duration: nodeState.duration ?? null,
+            startTime: nodeState.startTime ?? run.startedAt ?? "",
+            endTime: nodeState.endTime ?? null,
+            usedPinnedData: nodeState.usedPinnedData ?? false,
+            reusedFromRunId: nodeState.reusedFromRunId ?? null
+          };
+        });
+        loadDebugRun(runId, logs, {
+          workflowKey: run.workflowKey,
+          version: run.version,
+          sourceMode: run.mode
+        });
+        return { success: true, runId };
+      } catch (error) {
+        console.error("[useNodeExecution] Error loading execution:", error);
+        return { success: false, error: describeOperationError(error) };
+      }
+    },
+    [cleanup, getNodeName, loadDebugRun]
   );
-});
-var fallbackDynamic = getNodeMetadata({ type: "__default_dynamic__" });
-if (fallbackDynamic?.node) {
-  NODE_TYPES["default"] = fallbackDynamic.node;
-}
-NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
-function registerWorkflowNodeTypes(workflowNodes) {
-  for (const node of workflowNodes) {
-    if (node.type && !NODE_TYPES[node.type]) {
-      const meta = getNodeMetadata({
-        type: node.type,
-        defaultData: {
-          version: node.data?.version,
-          nodeData: node.data?.nodeData
-        },
-        operations: node.data?.operations
-      });
-      if (meta?.node) {
-        NODE_TYPES[node.type] = meta.node;
+  useEffect(() => {
+    return () => {
+      if (pollTimerRef.current) {
+        completeExecution();
       }
-    }
-  }
+      cleanup();
+    };
+  }, [cleanup, completeExecution]);
+  return {
+    executeStep,
+    executeFullWorkflow,
+    executeFromNode,
+    loadExecution,
+    cleanup,
+    findTriggerNode
+  };
 }
 var FluidGridsContext = createContext(
   null
@@ -20485,116 +20789,6 @@ var ChatPanel = () => {
     }
   );
 };
-
-// src/builder/lib/field-schema.ts
-function isRecord4(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function isIdentifier(key) {
-  return /^[A-Za-z_$][\w$]*$/.test(key);
-}
-function joinPath(base, key) {
-  if (isIdentifier(key)) return base ? `${base}.${key}` : key;
-  const bracket = `[${JSON.stringify(key)}]`;
-  return base ? `${base}${bracket}` : bracket;
-}
-function pathToExpression(path) {
-  if (!path) return "${output}";
-  const accessor = path.startsWith("[") ? `output${path}` : `output.${path}`;
-  return "${" + accessor + "}";
-}
-function fieldFromSpec(key, path, spec) {
-  if (typeof spec === "string") {
-    return { key, path, type: spec };
-  }
-  if (isRecord4(spec)) {
-    const declaredType = typeof spec.type === "string" ? spec.type : void 0;
-    const description = typeof spec.description === "string" ? spec.description : void 0;
-    const required = spec.required === true;
-    if (isRecord4(spec.properties)) {
-      const children = Object.entries(spec.properties).map(
-        ([k, v]) => fieldFromSpec(k, joinPath(path, k), v)
-      );
-      return { key, path, type: "object", required, description, children };
-    }
-    if (spec.items !== void 0) {
-      const element = fieldFromSpec("0", `${path}[0]`, spec.items);
-      return {
-        key,
-        path,
-        type: "array",
-        required,
-        description,
-        children: [element]
-      };
-    }
-    return { key, path, type: declaredType ?? "any", required, description };
-  }
-  return { key, path, type: "any" };
-}
-function fieldsFromIO(io, root = "") {
-  if (!isRecord4(io)) return [];
-  return Object.entries(io).map(
-    ([key, spec]) => fieldFromSpec(key, joinPath(root, key), spec)
-  );
-}
-function typeOfValue(value) {
-  if (value === null || value === void 0) return "any";
-  if (Array.isArray(value)) return "array";
-  if (typeof value === "object") return "object";
-  if (typeof value === "number") return "number";
-  if (typeof value === "boolean") return "boolean";
-  if (typeof value === "string") return "string";
-  return "any";
-}
-function fieldFromValue(key, path, value) {
-  if (Array.isArray(value)) {
-    const children = value.length > 0 ? [fieldFromValue("0", `${path}[0]`, value[0])] : void 0;
-    return { key, path, type: "array", children };
-  }
-  if (isRecord4(value)) {
-    const children = Object.entries(value).map(
-      ([k, v]) => fieldFromValue(k, joinPath(path, k), v)
-    );
-    return { key, path, type: "object", children };
-  }
-  return { key, path, type: typeOfValue(value) };
-}
-function fieldsFromValue(value, root = "") {
-  if (!isRecord4(value)) return [];
-  return Object.entries(value).map(
-    ([key, v]) => fieldFromValue(key, joinPath(root, key), v)
-  );
-}
-function declaredOutputFields(nodeType, op) {
-  const name = op?.name;
-  if (!name || nodeType?.startsWith("internal:")) {
-    return fieldsFromIO(op?.output_fields);
-  }
-  const children = fieldsFromIO(op?.output_fields, name);
-  if (children.length === 0) return [];
-  return [{ key: name, path: name, type: "object", children }];
-}
-function normalizeOperations(raw) {
-  if (Array.isArray(raw)) return raw;
-  if (isRecord4(raw) && Array.isArray(raw.operations)) {
-    return raw.operations;
-  }
-  return [];
-}
-function resolveNodeOperation(data, fallbackOperations2) {
-  const nodeData = isRecord4(data?.nodeData) ? data?.nodeData : void 0;
-  let operations = normalizeOperations(nodeData?.operations);
-  if (operations.length === 0) {
-    operations = normalizeOperations(data?.operations);
-  }
-  if (operations.length === 0 && fallbackOperations2 !== void 0) {
-    operations = normalizeOperations(fallbackOperations2);
-  }
-  const opName = typeof data?.operation_name === "string" ? data.operation_name : void 0;
-  const selected = operations.find((op) => op.name === opName) ?? operations[0];
-  return { operations, selected };
-}
 var FIELD_PATH_MIME = "application/x-fg-field-path";
 var TYPE_ICON = {
   string: "mdi:format-text",
@@ -21705,6 +21899,65 @@ function NodeLoadOptionsSelect({
     }
   );
 }
+function StructuredParameterInput({
+  name,
+  schema,
+  value,
+  onChange,
+  className,
+  testId
+}) {
+  const tr = useTr();
+  const descriptionId = useId();
+  const [draft, setDraft] = useState(() => ({
+    value,
+    text: formatParameterValue(value)
+  }));
+  const text = Object.is(draft.value, value) ? draft.text : formatParameterValue(value);
+  const result = parseParameterValue(schema, text);
+  const type = structuredParameterType(schema);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        "aria-label": name,
+        "aria-describedby": descriptionId,
+        "aria-invalid": !result.valid,
+        value: text,
+        rows: 4,
+        spellCheck: false,
+        className,
+        "data-testid": testId,
+        placeholder: type === "array" ? "[]" : "{}",
+        onChange: (event) => {
+          const nextText = event.target.value;
+          const nextResult = parseParameterValue(schema, nextText);
+          const nextValue = nextResult.valid ? nextResult.value : nextText;
+          setDraft({ value: nextValue, text: nextText });
+          onChange(nextValue);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: descriptionId,
+        role: result.valid ? void 0 : "alert",
+        className: result.valid ? "text-[11px] text-muted-foreground" : "text-[11px] text-destructive",
+        children: result.valid ? type === "array" ? tr(
+          "fluidgrids.builder.nodeParamsForm.arrayHint",
+          "Enter a JSON array. String lists also accept comma-separated values."
+        ) : tr(
+          "fluidgrids.builder.nodeParamsForm.objectHint",
+          "Enter a JSON object."
+        ) : tr(
+          "fluidgrids.builder.nodeParamsForm.structuredInputInvalid",
+          result.error
+        )
+      }
+    )
+  ] });
+}
 
 // src/builder/lib/mapping-values.ts
 function isMappingValue(value) {
@@ -21822,6 +22075,7 @@ function paramsFromOperation(op) {
       description: typeof rec?.description === "string" ? rec.description : void 0,
       options,
       defaultValue: rec?.default,
+      schema: spec,
       loadOptions
     };
   });
@@ -21986,18 +22240,24 @@ function useNodeConfig(target, options) {
   };
   const writeFixed = (field, value) => {
     if (!nodeId) return;
+    const parameter = params.find((candidate) => candidate.name === field);
+    const parsed = parseParameterValue(
+      parameter?.schema ?? parameter?.type,
+      value
+    );
+    const nextValue = parsed.valid ? parsed.value : value;
     const store = useFlowStore.getState();
     const next = store.workflow.nodes.map((n) => {
       if (n.id !== nodeId) return n;
       const data = { ...asRecord(n.data) ?? {} };
       const args = { ...asRecord(data.args) ?? {} };
       const state = { ...asRecord(args.state) ?? {} };
-      if (value === void 0 || value === null || value === "") {
+      if (nextValue === void 0 || nextValue === null || nextValue === "") {
         delete state[field];
+        args.state = state;
       } else {
-        state[field] = value;
+        args.state = { ...state, [field]: nextValue };
       }
-      args.state = state;
       data.args = args;
       return { ...n, data };
     });
@@ -22436,6 +22696,17 @@ function NodeParamsForm({
                 onChange: (v) => writeFixed(p.name, v),
                 "data-testid": `${testIdPrefix}-param-${p.name}`
               }
+            ) : structuredParameterType(p.schema ?? p.type) ? /* @__PURE__ */ jsx(
+              StructuredParameterInput,
+              {
+                name: p.name,
+                schema: p.schema ?? p.type,
+                value: fixedValue,
+                onChange: (value) => writeFixed(p.name, value),
+                className: cn(inputCx2, "font-mono"),
+                testId: `${testIdPrefix}-param-${p.name}`
+              },
+              `${config2.node?.id}:${config2.currentOp?.name}:${p.name}`
             ) : p.loadOptions ? /* @__PURE__ */ jsx(
               NodeLoadOptionsSelect,
               {
@@ -24371,7 +24642,7 @@ function QuickConfigPanelInner({
 }
 
 // src/utils/workflow-definition-diff.ts
-function isRecord5(value) {
+function isRecord6(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function equalJson(left, right) {
@@ -24379,7 +24650,7 @@ function equalJson(left, right) {
   if (Array.isArray(left) && Array.isArray(right)) {
     return left.length === right.length && left.every((value, index) => equalJson(value, right[index]));
   }
-  if (isRecord5(left) && isRecord5(right)) {
+  if (isRecord6(left) && isRecord6(right)) {
     const leftKeys = Object.keys(left).sort((a, b) => a.localeCompare(b));
     const rightKeys = Object.keys(right).sort((a, b) => a.localeCompare(b));
     return leftKeys.length === rightKeys.length && leftKeys.every(
@@ -24392,7 +24663,7 @@ function diffWorkflowDefinitionJson(before, after, maxEntries = 2e3) {
   const entries = [];
   const visit = (left, right, path) => {
     if (entries.length >= maxEntries || equalJson(left, right)) return;
-    if (isRecord5(left) && isRecord5(right)) {
+    if (isRecord6(left) && isRecord6(right)) {
       const keys = [
         .../* @__PURE__ */ new Set([...Object.keys(left), ...Object.keys(right)])
       ].sort((a, b) => a.localeCompare(b));