@burdenoff/fluidgrids-fe-sdk 2026.1112.4 → 2026.1112.5

package/dist/{ExecutionDetailPage-Cw4zyaIG.js → ExecutionDetailPage-B9eEep77.js}

@@ -1,34 +1,36 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { i as useRunPending, n as useDurableParityRunFields, o as ExecutionStatusBadge, r as useRunMetadata, s as NodeStatusBadge, t as setRunVersioningOverride } from "./useDurableParity-fFmfa97r.js";
+import { c as TechnicalDetails, d as errorAdvice, f as needsReconnect, i as useRunPending, m as NodeStatusBadge, n as useDurableParityRunFields, o as ConfirmStopRunDialog, p as ExecutionStatusBadge, r as useRunMetadata, s as RunActionsMenu, t as setRunVersioningOverride } from "./useDurableParity-Cb9nOdE8.js";
 import { n as formatRunVersion, r as nodeDisplayTitle, t as buildNodeDisplayMap } from "./run-display-BycKYSU0.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { s as isAgentNodeType } from "./agent-form-Bfvm32j1.js";
-import { An as runSignalTargets, Dn as durableInterfaceOf, I as describeRunError, L as describeRunStep, Tn as canSignalRun, dn as runDurationMs, ln as formatElapsedMs, un as nodeStateDurationMs } from "./FluidGridsProvider-BFfTxl9m.js";
+import { An as runSignalTargets, Dn as durableInterfaceOf, I as describeRunError, L as describeRunStep, Tn as canSignalRun, dn as runDurationMs, ln as formatElapsedMs, un as nodeStateDurationMs } from "./FluidGridsProvider-B1hgCbxG.js";
 import { n as useFgAskable, r as useFgAskableSelection } from "./askAboutBridge-BV8m95kk.js";
-import { f as callbackTone, g as shortRunId, h as runChainLinks, m as parseMetadataDefinition, n as useExecution, p as overrideRequestOf, r as useExecutionActions, t as useAutoRefresh } from "./useExecutions-DNGW4yxG.js";
+import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
+import { _ as shortRunId, g as runChainLinks, h as parseMetadataDefinition, m as overrideRequestOf, n as useExecution, p as callbackTone, r as useExecutionActions, s as buildRetryTriggerInput, t as useAutoRefresh } from "./useExecutions-DJXtbA15.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient, r as getFluidGridsClientSafe, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
-import { Cn as RunLogsDocument, Zr as WorkflowRunHierarchyDocument, ft as ExplainRunDocument, o as AgentStepUpdatedDocument, pn as RunAiUsageDocument, s as AgentTraceDocument, xn as RunLogAppendedDocument } from "./graphql-operation-types-BdU65FNm.js";
-import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
-import { t as EntityTagPicker } from "./EntityTagPicker-Dk3CufFt.js";
-import { n as channelLabel, o as useRunHumanRequests, r as ApprovalApprovers, s as useRecipientLabel } from "./HumanRequestCard-mOhr-Ic9.js";
+import { Cn as RunLogsDocument, Zr as WorkflowRunHierarchyDocument, ft as ExplainRunDocument, o as AgentStepUpdatedDocument, pn as RunAiUsageDocument, s as AgentTraceDocument, xn as RunLogAppendedDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
+import { t as EntityTagPicker } from "./EntityTagPicker-dxfzv8aO.js";
+import { i as useRecipientLabel, n as channelLabel, r as ApprovalApprovers } from "./HumanRequestCard-lbWDpWd7.js";
+import { r as useRunHumanRequests } from "./useHumanRequests-ZiR0sSzS.js";
 import { a as encodedPayloadBytes, f as EffectBadge, h as useRunPolicyDecisions, i as decodePayloads, l as formatBudgetUsd, n as checkCodecServerUrl, o as isEncodedPayload, r as containsEncodedPayload, t as CodecServerError } from "./codec-client-CJ95Rmqo.js";
-import { n as useWorkflowProposal, o as canSaveRunAsTestCase, r as saveRunAsTestCase, t as WorkflowProposalCard } from "./WorkflowProposalCard-U31u1qcw.js";
+import { n as useWorkflowProposal, o as canSaveRunAsTestCase, r as saveRunAsTestCase, t as WorkflowProposalCard } from "./WorkflowProposalCard-BjYAZH3q.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
-import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, r as OPEN_STATUSES, t as BUCKET_LABELS } from "./FailureTriagePanel-BzD4UJU5.js";
-import { a as useDurableRunFields, i as useDeterminismStatus, n as SignalRunDialog, o as useRunStackTrace, r as terminateDurableRun, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-x9bVUB9T.js";
+import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, r as OPEN_STATUSES, t as BUCKET_LABELS } from "./FailureTriagePanel-D4lJ4zqQ.js";
+import { a as useDurableRunFields, i as useDeterminismStatus, n as SignalRunDialog, o as useRunStackTrace, r as terminateDurableRun, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-BZQ3t68Q.js";
 import { $P as VersioningBehavior, FI as WorkflowUpdateWaitFor, L as AgentStepKind, _I as WorkflowQueryRejectCondition, jd as ErrorType } from "./graphql-types-v6CTGwA0.js";
 import { a as formatTokens, d as formatMicroUsd, o as modelLabel, r as aiCost } from "./ai-usage-bmUn-gJP.js";
 import { c as useDurableParityEnabled, f as usePhaseCFlags, m as useWorkflowTestsEnabled, s as useDurableFunctionNodesEnabled } from "./feature-flags-DM5myWaD.js";
-import { A as revokeSignalToken, B as updateActivityOptions, D as resetActivities, E as queryRun, N as sendRunUpdate, O as resetRun, R as unpauseActivities, S as fetchSignalTokens, V as upsertRunSearchAttributes, _ as fetchPauseRules, b as fetchRunUpdate, d as failActivityById, g as fetchCodecServerSettings, i as completeActivityById, k as resetRunToLastCleanTask, s as createSignalToken, v as fetchRunControlFields, w as pauseActivities, y as fetchRunHistoryArchive } from "./api-DwaHAJtA.js";
-import { a as fetchTaskQueueStats } from "./api-C8WmUejq.js";
+import { A as revokeSignalToken, B as updateActivityOptions, D as resetActivities, E as queryRun, N as sendRunUpdate, O as resetRun, R as unpauseActivities, S as fetchSignalTokens, V as upsertRunSearchAttributes, _ as fetchPauseRules, b as fetchRunUpdate, d as failActivityById, g as fetchCodecServerSettings, i as completeActivityById, k as resetRunToLastCleanTask, s as createSignalToken, v as fetchRunControlFields, w as pauseActivities, y as fetchRunHistoryArchive } from "./api-Dvitj1aT.js";
+import { a as fetchTaskQueueStats } from "./api-JpNuowX4.js";
 import { a as RUN_CONTROL_DIALOG_STYLE, c as parseJsonInput, i as NativeSelect, l as parseJsonObjectInput, n as JsonBlock, o as StatusPill, r as JsonField, s as newRunControlId, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
-import { v as useWorkflowVersions } from "./useWorkflows-CVb5zXKt.js";
+import { v as useWorkflowVersions } from "./useWorkflows-CP-d3ygY.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate, useParams, useSearchParams } from "react-router";
 import { Icon } from "@iconify/react";
 import { cn } from "@burdenoff/fe-libs/utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Switch, Textarea } from "@burdenoff/fe-libs/ui";
 import { Button as Button$1 } from "@burdenoff/fe-libs/button";
@@ -36,6 +38,127 @@ import { FlaskConical } from "lucide-react";
 import { buildActorFallback, useActorProfiles } from "@burdenoff/fe-libs/shared";
 import ReactMarkdown from "react-markdown";
 
+// src/modules/human-response/utils/answer-rows.ts
+/**
+* What a person answered to a free-text or form ask, as label/value rows — the answer that drove
+* the run, kept visible for audit. Approvals need none: the outcome line already says which.
+*/
+function answerRows(request, tr) {
+	if (request.status !== "RESPONDED" || request.responseType === "APPROVAL") return [];
+	const data = request.response?.data;
+	if (!data || typeof data !== "object" || Array.isArray(data)) return [];
+	const values = data;
+	const show = (value) => {
+		if (Array.isArray(value)) return value.map(String).join(", ");
+		if (value === null || value === void 0) return "";
+		return String(value);
+	};
+	if (request.responseType === "FREE_TEXT") return [{
+		key: "text",
+		label: tr("fluidgrids.humanResponse.answerLabel", "Response"),
+		value: show(values.text)
+	}];
+	return request.fields.filter((field) => values[field.name] !== void 0).map((field) => ({
+		key: field.name,
+		label: field.label || field.name,
+		value: show(values[field.name])
+	}));
+}
+
+// src/modules/human-response/components/RunHumanRequests.tsx
+/**
+* Run detail: the asks a "Send and Wait for Response" node made (BOFF-7651) — who was asked, by
+* which channel, until when, and what came back. An approval lists its approvers with each one's
+* answer and comment (BOFF-9956). Renders nothing for runs that asked nobody.
+*/
+function outcome(request, tr, plain) {
+	const when = request.respondedAt ? new Date(request.respondedAt).toLocaleString() : "";
+	switch (request.status) {
+		case "RESPONDED": return request.decision === "declined" ? tr("fluidgrids.humanResponse.outcomeDeclined", "Declined {{when}}", { when }) : request.decision === "approved" ? tr("fluidgrids.humanResponse.outcomeApproved", "Approved {{when}}", { when }) : tr("fluidgrids.humanResponse.outcomeResponded", "Answered {{when}}", { when });
+		case "TIMED_OUT":
+			if (plain) return tr("fluidgrids.humanResponse.outcomeTimedOutPlain", "No one answered in time");
+			return tr("fluidgrids.humanResponse.outcomeTimedOut", "Nobody answered in time — continued down Timed out");
+		case "CANCELLED":
+			if (plain) return tr("fluidgrids.humanResponse.outcomeCancelledPlain", "Withdrawn because the step was run again or the run stopped");
+			return tr("fluidgrids.humanResponse.outcomeCancelled", "Withdrawn (the node was retried or the run stopped)");
+		default: return request.expiresAt ? tr("fluidgrids.humanResponse.waitingUntil", "Waiting until {{time}}", { time: new Date(request.expiresAt).toLocaleString() }) : tr("fluidgrids.humanResponse.waiting", "Waiting for a response");
+	}
+}
+function RunHumanRequests({ requests }) {
+	const tr = useTr();
+	const v2 = useNavigationV2();
+	if (requests.length === 0) return null;
+	const pending = requests.some((request) => request.status === "PENDING");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-6 space-y-2 rounded-lg border border-border-secondary bg-background-secondary p-4",
+		"data-testid": "run-human-requests",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:account-clock-outline",
+					width: 18
+				}),
+				pending ? tr("fluidgrids.humanResponse.runHeading", "Waiting on people") : tr("fluidgrids.humanResponse.runHeadingDone", "People asked"),
+				v2 && pending && /* @__PURE__ */ jsx(Link, {
+					to: "../approvals",
+					"data-testid": "run-answer-in-approvals",
+					className: "ml-auto text-sm font-medium text-text-link underline-offset-2 hover:text-text-linkHover hover:underline",
+					children: tr("fluidgrids.humanResponse.answerInApprovals", "Answer in Approvals")
+				})
+			]
+		}), requests.map((request) => /* @__PURE__ */ jsx(RunHumanRequestRow, {
+			request,
+			plain: v2
+		}, request.id))]
+	});
+}
+function RunHumanRequestRow({ request, plain }) {
+	const tr = useTr();
+	const answer = answerRows(request, tr);
+	const recipient = useRecipientLabel(request, tr("fluidgrids.humanResponse.anyMember", "any workspace member"));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-0.5 text-sm sm:flex-row sm:flex-wrap sm:items-baseline sm:gap-x-2",
+		"data-testid": "run-human-request",
+		"data-status": request.status,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "font-medium text-text-primary",
+				children: request.title
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "text-text-secondary",
+				children: [
+					tr("fluidgrids.humanResponse.askedVia", "Asked {{recipient}} via {{channel}}", {
+						recipient,
+						channel: channelLabel(request.channel, tr)
+					}),
+					" · ",
+					outcome(request, tr, plain)
+				]
+			}),
+			(request.approvals?.length ?? 0) > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-1 w-full sm:mt-0",
+				children: /* @__PURE__ */ jsx(ApprovalApprovers, { request })
+			}),
+			answer.length > 0 && /* @__PURE__ */ jsx("dl", {
+				className: "mt-1 w-full space-y-0.5 text-xs sm:mt-0",
+				"data-testid": "run-human-answer",
+				children: answer.map((row) => /* @__PURE__ */ jsxs("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ jsxs("dt", {
+						className: "shrink-0 font-medium text-text-secondary",
+						children: [row.label, ":"]
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "whitespace-pre-wrap break-words text-text-primary",
+						children: row.value
+					})]
+				}, row.key))
+			})
+		]
+	});
+}
+
 // src/modules/executions/utils/agent-trace.ts
 /**
 * The run page's Agent tab (BOFF-9937): what an AI Agent node did, read from
@@ -290,15 +413,12 @@ function orderNodesByExecution(nodeStates, triggerNodeId) {
 }
 function NodeTimeline({ nodeStates, nodeDisplay, loading, triggerNodeId, onRetryNode, onViewChildRun, onViewAgentTrace, askRun }) {
 	const tr = useTr();
-	const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
+	const v2 = useNavigationV2();
+	const [toggledNodes, setToggledNodes] = useState(/* @__PURE__ */ new Map());
 	const [selectedTab, setSelectedTab] = useState("output");
-	const toggleNode = (nodeId) => {
-		setExpandedNodes((prev) => {
-			const newSet = new Set(prev);
-			if (newSet.has(nodeId)) newSet.delete(nodeId);
-			else newSet.add(nodeId);
-			return newSet;
-		});
+	const isNodeOpen = (node) => toggledNodes.get(node.id) ?? (v2 && node.status === "FAILED");
+	const toggleNode = (node) => {
+		setToggledNodes((prev) => new Map(prev).set(node.id, !isNodeOpen(node)));
 	};
 	const formatTime = (dateStr) => {
 		if (!dateStr) return "-";
@@ -321,6 +441,67 @@ function NodeTimeline({ nodeStates, nodeDisplay, loading, triggerNodeId, onRetry
 		if (!metadata || typeof metadata !== "object") return false;
 		return Object.keys(metadata).length > 0;
 	};
+	/** The Output / Input toggle and the JSON it shows. */
+	const renderStepData = (node) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2 mt-3 mb-3",
+		children: [/* @__PURE__ */ jsx("button", {
+			onClick: () => setSelectedTab("output"),
+			className: `px-3 py-1.5 text-sm rounded ${selectedTab === "output" ? "bg-action-primary-bg text-action-primary-text" : "bg-background-tertiary text-text-secondary"}`,
+			children: tr("fluidgrids.executions.nodeTimeline.outputTab", "Output")
+		}), /* @__PURE__ */ jsx("button", {
+			onClick: () => setSelectedTab("input"),
+			className: `px-3 py-1.5 text-sm rounded ${selectedTab === "input" ? "bg-action-primary-bg text-action-primary-text" : "bg-background-tertiary text-text-secondary"}`,
+			children: tr("fluidgrids.executions.nodeTimeline.inputTab", "Input")
+		})]
+	}), /* @__PURE__ */ jsx("div", {
+		className: "bg-background-primary rounded p-3 max-h-64 overflow-auto",
+		children: /* @__PURE__ */ jsx("pre", {
+			className: "text-xs text-text-primary whitespace-pre-wrap break-words font-mono",
+			children: selectedTab === "output" ? formatJsonData(node.output) : formatJsonData(node.inputArgs)
+		})
+	})] });
+	/** View sub-workflow run, View trace and Retry this step. */
+	const renderStepActions = (node) => /* @__PURE__ */ jsxs("div", {
+		className: "mt-3 flex flex-wrap justify-end gap-2",
+		children: [
+			node.childRunId && onViewChildRun && /* @__PURE__ */ jsxs("button", {
+				onClick: () => onViewChildRun(node.childRunId),
+				className: "px-3 py-1.5 text-sm bg-chart-12 text-action-primary-text rounded hover:bg-chart-12/90 flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:sitemap",
+					width: 16
+				}), tr("fluidgrids.executions.nodeTimeline.viewSubWorkflowRun", "View Sub-Workflow Run")]
+			}),
+			onViewAgentTrace && isAgentNodeType(node.nodeType) && /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => onViewAgentTrace(node.nodeId),
+				className: "px-3 py-1.5 text-sm border border-border-secondary text-text-primary rounded hover:bg-background-tertiary flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:robot-outline",
+					width: 16
+				}), tr("fluidgrids.executions.nodeTimeline.viewAgentTrace", "View trace")]
+			}),
+			node.status === "FAILED" && onRetryNode && /* @__PURE__ */ jsxs("button", {
+				"data-agent": "confirm",
+				onClick: () => onRetryNode(node.nodeId),
+				className: "px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded hover:bg-action-primary-bgHover flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:refresh",
+					width: 16
+				}), tr("fluidgrids.executions.nodeTimeline.retryNodeButton", "Retry Node")]
+			})
+		]
+	});
+	const renderStepMetadata = (node) => /* @__PURE__ */ jsx(Fragment$1, { children: hasMetadata(node.metadata) && /* @__PURE__ */ jsxs("details", {
+		className: "mt-3",
+		children: [/* @__PURE__ */ jsx("summary", {
+			className: "text-xs text-text-secondary cursor-pointer hover:text-text-primary",
+			children: tr("fluidgrids.executions.nodeTimeline.metadataSummary", "Metadata")
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "mt-2 text-xs text-text-secondary bg-background-tertiary p-2 rounded overflow-auto max-h-32",
+			children: formatJsonData(node.metadata)
+		})]
+	}) });
 	const sortedNodes = orderNodesByExecution(nodeStates, triggerNodeId);
 	if (loading) return /* @__PURE__ */ jsx("div", {
 		className: "space-y-4",
@@ -342,7 +523,7 @@ function NodeTimeline({ nodeStates, nodeDisplay, loading, triggerNodeId, onRetry
 		children: [/* @__PURE__ */ jsx("div", { className: "absolute left-4 top-8 bottom-8 w-0.5 bg-border-secondary" }), /* @__PURE__ */ jsx("div", {
 			className: "space-y-4",
 			children: sortedNodes.map((node, index) => {
-				const isExpanded = expandedNodes.has(node.id);
+				const isExpanded = isNodeOpen(node);
 				const nodeError = node.error;
 				const hasError = node.status === "FAILED" || Boolean(nodeError);
 				const isRunning = node.status === "RUNNING";
@@ -378,155 +559,172 @@ function NodeTimeline({ nodeStates, nodeDisplay, loading, triggerNodeId, onRetry
                   flex-1 rounded-lg border transition-all
                   ${hasError ? "bg-[var(--color-status-error-bg-subtle)] border-[var(--color-status-error-border)]" : isRunning ? "bg-[var(--color-status-info-bg-subtle)] border-[var(--color-status-info-border)]" : "bg-background-secondary border-border-secondary"}
                 `,
-						children: [/* @__PURE__ */ jsxs("button", {
-							onClick: () => toggleNode(node.id),
-							className: "w-full px-4 py-3 flex items-center justify-between text-left",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-3 min-w-0",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "flex-shrink-0",
-									children: /* @__PURE__ */ jsx(NodeStatusBadge, {
-										status: node.status,
-										size: "sm",
-										showLabel: false
-									})
-								}), /* @__PURE__ */ jsxs("div", {
-									className: "min-w-0",
+						children: [
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								onClick: () => toggleNode(node),
+								"aria-expanded": isExpanded,
+								className: "w-full px-4 py-3 flex items-center justify-between text-left",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-3 min-w-0",
 									children: [/* @__PURE__ */ jsx("div", {
-										className: "font-medium text-text-primary truncate",
-										title: node.nodeId,
-										children: nodeDisplayTitle(nodeDisplay?.[node.nodeId], node.nodeId)
+										className: "flex-shrink-0",
+										children: /* @__PURE__ */ jsx(NodeStatusBadge, {
+											status: node.status,
+											size: "sm",
+											showLabel: false
+										})
 									}), /* @__PURE__ */ jsxs("div", {
-										className: "text-xs text-text-secondary",
-										children: [
-											node.nodeType,
-											" v",
-											node.nodeVersion
-										]
-									})]
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-4 flex-shrink-0",
-								children: [
-									/* @__PURE__ */ jsxs("div", {
-										className: "text-right text-xs text-text-secondary hidden sm:block",
-										children: [/* @__PURE__ */ jsx("div", { children: formatTime(node.startTime) }), /* @__PURE__ */ jsx("div", { children: formatElapsedMs(nodeStateDurationMs(node)) })]
-									}),
-									hasChildRun && /* @__PURE__ */ jsxs("span", {
-										className: "px-2 py-0.5 text-xs bg-chart-12/10 text-chart-12 rounded flex items-center gap-1",
-										children: [/* @__PURE__ */ jsx(Icon, {
-											icon: "mdi:sitemap",
-											width: 12
-										}), tr("fluidgrids.executions.nodeTimeline.subWorkflowBadge", "Sub-workflow")]
-									}),
-									isWaitingSubworkflow && /* @__PURE__ */ jsx("span", {
-										className: "px-2 py-0.5 text-xs bg-chart-3/10 text-chart-3 rounded animate-pulse",
-										children: tr("fluidgrids.executions.nodeTimeline.waitingBadge", "Waiting...")
-									}),
-									node.attemptCount > 1 && /* @__PURE__ */ jsxs("span", {
-										className: "px-2 py-0.5 text-xs bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)] rounded",
-										children: [
-											tr("fluidgrids.executions.nodeTimeline.attemptLabel", "Attempt"),
-											" ",
-											node.attemptCount
-										]
-									}),
-									/* @__PURE__ */ jsx(Icon, {
-										icon: isExpanded ? "mdi:chevron-up" : "mdi:chevron-down",
-										className: "text-text-secondary",
-										width: 20
-									})
-								]
-							})]
-						}), isExpanded && /* @__PURE__ */ jsxs("div", {
-							className: "px-4 pb-4 border-t border-border-secondary/50",
-							children: [
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex gap-2 mt-3 mb-3",
-									children: [/* @__PURE__ */ jsx("button", {
-										onClick: () => setSelectedTab("output"),
-										className: `px-3 py-1.5 text-sm rounded ${selectedTab === "output" ? "bg-action-primary-bg text-action-primary-text" : "bg-background-tertiary text-text-secondary"}`,
-										children: tr("fluidgrids.executions.nodeTimeline.outputTab", "Output")
-									}), /* @__PURE__ */ jsx("button", {
-										onClick: () => setSelectedTab("input"),
-										className: `px-3 py-1.5 text-sm rounded ${selectedTab === "input" ? "bg-action-primary-bg text-action-primary-text" : "bg-background-tertiary text-text-secondary"}`,
-										children: tr("fluidgrids.executions.nodeTimeline.inputTab", "Input")
-									})]
-								}),
-								/* @__PURE__ */ jsx("div", {
-									className: "bg-background-primary rounded p-3 max-h-64 overflow-auto",
-									children: /* @__PURE__ */ jsx("pre", {
-										className: "text-xs text-text-primary whitespace-pre-wrap break-words font-mono",
-										children: selectedTab === "output" ? formatJsonData(node.output) : formatJsonData(node.inputArgs)
-									})
-								}),
-								node.error && /* @__PURE__ */ jsxs(AskableSelectionDiv, {
-									describe: describeStep,
-									className: "mt-3 p-3 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded",
-									children: [/* @__PURE__ */ jsxs("div", {
-										className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-1",
-										children: [
-											/* @__PURE__ */ jsx(Icon, {
-												icon: "mdi:alert-circle",
-												width: 16
-											}),
-											/* @__PURE__ */ jsx("span", {
-												className: "font-medium text-sm",
-												children: tr("fluidgrids.executions.nodeTimeline.errorLabel", "Error")
-											}),
-											node.errorType && /* @__PURE__ */ jsx("span", {
-												className: "text-xs bg-[var(--color-status-error-bg)] px-2 py-0.5 rounded",
-												children: node.errorType
-											})
-										]
-									}), /* @__PURE__ */ jsx("p", {
-										className: "text-sm text-[var(--color-status-error-text)]",
-										children: node.error
+										className: "min-w-0",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "font-medium text-text-primary truncate",
+											title: node.nodeId,
+											children: nodeDisplayTitle(nodeDisplay?.[node.nodeId], node.nodeId)
+										}), !v2 && /* @__PURE__ */ jsxs("div", {
+											className: "text-xs text-text-secondary",
+											children: [
+												node.nodeType,
+												" v",
+												node.nodeVersion
+											]
+										})]
 									})]
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "mt-3 flex flex-wrap justify-end gap-2",
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-4 flex-shrink-0",
 									children: [
-										hasChildRun && onViewChildRun && /* @__PURE__ */ jsxs("button", {
-											onClick: () => onViewChildRun(node.childRunId),
-											className: "px-3 py-1.5 text-sm bg-chart-12 text-action-primary-text rounded hover:bg-chart-12/90 flex items-center gap-1.5",
+										!v2 && /* @__PURE__ */ jsxs("div", {
+											className: "text-right text-xs text-text-secondary hidden sm:block",
+											children: [/* @__PURE__ */ jsx("div", { children: formatTime(node.startTime) }), /* @__PURE__ */ jsx("div", { children: formatElapsedMs(nodeStateDurationMs(node)) })]
+										}),
+										!v2 && hasChildRun && /* @__PURE__ */ jsxs("span", {
+											className: "px-2 py-0.5 text-xs bg-chart-12/10 text-chart-12 rounded flex items-center gap-1",
 											children: [/* @__PURE__ */ jsx(Icon, {
 												icon: "mdi:sitemap",
-												width: 16
-											}), tr("fluidgrids.executions.nodeTimeline.viewSubWorkflowRun", "View Sub-Workflow Run")]
+												width: 12
+											}), tr("fluidgrids.executions.nodeTimeline.subWorkflowBadge", "Sub-workflow")]
 										}),
-										onViewAgentTrace && isAgentNodeType(node.nodeType) && /* @__PURE__ */ jsxs("button", {
-											type: "button",
-											onClick: () => onViewAgentTrace(node.nodeId),
-											className: "px-3 py-1.5 text-sm border border-border-secondary text-text-primary rounded hover:bg-background-tertiary flex items-center gap-1.5",
-											children: [/* @__PURE__ */ jsx(Icon, {
-												icon: "mdi:robot-outline",
-												width: 16
-											}), tr("fluidgrids.executions.nodeTimeline.viewAgentTrace", "View trace")]
+										!v2 && isWaitingSubworkflow && /* @__PURE__ */ jsx("span", {
+											className: "px-2 py-0.5 text-xs bg-chart-3/10 text-chart-3 rounded animate-pulse",
+											children: tr("fluidgrids.executions.nodeTimeline.waitingBadge", "Waiting...")
+										}),
+										!v2 && node.attemptCount > 1 && /* @__PURE__ */ jsxs("span", {
+											className: "px-2 py-0.5 text-xs bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)] rounded",
+											children: [
+												tr("fluidgrids.executions.nodeTimeline.attemptLabel", "Attempt"),
+												" ",
+												node.attemptCount
+											]
 										}),
-										node.status === "FAILED" && onRetryNode && /* @__PURE__ */ jsxs("button", {
-											"data-agent": "confirm",
-											onClick: () => onRetryNode(node.nodeId),
-											className: "px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded hover:bg-action-primary-bgHover flex items-center gap-1.5",
+										/* @__PURE__ */ jsx(Icon, {
+											icon: isExpanded ? "mdi:chevron-up" : "mdi:chevron-down",
+											className: "text-text-secondary",
+											width: 20
+										})
+									]
+								})]
+							}),
+							isExpanded && v2 && /* @__PURE__ */ jsxs("div", {
+								className: "px-4 pb-4 border-t border-border-secondary/50",
+								children: [
+									hasError && /* @__PURE__ */ jsx(AskableSelectionDiv, {
+										describe: describeStep,
+										className: "mt-3 p-3 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded",
+										children: /* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2 text-[var(--color-status-error-text)]",
 											children: [/* @__PURE__ */ jsx(Icon, {
-												icon: "mdi:refresh",
+												icon: "mdi:alert-circle",
 												width: 16
-											}), tr("fluidgrids.executions.nodeTimeline.retryNodeButton", "Retry Node")]
+											}), /* @__PURE__ */ jsx("p", {
+												className: "text-sm font-medium",
+												"data-testid": "run-step-advice",
+												children: errorAdvice(tr, node.errorType)
+											})]
 										})
-									]
-								}),
-								hasMetadata(node.metadata) && /* @__PURE__ */ jsxs("details", {
-									className: "mt-3",
-									children: [/* @__PURE__ */ jsx("summary", {
-										className: "text-xs text-text-secondary cursor-pointer hover:text-text-primary",
-										children: tr("fluidgrids.executions.nodeTimeline.metadataSummary", "Metadata")
-									}), /* @__PURE__ */ jsx("pre", {
-										className: "mt-2 text-xs text-text-secondary bg-background-tertiary p-2 rounded overflow-auto max-h-32",
-										children: formatJsonData(node.metadata)
-									})]
-								})
-							]
-						})]
+									}),
+									renderStepActions(node),
+									/* @__PURE__ */ jsxs(TechnicalDetails, {
+										className: "mt-3",
+										"data-testid": "run-step-technical",
+										children: [
+											/* @__PURE__ */ jsxs("dl", {
+												className: "mb-3 grid grid-cols-1 gap-x-6 gap-y-1 text-xs text-text-secondary sm:grid-cols-2",
+												children: [
+													/* @__PURE__ */ jsxs("div", { children: [
+														node.nodeType,
+														" v",
+														node.nodeVersion
+													] }),
+													/* @__PURE__ */ jsxs("div", { children: [
+														formatTime(node.startTime),
+														" ·",
+														" ",
+														formatElapsedMs(nodeStateDurationMs(node))
+													] }),
+													node.attemptCount > 1 && /* @__PURE__ */ jsxs("div", { children: [
+														tr("fluidgrids.executions.nodeTimeline.attemptLabel", "Attempt"),
+														" ",
+														node.attemptCount
+													] }),
+													hasChildRun && /* @__PURE__ */ jsx("div", { children: tr("fluidgrids.executions.nodeTimeline.subWorkflowBadge", "Sub-workflow") }),
+													isWaitingSubworkflow && /* @__PURE__ */ jsx("div", { children: tr("fluidgrids.executions.nodeTimeline.waitingBadge", "Waiting...") })
+												]
+											}),
+											node.error && /* @__PURE__ */ jsxs(AskableSelectionDiv, {
+												describe: describeStep,
+												className: "mb-3 p-3 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded",
+												children: [/* @__PURE__ */ jsxs("div", {
+													className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-1",
+													children: [/* @__PURE__ */ jsx("span", {
+														className: "font-medium text-sm",
+														children: tr("fluidgrids.executions.nodeTimeline.errorLabel", "Error")
+													}), node.errorType && /* @__PURE__ */ jsx("span", {
+														className: "text-xs bg-[var(--color-status-error-bg)] px-2 py-0.5 rounded",
+														children: node.errorType
+													})]
+												}), /* @__PURE__ */ jsx("p", {
+													className: "text-sm text-[var(--color-status-error-text)] break-words",
+													children: node.error
+												})]
+											}),
+											renderStepData(node),
+											renderStepMetadata(node)
+										]
+									})
+								]
+							}),
+							isExpanded && !v2 && /* @__PURE__ */ jsxs("div", {
+								className: "px-4 pb-4 border-t border-border-secondary/50",
+								children: [
+									renderStepData(node),
+									node.error && /* @__PURE__ */ jsxs(AskableSelectionDiv, {
+										describe: describeStep,
+										className: "mt-3 p-3 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-1",
+											children: [
+												/* @__PURE__ */ jsx(Icon, {
+													icon: "mdi:alert-circle",
+													width: 16
+												}),
+												/* @__PURE__ */ jsx("span", {
+													className: "font-medium text-sm",
+													children: tr("fluidgrids.executions.nodeTimeline.errorLabel", "Error")
+												}),
+												node.errorType && /* @__PURE__ */ jsx("span", {
+													className: "text-xs bg-[var(--color-status-error-bg)] px-2 py-0.5 rounded",
+													children: node.errorType
+												})
+											]
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-sm text-[var(--color-status-error-text)]",
+											children: node.error
+										})]
+									}),
+									renderStepActions(node),
+									renderStepMetadata(node)
+								]
+							})
+						]
 					})]
 				}, node.id);
 			})
@@ -919,6 +1117,121 @@ function RunLogViewer({ runId, lines, nodeStates, nodeDisplay, loading, error, h
 	});
 }
 
+// src/modules/executions/components/RunSummaryCard.tsx
+/**
+* "What happened" at the top of a run (BOFF-11846): one plain sentence and the
+* next-step buttons (Run again, Open workflow, Reconnect), above the step list
+* and any tab. Navigation v2 only.
+*/
+const TONE = {
+	FAILED: "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)]",
+	CANCELLED: "border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)]",
+	TERMINATED: "border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)]",
+	COMPLETED: "border-[var(--color-status-success-border)] bg-[var(--color-status-success-bg-subtle)]"
+};
+function RunSummaryCard({ status, sentence, onRunAgain, runAgainBusy, onOpenWorkflow, reconnectTo }) {
+	const tr = useTr();
+	const tone = TONE[status] ?? "border-border-secondary bg-background-secondary";
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": tr("fluidgrids.executions.runSummary.heading", "What happened"),
+		"data-testid": "run-summary-card",
+		"data-status": status,
+		className: `mb-6 rounded-lg border p-4 ${tone}`,
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-base font-medium text-text-primary",
+			children: sentence
+		}), (onRunAgain || onOpenWorkflow || reconnectTo) && /* @__PURE__ */ jsxs("div", {
+			className: "mt-3 flex flex-wrap items-center gap-2",
+			children: [
+				reconnectTo && /* @__PURE__ */ jsx(Button$1, {
+					asChild: true,
+					size: "sm",
+					"data-testid": "run-reconnect",
+					children: /* @__PURE__ */ jsxs(Link, {
+						to: reconnectTo,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:link-variant",
+							className: "mr-1",
+							width: 16
+						}), tr("fluidgrids.executions.executionDetail.reconnectButton", "Reconnect")]
+					})
+				}),
+				onRunAgain && /* @__PURE__ */ jsxs(Button$1, {
+					"data-agent": "confirm",
+					size: "sm",
+					variant: reconnectTo ? "outline" : "default",
+					onClick: onRunAgain,
+					disabled: runAgainBusy,
+					"data-testid": "run-again",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:refresh",
+						className: "mr-1",
+						width: 16
+					}), tr("fluidgrids.executions.executionDetail.runAgainButton", "Run again")]
+				}),
+				onOpenWorkflow && /* @__PURE__ */ jsxs(Button$1, {
+					variant: "outline",
+					size: "sm",
+					onClick: onOpenWorkflow,
+					"data-testid": "run-open-workflow",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:open-in-new",
+						className: "mr-1",
+						width: 16
+					}), tr("fluidgrids.executions.executionDetail.openWorkflowButton", "Open workflow")]
+				})
+			]
+		})]
+	});
+}
+
+// src/modules/executions/utils/run-summary.ts
+function summarizeRun(tr, input) {
+	const none = {
+		errorType: null,
+		failedNodeId: null
+	};
+	switch (input.status) {
+		case "FAILED": {
+			const failed = input.nodeStates.find((node) => node.status === "FAILED");
+			const errorType = input.errorType ?? failed?.errorType ?? "UNKNOWN";
+			const advice = errorAdvice(tr, errorType);
+			return {
+				sentence: failed ? tr("fluidgrids.executions.runSummary.failedAtStep", "This run stopped at “{{step}}”. {{advice}}", {
+					step: input.stepLabel(failed.nodeId),
+					advice
+				}) : tr("fluidgrids.executions.runSummary.failed", "This run didn't finish. {{advice}}", { advice }),
+				errorType,
+				failedNodeId: failed?.nodeId ?? null
+			};
+		}
+		case "CANCELLED": return {
+			...none,
+			sentence: tr("fluidgrids.executions.runSummary.stopped", "This run was stopped.")
+		};
+		case "TERMINATED": return {
+			...none,
+			sentence: tr("fluidgrids.executions.runSummary.forceStopped", "This run was force-stopped.")
+		};
+		case "WAITING": return {
+			...none,
+			sentence: input.awaitingPerson ? tr("fluidgrids.executions.runSummary.onHoldPerson", "This run is on hold until someone answers.") : tr("fluidgrids.executions.runSummary.onHold", "This run is on hold.")
+		};
+		case "COMPLETED": return {
+			...none,
+			sentence: tr("fluidgrids.executions.runSummary.succeeded", "This run succeeded.")
+		};
+		case "RUNNING": return {
+			...none,
+			sentence: tr("fluidgrids.executions.runSummary.running", "This run is in progress.")
+		};
+		default: return {
+			...none,
+			sentence: tr("fluidgrids.executions.runSummary.startingSoon", "This run will start soon.")
+		};
+	}
+}
+
 // src/modules/executions/hooks/useRunLogs.ts
 /**
 * useRunLogs — a GitHub-Actions-style live tail for a workflow run.
@@ -1273,156 +1586,53 @@ function ChildRunsPanel({ view, nodeDisplay, formatDateTime }) {
 						width: 18
 					}),
 					/* @__PURE__ */ jsx("h2", {
-						id: "run-child-runs-heading",
-						children: tr("fluidgrids.executions.hierarchy.childRunsTitle", "Child runs")
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "rounded-full bg-background-tertiary px-2 py-0.5 text-xs text-text-secondary",
-						children: children.length.toLocaleString()
-					})
-				]
-			}),
-			view?.truncated && /* @__PURE__ */ jsx("p", {
-				className: "mt-2 text-xs text-text-secondary",
-				children: tr("fluidgrids.executions.hierarchy.truncated", "This call tree has more runs than can be listed here, so some child runs may be missing.")
-			}),
-			/* @__PURE__ */ jsx("ul", {
-				className: "mt-3 divide-y divide-border-secondary",
-				children: children.map((child) => {
-					const node = child.parentNodeId ? nodeDisplay[child.parentNodeId]?.label ?? child.parentNodeId : null;
-					return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
-						to: runPath(child.id),
-						className: "flex flex-col gap-1 py-2 hover:bg-background-tertiary sm:flex-row sm:items-center sm:gap-3",
-						"data-testid": "run-child-run",
-						children: [
-							/* @__PURE__ */ jsx(ExecutionStatusBadge, {
-								status: child.status,
-								size: "sm"
-							}),
-							/* @__PURE__ */ jsxs("span", {
-								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "block truncate text-sm font-medium text-text-link",
-									children: child.name
-								}), node && /* @__PURE__ */ jsx("span", {
-									className: "block truncate text-xs text-text-secondary",
-									children: tr("fluidgrids.executions.hierarchy.startedByNode", "Started by {{node}}", { node })
-								})]
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "text-xs text-text-secondary",
-								children: formatDateTime(child.startedAt ?? child.createdAt)
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "w-16 text-xs text-text-secondary sm:text-right",
-								children: formatElapsedMs(runDurationMs(child))
-							})
-						]
-					}) }, child.id);
-				})
-			})
-		]
-	});
-}
-
-// src/modules/human-response/utils/answer-rows.ts
-/**
-* What a person answered to a free-text or form ask, as label/value rows — the answer that drove
-* the run, kept visible for audit. Approvals need none: the outcome line already says which.
-*/
-function answerRows(request, tr) {
-	if (request.status !== "RESPONDED" || request.responseType === "APPROVAL") return [];
-	const data = request.response?.data;
-	if (!data || typeof data !== "object" || Array.isArray(data)) return [];
-	const values = data;
-	const show = (value) => {
-		if (Array.isArray(value)) return value.map(String).join(", ");
-		if (value === null || value === void 0) return "";
-		return String(value);
-	};
-	if (request.responseType === "FREE_TEXT") return [{
-		key: "text",
-		label: tr("fluidgrids.humanResponse.answerLabel", "Response"),
-		value: show(values.text)
-	}];
-	return request.fields.filter((field) => values[field.name] !== void 0).map((field) => ({
-		key: field.name,
-		label: field.label || field.name,
-		value: show(values[field.name])
-	}));
-}
-
-// src/modules/human-response/components/RunHumanRequests.tsx
-/**
-* Run detail: the asks a "Send and Wait for Response" node made (BOFF-7651) — who was asked, by
-* which channel, until when, and what came back. An approval lists its approvers with each one's
-* answer and comment (BOFF-9956). Renders nothing for runs that asked nobody.
-*/
-function outcome(request, tr) {
-	const when = request.respondedAt ? new Date(request.respondedAt).toLocaleString() : "";
-	switch (request.status) {
-		case "RESPONDED": return request.decision === "declined" ? tr("fluidgrids.humanResponse.outcomeDeclined", "Declined {{when}}", { when }) : request.decision === "approved" ? tr("fluidgrids.humanResponse.outcomeApproved", "Approved {{when}}", { when }) : tr("fluidgrids.humanResponse.outcomeResponded", "Answered {{when}}", { when });
-		case "TIMED_OUT": return tr("fluidgrids.humanResponse.outcomeTimedOut", "Nobody answered in time — continued down Timed out");
-		case "CANCELLED": return tr("fluidgrids.humanResponse.outcomeCancelled", "Withdrawn (the node was retried or the run stopped)");
-		default: return request.expiresAt ? tr("fluidgrids.humanResponse.waitingUntil", "Waiting until {{time}}", { time: new Date(request.expiresAt).toLocaleString() }) : tr("fluidgrids.humanResponse.waiting", "Waiting for a response");
-	}
-}
-function RunHumanRequests({ requests }) {
-	const tr = useTr();
-	if (requests.length === 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mb-6 space-y-2 rounded-lg border border-border-secondary bg-background-secondary p-4",
-		"data-testid": "run-human-requests",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 text-sm font-medium text-text-primary",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "mdi:account-clock-outline",
-				width: 18
-			}), requests.some((request) => request.status === "PENDING") ? tr("fluidgrids.humanResponse.runHeading", "Waiting on people") : tr("fluidgrids.humanResponse.runHeadingDone", "People asked")]
-		}), requests.map((request) => /* @__PURE__ */ jsx(RunHumanRequestRow, { request }, request.id))]
-	});
-}
-function RunHumanRequestRow({ request }) {
-	const tr = useTr();
-	const answer = answerRows(request, tr);
-	const recipient = useRecipientLabel(request, tr("fluidgrids.humanResponse.anyMember", "any workspace member"));
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-0.5 text-sm sm:flex-row sm:flex-wrap sm:items-baseline sm:gap-x-2",
-		"data-testid": "run-human-request",
-		"data-status": request.status,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "font-medium text-text-primary",
-				children: request.title
-			}),
-			/* @__PURE__ */ jsxs("span", {
-				className: "text-text-secondary",
-				children: [
-					tr("fluidgrids.humanResponse.askedVia", "Asked {{recipient}} via {{channel}}", {
-						recipient,
-						channel: channelLabel(request.channel, tr)
+						id: "run-child-runs-heading",
+						children: tr("fluidgrids.executions.hierarchy.childRunsTitle", "Child runs")
 					}),
-					" · ",
-					outcome(request, tr)
+					/* @__PURE__ */ jsx("span", {
+						className: "rounded-full bg-background-tertiary px-2 py-0.5 text-xs text-text-secondary",
+						children: children.length.toLocaleString()
+					})
 				]
 			}),
-			(request.approvals?.length ?? 0) > 0 && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 w-full sm:mt-0",
-				children: /* @__PURE__ */ jsx(ApprovalApprovers, { request })
+			view?.truncated && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-xs text-text-secondary",
+				children: tr("fluidgrids.executions.hierarchy.truncated", "This call tree has more runs than can be listed here, so some child runs may be missing.")
 			}),
-			answer.length > 0 && /* @__PURE__ */ jsx("dl", {
-				className: "mt-1 w-full space-y-0.5 text-xs sm:mt-0",
-				"data-testid": "run-human-answer",
-				children: answer.map((row) => /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ jsxs("dt", {
-						className: "shrink-0 font-medium text-text-secondary",
-						children: [row.label, ":"]
-					}), /* @__PURE__ */ jsx("dd", {
-						className: "whitespace-pre-wrap break-words text-text-primary",
-						children: row.value
-					})]
-				}, row.key))
+			/* @__PURE__ */ jsx("ul", {
+				className: "mt-3 divide-y divide-border-secondary",
+				children: children.map((child) => {
+					const node = child.parentNodeId ? nodeDisplay[child.parentNodeId]?.label ?? child.parentNodeId : null;
+					return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
+						to: runPath(child.id),
+						className: "flex flex-col gap-1 py-2 hover:bg-background-tertiary sm:flex-row sm:items-center sm:gap-3",
+						"data-testid": "run-child-run",
+						children: [
+							/* @__PURE__ */ jsx(ExecutionStatusBadge, {
+								status: child.status,
+								size: "sm"
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block truncate text-sm font-medium text-text-link",
+									children: child.name
+								}), node && /* @__PURE__ */ jsx("span", {
+									className: "block truncate text-xs text-text-secondary",
+									children: tr("fluidgrids.executions.hierarchy.startedByNode", "Started by {{node}}", { node })
+								})]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-xs text-text-secondary",
+								children: formatDateTime(child.startedAt ?? child.createdAt)
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "w-16 text-xs text-text-secondary sm:text-right",
+								children: formatElapsedMs(runDurationMs(child))
+							})
+						]
+					}) }, child.id);
+				})
 			})
 		]
 	});
@@ -2603,12 +2813,12 @@ function AgentTracePanel({ traces, nodeDisplay, usage, usageLoading, usageError,
 }
 function CostValue({ usage, tr }) {
 	const cost = aiCost(usage);
-	if (cost.kind === "priced") return /* @__PURE__ */ jsx(Fragment, { children: cost.text });
+	if (cost.kind === "priced") return /* @__PURE__ */ jsx(Fragment$1, { children: cost.text });
 	if (cost.kind === "unpriced") return /* @__PURE__ */ jsx("span", {
 		className: "text-text-secondary",
 		children: tr("fluidgrids.executions.executionDetail.agent.notPricedYet", "Not priced yet")
 	});
-	return /* @__PURE__ */ jsx(Fragment, { children: "—" });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: "—" });
 }
 function Stat({ label, children, detail }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -2668,7 +2878,7 @@ function AiUsageRollup({ usage, loading, error, onRefresh, nodeDisplay, tr }) {
 					4
 				].map((item) => /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-lg bg-background-tertiary" }, item))
 			}),
-			total ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			total ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ jsx(Stat, {
@@ -2985,11 +3195,11 @@ function StepBlock({ label, value, empty }) {
 	})] });
 }
 function StepCost({ value, tr }) {
-	if (value === null) return /* @__PURE__ */ jsx(Fragment, { children: tr("fluidgrids.executions.executionDetail.agent.notPricedYet", "Not priced yet") });
-	return /* @__PURE__ */ jsx(Fragment, { children: formatMicroUsd(value) });
+	if (value === null) return /* @__PURE__ */ jsx(Fragment$1, { children: tr("fluidgrids.executions.executionDetail.agent.notPricedYet", "Not priced yet") });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: formatMicroUsd(value) });
 }
 function TokensInOut({ tokensIn, tokensOut, tr }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: tr("fluidgrids.executions.executionDetail.agent.tokensInOut", "{{input}} in / {{output}} out tokens", {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: tr("fluidgrids.executions.executionDetail.agent.tokensInOut", "{{input}} in / {{output}} out tokens", {
 		input: formatTokens(tokensIn),
 		output: formatTokens(tokensOut)
 	}) });
@@ -3857,7 +4067,7 @@ function ActivityActionDialog({ runId, action, activity, onClose, onDone }) {
 							error: parsedResult.ok ? null : parsedResult.error,
 							testId: "activity-complete-result"
 						}),
-						action === "fail" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+						action === "fail" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ jsx(Label, {
 								htmlFor: "activity-fail-message",
@@ -4443,7 +4653,7 @@ function ResetRunForm({ runId, point, onOpenChange, onReset }) {
 							"data-testid": "run-reset-reason"
 						})]
 					}),
-					point.kind === "seq" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("label", {
+					point.kind === "seq" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("label", {
 						className: "flex items-center justify-between gap-3 text-sm text-text-primary",
 						children: [tr("fluidgrids.runControl.reset.reapplySignals", "Re-apply the signals received after it"), /* @__PURE__ */ jsx(Switch, {
 							checked: reapplySignals,
@@ -5886,7 +6096,7 @@ function SaveRunAsTestCase({ runId }) {
 			setSaving(false);
 		}
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SdkPermissionButton, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SdkPermissionButton, {
 		permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE,
 		deniedTooltip: tr("fluidgrids.executions.saveAsTestCase.denied", "You need edit access to this workflow to save test cases"),
 		children: /* @__PURE__ */ jsxs(Button$1, {
@@ -5961,15 +6171,26 @@ const ALL_DETAIL_TABS = [
 * The tabs a run offers: History only on a durable-function run, Agent
 * (BOFF-9937) only when the run has an AI Agent node state.
 */
-function availableDetailTabs(isDurableRun, hasAgent) {
-	return ALL_DETAIL_TABS.filter((tab) => (tab !== "history" || isDurableRun) && (tab !== "agent" || hasAgent));
+function availableDetailTabs(isDurableRun, hasAgent, v2) {
+	return ALL_DETAIL_TABS.filter((tab) => (tab !== "history" || isDurableRun) && (tab !== "agent" || hasAgent) && (tab !== "context" || !v2));
+}
+/**
+* Where "Reconnect" goes: the host's connections page. It sits outside the
+* workflows module, so the link is absolute (Navigation v2, FluidGrids only).
+*/
+const CONNECTIONS_ROUTE = "/integrations/connections";
+/** The URL's `#…` fragment; empty where there is no window (server render). */
+function searchHash() {
+	return typeof window === "undefined" ? "" : window.location.hash;
 }
 function ExecutionDetailPage() {
 	const tr = useTr();
 	const { runId } = useParams();
 	const navigate = useNavigate();
 	const [searchParams, setSearchParams] = useSearchParams();
-	const requestedTab = parseDetailTabParam(searchParams.get("tab"), ALL_DETAIL_TABS);
+	const v2 = useNavigationV2();
+	const requestedTabParam = parseDetailTabParam(searchParams.get("tab"), ALL_DETAIL_TABS);
+	const requestedTab = v2 && requestedTabParam === "context" ? "input" : requestedTabParam ?? (v2 && /^#L/.test(searchHash()) ? "logs" : null);
 	const requestedNodeId = searchParams.get("node");
 	const [tabSelection, setTabSelection] = useState({
 		runId,
@@ -6063,7 +6284,7 @@ function ExecutionDetailPage() {
 		actorId: execution.triggeredById,
 		actorType: "user"
 	}).displayName : null;
-	const { pauseExecution, resumeExecution, cancelExecution, retryNode, replayExecution, terminateExecution, loading: actionLoading } = useExecutionActions();
+	const { controlExecution, retryExecution, retryNode, replayExecution, terminateExecution, loading: actionLoading } = useExecutionActions();
 	const isActive = runCanChange;
 	const isHistoricalTestRun = execution?.mode === "TEST" && (execution.status === "COMPLETED" || execution.status === "FAILED" || execution.status === "CANCELLED" || execution.status === "TERMINATED");
 	useAutoRefresh(useCallback(() => {
@@ -6076,7 +6297,7 @@ function ExecutionDetailPage() {
 	});
 	const isDurableRun = durableEnabled && execution?.executionKind === "DURABLE_FN";
 	const hasAgent = hasAgentNodeState(execution?.nodeStates);
-	const activeTab = resolveDetailTab(selectionForRun(tabSelection, runId, requestedTab, "timeline"), runId, availableDetailTabs(isDurableRun, hasAgent), "timeline");
+	const activeTab = resolveDetailTab(selectionForRun(tabSelection, runId, requestedTab, "timeline"), runId, availableDetailTabs(isDurableRun, hasAgent, v2), "timeline");
 	const agentFocusNodeId = agentFocus.runId === runId ? agentFocus.nodeId : requestedNodeId;
 	const runAiUsage = useRunAiUsage(runId, {
 		enabled: hasAgent && activeTab === "agent",
@@ -6119,21 +6340,20 @@ function ExecutionDetailPage() {
 	}, [durableEnabled, execution]);
 	const canSendSignal = canControlRuns && canSignalRun(signalTargets);
 	const waitingOnSignal = !isDurableRun && signalTargets.targets.some((target) => !!target.nodeId);
-	const handlePause = async () => {
-		if (!runId) return;
-		await pauseExecution(runId);
-		refetch();
-	};
-	const handleResume = async () => {
+	const handleControl = async (action) => {
 		if (!runId) return;
-		await resumeExecution(runId);
+		const result = await controlExecution(action, runId);
+		if (!result.ok) toast.error(action === "pause" ? tr("fluidgrids.executions.executionDetail.pauseFailed", "Could not pause this run") : action === "resume" ? tr("fluidgrids.executions.executionDetail.resumeFailed", "Could not resume this run") : tr("fluidgrids.executions.executionDetail.cancelFailed", "Could not cancel this run"), { description: result.message });
 		refetch();
 	};
-	const handleCancel = async () => {
-		if (!runId) return;
-		await cancelExecution(runId);
-		refetch();
+	const [showStopDialog, setShowStopDialog] = useState(false);
+	const requestCancel = () => {
+		if (v2) setShowStopDialog(true);
+		else handleCancel();
 	};
+	const handlePause = () => handleControl("pause");
+	const handleResume = () => handleControl("resume");
+	const handleCancel = () => handleControl("cancel");
 	const handleTerminate = async () => {
 		if (!runId) return;
 		if (isDurableRun) {
@@ -6141,7 +6361,7 @@ function ExecutionDetailPage() {
 			setShowTerminateDialog(false);
 			return;
 		}
-		await terminateExecution(runId, "User terminated");
+		if (!await terminateExecution(runId, "User terminated")) toast.error(tr("fluidgrids.executions.executionDetail.terminateFailed", "Could not terminate this run"));
 		setShowTerminateDialog(false);
 		refetch();
 	};
@@ -6157,7 +6377,7 @@ function ExecutionDetailPage() {
 	};
 	const handleRetryNode = async (nodeId) => {
 		if (!runId) return;
-		await retryNode(runId, nodeId);
+		if (!await retryNode(runId, nodeId)) toast.error(tr("fluidgrids.executions.executionDetail.retryNodeFailed", "Could not retry this step"));
 		refetch();
 	};
 	const handleReplay = async () => {
@@ -6170,6 +6390,21 @@ function ExecutionDetailPage() {
 		toast.success(tr("fluidgrids.executions.executionDetail.replayStarted", "Replay started in test mode"));
 		navigate(`../runs/${replayed.runId}`);
 	};
+	const handleRunAgain = async () => {
+		if (!execution) return;
+		const result = await retryExecution(execution);
+		if (!result.ok) {
+			toast.error(tr("fluidgrids.executions.executionsList.retryFailed", "Could not start a new run"), { description: result.message });
+			return;
+		}
+		toast.success(tr("fluidgrids.executions.executionsList.retryStarted", "New run started"));
+		navigate(`../runs/${result.run.runId}`);
+	};
+	const handleOpenWorkflow = () => {
+		if (!execution?.workflowKey) return;
+		const base = `../workflow/${encodeURIComponent(execution.workflowKey)}`;
+		navigate(execution.version ? `${base}/${encodeURIComponent(execution.version)}` : base);
+	};
 	const handleLoadInBuilder = () => {
 		if (!execution || execution.mode !== "TEST" || !execution.workflowKey || !execution.version) return;
 		const builderPath = `../workflow/${encodeURIComponent(execution.workflowKey)}/${encodeURIComponent(execution.version)}`;
@@ -6228,7 +6463,14 @@ function ExecutionDetailPage() {
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-[var(--color-status-error-text)] mb-4",
-					children: error.message
+					children: tr("fluidgrids.executions.executionDetail.loadErrorDescription", "We couldn't load this run. Try again in a moment.")
+				}),
+				/* @__PURE__ */ jsx(TechnicalDetails, {
+					className: "mb-4 text-[var(--color-status-error-text)]",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-sm font-mono break-words",
+						children: error.message
+					})
 				}),
 				/* @__PURE__ */ jsx(Button$1, {
 					variant: "outline",
@@ -6278,7 +6520,7 @@ function ExecutionDetailPage() {
 	const tabs = [
 		{
 			id: "timeline",
-			label: tr("fluidgrids.executions.executionDetail.timelineTab", "Timeline"),
+			label: v2 ? tr("fluidgrids.executions.executionDetail.stepsTab", "Steps") : tr("fluidgrids.executions.executionDetail.timelineTab", "Timeline"),
 			icon: "mdi:timeline"
 		},
 		...isDurableRun ? [{
@@ -6298,15 +6540,236 @@ function ExecutionDetailPage() {
 		},
 		{
 			id: "input",
-			label: tr("fluidgrids.executions.executionDetail.inputTab", "Input Data"),
+			label: v2 ? tr("fluidgrids.executions.executionDetail.dataTab", "Data") : tr("fluidgrids.executions.executionDetail.inputTab", "Input Data"),
 			icon: "mdi:code-json"
 		},
-		{
+		...v2 ? [] : [{
 			id: "context",
 			label: tr("fluidgrids.executions.executionDetail.contextTab", "Context"),
 			icon: "mdi:information-outline"
-		}
+		}]
 	];
+	const contextJsonBlock = /* @__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)
+		})
+	})] });
+	const contextDetailsBlock = /* @__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$1, { 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 ?? "—"
+					})]
+				}),
+				/* @__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 ?? "—"
+					})]
+				}),
+				/* @__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 ?? "—"
+					})]
+				}),
+				/* @__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("span", {
+					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.createdRow", "Created")
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-text-primary",
+					children: formatDateTime(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: formatDateTime(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: formatDateTime(execution.completedAt)
+				})]
+			})
+		]
+	})] });
+	const triggerDataBlock = /* @__PURE__ */ jsxs("div", { 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)
+		})
+	})] });
+	const orderedSteps = orderNodesByExecution(execution.nodeStates ?? [], execution.triggerNodeId ?? void 0);
+	const summary = v2 ? summarizeRun(tr, {
+		status: execution.status,
+		errorType: execution.errorType,
+		nodeStates: orderedSteps,
+		stepLabel: (nodeId) => nodeDisplayTitle(nodeDisplay[nodeId], nodeId),
+		awaitingPerson
+	}) : null;
+	const canRunAgain = canControlRuns && (execution.status === "FAILED" || execution.status === "CANCELLED" || execution.status === "TERMINATED") && buildRetryTriggerInput(execution) !== null;
+	const copyReference = async (reference) => {
+		try {
+			await navigator.clipboard.writeText(reference);
+			toast.success(tr("fluidgrids.executions.executionDetail.referenceCopied", "Reference copied"));
+		} catch {
+			toast.error(tr("fluidgrids.executions.executionDetail.referenceCopyFailed", "Could not copy the reference"));
+		}
+	};
+	const menuItems = [];
+	if (canControlRuns && execution.status === "RUNNING" && !isDurableRun) menuItems.push({
+		id: "pause",
+		icon: "mdi:pause",
+		label: tr("fluidgrids.executions.executionDetail.pauseButton", "Pause"),
+		onSelect: () => void handlePause(),
+		disabled: actionLoading
+	});
+	if (canSendSignal) menuItems.push({
+		id: "signal",
+		icon: "mdi:bell-ring-outline",
+		label: tr("fluidgrids.executions.executionDetail.signalButton", "Signal"),
+		onSelect: () => setShowSignalDialog(true)
+	});
+	if (canControlRuns && !isDurableRun && execution.status !== "RUNNING" && execution.status !== "PENDING" && execution.status !== "WAITING") menuItems.push({
+		id: "replay",
+		icon: "mdi:replay",
+		label: tr("fluidgrids.executions.executionDetail.replayButton", "Replay in test mode"),
+		onSelect: () => void handleReplay(),
+		disabled: actionLoading
+	});
+	if (isHistoricalTestRun && execution.workflowKey && execution.version) menuItems.push({
+		id: "open-in-editor",
+		icon: "mdi:open-in-new",
+		label: tr("fluidgrids.executions.executionDetail.loadTestRunButton", "Load TEST run in builder"),
+		onSelect: handleLoadInBuilder
+	});
+	if ((isDurableRun ? canTerminateDurable : canControlRuns) && (execution.status === "RUNNING" || execution.status === "WAITING")) menuItems.push({
+		id: "terminate",
+		icon: "mdi:close-octagon",
+		label: tr("fluidgrids.executions.executionDetail.terminateButton", "Terminate"),
+		onSelect: () => setShowTerminateDialog(true),
+		disabled: actionLoading,
+		destructive: true
+	});
+	const menuToggles = isActive ? [{
+		id: "live-updates",
+		label: tr("fluidgrids.executions.executionDetail.liveUpdates", "Live updates"),
+		checked: autoRefreshEnabled,
+		onCheckedChange: setAutoRefreshEnabled
+	}] : [];
 	const askRun = {
 		runId: execution.id,
 		status: execution.status,
@@ -6328,7 +6791,19 @@ function ExecutionDetailPage() {
 					tr("fluidgrids.executions.executionDetail.backToExecutions", "Back to Executions")
 				]
 			}),
-			/* @__PURE__ */ jsx(RunCallPath, {
+			v2 ? execution.parentRunId && /* @__PURE__ */ jsxs("p", {
+				className: "mb-4 text-sm text-text-secondary",
+				"data-testid": "run-started-by-workflow",
+				children: [
+					tr("fluidgrids.executions.executionDetail.startedByWorkflow", "Started by another workflow"),
+					" · ",
+					/* @__PURE__ */ jsx(Link, {
+						to: `../runs/${execution.parentRunId}`,
+						className: "text-text-link hover:text-text-linkHover hover:underline",
+						children: tr("fluidgrids.executions.executionDetail.openParentRun", "Open it")
+					})
+				]
+			}) : /* @__PURE__ */ jsx(RunCallPath, {
 				view: hierarchy,
 				parentRunId: execution.parentRunId
 			}),
@@ -6346,7 +6821,12 @@ function ExecutionDetailPage() {
 								status: execution.status,
 								size: "lg"
 							}),
-							execution.parentRunId && /* @__PURE__ */ jsx("span", {
+							v2 && execution.mode === "TEST" && /* @__PURE__ */ jsx("span", {
+								className: "px-2 py-0.5 text-xs border border-border-default text-text-secondary rounded",
+								"data-testid": "run-test-badge",
+								children: tr("fluidgrids.executions.executionDetail.testBadge", "Test")
+							}),
+							!v2 && 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")
 							})
@@ -6357,7 +6837,7 @@ function ExecutionDetailPage() {
 						"data-testid": "run-summary",
 						children: parityRun.summary
 					}),
-					/* @__PURE__ */ jsxs("div", {
+					!v2 && /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary",
 						children: [
 							/* @__PURE__ */ jsxs("span", {
@@ -6398,7 +6878,95 @@ function ExecutionDetailPage() {
 							})
 						]
 					}),
-					/* @__PURE__ */ jsx("div", {
+					v2 && /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
+						"data-testid": "run-header-meta",
+						children: [
+							execution.triggeredById && /* @__PURE__ */ jsx("span", {
+								title: execution.triggeredById,
+								children: tr("fluidgrids.executions.executionDetail.startedByPerson", "Started by {{name}}", { name: triggeredByLabel ?? "" })
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:clock-outline",
+									width: 16
+								}), formatDateTime(execution.startedAt || execution.createdAt)]
+							}),
+							execution.completedAt && /* @__PURE__ */ jsx("span", { children: tr("fluidgrids.executions.executionDetail.finishedAt", "Finished {{when}}", { when: formatDateTime(execution.completedAt) }) })
+						]
+					}),
+					v2 && /* @__PURE__ */ jsx(TechnicalDetails, {
+						className: "mt-3",
+						"data-testid": "run-technical",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2 text-sm text-text-secondary",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex flex-wrap items-center gap-3",
+									children: [/* @__PURE__ */ jsxs("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ jsx(Icon, {
+											icon: "mdi:identifier",
+											width: 16
+										}), /* @__PURE__ */ jsx("code", {
+											className: "font-mono break-all",
+											children: execution.id
+										})]
+									}), /* @__PURE__ */ jsxs(Button$1, {
+										variant: "outline",
+										size: "sm",
+										onClick: () => void copyReference(execution.id),
+										"data-testid": "run-copy-reference",
+										children: [/* @__PURE__ */ jsx(Icon, {
+											icon: "mdi:content-copy",
+											className: "mr-1",
+											width: 14
+										}), tr("fluidgrids.executions.executionDetail.copyReference", "Copy reference")]
+									})]
+								}),
+								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)]
+								}),
+								execution.parentRunId && /* @__PURE__ */ jsx("span", {
+									className: "flex items-center gap-2",
+									children: /* @__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")
+									})
+								}),
+								/* @__PURE__ */ jsx(RunCallPath, {
+									view: hierarchy,
+									parentRunId: execution.parentRunId
+								}),
+								/* @__PURE__ */ jsx("div", {
+									"data-testid": "run-tags",
+									children: /* @__PURE__ */ jsx(EntityTagPicker, {
+										entityType: "FLUIDGRIDS_RUN",
+										entityId: execution.id,
+										readOnly: !canTagRun
+									})
+								})
+							]
+						})
+					}),
+					!v2 && /* @__PURE__ */ jsx("div", {
 						className: "mt-3",
 						"data-testid": "run-tags",
 						children: /* @__PURE__ */ jsx(EntityTagPicker, {
@@ -6410,7 +6978,7 @@ function ExecutionDetailPage() {
 				] }), /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						isActive && /* @__PURE__ */ jsxs("label", {
+						!v2 && isActive && /* @__PURE__ */ jsxs("label", {
 							className: "flex items-center gap-2 text-sm text-text-secondary mr-4",
 							children: [/* @__PURE__ */ jsx("input", {
 								type: "checkbox",
@@ -6419,7 +6987,7 @@ function ExecutionDetailPage() {
 								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$1, {
+						canControlRuns && execution.status === "RUNNING" && /* @__PURE__ */ jsxs(Fragment$1, { children: [!v2 && !isDurableRun && /* @__PURE__ */ jsxs(Button$1, {
 							"data-agent": "confirm",
 							variant: "outline",
 							size: "sm",
@@ -6434,7 +7002,7 @@ function ExecutionDetailPage() {
 							"data-agent": "confirm",
 							variant: "outline",
 							size: "sm",
-							onClick: handleCancel,
+							onClick: requestCancel,
 							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, {
@@ -6443,7 +7011,7 @@ function ExecutionDetailPage() {
 								width: 16
 							}), tr("fluidgrids.executions.executionDetail.cancelButton", "Cancel")]
 						})] }),
-						canControlRuns && execution.status === "WAITING" && /* @__PURE__ */ jsxs(Fragment, { children: [
+						canControlRuns && execution.status === "WAITING" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 							humanRequestsCurrent && !awaitingPerson && !isDurableRun && !waitingOnSignal && /* @__PURE__ */ jsxs(Button$1, {
 								"data-agent": "confirm",
 								variant: "outline",
@@ -6474,7 +7042,7 @@ function ExecutionDetailPage() {
 								"data-agent": "confirm",
 								variant: "outline",
 								size: "sm",
-								onClick: handleCancel,
+								onClick: requestCancel,
 								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, {
@@ -6488,7 +7056,7 @@ function ExecutionDetailPage() {
 							"data-agent": "confirm",
 							variant: "outline",
 							size: "sm",
-							onClick: handleCancel,
+							onClick: requestCancel,
 							disabled: actionLoading,
 							children: [/* @__PURE__ */ jsx(Icon, {
 								icon: "mdi:stop",
@@ -6496,7 +7064,7 @@ function ExecutionDetailPage() {
 								width: 16
 							}), tr("fluidgrids.executions.executionDetail.cancelButton", "Cancel")]
 						}),
-						canSendSignal && /* @__PURE__ */ jsxs(Button$1, {
+						!v2 && canSendSignal && /* @__PURE__ */ jsxs(Button$1, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => setShowSignalDialog(true),
@@ -6507,7 +7075,7 @@ function ExecutionDetailPage() {
 								width: 16
 							}), tr("fluidgrids.executions.executionDetail.signalButton", "Signal")]
 						}),
-						(isDurableRun ? canTerminateDurable : canControlRuns) && (execution.status === "RUNNING" || execution.status === "WAITING") && /* @__PURE__ */ jsxs(Button$1, {
+						!v2 && (isDurableRun ? canTerminateDurable : canControlRuns) && (execution.status === "RUNNING" || execution.status === "WAITING") && /* @__PURE__ */ jsxs(Button$1, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => setShowTerminateDialog(true),
@@ -6519,7 +7087,7 @@ function ExecutionDetailPage() {
 								width: 16
 							}), tr("fluidgrids.executions.executionDetail.terminateButton", "Terminate")]
 						}),
-						isHistoricalTestRun && execution.workflowKey && execution.version && /* @__PURE__ */ jsxs(Button$1, {
+						!v2 && isHistoricalTestRun && execution.workflowKey && execution.version && /* @__PURE__ */ jsxs(Button$1, {
 							variant: "outline",
 							size: "sm",
 							onClick: handleLoadInBuilder,
@@ -6529,7 +7097,7 @@ function ExecutionDetailPage() {
 								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$1, {
+						!v2 && canControlRuns && !isDurableRun && execution.status !== "RUNNING" && execution.status !== "PENDING" && execution.status !== "WAITING" && /* @__PURE__ */ jsxs(Button$1, {
 							"data-agent": "confirm",
 							variant: "outline",
 							size: "sm",
@@ -6556,10 +7124,22 @@ function ExecutionDetailPage() {
 								className: "mr-1",
 								width: 16
 							}), tr("fluidgrids.executions.executionDetail.refreshButton", "Refresh")]
+						}),
+						v2 && /* @__PURE__ */ jsx(RunActionsMenu, {
+							items: menuItems,
+							toggles: menuToggles
 						})
 					]
 				})]
 			}),
+			summary && /* @__PURE__ */ jsx(RunSummaryCard, {
+				status: execution.status,
+				sentence: summary.sentence,
+				onRunAgain: canRunAgain ? () => void handleRunAgain() : void 0,
+				runAgainBusy: actionLoading,
+				onOpenWorkflow: execution.workflowKey ? handleOpenWorkflow : void 0,
+				reconnectTo: needsReconnect(summary.errorType) ? CONNECTIONS_ROUTE : void 0
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6",
 				children: [
@@ -6637,7 +7217,24 @@ function ExecutionDetailPage() {
 					})
 				]
 			}),
-			execution.errorMessage && /* @__PURE__ */ jsxs(AskableDiv, {
+			v2 && execution.errorMessage && /* @__PURE__ */ jsx(AskableDiv, {
+				describe: () => describeRunError(askRun),
+				"data-testid": "run-error-banner",
+				className: "mb-6",
+				children: /* @__PURE__ */ jsx(TechnicalDetails, { children: /* @__PURE__ */ jsx(AskableSelectionDiv, {
+					describe: () => describeRunError(askRun),
+					children: /* @__PURE__ */ jsxs("p", {
+						className: "text-sm text-[var(--color-status-error-text)] break-words",
+						children: [
+							tr("fluidgrids.executions.executionDetail.errorLabel", "Error"),
+							execution.errorType ? ` (${execution.errorType})` : "",
+							": ",
+							execution.errorMessage
+						]
+					})
+				}) })
+			}),
+			!v2 && execution.errorMessage && /* @__PURE__ */ jsxs(AskableDiv, {
 				describe: () => describeRunError(askRun),
 				"data-testid": "run-error-banner",
 				className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg",
@@ -6847,7 +7444,19 @@ function ExecutionDetailPage() {
 							onLoadMore: () => void runLogs.loadMore()
 						})
 					}),
-					activeTab === "input" && /* @__PURE__ */ jsxs("div", {
+					activeTab === "input" && v2 && /* @__PURE__ */ jsxs("div", {
+						className: "space-y-6 p-4 sm:p-6",
+						"data-testid": "run-data-tab",
+						children: [
+							triggerDataBlock,
+							contextJsonBlock,
+							/* @__PURE__ */ jsx(TechnicalDetails, {
+								"data-testid": "run-context-details",
+								children: contextDetailsBlock
+							})
+						]
+					}),
+					activeTab === "input" && !v2 && /* @__PURE__ */ jsxs("div", {
 						className: "p-4 sm:p-6",
 						children: [/* @__PURE__ */ jsx("h3", {
 							className: "text-lg font-medium text-text-primary mb-4",
@@ -6860,162 +7469,11 @@ function ExecutionDetailPage() {
 							})
 						})]
 					}),
-					activeTab === "context" && /* @__PURE__ */ jsx("div", {
+					activeTab === "context" && !v2 && /* @__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.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: [
-										/* @__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 ?? "—"
-											})]
-										}),
-										/* @__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 ?? "—"
-											})]
-										}),
-										/* @__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 ?? "—"
-											})]
-										}),
-										/* @__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("span", {
-											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.createdRow", "Created")
-										}), /* @__PURE__ */ jsx("span", {
-											className: "text-text-primary",
-											children: formatDateTime(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: formatDateTime(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: formatDateTime(execution.completedAt)
-										})]
-									})
-								]
-							})] })]
+							children: [contextJsonBlock, contextDetailsBlock]
 						})
 					})
 				]
@@ -7037,12 +7495,22 @@ function ExecutionDetailPage() {
 				onOpenChange: setShowOverrideDialog,
 				onChanged: () => void refetch()
 			}),
+			v2 && /* @__PURE__ */ jsx(ConfirmStopRunDialog, {
+				open: showStopDialog,
+				workflowName: execution.workflow?.name || execution.workflowKey,
+				busy: actionLoading,
+				onConfirm: () => {
+					setShowStopDialog(false);
+					handleCancel();
+				},
+				onOpenChange: setShowStopDialog
+			}),
 			/* @__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")
+					children: tr("fluidgrids.executions.executionDetail.terminateKeepButton", "Keep run")
 				}), /* @__PURE__ */ jsx(AlertDialogAction, {
 					onClick: handleTerminate,
 					disabled: actionLoading,