@burdenoff/fluidgrids-fe-sdk 2026.922.7 → 2026.922.9

package/dist/{chunk-VTKT6XDA.js → chunk-NOOLXG62.js}

@@ -7,12 +7,12 @@ import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
 import { QuotaExhaustedDialog } from './chunk-AANIWER2.js';
 import { SdkPermissionGate, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-UIY2HBWA.js';
 import { cn as cn$1 } from './chunk-3ZYUGTIT.js';
-import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-OZBZS6DM.js';
+import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-CVVNQCFM.js';
 import { throwIfResultError, describeOperationError } from './chunk-LMO5ASOE.js';
 import { config, getFluidGridsConfig, validateTrustedOrigin, setFluidGridsConfig, resetFluidGridsConfig } from './chunk-WWU2O2SR.js';
 import { waitForFluidGridsClient, getFluidGridsClient, createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
-import { useFlowStore } from './chunk-275FCUOI.js';
-import { NodeEndpointConfigsDocument, NodeManifestDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, TriggerWorkflowDocument, WorkflowRunDocument, FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, NodeSchemaIntrospectionDocument, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-WO3AHQVD.js';
+import { useFlowStore } from './chunk-YMD3T6J2.js';
+import { NodeEndpointConfigsDocument, NodeManifestDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, TriggerWorkflowDocument, RunFromNodeDocument, ExecutionDetailDocument, WorkflowRunDocument, FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-BHITFSOK.js';
 import { useTr, FluidGridsTranslationProvider, ENGLISH_FALLBACK_TRANSLATOR } from './chunk-7YWBH2A5.js';
 import * as React2 from 'react';
 import React2__default, { forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, memo, createContext, lazy, useCallback, useContext, useLayoutEffect, Suspense, useDeferredValue } from 'react';
@@ -3602,6 +3602,8 @@ function ConnectionSelector({
 }
 var TRIGGER_WORKFLOW = TriggerWorkflowDocument;
 var WORKFLOW_RUN = WorkflowRunDocument;
+var RUN_FROM_NODE = RunFromNodeDocument;
+var EXECUTION_DETAIL = ExecutionDetailDocument;
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "COMPLETED",
   "FAILED",
@@ -3648,6 +3650,7 @@ function useNodeExecution() {
     (s) => s.actions.execution.completeExecution
   );
   const clearLogs = useFlowStore((s) => s.actions.execution.clearLogs);
+  const loadDebugRun = useFlowStore((s) => s.actions.execution.loadDebugRun);
   const cleanup = useCallback(() => {
     if (pollTimerRef.current) {
       clearTimeout(pollTimerRef.current);
@@ -3741,7 +3744,9 @@ function useNodeExecution() {
             error: nodeState.error ?? null,
             duration: nodeState.duration ?? null,
             startTime: nodeState.startTime ?? (/* @__PURE__ */ new Date()).toISOString(),
-            endTime: nodeState.endTime ?? null
+            endTime: nodeState.endTime ?? null,
+            usedPinnedData: nodeState.usedPinnedData ?? false,
+            reusedFromRunId: nodeState.reusedFromRunId ?? null
           };
           addLog(newLog);
         } else {
@@ -3752,7 +3757,9 @@ function useNodeExecution() {
               output: nodeState.output ?? existingLog.output,
               error: nodeState.error ?? existingLog.error,
               duration: nodeState.duration ?? existingLog.duration,
-              endTime: nodeState.endTime ?? existingLog.endTime
+              endTime: nodeState.endTime ?? existingLog.endTime,
+              usedPinnedData: nodeState.usedPinnedData ?? existingLog.usedPinnedData,
+              reusedFromRunId: nodeState.reusedFromRunId ?? existingLog.reusedFromRunId
             });
           }
         }
@@ -3850,7 +3857,11 @@ function useNodeExecution() {
                 triggerNodeId: triggerNode.id,
                 triggerData: {},
                 context: {},
-                stopAtNodeId
+                stopAtNodeId,
+                // Step execution from the builder is always a manual/debug
+                // run (BOFF-7511) — pinned node data only ever applies here,
+                // never on a PRODUCTION trigger (webhook, schedule, API).
+                mode: "TEST"
               }
             }
           })
@@ -3949,7 +3960,10 @@ function useNodeExecution() {
                 version,
                 triggerNodeId: triggerNode.id,
                 triggerData: customTriggerData || {},
-                context: {}
+                context: {},
+                // Builder "Test workflow" is always a manual/debug run
+                // (BOFF-7511) — see the note on executeNode above.
+                mode: "TEST"
               }
             }
           })
@@ -4001,6 +4015,99 @@ function useNodeExecution() {
       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 executeNode/executeFullWorkflow above.
+                mode: "TEST"
+              }
+            }
+          })
+        );
+        const runFromNodeResult = result.data?.runFromNode;
+        if (runFromNodeResult) {
+          const backendRunId = runFromNodeResult.runId;
+          startExecution(nodeId, backendRunId);
+          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();
+      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" };
+        }
+        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);
+        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) {
@@ -4012,6 +4119,8 @@ function useNodeExecution() {
   return {
     executeNode,
     executeFullWorkflow,
+    executeFromNode,
+    loadExecution,
     cleanup,
     findTriggerNode
   };
@@ -20652,13 +20761,17 @@ var ExecuteWorkflowButton = ({
     )
   ] });
 };
-var JsonView = ({ data }) => {
+var JsonView = ({
+  data
+}) => {
   const tr = useTr();
   if (!data)
     return /* @__PURE__ */ jsx("div", { className: "text-tertiary p-4", children: tr("fluidgrids.builder.logsPanel.jsonViewNoData", "No data") });
   return /* @__PURE__ */ jsx("pre", { className: "text-xs overflow-auto p-4 bg-card/50 rounded h-full", children: JSON.stringify(data, null, 2) });
 };
-var TableView = ({ data }) => {
+var TableView = ({
+  data
+}) => {
   const tr = useTr();
   if (!data)
     return /* @__PURE__ */ jsx("div", { className: "text-tertiary p-4", children: tr("fluidgrids.builder.logsPanel.tableViewNoData", "No data") });
@@ -21411,6 +21524,34 @@ function fieldsFromIO(io, root = "") {
     ([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 (isRecord2(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 (!isRecord2(value)) return [];
+  return Object.entries(value).map(
+    ([key, v]) => fieldFromValue(key, joinPath(root, key), v)
+  );
+}
 function normalizeOperations(raw) {
   if (Array.isArray(raw)) return raw;
   if (isRecord2(raw) && Array.isArray(raw.operations)) {
@@ -23480,6 +23621,64 @@ function NodeDetailView() {
   } = config2;
   const [tab, setTab] = useState("parameters");
   const [outputView, setOutputView] = useState("schema");
+  const [inputView, setInputView] = useState("schema");
+  const executionLogs = useFlowStore((s) => s.execution.logs);
+  const currentRunId = useFlowStore((s) => s.execution.currentRunId);
+  const nodeLog = useMemo(() => {
+    if (!ndv?.nodeId) return null;
+    const matches = executionLogs.filter((l) => l.nodeId === ndv.nodeId);
+    return matches.length > 0 ? matches[matches.length - 1] : null;
+  }, [executionLogs, ndv?.nodeId]);
+  const hasRealOutput = !!nodeLog?.output && Object.keys(nodeLog.output).length > 0;
+  const hasRealInput = !!nodeLog?.inputArgs && Object.keys(nodeLog.inputArgs).length > 0;
+  const realOutputFields = useMemo(
+    () => hasRealOutput ? fieldsFromValue(nodeLog.output) : [],
+    [hasRealOutput, nodeLog]
+  );
+  const realInputFields = useMemo(
+    () => hasRealInput ? fieldsFromValue(nodeLog.inputArgs) : [],
+    [hasRealInput, nodeLog]
+  );
+  const workflowDbId = useFlowStore((s) => s.workflow.dbId);
+  const { data: pinnedDataResult, refetch: refetchPinnedData } = useWorkflowPinnedDataQuery({
+    variables: { id: workflowDbId },
+    skip: !workflowDbId || !open,
+    fetchPolicy: "cache-and-network"
+  });
+  const pinnedNodeData = pinnedDataResult?.workflowDefinition?.pinnedNodeData ?? {};
+  const isPinned = !!ndv?.nodeId && !!pinnedNodeData[ndv.nodeId];
+  const [pinNodeData, { loading: pinning }] = usePinNodeDataMutation();
+  const [unpinNodeData, { loading: unpinning }] = useUnpinNodeDataMutation();
+  const togglePin = async () => {
+    if (!workflowDbId || !ndv?.nodeId) return;
+    try {
+      if (isPinned) {
+        await unpinNodeData({
+          variables: { id: workflowDbId, nodeId: ndv.nodeId }
+        });
+      } else {
+        const dataToPin = nodeLog?.output ?? currentOp?.output_fields ?? {};
+        await pinNodeData({
+          variables: { id: workflowDbId, nodeId: ndv.nodeId, data: dataToPin }
+        });
+      }
+      await refetchPinnedData();
+    } catch (err) {
+      console.error("[NodeDetailView] Failed to toggle pinned data", err);
+    }
+  };
+  const { executeFromNode } = useNodeExecution();
+  const [runningFromHere, setRunningFromHere] = useState(false);
+  const canRunFromHere = !!currentRunId && nodeLog?.status === "completed";
+  const runFromHere = async () => {
+    if (!currentRunId || !ndv?.nodeId) return;
+    setRunningFromHere(true);
+    try {
+      await executeFromNode(currentRunId, ndv.nodeId);
+    } finally {
+      setRunningFromHere(false);
+    }
+  };
   const threePaneLayout = useMediaQuery("(min-width: 1024px)");
   const [pane, setPane] = useState("parameters");
   const panesRef = useRef(null);
@@ -23541,6 +23740,33 @@ function NodeDetailView() {
             /* @__PURE__ */ jsx(DialogTitle, { className: "truncate text-sm font-semibold leading-tight", children: nodeTitle(node) }),
             nodeSubtitle(node) && /* @__PURE__ */ jsx(DialogDescription, { className: "truncate text-xs leading-tight", children: nodeSubtitle(node) })
           ] }),
+          canRunFromHere && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: runFromHere,
+              disabled: runningFromHere,
+              "data-testid": "ndv-run-from-here",
+              className: "flex items-center gap-1 rounded-md border border-primary/30 px-2 py-1 text-xs text-primary hover:bg-primary/10 disabled:opacity-50",
+              title: tr(
+                "fluidgrids.builder.nodeDetailView.runFromHereHint",
+                "Re-run from this node, reusing upstream outputs instead of re-executing them."
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: runningFromHere ? "svg-spinners:ring-resize" : "mdi:play",
+                    className: "size-3.5"
+                  }
+                ),
+                tr(
+                  "fluidgrids.builder.nodeDetailView.runFromHereButton",
+                  "Run from here"
+                )
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -23615,7 +23841,21 @@ function NodeDetailView() {
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2.5", children: [
                   /* @__PURE__ */ jsx("span", { className: SECTION_LABEL5, children: tr("fluidgrids.builder.nodeDetailView.inputSection", "Input") }),
-                  sourceIds.length > 0 && /* @__PURE__ */ jsx(
+                  hasRealInput && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-primary",
+                      title: tr(
+                        "fluidgrids.builder.nodeDetailView.realDataBadgeHint",
+                        "Showing real data from the last execution."
+                      ),
+                      children: tr(
+                        "fluidgrids.builder.nodeDetailView.realDataBadge",
+                        "Live"
+                      )
+                    }
+                  ),
+                  sourceIds.length > 0 && !hasRealInput && /* @__PURE__ */ jsx(
                     "select",
                     {
                       className: "ml-auto max-w-[60%] truncate rounded-md border border-input bg-background px-2 py-1 text-xs text-foreground outline-none focus:border-primary",
@@ -23627,14 +23867,49 @@ function NodeDetailView() {
                         return /* @__PURE__ */ jsx("option", { value: sid, children: nodeTitle(sn) }, sid);
                       })
                     }
-                  )
+                  ),
+                  (hasRealInput || inputFields.length > 0) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(
+                      ToggleChip,
+                      {
+                        active: inputView === "schema",
+                        onClick: () => setInputView("schema"),
+                        children: tr(
+                          "fluidgrids.builder.nodeDetailView.outputViewSchema",
+                          "Schema"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ToggleChip,
+                      {
+                        active: inputView === "table",
+                        onClick: () => setInputView("table"),
+                        children: tr(
+                          "fluidgrids.builder.nodeDetailView.outputViewTable",
+                          "Table"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ToggleChip,
+                      {
+                        active: inputView === "json",
+                        onClick: () => setInputView("json"),
+                        children: tr(
+                          "fluidgrids.builder.nodeDetailView.outputViewJson",
+                          "JSON"
+                        )
+                      }
+                    )
+                  ] })
                 ] }),
                 /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: "min-h-0 flex-1 overflow-auto px-2 pb-3",
                     "data-testid": "ndv-input-tree",
-                    children: inputFields.length > 0 ? /* @__PURE__ */ jsx(FieldTree, { fields: inputFields, draggable: true }) : /* @__PURE__ */ jsx(
+                    children: hasRealInput ? inputView === "schema" ? /* @__PURE__ */ jsx(FieldTree, { fields: realInputFields, draggable: true }) : inputView === "table" ? /* @__PURE__ */ jsx(TableView, { data: nodeLog.inputArgs }) : /* @__PURE__ */ jsx(JsonView, { data: nodeLog.inputArgs }) : inputFields.length > 0 ? /* @__PURE__ */ jsx(FieldTree, { fields: inputFields, draggable: true }) : /* @__PURE__ */ jsx(
                       EmptyState,
                       {
                         icon: "mdi:tray-arrow-down",
@@ -23729,7 +24004,55 @@ function NodeDetailView() {
                     "fluidgrids.builder.nodeDetailView.outputSection",
                     "Output"
                   ) }),
-                  outputFields.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+                  hasRealOutput && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-primary",
+                      title: tr(
+                        "fluidgrids.builder.nodeDetailView.realDataBadgeHint",
+                        "Showing real data from the last execution."
+                      ),
+                      children: tr(
+                        "fluidgrids.builder.nodeDetailView.realDataBadge",
+                        "Live"
+                      )
+                    }
+                  ),
+                  nodeLog?.usedPinnedData && /* @__PURE__ */ jsx("span", { className: "rounded bg-amber-500/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-amber-600 dark:text-amber-400", children: tr(
+                    "fluidgrids.builder.nodeDetailView.pinnedDataUsedBadge",
+                    "Pinned"
+                  ) }),
+                  ndv?.nodeId && workflowDbId && /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: togglePin,
+                      disabled: pinning || unpinning,
+                      "data-testid": "ndv-pin-toggle",
+                      title: tr(
+                        isPinned ? "fluidgrids.builder.nodeDetailView.unpinHint" : "fluidgrids.builder.nodeDetailView.pinHint",
+                        isPinned ? "Unpin \u2014 TEST runs will call this node for real again." : "Pin this output \u2014 TEST runs will replay it instead of calling the node."
+                      ),
+                      className: cn(
+                        "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide transition-colors disabled:opacity-50",
+                        isPinned ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            icon: isPinned ? "mdi:pin" : "mdi:pin-outline",
+                            className: "size-3"
+                          }
+                        ),
+                        tr(
+                          isPinned ? "fluidgrids.builder.nodeDetailView.unpinButton" : "fluidgrids.builder.nodeDetailView.pinButton",
+                          isPinned ? "Pinned" : "Pin"
+                        )
+                      ]
+                    }
+                  ),
+                  (hasRealOutput || outputFields.length > 0) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(
                       ToggleChip,
                       {
@@ -23741,6 +24064,17 @@ function NodeDetailView() {
                         )
                       }
                     ),
+                    /* @__PURE__ */ jsx(
+                      ToggleChip,
+                      {
+                        active: outputView === "table",
+                        onClick: () => setOutputView("table"),
+                        children: tr(
+                          "fluidgrids.builder.nodeDetailView.outputViewTable",
+                          "Table"
+                        )
+                      }
+                    ),
                     /* @__PURE__ */ jsx(
                       ToggleChip,
                       {
@@ -23759,7 +24093,7 @@ function NodeDetailView() {
                   {
                     className: "min-h-0 flex-1 overflow-auto px-2 pb-3",
                     "data-testid": "ndv-output-tree",
-                    children: outputFields.length === 0 ? /* @__PURE__ */ jsx(
+                    children: hasRealOutput ? outputView === "schema" ? /* @__PURE__ */ jsx(FieldTree, { fields: realOutputFields, draggable: true }) : outputView === "table" ? /* @__PURE__ */ jsx(TableView, { data: nodeLog.output }) : /* @__PURE__ */ jsx(JsonView, { data: nodeLog.output }) : outputFields.length === 0 ? /* @__PURE__ */ jsx(
                       EmptyState,
                       {
                         icon: "mdi:tray-arrow-up",
@@ -23769,10 +24103,10 @@ function NodeDetailView() {
                         ),
                         hint: tr(
                           "fluidgrids.builder.nodeDetailView.noOutputHint",
-                          "This operation has no declared output fields."
+                          "This operation has no declared output fields. Run this node to see its real output here."
                         )
                       }
-                    ) : outputView === "schema" ? /* @__PURE__ */ jsx(FieldTree, { fields: outputFields }) : /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words px-2 text-[11px] leading-relaxed text-muted-foreground", children: JSON.stringify(currentOp?.output_fields ?? {}, null, 2) })
+                    ) : outputView === "schema" ? /* @__PURE__ */ jsx(FieldTree, { fields: outputFields, draggable: true }) : outputView === "table" ? /* @__PURE__ */ jsx(TableView, { data: null }) : /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words px-2 text-[11px] leading-relaxed text-muted-foreground", children: JSON.stringify(currentOp?.output_fields ?? {}, null, 2) })
                   }
                 )
               ]
@@ -25211,5 +25545,5 @@ var FlowBuilderPage = ({
 };
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConnectionFormDialog, ConnectionSelector, EntityTagPicker, FLUIDGRIDS_ENTITY_TYPES, FlowBuilderPage, FluidGridsProvider, ProviderPicker, SchemaConnectionForm, ScopePicker, TemplateCard, buildNodeCheck, buildRequiredNodeTypes, listCustomBlocks, mergeStickyNotes, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, tagLabel, useAvailableTags, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useCreateTag, useDraftEntityTags, useEntityTags, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useInstalledNodes, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useReplaceEntityTags, useSearchTags, useTagEntity, useUntagEntity, useWorkflowTemplates };
-//# sourceMappingURL=chunk-VTKT6XDA.js.map
-//# sourceMappingURL=chunk-VTKT6XDA.js.map
+//# sourceMappingURL=chunk-NOOLXG62.js.map
+//# sourceMappingURL=chunk-NOOLXG62.js.map