@burdenoff/fluidgrids-fe-sdk 2026.1014.4 → 2026.1014.6

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

@@ -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") {
@@ -2454,643 +2454,339 @@ 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
-            });
-          }
-        }
-      }
-    },
-    [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]
+}
+
+// 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
+    }
   );
-  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
-              }
-            }
-          })
+}
+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
         );
-        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 };
-      }
+        zustandSetNodes(updated);
+        return updated;
+      });
     },
-    [
-      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();
-    };
-  }, [cleanup, completeExecution]);
-  return {
-    executeStep,
-    executeFullWorkflow,
-    executeFromNode,
-    loadExecution,
-    cleanup,
-    findTriggerNode
-  };
-}
-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]
-  );
-}
-
-// 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;
-      });
-    },
-    [id, setNodes, zustandSetNodes]
+    [id, setNodes, zustandSetNodes]
   );
   const startEditing = useCallback(() => {
     setDraft(String(getNode(id)?.data?.content ?? ""));
@@ -3865,8 +3561,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 +3979,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 +4855,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;
@@ -5185,955 +4885,1515 @@ function synchronizeOperationUpdate(currentData, updates, registeredOperations)
     nodeData: { ...manifest, operations: selected ? [selected] : [] }
   };
 }
-function isAutoManagedConnectionAdapter(nodeType, adapter) {
-  const isBigConsoleDataSinkAutoAdapter = nodeType === "store/bigconsole_datasink" && adapter.name === "bigconsole" && adapter.provider === "bigconsole";
-  return isBigConsoleDataSinkAutoAdapter || adapter.mode === "auto" || adapter.autoProvision === true || adapter.autoManaged === true || adapter.hidden === true;
+function isAutoManagedConnectionAdapter(nodeType, adapter) {
+  const isBigConsoleDataSinkAutoAdapter = nodeType === "store/bigconsole_datasink" && adapter.name === "bigconsole" && adapter.provider === "bigconsole";
+  return isBigConsoleDataSinkAutoAdapter || adapter.mode === "auto" || adapter.autoProvision === true || adapter.autoManaged === true || adapter.hidden === true;
+}
+function getVisibleConnectionAdapters(nodeType, operationName, operations, nodeData) {
+  const ops = (() => {
+    const arr = Array.isArray(operations) ? operations : operations?.operations ?? [];
+    return arr;
+  })();
+  const op = operationName ? ops.find((o) => o.name === operationName) : void 0;
+  const adapters = op?.connectionAdapters ?? op?.credentialAdapters ?? nodeData?.connectionAdapters ?? nodeData?.credentialAdapters ?? [];
+  return adapters.filter(
+    (adapter) => !isAutoManagedConnectionAdapter(nodeType, adapter)
+  );
+}
+function isAdapterCompatible(adapterFilter, adapterType, targetNodeKind, targetAdapterOutputType, targetNodeType) {
+  if (adapterType && targetAdapterOutputType && adapterType !== targetAdapterOutputType) {
+    return false;
+  }
+  if (adapterFilter?.kind && adapterFilter.kind.length > 0) {
+    if (!targetNodeKind || !adapterFilter.kind.every((k) => targetNodeKind.includes(k))) {
+      return false;
+    }
+  }
+  if (adapterFilter?.excludeNodes && targetNodeType) {
+    if (adapterFilter.excludeNodes.includes(targetNodeType)) {
+      return false;
+    }
+  }
+  return true;
+}
+function useCompatibleSubNodes(adapter) {
+  return useMemo(() => {
+    const out = [];
+    for (const cfg of NODE_CONFIGS) {
+      const nodeData = cfg.defaultData?.nodeData;
+      if (!nodeData?.adapterOutputType && !nodeData?.supportsAdapterMode) {
+        continue;
+      }
+      if (!isAdapterCompatible(
+        adapter.filter,
+        adapter.type,
+        nodeData?.kind,
+        nodeData?.adapterOutputType,
+        cfg.type
+      )) {
+        continue;
+      }
+      const ops = cfg.operations ?? [];
+      out.push({
+        type: cfg.type,
+        title: cfg.detail?.title || nodeData?.name || cfg.type,
+        icon: cfg.detail?.icon || nodeData?.icon || "mynaui:puzzle",
+        description: cfg.detail?.description || nodeData?.description,
+        adapterOperation: ops.find((o) => o.isAdapterOperation)?.name
+      });
+    }
+    return out.sort((a, b) => a.title.localeCompare(b.title));
+  }, [adapter.filter, adapter.type]);
+}
+function AdapterPort({
+  nodeId,
+  adapter,
+  index,
+  total
+}) {
+  const tr = useTr();
+  const edges = useStore((s) => s.edges);
+  const { getNode } = useReactFlow();
+  const insertNode = useInsertNode();
+  const onConnect = useFlowStore((s) => s.actions.edges.onConnect);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const candidates = useCompatibleSubNodes(adapter);
+  const connectionCount = edges.filter(
+    (e) => e.source === nodeId && e.sourceHandle === adapter.name
+  ).length;
+  const isAtMaxConnections = adapter.maxConnections != null && adapter.maxConnections !== void 0 && connectionCount >= adapter.maxConnections;
+  const hasConnection = connectionCount > 0;
+  const diamondColor = hasConnection ? "bg-[var(--color-accent-primary)]" : "bg-[var(--color-text-muted)]";
+  const lineColor = hasConnection ? "before:bg-[var(--color-accent-primary)]" : "before:bg-[var(--color-border-strong)]";
+  const addSubNode = useCallback(
+    (candidate) => {
+      setPickerOpen(false);
+      const parent = getNode(nodeId);
+      const origin = parent?.position ?? { x: 0, y: 0 };
+      const parentHeight = parent?.measured?.height ?? 180;
+      const SPACING = 180;
+      const position = {
+        x: origin.x + (index - (total - 1) / 2) * SPACING,
+        y: origin.y + parentHeight + 190
+      };
+      const created = insertNode(
+        candidate.type,
+        position,
+        candidate.adapterOperation
+      );
+      if (!created?.id) return;
+      created.data = {
+        ...created.data,
+        isAdapterInstance: true
+      };
+      onConnect({
+        source: nodeId,
+        sourceHandle: adapter.name,
+        target: created.id,
+        targetHandle: "target"
+      });
+    },
+    [getNode, nodeId, index, total, insertNode, onConnect, adapter.name]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `p-0.5 m-0.5 text-center before:content-[''] before:h-[95%] before:left-1/2 before:-translate-x-1/2 before:w-0.5 ${lineColor} before:absolute before:top-0 before:pointer-events-none`,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `w-3 h-3 ${diamondColor} rotate-45 transition-transform hover:scale-110`
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 z-10 absolute left-1/2 transform -translate-x-1/2 font-medium bg-surface h-fit pointer-events-none", children: /* @__PURE__ */ jsxs("span", { className: "text-xs max-w-fit relative font-medium text-[var(--color-text-secondary)] whitespace-nowrap", children: [
+          adapter?.name,
+          adapter?.required && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)] absolute -right-2 top-[1px]", children: "*" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-16 flex flex-col items-center gap-1.5", children: [
+          !isAtMaxConnections && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: `Add ${adapter.name}`,
+              "aria-label": `Add ${adapter.name}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                setPickerOpen((v) => !v);
+              },
+              className: "w-5 h-5 border-2 border-[var(--color-border-strong)] rounded text-[var(--color-text-secondary)] text-lg leading-none font-bold bg-surface flex items-center justify-center transition-colors hover:border-[var(--color-accent-primary)] hover:text-[var(--color-accent-primary)] cursor-pointer",
+              children: "+"
+            }
+          ),
+          isAtMaxConnections && /* @__PURE__ */ jsx(
+            "div",
+            {
+              title: `${adapter.name} is full`,
+              className: "w-5 h-5 border-2 border-[var(--color-border-subtle)] rounded text-[var(--color-text-disabled)] text-lg leading-none font-bold bg-surface flex items-center justify-center",
+              children: "\u2022"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Handle,
+            {
+              type: "source",
+              position: Position.Bottom,
+              id: adapter?.name,
+              className: "!relative !top-auto !left-auto !right-auto !bottom-auto !transform-none !w-2.5 !h-2.5 !min-w-0 !min-h-0 !rounded-full !border-0 bg-[var(--color-accent-primary)]",
+              isConnectable: !isAtMaxConnections,
+              isValidConnection: (connection) => {
+                if (!adapter.type && !adapter.filter) return true;
+                const targetNode = getNode(connection.target);
+                if (!targetNode) return true;
+                const targetData = targetNode.data;
+                const targetNodeData = targetData?.nodeData;
+                return isAdapterCompatible(
+                  adapter.filter,
+                  adapter.type,
+                  targetNodeData?.kind,
+                  targetNodeData?.adapterOutputType,
+                  targetNode.type
+                );
+              }
+            }
+          )
+        ] }),
+        pickerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40",
+              onClick: () => setPickerOpen(false)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "absolute z-50 top-[86px] left-1/2 -translate-x-1/2 w-60 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-surface-elevated)] shadow-xl overflow-hidden text-left nodrag nowheel", children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-[var(--color-border-subtle)]", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-[var(--color-text-primary)]", children: [
+                tr("fluidgrids.builder.adapterPort.addPrefix", "Add"),
+                " ",
+                adapter.name
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-[var(--color-text-muted)]", children: [
+                candidates.length,
+                " compatible node",
+                candidates.length === 1 ? "" : "s"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-y-auto", children: [
+              candidates.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-[11px] text-[var(--color-text-muted)]", children: tr(
+                "fluidgrids.builder.adapterPort.noCompatibleNodes",
+                "No compatible node installed. Publish and install one from the Node Store first."
+              ) }),
+              candidates.map((c) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    addSubNode(c);
+                  },
+                  className: "w-full flex items-start gap-2 px-3 py-2 hover:bg-[var(--color-bg-elevated)] transition-colors text-left",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      NodeTypeIcon,
+                      {
+                        icon: c.icon,
+                        alt: c.title,
+                        className: "size-4 mt-0.5 shrink-0 text-[var(--color-accent-primary)]"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx("span", { className: "block text-xs text-[var(--color-text-primary)] truncate", children: c.title }),
+                      c.description && /* @__PURE__ */ jsx("span", { className: "block text-[10px] text-[var(--color-text-muted)] line-clamp-2", children: c.description })
+                    ] })
+                  ]
+                },
+                c.type
+              ))
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function AdapterConnectors({
+  nodeId,
+  adapters
+}) {
+  if (!adapters || adapters.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "left-0 w-full flex justify-around mt-[6.5px]", children: adapters.map((adapter, i) => /* @__PURE__ */ jsx(
+    AdapterPort,
+    {
+      nodeId,
+      adapter,
+      index: i,
+      total: adapters.length
+    },
+    adapter.name
+  )) });
 }
-function getVisibleConnectionAdapters(nodeType, operationName, operations, nodeData) {
-  const ops = (() => {
-    const arr = Array.isArray(operations) ? operations : operations?.operations ?? [];
-    return arr;
-  })();
-  const op = operationName ? ops.find((o) => o.name === operationName) : void 0;
-  const adapters = op?.connectionAdapters ?? op?.credentialAdapters ?? nodeData?.connectionAdapters ?? nodeData?.credentialAdapters ?? [];
-  return adapters.filter(
-    (adapter) => !isAutoManagedConnectionAdapter(nodeType, adapter)
+function SubNodeComponent({
+  id,
+  isConnectable,
+  selected,
+  data,
+  nodeType
+}) {
+  const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
+  const deleteNode = useDeleteNode();
+  const [showNodePropertiesOf] = useFlowStore(
+    useShallow((s) => [s.actions.sidebar.showNodePropertiesOf])
+  );
+  const openNdv = useFlowStore((s) => s.actions.ndv.open);
+  const [nodeStatuses] = useFlowStore(
+    useShallow((s) => [s.execution.nodeStatuses])
+  );
+  const nodeStatus = nodeStatuses[id] || "idle";
+  const statusRing = nodeStatus === "success" ? "ring-2 ring-[var(--color-status-success-border)]" : nodeStatus === "error" ? "ring-2 ring-[var(--color-status-error-border)]" : nodeStatus === "running" ? "ring-2 ring-[var(--color-status-info-border)] animate-pulse" : "";
+  const handleShowNodeProperties = useCallback(() => {
+    openNdv({ nodeId: id, type: nodeType });
+    showNodePropertiesOf({ id, type: nodeType });
+  }, [id, nodeType, openNdv, showNodePropertiesOf]);
+  return (
+    // `relative` anchors the absolute delete button; `group` enables its hover reveal.
+    /* @__PURE__ */ jsxs("div", { className: "relative group flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx(
+        Handle,
+        {
+          type: "target",
+          position: Position.Top,
+          id: "target",
+          isConnectable,
+          className: "size-2.5 bg-[var(--color-accent-primary)] border-2 border-[var(--color-border-strong)]"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "w-0.5 h-4 border-l-2 border-dashed border-[var(--color-border-strong)]" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--color-text-muted)] font-medium mb-1", children: meta.title.includes("Model") ? "Model" : meta.title.includes("Memory") ? "Memory" : meta.title.includes("Tool") ? "Tool" : meta.title.includes("Parser") ? "Parser" : "Adapter" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `w-14 h-14 rounded-full bg-[var(--color-surface-elevated)] border-2 border-[var(--color-border-strong)] flex items-center justify-center shadow-lg cursor-pointer transition-all hover:border-[var(--color-accent-primary)] hover:shadow-xl ${statusRing}`,
+          onDoubleClick: handleShowNodeProperties,
+          "data-selected": selected,
+          children: /* @__PURE__ */ jsx(
+            NodeTypeIcon,
+            {
+              icon: meta.icon,
+              alt: meta.title,
+              className: "w-7 h-7 text-accent opacity-80"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-[var(--color-text-secondary)] font-medium text-center max-w-24 leading-tight", children: data?.label || data?.args?.state?.operation || meta.title }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => deleteNode(id),
+          className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-[var(--color-status-error)] text-white text-[10px] flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-[var(--color-status-error)] transition-opacity",
+          children: "\xD7"
+        }
+      ),
+      /* @__PURE__ */ jsx(AdapterConnectors, { nodeId: id, adapters: data?.nodeData?.nodeAdapters })
+    ] })
   );
 }
-function isAdapterCompatible(adapterFilter, adapterType, targetNodeKind, targetAdapterOutputType, targetNodeType) {
-  if (adapterType && targetAdapterOutputType && adapterType !== targetAdapterOutputType) {
-    return false;
-  }
-  if (adapterFilter?.kind && adapterFilter.kind.length > 0) {
-    if (!targetNodeKind || !adapterFilter.kind.every((k) => targetNodeKind.includes(k))) {
-      return false;
-    }
-  }
-  if (adapterFilter?.excludeNodes && targetNodeType) {
-    if (adapterFilter.excludeNodes.includes(targetNodeType)) {
+var SINGLE_CLICK_DELAY_MS = 230;
+var getNodeMetadata = (value) => {
+  function NodeComponent(props) {
+    const { id, isConnectable, selected, data, dragging } = props;
+    const tr = useTr();
+    const docsUrl = useNodeDocsUrl(
+      value?.type,
+      data?.nodeData?.version || data?.version
+    );
+    const { edges, nodeLookup } = useStore(({ edges: edges2, nodeLookup: nodeLookup2 }) => ({
+      edges: edges2,
+      nodeLookup: nodeLookup2
+    }));
+    const isAdapterSubNode = useMemo(() => {
+      if (data?.isAdapterInstance) return true;
+      const incomingEdges = edges.filter((e) => e.target === id);
+      for (const edge of incomingEdges) {
+        if (!edge.sourceHandle || edge.sourceHandle === "source") continue;
+        const sourceNode = nodeLookup.get(edge.source);
+        if (!sourceNode) continue;
+        const sourceNodeData = sourceNode.data;
+        const sourceAdapters = sourceNodeData?.nodeData?.nodeAdapters;
+        if (sourceAdapters && Array.isArray(sourceAdapters)) {
+          const adapterNames = sourceAdapters.map((a) => a.name);
+          if (adapterNames.includes(edge.sourceHandle)) {
+            return true;
+          }
+        }
+      }
       return false;
-    }
-  }
-  return true;
-}
-function useCompatibleSubNodes(adapter) {
-  return useMemo(() => {
-    const out = [];
-    for (const cfg of NODE_CONFIGS) {
-      const nodeData = cfg.defaultData?.nodeData;
-      if (!nodeData?.adapterOutputType && !nodeData?.supportsAdapterMode) {
-        continue;
+    }, [data?.isAdapterInstance, edges, id, nodeLookup]);
+    const nodeType = value?.type;
+    const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
+    const { setNodes } = useReactFlow();
+    const [
+      isExecuting,
+      executingNodeId,
+      nodeStatuses,
+      nodeItemCounts,
+      zustandSetNodes,
+      renamingNodeId,
+      toggleNodeDisabled,
+      renameNode,
+      startRename,
+      endRename
+    ] = useFlowStore(
+      useShallow((s) => [
+        s.execution.isExecuting,
+        s.execution.executingNodeId,
+        s.execution.nodeStatuses,
+        s.execution.nodeItemCounts,
+        s.actions.nodes.setNodes,
+        s.workflow.renamingNodeId,
+        s.actions.nodes.toggleDisabled,
+        s.actions.nodes.renameNode,
+        s.actions.nodes.startRename,
+        s.actions.nodes.endRename
+      ])
+    );
+    useEffect(() => {
+      if (nodeType !== "integration/channel") return;
+      const nodeData = data;
+      const explicitRole = nodeData?.args?.state?.role;
+      const hasIncomingEdge = edges.some((e) => e.target === id);
+      const isAction = explicitRole === "action" || !explicitRole && hasIncomingEdge;
+      const expectedOp = resolveOperationName(
+        nodeData?.operation_name,
+        isAction ? "sendChannelMessage" : "onChannelMessageReceived"
+      );
+      if (nodeData?.operation_name === expectedOp) return;
+      setNodes((nds) => {
+        const updated = nds.map(
+          (n) => n.id === id ? {
+            ...n,
+            data: {
+              ...n.data,
+              ...synchronizeOperationUpdate(
+                n.data,
+                { operation_name: expectedOp },
+                NODE_CONFIGS.find((config2) => config2.type === nodeType)?.operations
+              )
+            }
+          } : n
+        );
+        zustandSetNodes(updated);
+        return updated;
+      });
+    }, [nodeType, id, edges, data, setNodes, zustandSetNodes]);
+    const { executeStep } = useNodeExecution();
+    const deleteNode = useDeleteNode();
+    const handleDeleteNode = () => {
+      deleteNode(id);
+    };
+    const handleToggleDisabled = useCallback(() => {
+      toggleNodeDisabled(id);
+    }, [id, toggleNodeDisabled]);
+    const isRenamingThisNode = renamingNodeId === id;
+    const handleStartRename = useCallback(() => {
+      startRename(id);
+    }, [id, startRename]);
+    const handleCommitRename = useCallback(
+      (value2) => {
+        renameNode(id, value2);
+      },
+      [id, renameNode]
+    );
+    const handleCancelRename = useCallback(() => {
+      endRename();
+    }, [endRename]);
+    const openNdv = useFlowStore((s) => s.actions.ndv.open);
+    const openQuickConfig = useFlowStore((s) => s.actions.quickConfig.open);
+    const clickTimerRef = useRef(null);
+    const wasDraggedRef = useRef(false);
+    useEffect(() => {
+      if (dragging) wasDraggedRef.current = true;
+    }, [dragging]);
+    useEffect(
+      () => () => {
+        if (clickTimerRef.current !== null)
+          window.clearTimeout(clickTimerRef.current);
+      },
+      []
+    );
+    const handleCardClick = useCallback(() => {
+      if (wasDraggedRef.current) {
+        wasDraggedRef.current = false;
+        return;
       }
-      if (!isAdapterCompatible(
-        adapter.filter,
-        adapter.type,
-        nodeData?.kind,
-        nodeData?.adapterOutputType,
-        cfg.type
-      )) {
-        continue;
+      if (clickTimerRef.current !== null)
+        window.clearTimeout(clickTimerRef.current);
+      clickTimerRef.current = window.setTimeout(() => {
+        clickTimerRef.current = null;
+        openQuickConfig({
+          nodeId: id,
+          type: value?.type
+        });
+      }, SINGLE_CLICK_DELAY_MS);
+    }, [id, openQuickConfig]);
+    const handleOpenNdv = useCallback(() => {
+      if (clickTimerRef.current !== null) {
+        window.clearTimeout(clickTimerRef.current);
+        clickTimerRef.current = null;
       }
-      const ops = cfg.operations ?? [];
-      out.push({
-        type: cfg.type,
-        title: cfg.detail?.title || nodeData?.name || cfg.type,
-        icon: cfg.detail?.icon || nodeData?.icon || "mynaui:puzzle",
-        description: cfg.detail?.description || nodeData?.description,
-        adapterOperation: ops.find((o) => o.isAdapterOperation)?.name
+      openNdv({ nodeId: id, type: value?.type });
+    }, [id, openNdv]);
+    const handleExecuteStep = useCallback(() => {
+      executeStep(id).then((_result) => {
+      }).catch((error) => {
+        console.error("[NodeComponent] Execute step error:", error);
       });
-    }
-    return out.sort((a, b) => a.title.localeCompare(b.title));
-  }, [adapter.filter, adapter.type]);
-}
-function AdapterPort({
-  nodeId,
-  adapter,
-  index,
-  total
-}) {
-  const tr = useTr();
-  const edges = useStore((s) => s.edges);
-  const { getNode } = useReactFlow();
-  const insertNode = useInsertNode();
-  const onConnect = useFlowStore((s) => s.actions.edges.onConnect);
-  const [pickerOpen, setPickerOpen] = useState(false);
-  const candidates = useCompatibleSubNodes(adapter);
-  const connectionCount = edges.filter(
-    (e) => e.source === nodeId && e.sourceHandle === adapter.name
-  ).length;
-  const isAtMaxConnections = adapter.maxConnections != null && adapter.maxConnections !== void 0 && connectionCount >= adapter.maxConnections;
-  const hasConnection = connectionCount > 0;
-  const diamondColor = hasConnection ? "bg-[var(--color-accent-primary)]" : "bg-[var(--color-text-muted)]";
-  const lineColor = hasConnection ? "before:bg-[var(--color-accent-primary)]" : "before:bg-[var(--color-border-strong)]";
-  const addSubNode = useCallback(
-    (candidate) => {
-      setPickerOpen(false);
-      const parent = getNode(nodeId);
-      const origin = parent?.position ?? { x: 0, y: 0 };
-      const parentHeight = parent?.measured?.height ?? 180;
-      const SPACING = 180;
-      const position = {
-        x: origin.x + (index - (total - 1) / 2) * SPACING,
-        y: origin.y + parentHeight + 190
-      };
-      const created = insertNode(
-        candidate.type,
-        position,
-        candidate.adapterOperation
+    }, [executeStep, id]);
+    const missingCredentials = useMemo(() => {
+      const visibleAdapters = getVisibleConnectionAdapters(
+        String(value?.type ?? ""),
+        data?.operation_name,
+        value?.operations ?? data?.nodeData?.operations,
+        data?.nodeData
       );
-      if (!created?.id) return;
-      created.data = {
-        ...created.data,
-        isAdapterInstance: true
-      };
-      onConnect({
-        source: nodeId,
-        sourceHandle: adapter.name,
-        target: created.id,
-        targetHandle: "target"
-      });
-    },
-    [getNode, nodeId, index, total, insertNode, onConnect, adapter.name]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `p-0.5 m-0.5 text-center before:content-[''] before:h-[95%] before:left-1/2 before:-translate-x-1/2 before:w-0.5 ${lineColor} before:absolute before:top-0 before:pointer-events-none`,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `w-3 h-3 ${diamondColor} rotate-45 transition-transform hover:scale-110`
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "mt-3 z-10 absolute left-1/2 transform -translate-x-1/2 font-medium bg-surface h-fit pointer-events-none", children: /* @__PURE__ */ jsxs("span", { className: "text-xs max-w-fit relative font-medium text-[var(--color-text-secondary)] whitespace-nowrap", children: [
-          adapter?.name,
-          adapter?.required && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)] absolute -right-2 top-[1px]", children: "*" })
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-16 flex flex-col items-center gap-1.5", children: [
-          !isAtMaxConnections && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              title: `Add ${adapter.name}`,
-              "aria-label": `Add ${adapter.name}`,
-              onClick: (e) => {
-                e.stopPropagation();
-                setPickerOpen((v) => !v);
-              },
-              className: "w-5 h-5 border-2 border-[var(--color-border-strong)] rounded text-[var(--color-text-secondary)] text-lg leading-none font-bold bg-surface flex items-center justify-center transition-colors hover:border-[var(--color-accent-primary)] hover:text-[var(--color-accent-primary)] cursor-pointer",
-              children: "+"
-            }
-          ),
-          isAtMaxConnections && /* @__PURE__ */ jsx(
-            "div",
-            {
-              title: `${adapter.name} is full`,
-              className: "w-5 h-5 border-2 border-[var(--color-border-subtle)] rounded text-[var(--color-text-disabled)] text-lg leading-none font-bold bg-surface flex items-center justify-center",
-              children: "\u2022"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Handle,
-            {
-              type: "source",
-              position: Position.Bottom,
-              id: adapter?.name,
-              className: "!relative !top-auto !left-auto !right-auto !bottom-auto !transform-none !w-2.5 !h-2.5 !min-w-0 !min-h-0 !rounded-full !border-0 bg-[var(--color-accent-primary)]",
-              isConnectable: !isAtMaxConnections,
-              isValidConnection: (connection) => {
-                if (!adapter.type && !adapter.filter) return true;
-                const targetNode = getNode(connection.target);
-                if (!targetNode) return true;
-                const targetData = targetNode.data;
-                const targetNodeData = targetData?.nodeData;
-                return isAdapterCompatible(
-                  adapter.filter,
-                  adapter.type,
-                  targetNodeData?.kind,
-                  targetNodeData?.adapterOutputType,
-                  targetNode.type
-                );
-              }
-            }
-          )
-        ] }),
-        pickerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "fixed inset-0 z-40",
-              onClick: () => setPickerOpen(false)
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "absolute z-50 top-[86px] left-1/2 -translate-x-1/2 w-60 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-surface-elevated)] shadow-xl overflow-hidden text-left nodrag nowheel", children: [
-            /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-[var(--color-border-subtle)]", children: [
-              /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-[var(--color-text-primary)]", children: [
-                tr("fluidgrids.builder.adapterPort.addPrefix", "Add"),
-                " ",
-                adapter.name
-              ] }),
-              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-[var(--color-text-muted)]", children: [
-                candidates.length,
-                " compatible node",
-                candidates.length === 1 ? "" : "s"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-y-auto", children: [
-              candidates.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-[11px] text-[var(--color-text-muted)]", children: tr(
-                "fluidgrids.builder.adapterPort.noCompatibleNodes",
-                "No compatible node installed. Publish and install one from the Node Store first."
-              ) }),
-              candidates.map((c) => /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    addSubNode(c);
-                  },
-                  className: "w-full flex items-start gap-2 px-3 py-2 hover:bg-[var(--color-bg-elevated)] transition-colors text-left",
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      NodeTypeIcon,
-                      {
-                        icon: c.icon,
-                        alt: c.title,
-                        className: "size-4 mt-0.5 shrink-0 text-[var(--color-accent-primary)]"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                      /* @__PURE__ */ jsx("span", { className: "block text-xs text-[var(--color-text-primary)] truncate", children: c.title }),
-                      c.description && /* @__PURE__ */ jsx("span", { className: "block text-[10px] text-[var(--color-text-muted)] line-clamp-2", children: c.description })
-                    ] })
-                  ]
-                },
-                c.type
-              ))
-            ] })
-          ] })
-        ] })
-      ]
+      if (visibleAdapters.length === 0) return false;
+      const selected2 = data?.args?.connections ?? data?.args?.credentials ?? [];
+      return visibleAdapters.some(
+        (adapter) => !selected2.some((sel) => sel.adapter === adapter.name)
+      );
+    }, [data]);
+    if (isAdapterSubNode) {
+      return /* @__PURE__ */ jsx(SubNodeComponent, { ...props, nodeType: value?.type });
+    }
+    const isThisNodeExecuting = isExecuting && executingNodeId === id;
+    const nodeStatus = nodeStatuses[id] || "idle";
+    const executionStatus = nodeStatus === "success" ? "success" : nodeStatus === "error" ? "error" : nodeStatus === "running" ? "running" : "idle";
+    const itemCount = nodeItemCounts[id];
+    const isDisabled = data?.disabled === true;
+    const nodeLabel = data?.label || "";
+    const nodeKinds = data?.nodeData?.kind;
+    const isTrigger = isNodeTrigger({ type: value?.type, data });
+    const savedManifest = data?.nodeData;
+    const isRegistryFallback = meta.title === value?.type;
+    const appName = (isRegistryFallback ? savedManifest?.name : meta.title) || meta.title || nodeType || tr("fluidgrids.builder.nodeCard.defaultAppName", "Node");
+    const cardIcon = (isRegistryFallback ? savedManifest?.icon : meta.icon) || meta.icon;
+    const operationDisplay = resolveOperationName(
+      data?.operation_name,
+      tr("fluidgrids.builder.nodeCard.notConfigured", "Not configured")
+    );
+    const nodeDescription = data?.nodeData?.description || meta?.description || "";
+    const nodeInfoMetadata = {
+      icon: meta.icon,
+      title: meta.title,
+      description: nodeDescription,
+      nodeType: value?.type,
+      version: data?.nodeData?.version || data?.version,
+      kind: nodeKinds,
+      operation: data?.operation_name,
+      docsUrl
+    };
+    const isLogicNode = /(^|[:/])(if|switch|merge|loop|filter|branch|router|condition|aggregate)/.test(
+      (value?.type || "").toLowerCase()
+    );
+    const roleAccent = isTrigger ? "#10b981" : isLogicNode ? "#f59e0b" : "#3b82f6";
+    const outputHandles = resolveOutputHandles(
+      data
+    );
+    const inputHandles = resolveInputHandles(
+      data
+    );
+    const handleSpacer = outputHandlesSpacerHeight(
+      Math.max(outputHandles.length, inputHandles.length)
+    );
+    const manifestKind = data?.nodeData?.kind;
+    const isControlFlowNode = (value?.type || "").startsWith("internal:") && (Array.isArray(manifestKind) ? manifestKind.includes("control") : isLogicNode);
+    if (isControlFlowNode) {
+      const argsState = data?.args?.state;
+      const rules = argsState?.rules;
+      const mode = argsState?.mode;
+      const logicSubtitle = Array.isArray(rules) ? `${rules.length} rule${rules.length === 1 ? "" : "s"}` : typeof mode === "string" ? mode : void 0;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          LogicNodeCard,
+          {
+            nodeId: id,
+            title: data?.label || meta.title,
+            subtitle: logicSubtitle,
+            icon: meta.icon,
+            accent: roleAccent,
+            selected: !!selected,
+            executionStatus,
+            itemCount,
+            isTrigger,
+            isExecuting: isThisNodeExecuting,
+            inputHandles,
+            outputHandles,
+            isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0,
+            onClick: handleCardClick,
+            onDoubleClick: handleOpenNdv,
+            onSettings: handleOpenNdv,
+            onExecute: handleExecuteStep,
+            onDelete: handleDeleteNode,
+            infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata }),
+            disabled: isDisabled,
+            onToggleDisabled: handleToggleDisabled,
+            isRenaming: isRenamingThisNode,
+            onStartRename: handleStartRename,
+            onCommitRename: handleCommitRename,
+            onCancelRename: handleCancelRename
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AdapterConnectors,
+          {
+            nodeId: id,
+            adapters: data?.nodeData?.nodeAdapters
+          }
+        )
+      ] });
     }
-  ) });
-}
-function AdapterConnectors({
-  nodeId,
-  adapters
-}) {
-  if (!adapters || adapters.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "left-0 w-full flex justify-around mt-[6.5px]", children: adapters.map((adapter, i) => /* @__PURE__ */ jsx(
-    AdapterPort,
-    {
-      nodeId,
-      adapter,
-      index: i,
-      total: adapters.length
-    },
-    adapter.name
-  )) });
-}
-function SubNodeComponent({
-  id,
-  isConnectable,
-  selected,
-  data,
-  nodeType
-}) {
-  const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
-  const deleteNode = useDeleteNode();
-  const [showNodePropertiesOf] = useFlowStore(
-    useShallow((s) => [s.actions.sidebar.showNodePropertiesOf])
-  );
-  const openNdv = useFlowStore((s) => s.actions.ndv.open);
-  const [nodeStatuses] = useFlowStore(
-    useShallow((s) => [s.execution.nodeStatuses])
-  );
-  const nodeStatus = nodeStatuses[id] || "idle";
-  const statusRing = nodeStatus === "success" ? "ring-2 ring-[var(--color-status-success-border)]" : nodeStatus === "error" ? "ring-2 ring-[var(--color-status-error-border)]" : nodeStatus === "running" ? "ring-2 ring-[var(--color-status-info-border)] animate-pulse" : "";
-  const handleShowNodeProperties = useCallback(() => {
-    openNdv({ nodeId: id, type: nodeType });
-    showNodePropertiesOf({ id, type: nodeType });
-  }, [id, nodeType, openNdv, showNodePropertiesOf]);
-  return (
-    // `relative` anchors the absolute delete button; `group` enables its hover reveal.
-    /* @__PURE__ */ jsxs("div", { className: "relative group flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx(
-        Handle,
-        {
-          type: "target",
-          position: Position.Top,
-          id: "target",
-          isConnectable,
-          className: "size-2.5 bg-[var(--color-accent-primary)] border-2 border-[var(--color-border-strong)]"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "w-0.5 h-4 border-l-2 border-dashed border-[var(--color-border-strong)]" }),
-      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--color-text-muted)] font-medium mb-1", children: meta.title.includes("Model") ? "Model" : meta.title.includes("Memory") ? "Memory" : meta.title.includes("Tool") ? "Tool" : meta.title.includes("Parser") ? "Parser" : "Adapter" }),
-      /* @__PURE__ */ jsx(
-        "div",
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs(
+        NodeCard,
         {
-          className: `w-14 h-14 rounded-full bg-[var(--color-surface-elevated)] border-2 border-[var(--color-border-strong)] flex items-center justify-center shadow-lg cursor-pointer transition-all hover:border-[var(--color-accent-primary)] hover:shadow-xl ${statusRing}`,
-          onDoubleClick: handleShowNodeProperties,
           "data-selected": selected,
-          children: /* @__PURE__ */ jsx(
-            NodeTypeIcon,
-            {
-              icon: meta.icon,
-              alt: meta.title,
-              className: "w-7 h-7 text-accent opacity-80"
-            }
-          )
+          selected,
+          onClick: handleCardClick,
+          onDoubleClick: handleOpenNdv,
+          executionStatus,
+          itemCount,
+          isTrigger,
+          accent: roleAccent,
+          isExecuting: isThisNodeExecuting,
+          onSettings: handleOpenNdv,
+          onExecute: handleExecuteStep,
+          onDelete: handleDeleteNode,
+          infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata }),
+          disabled: isDisabled,
+          onToggleDisabled: handleToggleDisabled,
+          children: [
+            /* @__PURE__ */ jsx(
+              NodeCardHeader,
+              {
+                icon: cardIcon,
+                appName,
+                accentKey: value?.type || meta.title,
+                missingCredentials,
+                label: nodeLabel,
+                isRenaming: isRenamingThisNode,
+                onStartRename: handleStartRename,
+                onCommitRename: handleCommitRename,
+                onCancelRename: handleCancelRename
+              }
+            ),
+            operationDisplay === "execute" && (value?.type || "").startsWith("internal:") || isTrigger && !resolveOperationName(data?.operation_name, "") ? /* @__PURE__ */ jsx("div", { className: "rounded-b-xl border-t border-border/60 px-3 pb-3 pt-2.5", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-xs leading-snug text-muted-foreground", children: nodeDescription }) }) : /* @__PURE__ */ jsx(
+              NodeCardBody,
+              {
+                operationName: operationDisplay,
+                description: nodeDescription
+              }
+            ),
+            handleSpacer > 0 && /* @__PURE__ */ jsx("div", { style: { height: handleSpacer } }),
+            !isTrigger && /* @__PURE__ */ jsx(
+              InputHandles,
+              {
+                nodeId: id,
+                handles: inputHandles,
+                accent: roleAccent,
+                isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              OutputHandles,
+              {
+                nodeId: id,
+                handles: outputHandles,
+                accent: roleAccent,
+                isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0
+              }
+            )
+          ]
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-[var(--color-text-secondary)] font-medium text-center max-w-24 leading-tight", children: data?.label || data?.args?.state?.operation || meta.title }),
       /* @__PURE__ */ jsx(
-        "button",
+        AdapterConnectors,
         {
-          onClick: () => deleteNode(id),
-          className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-[var(--color-status-error)] text-white text-[10px] flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-[var(--color-status-error)] transition-opacity",
-          children: "\xD7"
+          nodeId: id,
+          adapters: data?.nodeData?.nodeAdapters
         }
-      ),
-      /* @__PURE__ */ jsx(AdapterConnectors, { nodeId: id, adapters: data?.nodeData?.nodeAdapters })
-    ] })
-  );
-}
-var SINGLE_CLICK_DELAY_MS = 230;
-var getNodeMetadata = (value) => {
-  function NodeComponent(props) {
-    const { id, isConnectable, selected, data, dragging } = props;
-    const tr = useTr();
-    const docsUrl = useNodeDocsUrl(
-      value?.type,
-      data?.nodeData?.version || data?.version
-    );
-    const { edges, nodeLookup } = useStore(({ edges: edges2, nodeLookup: nodeLookup2 }) => ({
-      edges: edges2,
-      nodeLookup: nodeLookup2
-    }));
-    const isAdapterSubNode = useMemo(() => {
-      if (data?.isAdapterInstance) return true;
-      const incomingEdges = edges.filter((e) => e.target === id);
-      for (const edge of incomingEdges) {
-        if (!edge.sourceHandle || edge.sourceHandle === "source") continue;
-        const sourceNode = nodeLookup.get(edge.source);
-        if (!sourceNode) continue;
-        const sourceNodeData = sourceNode.data;
-        const sourceAdapters = sourceNodeData?.nodeData?.nodeAdapters;
-        if (sourceAdapters && Array.isArray(sourceAdapters)) {
-          const adapterNames = sourceAdapters.map((a) => a.name);
-          if (adapterNames.includes(edge.sourceHandle)) {
-            return true;
+      )
+    ] });
+  }
+  return {
+    type: value?.type,
+    node: memo(NodeComponent),
+    detail: {
+      icon: "mynaui:message-solid",
+      title: "Gmail",
+      description: "Send a text message to the user using different messaging platforms like WhatsApp, Messenger, etc."
+    },
+    connection: {
+      inputs: 1,
+      outputs: 1
+    },
+    defaultData: {
+      operation_name: "",
+      operation_type: "",
+      version: value.defaultData?.version,
+      nodeData: value.defaultData?.nodeData,
+      args: value.defaultData?.args
+    },
+    propertyPanel: NodePropertyPanel
+  };
+};
+
+// src/builder/components/flow-builder/components/blocks/index.ts
+var NODE_ENDPOINT_CONFIGS = NodeEndpointConfigsDocument;
+var NODE_MANIFEST = NodeManifestDocument;
+var NODE_CONFIGS = [];
+async function fetchNodeManifest(nodeType, nodeVersion) {
+  try {
+    const client = getFluidGridsClient();
+    const { data } = await client.query({
+      query: NODE_MANIFEST,
+      variables: { nodeType, version: nodeVersion }
+    });
+    return data?.nodeManifest ?? null;
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error";
+    console.error(
+      `Error fetching manifest for ${nodeType} v${nodeVersion}:`,
+      message
+    );
+    return null;
+  }
+}
+function pushStoreNodeConfig(manifest, publishType = "STORE") {
+  if (NODE_CONFIGS.some((c) => c.type === manifest.nodeType)) return;
+  const manifestOps = manifest.operations;
+  const operations = Array.isArray(manifestOps) ? manifestOps : manifestOps?.operations ?? manifestOps;
+  NODE_CONFIGS.push({
+    type: manifest.nodeType,
+    detail: {
+      icon: manifest.icon || "mynaui:keyboard-solid",
+      title: manifest.name,
+      description: manifest.description,
+      gradientColor: "yellow"
+    },
+    defaultData: {
+      operation_name: "",
+      operation_type: "",
+      nodeData: manifest,
+      version: manifest.version,
+      args: {
+        context: {
+          node: {
+            id: manifest.nodeType,
+            kind: manifest.kind,
+            type: manifest.nodeType
           }
-        }
+        },
+        state: {},
+        credentials: []
       }
-      return false;
-    }, [data?.isAdapterInstance, edges, id, nodeLookup]);
-    const nodeType = value?.type;
-    const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
-    const { setNodes } = useReactFlow();
-    const [
-      isExecuting,
-      executingNodeId,
-      nodeStatuses,
-      nodeItemCounts,
-      zustandSetNodes,
-      renamingNodeId,
-      toggleNodeDisabled,
-      renameNode,
-      startRename,
-      endRename
-    ] = useFlowStore(
-      useShallow((s) => [
-        s.execution.isExecuting,
-        s.execution.executingNodeId,
-        s.execution.nodeStatuses,
-        s.execution.nodeItemCounts,
-        s.actions.nodes.setNodes,
-        s.workflow.renamingNodeId,
-        s.actions.nodes.toggleDisabled,
-        s.actions.nodes.renameNode,
-        s.actions.nodes.startRename,
-        s.actions.nodes.endRename
-      ])
-    );
-    useEffect(() => {
-      if (nodeType !== "integration/channel") return;
-      const nodeData = data;
-      const explicitRole = nodeData?.args?.state?.role;
-      const hasIncomingEdge = edges.some((e) => e.target === id);
-      const isAction = explicitRole === "action" || !explicitRole && hasIncomingEdge;
-      const expectedOp = resolveOperationName(
-        nodeData?.operation_name,
-        isAction ? "sendChannelMessage" : "onChannelMessageReceived"
+    },
+    operations,
+    publishType
+  });
+}
+async function loadInstalledStoreNodes() {
+  const globalClient = getGlobalStoreClient();
+  if (!globalClient) return;
+  const { workspaceId } = getFluidGridsConfig();
+  if (!workspaceId) return;
+  try {
+    const { data } = await globalClient.query({
+      query: GetMyNodeInstallationsDocument,
+      variables: { workspaceId, limit: 200, offset: 0 },
+      fetchPolicy: "network-only"
+    });
+    const installations = data?.myStoreAppInstallations?.items ?? [];
+    let loaded = 0;
+    for (const installation of installations) {
+      if (installation.status !== "ACTIVE") continue;
+      const manifest = installation.manifest;
+      if (!manifest?.nodeType) continue;
+      pushStoreNodeConfig(manifest, "STORE");
+      loaded++;
+    }
+    if (loaded > 0) {
+      console.log(
+        `[Workflows] Loaded ${loaded} installed store node(s) from workspace installations.`
       );
-      if (nodeData?.operation_name === expectedOp) return;
-      setNodes((nds) => {
-        const updated = nds.map(
-          (n) => n.id === id ? {
-            ...n,
-            data: {
-              ...n.data,
-              ...synchronizeOperationUpdate(
-                n.data,
-                { operation_name: expectedOp },
-                NODE_CONFIGS.find((config2) => config2.type === nodeType)?.operations
-              )
-            }
-          } : n
+    }
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error";
+    console.warn("[Workflows] Could not load installed store nodes:", message);
+  }
+}
+async function initializeNodeConfigs() {
+  try {
+    const client = await waitForFluidGridsClient(15e3, 150);
+    if (!client) {
+      console.warn(
+        "[Workflows] Apollo client not available after timeout \u2014 loading store nodes only."
+      );
+      await loadInstalledStoreNodes();
+      return;
+    }
+    const { data } = await client.query({
+      query: NODE_ENDPOINT_CONFIGS,
+      variables: {
+        status: "AVAILABLE",
+        pagination: { limit: 100 }
+      }
+    });
+    const nodes = data?.nodeEndpointConfigs?.configs ?? [];
+    if (!Array.isArray(nodes) || nodes.length === 0) {
+      console.warn("No nodes found or received data is not an array.");
+      await loadInstalledStoreNodes();
+      return;
+    }
+    const manifestPromises = nodes.map(async (node) => {
+      if (node?.nodeType && node?.nodeVersion) {
+        try {
+          return await fetchNodeManifest(node.nodeType, node.nodeVersion);
+        } catch {
+          console.error(
+            `Failed to fetch manifest for node ${node.id} (${node.nodeType} v${node.nodeVersion})`
+          );
+          return null;
+        }
+      } else {
+        console.warn(
+          `Node ${node?.id ?? "unknown"} is missing nodeType or nodeVersion. Skipping manifest fetch.`
         );
-        zustandSetNodes(updated);
-        return updated;
+        return null;
+      }
+    });
+    const manifests = await Promise.all(manifestPromises);
+    const successfulManifests = manifests.filter(
+      (m) => m !== null
+    );
+    successfulManifests.forEach((manifest, index) => {
+      const node = nodes[index];
+      const manifestOps = manifest.operations;
+      const operations = Array.isArray(manifestOps) ? manifestOps : manifestOps?.operations ?? manifestOps;
+      NODE_CONFIGS.push({
+        type: manifest.nodeType,
+        // Use camelCase nodeType
+        detail: {
+          icon: manifest.icon || "mynaui:keyboard-solid",
+          title: manifest.name,
+          description: manifest.description,
+          gradientColor: "yellow"
+          // Default gradient for dynamic nodes
+        },
+        defaultData: {
+          operation_name: "",
+          operation_type: "",
+          nodeData: manifest,
+          version: manifest.version,
+          args: {
+            context: {
+              node: {
+                id: manifest.nodeType,
+                kind: manifest.kind,
+                type: manifest.nodeType
+              }
+            },
+            state: {},
+            credentials: []
+          }
+        },
+        operations,
+        publishType: node.publishType
+        // Preserve publishType from GraphQL query
       });
-    }, [nodeType, id, edges, data, setNodes, zustandSetNodes]);
-    const { executeStep } = useNodeExecution();
-    const deleteNode = useDeleteNode();
-    const handleDeleteNode = () => {
-      deleteNode(id);
+    });
+    await loadInstalledStoreNodes();
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error";
+    console.error("Failed to fetch nodes or manifests:", message);
+  }
+}
+async function refetchStoreNodes() {
+  try {
+    NODE_CONFIGS.length = 0;
+    NODES.length = 0;
+    AVAILABLE_NODES.length = 0;
+    for (const key of Object.keys(NODE_TYPES)) delete NODE_TYPES[key];
+    for (const key of Object.keys(NODES_METADATA))
+      delete NODES_METADATA[key];
+    isInitialized = false;
+    initPromise = null;
+    const fallback = getNodeMetadata({ type: "__default_dynamic__" });
+    if (fallback?.node) {
+      NODE_TYPES["default"] = fallback.node;
+    }
+    NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
+    await initializeNodeConfigs();
+    rebuildNodeArrays();
+  } catch (error) {
+    console.error("[Blocks] Failed to refetch nodes:", error);
+  }
+}
+var NODES = [];
+var NODE_TYPES = {};
+var NODES_METADATA = {};
+var AVAILABLE_NODES = [];
+var initPromise = null;
+var isInitialized = false;
+var nodeTypesListeners = /* @__PURE__ */ new Set();
+function onNodeTypesUpdate(listener) {
+  nodeTypesListeners.add(listener);
+  return () => nodeTypesListeners.delete(listener);
+}
+function notifyNodeTypesListeners() {
+  nodeTypesListeners.forEach((listener) => listener());
+}
+function ensureNodeConfigsLoaded() {
+  if (isInitialized) {
+    return Promise.resolve();
+  }
+  if (!initPromise) {
+    initPromise = initializeNodeConfigs().then(() => {
+      if (NODE_CONFIGS.length > 0) {
+        isInitialized = true;
+      } 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 }
     };
-    const handleToggleDisabled = useCallback(() => {
-      toggleNodeDisabled(id);
-    }, [id, toggleNodeDisabled]);
-    const isRenamingThisNode = renamingNodeId === id;
-    const handleStartRename = useCallback(() => {
-      startRename(id);
-    }, [id, startRename]);
-    const handleCommitRename = useCallback(
-      (value2) => {
-        renameNode(id, value2);
-      },
-      [id, renameNode]
-    );
-    const handleCancelRename = useCallback(() => {
-      endRename();
-    }, [endRename]);
-    const openNdv = useFlowStore((s) => s.actions.ndv.open);
-    const openQuickConfig = useFlowStore((s) => s.actions.quickConfig.open);
-    const clickTimerRef = useRef(null);
-    const wasDraggedRef = useRef(false);
-    useEffect(() => {
-      if (dragging) wasDraggedRef.current = true;
-    }, [dragging]);
-    useEffect(
-      () => () => {
-        if (clickTimerRef.current !== null)
-          window.clearTimeout(clickTimerRef.current);
-      },
-      []
-    );
-    const handleCardClick = useCallback(() => {
-      if (wasDraggedRef.current) {
-        wasDraggedRef.current = false;
-        return;
+    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;
       }
-      if (clickTimerRef.current !== null)
-        window.clearTimeout(clickTimerRef.current);
-      clickTimerRef.current = window.setTimeout(() => {
-        clickTimerRef.current = null;
-        openQuickConfig({
-          nodeId: id,
-          type: value?.type
-        });
-      }, SINGLE_CLICK_DELAY_MS);
-    }, [id, openQuickConfig]);
-    const handleOpenNdv = useCallback(() => {
-      if (clickTimerRef.current !== null) {
-        window.clearTimeout(clickTimerRef.current);
-        clickTimerRef.current = null;
+    }
+  }
+}
+
+// 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;
+        }
       }
-      openNdv({ nodeId: id, type: value?.type });
-    }, [id, openNdv]);
-    const handleExecuteStep = useCallback(() => {
-      executeStep(id).then((_result) => {
-      }).catch((error) => {
-        console.error("[NodeComponent] Execute step error:", error);
-      });
-    }, [executeStep, id]);
-    const missingCredentials = useMemo(() => {
-      const visibleAdapters = getVisibleConnectionAdapters(
-        String(value?.type ?? ""),
-        data?.operation_name,
-        value?.operations ?? data?.nodeData?.operations,
-        data?.nodeData
-      );
-      if (visibleAdapters.length === 0) return false;
-      const selected2 = data?.args?.connections ?? data?.args?.credentials ?? [];
-      return visibleAdapters.some(
-        (adapter) => !selected2.some((sel) => sel.adapter === adapter.name)
-      );
-    }, [data]);
-    if (isAdapterSubNode) {
-      return /* @__PURE__ */ jsx(SubNodeComponent, { ...props, nodeType: value?.type });
     }
-    const isThisNodeExecuting = isExecuting && executingNodeId === id;
-    const nodeStatus = nodeStatuses[id] || "idle";
-    const executionStatus = nodeStatus === "success" ? "success" : nodeStatus === "error" ? "error" : nodeStatus === "running" ? "running" : "idle";
-    const itemCount = nodeItemCounts[id];
-    const isDisabled = data?.disabled === true;
-    const nodeLabel = data?.label || "";
-    const nodeKinds = data?.nodeData?.kind;
-    const isTrigger = isNodeTrigger({ type: value?.type, data });
-    const savedManifest = data?.nodeData;
-    const isRegistryFallback = meta.title === value?.type;
-    const appName = (isRegistryFallback ? savedManifest?.name : meta.title) || meta.title || nodeType || tr("fluidgrids.builder.nodeCard.defaultAppName", "Node");
-    const cardIcon = (isRegistryFallback ? savedManifest?.icon : meta.icon) || meta.icon;
-    const operationDisplay = resolveOperationName(
-      data?.operation_name,
-      tr("fluidgrids.builder.nodeCard.notConfigured", "Not configured")
-    );
-    const nodeDescription = data?.nodeData?.description || meta?.description || "";
-    const nodeInfoMetadata = {
-      icon: meta.icon,
-      title: meta.title,
-      description: nodeDescription,
-      nodeType: value?.type,
-      version: data?.nodeData?.version || data?.version,
-      kind: nodeKinds,
-      operation: data?.operation_name,
-      docsUrl
-    };
-    const isLogicNode = /(^|[:/])(if|switch|merge|loop|filter|branch|router|condition|aggregate)/.test(
-      (value?.type || "").toLowerCase()
-    );
-    const roleAccent = isTrigger ? "#10b981" : isLogicNode ? "#f59e0b" : "#3b82f6";
-    const outputHandles = resolveOutputHandles(
-      data
-    );
-    const inputHandles = resolveInputHandles(
-      data
-    );
-    const handleSpacer = outputHandlesSpacerHeight(
-      Math.max(outputHandles.length, inputHandles.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)
     );
-    const manifestKind = data?.nodeData?.kind;
-    const isControlFlowNode = (value?.type || "").startsWith("internal:") && (Array.isArray(manifestKind) ? manifestKind.includes("control") : isLogicNode);
-    if (isControlFlowNode) {
-      const argsState = data?.args?.state;
-      const rules = argsState?.rules;
-      const mode = argsState?.mode;
-      const logicSubtitle = Array.isArray(rules) ? `${rules.length} rule${rules.length === 1 ? "" : "s"}` : typeof mode === "string" ? mode : void 0;
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          LogicNodeCard,
-          {
-            nodeId: id,
-            title: data?.label || meta.title,
-            subtitle: logicSubtitle,
-            icon: meta.icon,
-            accent: roleAccent,
-            selected: !!selected,
-            executionStatus,
-            itemCount,
-            isTrigger,
-            isExecuting: isThisNodeExecuting,
-            inputHandles,
-            outputHandles,
-            isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0,
-            onClick: handleCardClick,
-            onDoubleClick: handleOpenNdv,
-            onSettings: handleOpenNdv,
-            onExecute: handleExecuteStep,
-            onDelete: handleDeleteNode,
-            infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata }),
-            disabled: isDisabled,
-            onToggleDisabled: handleToggleDisabled,
-            isRenaming: isRenamingThisNode,
-            onStartRename: handleStartRename,
-            onCommitRename: handleCommitRename,
-            onCancelRename: handleCancelRename
+    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);
           }
-        ),
-        /* @__PURE__ */ jsx(
-          AdapterConnectors,
-          {
-            nodeId: id,
-            adapters: data?.nodeData?.nodeAdapters
+        } 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
+            });
           }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        NodeCard,
-        {
-          "data-selected": selected,
-          selected,
-          onClick: handleCardClick,
-          onDoubleClick: handleOpenNdv,
-          executionStatus,
-          itemCount,
-          isTrigger,
-          accent: roleAccent,
-          isExecuting: isThisNodeExecuting,
-          onSettings: handleOpenNdv,
-          onExecute: handleExecuteStep,
-          onDelete: handleDeleteNode,
-          infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata }),
-          disabled: isDisabled,
-          onToggleDisabled: handleToggleDisabled,
-          children: [
-            /* @__PURE__ */ jsx(
-              NodeCardHeader,
-              {
-                icon: cardIcon,
-                appName,
-                accentKey: value?.type || meta.title,
-                missingCredentials,
-                label: nodeLabel,
-                isRenaming: isRenamingThisNode,
-                onStartRename: handleStartRename,
-                onCommitRename: handleCommitRename,
-                onCancelRename: handleCancelRename
-              }
-            ),
-            operationDisplay === "execute" && (value?.type || "").startsWith("internal:") || isTrigger && !resolveOperationName(data?.operation_name, "") ? /* @__PURE__ */ jsx("div", { className: "rounded-b-xl border-t border-border/60 px-3 pb-3 pt-2.5", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-xs leading-snug text-muted-foreground", children: nodeDescription }) }) : /* @__PURE__ */ jsx(
-              NodeCardBody,
-              {
-                operationName: operationDisplay,
-                description: nodeDescription
-              }
-            ),
-            handleSpacer > 0 && /* @__PURE__ */ jsx("div", { style: { height: handleSpacer } }),
-            !isTrigger && /* @__PURE__ */ jsx(
-              InputHandles,
-              {
-                nodeId: id,
-                handles: inputHandles,
-                accent: roleAccent,
-                isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              OutputHandles,
-              {
-                nodeId: id,
-                handles: outputHandles,
-                accent: roleAccent,
-                isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0
+        }
+      }
+    },
+    [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
               }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AdapterConnectors,
-        {
-          nodeId: id,
-          adapters: data?.nodeData?.nodeAdapters
+            }
+          })
+        );
+        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 };
         }
-      )
-    ] });
-  }
-  return {
-    type: value?.type,
-    node: memo(NodeComponent),
-    detail: {
-      icon: "mynaui:message-solid",
-      title: "Gmail",
-      description: "Send a text message to the user using different messaging platforms like WhatsApp, Messenger, etc."
-    },
-    connection: {
-      inputs: 1,
-      outputs: 1
-    },
-    defaultData: {
-      operation_name: "",
-      operation_type: "",
-      version: value.defaultData?.version,
-      nodeData: value.defaultData?.nodeData,
-      args: value.defaultData?.args
-    },
-    propertyPanel: NodePropertyPanel
-  };
-};
-
-// src/builder/components/flow-builder/components/blocks/index.ts
-var NODE_ENDPOINT_CONFIGS = NodeEndpointConfigsDocument;
-var NODE_MANIFEST = NodeManifestDocument;
-var NODE_CONFIGS = [];
-async function fetchNodeManifest(nodeType, nodeVersion) {
-  try {
-    const client = getFluidGridsClient();
-    const { data } = await client.query({
-      query: NODE_MANIFEST,
-      variables: { nodeType, version: nodeVersion }
-    });
-    return data?.nodeManifest ?? null;
-  } catch (error) {
-    const message = error instanceof Error ? error.message : "Unknown error";
-    console.error(
-      `Error fetching manifest for ${nodeType} v${nodeVersion}:`,
-      message
-    );
-    return null;
-  }
-}
-function pushStoreNodeConfig(manifest, publishType = "STORE") {
-  if (NODE_CONFIGS.some((c) => c.type === manifest.nodeType)) return;
-  const manifestOps = manifest.operations;
-  const operations = Array.isArray(manifestOps) ? manifestOps : manifestOps?.operations ?? manifestOps;
-  NODE_CONFIGS.push({
-    type: manifest.nodeType,
-    detail: {
-      icon: manifest.icon || "mynaui:keyboard-solid",
-      title: manifest.name,
-      description: manifest.description,
-      gradientColor: "yellow"
-    },
-    defaultData: {
-      operation_name: "",
-      operation_type: "",
-      nodeData: manifest,
-      version: manifest.version,
-      args: {
-        context: {
-          node: {
-            id: manifest.nodeType,
-            kind: manifest.kind,
-            type: manifest.nodeType
-          }
-        },
-        state: {},
-        credentials: []
+        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 };
       }
     },
-    operations,
-    publishType
-  });
-}
-async function loadInstalledStoreNodes() {
-  const globalClient = getGlobalStoreClient();
-  if (!globalClient) return;
-  const { workspaceId } = getFluidGridsConfig();
-  if (!workspaceId) return;
-  try {
-    const { data } = await globalClient.query({
-      query: GetMyNodeInstallationsDocument,
-      variables: { workspaceId, limit: 200, offset: 0 },
-      fetchPolicy: "network-only"
-    });
-    const installations = data?.myStoreAppInstallations?.items ?? [];
-    let loaded = 0;
-    for (const installation of installations) {
-      if (installation.status !== "ACTIVE") continue;
-      const manifest = installation.manifest;
-      if (!manifest?.nodeType) continue;
-      pushStoreNodeConfig(manifest, "STORE");
-      loaded++;
-    }
-    if (loaded > 0) {
-      console.log(
-        `[Workflows] Loaded ${loaded} installed store node(s) from workspace installations.`
-      );
-    }
-  } catch (error) {
-    const message = error instanceof Error ? error.message : "Unknown error";
-    console.warn("[Workflows] Could not load installed store nodes:", message);
-  }
-}
-async function initializeNodeConfigs() {
-  try {
-    const client = await waitForFluidGridsClient(15e3, 150);
-    if (!client) {
-      console.warn(
-        "[Workflows] Apollo client not available after timeout \u2014 loading store nodes only."
-      );
-      await loadInstalledStoreNodes();
-      return;
-    }
-    const { data } = await client.query({
-      query: NODE_ENDPOINT_CONFIGS,
-      variables: {
-        status: "AVAILABLE",
-        pagination: { limit: 100 }
+    [
+      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" };
       }
-    });
-    const nodes = data?.nodeEndpointConfigs?.configs ?? [];
-    if (!Array.isArray(nodes) || nodes.length === 0) {
-      console.warn("No nodes found or received data is not an array.");
-      await loadInstalledStoreNodes();
-      return;
-    }
-    const manifestPromises = nodes.map(async (node) => {
-      if (node?.nodeType && node?.nodeVersion) {
-        try {
-          return await fetchNodeManifest(node.nodeType, node.nodeVersion);
-        } catch {
-          console.error(
-            `Failed to fetch manifest for node ${node.id} (${node.nodeType} v${node.nodeVersion})`
-          );
-          return null;
-        }
-      } else {
-        console.warn(
-          `Node ${node?.id ?? "unknown"} is missing nodeType or nodeVersion. Skipping manifest fetch.`
+      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
         );
-        return null;
+        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 };
       }
-    });
-    const manifests = await Promise.all(manifestPromises);
-    const successfulManifests = manifests.filter(
-      (m) => m !== null
-    );
-    successfulManifests.forEach((manifest, index) => {
-      const node = nodes[index];
-      const manifestOps = manifest.operations;
-      const operations = Array.isArray(manifestOps) ? manifestOps : manifestOps?.operations ?? manifestOps;
-      NODE_CONFIGS.push({
-        type: manifest.nodeType,
-        // Use camelCase nodeType
-        detail: {
-          icon: manifest.icon || "mynaui:keyboard-solid",
-          title: manifest.name,
-          description: manifest.description,
-          gradientColor: "yellow"
-          // Default gradient for dynamic nodes
-        },
-        defaultData: {
-          operation_name: "",
-          operation_type: "",
-          nodeData: manifest,
-          version: manifest.version,
-          args: {
-            context: {
-              node: {
-                id: manifest.nodeType,
-                kind: manifest.kind,
-                type: manifest.nodeType
+    },
+    [
+      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"
               }
-            },
-            state: {},
-            credentials: []
-          }
-        },
-        operations,
-        publishType: node.publishType
-        // Preserve publishType from GraphQL query
-      });
-    });
-    await loadInstalledStoreNodes();
-  } catch (error) {
-    const message = error instanceof Error ? error.message : "Unknown error";
-    console.error("Failed to fetch nodes or manifests:", message);
-  }
-}
-async function refetchStoreNodes() {
-  try {
-    NODE_CONFIGS.length = 0;
-    NODES.length = 0;
-    AVAILABLE_NODES.length = 0;
-    for (const key of Object.keys(NODE_TYPES)) delete NODE_TYPES[key];
-    for (const key of Object.keys(NODES_METADATA))
-      delete NODES_METADATA[key];
-    isInitialized = false;
-    initPromise = null;
-    const fallback = getNodeMetadata({ type: "__default_dynamic__" });
-    if (fallback?.node) {
-      NODE_TYPES["default"] = fallback.node;
-    }
-    NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
-    await initializeNodeConfigs();
-    rebuildNodeArrays();
-  } catch (error) {
-    console.error("[Blocks] Failed to refetch nodes:", error);
-  }
-}
-var NODES = [];
-var NODE_TYPES = {};
-var NODES_METADATA = {};
-var AVAILABLE_NODES = [];
-var initPromise = null;
-var isInitialized = false;
-var nodeTypesListeners = /* @__PURE__ */ new Set();
-function onNodeTypesUpdate(listener) {
-  nodeTypesListeners.add(listener);
-  return () => nodeTypesListeners.delete(listener);
-}
-function notifyNodeTypesListeners() {
-  nodeTypesListeners.forEach((listener) => listener());
-}
-function ensureNodeConfigsLoaded() {
-  if (isInitialized) {
-    return Promise.resolve();
-  }
-  if (!initPromise) {
-    initPromise = initializeNodeConfigs().then(() => {
-      if (NODE_CONFIGS.length > 0) {
-        isInitialized = true;
-      } else {
-        initPromise = null;
+            }
+          })
+        );
+        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) };
       }
-      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
+    },
+    [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 +20745,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 +21855,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 +22031,7 @@ function paramsFromOperation(op) {
       description: typeof rec?.description === "string" ? rec.description : void 0,
       options,
       defaultValue: rec?.default,
+      schema: spec,
       loadOptions
     };
   });
@@ -21986,18 +22196,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 +22652,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 +24598,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 +24606,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 +24619,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));