@burdenoff/fluidgrids-fe-sdk 2026.1017.2 → 2026.1019.2

package/dist/{chunk-OBH5MEIP.js → chunk-GSUWFVSF.js}

@@ -7,10 +7,10 @@ import { getGlobalStoreClient, createGlobalStoreClient, setGlobalStoreClient, re
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument } from './chunk-WBH2XEWO.js';
 import { SdkPermissionGate, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-ONVGFVNH.js';
 import { cn as cn$1 } from './chunk-JL7CASN5.js';
-import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-UUELRAQ2.js';
+import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-O6E247J6.js';
 import { config, getFluidGridsConfig, validateTrustedOrigin, resetFluidGridsExecutionState, setFluidGridsConfig, resetFluidGridsConfig } from './chunk-UZG3ZIQM.js';
-import { useFlowStore, isNodeTrigger, useIsValidConnection, isTriggerOperation } from './chunk-PYQHV2NT.js';
-import { NodeEndpointConfigsDocument, NodeManifestDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, ExecuteStepDocument, TriggerWorkflowDocument, RunFromNodeDocument, ExecutionDetailDocument, WorkflowRunDocument, FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-NFBNWXJH.js';
+import { useFlowStore, isNodeTrigger, useIsValidConnection, isTriggerOperation } from './chunk-BXRTBIUQ.js';
+import { NodeEndpointConfigsDocument, NodeManifestDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, ExecuteStepDocument, TriggerWorkflowDocument, RunFromNodeDocument, ExecutionDetailDocument, WorkflowRunDocument, FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-L2UWPFJM.js';
 import { throwIfResultError, describeOperationError } from './chunk-CFCUM4CN.js';
 import { useTr, FluidGridsTranslationProvider, ENGLISH_FALLBACK_TRANSLATOR } from './chunk-UULVIT25.js';
 import { waitForFluidGridsClient, getFluidGridsClient, getFluidGridsClientSafe, createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient } from './chunk-NTWG3CJX.js';
@@ -6235,6 +6235,29 @@ function useNodeExecution() {
       completeExecution
     ]
   );
+  const followRun = useCallback(
+    (runId, triggerNodeId) => {
+      cleanup();
+      clearLogs();
+      setNodeStatus(triggerNodeId, "running");
+      startExecution(triggerNodeId, runId, {
+        workflowKey: workflow.workflowKey || workflow.id,
+        version: workflow.version,
+        sourceMode: "TEST"
+      });
+      pollRunUpdates(runId);
+    },
+    [
+      cleanup,
+      clearLogs,
+      setNodeStatus,
+      startExecution,
+      workflow.workflowKey,
+      workflow.id,
+      workflow.version,
+      pollRunUpdates
+    ]
+  );
   const executeFromNode = useCallback(
     async (sourceRunId, nodeId) => {
       cleanup();
@@ -6372,6 +6395,7 @@ function useNodeExecution() {
     executeStep,
     executeFullWorkflow,
     executeFromNode,
+    followRun,
     loadExecution,
     cleanup,
     findTriggerNode
@@ -6825,28 +6849,35 @@ function RunOnSection({
               children: /* @__PURE__ */ jsx(SelectValue, {})
             }
           ),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: CLOUD, "data-testid": "run-on-cloud", children: tr(
-              "fluidgrids.builder.nodeSettings.runOnCloud",
-              "FluidGrids Cloud (default)"
-            ) }),
-            runners.map((runner) => /* @__PURE__ */ jsxs(
-              SelectItem,
-              {
-                value: runner.id,
-                "data-testid": "run-on-runner-option",
-                children: [
-                  runner.name,
-                  runner.status !== "ONLINE" ? ` (${runner.status === "OFFLINE" ? tr("fluidgrids.runners.offline", "Offline") : tr("fluidgrids.runners.neverConnected", "Not connected yet")})` : ""
-                ]
-              },
-              runner.id
-            )),
-            value && !loading && !selected && /* @__PURE__ */ jsx(SelectItem, { value: value.runnerId, disabled: true, children: tr(
-              "fluidgrids.builder.nodeSettings.runOnMissing",
-              "Removed runner"
-            ) })
-          ] })
+          /* @__PURE__ */ jsxs(
+            SelectContent,
+            {
+              style: { zIndex: 1100 },
+              "data-testid": "ndv-settings-run-on-options",
+              children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: CLOUD, "data-testid": "run-on-cloud", children: tr(
+                  "fluidgrids.builder.nodeSettings.runOnCloud",
+                  "FluidGrids Cloud (default)"
+                ) }),
+                runners.map((runner) => /* @__PURE__ */ jsxs(
+                  SelectItem,
+                  {
+                    value: runner.id,
+                    "data-testid": "run-on-runner-option",
+                    children: [
+                      runner.name,
+                      runner.status !== "ONLINE" ? ` (${runner.status === "OFFLINE" ? tr("fluidgrids.runners.offline", "Offline") : tr("fluidgrids.runners.neverConnected", "Not connected yet")})` : ""
+                    ]
+                  },
+                  runner.id
+                )),
+                value && !loading && !selected && /* @__PURE__ */ jsx(SelectItem, { value: value.runnerId, disabled: true, children: tr(
+                  "fluidgrids.builder.nodeSettings.runOnMissing",
+                  "Removed runner"
+                ) })
+              ]
+            }
+          )
         ]
       }
     ),
@@ -21641,69 +21672,405 @@ function WaitResumeUrlField() {
     ) })
   ] });
 }
+var POLL_INTERVAL_MS = 2e3;
+function useWebhookTestListener(target, onReceived) {
+  const [listener, setListener] = useState(
+    null
+  );
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const pollTimer = useRef(null);
+  const openId = useRef(null);
+  const generation = useRef(0);
+  const onReceivedRef = useRef(onReceived);
+  onReceivedRef.current = onReceived;
+  const workflowKey = target?.workflowKey;
+  const version = target?.version;
+  const triggerNodeId = target?.triggerNodeId;
+  const clearPoll = useCallback(() => {
+    if (pollTimer.current) {
+      clearTimeout(pollTimer.current);
+      pollTimer.current = null;
+    }
+  }, []);
+  const poll = useCallback(
+    (id) => {
+      clearPoll();
+      pollTimer.current = setTimeout(async () => {
+        const client = getFluidGridsClientSafe();
+        if (!client || openId.current !== id) return;
+        try {
+          const result = await client.query({
+            query: WebhookTestListenerDocument,
+            variables: { id },
+            fetchPolicy: "network-only"
+          });
+          const latest = result.data?.webhookTestListener;
+          if (openId.current !== id) return;
+          if (!latest) {
+            openId.current = null;
+            setListener(null);
+            return;
+          }
+          const status = latest.status;
+          setListener(
+            (current) => current && current.id === id ? {
+              ...current,
+              status,
+              runId: latest.runId ?? null,
+              error: latest.error ?? null
+            } : current
+          );
+          if (status === "LISTENING") {
+            poll(id);
+            return;
+          }
+          openId.current = null;
+          if (status === "RECEIVED" && latest.runId) {
+            onReceivedRef.current(latest.runId);
+          }
+        } catch {
+          if (openId.current === id) poll(id);
+        }
+      }, POLL_INTERVAL_MS);
+    },
+    [clearPoll]
+  );
+  const stopAbandoned = useCallback((id) => {
+    void getFluidGridsClientSafe()?.mutate({ mutation: StopWebhookTestListenerDocument, variables: { id } }).catch(() => void 0);
+  }, []);
+  const stopOpenListener = useCallback(() => {
+    const id = openId.current;
+    openId.current = null;
+    clearPoll();
+    if (id) stopAbandoned(id);
+  }, [clearPoll, stopAbandoned]);
+  const listen = useCallback(async () => {
+    const client = getFluidGridsClientSafe();
+    if (!client || !workflowKey || !version || !triggerNodeId) return;
+    stopOpenListener();
+    const armedFor = generation.current;
+    setBusy(true);
+    setError(null);
+    try {
+      const result = await client.mutate({
+        mutation: ListenForWebhookTestEventDocument,
+        variables: { input: { workflowKey, version, triggerNodeId } }
+      });
+      const armed = result.data?.listenForWebhookTestEvent;
+      if (!armed) throw new Error("The test listener could not be started");
+      if (generation.current !== armedFor) {
+        stopAbandoned(armed.id);
+        return;
+      }
+      openId.current = armed.id;
+      setListener({
+        id: armed.id,
+        status: armed.status,
+        testUrl: armed.testUrl ?? null,
+        expiresAt: armed.expiresAt,
+        runId: armed.runId ?? null,
+        error: armed.error ?? null
+      });
+      poll(armed.id);
+    } catch (err) {
+      if (generation.current === armedFor)
+        setError(describeOperationError(err));
+    } finally {
+      if (generation.current === armedFor) setBusy(false);
+    }
+  }, [
+    workflowKey,
+    version,
+    triggerNodeId,
+    poll,
+    stopOpenListener,
+    stopAbandoned
+  ]);
+  const stop = useCallback(async () => {
+    const id = openId.current;
+    const client = getFluidGridsClientSafe();
+    if (!id || !client) return;
+    clearPoll();
+    const stoppedFor = generation.current;
+    setBusy(true);
+    try {
+      const result = await client.mutate({ mutation: StopWebhookTestListenerDocument, variables: { id } });
+      const stopped = result.data?.stopWebhookTestListener;
+      if (generation.current !== stoppedFor) return;
+      if (!stopped) throw new Error("The test listener could not be stopped");
+      const closedHere = openId.current === id;
+      if (closedHere) openId.current = null;
+      const status = stopped.status;
+      setListener(
+        (current) => current && current.id === id ? {
+          ...current,
+          status,
+          runId: stopped.runId ?? null,
+          error: stopped.error ?? null
+        } : current
+      );
+      if (closedHere && status === "RECEIVED" && stopped.runId) {
+        onReceivedRef.current(stopped.runId);
+      }
+    } catch (err) {
+      if (generation.current !== stoppedFor) return;
+      setError(describeOperationError(err));
+      if (openId.current === id) poll(id);
+    } finally {
+      if (generation.current === stoppedFor) setBusy(false);
+    }
+  }, [clearPoll, poll]);
+  useEffect(() => {
+    setListener(null);
+    setError(null);
+    setBusy(false);
+    return () => {
+      generation.current += 1;
+      stopOpenListener();
+    };
+  }, [workflowKey, version, triggerNodeId, stopOpenListener]);
+  return { listener, busy, error, listen, stop };
+}
+var BuilderReadOnlyContext = createContext(false);
+var BuilderReadOnlyProvider = BuilderReadOnlyContext.Provider;
+function useBuilderReadOnly() {
+  return useContext(BuilderReadOnlyContext);
+}
 var SECTION_LABEL2 = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
-function WebhookUrlField({ webhookUrl, loading }) {
+function CopyableUrl({
+  url,
+  copyAriaLabel,
+  testId
+}) {
   const tr = useTr();
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
-    if (!webhookUrl) return;
     try {
-      await navigator.clipboard.writeText(webhookUrl);
+      await navigator.clipboard.writeText(url);
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {
     }
   };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        readOnly: true,
+        value: url,
+        "data-testid": testId,
+        onFocus: (e) => e.currentTarget.select(),
+        className: "min-w-0 flex-1 rounded-md border border-border bg-muted/40 px-3 py-2 font-mono text-xs text-foreground outline-none focus:border-primary"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: cn(
+          "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border px-3 py-2 text-xs font-medium transition-colors",
+          copied ? "border-primary bg-primary/10 text-primary" : "bg-background text-foreground hover:bg-muted"
+        ),
+        "aria-label": copyAriaLabel,
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: copied ? "mdi:check" : "mdi:content-copy",
+              className: "h-4 w-4"
+            }
+          ),
+          copied ? tr("fluidgrids.builder.webhookUrlField.copied", "Copied") : tr("fluidgrids.builder.webhookUrlField.copy", "Copy")
+        ]
+      }
+    )
+  ] });
+}
+function WebhookUrlField({ webhookUrl, loading }) {
+  const tr = useTr();
+  const isActiveVersion = useFlowStore((s) => s.workflow.status === "ACTIVE");
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": "ndv-webhook-url", children: [
-    /* @__PURE__ */ jsx("div", { className: SECTION_LABEL2, children: tr("fluidgrids.builder.webhookUrlField.label", "Webhook URL") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: SECTION_LABEL2, children: tr(
+        "fluidgrids.builder.webhookUrlField.productionLabel",
+        "Production URL"
+      ) }),
+      webhookUrl && isActiveVersion && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary", children: tr("fluidgrids.builder.webhookUrlField.live", "Live") })
+    ] }),
     webhookUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            readOnly: true,
-            value: webhookUrl,
-            onFocus: (e) => e.currentTarget.select(),
-            className: "min-w-0 flex-1 rounded-md border border-border bg-muted/40 px-3 py-2 font-mono text-xs text-foreground outline-none focus:border-primary"
-          }
-        ),
+      /* @__PURE__ */ jsx(
+        CopyableUrl,
+        {
+          url: webhookUrl,
+          testId: "ndv-webhook-production-url",
+          copyAriaLabel: tr(
+            "fluidgrids.builder.webhookUrlField.copyAriaLabel",
+            "Copy webhook URL"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: isActiveVersion ? tr(
+        "fluidgrids.builder.webhookUrlField.activeHint",
+        "Requests to this URL run this version of the workflow."
+      ) : tr(
+        "fluidgrids.builder.webhookUrlField.inactiveHint",
+        "Requests to this URL run the workflow's active version only. Activate this version to make it live, or use a test URL to try it."
+      ) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: loading ? tr(
+      "fluidgrids.builder.webhookUrlField.loading",
+      "Loading webhook URL\u2026"
+    ) : tr(
+      "fluidgrids.builder.webhookUrlField.unsaved",
+      "Save the workflow to generate its webhook URL."
+    ) })
+  ] });
+}
+function useSecondsLeft(expiresAt) {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!expiresAt) return;
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [expiresAt]);
+  if (!expiresAt) return 0;
+  return Math.max(0, Math.ceil((Date.parse(expiresAt) - now) / 1e3));
+}
+function WebhookTestListenerField({
+  nodeId
+}) {
+  const readOnly = useBuilderReadOnly();
+  return readOnly ? null : /* @__PURE__ */ jsx(WebhookTestListenerControls, { nodeId });
+}
+function WebhookTestListenerControls({
+  nodeId
+}) {
+  const tr = useTr();
+  const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+  const version = useFlowStore((s) => s.workflow.version);
+  const requestFollowRun = useFlowStore(
+    (s) => s.actions.execution.requestFollowRun
+  );
+  const saved = !!workflowKey && !!version && !!nodeId;
+  const target = saved ? { workflowKey, version, triggerNodeId: nodeId } : null;
+  const { listener, busy, error, listen, stop } = useWebhookTestListener(
+    target,
+    (runId) => {
+      if (nodeId) requestFollowRun(runId, nodeId);
+    }
+  );
+  const listening = listener?.status === "LISTENING";
+  const secondsLeft = useSecondsLeft(listening ? listener.expiresAt : null);
+  const outcome = (() => {
+    switch (listener?.status) {
+      case "RECEIVED":
+        return tr(
+          "fluidgrids.builder.webhookTestListener.received",
+          "Test event received \u2014 the run is shown on the canvas."
+        );
+      case "EXPIRED":
+        return tr(
+          "fluidgrids.builder.webhookTestListener.expired",
+          "Stopped listening: no test event arrived in time."
+        );
+      case "STOPPED":
+        return tr(
+          "fluidgrids.builder.webhookTestListener.stopped",
+          "Stopped listening."
+        );
+      case "FAILED":
+        return listener.error ?? tr(
+          "fluidgrids.builder.webhookTestListener.failed",
+          "The test event arrived but the run could not be started."
+        );
+      default:
+        return null;
+    }
+  })();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": "ndv-webhook-test", children: [
+    /* @__PURE__ */ jsx("div", { className: SECTION_LABEL2, children: tr("fluidgrids.builder.webhookTestListener.label", "Test URL") }),
+    !saved ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: tr(
+      "fluidgrids.builder.webhookTestListener.unsaved",
+      "Save the workflow to test this webhook."
+    ) }) : listening && listener.testUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CopyableUrl,
+        {
+          url: listener.testUrl,
+          testId: "ndv-webhook-test-url",
+          copyAriaLabel: tr(
+            "fluidgrids.builder.webhookTestListener.copyAriaLabel",
+            "Copy test URL"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxs(
-          "button",
+          "p",
           {
-            type: "button",
-            onClick: handleCopy,
-            className: cn(
-              "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border px-3 py-2 text-xs font-medium transition-colors",
-              copied ? "border-primary bg-primary/10 text-primary" : "bg-background text-foreground hover:bg-muted"
-            ),
-            "aria-label": tr(
-              "fluidgrids.builder.webhookUrlField.copyAriaLabel",
-              "Copy webhook URL"
-            ),
+            className: "flex items-center gap-1.5 text-[11px] text-muted-foreground",
+            "data-testid": "ndv-webhook-test-status",
             children: [
               /* @__PURE__ */ jsx(
                 Icon,
                 {
-                  icon: copied ? "mdi:check" : "mdi:content-copy",
-                  className: "h-4 w-4"
+                  icon: "mdi:access-point",
+                  className: "h-3.5 w-3.5 text-primary"
                 }
               ),
-              copied ? tr("fluidgrids.builder.webhookUrlField.copied", "Copied") : tr("fluidgrids.builder.webhookUrlField.copy", "Copy")
+              tr(
+                "fluidgrids.builder.webhookTestListener.listening",
+                "Listening for one test event to version {{version}} \u2014 {{seconds}}s left",
+                { version, seconds: secondsLeft }
+              )
             ]
           }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => void stop(),
+            disabled: busy,
+            "data-testid": "ndv-webhook-test-stop",
+            className: "shrink-0 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted disabled:opacity-50",
+            children: tr("fluidgrids.builder.webhookTestListener.stop", "Stop")
+          }
         )
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: tr(
-        "fluidgrids.builder.webhookUrlField.hint",
-        "Send HTTP requests to this URL to trigger the workflow."
-      ) })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: loading ? tr(
-      "fluidgrids.builder.webhookUrlField.loading",
-      "Loading webhook URL\u2026"
-    ) : tr(
-      "fluidgrids.builder.webhookUrlField.unsaved",
-      "Save the workflow to generate its webhook URL."
-    ) })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => void listen(),
+          disabled: busy,
+          "data-testid": "ndv-webhook-test-listen",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-2 text-xs font-medium text-foreground hover:bg-muted disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:access-point", className: "h-4 w-4" }),
+            tr(
+              "fluidgrids.builder.webhookTestListener.listen",
+              "Listen for test event"
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-[11px] text-muted-foreground",
+          "data-testid": "ndv-webhook-test-status",
+          children: outcome ?? tr(
+            "fluidgrids.builder.webhookTestListener.hint",
+            "Creates a one-time URL for the saved version {{version}}. Unsaved changes are not included.",
+            { version }
+          )
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-destructive", role: "alert", children: error })
   ] });
 }
 var LIST_WORKFLOWS_QUERY = gql`
@@ -23006,7 +23373,16 @@ function NodeParamsForm({
     return "1.0.0";
   })();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isWebhookTrigger && /* @__PURE__ */ jsx(WebhookUrlField, { webhookUrl, loading: webhookUrlLoading }),
+    isWebhookTrigger && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        WebhookUrlField,
+        {
+          webhookUrl,
+          loading: webhookUrlLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(WebhookTestListenerField, { nodeId: config2.node?.id })
+    ] }),
     isWebhookWait && /* @__PURE__ */ jsx(WaitResumeUrlField, {}),
     connectionAdapters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-connections`, children: [
       /* @__PURE__ */ jsx("div", { className: SECTION_LABEL3, children: tr(
@@ -24803,6 +25179,19 @@ function EmptyState({
     /* @__PURE__ */ jsx("div", { className: "max-w-[14rem] text-xs text-muted-foreground", children: hint })
   ] });
 }
+function WebhookRunFollower() {
+  const followRequest = useFlowStore((s) => s.execution.followRequest);
+  const clearFollowRequest = useFlowStore(
+    (s) => s.actions.execution.clearFollowRequest
+  );
+  const { followRun } = useNodeExecution();
+  useEffect(() => {
+    if (!followRequest) return;
+    clearFollowRequest();
+    followRun(followRequest.runId, followRequest.triggerNodeId);
+  }, [followRequest, clearFollowRequest, followRun]);
+  return null;
+}
 var PANEL_WIDTH = 380;
 var PANEL_EST_HEIGHT = 480;
 var MAPPER_WIDTH = 260;
@@ -26358,8 +26747,11 @@ var FlowBuilder = ({ readOnly = false }) => {
     ),
     /* @__PURE__ */ jsx(ChatPanel, {}),
     /* @__PURE__ */ jsx(LogsPanel, {}),
-    /* @__PURE__ */ jsx(NodeDetailView, {}),
-    /* @__PURE__ */ jsx(QuickConfigPanel, {}),
+    /* @__PURE__ */ jsxs(BuilderReadOnlyProvider, { value: isReadOnly, children: [
+      /* @__PURE__ */ jsx(NodeDetailView, {}),
+      /* @__PURE__ */ jsx(QuickConfigPanel, {})
+    ] }),
+    !isReadOnly && /* @__PURE__ */ jsx(WebhookRunFollower, {}),
     /* @__PURE__ */ jsx(
       "div",
       {

package/dist/{chunk-JPH6XZ5V.js → chunk-HY4XW2FZ.js}

@@ -1,4 +1,4 @@
-import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument } from './chunk-NFBNWXJH.js';
+import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument } from './chunk-L2UWPFJM.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';