@burdenoff/fluidgrids-fe-sdk 2026.1111.4 → 2026.1111.5

package/dist/{ExecutionDetailPage-CdcutZhM.js → ExecutionDetailPage-CKmm-MTf.js}

@@ -1,21 +1,21 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { $ as DurableParityRunFieldsDocument, $i as useExecutionsStore, B as DeleteTaskQueueDocument, Ci as getFluidGridsClientSafe, D as CreateWorkerTokenDocument, E as CreateTaskQueueDocument, En as SetWorkflowRunVersioningOverrideDocument, Kr as WorkflowRunMetadataDocument, Li as throwIfResultError, Pi as describeOperationError, Qi as DEFAULT_EXECUTIONS_FILTER, Rn as TaskQueueStatsDocument, Si as getFluidGridsClient, Ur as WorkflowRunHierarchyDocument, V as DeleteWorkerTokenDocument, Vi as getFluidGridsConfig, Xr as WorkflowRunsCountDocument, _i as WorkflowWorkersDocument, _n as RunLogsDocument, ct as ExplainRunDocument, er as UpdateTaskQueueDocument, gr as WorkflowBatchOperationUpdatedDocument, hn as RunLogAppendedDocument, lr as WorkerTokensDocument, on as RotateWorkerTokenDocument, qr as WorkflowRunPendingDocument, sn as RunAiUsageDocument, wn as SetWorkerTokenConnectionAllowlistDocument, zn as TaskQueuesDocument } from "./node-endpoint-configs-DS59aLlH.js";
-import { $t as runDurationMs, Hn as useDurableFunctionNodesEnabled, Pn as runSignalTargets, Qt as nodeStateDurationMs, Un as useDurableParityEnabled, Yn as useWorkflowTestsEnabled, Zt as formatElapsedMs, jn as durableInterfaceOf, kn as canSignalRun, qn as usePhaseCFlags } from "./FluidGridsProvider-D4VBLmsU.js";
+import { $r as WorkflowRunsCountDocument, A as CreateWorkerTokenDocument, Bi as throwIfResultError, Dn as SetWorkerTokenConnectionAllowlistDocument, Ei as getFluidGridsClientSafe, Hn as TaskQueuesDocument, Kr as WorkflowRunHierarchyDocument, Li as describeOperationError, Ti as getFluidGridsClient, U as DeleteTaskQueueDocument, Vn as TaskQueueStatsDocument, W as DeleteWorkerTokenDocument, Wi as getFluidGridsConfig, Xr as WorkflowRunPendingDocument, Yr as WorkflowRunMetadataDocument, bi as WorkflowWorkersDocument, bn as RunLogsDocument, c as AgentTraceDocument, dt as ExplainRunDocument, fr as WorkerTokensDocument, k as CreateTaskQueueDocument, kn as SetWorkflowRunVersioningOverrideDocument, ln as RotateWorkerTokenDocument, na as useExecutionsStore, nt as DurableParityRunFieldsDocument, rr as UpdateTaskQueueDocument, s as AgentStepUpdatedDocument, ta as DEFAULT_EXECUTIONS_FILTER, un as RunAiUsageDocument, vn as RunLogAppendedDocument, yr as WorkflowBatchOperationUpdatedDocument } from "./node-endpoint-configs-Dol5ckHv.js";
+import { $t as runDurationMs, Hn as useDurableFunctionNodesEnabled, Pn as runSignalTargets, Qt as nodeStateDurationMs, Un as useDurableParityEnabled, Yn as useWorkflowTestsEnabled, Zt as formatElapsedMs, jn as durableInterfaceOf, kn as canSignalRun, qn as usePhaseCFlags } from "./FluidGridsProvider-BNzMznqt.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { h as useWorkflowDefinitions, v as useWorkflowVersions } from "./useWorkflows-BfDQmAeS.js";
-import { KF as WorkflowUpdateWaitFor, OF as WorkflowQueryRejectCondition, Qu as ErrorType, dF as WorkflowBatchOperationType, fI as useFluidGridsPermission, kF as WorkflowResetType, lI as SdkPermissionButton, oI as FLUIDGRIDS_PERMISSIONS, pP as VersioningBehavior } from "./graphql-types-CulUbQWN.js";
-import { _ as statusCountFilter, c as OPERATORS_BY_TYPE, d as STATUS_COUNT_GROUP_BY, f as callbackTone, g as shortRunId, h as runChainLinks, i as useExecutionStats, l as buildSearchAttributeFilter, m as parseMetadataDefinition, n as useExecution, o as useExecutionsWithStore, p as overrideRequestOf, r as useExecutionActions, s as EMPTY_SEARCH_FILTER, t as useAutoRefresh, u as searchFilterConflicts, v as statusCountsOf, y as validateDateRange } from "./useExecutions-BdDmxTNK.js";
+import { h as useWorkflowDefinitions, v as useWorkflowVersions } from "./useWorkflows-CGF0B59E.js";
+import { $u as ErrorType, AF as WorkflowResetType, L as AgentStepKind, fF as WorkflowBatchOperationType, kF as WorkflowQueryRejectCondition, mP as VersioningBehavior, pI as useFluidGridsPermission, qF as WorkflowUpdateWaitFor, sI as FLUIDGRIDS_PERMISSIONS, uI as SdkPermissionButton } from "./graphql-types-Bi7XFTD2.js";
+import { _ as statusCountFilter, c as OPERATORS_BY_TYPE, d as STATUS_COUNT_GROUP_BY, f as callbackTone, g as shortRunId, h as runChainLinks, i as useExecutionStats, l as buildSearchAttributeFilter, m as parseMetadataDefinition, n as useExecution, o as useExecutionsWithStore, p as overrideRequestOf, r as useExecutionActions, s as EMPTY_SEARCH_FILTER, t as useAutoRefresh, u as searchFilterConflicts, v as statusCountsOf, y as validateDateRange } from "./useExecutions-CvGl7yhb.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { t as executionsControls } from "./pageControlSpecs-DZJ9K37m.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
-import { $ as startBatchTerminate, A as fetchBatchOperation, B as jsonArg, F as fetchRunControlFields, G as resetRun, I as fetchRunHistoryArchive, K as resetRunToLastCleanTask, L as fetchRunUpdate, N as fetchCodecServerSettings, O as failActivityById, P as fetchPauseRules, Q as startBatchOperation, R as fetchSearchAttributes, U as queryRun, V as pauseActivities, W as resetActivities, X as sendRunUpdate, Z as startBatchExport, _ as useResource, at as readTyped, c as FieldError, d as NativeSelect, f as RUN_CONTROL_DIALOG_STYLE, g as parseJsonObjectInput, h as parseJsonInput, it as upsertRunSearchAttributes, j as fetchBatchOperations, l as JsonBlock, m as newRunControlId, ot as writeTyped, p as StatusPill, q as revokeSignalToken, rt as updateActivityOptions, s as isAgentNodeType, tt as unpauseActivities, u as JsonField, w as createSignalToken, x as completeActivityById, y as cancelBatchOperation, z as fetchSignalTokens } from "./agent-form-hb7BR-JZ.js";
-import { C as useAvailableTags, _ as buildNodeDisplayMap, b as EntityTagPicker, n as useWorkflowProposal, o as canSaveRunAsTestCase, r as saveRunAsTestCase, t as WorkflowProposalCard, v as formatRunVersion, y as nodeDisplayTitle } from "./WorkflowProposalCard-Ci5kwjR4.js";
+import { $ as startBatchTerminate, A as fetchBatchOperation, B as jsonArg, F as fetchRunControlFields, G as resetRun, I as fetchRunHistoryArchive, K as resetRunToLastCleanTask, L as fetchRunUpdate, N as fetchCodecServerSettings, O as failActivityById, P as fetchPauseRules, Q as startBatchOperation, R as fetchSearchAttributes, U as queryRun, V as pauseActivities, W as resetActivities, X as sendRunUpdate, Z as startBatchExport, _ as useResource, at as readTyped, c as FieldError, d as NativeSelect, f as RUN_CONTROL_DIALOG_STYLE, g as parseJsonObjectInput, h as parseJsonInput, it as upsertRunSearchAttributes, j as fetchBatchOperations, l as JsonBlock, m as newRunControlId, ot as writeTyped, p as StatusPill, q as revokeSignalToken, rt as updateActivityOptions, s as isAgentNodeType, tt as unpauseActivities, u as JsonField, w as createSignalToken, x as completeActivityById, y as cancelBatchOperation, z as fetchSignalTokens } from "./agent-form-IKft_4iz.js";
+import { C as useAvailableTags, _ as buildNodeDisplayMap, b as EntityTagPicker, n as useWorkflowProposal, o as canSaveRunAsTestCase, r as saveRunAsTestCase, t as WorkflowProposalCard, v as formatRunVersion, y as nodeDisplayTitle } from "./WorkflowProposalCard-1Av72TtA.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
-import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, o as runListFilterFromSearch, r as OPEN_STATUSES, s as runListLinkKey, t as BUCKET_LABELS } from "./FailureTriagePanel-4z3sJbF-.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-C3LkdZvc.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-BVxQmQ6g.js";
-import { a as formatTokens, o as modelLabel, r as aiCost } from "./ai-usage-CK61EZWc.js";
+import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, o as runListFilterFromSearch, r as OPEN_STATUSES, s as runListLinkKey, t as BUCKET_LABELS } from "./FailureTriagePanel-LodnXzJr.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-DEBa-Wl0.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-Cu_oiZBw.js";
+import { a as formatTokens, d as formatMicroUsd, o as modelLabel, r as aiCost } from "./ai-usage-CMWDlKmM.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate, useParams, useSearchParams } from "react-router";
 import { Icon } from "@iconify/react";
@@ -1633,14 +1633,14 @@ function ExecutionTimeline({ executions, loading, onItemClick, onAction }) {
 * instead of `steps`. Output is free-form JSON, so every read is defensive:
 * a field of an unexpected shape is skipped, never thrown on.
 */
-function isRecord$2(value) {
+function isRecord$3(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function asRecord(value) {
-	if (isRecord$2(value)) return value;
+	if (isRecord$3(value)) return value;
 	if (typeof value === "string") {
 		const parsed = tryParseJson(value);
-		return isRecord$2(parsed) ? parsed : null;
+		return isRecord$3(parsed) ? parsed : null;
 	}
 	return null;
 }
@@ -1702,7 +1702,7 @@ function classifyObservation(observation) {
 	};
 }
 function toStep(raw, index) {
-	if (!isRecord$2(raw)) return null;
+	if (!isRecord$3(raw)) return null;
 	const tool = stringOrNull(raw.tool) ?? stringOrNull(raw.toolName) ?? stringOrNull(raw.action) ?? stringOrNull(raw.name);
 	if (!tool) return null;
 	const observationRaw = raw.observation ?? raw.output ?? raw.result;
@@ -1731,7 +1731,7 @@ function toPendingApprovals(raw) {
 	if (!Array.isArray(raw)) return [];
 	const pending = [];
 	for (const item of raw) {
-		if (!isRecord$2(item)) continue;
+		if (!isRecord$3(item)) continue;
 		const tool = stringOrNull(item.name) ?? stringOrNull(item.tool);
 		if (!tool) continue;
 		const callId = stringOrNull(item.id) ?? stringOrNull(item.callId);
@@ -1753,7 +1753,7 @@ const PAYLOAD_KEYS = [
 	"intermediateSteps"
 ];
 function looksLikeAgentPayload(value) {
-	return isRecord$2(value) && PAYLOAD_KEYS.some((key) => key in value);
+	return isRecord$3(value) && PAYLOAD_KEYS.some((key) => key in value);
 }
 /**
 * The agent payload inside a node output: the output itself when it carries
@@ -5073,7 +5073,7 @@ function RunDataPrunedNotice({ dataPrunedAt }) {
 }
 
 // src/modules/executions/utils/run-queue-marker.ts
-function isRecord$1(value) {
+function isRecord$2(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isRunQueueScope(value) {
@@ -5081,9 +5081,9 @@ function isRunQueueScope(value) {
 }
 /** The queue marker on a run's context, or null when there is none or it is malformed. */
 function readRunQueueMarker(context) {
-	if (!isRecord$1(context)) return null;
+	if (!isRecord$2(context)) return null;
 	const marker = context.concurrency;
-	if (!isRecord$1(marker)) return null;
+	if (!isRecord$2(marker)) return null;
 	const { queuedAt, checkedAt, limit, active, position, scope } = marker;
 	if (typeof queuedAt !== "string" || typeof checkedAt !== "string" || typeof limit !== "number" || typeof active !== "number" || typeof position !== "number" || scope !== void 0 && !isRunQueueScope(scope)) return null;
 	return {
@@ -5903,19 +5903,199 @@ function selectionForRun(selection, runId, requested, fallback) {
 	};
 }
 
+// src/modules/executions/utils/agent-steps.ts
+function isRecord$1(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function text$1(value) {
+	return typeof value === "string" && value.length > 0 ? value : null;
+}
+/** Every step of a trace, as one flat list. */
+function flattenAgentTrace(trace) {
+	if (!trace) return [];
+	return trace.nodes.flatMap((node) => node.iterations.flatMap((iteration) => iteration.steps));
+}
+/**
+* `current` with `incoming` added. A step already held keeps the newer copy
+* only when that copy carries a cost the held one lacks (a re-read after the
+* ledger priced the call); otherwise the held copy stays.
+*/
+function mergeAgentSteps(current, incoming) {
+	const next = new Map(current);
+	for (const step of incoming) {
+		const held = next.get(step.id);
+		if (!held || held.costMicroUsd === null && step.costMicroUsd !== null) next.set(step.id, step);
+	}
+	return next;
+}
+function sumCost(values) {
+	const priced = values.filter((value) => value !== null);
+	return priced.length ? priced.reduce((sum, value) => sum + value, 0) : null;
+}
+function toTurn(step) {
+	const output = step.output;
+	return {
+		key: step.id,
+		model: step.model,
+		tokensIn: step.tokensIn,
+		tokensOut: step.tokensOut,
+		latencyMs: step.latencyMs,
+		costMicroUsd: step.costMicroUsd,
+		input: prettyValue(step.input),
+		reply: isRecord$1(output) ? text$1(output.content) ?? prettyValue(output.toolCalls) ?? text$1(output.error) : prettyValue(output)
+	};
+}
+function toFinal(step) {
+	const output = step.output;
+	if (!isRecord$1(output)) return {
+		answer: prettyValue(output),
+		structuredOutput: null,
+		outputErrors: []
+	};
+	return {
+		answer: text$1(output.answer),
+		structuredOutput: prettyValue(output.structuredOutput),
+		outputErrors: Array.isArray(output.outputErrors) ? output.outputErrors.filter((error) => typeof error === "string") : []
+	};
+}
+function errorOf(step) {
+	const output = step.output;
+	return isRecord$1(output) ? text$1(output.error) : text$1(output);
+}
+function buildIteration(iteration, steps) {
+	const turns = [];
+	const toolCalls = [];
+	const byCallId = /* @__PURE__ */ new Map();
+	let final = null;
+	let error = null;
+	for (const step of steps) switch (step.kind) {
+		case "PLAN":
+			turns.push(toTurn(step));
+			break;
+		case "TOOL_CALL": {
+			const output = step.output;
+			const view = {
+				key: step.id,
+				callId: step.toolCallId,
+				tool: step.toolName ?? "?",
+				args: prettyValue(step.input),
+				rule: isRecord$1(output) ? text$1(output.rule) : null,
+				result: null,
+				hasResult: false,
+				outcome: "ok",
+				reason: null,
+				latencyMs: null,
+				approvalId: null
+			};
+			toolCalls.push(view);
+			if (step.toolCallId) byCallId.set(step.toolCallId, view);
+			break;
+		}
+		case "TOOL_RESULT": {
+			const { outcome, reason } = classifyObservation(step.output);
+			const result = {
+				result: prettyValue(step.output),
+				hasResult: true,
+				outcome,
+				reason,
+				latencyMs: step.latencyMs,
+				approvalId: step.approvalId
+			};
+			const call = step.toolCallId ? byCallId.get(step.toolCallId) : void 0;
+			if (call) Object.assign(call, result);
+			else toolCalls.push({
+				key: step.id,
+				callId: step.toolCallId,
+				tool: step.toolName ?? "?",
+				args: null,
+				rule: null,
+				...result
+			});
+			break;
+		}
+		case "FINAL":
+			final = toFinal(step);
+			break;
+		case "ERROR": error = errorOf(step);
+	}
+	return {
+		iteration,
+		turns,
+		toolCalls,
+		final,
+		error,
+		tokensIn: turns.reduce((sum, turn) => sum + (turn.tokensIn ?? 0), 0),
+		tokensOut: turns.reduce((sum, turn) => sum + (turn.tokensOut ?? 0), 0),
+		latencyMs: steps.reduce((sum, step) => sum + (step.latencyMs ?? 0), 0),
+		costMicroUsd: sumCost(turns.map((turn) => turn.costMicroUsd))
+	};
+}
+function nodeKey(step) {
+	return step.nodeStateId ?? `node:${step.nodeId}`;
+}
+/**
+* The steps grouped by node execution (in the order the executions started)
+* and iteration. A tool result recorded after an approval pause belongs to
+* the iteration of its call.
+*/
+function groupAgentSteps(steps) {
+	const byNode = /* @__PURE__ */ new Map();
+	for (const step of steps) {
+		const key = nodeKey(step);
+		const list = byNode.get(key);
+		if (list) list.push(step);
+		else byNode.set(key, [step]);
+	}
+	const nodes = [];
+	for (const list of byNode.values()) {
+		list.sort((a, b) => a.sequence - b.sequence);
+		const byIteration = /* @__PURE__ */ new Map();
+		for (const step of list) {
+			const group = byIteration.get(step.iteration);
+			if (group) group.push(step);
+			else byIteration.set(step.iteration, [step]);
+		}
+		const iterations = [...byIteration.entries()].sort(([a], [b]) => a - b).map(([iteration, group]) => buildIteration(iteration, group));
+		const first = list[0];
+		if (!first) continue;
+		nodes.push({
+			nodeId: first.nodeId,
+			nodeStateId: first.nodeStateId,
+			iterations,
+			totals: {
+				iterations: iterations.length,
+				modelCalls: iterations.reduce((sum, it) => sum + it.turns.length, 0),
+				toolCalls: iterations.reduce((sum, it) => sum + it.toolCalls.length, 0),
+				tokensIn: iterations.reduce((sum, it) => sum + it.tokensIn, 0),
+				tokensOut: iterations.reduce((sum, it) => sum + it.tokensOut, 0),
+				costMicroUsd: sumCost(iterations.map((it) => it.costMicroUsd))
+			},
+			startedAt: list.reduce((earliest, step) => step.createdAt < earliest ? step.createdAt : earliest, first.createdAt)
+		});
+	}
+	return nodes.sort((a, b) => a.startedAt.localeCompare(b.startedAt)).map(({ startedAt: _startedAt, ...node }) => node);
+}
+/** The step trace of one node execution, when the run recorded one. */
+function stepTraceFor(nodes, nodeStateId, nodeId) {
+	return nodes.find((node) => node.nodeStateId === nodeStateId) ?? nodes.find((node) => node.nodeStateId === null && node.nodeId === nodeId) ?? null;
+}
+
 // src/modules/executions/components/AgentTracePanel.tsx
 /**
 * The run page's Agent tab (BOFF-9937): the run's AI usage roll-up and, per
 * AI Agent node, what the agent did — its tool calls in order, the final
 * response, and the calls waiting for a person's approval.
 *
-* Read-only. The roll-up comes from `runAiUsage`; the per-node trace from the
-* node states the run page already polls (see utils/agent-trace.ts). Per-call
-* prompts and completions and per-iteration timing need the trace API
-* (BOFF-9936) and are not shown or guessed here.
+* Read-only. The roll-up comes from `runAiUsage`. The per-node trace comes
+* from the step trace (`agentTrace`, BOFF-9936; see utils/agent-steps.ts):
+* each iteration's model calls with their tokens, timing and cost, what was
+* sent to the model and its reply, the tool calls and the final answer. A run
+* without a step trace (recorded before it existed) falls back to the node
+* states the run page already polls (see utils/agent-trace.ts).
 */
-function AgentTracePanel({ traces, nodeDisplay, usage, usageLoading, usageError, onRefreshUsage, focusNodeId }) {
+function AgentTracePanel({ traces, nodeDisplay, usage, usageLoading, usageError, onRefreshUsage, focusNodeId, stepTraces = [], stepTraceDataPruned = false, stepTraceError = null }) {
 	const tr = useTr();
+	const anyStepTrace = traces.some((trace) => !!stepTraceFor(stepTraces, trace.nodeStateId, trace.nodeId));
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		"data-testid": "agent-trace-panel",
@@ -5928,15 +6108,25 @@ function AgentTracePanel({ traces, nodeDisplay, usage, usageLoading, usageError,
 				nodeDisplay,
 				tr
 			}),
+			stepTraceError && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+				children: tr("fluidgrids.executions.executionDetail.agent.stepTraceError", "Could not load the agent's steps: {{message}}", { message: stepTraceError })
+			}),
+			anyStepTrace && stepTraceDataPruned && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-text-secondary",
+				children: tr("fluidgrids.executions.executionDetail.agent.stepDataPruned", "This run's data settings removed what each step sent and received. Models, tokens, timing and tools are still shown.")
+			}),
 			traces.map((trace) => /* @__PURE__ */ jsx(AgentNodeCard, {
 				trace,
+				steps: stepTraceFor(stepTraces, trace.nodeStateId, trace.nodeId),
 				title: nodeDisplayTitle(nodeDisplay[trace.nodeId], trace.nodeId),
 				focused: !!focusNodeId && focusNodeId === trace.nodeId,
 				tr
 			}, trace.nodeStateId)),
-			/* @__PURE__ */ jsx("p", {
+			!anyStepTrace && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-text-secondary",
-				children: tr("fluidgrids.executions.executionDetail.agent.traceApiNote", "Each tool call is shown as the agent recorded it. The prompt and completion of each model call, and the timing of each iteration, will appear here once agent tracing is available.")
+				children: tr("fluidgrids.executions.executionDetail.agent.noStepTrace", "This run has no step trace, so each tool call is shown as the node recorded it, without the model calls.")
 			})
 		]
 	});
@@ -6109,7 +6299,10 @@ function UsageLines({ lines, nodeDisplay, tr }) {
 		})
 	});
 }
-function AgentNodeCard({ trace, title, focused, tr }) {
+function AgentNodeCard({ trace, steps, title, focused, tr }) {
+	const iterationCount = steps?.totals.iterations ?? trace.iterationCount;
+	const tokensUsed = steps ? steps.totals.tokensIn + steps.totals.tokensOut : trace.tokensUsed;
+	const toolCallCount = steps?.totals.toolCalls ?? trace.steps.length;
 	const ref = useRef(null);
 	useEffect(() => {
 		if (focused) ref.current?.scrollIntoView({ block: "start" });
@@ -6153,15 +6346,15 @@ function AgentNodeCard({ trace, title, focused, tr }) {
 				children: [
 					/* @__PURE__ */ jsx(Fact, {
 						label: tr("fluidgrids.executions.executionDetail.agent.iterations", "Iterations"),
-						value: trace.iterationCount?.toLocaleString("en-US") ?? "—"
+						value: iterationCount?.toLocaleString("en-US") ?? "—"
 					}),
 					/* @__PURE__ */ jsx(Fact, {
 						label: tr("fluidgrids.executions.executionDetail.agent.tokensUsed", "Tokens used"),
-						value: trace.tokensUsed === null ? "—" : formatTokens(trace.tokensUsed)
+						value: tokensUsed === null ? "—" : formatTokens(tokensUsed)
 					}),
 					/* @__PURE__ */ jsx(Fact, {
 						label: tr("fluidgrids.executions.executionDetail.agent.toolCalls", "Tool calls"),
-						value: trace.steps.length.toLocaleString("en-US")
+						value: toolCallCount.toLocaleString("en-US")
 					}),
 					/* @__PURE__ */ jsx(Fact, {
 						label: tr("fluidgrids.executions.executionDetail.agent.duration", "Duration"),
@@ -6187,7 +6380,10 @@ function AgentNodeCard({ trace, title, focused, tr }) {
 				trace,
 				tr
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			steps ? /* @__PURE__ */ jsx(IterationList, {
+				node: steps,
+				tr
+			}) : /* @__PURE__ */ jsxs("div", {
 				className: "mt-4",
 				children: [/* @__PURE__ */ jsx("h5", {
 					className: "mb-2 text-sm font-medium text-text-primary",
@@ -6318,6 +6514,233 @@ function StepBlock({ label, value, empty }) {
 		children: 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) });
+}
+function TokensInOut({ tokensIn, tokensOut, tr }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: tr("fluidgrids.executions.executionDetail.agent.tokensInOut", "{{input}} in / {{output}} out tokens", {
+		input: formatTokens(tokensIn),
+		output: formatTokens(tokensOut)
+	}) });
+}
+function IterationList({ node, tr }) {
+	const last = node.iterations.at(-1)?.iteration;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-4",
+		children: [/* @__PURE__ */ jsx("h5", {
+			className: "mb-2 text-sm font-medium text-text-primary",
+			children: tr("fluidgrids.executions.executionDetail.agent.iterations", "Iterations")
+		}), /* @__PURE__ */ jsx("ol", {
+			className: "space-y-2",
+			"data-testid": "agent-iterations",
+			children: node.iterations.map((iteration) => /* @__PURE__ */ jsx(IterationRow, {
+				iteration,
+				open: iteration.iteration === last,
+				tr
+			}, iteration.iteration))
+		})]
+	});
+}
+function IterationRow({ iteration, open, tr }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: `rounded border ${iteration.error ? "border-status-error-border" : "border-border-secondary"}`,
+		"data-agent-iteration": iteration.iteration,
+		children: /* @__PURE__ */ jsxs("details", {
+			open,
+			children: [/* @__PURE__ */ jsxs("summary", {
+				className: "flex cursor-pointer flex-wrap items-center gap-x-3 gap-y-1 px-3 py-2 text-sm",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "font-medium text-text-primary",
+						children: tr("fluidgrids.executions.executionDetail.agent.iterationNumber", "Iteration {{number}}", { number: iteration.iteration + 1 })
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-xs text-text-secondary",
+						children: /* @__PURE__ */ jsx(TokensInOut, {
+							tokensIn: iteration.tokensIn,
+							tokensOut: iteration.tokensOut,
+							tr
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-xs text-text-secondary",
+						children: formatElapsedMs(iteration.latencyMs, "—")
+					}),
+					iteration.turns.length > 0 && /* @__PURE__ */ jsx("span", {
+						className: "ml-auto text-xs text-text-secondary",
+						children: /* @__PURE__ */ jsx(StepCost, {
+							value: iteration.costMicroUsd,
+							tr
+						})
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2 border-t border-border-secondary px-3 py-2",
+				children: [
+					iteration.turns.map((turn) => /* @__PURE__ */ jsx(ModelTurnRow, {
+						turn,
+						tr
+					}, turn.key)),
+					iteration.toolCalls.map((call) => /* @__PURE__ */ jsx(ToolCallRow, {
+						call,
+						tr
+					}, call.key)),
+					iteration.final && /* @__PURE__ */ jsxs("div", {
+						className: "rounded bg-background-tertiary p-2",
+						children: [
+							/* @__PURE__ */ jsx("p", {
+								className: "text-xs font-medium text-text-secondary",
+								children: tr("fluidgrids.executions.executionDetail.agent.finalResponse", "Final response")
+							}),
+							iteration.final.answer && /* @__PURE__ */ jsx("pre", {
+								className: "mt-1 max-h-64 overflow-auto font-mono text-xs whitespace-pre-wrap break-words text-text-primary",
+								children: iteration.final.answer
+							}),
+							iteration.final.outputErrors.length > 0 && /* @__PURE__ */ jsxs("div", {
+								className: "mt-2 text-sm text-status-error-text",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "font-medium",
+									children: tr("fluidgrids.executions.executionDetail.agent.outputSchemaMissed", "The answer missed the output schema:")
+								}), /* @__PURE__ */ jsx("ul", {
+									className: "mt-1 list-disc pl-5",
+									children: iteration.final.outputErrors.map((error) => /* @__PURE__ */ jsx("li", {
+										className: "break-words",
+										children: error
+									}, error))
+								})]
+							})
+						]
+					}),
+					iteration.error && /* @__PURE__ */ jsxs("div", {
+						className: "rounded border border-status-error-border bg-status-error-bg-subtle p-2 text-sm text-status-error-text",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "font-medium",
+							children: [
+								tr("fluidgrids.executions.executionDetail.agent.error", "Error"),
+								":",
+								" "
+							]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "break-words",
+							children: iteration.error
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+function ModelTurnRow({ turn, tr }) {
+	return /* @__PURE__ */ jsxs("details", {
+		className: "rounded border border-border-secondary",
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: "flex cursor-pointer flex-wrap items-center gap-x-3 gap-y-1 px-3 py-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:brain",
+					width: 14,
+					className: "shrink-0 text-text-secondary"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-text-primary",
+					children: tr("fluidgrids.executions.executionDetail.agent.modelCall", "Model call")
+				}),
+				turn.model && /* @__PURE__ */ jsx("span", {
+					className: "min-w-0 break-all font-mono text-xs text-text-secondary",
+					children: turn.model
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-xs text-text-secondary",
+					children: /* @__PURE__ */ jsx(TokensInOut, {
+						tokensIn: turn.tokensIn,
+						tokensOut: turn.tokensOut,
+						tr
+					})
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-xs text-text-secondary",
+					children: formatElapsedMs(turn.latencyMs, "—")
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "ml-auto text-xs text-text-secondary",
+					children: /* @__PURE__ */ jsx(StepCost, {
+						value: turn.costMicroUsd,
+						tr
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 border-t border-border-secondary px-3 py-2",
+			children: [/* @__PURE__ */ jsx(StepBlock, {
+				label: tr("fluidgrids.executions.executionDetail.agent.sentToModel", "Sent to the model"),
+				value: turn.input,
+				empty: tr("fluidgrids.executions.executionDetail.agent.stepNotRecorded", "Not recorded")
+			}), /* @__PURE__ */ jsx(StepBlock, {
+				label: tr("fluidgrids.executions.executionDetail.agent.modelReply", "Reply"),
+				value: turn.reply,
+				empty: tr("fluidgrids.executions.executionDetail.agent.stepNotRecorded", "Not recorded")
+			})]
+		})]
+	});
+}
+function ToolCallRow({ call, tr }) {
+	const waiting = !call.hasResult && call.rule === "ask";
+	let border = "border-border-secondary";
+	if (call.outcome === "rejected" || waiting) border = "border-status-warning-border";
+	else if (call.outcome === "failed") border = "border-status-error-border";
+	return /* @__PURE__ */ jsxs("details", {
+		className: `rounded border ${border}`,
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: "flex cursor-pointer flex-wrap items-center gap-2 px-3 py-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:wrench-outline",
+					width: 14,
+					className: "shrink-0 text-text-secondary"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 break-all font-mono text-text-primary",
+					children: call.tool
+				}),
+				waiting && /* @__PURE__ */ jsx("span", {
+					className: "rounded bg-status-warning-bg-subtle px-1.5 py-0.5 text-xs text-status-warning-text",
+					children: tr("fluidgrids.executions.executionDetail.agent.stepAwaitingApproval", "Waiting for approval")
+				}),
+				call.outcome === "rejected" && /* @__PURE__ */ jsx("span", {
+					className: "rounded bg-status-warning-bg-subtle px-1.5 py-0.5 text-xs text-status-warning-text",
+					children: tr("fluidgrids.executions.executionDetail.agent.stepRejected", "Rejected")
+				}),
+				call.outcome === "failed" && /* @__PURE__ */ jsx("span", {
+					className: "rounded bg-status-error-bg-subtle px-1.5 py-0.5 text-xs text-status-error-text",
+					children: tr("fluidgrids.executions.executionDetail.agent.stepFailed", "Failed")
+				}),
+				call.latencyMs !== null && /* @__PURE__ */ jsx("span", {
+					className: "ml-auto text-xs text-text-secondary",
+					children: formatElapsedMs(call.latencyMs)
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 border-t border-border-secondary px-3 py-2",
+			children: [
+				call.outcome !== "ok" && call.reason && /* @__PURE__ */ jsx("p", {
+					className: `text-sm ${call.outcome === "rejected" ? "text-status-warning-text" : "text-status-error-text"}`,
+					children: call.reason
+				}),
+				/* @__PURE__ */ jsx(StepBlock, {
+					label: tr("fluidgrids.executions.executionDetail.agent.stepArguments", "Arguments"),
+					value: call.args,
+					empty: tr("fluidgrids.executions.executionDetail.agent.stepNoArguments", "No arguments")
+				}),
+				/* @__PURE__ */ jsx(StepBlock, {
+					label: tr("fluidgrids.executions.executionDetail.agent.stepResult", "Result"),
+					value: call.result,
+					empty: tr("fluidgrids.executions.executionDetail.agent.stepNoResult", "No result recorded")
+				})
+			]
+		})]
+	});
+}
 
 // src/modules/executions/hooks/useRunAiUsage.ts
 /**
@@ -6389,6 +6812,145 @@ function useRunAiUsage(runId, { enabled, live }) {
 	};
 }
 
+// src/modules/executions/hooks/useAgentTrace.ts
+/**
+* useAgentTrace — the AI Agent step trace of a run (BOFF-9936) for the run
+* page's Agent tab.
+*
+* Two sources feed one list of steps, merged by step `id`:
+*
+*   read   `agentTrace`, the steps stored so far, with each model call's
+*          priced cost.
+*   live   `agentStepUpdated`, the steps the worker records after the
+*          subscription opens. It has no history, so the read comes first.
+*
+* While `live`, the read is repeated every {@link AGENT_TRACE_POLL_INTERVAL_MS}
+* until the stream proves it delivers, and once more when the run stops
+* being live, so the last steps and the costs the ledger priced meanwhile
+* always arrive. Nothing is read while `enabled` is false (the run has no AI
+* Agent node, or the tab is not shown).
+*/
+/** Re-read cadence while the live stream has not delivered yet. */
+const AGENT_TRACE_POLL_INTERVAL_MS = 5e3;
+/**
+* Follow a run's live steps: subscribe to `agentStepUpdated`, and re-read the
+* stored trace every {@link AGENT_TRACE_POLL_INTERVAL_MS} until the stream
+* delivers (again after it errors or ends). Returns the function that stops
+* both; nothing is called back after it ran.
+*/
+function followAgentSteps(client, runId, { reread, onSteps, onStreaming }) {
+	let stopped = false;
+	let delivered = false;
+	const poll = setInterval(() => {
+		if (!delivered) reread();
+	}, AGENT_TRACE_POLL_INTERVAL_MS);
+	const subscription = client.subscribe({
+		query: AgentStepUpdatedDocument,
+		variables: { runId }
+	}).subscribe({
+		next: ({ data }) => {
+			if (stopped) return;
+			delivered = true;
+			onStreaming(true);
+			const steps = data?.agentStepUpdated ?? [];
+			if (steps.length > 0) onSteps(steps);
+		},
+		error: () => {
+			delivered = false;
+			if (!stopped) onStreaming(false);
+		},
+		complete: () => {
+			delivered = false;
+			if (!stopped) onStreaming(false);
+		}
+	});
+	return () => {
+		stopped = true;
+		clearInterval(poll);
+		subscription.unsubscribe();
+		onStreaming(false);
+	};
+}
+function useAgentTrace(runId, { enabled, live }) {
+	const [state, setState] = useState(null);
+	const [streaming, setStreaming] = useState(false);
+	const request = useRef(0);
+	const read = useCallback(async () => {
+		const client = getFluidGridsClientSafe();
+		if (!runId || !enabled || !client) return;
+		const id = ++request.current;
+		try {
+			const result = await client.query({
+				query: AgentTraceDocument,
+				variables: { runId },
+				fetchPolicy: "network-only"
+			});
+			throwIfResultError(result);
+			const trace = result.data?.agentTrace ?? null;
+			if (id !== request.current) return;
+			setState((previous) => ({
+				runId,
+				steps: mergeAgentSteps(previous?.runId === runId ? previous.steps : /* @__PURE__ */ new Map(), flattenAgentTrace(trace)),
+				dataPruned: trace?.dataPruned ?? false,
+				read: true,
+				error: null
+			}));
+		} catch (err) {
+			if (id !== request.current) return;
+			const message = err instanceof Error ? err.message : String(err);
+			setState((previous) => ({
+				runId,
+				steps: previous?.runId === runId ? previous.steps : /* @__PURE__ */ new Map(),
+				dataPruned: previous?.runId === runId ? previous.dataPruned : false,
+				read: true,
+				error: message
+			}));
+		}
+	}, [runId, enabled]);
+	useEffect(() => {
+		read();
+	}, [read]);
+	useEffect(() => {
+		const client = getFluidGridsClientSafe();
+		if (!runId || !enabled || !live || !client) return void 0;
+		return followAgentSteps(client, runId, {
+			reread: () => void read(),
+			onStreaming: setStreaming,
+			onSteps: (steps) => setState((previous) => ({
+				runId,
+				steps: mergeAgentSteps(previous?.runId === runId ? previous.steps : /* @__PURE__ */ new Map(), steps),
+				dataPruned: previous?.runId === runId ? previous.dataPruned : false,
+				read: previous?.runId === runId ? previous.read : false,
+				error: previous?.runId === runId ? previous.error : null
+			}))
+		});
+	}, [
+		runId,
+		enabled,
+		live,
+		read
+	]);
+	const wasLive = useRef(false);
+	useEffect(() => {
+		if (live) {
+			wasLive.current = true;
+			return;
+		}
+		if (!wasLive.current) return;
+		wasLive.current = false;
+		read();
+	}, [live, read]);
+	const current = enabled && state?.runId === runId ? state : null;
+	return {
+		nodes: useMemo(() => current ? groupAgentSteps(current.steps.values()) : [], [current]),
+		dataPruned: current?.dataPruned ?? false,
+		loading: enabled && !!runId && !current?.read,
+		error: current?.error ?? null,
+		streaming: enabled && live && streaming,
+		refetch: read
+	};
+}
+
 // src/modules/task-queues/api.ts
 /**
 * Task queues and self-hosted workers (BOFF-9906, spec code-first 04 §8 and
@@ -9096,6 +9658,10 @@ function ExecutionDetailPage() {
 		enabled: hasAgent && activeTab === "agent",
 		live: autoRefreshEnabled && isActive
 	});
+	const agentStepTrace = useAgentTrace(runId, {
+		enabled: hasAgent && activeTab === "agent",
+		live: isActive
+	});
 	const agentTraces = useMemo(() => agentNodeTraces(orderNodesByExecution(execution?.nodeStates ?? [], execution?.triggerNodeId ?? void 0)), [execution?.nodeStates, execution?.triggerNodeId]);
 	const activityControls = isDurableRun && phaseC.runControlDurable;
 	const runPending = useRunPending(runId, {
@@ -9776,7 +10342,10 @@ function ExecutionDetailPage() {
 							usageLoading: runAiUsage.loading,
 							usageError: runAiUsage.error,
 							onRefreshUsage: () => void runAiUsage.refetch(),
-							focusNodeId: agentFocusNodeId
+							focusNodeId: agentFocusNodeId,
+							stepTraces: agentStepTrace.nodes,
+							stepTraceDataPruned: agentStepTrace.dataPruned,
+							stepTraceError: agentStepTrace.error
 						})]
 					}),
 					activeTab === "history" && isDurableRun && /* @__PURE__ */ jsxs("div", {