@burdenoff/fluidgrids-fe-sdk 2026.1105.3 → 2026.1106.1

package/dist/{chunk-3ZYRLGDF.js → chunk-GPABUQTD.js}

@@ -1,19 +1,19 @@
-import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, RunHistoryView, SignalRunDialog, terminateDurableRun } from './chunk-2WUVF4EQ.js';
-import { useDurableParityRunFields, hasAgentNodeState, agentNodeTraces, orderNodesByExecution, useRunMetadata, useRunPending, ExecutionStatusBadge, NodeTimeline, RunLogViewer, NodeStatusBadge, setRunVersioningOverride } from './chunk-MA6I4KY5.js';
-import { useExecution, useExecutionActions, useAutoRefresh, runChainLinks, shortRunId, callbackTone, parseMetadataDefinition, overrideRequestOf } from './chunk-VESQH55Q.js';
-import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS, formatDuration } from './chunk-TCIBTMJI.js';
+import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, RunHistoryView, SignalRunDialog, terminateDurableRun } from './chunk-ASYYYJG2.js';
+import { useDurableParityRunFields, hasAgentNodeState, agentNodeTraces, orderNodesByExecution, useRunMetadata, useRunPending, ExecutionStatusBadge, NodeTimeline, RunLogViewer, NodeStatusBadge, setRunVersioningOverride } from './chunk-UYTPURFW.js';
+import { useExecution, useExecutionActions, useAutoRefresh, runChainLinks, shortRunId, callbackTone, parseMetadataDefinition, overrideRequestOf } from './chunk-WC526MLS.js';
+import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS } from './chunk-NZMUKAXG.js';
 import { aiCost, formatTokens, modelLabel } from './chunk-NZAYYUQ4.js';
-import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-AMXJLVZN.js';
-import { EntityTagPicker, canSaveRunAsTestCase, useWorkflowProposal, WorkflowProposalCard, MAX_CASE_NAME, saveRunAsTestCase } from './chunk-EYQ7GJRW.js';
-import { buildNodeDisplayMap, formatRunVersion, nodeDisplayTitle } from './chunk-IL343FKX.js';
+import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-EXJW7EKR.js';
+import { EntityTagPicker, canSaveRunAsTestCase, useWorkflowProposal, WorkflowProposalCard, MAX_CASE_NAME, saveRunAsTestCase } from './chunk-PASKZCII.js';
+import { buildNodeDisplayMap, formatRunVersion, nodeDisplayTitle } from './chunk-KHS2DZHH.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { useWorkflowVersions } from './chunk-YGOGJDN4.js';
-import { useDurableFunctionNodesEnabled, useDurableParityEnabled, runSignalTargets, canSignalRun, useWorkflowTestsEnabled } from './chunk-ZBPRNWKY.js';
+import { useWorkflowVersions } from './chunk-EIMTOK6E.js';
+import { useDurableFunctionNodesEnabled, useDurableParityEnabled, runSignalTargets, canSignalRun, formatElapsedMs, runDurationMs, useWorkflowTestsEnabled } from './chunk-HSTP2RX3.js';
 import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-5375NUIO.js';
 import { RunLogsDocument, RunLogAppendedDocument, ExplainRunDocument, RunAiUsageDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-3IXU7WUC.js';
-import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-PDODDDHY.js';
+import { throwIfResultError, describeOperationError } from './chunk-JKLZ6YZ3.js';
 import { getFluidGridsConfig } from './chunk-UEG2WC3G.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import { useParams, useNavigate, useSearchParams, Link } from 'react-router';
@@ -1725,7 +1725,25 @@ function AgentNodeCard({
             ),
             /* @__PURE__ */ jsx("h4", { className: "truncate font-medium text-text-primary", children: title })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "self-start sm:self-auto", children: /* @__PURE__ */ jsx(NodeStatusBadge, { status: trace.status, size: "sm" }) })
+          /* @__PURE__ */ jsx("div", { className: "self-start sm:self-auto", children: trace.completedWithError ? (
+            // The node finished, but the agent's own call failed (e.g. the
+            // model provider refused it): a plain "Completed" would read as
+            // a success.
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 rounded-full border border-status-error-border bg-status-error-bg-subtle px-1.5 py-0.5 text-xs font-medium text-status-error-text",
+                "data-testid": "agent-completed-with-error",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle-outline", width: 12, height: 12 }),
+                  tr(
+                    "fluidgrids.executions.executionDetail.agent.completedWithError",
+                    "Completed with error"
+                  )
+                ]
+              }
+            )
+          ) : /* @__PURE__ */ jsx(NodeStatusBadge, { status: trace.status, size: "sm" }) })
         ] }),
         /* @__PURE__ */ jsxs("dl", { className: "mt-3 grid grid-cols-2 gap-x-4 gap-y-2 text-sm sm:grid-cols-4", children: [
           /* @__PURE__ */ jsx(
@@ -1765,7 +1783,7 @@ function AgentNodeCard({
                 "fluidgrids.executions.executionDetail.agent.duration",
                 "Duration"
               ),
-              value: trace.durationMs === null ? "\u2014" : formatDuration(trace.durationMs / 1e3)
+              value: formatElapsedMs(trace.durationMs, "\u2014")
             }
           )
         ] }),
@@ -1858,7 +1876,7 @@ function AgentStepRow({ step, tr }) {
             "fluidgrids.executions.executionDetail.agent.stepFailed",
             "Failed"
           ) }),
-          step.durationMs !== null && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-text-secondary", children: formatDuration(step.durationMs / 1e3) })
+          step.durationMs !== null && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-text-secondary", children: formatElapsedMs(step.durationMs) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-border-secondary px-3 py-2", children: [
           marked && step.reason && /* @__PURE__ */ jsx(
@@ -3114,14 +3132,6 @@ function ExecutionDetailPage() {
     },
     [navigate]
   );
-  const formatDuration2 = (ms) => {
-    if (!ms) return "-";
-    if (ms < 1e3) return `${ms}ms`;
-    if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-    if (ms < 36e5)
-      return `${Math.round(ms / 6e4)}m ${Math.round(ms % 6e4 / 1e3)}s`;
-    return `${Math.round(ms / 36e5)}h ${Math.round(ms % 36e5 / 6e4)}m`;
-  };
   const formatDateTime2 = (dateStr) => {
     if (!dateStr) return "-";
     const date = new Date(dateStr);
@@ -3148,7 +3158,7 @@ function ExecutionDetailPage() {
         Link,
         {
           to: "../runs",
-          className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
+          className: "text-text-link hover:text-text-linkHover hover:underline text-sm mb-4 inline-block",
           children: [
             "\u2190",
             " ",
@@ -3183,7 +3193,7 @@ function ExecutionDetailPage() {
         Link,
         {
           to: "../runs",
-          className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
+          className: "text-text-link hover:text-text-linkHover hover:underline text-sm mb-4 inline-block",
           children: [
             "\u2190",
             " ",
@@ -3270,136 +3280,220 @@ function ExecutionDetailPage() {
       icon: "mdi:information-outline"
     }
   ];
-  return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        to: "../runs",
-        className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
-        children: [
-          "\u2190",
-          " ",
-          tr(
-            "fluidgrids.executions.executionDetail.backToExecutions",
-            "Back to Executions"
-          )
-        ]
-      }
-    ),
-    execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3 text-sm", children: [
-      /* @__PURE__ */ jsx(Icon, { icon: "mdi:sitemap", className: "text-chart-12", width: 16 }),
-      /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-        "fluidgrids.executions.executionDetail.subWorkflowOf",
-        "Sub-workflow of"
-      ) }),
+  return (
+    // `pb-24`: the shell's floating assistant bubble sits bottom-right and would
+    // otherwise cover the last card's actions (e.g. "View trace") at the end.
+    /* @__PURE__ */ jsxs("div", { className: "p-4 pb-24 sm:p-6 sm:pb-24 bg-background-primary min-h-screen", children: [
       /* @__PURE__ */ jsxs(
         Link,
         {
-          to: `../runs/${execution.parentRunId}`,
-          className: "text-chart-12 hover:underline font-medium",
+          to: "../runs",
+          className: "text-text-link hover:text-text-linkHover hover:underline text-sm mb-4 inline-block",
           children: [
-            tr(
-              "fluidgrids.executions.executionDetail.parentRunLinkPrefix",
-              "Parent Run"
-            ),
+            "\u2190",
             " ",
-            execution.parentRunId.slice(0, 12),
-            "..."
+            tr(
+              "fluidgrids.executions.executionDetail.backToExecutions",
+              "Back to Executions"
+            )
           ]
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: execution.workflow?.name || execution.workflowKey }),
-          /* @__PURE__ */ jsx(ExecutionStatusBadge, { status: execution.status, size: "lg" }),
-          execution.parentRunId && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-chart-12/10 text-chart-12 rounded", children: tr(
-            "fluidgrids.executions.executionDetail.subWorkflowBadge",
-            "Sub-Workflow"
-          ) })
-        ] }),
-        parityRun?.summary && /* @__PURE__ */ jsx(
-          "p",
+      ),
+      execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3 text-sm", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:sitemap", className: "text-chart-12", width: 16 }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+          "fluidgrids.executions.executionDetail.subWorkflowOf",
+          "Sub-workflow of"
+        ) }),
+        /* @__PURE__ */ jsxs(
+          Link,
           {
-            className: "mb-2 text-sm text-text-primary",
-            "data-testid": "run-summary",
-            children: parityRun.summary
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary", children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: "mdi:identifier", width: 16 }),
-            /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
-              execution.id.slice(0, 12),
+            to: `../runs/${execution.parentRunId}`,
+            className: "text-chart-12 hover:underline font-medium",
+            children: [
+              tr(
+                "fluidgrids.executions.executionDetail.parentRunLinkPrefix",
+                "Parent Run"
+              ),
+              " ",
+              execution.parentRunId.slice(0, 12),
               "..."
-            ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: execution.workflow?.name || execution.workflowKey }),
+            /* @__PURE__ */ jsx(ExecutionStatusBadge, { status: execution.status, size: "lg" }),
+            execution.parentRunId && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-chart-12/10 text-chart-12 rounded", children: tr(
+              "fluidgrids.executions.executionDetail.subWorkflowBadge",
+              "Sub-Workflow"
+            ) })
           ] }),
-          parityRun?.businessId && /* @__PURE__ */ jsxs(
-            "span",
+          parityRun?.summary && /* @__PURE__ */ jsx(
+            "p",
             {
-              className: "flex items-center gap-1",
-              "data-testid": "run-workflow-id",
-              title: parityRun.businessId,
-              children: [
-                /* @__PURE__ */ jsx(Icon, { icon: "mdi:key-outline", width: 16 }),
-                /* @__PURE__ */ jsx("code", { className: "max-w-[16rem] truncate font-mono", children: parityRun.businessId })
-              ]
+              className: "mb-2 text-sm text-text-primary",
+              "data-testid": "run-summary",
+              children: parityRun.summary
             }
           ),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: "mdi:tag-outline", width: 16 }),
-            formatRunVersion(execution.version)
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:identifier", width: 16 }),
+              /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
+                execution.id.slice(0, 12),
+                "..."
+              ] })
+            ] }),
+            parityRun?.businessId && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "flex items-center gap-1",
+                "data-testid": "run-workflow-id",
+                title: parityRun.businessId,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:key-outline", width: 16 }),
+                  /* @__PURE__ */ jsx("code", { className: "max-w-[16rem] truncate font-mono", children: parityRun.businessId })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:tag-outline", width: 16 }),
+              formatRunVersion(execution.version)
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:clock-outline", width: 16 }),
+              formatDateTime2(execution.startedAt || execution.createdAt)
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: "mdi:clock-outline", width: 16 }),
-            formatDateTime2(execution.startedAt || execution.createdAt)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-3", "data-testid": "run-tags", children: /* @__PURE__ */ jsx(
-          EntityTagPicker,
-          {
-            entityType: "FLUIDGRIDS_RUN",
-            entityId: execution.id,
-            readOnly: !canTagRun
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        isActive && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-text-secondary mr-4", children: [
-          /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("div", { className: "mt-3", "data-testid": "run-tags", children: /* @__PURE__ */ jsx(
+            EntityTagPicker,
             {
-              type: "checkbox",
-              checked: autoRefreshEnabled,
-              onChange: (e) => setAutoRefreshEnabled(e.target.checked),
-              className: "w-4 h-4 rounded"
+              entityType: "FLUIDGRIDS_RUN",
+              entityId: execution.id,
+              readOnly: !canTagRun
             }
-          ),
-          tr(
-            "fluidgrids.executions.executionDetail.autoRefreshToggle",
-            "Auto-refresh"
-          )
+          ) })
         ] }),
-        canControlRuns && execution.status === "RUNNING" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          !isDurableRun && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              "data-agent": "confirm",
-              variant: "outline",
-              size: "sm",
-              onClick: handlePause,
-              disabled: actionLoading,
-              children: [
-                /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", className: "mr-1", width: 16 }),
-                tr(
-                  "fluidgrids.executions.executionDetail.pauseButton",
-                  "Pause"
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          isActive && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-text-secondary mr-4", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: autoRefreshEnabled,
+                onChange: (e) => setAutoRefreshEnabled(e.target.checked),
+                className: "w-4 h-4 rounded"
+              }
+            ),
+            tr(
+              "fluidgrids.executions.executionDetail.autoRefreshToggle",
+              "Auto-refresh"
+            )
+          ] }),
+          canControlRuns && execution.status === "RUNNING" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            !isDurableRun && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                "data-agent": "confirm",
+                variant: "outline",
+                size: "sm",
+                onClick: handlePause,
+                disabled: actionLoading,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", className: "mr-1", width: 16 }),
+                  tr(
+                    "fluidgrids.executions.executionDetail.pauseButton",
+                    "Pause"
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                "data-agent": "confirm",
+                variant: "outline",
+                size: "sm",
+                onClick: handleCancel,
+                disabled: actionLoading,
+                className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
+                  tr(
+                    "fluidgrids.executions.executionDetail.cancelButton",
+                    "Cancel"
+                  )
+                ]
+              }
+            )
+          ] }),
+          canControlRuns && execution.status === "WAITING" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            humanRequestsCurrent && !awaitingPerson && !isDurableRun && !waitingOnSignal && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                "data-agent": "confirm",
+                variant: "outline",
+                size: "sm",
+                onClick: handleResume,
+                disabled: actionLoading,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "mr-1", width: 16 }),
+                  tr(
+                    "fluidgrids.executions.executionDetail.resumeButton",
+                    "Resume"
+                  )
+                ]
+              }
+            ),
+            !humanRequestsCurrent && humanRequestsError && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "flex items-center gap-2 text-sm text-[var(--color-status-error-text)]",
+                "data-testid": "human-requests-error",
+                children: [
+                  tr(
+                    "fluidgrids.humanResponse.checkFailed",
+                    "Could not check whether this run is waiting on a person."
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => void refetchHumanRequests(),
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
+                        tr("fluidgrids.humanResponse.retry", "Retry")
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                "data-agent": "confirm",
+                variant: "outline",
+                size: "sm",
+                onClick: handleCancel,
+                disabled: actionLoading,
+                className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
+                  tr(
+                    "fluidgrids.executions.executionDetail.cancelButton",
+                    "Cancel"
+                  )
+                ]
+              }
+            )
+          ] }),
+          canControlRuns && execution.status === "PENDING" && /* @__PURE__ */ jsxs(
             Button,
             {
               "data-agent": "confirm",
@@ -3407,7 +3501,6 @@ function ExecutionDetailPage() {
               size: "sm",
               onClick: handleCancel,
               disabled: actionLoading,
-              className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
                 tr(
@@ -3416,583 +3509,504 @@ function ExecutionDetailPage() {
                 )
               ]
             }
-          )
-        ] }),
-        canControlRuns && execution.status === "WAITING" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          humanRequestsCurrent && !awaitingPerson && !isDurableRun && !waitingOnSignal && /* @__PURE__ */ jsxs(
+          ),
+          canSendSignal && /* @__PURE__ */ jsxs(
             Button,
             {
-              "data-agent": "confirm",
               variant: "outline",
               size: "sm",
-              onClick: handleResume,
-              disabled: actionLoading,
+              onClick: () => setShowSignalDialog(true),
+              "data-testid": "run-signal-button",
               children: [
-                /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "mr-1", width: 16 }),
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-ring-outline", className: "mr-1", width: 16 }),
                 tr(
-                  "fluidgrids.executions.executionDetail.resumeButton",
-                  "Resume"
+                  "fluidgrids.executions.executionDetail.signalButton",
+                  "Signal"
                 )
               ]
             }
           ),
-          !humanRequestsCurrent && humanRequestsError && /* @__PURE__ */ jsxs(
-            "span",
+          (isDurableRun ? canTerminateDurable : canControlRuns) && (execution.status === "RUNNING" || execution.status === "WAITING") && /* @__PURE__ */ jsxs(
+            Button,
             {
-              className: "flex items-center gap-2 text-sm text-[var(--color-status-error-text)]",
-              "data-testid": "human-requests-error",
+              variant: "outline",
+              size: "sm",
+              onClick: () => setShowTerminateDialog(true),
+              disabled: actionLoading,
+              className: "border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
               children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:close-octagon", className: "mr-1", width: 16 }),
                 tr(
-                  "fluidgrids.humanResponse.checkFailed",
-                  "Could not check whether this run is waiting on a person."
-                ),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    onClick: () => void refetchHumanRequests(),
-                    children: [
-                      /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
-                      tr("fluidgrids.humanResponse.retry", "Retry")
-                    ]
-                  }
+                  "fluidgrids.executions.executionDetail.terminateButton",
+                  "Terminate"
                 )
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          isHistoricalTestRun && execution.workflowKey && execution.version && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleLoadInBuilder, children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", className: "mr-1", width: 16 }),
+            tr(
+              "fluidgrids.executions.executionDetail.loadTestRunButton",
+              "Load TEST run in builder"
+            )
+          ] }),
+          canControlRuns && !isDurableRun && execution.status !== "RUNNING" && execution.status !== "PENDING" && execution.status !== "WAITING" && /* @__PURE__ */ jsxs(
             Button,
             {
               "data-agent": "confirm",
               variant: "outline",
               size: "sm",
-              onClick: handleCancel,
+              onClick: () => void handleReplay(),
               disabled: actionLoading,
-              className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
               children: [
-                /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:replay", className: "mr-1", width: 16 }),
                 tr(
-                  "fluidgrids.executions.executionDetail.cancelButton",
-                  "Cancel"
+                  "fluidgrids.executions.executionDetail.replayButton",
+                  "Replay in test mode"
                 )
               ]
             }
-          )
-        ] }),
-        canControlRuns && execution.status === "PENDING" && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: handleCancel,
-            disabled: actionLoading,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
-              tr(
-                "fluidgrids.executions.executionDetail.cancelButton",
-                "Cancel"
-              )
-            ]
-          }
-        ),
-        canSendSignal && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => setShowSignalDialog(true),
-            "data-testid": "run-signal-button",
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-ring-outline", className: "mr-1", width: 16 }),
-              tr(
-                "fluidgrids.executions.executionDetail.signalButton",
-                "Signal"
-              )
-            ]
-          }
-        ),
-        (isDurableRun ? canTerminateDurable : canControlRuns) && (execution.status === "RUNNING" || execution.status === "WAITING") && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => setShowTerminateDialog(true),
-            disabled: actionLoading,
-            className: "border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:close-octagon", className: "mr-1", width: 16 }),
-              tr(
-                "fluidgrids.executions.executionDetail.terminateButton",
-                "Terminate"
-              )
-            ]
-          }
-        ),
-        isHistoricalTestRun && execution.workflowKey && execution.version && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleLoadInBuilder, children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", className: "mr-1", width: 16 }),
-          tr(
-            "fluidgrids.executions.executionDetail.loadTestRunButton",
-            "Load TEST run in builder"
-          )
-        ] }),
-        canControlRuns && !isDurableRun && execution.status !== "RUNNING" && execution.status !== "PENDING" && execution.status !== "WAITING" && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: () => void handleReplay(),
-            disabled: actionLoading,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:replay", className: "mr-1", width: 16 }),
-              tr(
-                "fluidgrids.executions.executionDetail.replayButton",
-                "Replay in test mode"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SaveRunAsTestCaseButton,
-          {
-            runId: execution.id,
-            status: execution.status,
-            workflowKey: execution.workflowKey,
-            isDurable: isDurableRun || durableEnabled && durableFields.fields?.id !== execution.id
-          }
-        ),
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: refetch, children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
-          tr(
-            "fluidgrids.executions.executionDetail.refreshButton",
-            "Refresh"
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
-          "fluidgrids.executions.executionDetail.durationStat",
-          "Duration"
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "text-xl font-bold text-text-primary mt-1", children: formatDuration2(execution.duration) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
-          "fluidgrids.executions.executionDetail.progressStat",
-          "Progress"
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 h-2 bg-background-tertiary rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-            "div",
+          ),
+          /* @__PURE__ */ jsx(
+            SaveRunAsTestCaseButton,
             {
-              className: `h-full ${execution.status === "FAILED" ? "bg-[var(--color-status-error-bg)]" : execution.status === "COMPLETED" ? "bg-[var(--color-status-success-bg)]" : "bg-[var(--color-status-info-bg)]"}`,
-              style: { width: `${execution.progress}%` }
+              runId: execution.id,
+              status: execution.status,
+              workflowKey: execution.workflowKey,
+              isDurable: isDurableRun || durableEnabled && durableFields.fields?.id !== execution.id
             }
-          ) }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xl font-bold text-text-primary", children: [
-            Math.round(execution.progress),
-            "%"
+          ),
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: refetch, children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
+            tr(
+              "fluidgrids.executions.executionDetail.refreshButton",
+              "Refresh"
+            )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.nodesStat", "Nodes") }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-[var(--color-status-success-text)]", children: execution.completedNodes ?? 0 }),
-          /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "/" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-text-primary", children: execution.totalNodes ?? 0 }),
-          (execution.failedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--color-status-error-text)] ml-2", children: [
-            "(",
-            execution.failedNodes,
-            " ",
-            tr(
-              "fluidgrids.executions.executionDetail.failedNodesSuffix",
-              "failed"
-            ),
-            ")"
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
+            "fluidgrids.executions.executionDetail.durationStat",
+            "Duration"
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "text-xl font-bold text-text-primary mt-1", children: formatElapsedMs(runDurationMs(execution)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
+            "fluidgrids.executions.executionDetail.progressStat",
+            "Progress"
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 h-2 bg-background-tertiary rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `h-full ${execution.status === "FAILED" ? "bg-[var(--color-status-error-bg)]" : execution.status === "COMPLETED" ? "bg-[var(--color-status-success-bg)]" : "bg-[var(--color-status-info-bg)]"}`,
+                style: { width: `${execution.progress}%` }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xl font-bold text-text-primary", children: [
+              Math.round(execution.progress),
+              "%"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.nodesStat", "Nodes") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-[var(--color-status-success-text)]", children: execution.completedNodes ?? 0 }),
+            /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "/" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-text-primary", children: execution.totalNodes ?? 0 }),
+            (execution.failedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--color-status-error-text)] ml-2", children: [
+              "(",
+              execution.failedNodes,
+              " ",
+              tr(
+                "fluidgrids.executions.executionDetail.failedNodesSuffix",
+                "failed"
+              ),
+              ")"
+            ] })
           ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.triggerStat", "Trigger") }),
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-medium text-text-primary mt-1 truncate", children: isDurableRun && execution.workflowFn ? execution.workflowFn : execution.triggerNodeId ? nodeDisplay[execution.triggerNodeId]?.label ?? execution.triggerNodeId : "\u2014" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.triggerStat", "Trigger") }),
-        /* @__PURE__ */ jsx("div", { className: "text-lg font-medium text-text-primary mt-1 truncate", children: isDurableRun && execution.workflowFn ? execution.workflowFn : execution.triggerNodeId ? nodeDisplay[execution.triggerNodeId]?.label ?? execution.triggerNodeId : "\u2014" })
-      ] })
-    ] }),
-    execution.errorMessage && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-2", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
-        /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-          tr("fluidgrids.executions.executionDetail.errorLabel", "Error"),
-          execution.errorType ? ` (${execution.errorType})` : ""
-        ] })
+      execution.errorMessage && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-2", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
+          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            tr("fluidgrids.executions.executionDetail.errorLabel", "Error"),
+            execution.errorType ? ` (${execution.errorType})` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-error-text)]", children: execution.errorMessage })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-error-text)]", children: execution.errorMessage })
-    ] }),
-    isDurableRun && /* @__PURE__ */ jsx(
-      DurableDeterminismBanner,
-      {
-        status: determinism.status,
-        workflowKey: execution.workflowKey,
-        version: execution.version,
-        canReplaceCode,
-        canTerminate: canTerminateDurable,
-        onOpenSource: () => navigate(
-          `../workflow/${encodeURIComponent(execution.workflowKey)}/${encodeURIComponent(execution.version)}`
-        ),
-        onTerminate: handleTerminateDurable
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RunAiAssistPanel,
-      {
-        runId: execution.id,
-        status: execution.status,
-        canPropose: canProposeFix,
-        canApply: canApplyFix,
-        onOpenWorkflow: (workflowKey, version) => navigate(
-          `../workflow/${encodeURIComponent(workflowKey)}/${encodeURIComponent(version)}`
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RunFailureClusterCard,
-      {
-        runId: execution.id,
-        status: execution.status,
-        canApply: canApplyFix,
-        onOpenWorkflow: (workflowKey, version) => navigate(
-          `../workflow/${encodeURIComponent(workflowKey)}/${encodeURIComponent(version)}`
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(RunQueuedBanner, { status: execution.status, context: execution.context }),
-    /* @__PURE__ */ jsx(RunDataPrunedNotice, { dataPrunedAt: execution.dataPrunedAt }),
-    /* @__PURE__ */ jsx(RunHumanRequests, { requests: humanRequests }),
-    /* @__PURE__ */ jsx(
-      RunPolicyDecisions,
-      {
-        decisions: policyDecisions,
-        waiting: execution.status === "WAITING",
-        onDecide: async (id, approve) => {
-          await decidePolicyApproval(id, approve);
-          await Promise.all([refetch(), refetchHumanRequests()]);
+      isDurableRun && /* @__PURE__ */ jsx(
+        DurableDeterminismBanner,
+        {
+          status: determinism.status,
+          workflowKey: execution.workflowKey,
+          version: execution.version,
+          canReplaceCode,
+          canTerminate: canTerminateDurable,
+          onOpenSource: () => navigate(
+            `../workflow/${encodeURIComponent(execution.workflowKey)}/${encodeURIComponent(execution.version)}`
+          ),
+          onTerminate: handleTerminateDurable
         }
-      }
-    ),
-    parityRun && hasParityDetails(parityRun, isDurableRun) && /* @__PURE__ */ jsx(
-      RunParityPanel,
-      {
-        run: { ...parityRun, parentRunId: execution.parentRunId },
-        open: runCanChange,
-        durable: isDurableRun,
-        canOverride: canControlRuns,
-        onOverride: () => setShowOverrideDialog(true)
-      }
-    ),
-    parityEnabled && runCanChange && /* @__PURE__ */ jsx(
-      RunPendingCard,
-      {
-        pending: runPending.pending,
-        loading: runPending.loading,
-        error: runPending.error,
-        onRefresh: () => void runPending.refetch(),
-        onViewChildRun: handleViewChildRun
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "border-b border-border-secondary mb-6", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-4 -mb-px overflow-x-auto", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: () => setActiveTab(tab.id),
-        className: `
-                flex shrink-0 items-center gap-2 whitespace-nowrap px-4 py-3 border-b-2 text-sm font-medium transition-colors
-                ${activeTab === tab.id ? "border-action-primary-bg text-action-primary-text" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-primary"}
-              `,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { icon: tab.icon, width: 18 }),
-          tab.label
-        ]
-      },
-      tab.id
-    )) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary", children: [
-      activeTab === "timeline" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
-        NodeTimeline,
+      ),
+      /* @__PURE__ */ jsx(
+        RunAiAssistPanel,
         {
-          nodeStates: execution.nodeStates ?? [],
-          nodeDisplay,
-          triggerNodeId: execution.triggerNodeId ?? void 0,
-          onRetryNode: canControlRuns ? handleRetryNode : void 0,
-          onViewChildRun: handleViewChildRun,
-          onViewAgentTrace: (nodeId) => setActiveTab("agent", nodeId)
+          runId: execution.id,
+          status: execution.status,
+          canPropose: canProposeFix,
+          canApply: canApplyFix,
+          onOpenWorkflow: (workflowKey, version) => navigate(
+            `../workflow/${encodeURIComponent(workflowKey)}/${encodeURIComponent(version)}`
+          )
         }
-      ) }),
-      activeTab === "agent" && hasAgent && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
-        AgentTracePanel,
+      ),
+      /* @__PURE__ */ jsx(
+        RunFailureClusterCard,
         {
-          traces: agentTraces,
-          nodeDisplay,
-          usage: runAiUsage.usage,
-          usageLoading: runAiUsage.loading,
-          usageError: runAiUsage.error,
-          onRefreshUsage: () => void runAiUsage.refetch(),
-          focusNodeId: agentFocusNodeId
+          runId: execution.id,
+          status: execution.status,
+          canApply: canApplyFix,
+          onOpenWorkflow: (workflowKey, version) => navigate(
+            `../workflow/${encodeURIComponent(workflowKey)}/${encodeURIComponent(version)}`
+          )
         }
-      ) }),
-      activeTab === "history" && isDurableRun && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-6", children: [
-        runCanChange && /* @__PURE__ */ jsx(
-          WaitingAtPanel,
+      ),
+      /* @__PURE__ */ jsx(RunQueuedBanner, { status: execution.status, context: execution.context }),
+      /* @__PURE__ */ jsx(RunDataPrunedNotice, { dataPrunedAt: execution.dataPrunedAt }),
+      /* @__PURE__ */ jsx(RunHumanRequests, { requests: humanRequests }),
+      /* @__PURE__ */ jsx(
+        RunPolicyDecisions,
+        {
+          decisions: policyDecisions,
+          waiting: execution.status === "WAITING",
+          onDecide: async (id, approve) => {
+            await decidePolicyApproval(id, approve);
+            await Promise.all([refetch(), refetchHumanRequests()]);
+          }
+        }
+      ),
+      parityRun && hasParityDetails(parityRun, isDurableRun) && /* @__PURE__ */ jsx(
+        RunParityPanel,
+        {
+          run: { ...parityRun, parentRunId: execution.parentRunId },
+          open: runCanChange,
+          durable: isDurableRun,
+          canOverride: canControlRuns,
+          onOverride: () => setShowOverrideDialog(true)
+        }
+      ),
+      parityEnabled && runCanChange && /* @__PURE__ */ jsx(
+        RunPendingCard,
+        {
+          pending: runPending.pending,
+          loading: runPending.loading,
+          error: runPending.error,
+          onRefresh: () => void runPending.refetch(),
+          onViewChildRun: handleViewChildRun
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border-secondary mb-6", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-4 -mb-px overflow-x-auto", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setActiveTab(tab.id),
+          className: `
+                flex shrink-0 items-center gap-2 whitespace-nowrap px-4 py-3 border-b-2 text-sm font-medium transition-colors
+                ${activeTab === tab.id ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-primary"}
+              `,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: tab.icon, width: 18 }),
+            tab.label
+          ]
+        },
+        tab.id
+      )) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary", children: [
+        activeTab === "timeline" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
+          NodeTimeline,
           {
-            trace: waitingAt.trace,
-            loading: waitingAt.loading,
-            error: waitingAt.error,
-            onRefresh: () => void waitingAt.refetch(),
-            metadata: parityEnabled ? runMetadata.answer?.metadata : null
+            nodeStates: execution.nodeStates ?? [],
+            nodeDisplay,
+            triggerNodeId: execution.triggerNodeId ?? void 0,
+            onRetryNode: canControlRuns ? handleRetryNode : void 0,
+            onViewChildRun: handleViewChildRun,
+            onViewAgentTrace: (nodeId) => setActiveTab("agent", nodeId)
           }
-        ),
-        /* @__PURE__ */ jsx(
-          RunHistoryView,
+        ) }),
+        activeTab === "agent" && hasAgent && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
+          AgentTracePanel,
           {
-            events: runHistory.events,
-            loading: runHistory.loading,
-            error: runHistory.error,
+            traces: agentTraces,
+            nodeDisplay,
+            usage: runAiUsage.usage,
+            usageLoading: runAiUsage.loading,
+            usageError: runAiUsage.error,
+            onRefreshUsage: () => void runAiUsage.refetch(),
+            focusNodeId: agentFocusNodeId
+          }
+        ) }),
+        activeTab === "history" && isDurableRun && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-6", children: [
+          runCanChange && /* @__PURE__ */ jsx(
+            WaitingAtPanel,
+            {
+              trace: waitingAt.trace,
+              loading: waitingAt.loading,
+              error: waitingAt.error,
+              onRefresh: () => void waitingAt.refetch(),
+              metadata: parityEnabled ? runMetadata.answer?.metadata : null
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RunHistoryView,
+            {
+              events: runHistory.events,
+              loading: runHistory.loading,
+              error: runHistory.error,
+              active: isActive,
+              streaming: runHistory.streaming,
+              truncated: runHistory.truncated,
+              historyLength: runHistory.historyLength,
+              onRefresh: () => void runHistory.refetch(),
+              onViewChildRun: handleViewChildRun,
+              showBenign: parityEnabled
+            }
+          )
+        ] }),
+        activeTab === "logs" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
+          RunLogViewer,
+          {
+            runId,
+            lines: runLogs.lines,
+            nodeStates: execution.nodeStates ?? [],
+            nodeDisplay,
+            loading: runLogs.loading,
+            error: runLogs.error,
+            hasMore: runLogs.hasMore,
+            limitReached: runLogs.limitReached,
+            streaming: runLogs.streaming,
             active: isActive,
-            streaming: runHistory.streaming,
-            truncated: runHistory.truncated,
-            historyLength: runHistory.historyLength,
-            onRefresh: () => void runHistory.refetch(),
-            onViewChildRun: handleViewChildRun,
-            showBenign: parityEnabled
+            minLevel: minLogLevel,
+            onMinLevelChange: setMinLogLevel,
+            onLoadMore: () => void runLogs.loadMore()
           }
-        )
-      ] }),
-      activeTab === "logs" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(
-        RunLogViewer,
-        {
-          runId,
-          lines: runLogs.lines,
-          nodeStates: execution.nodeStates ?? [],
-          nodeDisplay,
-          loading: runLogs.loading,
-          error: runLogs.error,
-          hasMore: runLogs.hasMore,
-          limitReached: runLogs.limitReached,
-          streaming: runLogs.streaming,
-          active: isActive,
-          minLevel: minLogLevel,
-          onMinLevelChange: setMinLogLevel,
-          onLoadMore: () => void runLogs.loadMore()
-        }
-      ) }),
-      activeTab === "input" && /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
-          "fluidgrids.executions.executionDetail.triggerDataHeading",
-          "Trigger Data"
         ) }),
-        /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[400px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.triggerData ?? null, null, 2) }) })
-      ] }),
-      activeTab === "context" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
+        activeTab === "input" && /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6", children: [
           /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
-            "fluidgrids.executions.executionDetail.executionContextHeading",
-            "Execution Context"
+            "fluidgrids.executions.executionDetail.triggerDataHeading",
+            "Trigger Data"
           ) }),
-          /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[300px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.context ?? null, null, 2) }) })
+          /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[400px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.triggerData ?? null, null, 2) }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
-            "fluidgrids.executions.executionDetail.executionDetailsHeading",
-            "Execution Details"
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.runIdRow",
-                "Run ID"
-              ) }),
-              /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.id })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.workflowRow",
-                "Workflow"
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.workflow?.name || execution.workflowKey })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.workflowKeyRow",
-                "Workflow Key"
-              ) }),
-              /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.workflowKey })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.versionRow",
-                "Version"
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatRunVersion(execution.version) })
-            ] }),
-            isDurableRun && /* @__PURE__ */ jsxs(Fragment, { children: [
+        activeTab === "context" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
+              "fluidgrids.executions.executionDetail.executionContextHeading",
+              "Execution Context"
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[300px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.context ?? null, null, 2) }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
+              "fluidgrids.executions.executionDetail.executionDetailsHeading",
+              "Execution Details"
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                  "fluidgrids.executions.executionDetail.runIdRow",
+                  "Run ID"
+                ) }),
+                /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.id })
+              ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                  "fluidgrids.executions.executionDetail.workflowFnRow",
-                  "Function"
+                  "fluidgrids.executions.executionDetail.workflowRow",
+                  "Workflow"
                 ) }),
-                /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.workflowFn ?? "\u2014" })
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.workflow?.name || execution.workflowKey })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                  "fluidgrids.executions.executionDetail.taskQueueRow",
-                  "Task queue"
+                  "fluidgrids.executions.executionDetail.workflowKeyRow",
+                  "Workflow Key"
                 ) }),
-                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.taskQueue ?? "\u2014" })
+                /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.workflowKey })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4 py-2 border-b border-border-secondary", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                  "fluidgrids.executions.executionDetail.buildIdRow",
-                  "Build"
+                  "fluidgrids.executions.executionDetail.versionRow",
+                  "Version"
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatRunVersion(execution.version) })
+              ] }),
+              isDurableRun && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                    "fluidgrids.executions.executionDetail.workflowFnRow",
+                    "Function"
+                  ) }),
+                  /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.workflowFn ?? "\u2014" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                    "fluidgrids.executions.executionDetail.taskQueueRow",
+                    "Task queue"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.taskQueue ?? "\u2014" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4 py-2 border-b border-border-secondary", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                    "fluidgrids.executions.executionDetail.buildIdRow",
+                    "Build"
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    "code",
+                    {
+                      className: "truncate font-mono text-text-primary",
+                      title: execution.buildId ?? void 0,
+                      children: execution.buildId ?? "\u2014"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                    "fluidgrids.executions.executionDetail.historyLengthRow",
+                    "History events"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.historyLength ?? 0 })
+                ] })
+              ] }),
+              execution.triggeredById && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                  "fluidgrids.executions.executionDetail.triggeredByRow",
+                  "Triggered By"
                 ) }),
                 /* @__PURE__ */ jsx(
-                  "code",
+                  "span",
                   {
-                    className: "truncate font-mono text-text-primary",
-                    title: execution.buildId ?? void 0,
-                    children: execution.buildId ?? "\u2014"
+                    className: "text-text-primary",
+                    title: execution.triggeredById,
+                    children: triggeredByLabel
+                  }
+                )
+              ] }),
+              execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                  "fluidgrids.executions.executionDetail.parentRunRow",
+                  "Parent Run"
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  Link,
+                  {
+                    to: `/runs/${execution.parentRunId}`,
+                    className: "text-text-link hover:text-text-linkHover hover:underline font-mono",
+                    children: [
+                      execution.parentRunId.slice(0, 12),
+                      "..."
+                    ]
                   }
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                  "fluidgrids.executions.executionDetail.historyLengthRow",
-                  "History events"
+                  "fluidgrids.executions.executionDetail.createdRow",
+                  "Created"
                 ) }),
-                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.historyLength ?? 0 })
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.createdAt) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                  "fluidgrids.executions.executionDetail.startedRow",
+                  "Started"
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.startedAt) })
+              ] }),
+              execution.completedAt && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                  "fluidgrids.executions.executionDetail.completedRow",
+                  "Completed"
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.completedAt) })
               ] })
-            ] }),
-            execution.triggeredById && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.triggeredByRow",
-                "Triggered By"
+            ] })
+          ] })
+        ] }) })
+      ] }),
+      (canSendSignal || showSignalDialog) && /* @__PURE__ */ jsx(
+        SignalRunDialog,
+        {
+          runId: execution.id,
+          targets: signalTargets,
+          open: showSignalDialog,
+          onOpenChange: setShowSignalDialog,
+          onSent: () => {
+            void refetch();
+            if (isDurableRun) void runHistory.refetch();
+          }
+        }
+      ),
+      showOverrideDialog && parityRun && /* @__PURE__ */ jsx(
+        RunVersioningOverrideDialogHost,
+        {
+          workflowKey: execution.workflowKey,
+          runId: execution.id,
+          current: parityRun.versioning ?? null,
+          onOpenChange: setShowOverrideDialog,
+          onChanged: () => void refetch()
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AlertDialog,
+        {
+          open: showTerminateDialog,
+          onOpenChange: setShowTerminateDialog,
+          children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+            /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+              /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+                "fluidgrids.executions.executionDetail.terminateDialogTitle",
+                "Terminate Execution"
               ) }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "text-text-primary",
-                  title: execution.triggeredById,
-                  children: triggeredByLabel
-                }
-              )
+              /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+                "fluidgrids.executions.executionDetail.terminateDialogDescription",
+                "Are you sure you want to force terminate this execution? This will immediately stop the running workflow and cannot be resumed."
+              ) })
             ] }),
-            execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.parentRunRow",
-                "Parent Run"
+            /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+              /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: actionLoading, children: tr(
+                "fluidgrids.executions.executionDetail.cancelButton",
+                "Cancel"
               ) }),
-              /* @__PURE__ */ jsxs(
-                Link,
+              /* @__PURE__ */ jsx(
+                AlertDialogAction,
                 {
-                  to: `/runs/${execution.parentRunId}`,
-                  className: "text-action-primary-text hover:underline font-mono",
-                  children: [
-                    execution.parentRunId.slice(0, 12),
-                    "..."
-                  ]
+                  onClick: handleTerminate,
+                  disabled: actionLoading,
+                  className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                  children: actionLoading ? tr(
+                    "fluidgrids.executions.executionDetail.terminatingButton",
+                    "Terminating..."
+                  ) : tr(
+                    "fluidgrids.executions.executionDetail.terminateButton",
+                    "Terminate"
+                  )
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.createdRow",
-                "Created"
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.createdAt) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.startedRow",
-                "Started"
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.startedAt) })
-            ] }),
-            execution.completedAt && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
-                "fluidgrids.executions.executionDetail.completedRow",
-                "Completed"
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.completedAt) })
             ] })
           ] })
-        ] })
-      ] }) })
-    ] }),
-    (canSendSignal || showSignalDialog) && /* @__PURE__ */ jsx(
-      SignalRunDialog,
-      {
-        runId: execution.id,
-        targets: signalTargets,
-        open: showSignalDialog,
-        onOpenChange: setShowSignalDialog,
-        onSent: () => {
-          void refetch();
-          if (isDurableRun) void runHistory.refetch();
         }
-      }
-    ),
-    showOverrideDialog && parityRun && /* @__PURE__ */ jsx(
-      RunVersioningOverrideDialogHost,
-      {
-        workflowKey: execution.workflowKey,
-        runId: execution.id,
-        current: parityRun.versioning ?? null,
-        onOpenChange: setShowOverrideDialog,
-        onChanged: () => void refetch()
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      AlertDialog,
-      {
-        open: showTerminateDialog,
-        onOpenChange: setShowTerminateDialog,
-        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
-              "fluidgrids.executions.executionDetail.terminateDialogTitle",
-              "Terminate Execution"
-            ) }),
-            /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
-              "fluidgrids.executions.executionDetail.terminateDialogDescription",
-              "Are you sure you want to force terminate this execution? This will immediately stop the running workflow and cannot be resumed."
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: actionLoading, children: tr(
-              "fluidgrids.executions.executionDetail.cancelButton",
-              "Cancel"
-            ) }),
-            /* @__PURE__ */ jsx(
-              AlertDialogAction,
-              {
-                onClick: handleTerminate,
-                disabled: actionLoading,
-                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: actionLoading ? tr(
-                  "fluidgrids.executions.executionDetail.terminatingButton",
-                  "Terminating..."
-                ) : tr(
-                  "fluidgrids.executions.executionDetail.terminateButton",
-                  "Terminate"
-                )
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
+      )
+    ] })
+  );
 }
 
 export { ExecutionDetailPage, HumanRequestCard, RunHumanRequests, usePendingHumanRequests, useRespondToHumanRequest, useRunHumanRequests };