@deepseek-ai/dsh-client-ui-chat 0.1.3-alpha.2 → 0.1.5-alpha.1

package/lib/client.js

@@ -9,6 +9,40 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		let react_dom = require("react-dom");
+		//#region ../../util/workspace-path/src/file-address.ts
+		/** The scheme and type every file address opens with. */
+		const FILE_ADDRESS_PREFIX = "dsh-resource://file/";
+		/** Component-encode one id or path segment, keeping `:` literal for drive letters. */
+		function encodeSegment(segment) {
+			return encodeURIComponent(segment).replace(/%3A/gi, ":");
+		}
+		/** Encode a `/`-separated path segment by segment. */
+		function encodePath(path) {
+			return path.split("/").map(encodeSegment).join("/");
+		}
+		/**
+		* Build the address of a file inside one Session's workspace.
+		* @param sessionId - the Session whose workspace root the path is relative to.
+		* @param path - workspace-relative path; backslashes are normalized to `/`, and a leading `./` or `/` is dropped.
+		* @returns the `dsh-resource://file/session/<sessionId>/<path>` address.
+		*/
+		function sessionFileAddress(sessionId, path) {
+			const relative = path.replace(/\\/g, "/").replace(/^(?:\.\/)+/, "").replace(/^\/+/, "");
+			return `${FILE_ADDRESS_PREFIX}session/${encodeSegment(sessionId)}/${encodePath(relative)}`;
+		}
+		/**
+		* Build the address of a file by its absolute path.
+		* @param path - absolute path; backslashes are normalized to `/` and the leading `/` is dropped,
+		*   except that a UNC path (`\\server\share`) keeps one empty first segment.
+		* @returns the `dsh-resource://file/absolute/<path>` address.
+		*/
+		function absoluteFileAddress(path) {
+			const normalized = path.replace(/\\/g, "/");
+			const unc = normalized.startsWith("//");
+			const absolute = normalized.replace(/^\/+/, "");
+			return `${FILE_ADDRESS_PREFIX}absolute/${unc ? "/" : ""}${encodePath(absolute)}`;
+		}
+		//#endregion
 		//#region ../../util/workspace-path/src/index.ts
 		/**
 		* Browser-safe Workspace path and display helpers.
@@ -19,16 +53,30 @@ window.__ModuleLoader__.load({
 			return /^[A-Za-z]:[/\\]/.test(value) || value.startsWith("\\\\");
 		}
 		/**
-		* Resolve a Workspace-relative path into the Host-facing spelling used by path operations.
-		* @param cwd - Session Workspace root, when known.
-		* @param path - Absolute or Workspace-relative path.
-		* @returns an absolute path when a Workspace root is available, otherwise the original path.
+		* Whether a path is absolute in either spelling the Host accepts: POSIX (`/a/b`) or Windows drive or UNC.
+		* @param path - the path to classify.
+		* @returns `true` for an absolute path; `false` for a Workspace-relative one.
+		*/
+		function isAbsoluteWorkspacePath(path) {
+			return path.startsWith("/") || isWindowsStylePath(path);
+		}
+		/**
+		* The address for a path as a caller holds it: a relative path, or an absolute
+		* path inside the Session's workspace, becomes a `session`-scoped address; an
+		* absolute path outside it, or one whose workspace root is unknown, becomes an
+		* `absolute`-scoped address.
+		* @param sessionId - the Session the path is read in.
+		* @param cwd - that Session's workspace root, when known.
+		* @param path - absolute or workspace-relative path, in either separator spelling.
+		* @returns the `dsh-resource://file/…` address.
 		*/
-		function resolveWorkspacePath(cwd, path) {
-			if (path.startsWith("/") || isWindowsStylePath(path)) return path;
-			if (cwd === void 0 || cwd === "") return path;
-			const separator = isWindowsStylePath(cwd) && cwd.includes("\\") ? "\\" : "/";
-			return `${cwd.replace(/[/\\]+$/, "")}${separator}${path.replace(/^[/\\]+/, "")}`;
+		function fileAddressFor(sessionId, cwd, path) {
+			const normalized = path.replace(/\\/g, "/");
+			if (!isAbsoluteWorkspacePath(normalized)) return sessionFileAddress(sessionId, normalized);
+			const root = cwd === void 0 ? "" : cwd.replace(/\\/g, "/").replace(/\/+$/, "");
+			if (root !== "" && normalized === root) return sessionFileAddress(sessionId, "");
+			if (root !== "" && normalized.startsWith(`${root}/`)) return sessionFileAddress(sessionId, normalized.slice(root.length + 1));
+			return absoluteFileAddress(normalized);
 		}
 		//#endregion
 		//#region lib/types/client/contract/snapshot.js
@@ -1407,7 +1455,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/stores.js
-		/** Per-Session Chat selection store shared by the transcript and details panel. */
+		/** Per-Session Chat view store. */
 		/**
 		* Resolve the manually expanded answer for one Turn.
 		* @param state - Chat store snapshot.
@@ -1418,33 +1466,25 @@ window.__ModuleLoader__.load({
 			return state.turnProcesses.find((entry) => entry.turn === turn);
 		}
 		/**
-		* Create the Chat selection store handle.
+		* Create the Chat view store handle.
 		* @returns a handle instantiated once per rendered Session scope.
 		*/
 		function createChatStore() {
 			return (0, _deepseek_ai_dsh_client_store.defineStore)({
-				init: () => ({
-					selection: null,
-					turnProcesses: []
-				}),
-				actions: {
-					select: (draft, target) => {
-						draft.selection = target;
-					},
-					setTurnProcessOpen: (draft, turn, answerStep, open) => {
-						const index = draft.turnProcesses.findIndex((entry) => entry.turn === turn);
-						if (!open) {
-							if (index >= 0) draft.turnProcesses.splice(index, 1);
-							return;
-						}
-						const next = {
-							turn,
-							answerStep
-						};
-						if (index < 0) draft.turnProcesses.push(next);
-						else draft.turnProcesses[index] = next;
+				init: () => ({ turnProcesses: [] }),
+				actions: { setTurnProcessOpen: (draft, turn, answerStep, open) => {
+					const index = draft.turnProcesses.findIndex((entry) => entry.turn === turn);
+					if (!open) {
+						if (index >= 0) draft.turnProcesses.splice(index, 1);
+						return;
 					}
-				}
+					const next = {
+						turn,
+						answerStep
+					};
+					if (index < 0) draft.turnProcesses.push(next);
+					else draft.turnProcesses[index] = next;
+				} }
 			});
 		}
 		//#endregion
@@ -1515,7 +1555,7 @@ window.__ModuleLoader__.load({
 			return location?.kind === "turn" || location?.kind === "step" ? location.turn.turn : void 0;
 		}
 		/** Subscribe, apply Turn-process visibility, and dispatch one stable Context key. */
-		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, useChatNode, useChatNodeProcess, historyIncomplete, compactTranscript, selectedCallId, cwd, openFile, inspectCall, forkAt, loadImage, renderMessageImages, fileMentions, useStore, actions, renderSlot, t }) {
+		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, useChatNode, useChatNodeProcess, historyIncomplete, compactTranscript, cwd, openFile, inspectCall, forkAt, loadImage, renderMessageImages, fileMentions, useStore, actions, renderSlot, t }) {
 			const node = useChatNode(nodeKey);
 			const routedNode = node;
 			const turn = turnOf(routedNode);
@@ -1549,7 +1589,6 @@ window.__ModuleLoader__.load({
 				if (processMember) setOpen(true);
 			}, [processMember, setOpen]));
 			const owner = (0, react.useMemo)(() => node === void 0 ? null : {
-				selectedCallId,
 				cwd,
 				openFile,
 				inspectCall,
@@ -1560,7 +1599,6 @@ window.__ModuleLoader__.load({
 				turnProcess
 			}, [
 				node,
-				selectedCallId,
 				cwd,
 				openFile,
 				inspectCall,
@@ -1985,10 +2023,6 @@ window.__ModuleLoader__.load({
 			const message = error instanceof Error ? error.message : String(error);
 			return message === "" ? fallback : message;
 		}
-		/** ProducedFiles opens the session workspace as `.`. */
-		function isFolderOpenPath(path) {
-			return path === ".";
-		}
 		/**
 		* Prompt-RPC identities already rendered by durable material: user/steering
 		* node sources plus queue occurrences. A submission echo whose identity
@@ -2063,7 +2097,6 @@ window.__ModuleLoader__.load({
 			const openError = useSession((s) => s.openError);
 			const hasMore = useSession((s) => s.hasMore);
 			const loadingOlder = useSession((s) => s.loadingOlder);
-			const selectedCallId = useStore((s) => s.selection?.callId);
 			const compactTranscript = useTranscriptView((mode) => mode === "compact");
 			const inspectCall = (0, react.useCallback)((callId) => {
 				openView("trajectory", callId);
@@ -2071,10 +2104,10 @@ window.__ModuleLoader__.load({
 			const [fileOpenError, setFileOpenError] = (0, react.useState)(null);
 			const [fileOpenBusy, setFileOpenBusy] = (0, react.useState)(false);
 			const fileOpenRequest = (0, react.useRef)(0);
-			const requestOpenFile = (0, react.useCallback)((path) => {
+			const requestOpenFile = (0, react.useCallback)((path, options) => {
 				const id = ++fileOpenRequest.current;
 				setFileOpenBusy(true);
-				openFile(path).then(() => {
+				(options === void 0 ? openFile(path) : openFile(path, options)).then(() => {
 					if (id !== fileOpenRequest.current) return;
 					setFileOpenError(null);
 					setFileOpenBusy(false);
@@ -2082,7 +2115,7 @@ window.__ModuleLoader__.load({
 					if (id !== fileOpenRequest.current) return;
 					setFileOpenError({
 						path,
-						message: openFailureMessage(error, t(isFolderOpenPath(path) ? "fileOpen.folderUnknown" : "fileOpen.unknown"))
+						message: openFailureMessage(error, t("fileOpen.unknown"))
 					});
 					setFileOpenBusy(false);
 				});
@@ -2521,7 +2554,6 @@ window.__ModuleLoader__.load({
 									compactTranscript,
 									useStore,
 									actions,
-									selectedCallId,
 									cwd,
 									openFile: requestOpenFile,
 									inspectCall,
@@ -2564,7 +2596,6 @@ window.__ModuleLoader__.load({
 						})
 					]
 				}), fileOpenError !== null && (0, react_jsx_runtime.jsx)(FileOpenErrorDialog, {
-					path: fileOpenError.path,
 					message: fileOpenError.message,
 					busy: fileOpenBusy,
 					onClose: closeFileOpenError,
@@ -2576,12 +2607,12 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** In-page Host open-path refusal: the wire reason plus a retry of the same path. */
-		function FileOpenErrorDialog({ path, message, busy, onClose, onRetry, t }) {
+		function FileOpenErrorDialog({ message, busy, onClose, onRetry, t }) {
 			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 				open: true,
 				onClose,
 				closeLabel: t("close"),
-				title: t(isFolderOpenPath(path) ? "fileOpen.folderTitle" : "fileOpen.title"),
+				title: t("fileOpen.title"),
 				description: message,
 				footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 					variant: "outline",
@@ -2609,20 +2640,14 @@ window.__ModuleLoader__.load({
 			"duration.compactSeconds": "{seconds}秒",
 			"duration.compactMinutes": "{minutes}分{seconds}秒",
 			"duration.milliseconds": "{milliseconds}毫秒",
-			"stats.counts": "{turns} 轮 · {steps} 步",
-			"stats.llm": "LLM {duration}",
-			"stats.toolCall": "工具调用 {duration}",
-			"stats.ttftAverage": "首 token 平均 {duration}",
-			"stats.tokensPerSecond": "{throughput} tok/s",
+			"stats.counts": "{turns} 轮 {steps} 步",
 			"stats.cacheHit": "缓存命中 {percent}%",
-			"stats.tokens": "输入 {input} tok · 输出 {output} tok",
-			"details.title": "详情",
-			"details.close": "关闭详情",
-			"details.empty": "点击消息流中的工具行查看详情",
-			"details.notInWindow": "该调用不在当前窗口内",
-			"details.input": "输入",
-			"details.output": "输出",
-			"details.running": "运行中…",
+			"stats.dialog.title": "会话统计",
+			"stats.dialog.usageTitle": "Token 用量",
+			"stats.dialog.llmTime": "模型用时",
+			"stats.dialog.toolTime": "工具调用用时",
+			"stats.dialog.ttft": "首 token 平均（TTFT）",
+			"stats.dialog.speed": "输出速度（TPS）",
 			"chat.loadingHistory": "载入历史…",
 			"chat.loadError": "历史加载失败：{message}（{code}）",
 			"chat.loadOlder": "加载更早",
@@ -2638,10 +2663,9 @@ window.__ModuleLoader__.load({
 			"settings.transcript.compact": "Compact",
 			"fileOpen.title": "无法打开文件",
 			"fileOpen.unknown": "无法打开此文件",
-			"fileOpen.folderTitle": "无法打开文件夹",
-			"fileOpen.folderUnknown": "无法打开此文件夹",
 			"message.extraBlock": "附加内容块",
 			"message.systemPrompt": "系统提示词",
+			"message.systemPromptUpdate": "系统提示词更新",
 			"message.contextInjection": "上下文注入",
 			"message.contextRecall": "跨会话召回",
 			"message.referenceSummary": "引用会话 · {labels}",
@@ -2722,20 +2746,14 @@ window.__ModuleLoader__.load({
 			"duration.compactSeconds": "{seconds}s",
 			"duration.compactMinutes": "{minutes}m{seconds}s",
 			"duration.milliseconds": "{milliseconds}ms",
-			"stats.counts": "{turns} turns · {steps} steps",
-			"stats.llm": "LLM {duration}",
-			"stats.toolCall": "Tool call {duration}",
-			"stats.ttftAverage": "TTFT avg {duration}",
-			"stats.tokensPerSecond": "{throughput} tok/s",
+			"stats.counts": "{turns} turns {steps} steps",
 			"stats.cacheHit": "Cache hit {percent}%",
-			"stats.tokens": "Input {input} tok · Output {output} tok",
-			"details.title": "Details",
-			"details.close": "Close details",
-			"details.empty": "Click a tool row in the message flow to view its details",
-			"details.notInWindow": "This call is outside the current window",
-			"details.input": "Input",
-			"details.output": "Output",
-			"details.running": "Running…",
+			"stats.dialog.title": "Session statistics",
+			"stats.dialog.usageTitle": "Token usage",
+			"stats.dialog.llmTime": "LLM time",
+			"stats.dialog.toolTime": "Tool time",
+			"stats.dialog.ttft": "Avg time to first token (TTFT)",
+			"stats.dialog.speed": "Tokens per second (TPS)",
 			"chat.loadingHistory": "Loading history…",
 			"chat.loadError": "Failed to load history: {message} ({code})",
 			"chat.loadOlder": "Load earlier",
@@ -2751,10 +2769,9 @@ window.__ModuleLoader__.load({
 			"settings.transcript.compact": "Compact",
 			"fileOpen.title": "Couldn’t open file",
 			"fileOpen.unknown": "Couldn’t open this file",
-			"fileOpen.folderTitle": "Couldn’t open folder",
-			"fileOpen.folderUnknown": "Couldn’t open this folder",
 			"message.extraBlock": "Extra content block",
 			"message.systemPrompt": "System prompt",
+			"message.systemPromptUpdate": "System prompt update",
 			"message.contextInjection": "Context injection",
 			"message.contextRecall": "Session recall",
 			"message.referenceSummary": "Referenced session · {labels}",
@@ -2876,7 +2893,9 @@ window.__ModuleLoader__.load({
 			return newline === -1 ? visible : visible.slice(newline + 1);
 		}
 		/**
-		* Render one assistant reasoning block as the Think disclosure row.
+		* Render one assistant reasoning block as the Think disclosure row. The
+		* collapsed summary omits double-asterisk markers; expanded content preserves
+		* the complete text.
 		* @param props.text - complete or streaming reasoning text.
 		* @param props.running - whether this block is the streaming tail.
 		* @param props.t - conversation locale seat for the running status.
@@ -2884,7 +2903,7 @@ window.__ModuleLoader__.load({
 		*/
 		function ReasoningRow({ text, running, t }) {
 			const [expanded, setExpanded] = (0, react.useState)(false);
-			const summary = running ? latestLine(text) : firstLine(text);
+			const summary = (running ? latestLine(text) : firstLine(text)).replaceAll("**", "");
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: ReasoningRow_module_css_default.root,
 				"data-variant": "think",
@@ -2943,9 +2962,28 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region lib/types/client/chat/AssistantMarkdown.js
+		/**
+		* Map one authored media destination to the same-origin workspace-file URL.
+		* @param protocol - `window.location.protocol` at render time.
+		* @param origin - `window.location.origin` at render time.
+		* @param value - The authored markdown destination, exactly as written.
+		* @returns The API URL for an absolute POSIX path on an HTTP(S) page, or
+		* undefined when the destination cannot be a Host-served local file
+		* (non-HTTP transport such as Electron `file://`, protocol-relative or
+		* relative destinations).
+		*/
+		function localPathMediaUrl(protocol, origin, value) {
+			if (protocol !== "http:" && protocol !== "https:") return void 0;
+			if (value.length === 0 || !value.startsWith("/") || value.startsWith("//")) return void 0;
+			return `${origin}/api/file?path=${encodeURIComponent(value)}`;
+		}
 		/** Reasoning block as the Think variant summary row (figma 39:28304). */
 		const AssistantMarkdown = (0, react.memo)(function AssistantMarkdown({ blocks, streaming, interrupted, renderMessageImages, reasoningHidden = false, revealProcess, mentions, t }) {
 			const labels = (0, react.useMemo)(() => markdownLabels(t), [t]);
+			const pathImages = (0, react.useMemo)(() => {
+				const { protocol, origin } = window.location;
+				return { resolve: (value) => localPathMediaUrl(protocol, origin, value) };
+			}, []);
 			const last = blocks.length - 1;
 			if (!(streaming || interrupted === true || blocks.some((block) => block.kind !== "tool-call"))) return null;
 			const rendered = [];
@@ -2958,7 +2996,8 @@ window.__ModuleLoader__.load({
 							text: block.text,
 							streaming,
 							labels,
-							fileMentions: mentions
+							fileMentions: mentions,
+							pathImages
 						}, i));
 						break;
 					case "reasoning":
@@ -3190,17 +3229,18 @@ window.__ModuleLoader__.load({
 		/**
 		* Render one complete system prompt as a collapsed disclosure whose expanded
 		* body is the same opaque context chrome: 141px code-block scrollport and
-		* model-facing text with its real line breaks.
-		* @param props - Complete prompt text and the locale seat.
+		* model-facing text with its real line breaks. An in-history update uses the
+		* same row under its own title.
+		* @param props - Complete prompt text, whether it is an update, and the locale seat.
 		* @returns The system-prompt disclosure row.
 		*/
-		function SystemPromptRow({ text, t }) {
+		function SystemPromptRow({ text, update = false, t }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
 				className: ContextInjectionRow_module_css_default.root,
 				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBrowseOutline16, { size: 14 }),
 				chevronClassName: ContextInjectionRow_module_css_default.chevron,
-				title: t("message.systemPrompt"),
+				title: t(update ? "message.systemPromptUpdate" : "message.systemPrompt"),
 				open,
 				expandable: true,
 				expandOnRowClick: true,
@@ -3225,6 +3265,7 @@ window.__ModuleLoader__.load({
 		const SystemPromptNodeView = (0, react.memo)(function SystemPromptNodeView({ node, t }) {
 			return (0, react_jsx_runtime.jsx)(SystemPromptRow, {
 				text: node.data.text,
+				update: node.data.update === true,
 				t
 			});
 		});
@@ -3357,37 +3398,7 @@ window.__ModuleLoader__.load({
 			return `99.${"9".repeat(distinguishingPlaces - 1)}${10 - roundedLoss}`;
 		}
 		//#endregion
-		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/TurnUsagePanel.module.css.mjs
-		const css$4 = ".Q51KRG_root{min-width:0;display:inline-flex}.Q51KRG_root+.Q51KRG_root{margin-left:-6px}.Q51KRG_trigger{min-width:0;height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(24px + var(--dsh-content-font-delta,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:28px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.Q51KRG_label{text-overflow:ellipsis;min-width:0;overflow:hidden}.Q51KRG_trigger svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px));flex:none}.Q51KRG_trigger:hover,.Q51KRG_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}@media (width<=480px){.Q51KRG_trigger{width:calc(28px + var(--dsh-content-font-delta,0px));justify-content:center;padding:6px}.Q51KRG_trigger .Q51KRG_label{display:none}.Q51KRG_root+.Q51KRG_root{margin-left:0}}.Q51KRG_panel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:16px;font-size:12px;line-height:18px;position:fixed}.Q51KRG_title{color:var(--dsw-alias-label-primary);justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500;display:flex}.Q51KRG_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}.Q51KRG_titleValue{font-variant-numeric:tabular-nums}.Q51KRG_titleLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.Q51KRG_titleLabel svg{flex:none;width:14px;height:14px}.Q51KRG_details{color:var(--dsw-alias-label-tertiary);grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.Q51KRG_details dt,.Q51KRG_details dd{min-width:0;margin:0}.Q51KRG_details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}.Q51KRG_details .Q51KRG_route{overflow-wrap:anywhere}.Q51KRG_reasoning{color:var(--dsw-alias-label-tertiary);white-space:nowrap}";
-		const tagId$4 = "@deepseek-ai/dsh-client-ui-chat/TurnUsagePanel.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
-			tag.dataset.pluginCss = tagId$4;
-			tag.textContent = css$4;
-			document.head.appendChild(tag);
-		}
-		var TurnUsagePanel_module_css_default = {
-			"details": "Q51KRG_details",
-			"label": "Q51KRG_label",
-			"panel": "Q51KRG_panel",
-			"reasoning": "Q51KRG_reasoning",
-			"root": "Q51KRG_root",
-			"route": "Q51KRG_route",
-			"title": "Q51KRG_title",
-			"titleLabel": "Q51KRG_titleLabel",
-			"titleRule": "Q51KRG_titleRule",
-			"titleValue": "Q51KRG_titleValue",
-			"trigger": "Q51KRG_trigger"
-		};
-		//#endregion
-		//#region lib/types/client/chat/TurnUsagePanel.js
-		function formatCompactCount(value, t) {
-			return t("message.turnUsage.count", { count: formatTokens(value, t) });
-		}
-		function formatExactCount(value, t) {
-			return t("message.turnUsage.count", { count: formatExactTokens(value, t) });
-		}
+		//#region lib/types/client/chat/stat-dialog.js
 		/** Viewport margin the placement clamp keeps (the Menu portal margin). */
 		const PANEL_MARGIN = 12;
 		/** Distance between the trigger's top edge and the panel's bottom. */
@@ -3401,9 +3412,16 @@ window.__ModuleLoader__.load({
 			left: 0,
 			top: 0
 		};
-		/** One trigger-anchored dialog seat: open state, viewport-clamped placement, outside-close. */
-		function useStatDialog() {
-			const [open, setOpen] = (0, react.useState)(false);
+		/**
+		* One trigger-anchored dialog seat: open state, viewport-clamped placement, outside-close.
+		* @param controlled - external open state; when given the seat reads and writes
+		* it instead of owning its own, letting sibling dialogs share one exclusive slot.
+		* @returns the seat; spread `pos ?? MEASURE_STYLE` onto the portaled panel.
+		*/
+		function useStatDialog(controlled) {
+			const [ownOpen, setOwnOpen] = (0, react.useState)(false);
+			const open = controlled?.open ?? ownOpen;
+			const setOpen = controlled?.setOpen ?? setOwnOpen;
 			const rootRef = (0, react.useRef)(null);
 			const panelRef = (0, react.useRef)(null);
 			const pos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
@@ -3424,7 +3442,7 @@ window.__ModuleLoader__.load({
 				return () => {
 					document.removeEventListener("keydown", onKeyDown);
 				};
-			}, [open]);
+			}, [open, setOpen]);
 			return {
 				open,
 				setOpen,
@@ -3433,6 +3451,51 @@ window.__ModuleLoader__.load({
 				pos
 			};
 		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/TurnUsagePanel.module.css.mjs
+		const css$4 = ".Q51KRG_root{min-width:0;display:inline-flex}.Q51KRG_root+.Q51KRG_root{margin-left:-6px}.Q51KRG_trigger{min-width:0;height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(24px + var(--dsh-content-font-delta,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:28px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.Q51KRG_label{text-overflow:ellipsis;min-width:0;overflow:hidden}.Q51KRG_trigger svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px));flex:none}.Q51KRG_trigger:hover,.Q51KRG_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}@media (width<=480px){.Q51KRG_trigger{width:calc(28px + var(--dsh-content-font-delta,0px));justify-content:center;padding:6px}.Q51KRG_trigger .Q51KRG_label{display:none}.Q51KRG_root+.Q51KRG_root{margin-left:0}}";
+		const tagId$4 = "@deepseek-ai/dsh-client-ui-chat/TurnUsagePanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var TurnUsagePanel_module_css_default = {
+			"label": "Q51KRG_label",
+			"root": "Q51KRG_root",
+			"trigger": "Q51KRG_trigger"
+		};
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/stat-dialog.module.css.mjs
+		const css$3 = ".bRhRbq_panel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:16px;font-size:12px;line-height:18px;position:fixed}.bRhRbq_title{color:var(--dsw-alias-label-primary);justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500;display:flex}.bRhRbq_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}.bRhRbq_titleValue{font-variant-numeric:tabular-nums}.bRhRbq_titleLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.bRhRbq_titleLabel svg{flex:none;width:14px;height:14px}.bRhRbq_details{color:var(--dsw-alias-label-tertiary);grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.bRhRbq_details dt,.bRhRbq_details dd{min-width:0;margin:0}.bRhRbq_details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}.bRhRbq_details .bRhRbq_route{overflow-wrap:anywhere}.bRhRbq_reasoning{color:var(--dsw-alias-label-tertiary);white-space:nowrap}";
+		const tagId$3 = "@deepseek-ai/dsh-client-ui-chat/stat-dialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var stat_dialog_module_css_default = {
+			"details": "bRhRbq_details",
+			"panel": "bRhRbq_panel",
+			"reasoning": "bRhRbq_reasoning",
+			"route": "bRhRbq_route",
+			"title": "bRhRbq_title",
+			"titleLabel": "bRhRbq_titleLabel",
+			"titleRule": "bRhRbq_titleRule",
+			"titleValue": "bRhRbq_titleValue"
+		};
+		//#endregion
+		//#region lib/types/client/chat/TurnUsagePanel.js
+		function formatCompactCount(value, t) {
+			return t("message.turnUsage.count", { count: formatTokens(value, t) });
+		}
+		function formatExactCount(value, t) {
+			return t("message.turnUsage.count", { count: formatExactTokens(value, t) });
+		}
 		/**
 		* Turn-usage IconActions pill with a click-open Turn-usage details dialog.
 		* @param props - Turn usage buckets and locale seat.
@@ -3460,31 +3523,31 @@ window.__ModuleLoader__.load({
 					})]
 				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
 					ref: panelRef,
-					className: TurnUsagePanel_module_css_default.panel,
+					className: stat_dialog_module_css_default.panel,
 					role: "dialog",
 					"aria-label": t("message.turnUsage.title"),
 					style: pos ?? MEASURE_STYLE,
 					children: [
 						(0, react_jsx_runtime.jsxs)("div", {
-							className: TurnUsagePanel_module_css_default.title,
+							className: stat_dialog_module_css_default.title,
 							children: [(0, react_jsx_runtime.jsxs)("span", {
-								className: TurnUsagePanel_module_css_default.titleLabel,
+								className: stat_dialog_module_css_default.titleLabel,
 								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutline16, {}), t("message.turnUsage.title")]
 							}), (0, react_jsx_runtime.jsx)("span", {
-								className: TurnUsagePanel_module_css_default.titleValue,
+								className: stat_dialog_module_css_default.titleValue,
 								children: formatExactCount(usage.totalTokens, t)
 							})]
 						}),
 						(0, react_jsx_runtime.jsx)("div", {
-							className: TurnUsagePanel_module_css_default.titleRule,
+							className: stat_dialog_module_css_default.titleRule,
 							"aria-hidden": true
 						}),
 						(0, react_jsx_runtime.jsxs)("dl", {
-							className: TurnUsagePanel_module_css_default.details,
+							className: stat_dialog_module_css_default.details,
 							"data-turn-usage-details": true,
 							children: [
 								routes !== "" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.model") }), (0, react_jsx_runtime.jsx)("dd", {
-									className: TurnUsagePanel_module_css_default.route,
+									className: stat_dialog_module_css_default.route,
 									children: routes
 								})] }),
 								cacheHit !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheHit") }), (0, react_jsx_runtime.jsx)("dd", { children: `${cacheHit}%` })] }),
@@ -3494,7 +3557,7 @@ window.__ModuleLoader__.load({
 								usage.cacheWriteTokens !== void 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheWrite") }), (0, react_jsx_runtime.jsx)("dd", { children: formatExactCount(usage.cacheWriteTokens, t) })] }),
 								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.output") }),
 								(0, react_jsx_runtime.jsxs)("dd", { children: [formatExactCount(usage.outputTokens, t), usage.reasoningTokens !== void 0 && (0, react_jsx_runtime.jsx)("span", {
-									className: TurnUsagePanel_module_css_default.reasoning,
+									className: stat_dialog_module_css_default.reasoning,
 									children: t("message.turnUsage.reasoning", { tokens: formatExactCount(usage.reasoningTokens, t) })
 								})] })
 							]
@@ -3527,24 +3590,24 @@ window.__ModuleLoader__.load({
 					})]
 				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
 					ref: panelRef,
-					className: TurnUsagePanel_module_css_default.panel,
+					className: stat_dialog_module_css_default.panel,
 					role: "dialog",
 					"aria-label": t("message.turnTime.title"),
 					style: pos ?? MEASURE_STYLE,
 					children: [
 						(0, react_jsx_runtime.jsx)("div", {
-							className: TurnUsagePanel_module_css_default.title,
+							className: stat_dialog_module_css_default.title,
 							children: (0, react_jsx_runtime.jsxs)("span", {
-								className: TurnUsagePanel_module_css_default.titleLabel,
+								className: stat_dialog_module_css_default.titleLabel,
 								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconClockOutline16, {}), t("message.turnTime.title")]
 							})
 						}),
 						(0, react_jsx_runtime.jsx)("div", {
-							className: TurnUsagePanel_module_css_default.titleRule,
+							className: stat_dialog_module_css_default.titleRule,
 							"aria-hidden": true
 						}),
 						(0, react_jsx_runtime.jsxs)("dl", {
-							className: TurnUsagePanel_module_css_default.details,
+							className: stat_dialog_module_css_default.details,
 							"data-turn-time-details": true,
 							children: [
 								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnTime.duration") }),
@@ -3569,13 +3632,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/TurnTailNodeView.module.css.mjs
-		const css$3 = ".TS9iAW_root{flex-direction:column;gap:16px;display:flex}.TS9iAW_actions{margin-left:-6px}";
-		const tagId$3 = "@deepseek-ai/dsh-client-ui-chat/TurnTailNodeView.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+		const css$2 = ".TS9iAW_root{flex-direction:column;gap:16px;display:flex}.TS9iAW_actions{margin-left:-6px}";
+		const tagId$2 = "@deepseek-ai/dsh-client-ui-chat/TurnTailNodeView.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var TurnTailNodeView_module_css_default = {
@@ -3789,22 +3852,25 @@ window.__ModuleLoader__.load({
 			return metrics;
 		}
 		//#endregion
-		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/StatsLine.module.css.mjs
-		const css$2 = ".-NDN2W_root{text-align:center;max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;padding:4px calc(var(--dsh-composer-side-clearance) + 16px) 0px;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0 auto;display:block;overflow:hidden}.-NDN2W_sep{color:var(--dsw-alias-separator-primary);margin:0 10px}";
-		const tagId$2 = "@deepseek-ai/dsh-client-ui-chat/StatsLine.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/StatsPills.module.css.mjs
+		const css$1 = ".bOPqQW_root{max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;padding:4px calc(var(--dsh-composer-side-clearance) + 16px) 0px;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));justify-content:center;gap:12px;margin:0 auto;display:flex}.bOPqQW_anchor{min-width:0;display:inline-flex}.bOPqQW_pill{box-sizing:border-box;max-width:100%;color:var(--dsw-alias-label-tertiary);font:inherit;font-variant-numeric:tabular-nums;line-height:inherit;white-space:nowrap;background:0 0;border:none;border-radius:24px;align-items:center;gap:6px;padding:1px 8px;display:inline-flex}.bOPqQW_pill svg{flex:none;width:14px;height:14px}button.bOPqQW_pill{cursor:pointer}button.bOPqQW_pill:hover,button.bOPqQW_pill[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.bOPqQW_label{text-overflow:ellipsis;min-width:0;overflow:hidden}.bOPqQW_sep{color:var(--dsw-alias-separator-primary);margin:0 6px}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-chat/StatsPills.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
 			document.head.appendChild(tag);
 		}
-		var StatsLine_module_css_default = {
-			"root": "-NDN2W_root",
-			"sep": "-NDN2W_sep"
+		var StatsPills_module_css_default = {
+			"anchor": "bOPqQW_anchor",
+			"label": "bOPqQW_label",
+			"pill": "bOPqQW_pill",
+			"root": "bOPqQW_root",
+			"sep": "bOPqQW_sep"
 		};
 		//#endregion
-		//#region lib/types/client/chat/StatsLine.js
+		//#region lib/types/client/chat/StatsPills.js
 		/**
 		* Fold assistant and tool-result nodes into window-scoped display totals —
 		* the FALLBACK for assemblies without the `sessionStats` projection.
@@ -3889,75 +3955,172 @@ window.__ModuleLoader__.load({
 		function billedInputTokens(usage) {
 			return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
 		}
-		/** Render and measure one non-empty statistics line. */
-		const StatsLineContent = (0, react.memo)(function StatsLineContent({ groups, line }) {
-			const rootRef = (0, react.useRef)(null);
-			const [truncated, setTruncated] = (0, react.useState)(false);
-			const measure = (0, react.useCallback)(() => {
-				const el = rootRef.current;
-				if (el === null) return;
-				const next = el.scrollWidth > el.clientWidth;
-				setTruncated((current) => current === next ? current : next);
-			}, []);
-			(0, react.useLayoutEffect)(() => {
-				const el = rootRef.current;
-				if (el === null || typeof ResizeObserver === "undefined") return;
-				const observer = new ResizeObserver(measure);
-				observer.observe(el);
-				return () => {
-					observer.disconnect();
-				};
-			}, [measure]);
-			(0, react.useLayoutEffect)(measure, [line, measure]);
-			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-				label: line,
-				side: "top",
-				delayMs: 500,
-				disabled: !truncated,
-				children: (0, react_jsx_runtime.jsx)("div", {
-					ref: rootRef,
-					className: StatsLine_module_css_default.root,
-					children: groups.map((group, i) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
-						className: StatsLine_module_css_default.sep,
-						"aria-hidden": true,
-						children: "|"
-					}), " "] }), (0, react_jsx_runtime.jsx)("span", { children: group })] }, group))
+		function exactCount(value, t) {
+			return t("message.turnUsage.count", { count: formatExactTokens(value, t) });
+		}
+		function TimePill({ stats, t, dialog }) {
+			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
+			const counts = t("stats.counts", {
+				turns: stats.turns,
+				steps: stats.steps
+			});
+			const tps = stats.decodeMs > 0 ? t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) : null;
+			const label = (0, react_jsx_runtime.jsxs)("span", {
+				className: StatsPills_module_css_default.label,
+				children: [counts, tps !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+					className: StatsPills_module_css_default.sep,
+					"aria-hidden": true,
+					children: "·"
+				}), tps] })]
+			});
+			if (stats.llmMs <= 0 && stats.toolMs <= 0 && stats.ttftSteps <= 0 && stats.decodeMs <= 0) return (0, react_jsx_runtime.jsx)("span", {
+				className: StatsPills_module_css_default.anchor,
+				children: (0, react_jsx_runtime.jsxs)("span", {
+					className: StatsPills_module_css_default.pill,
+					children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), label]
 				})
 			});
-		});
-		const StatsLine = (0, react.memo)(function StatsLine({ useChat, useProjection, t }) {
+			return (0, react_jsx_runtime.jsxs)("span", {
+				ref: rootRef,
+				className: StatsPills_module_css_default.anchor,
+				children: [(0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: StatsPills_module_css_default.pill,
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					"aria-label": tps === null ? counts : `${counts} · ${tps}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), label]
+				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					className: stat_dialog_module_css_default.panel,
+					role: "dialog",
+					"aria-label": t("stats.dialog.title"),
+					style: pos ?? MEASURE_STYLE,
+					children: [
+						(0, react_jsx_runtime.jsx)("div", {
+							className: stat_dialog_module_css_default.title,
+							children: (0, react_jsx_runtime.jsxs)("span", {
+								className: stat_dialog_module_css_default.titleLabel,
+								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), t("stats.dialog.title")]
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							className: stat_dialog_module_css_default.titleRule,
+							"aria-hidden": true
+						}),
+						(0, react_jsx_runtime.jsxs)("dl", {
+							className: stat_dialog_module_css_default.details,
+							"data-session-stats-details": true,
+							children: [
+								stats.llmMs > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.llmTime") }), (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.llmMs, t) })] }),
+								stats.toolMs > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.toolTime") }), (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.toolMs, t) })] }),
+								stats.ttftSteps > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.ttft") }), (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.ttftMs / stats.ttftSteps, t) })] }),
+								stats.decodeMs > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.speed") }), (0, react_jsx_runtime.jsx)("dd", { children: t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) })] })
+							]
+						})
+					]
+				}), document.body)]
+			});
+		}
+		function UsagePill({ usage, t, dialog }) {
+			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
+			const total = billedInputTokens(usage) + usage.outputTokens;
+			const totalText = t("message.turnUsage.count", { count: formatTokens(total, t) });
+			const cacheHit = cacheHitPercent(usage);
+			const cacheHitText = cacheHit !== null ? t("stats.cacheHit", { percent: cacheHit }) : null;
+			return (0, react_jsx_runtime.jsxs)("span", {
+				ref: rootRef,
+				className: StatsPills_module_css_default.anchor,
+				children: [(0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: StatsPills_module_css_default.pill,
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					"aria-label": cacheHitText === null ? totalText : `${totalText} · ${cacheHitText}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutline16, {}), (0, react_jsx_runtime.jsxs)("span", {
+						className: StatsPills_module_css_default.label,
+						children: [totalText, cacheHitText !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+							className: StatsPills_module_css_default.sep,
+							"aria-hidden": true,
+							children: "·"
+						}), cacheHitText] })]
+					})]
+				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					className: stat_dialog_module_css_default.panel,
+					role: "dialog",
+					"aria-label": t("stats.dialog.usageTitle"),
+					style: pos ?? MEASURE_STYLE,
+					children: [
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: stat_dialog_module_css_default.title,
+							children: [(0, react_jsx_runtime.jsxs)("span", {
+								className: stat_dialog_module_css_default.titleLabel,
+								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutline16, {}), t("stats.dialog.usageTitle")]
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: stat_dialog_module_css_default.titleValue,
+								children: exactCount(total, t)
+							})]
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							className: stat_dialog_module_css_default.titleRule,
+							"aria-hidden": true
+						}),
+						(0, react_jsx_runtime.jsxs)("dl", {
+							className: stat_dialog_module_css_default.details,
+							"data-session-stats-usage": true,
+							children: [
+								cacheHit !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheHit") }), (0, react_jsx_runtime.jsx)("dd", { children: `${cacheHit}%` })] }),
+								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.input") }),
+								(0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.uncachedInputTokens, t) }),
+								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheRead") }),
+								(0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheReadTokens, t) }),
+								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheWrite") }),
+								(0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheWriteTokens, t) }),
+								(0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.output") }),
+								(0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.outputTokens, t) })
+							]
+						})
+					]
+				}), document.body)]
+			});
+		}
+		const StatsPills = (0, react.memo)(function StatsPills({ useChat, useProjection, t }) {
 			const settledNodes = useChat((s) => s.legacy.nodes);
 			const usage = useProjection("tokenUsage");
+			const [openPill, setOpenPill] = (0, react.useState)(null);
 			const projected = useProjection("sessionStats");
 			const stats = (0, react.useMemo)(() => projected ?? deriveStats(settledNodes), [projected, settledNodes]);
-			const groups = [];
-			if (stats.steps > 0) {
-				groups.push(t("stats.counts", {
-					turns: stats.turns,
-					steps: stats.steps
-				}));
-				const durations = [];
-				if (stats.llmMs > 0) durations.push(t("stats.llm", { duration: formatDuration(stats.llmMs, t) }));
-				if (stats.toolMs > 0) durations.push(t("stats.toolCall", { duration: formatDuration(stats.toolMs, t) }));
-				if (durations.length > 0) groups.push(durations.join(" · "));
-				const speeds = [];
-				if (stats.ttftSteps > 0) speeds.push(t("stats.ttftAverage", { duration: formatDuration(stats.ttftMs / stats.ttftSteps, t) }));
-				if (stats.decodeMs > 0) speeds.push(t("stats.tokensPerSecond", { throughput: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }));
-				if (speeds.length > 0) groups.push(speeds.join(" · "));
-			}
-			if (usage !== void 0 && (billedInputTokens(usage) > 0 || usage.outputTokens > 0)) {
-				const cacheHit = cacheHitPercent(usage);
-				if (cacheHit !== null) groups.push(t("stats.cacheHit", { percent: cacheHit }));
-				groups.push(t("stats.tokens", {
-					input: formatTokens(billedInputTokens(usage), t),
-					output: formatTokens(usage.outputTokens, t)
-				}));
-			}
-			const line = groups.join(" | ");
-			if (groups.length === 0) return null;
-			return (0, react_jsx_runtime.jsx)(StatsLineContent, {
-				groups,
-				line
+			const hasTokens = usage !== void 0 && (billedInputTokens(usage) > 0 || usage.outputTokens > 0);
+			if (stats.steps === 0 && !hasTokens) return null;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: StatsPills_module_css_default.root,
+				"data-composer-stats": true,
+				children: [stats.steps > 0 && (0, react_jsx_runtime.jsx)(TimePill, {
+					stats,
+					t,
+					dialog: {
+						open: openPill === "time",
+						setOpen: (open) => {
+							setOpenPill(open ? "time" : null);
+						}
+					}
+				}), hasTokens && (0, react_jsx_runtime.jsx)(UsagePill, {
+					usage,
+					t,
+					dialog: {
+						open: openPill === "usage",
+						setOpen: (open) => {
+							setOpenPill(open ? "usage" : null);
+						}
+					}
+				})]
 			});
 		});
 		//#endregion
@@ -5314,7 +5477,7 @@ window.__ModuleLoader__.load({
 		function sameContribution(left, right) {
 			return left !== void 0 && left.anchorSeq === right.anchorSeq && left.partial?.blocks === right.partial?.blocks && left.partial?.turn === right.partial?.turn && left.partial?.step === right.partial?.step && left.running === right.running && sameReferences$1(left.nodes, right.nodes);
 		}
-		/** Incremental compatibility projection for StatsLine and legacy top-level snapshot fields. */
+		/** Incremental compatibility projection for StatsPills and legacy top-level snapshot fields. */
 		var LegacySliceBuilder = class {
 			contributions = /* @__PURE__ */ new Map();
 			finalizedContributions = /* @__PURE__ */ new Map();
@@ -5521,6 +5684,7 @@ window.__ModuleLoader__.load({
 		//#region ../../core/session/src/surface.ts
 		/** Runtime counterpart of the message-producing event union. */
 		const SURFACE_EVENT_TYPES = new Set([
+			"system/message",
 			"user/message",
 			"assistant/message",
 			"tool/result"
@@ -5945,7 +6109,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/conversation-nodes/request-prompt.js
-		/** Place a request's system field at the start of its visible message series. */
+		/** Place a request's system prompt at the start of its visible message series. */
 		function requestPromptAnchor(match, previous, isInitial) {
 			if (match.location.kind !== "step") return match.event.seq;
 			if (previous === void 0 && !isInitial) return match.event.seq;
@@ -5958,7 +6122,41 @@ window.__ModuleLoader__.load({
 			return current?.kind === "system-prompt" ? current.anchorSeq : requestPromptAnchor(match, previous, isInitial);
 		}
 		/**
-		* Request-header prompt Definition for the Chat target.
+		* System-prompt surface node Definition for the Chat target. It owns every
+		* `system/message` event on the Chat target so the unknown-surface fallback
+		* never renders the prompt as a transcript row. Each nonempty append owns a
+		* prompt card, even without a loaded request header. Initial cards precede
+		* their step's input; in-history updates stay at their own positions. The
+		* request-prompt Definition owns replacement and later-series cards. Positional
+		* replacements advance the effective prompt without changing historical cards.
+		* @param inspect - Pure surface interpretation supplied by uiConversation.
+		* @returns The Chat system-prompt Definition.
+		*/
+		function systemMessageDefinition(inspect) {
+			return {
+				kind: "system-message",
+				target: "chat",
+				match: (event) => event.type === "system/message" || "surfaceOp" in event && event.surfaceOp !== "append" ? {
+					id: String(event.seq),
+					role: "start"
+				} : null,
+				start: (_context, match, reader) => {
+					return inspect(reader.previous("system-message")?.state, match.event);
+				},
+				update: (context) => context.state,
+				buildViewNode: (context) => {
+					const state = context.state?.introduced;
+					if (state === void 0 || state.text === "" || context.start?.event.type !== "system/message" || context.start.event.surfaceOp !== "append") return null;
+					return chatNode(context, "system-prompt", state.update ? state.seq : requestPromptAnchor(context.start, void 0, true), {
+						text: state.text,
+						...state.update ? { update: true } : {}
+					});
+				}
+			};
+		}
+		/**
+		* Request-header prompt Definition for the Chat target. Resume and explicit
+		* series starts retain a prompt card even when the system text is unchanged.
 		* @param inspect - the shared prompt interpretation, supplied by the
 		* uiConversation service (a client bundle cannot value-import it).
 		* @returns the Chat request-prompt Definition.
@@ -5974,15 +6172,19 @@ window.__ModuleLoader__.load({
 				start: (context, match, reader) => {
 					if (match.event.type !== "request/header") throw new Error("request-prompt start requires request/header");
 					const previous = reader.previous("request-prompt")?.state;
+					const systemContext = reader.previous("system-message");
+					const system = systemContext?.state.effective;
 					const location = match.location.kind === "step" ? {
 						turn: match.location.turn.turn,
 						step: match.location.step.step
 					} : {};
-					const inspection = inspect(previous?.prompt, match.event);
+					const inspection = inspect(previous?.prompt, match.event, system);
 					const change = inspection.change?.kind;
+					const systemEvent = systemContext?.matches[0]?.event;
+					const shownByUpdate = system !== void 0 && systemEvent?.type === "system/message" && systemEvent.surfaceOp === "append" && (system.update || previous === void 0) && system.turn === location.turn && system.step === location.step;
 					return {
 						anchorSeq: stableRequestPromptAnchor(context, match, previous, match.event.data.reason === "initial"),
-						showsPrompt: previous === void 0 || match.event.data.reason === "series" || match.event.data.startsSeries === true || change === "system" || change === "system-and-tools",
+						showsPrompt: !shownByUpdate && (previous === void 0 || match.event.data.reason !== "change" || match.event.data.startsSeries === true || change === "system" || change === "system-and-tools"),
 						...location,
 						...inspection
 					};
@@ -5999,11 +6201,12 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Register model-request system prompts in the Chat flow.
+		* Register the system-prompt surface node and the model-request prompt card in the Chat flow.
 		* @param ctx - Owning UI Conversation context.
 		*/
 		function registerRequestPromptConversationNode(ctx) {
-			ctx.uiConversation.events.register(requestPromptDefinition((previous, event) => ctx.uiConversation.inspectRequestPrompt(previous, event)));
+			ctx.uiConversation.events.register(systemMessageDefinition((previous, event) => ctx.uiConversation.inspectSystemPrompt(previous, event)));
+			ctx.uiConversation.events.register(requestPromptDefinition((previous, event, system) => ctx.uiConversation.inspectRequestPrompt(previous, event, system)));
 		}
 		//#endregion
 		//#region lib/types/client/conversation-nodes/retry.js
@@ -6198,13 +6401,13 @@ window.__ModuleLoader__.load({
 		}
 		function updateDispatch(state, match) {
 			const event = match.event;
-			if (event.type !== "tool/code-dispatch-start" && event.type !== "tool/code-dispatch") return state;
+			if (event.type !== "tool/ptc-dispatch-start" && event.type !== "tool/ptc-dispatch") return state;
 			const data = event.data;
 			const parentCallId = String(data.parentCallId);
 			const subCallId = String(data.subCallId);
 			const siblings = state.children.get(parentCallId) ?? [];
 			const index = siblings.findIndex((candidate) => candidate.callId === subCallId);
-			if (event.type === "tool/code-dispatch-start") {
+			if (event.type === "tool/ptc-dispatch-start") {
 				if (index >= 0 || !acceptsEdge(state, parentCallId, subCallId)) return state;
 				const children = new Map(state.children);
 				children.set(parentCallId, [...siblings, childCall(match, data)]);
@@ -6290,7 +6493,7 @@ window.__ModuleLoader__.load({
 			for (const candidate of context.matches) state = updateDispatch(state, candidate);
 			return state;
 		}
-		/** Root Tool lifecycle and nested Code Dispatch Definition. */
+		/** Root Tool lifecycle and nested PTC dispatch Definition. */
 		const toolDefinition = {
 			kind: "tool-call",
 			target: "chat",
@@ -6303,7 +6506,7 @@ window.__ModuleLoader__.load({
 					id: String(event.data.message.source.callId),
 					role: "update"
 				};
-				if (event.type === "tool/code-dispatch-start" || event.type === "tool/code-dispatch") {
+				if (event.type === "tool/ptc-dispatch-start" || event.type === "tool/ptc-dispatch") {
 					const rootCallId = event.data.rootCallId;
 					return typeof rootCallId === "string" && rootCallId !== "" ? {
 						id: rootCallId,
@@ -7102,160 +7305,6 @@ window.__ModuleLoader__.load({
 			registerChatConversationView(ctx);
 		}
 		//#endregion
-		//#region lib/types/client/details/tool-node-reader.js
-		function toolNode(node) {
-			return node?.kind === "tool-call" ? node : void 0;
-		}
-		/**
-		* Find any root or nested Tool lifecycle through the internal Node store.
-		* @param snapshot - current Conversation snapshot.
-		* @param callId - root or nested call identity.
-		* @returns current Tool lifecycle when materialized in the loaded window.
-		*/
-		function findToolCall(snapshot, callId) {
-			const visit = (block) => {
-				if (block.callId === callId) return block;
-				for (const child of block.subCalls) {
-					const found = visit(child);
-					if (found !== void 0) return found;
-				}
-			};
-			for (const node of snapshot.nodes.values()) {
-				const root = toolNode(node)?.data.root;
-				if (root === void 0) continue;
-				const found = visit(root);
-				if (found !== void 0) return found;
-			}
-		}
-		//#endregion
-		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/details/DetailsPanel.module.css.mjs
-		const css$1 = "._2ctAZa_root{border-left:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex-direction:column;min-width:0;height:100%;display:flex}._2ctAZa_header{border-bottom:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}._2ctAZa_title{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}._2ctAZa_close{corner-shape:round;width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}._2ctAZa_close:hover{background:var(--dsw-alias-interactive-bg-hover)}._2ctAZa_body{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}._2ctAZa_empty{color:var(--dsw-alias-label-tertiary);padding:8px 0;font-size:13px;line-height:20px}._2ctAZa_section{margin-bottom:16px}._2ctAZa_sectionLabel{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:12px;font-weight:500;line-height:18px}._2ctAZa_code{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:22px}._2ctAZa_code[data-error]{color:var(--dsw-alias-state-error-primary)}";
-		const tagId$1 = "@deepseek-ai/dsh-client-ui-chat/DetailsPanel.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-chat";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
-			document.head.appendChild(tag);
-		}
-		var DetailsPanel_module_css_default = {
-			"body": "_2ctAZa_body",
-			"close": "_2ctAZa_close",
-			"code": "_2ctAZa_code",
-			"empty": "_2ctAZa_empty",
-			"header": "_2ctAZa_header",
-			"root": "_2ctAZa_root",
-			"section": "_2ctAZa_section",
-			"sectionLabel": "_2ctAZa_sectionLabel",
-			"title": "_2ctAZa_title"
-		};
-		//#endregion
-		//#region lib/types/client/details/DetailsPanel.js
-		function settledMaterial(node, callId) {
-			return {
-				name: node.call?.name ?? callId,
-				argsRaw: node.call?.argsRaw ?? null,
-				block: node
-			};
-		}
-		function runningMaterial(call) {
-			return {
-				name: call.name,
-				argsRaw: call.argsRaw,
-				block: call
-			};
-		}
-		function materialFor(s, callId) {
-			const found = findToolCall(s, callId);
-			if (found === void 0) return null;
-			return "kind" in found ? settledMaterial(found, callId) : runningMaterial(found);
-		}
-		function pretty(raw) {
-			try {
-				return JSON.stringify(JSON.parse(raw), null, 2);
-			} catch {
-				return raw;
-			}
-		}
-		/** Flatten a settled result for the no-ui-tool fallback. */
-		function rawResultText(block) {
-			if (!("kind" in block)) return "";
-			const parts = block.content.map((item) => item.type === "text" ? item.text : JSON.stringify(item, null, 2));
-			if (parts.length === 0 && block.error !== void 0) parts.push(`${block.error.name}: ${block.error.code}`);
-			return parts.join("\n");
-		}
-		function DetailsPanel({ useChat, useSessions, sessionId, useStore, renderSlot, closeDetails, t }) {
-			const selection = useStore((s) => s.selection);
-			const sessionCwd = useSessions((list) => list.byId[sessionId]?.cwd);
-			const callId = selection?.callId;
-			const material = useChat((s) => callId === void 0 ? null : materialFor(s, callId), (a, b) => (0, _deepseek_ai_dsh_client_store.shallowEqual)(a, b));
-			return (0, react_jsx_runtime.jsxs)("div", {
-				className: DetailsPanel_module_css_default.root,
-				children: [(0, react_jsx_runtime.jsxs)("div", {
-					className: DetailsPanel_module_css_default.header,
-					children: [(0, react_jsx_runtime.jsx)("div", {
-						className: DetailsPanel_module_css_default.title,
-						children: selection === null ? t("details.title") : material?.name ?? selection.toolName ?? t("details.title")
-					}), (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: DetailsPanel_module_css_default.close,
-						"aria-label": t("details.close"),
-						onClick: () => {
-							closeDetails();
-						},
-						children: (0, react_jsx_runtime.jsx)("svg", {
-							viewBox: "0 0 16 16",
-							width: "14",
-							height: "14",
-							"aria-hidden": true,
-							children: (0, react_jsx_runtime.jsx)("path", {
-								d: "M4 4l8 8M12 4l-8 8",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round"
-							})
-						})
-					})]
-				}), (0, react_jsx_runtime.jsx)("div", {
-					className: DetailsPanel_module_css_default.body,
-					children: selection === null || callId === void 0 ? (0, react_jsx_runtime.jsx)("div", {
-						className: DetailsPanel_module_css_default.empty,
-						children: t("details.empty")
-					}) : material === null ? (0, react_jsx_runtime.jsx)("div", {
-						className: DetailsPanel_module_css_default.empty,
-						children: t("details.notInWindow")
-					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [material.argsRaw !== null && (0, react_jsx_runtime.jsxs)("section", {
-						className: DetailsPanel_module_css_default.section,
-						children: [(0, react_jsx_runtime.jsx)("div", {
-							className: DetailsPanel_module_css_default.sectionLabel,
-							children: t("details.input")
-						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.CodeBlock, {
-							code: pretty(material.argsRaw),
-							lang: "json",
-							copyLabel: t("copy"),
-							copiedLabel: t("copied")
-						})]
-					}), (0, react_jsx_runtime.jsxs)("section", {
-						className: DetailsPanel_module_css_default.section,
-						children: [(0, react_jsx_runtime.jsx)("div", {
-							className: DetailsPanel_module_css_default.sectionLabel,
-							children: t("details.output")
-						}), (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderSlot("conversation.details.tool", {
-							block: material.block,
-							cwd: sessionCwd
-						}, { fallback: "kind" in material.block ? (0, react_jsx_runtime.jsx)("pre", {
-							className: DetailsPanel_module_css_default.code,
-							"data-error": material.block.isError || void 0,
-							children: rawResultText(material.block)
-						}) : (0, react_jsx_runtime.jsx)("div", {
-							className: DetailsPanel_module_css_default.empty,
-							children: t("details.running")
-						}) }) }, callId)]
-					})] })
-				})]
-			});
-		}
-		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/settings/TranscriptViewRow.module.css.mjs
 		const css = ".lats3W_row{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.lats3W_rowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.lats3W_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.lats3W_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.lats3W_selector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lats3W_selector:hover{background:var(--dsw-alias-interactive-bg-hover)}.lats3W_chevron{flex:none}";
 		const tagId = "@deepseek-ai/dsh-client-ui-chat/TranscriptViewRow.module.css";
@@ -8201,11 +8250,11 @@ window.__ModuleLoader__.load({
 			"sessions",
 			"uiSession",
 			"uiConversation",
-			"layout",
 			"locale",
 			"settingsScope",
 			"remote",
-			"remote.session"
+			"remote.session",
+			"sidebarRight"
 		];
 		/**
 		* Mount all Chat-owned contributions.
@@ -8270,7 +8319,7 @@ window.__ModuleLoader__.load({
 						}
 					},
 					store: chatStore,
-					inject: (sessionId, actions) => {
+					inject: (sessionId) => {
 						const binding = ctx.sessions.binding(sessionId);
 						if (binding === void 0) throw new Error(`ui-chat: unknown session "${sessionId}"`);
 						const session = binding.session;
@@ -8281,15 +8330,13 @@ window.__ModuleLoader__.load({
 								chatNode: (key) => chat.getSnapshot().nodes.source(key),
 								chatNodeProcess: (key) => chat.getSnapshot().nodes.processSource(key)
 							},
-							openDetails: (target) => {
-								actions.select(target);
-								ctx.layout.openDetails();
-							},
 							fileMentions: (owner) => ctx.get("chatFileMentions")?.forClosing(owner),
-							openFile: async (path) => {
+							openFile: async (path, options) => {
 								const cwd = ctx.sessions.list.getSnapshot().byId[sessionId]?.cwd;
-								const result = await ctx.remote.session.openWorkspacePath({ path: resolveWorkspacePath(cwd, path) });
-								if (!result.ok) throw new Error(`path open failed: ${result.error.message}`);
+								const url = fileAddressFor(sessionId, cwd, path);
+								if (options?.line === void 0) ctx.sidebarRight.openResource(url);
+								else ctx.sidebarRight.openResource(url, { params: { line: options.line } });
+								await Promise.resolve();
 							},
 							loadOlder: () => {
 								session.loadOlder();
@@ -8321,20 +8368,8 @@ window.__ModuleLoader__.load({
 				id: "stats",
 				order: 0,
 				locale: NS
-			}, StatsLine));
+			}, StatsPills));
 			ctx.slots.inject("conversation.approval.detail", () => ctx.slots.register({ name: "conversation.approval.detail" }, ApprovalCommand));
-			ctx.slots.inject("details", () => ctx.slots.register({
-				name: "details",
-				locale: NS,
-				children: { "conversation.details.tool": {
-					kind: "single",
-					scope: "session"
-				} },
-				store: chatStore,
-				inject: () => ({ closeDetails: () => {
-					ctx.layout.closeDetails();
-				} })
-			}, DetailsPanel));
 		}
 		//#endregion
 		exports.EMPTY_CHAT_SNAPSHOT = EMPTY_CHAT_SNAPSHOT;