@norman-else/dsh-claude 0.1.35 → 0.1.36

package/lib/client.js

@@ -30,6 +30,10 @@ window.__ModuleLoader__.load({
 		function isClaudeRenderMode(value) {
 			return value === "plugin" || value === "native";
 		}
+		const DEFAULT_CLAUDE_PROSE_MODE = "plain";
+		function isClaudeProseMode(value) {
+			return value === "plain" || value === "enhanced";
+		}
 		//#endregion
 		//#region src/client/task-projection.ts
 		/** Tasks UI is reserved for detached work and genuine Claude subagents. */
@@ -270,6 +274,62 @@ window.__ModuleLoader__.load({
 			}
 			return failed ? `Failed to ${failedAction}` : completed;
 		}
+		/** The call id a task's own lifecycle pings were dispatched from. */
+		function taskParentToolUseId(activities, taskId) {
+			for (const activity of activities) {
+				if (activity.taskId !== taskId) continue;
+				const id = inputRecord(activity.detail)?.tool_use_id;
+				if (typeof id === "string" && id.length > 0) return id;
+			}
+		}
+		/**
+		* The tools one task ran, in the shape the transcript's tool cards take.
+		*
+		* The task's own activities are lifecycle pings whose detail is the raw
+		* protocol message -- useful to nobody reading a panel. The work is in the
+		* activities addressed to the call that dispatched the task: a subagent's
+		* nested calls carry it as `parentToolUseId`, and a backgrounded command IS
+		* that call. Both are folded here the way {@link transcriptItemsForStep} folds
+		* a step, so one card renderer serves the transcript and the task panel.
+		*/
+		function taskTools(activities, taskId) {
+			const parent = taskParentToolUseId(activities, taskId);
+			if (parent === void 0) return [];
+			const tools = /* @__PURE__ */ new Map();
+			const ordered = [...activities].sort((left, right) => left.ordinal - right.ordinal);
+			for (const activity of ordered) {
+				const own = activity.parentToolUseId === parent;
+				const isRoot = activity.parentToolUseId === void 0 && activity.toolUseId === parent;
+				if (!own && !isRoot) continue;
+				const toolUseId = activity.toolUseId;
+				if (toolUseId === void 0) continue;
+				const previous = tools.get(toolUseId);
+				if (previous === void 0) {
+					if (activity.toolName === void 0) continue;
+					const input = inputRecord(activity.detail);
+					tools.set(toolUseId, {
+						toolUseId,
+						toolName: activity.toolName,
+						description: toolDescription(activity.toolName, input),
+						...activity.summary === void 0 ? {} : { summary: activity.summary },
+						...activity.detail === void 0 ? {} : { input: activity.detail },
+						...activity.phase === void 0 ? {} : { phase: activity.phase },
+						...activity.isError === void 0 ? {} : { isError: activity.isError },
+						subcalls: []
+					});
+					continue;
+				}
+				const failed = activity.isError === true || activity.phase === "failed";
+				tools.set(toolUseId, {
+					...previous,
+					description: toolDescription(previous.toolName, inputRecord(previous.input), failed),
+					...activity.detail === void 0 ? {} : { output: activity.detail },
+					...activity.phase === void 0 ? {} : { phase: activity.phase },
+					...activity.isError === void 0 ? {} : { isError: activity.isError }
+				});
+			}
+			return [...tools.values()];
+		}
 		/** Whether the Host drew this step with DSH's own renderer.
 		*
 		*  The stamp rides on the records themselves rather than on a Client-side copy
@@ -342,6 +402,15 @@ window.__ModuleLoader__.load({
 					});
 					continue;
 				}
+				if (activity.kind === "usage" && activity.usage !== void 0) {
+					flushGroup();
+					items.push({
+						kind: "usage",
+						ordinal: activity.ordinal,
+						usage: activity.usage
+					});
+					continue;
+				}
 				if (activity.kind === "tool-call" && activity.toolUseId !== void 0 && activity.toolName !== void 0) {
 					group ??= {
 						ordinal: activity.ordinal,
@@ -1106,6 +1175,14 @@ window.__ModuleLoader__.load({
 			cursor: "pointer"
 		};
 		const taskActivitySection = { margin: "7px 0 0 27px" };
+		/** The task's tool cards. No inset panel of their own: each card already
+		*  carries its own surface, and nesting two would read as a box in a box. */
+		const taskToolList = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2,
+			marginTop: 7
+		};
 		const taskActivityList = {
 			display: "flex",
 			flexDirection: "column",
@@ -3352,1079 +3429,718 @@ window.__ModuleLoader__.load({
 			lineHeight: "20px"
 		};
 		//#endregion
-		//#region src/client/token-format.ts
-		function formatTokenCount(tokens) {
-			if (tokens >= 1e6) return `${Number((tokens / 1e6).toFixed(tokens >= 1e7 ? 0 : 1))}M`;
-			if (tokens >= 1e3) return `${Number((tokens / 1e3).toFixed(tokens >= 1e5 ? 0 : 1))}K`;
-			return String(tokens);
-		}
-		//#endregion
-		//#region src/client/ClaudeTasksPanel.tsx
-		const STATUS_LABEL = {
-			running: "tasksRunning",
-			completed: "tasksCompleted",
-			failed: "tasksFailed",
-			stopped: "tasksStopped",
-			killed: "tasksKilled"
+		//#region src/client/markdown-theme.ts
+		/** Claude Code's code presentation over the Host's Markdown renderer.
+		*
+		*  This package renders no Markdown of its own — prose, fenced blocks and the
+		*  copy affordance all come from the Host's `MarkdownText` primitive. What it
+		*  can own is what that primitive reads: the palette (custom properties) and
+		*  the block's chrome (CSS over the primitive's own markup).
+		*
+		*  PARITY IS PARTIAL BY CONSTRUCTION. Both renderers highlight with shiki, but
+		*  Claude Code's desktop build loads a full TextMate theme (Pierre Dark /
+		*  Pierre Light Soft: 248 tokenColor rules over 424 scopes) and bakes the
+		*  resolved colour into every span, while the Host loads shiki's legacy
+		*  `css-variables` theme, which collapses every scope into the eleven buckets
+		*  below. Those eleven carry the colours that dominate a code block —
+		*  keywords, strings, comments, functions, numbers — and nothing here can
+		*  recover the rest: `constant.numeric` and `constant` are two different
+		*  colours in Pierre and one bucket here, and Pierre's string-coloured string
+		*  delimiters share this sheet's single punctuation bucket. Matching the rest
+		*  means this package running its own shiki, which is a different decision
+		*  with a different cost.
+		*
+		*  Every rule fails open the way `host-chrome` does: the palette is
+		*  declarations on this package's own wrapper, and the chrome rules match the
+		*  primitive's CSS Module local names, so a Host that renames either simply
+		*  stops matching and its stock presentation comes back.
+		*/
+		/** Wrapper class carrying the palette and scoping the chrome rules.
+		*  `display:contents` so the extra element generates no box — custom
+		*  properties inherit through it regardless. */
+		const CLAUDE_MARKDOWN_SCOPE = "dsh-claude-markdown";
+		/** Pierre mapped onto the Host's eleven buckets. Each entry names the theme
+		*  scope the value was taken from, because the mapping — not the colour — is
+		*  the part a reader has to check. */
+		const PIERRE_DARK = [
+			[
+				"--shiki-background",
+				"#1a1a19",
+				"UI surface (--cds-surface-2)"
+			],
+			[
+				"--shiki-foreground",
+				"#fafafa",
+				"editor.foreground"
+			],
+			[
+				"--shiki-token-comment",
+				"#737373",
+				"comment"
+			],
+			[
+				"--shiki-token-keyword",
+				"#ff678d",
+				"keyword, storage.type"
+			],
+			[
+				"--shiki-token-string",
+				"#5ecc71",
+				"string"
+			],
+			[
+				"--shiki-token-string-expression",
+				"#ffa359",
+				"punctuation.section.embedded"
+			],
+			[
+				"--shiki-token-function",
+				"#9d6afb",
+				"entity.name.function"
+			],
+			[
+				"--shiki-token-constant",
+				"#68cdf2",
+				"constant.numeric, constant.language"
+			],
+			[
+				"--shiki-token-parameter",
+				"#a3a3a3",
+				"variable.parameter"
+			],
+			[
+				"--shiki-token-punctuation",
+				"#636363",
+				"punctuation"
+			],
+			[
+				"--shiki-token-link",
+				"#ff678d",
+				"markup.underline.link.markdown"
+			]
+		];
+		const PIERRE_LIGHT = [
+			[
+				"--shiki-background",
+				"#ffffff",
+				"UI surface (--cds-surface-2)"
+			],
+			[
+				"--shiki-foreground",
+				"#525252",
+				"editor.foreground"
+			],
+			[
+				"--shiki-token-comment",
+				"#8a8a8a",
+				"comment"
+			],
+			[
+				"--shiki-token-keyword",
+				"#ff678d",
+				"keyword, storage.type"
+			],
+			[
+				"--shiki-token-string",
+				"#0dbe4e",
+				"string"
+			],
+			[
+				"--shiki-token-string-expression",
+				"#fe8c2c",
+				"punctuation.section.embedded"
+			],
+			[
+				"--shiki-token-function",
+				"#9d6afb",
+				"entity.name.function"
+			],
+			[
+				"--shiki-token-constant",
+				"#08c0ef",
+				"constant.numeric, constant.language"
+			],
+			[
+				"--shiki-token-parameter",
+				"#737373",
+				"variable.parameter"
+			],
+			[
+				"--shiki-token-punctuation",
+				"#737373",
+				"punctuation"
+			],
+			[
+				"--shiki-token-link",
+				"#ff678d",
+				"markup.underline.link.markdown"
+			]
+		];
+		/** Claude's brand clay (`--cds-hsl-clay`), its inline-code TEXT colour; the
+		*  emphasized ramp is the light-theme variant. The chip's fill is deliberately
+		*  NOT tinted with it — see {@link INLINE_FILL_DARK}. */
+		const CLAY = "#d97757";
+		const CLAY_EMPHASIZED = "#c8603f";
+		/** Prose colours for the body of a Claude answer.
+		*
+		*  These are NOT Pierre: the palette above exists to match Claude's desktop
+		*  build inside code blocks, and Claude paints prose in plain body text. This
+		*  block is a deliberate departure — headings, emphasis and links get their
+		*  own hues so a long answer is scannable, the way a Markdown-highlighting
+		*  editor shows it. Values are theme-independent by design (the same six read
+		*  acceptably on both surfaces); split them if the light theme ever needs its
+		*  own ramp.
+		*
+		*  The inline-code entry REPLACES {@link CLAY} rather than sitting beside it:
+		*  two colours on the same chip is not a choice a stylesheet can make. */
+		const PROSE = {
+			heading: "#7C9EFF",
+			bold: "#FFB454",
+			italic: "#5BD6C0",
+			inlineCode: "#FF7A93",
+			listMarker: "#F2C94C",
+			quote: "#9AA3B2",
+			link: "#4DA3FF",
+			codeBackground: "#0F1218",
+			codeBorder: "#2E3546"
 		};
-		function visibleTaskGroups(tasks, dismissedSettledIds) {
-			const projected = tasks.filter(isProjectedTask);
-			return {
-				running: projected.filter((task) => task.status === "running"),
-				finished: projected.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
-			};
+		/** The inline-code chip fill: a neutral 4% wash (Claude's `--t1`), not a tint
+		*  of the text colour. A clay-tinted fill reads as a coloured box around every
+		*  identifier; the neutral one disappears into the surface and lets the text
+		*  carry the accent, which is what the chip is for. */
+		const INLINE_FILL_DARK = "hsl(0 0% 100% / .04)";
+		const INLINE_FILL_LIGHT = "hsl(0 0% 4.3% / .04)";
+		/** Block corner radius (Claude's `--r6`), against the Host's own 12px. */
+		const BLOCK_RADIUS = "8px";
+		/** @param banner - equal to `surface` on purpose: the bar is floated out of
+		*  the way below, so this colour is only reached if those chrome selectors
+		*  miss, and a bar that matches the block is the neutral fallback. */
+		function palette(entries, surface, banner, inlineFill) {
+			return [
+				...entries.map(([name, value]) => `${name}:${value};`),
+				`--dsw-alias-markdown-code-block:${surface};`,
+				`--dsw-alias-markdown-code-block-banner:${banner};`,
+				`--dsw-alias-markdown-inline-code:${inlineFill}`
+			].join("");
 		}
-		function activitiesForTask(activities, taskId) {
-			return activities.filter((activity) => activity.taskId === taskId);
+		const CLAUDE_MARKDOWN_THEME_CSS = [
+			`.${CLAUDE_MARKDOWN_SCOPE}{display:contents;`,
+			palette(PIERRE_LIGHT, "#ffffff", "#ffffff", INLINE_FILL_LIGHT),
+			"}",
+			`body[data-ds-dark-theme] .${CLAUDE_MARKDOWN_SCOPE}{`,
+			palette(PIERRE_DARK, "#1a1a19", "#1a1a19", INLINE_FILL_DARK),
+			"}",
+			`.${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code{color:${CLAY_EMPHASIZED};border-radius:4px;padding:1px 2px}`,
+			`body[data-ds-dark-theme] .${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code{color:${CLAY}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} [class*="bannerWrap"]{position:absolute;top:0;right:0;z-index:7;background:transparent;border-radius:0}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} [class*="banner"]:not([class*="bannerWrap"]){background:transparent;padding:6px 8px}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} [class*="infostring"]{display:none}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} pre{white-space:pre;word-break:normal;overflow-x:auto}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} [class*="block"]{--dsl-code-block-border-radius:${BLOCK_RADIUS}}`
+		].join("");
+		/** The class the review-comment card puts on a rendered comment body. Declared
+		*  here rather than imported because it is a literal inside `styles.ts`'s CSS
+		*  string, not a constant; a rename there makes these rules miss and the
+		*  comment keeps its stock colours, which is the same fail-open the chrome
+		*  rules above rely on. */
+		const COMMENT_BODY_SCOPE = "dshClaudeDiffCommentBody";
+		/** Everything the `prose: 'enhanced'` setting adds, and nothing the base sheet
+		*  needs. Appended AFTER the base sheet so its rules win ties on source order —
+		*  see the note on the inline-code selector below. */
+		const CLAUDE_MARKDOWN_ENHANCED_CSS = [
+			`.${CLAUDE_MARKDOWN_SCOPE} :is(h1,h2,h3,h4,h5,h6){color:${PROSE.heading}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} strong{color:${PROSE.bold}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} em{color:${PROSE.italic}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} li::marker{color:${PROSE.listMarker}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} blockquote{border-left-color:${PROSE.quote};color:${PROSE.quote}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} a{color:${PROSE.link}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code,body[data-ds-dark-theme] .${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code{color:${PROSE.inlineCode}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} [class*="block"]{background:${PROSE.codeBackground};box-shadow:0 0 0 1px ${PROSE.codeBorder}}`,
+			`.${CLAUDE_MARKDOWN_SCOPE} pre{background:${PROSE.codeBackground}}`,
+			`.${COMMENT_BODY_SCOPE} :is(h1,h2,h3,h4,h5,h6){color:${PROSE.heading}}`,
+			`.${COMMENT_BODY_SCOPE} strong{color:${PROSE.bold}}`,
+			`.${COMMENT_BODY_SCOPE} em{color:${PROSE.italic}}`,
+			`.${COMMENT_BODY_SCOPE} li::marker{color:${PROSE.listMarker}}`,
+			`.${COMMENT_BODY_SCOPE} blockquote{border-left-color:${PROSE.quote};color:${PROSE.quote}}`,
+			`.${COMMENT_BODY_SCOPE} a{color:${PROSE.link}}`,
+			`.${COMMENT_BODY_SCOPE} :not(pre)>code{color:${PROSE.inlineCode}}`
+		].join("");
+		/** Live reference to this package's sheet, and the mode it currently holds.
+		*  The mode is remembered so `ensureClaudeMarkdownTheme` — called on every
+		*  Markdown render — cannot undo a choice boot or the settings panel made. */
+		let styleTag = null;
+		let mode = DEFAULT_CLAUDE_PROSE_MODE;
+		function write() {
+			if (typeof document === "undefined") return;
+			if (styleTag === null || styleTag.parentNode === null) {
+				styleTag = document.createElement("style");
+				styleTag.dataset.dshClaudeMarkdownTheme = "";
+				document.head.appendChild(styleTag);
+			}
+			styleTag.textContent = mode === "enhanced" ? CLAUDE_MARKDOWN_THEME_CSS + CLAUDE_MARKDOWN_ENHANCED_CSS : CLAUDE_MARKDOWN_THEME_CSS;
 		}
-		function tasksForTurn(tasks, turn) {
-			return tasks.filter((task) => task.originTurn === turn && isProjectedTask(task));
+		/** Attach the sheet, keeping whatever mode is already set. Idempotent. */
+		function ensureClaudeMarkdownTheme() {
+			write();
 		}
-		function summarizeTurnTasks(tasks) {
-			if (tasks.length === 0) return void 0;
-			const running = tasks.filter((task) => task.status === "running").length;
-			const failed = tasks.filter((task) => task.status === "failed" || task.status === "stopped" || task.status === "killed").length;
-			const completed = tasks.filter((task) => task.status === "completed").length;
-			return {
-				state: running > 0 ? "running" : failed > 0 ? "failed" : "completed",
-				count: tasks.length,
-				running,
-				failed,
-				completed
+		/** Switch the prose palette. Rewriting one global sheet repaints every mounted
+		*  Markdown block at once, so no render state has to carry the setting. */
+		function applyClaudeMarkdownTheme(next) {
+			mode = next;
+			write();
+		}
+		//#endregion
+		//#region src/client/markdown-labels.tsx
+		/** Stable across renders: MarkdownText keys its streaming renderer on this
+		*  object's identity and reparses from scratch whenever it changes. */
+		function useClaudeMarkdownLabels(t) {
+			return useMemo(() => ({
+				code: {
+					copyLabel: t("markdownCopy"),
+					copiedLabel: t("markdownCopied")
+				},
+				footnotes: t("markdownFootnotes")
+			}), [t]);
+		}
+		/** MarkdownText with the labels the running Host demands.
+		*
+		*  The published primitives package still types the old `codeLabels` prop, so
+		*  the new shape cannot typecheck against it — the cast is confined here rather
+		*  than repeated at every call site. Drop it once the installed
+		*  @deepseek-ai/dsh-client-ui-primitives matches the Desktop build. */
+		function ClaudeMarkdown({ text, labels, streaming }) {
+			const props = {
+				text,
+				labels,
+				...streaming === void 0 ? {} : { streaming }
 			};
+			const Renderer = MarkdownText;
+			ensureClaudeMarkdownTheme();
+			return /* @__PURE__ */ jsx("div", {
+				className: CLAUDE_MARKDOWN_SCOPE,
+				children: /* @__PURE__ */ jsx(Renderer, { ...props })
+			});
 		}
-		function statusGlyph(status) {
-			if (status === "running") return "●";
-			if (status === "completed") return "✓";
-			if (status === "stopped") return "–";
-			return "×";
+		//#endregion
+		//#region src/plugin-budget.ts
+		/**
+		* The plugin's connection budget, in one table.
+		*
+		* A browser opens a small fixed number of connections to one origin — six for
+		* HTTP/1.1 in Chromium — and shares them with the Host's own traffic. Every
+		* response this plugin holds open costs one of them for its lifetime, and a
+		* request that cannot get one waits in the browser's queue where no server-side
+		* deadline can reach it. When the pool is exhausted the panels that would
+		* *diagnose* the problem are the first thing to stop answering, which is how
+		* this failure has always presented: four settings cards timing out at once
+		* against a Host that is demonstrably healthy.
+		*
+		* So the budget is a fixed constant rather than a function of how much work is
+		* in flight. Steady state is one connection (the multiplexed projection
+		* carrier); the peak is `PLUGIN_GLOBAL_PERMITS`, whatever the session count.
+		*
+		* Both halves read this file, which is the point: a route declares a budget
+		* class and the client derives its wait from the same entry, so a server
+		* deadline can never be quietly longer than the client's patience.
+		*/
+		/** Server-side budget classes. A route declares a class, never a number. */
+		const ROUTE_BUDGET_MS = {
+			/** Answers from memory or a single bounded probe. */
+			fast: 5e3,
+			/** Chains local Git work. */
+			git: 45e3,
+			/** Reaches the network: remote Git, `gh`, the npm registry. */
+			remote: 15e4
+		};
+		/** The client waits one round trip longer, so the route's own 504 wins the
+		*  race and the caller learns which budget elapsed instead of guessing. */
+		const CLIENT_GRACE_MS = 3e3;
+		function clientBudgetMs(budget) {
+			return ROUTE_BUDGET_MS[budget] + CLIENT_GRACE_MS;
 		}
-		function formatDuration(ms) {
-			if (ms < 1e3) return String(Math.max(1, Math.round(ms))) + "ms";
-			const seconds = Math.round(ms / 1e3);
-			if (seconds < 60) return String(seconds) + "s";
-			const minutes = Math.floor(seconds / 60);
-			return String(minutes) + "m " + String(seconds % 60) + "s";
+		/** A request that never got a permit fails fast and says so, rather than
+		*  spending its whole budget queued behind work it cannot see. */
+		const QUEUE_WAIT_BUDGET_MS = 4e3;
+		/** Per-lane ceilings inside the global budget.
+		*
+		*  The projection carrier holds a permanently reserved permit outside these,
+		*  so three remain. `write + stream <= 2` leaves one permit that only a read
+		*  can take: a diagnostic read always has somewhere to go, however many slow
+		*  actions are in flight. That invariant is what stops a 150s repository
+		*  action from reproducing the original symptom through a new mechanism. */
+		const PLUGIN_LANE_CAPS = {
+			read: 2,
+			write: 1,
+			stream: 1
+		};
+		//#endregion
+		//#region src/rewind.ts
+		function isRewound(ranges, seq) {
+			return ranges.some((range) => seq >= range.start && seq <= range.end);
 		}
-		function taskMeta(task, t) {
-			const parts = [];
-			if (task.subagentType !== void 0) parts.push(task.subagentType);
-			else if (task.taskType !== void 0) parts.push(task.taskType);
-			if (task.usage?.durationMs !== void 0) parts.push(formatDuration(task.usage.durationMs));
-			if (task.usage?.totalTokens !== void 0) parts.push(t("tokens", { count: formatTokenCount(task.usage.totalTokens) }));
-			if (task.usage?.toolUses !== void 0) parts.push(t("tasksToolUses", { count: task.usage.toolUses }));
-			if (task.lastToolName !== void 0) parts.push(t("tasksLastTool", { tool: task.lastToolName }));
-			return parts;
+		//#endregion
+		//#region src/client/plugin-transport.ts
+		/**
+		* The plugin's only door to the network.
+		*
+		* Every request the Client makes goes through here, and the shape of the
+		* public functions is the point. There is no `signal` property, no `headers`,
+		* no `RequestInit` and no millisecond number in any parameter: a caller cannot
+		* hand this module an options object whose later spread silently overwrites
+		* the deadline sitting above it. That is not a hypothetical — it is exactly
+		* how four call sites lost their deadlines while looking completely ordinary,
+		* because `exactOptionalPropertyTypes` forbids writing `signal: undefined` and
+		* the spread idiom is what people reach for instead. `cancel` is positional
+		* here, so `undefined` is simply passable and the idiom has nothing to do.
+		*
+		* The second seal is arithmetic. The browser shares a small fixed connection
+		* budget between this plugin and the Host, and the plugin used to spend it
+		* proportionally to how many Claude sessions existed. Here every request takes
+		* a permit from a fixed pool first, so more call sites and more sessions
+		* cannot become more sockets — a saturated plugin queues, and says `starved`
+		* within `QUEUE_WAIT_BUDGET_MS` instead of dying silently at its full budget.
+		*
+		* Lane caps guarantee a read always has somewhere to go: the projection
+		* carrier holds a reserved permit, and `write + stream` can occupy at most two
+		* of the remaining three. The panel that diagnoses a saturated pool is
+		* therefore the one request that cannot be starved by it.
+		*/
+		var PluginRequestError = class extends Error {
+			reason;
+			status;
+			code;
+			constructor(reason, message, status, code) {
+				super(message);
+				this.name = "PluginRequestError";
+				this.reason = reason;
+				if (status !== void 0) this.status = status;
+				if (code !== void 0) this.code = code;
+			}
+		};
+		let send = (...args) => fetch(...args);
+		let held = 0;
+		const laneHeld = {
+			read: 0,
+			write: 0,
+			stream: 0
+		};
+		let projectionHeld = false;
+		let queue = [];
+		const inFlight = /* @__PURE__ */ new Map();
+		/** The projection carrier owns a permit of its own, outside the lane caps, so
+		*  the transcript stream and the panels never compete for the same slot. */
+		function laneHasRoom(lane) {
+			return held < 4 && laneHeld[lane] < PLUGIN_LANE_CAPS[lane];
 		}
-		function TaskActivity({ activity, t }) {
-			return /* @__PURE__ */ jsxs("li", {
-				style: taskActivityItem,
-				children: [/* @__PURE__ */ jsx("span", {
-					style: taskActivityGlyph,
-					"aria-hidden": "true",
-					children: activity.isError === true ? "×" : "›"
-				}), /* @__PURE__ */ jsxs("div", {
-					style: taskActivityBody,
-					children: [
-						/* @__PURE__ */ jsx("p", {
-							style: taskActivityTitle,
-							children: activity.title ?? activity.kind
-						}),
-						activity.summary === void 0 ? null : /* @__PURE__ */ jsx("p", {
-							style: taskActivitySummary,
-							children: activity.summary
-						}),
-						activity.detail === void 0 ? null : /* @__PURE__ */ jsxs("details", {
-							style: taskActivityDetail,
-							children: [/* @__PURE__ */ jsx("summary", {
-								style: taskActivityDetailSummary,
-								children: t("detail")
-							}), /* @__PURE__ */ jsx("pre", {
-								style: detailCode,
-								children: activity.detail
-							})]
-						})
-					]
-				})]
+		function pump() {
+			for (let index = 0; index < queue.length; index += 1) {
+				const waiter = queue[index];
+				if (waiter === void 0 || !laneHasRoom(waiter.lane)) continue;
+				queue.splice(index, 1);
+				index -= 1;
+				clearTimeout(waiter.timer);
+				held += 1;
+				laneHeld[waiter.lane] += 1;
+				waiter.admit();
+			}
+		}
+		function release(lane) {
+			held -= 1;
+			laneHeld[lane] -= 1;
+			pump();
+		}
+		function acquire(lane) {
+			let released = false;
+			const releaseOnce = () => {
+				if (released) return;
+				released = true;
+				release(lane);
+			};
+			if (laneHasRoom(lane)) {
+				held += 1;
+				laneHeld[lane] += 1;
+				return Promise.resolve(releaseOnce);
+			}
+			return new Promise((resolve, reject) => {
+				const waiter = {
+					lane,
+					admit: () => resolve(releaseOnce),
+					reject,
+					timer: setTimeout(() => {
+						queue = queue.filter((item) => item !== waiter);
+						reject(new PluginRequestError("starved", "The plugin is holding every connection it is allowed to open."));
+					}, QUEUE_WAIT_BUDGET_MS)
+				};
+				queue.push(waiter);
 			});
 		}
-		function TaskCard(props) {
-			const { task, activities, t } = props;
-			const [activityOpen, setActivityOpen] = useState(false);
-			const running = task.status === "running";
-			const failed = task.status === "failed" || task.status === "killed";
-			const meta = taskMeta(task, t);
-			return /* @__PURE__ */ jsxs("article", {
-				style: {
-					...taskCard,
-					...running ? taskCardRunning : {}
-				},
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						style: taskCardTop,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: running ? "dsh-claude-act-running" : void 0,
-							style: {
-								...taskCardGlyph,
-								...running ? iconChipRunning : {},
-								...failed ? iconChipError : {}
-							},
-							"aria-hidden": "true",
-							children: statusGlyph(task.status)
-						}), /* @__PURE__ */ jsxs("div", {
-							style: taskCardBody,
-							children: [/* @__PURE__ */ jsx("p", {
-								style: {
-									...taskTitle,
-									...failed ? { color: "var(--dsw-alias-state-error-primary)" } : {}
-								},
-								children: task.description
-							}), /* @__PURE__ */ jsxs("p", {
-								style: taskStatusLine,
-								children: [/* @__PURE__ */ jsx("span", { children: t(STATUS_LABEL[task.status] ?? "tasksRunning") }), task.backgrounded === true ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-									"aria-hidden": "true",
-									children: " · "
-								}), /* @__PURE__ */ jsx("span", { children: t("tasksBackground") })] }) : null]
-							})]
-						})]
-					}),
-					meta.length === 0 ? null : /* @__PURE__ */ jsx("p", {
-						style: taskMeta$1,
-						children: meta.join(" · ")
-					}),
-					task.summary === void 0 || running ? null : /* @__PURE__ */ jsx("p", {
-						style: taskSummary,
-						children: task.summary
-					}),
-					activities.length === 0 ? null : /* @__PURE__ */ jsxs("div", {
-						style: taskActivitySection,
-						children: [/* @__PURE__ */ jsx("button", {
-							type: "button",
-							style: taskTextButton,
-							"aria-expanded": activityOpen,
-							onClick: () => setActivityOpen((value) => !value),
-							children: activityOpen ? t("tasksHideActivity") : t("tasksViewActivity")
-						}), activityOpen ? /* @__PURE__ */ jsx("ul", {
-							style: taskActivityList,
-							children: activities.map((activity) => /* @__PURE__ */ jsx(TaskActivity, {
-								activity,
-								t
-							}, `${activity.turn}:${activity.step}:${activity.ordinal}`))
-						}) : null]
-					})
-				]
-			});
+		function withQuery(path, query) {
+			if (query === void 0) return path;
+			const encoded = new URLSearchParams(query).toString();
+			return encoded.length === 0 ? path : `${path}?${encoded}`;
 		}
-		function GroupHeading(props) {
-			const { label, count, collapsed, onToggle, action } = props;
-			const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
-				style: tasksGroupCount,
-				children: count
-			})] });
-			return /* @__PURE__ */ jsxs("div", {
-				style: tasksGroupHeading,
-				children: [onToggle === void 0 ? /* @__PURE__ */ jsx("div", {
-					style: tasksGroupTitle,
-					children: content
-				}) : /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					style: tasksGroupToggle,
-					"aria-expanded": !collapsed,
-					onClick: onToggle,
-					children: [/* @__PURE__ */ jsx("span", {
-						style: {
-							...chevron,
-							...collapsed === true ? {} : chevronOpen
+		function failureOf(error, cancel) {
+			if (error instanceof PluginRequestError) return error;
+			if (cancel?.aborted === true) return new PluginRequestError("cancelled", "The caller cancelled the request.");
+			const name = error instanceof Error ? error.name : "";
+			if (name === "TimeoutError" || name === "AbortError") return new PluginRequestError("timeout", "The plugin route did not answer inside its budget.");
+			return new PluginRequestError("http", error instanceof Error ? error.message : String(error));
+		}
+		async function decode(response) {
+			let payload;
+			try {
+				payload = await response.json();
+			} catch {
+				if (response.ok) throw new PluginRequestError("shape", "The plugin route answered with a body this build cannot read.");
+				throw new PluginRequestError("http", `HTTP ${response.status}`, response.status);
+			}
+			if (response.ok) return payload;
+			if (response.status === 404) throw new PluginRequestError("route-missing", "The Host is running an older plugin build without this route.", 404);
+			const record = typeof payload === "object" && payload !== null ? payload : void 0;
+			const message = typeof record?.message === "string" ? record.message : typeof record?.error === "string" ? record.error : `HTTP ${response.status}`;
+			const code = typeof record?.error === "string" ? record.error : void 0;
+			throw new PluginRequestError("http", message, response.status, code);
+		}
+		async function dispatch(lane, method, path, budget, cancel, options) {
+			const url = withQuery(path, options?.query);
+			const key = options?.key ?? `${method} ${url}`;
+			const existing = inFlight.get(key);
+			if (existing !== void 0) return await existing;
+			const run = (async () => {
+				const free = await acquire(lane);
+				try {
+					const timeout = AbortSignal.timeout(clientBudgetMs(budget));
+					const signal = cancel === void 0 ? timeout : AbortSignal.any([cancel, timeout]);
+					return await decode(await send(url, {
+						method,
+						credentials: "same-origin",
+						signal,
+						headers: options?.json === void 0 ? { accept: "application/json" } : {
+							accept: "application/json",
+							"content-type": "application/json"
 						},
-						children: "›"
-					}), content]
-				}), action === void 0 ? null : /* @__PURE__ */ jsx("button", {
-					type: "button",
-					style: taskTextButton,
-					onClick: action.onClick,
-					children: action.label
-				})]
-			});
+						...options?.json === void 0 ? {} : { body: JSON.stringify(options.json) }
+					}));
+				} catch (error) {
+					throw failureOf(error, cancel);
+				} finally {
+					free();
+				}
+			})();
+			inFlight.set(key, run);
+			try {
+				return await run;
+			} finally {
+				if (inFlight.get(key) === run) inFlight.delete(key);
+			}
 		}
-		function ClaudeTasksPanel({ useClaudeProjection, t, closeDetails, turn }) {
-			const projection = useClaudeProjection((value) => value);
-			const tasks = useMemo(() => tasksForTurn(projection.tasks?.tasks ?? [], turn), [projection.tasks, turn]);
-			useEffect(() => {
-				if (!projection.owned || tasks.length === 0) closeDetails();
-			}, [
-				closeDetails,
-				projection.owned,
-				tasks.length
-			]);
-			const [finishedCollapsed, setFinishedCollapsed] = useState(false);
-			const [dismissedSettledIds, setDismissedSettledIds] = useState(() => /* @__PURE__ */ new Set());
-			const groups = useMemo(() => visibleTaskGroups(tasks, dismissedSettledIds), [tasks, dismissedSettledIds]);
-			const taskActivities = useMemo(() => new Map(tasks.map((task) => [task.taskId, activitiesForTask(projection.activities, task.taskId)])), [projection.activities, tasks]);
-			const clearFinished = () => setDismissedSettledIds((previous) => /* @__PURE__ */ new Set([...previous, ...tasks.filter((task) => task.status !== "running").map((task) => task.taskId)]));
-			if (!projection.owned) return null;
-			return /* @__PURE__ */ jsxs("div", {
-				className: detailsCardClass,
-				style: tasksPanel,
-				children: [
-					/* @__PURE__ */ jsxs("style", {
-						"data-dsh-claude-panel-icon-styles": true,
-						children: [detailsCardCss, panelIconButtonCss]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						style: tasksHeader,
-						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-							style: tasksHeading,
-							children: t("tasksPanelTurn")
-						}), /* @__PURE__ */ jsx("span", {
-							style: tasksTurnMeta,
-							children: t("tasksTurnNumber", { turn })
-						})] }), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: panelIconButtonClass,
-							"aria-label": t("tasksClose"),
-							onClick: closeDetails,
-							children: /* @__PURE__ */ jsx(IconCloseOutline16, {})
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						style: tasksBody,
-						children: [/* @__PURE__ */ jsxs("section", {
-							"aria-label": t("tasksRunning"),
-							children: [/* @__PURE__ */ jsx(GroupHeading, {
-								label: t("tasksRunning"),
-								count: groups.running.length
-							}), groups.running.length === 0 ? /* @__PURE__ */ jsx("p", {
-								style: tasksGroupEmpty,
-								children: t("tasksNoneRunning")
-							}) : /* @__PURE__ */ jsx("div", {
-								style: taskCardList,
-								children: groups.running.map((task) => /* @__PURE__ */ jsx(TaskCard, {
-									task,
-									activities: taskActivities.get(task.taskId) ?? [],
-									t
-								}, task.taskId))
-							})]
-						}), /* @__PURE__ */ jsxs("section", {
-							"aria-label": t("tasksSettled"),
-							style: tasksFinishedSection,
-							children: [/* @__PURE__ */ jsx(GroupHeading, {
-								label: t("tasksSettled"),
-								count: groups.finished.length,
-								collapsed: finishedCollapsed,
-								onToggle: () => setFinishedCollapsed((value) => !value),
-								...groups.finished.length === 0 ? {} : { action: {
-									label: t("tasksClear"),
-									onClick: clearFinished
-								} }
-							}), finishedCollapsed || groups.finished.length === 0 ? null : /* @__PURE__ */ jsx("div", {
-								style: taskCardList,
-								children: groups.finished.map((task) => /* @__PURE__ */ jsx(TaskCard, {
-									task,
-									activities: taskActivities.get(task.taskId) ?? [],
-									t
-								}, task.taskId))
-							})]
-						})]
-					})
-				]
+		/** A bounded read of a plugin route. */
+		function pluginRead(path, budget, cancel, options) {
+			return dispatch("read", "GET", path, budget, cancel, options);
+		}
+		/** A bounded write. Writes never coalesce by default: two of them are two
+		*  intents, even when their bodies match. */
+		function pluginWrite(path, budget, cancel, options) {
+			const method = options?.method ?? "POST";
+			return dispatch("write", method, path, budget, cancel, {
+				...options,
+				key: options?.key ?? `${method} ${withQuery(path, options?.query)} #${nextWriteId()}`
 			});
 		}
-		//#endregion
-		//#region src/client/ClaudeActivityTail.tsx
-		const MAX_HOVER_TASKS = 6;
-		function taskGlyph(status) {
-			if (status === "failed") return {
-				glyph: "×",
-				style: tasksHoverGlyphError
-			};
-			if (status === "completed") return {
-				glyph: "✓",
-				style: tasksHoverGlyphDone
-			};
-			return {
-				glyph: "●",
-				style: tasksHoverGlyphRunning
-			};
+		let writeId = 0;
+		function nextWriteId() {
+			writeId += 1;
+			return writeId;
 		}
-		function ClaudeTaskLauncher({ turn, tasks, t, openTasks }) {
-			const [hovered, setHovered] = useState(false);
-			const closeTimer = useRef();
-			const turnTasks = useMemo(() => tasksForTurn(tasks, turn), [tasks, turn]);
-			const summary = useMemo(() => summarizeTurnTasks(turnTasks), [turnTasks]);
-			const open = () => {
-				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
-				closeTimer.current = void 0;
-				setHovered(true);
-			};
-			const scheduleClose = () => {
-				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
-				closeTimer.current = setTimeout(() => {
-					closeTimer.current = void 0;
-					setHovered(false);
-				}, 350);
-			};
-			useEffect(() => () => {
-				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
-			}, []);
-			if (summary === void 0) return null;
-			const label = summary.state === "running" ? t("tasksTurnRunning", { count: summary.running }) : summary.state === "failed" ? t("tasksTurnFailed", {
-				failed: summary.failed,
-				completed: summary.completed
-			}) : t("tasksTurnCompleted", { count: summary.completed });
-			const stateStyle = summary.state === "completed" ? tasksBadgeDone : {};
-			const dotStyle = summary.state === "failed" ? tasksBadgeDotError : summary.state === "completed" ? tasksBadgeDotDone : {};
-			return /* @__PURE__ */ jsx("div", {
-				"data-claude-task-launcher": turn,
-				style: tasksBadgeWrap,
-				children: /* @__PURE__ */ jsxs("span", {
-					style: tasksBadgeSeat,
-					onMouseEnter: open,
-					onMouseLeave: scheduleClose,
-					onFocus: open,
-					onBlur: (event) => {
-						if (!event.currentTarget.contains(event.relatedTarget)) scheduleClose();
+		async function openStream(lane, path, cancel, options, reserved) {
+			const url = withQuery(path, options?.query);
+			const free = reserved ? () => {
+				projectionHeld = false;
+			} : await acquire(lane);
+			try {
+				const response = await send(url, {
+					method: options?.method ?? "GET",
+					credentials: "same-origin",
+					signal: cancel,
+					headers: options?.json === void 0 ? { accept: "application/x-ndjson" } : {
+						accept: "application/x-ndjson",
+						"content-type": "application/json"
 					},
-					children: [hovered ? /* @__PURE__ */ jsxs("span", {
-						role: "tooltip",
-						style: tasksHoverCard,
-						onMouseEnter: open,
-						onMouseLeave: scheduleClose,
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								style: tasksHoverHeader,
-								children: label
-							}),
-							turnTasks.slice(0, MAX_HOVER_TASKS).map((task) => {
-								const { glyph, style } = taskGlyph(task.status);
-								return /* @__PURE__ */ jsxs("span", {
-									style: tasksHoverRow,
-									children: [
-										/* @__PURE__ */ jsx("span", {
-											className: task.status === "running" ? "dsh-claude-act-running" : void 0,
-											style: {
-												...tasksHoverGlyph,
-												...style
-											},
-											"aria-hidden": "true",
-											children: glyph
-										}),
-										/* @__PURE__ */ jsx("span", {
-											style: tasksHoverDesc,
-											title: task.description,
-											children: task.description
-										}),
-										task.subagentType === void 0 ? null : /* @__PURE__ */ jsx("span", {
-											style: tasksHoverType,
-											children: task.subagentType
-										})
-									]
-								}, task.taskId);
-							}),
-							turnTasks.length > MAX_HOVER_TASKS ? /* @__PURE__ */ jsxs("span", {
-								style: tasksHoverMore,
-								children: ["+", turnTasks.length - MAX_HOVER_TASKS]
-							}) : null,
-							/* @__PURE__ */ jsx("span", {
-								style: tasksHoverHint,
-								children: t("tasksOpen")
-							})
-						]
-					}) : null, /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "dsh-claude-task-launcher",
-						style: {
-							...tasksTurnBadge,
-							...stateStyle,
-							...hovered ? tasksBadgeHovered : {}
-						},
-						"aria-label": `${label} — ${t("tasksOpen")}`,
-						onClick: () => openTasks(turn),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: summary.state === "running" ? "dsh-claude-act-running" : void 0,
-							style: {
-								...tasksBadgeDot,
-								...dotStyle
-							},
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ jsx("span", {
-							style: tasksBadgeLabel,
-							children: label
-						})]
-					})]
-				})
-			});
+					...options?.json === void 0 ? {} : { body: JSON.stringify(options.json) }
+				});
+				if (!response.ok || response.body === null) {
+					free();
+					if (response.status === 404) throw new PluginRequestError("route-missing", "The Host is running an older plugin build without this route.", 404);
+					throw new PluginRequestError("http", `HTTP ${response.status}`, response.status);
+				}
+				cancel.addEventListener("abort", free, { once: true });
+				return response.body.getReader();
+			} catch (error) {
+				free();
+				throw failureOf(error, cancel);
+			}
 		}
-		function ClaudeActivityTail({ matched, useClaudeProjection, t, openTasks }) {
-			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? []);
-			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
-				turn: matched.turn,
-				tasks,
-				t,
-				openTasks
-			});
+		/** A long-lived NDJSON response. No deadline — it is meant to stay open — but
+		*  it takes a counted permit for its whole life, which is the bound that
+		*  matters. */
+		function pluginNdjson(path, cancel, options) {
+			return openStream("stream", path, cancel, options, false);
 		}
-		//#endregion
-		//#region src/client/ClaudeActiveTasksNode.tsx
-		const EMPTY_TASKS$1 = [];
-		/** Render the task launcher while the owning DSH turn is still open. */
-		function ClaudeActiveTasksNode({ node, useClaudeProjection, t, openTasks }) {
-			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS$1);
-			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
-				turn: node.data.turn,
-				tasks,
-				t,
-				openTasks
-			});
+		/** The reserved projection carrier: exactly one live connection, ever,
+		*  whatever the session count. */
+		function pluginProjectionStream(path, cancel, options) {
+			if (projectionHeld) return Promise.reject(new PluginRequestError("starved", "The projection carrier is already open."));
+			projectionHeld = true;
+			return openStream("stream", path, cancel, options, true);
+		}
+		/** Fire-and-forget diagnostics. Dropped rather than queued when saturated:
+		*  the channel that reports the plugin's own failures must never be the
+		*  traffic that causes them. */
+		function pluginBeacon(path, body) {
+			if (!laneHasRoom("write")) return;
+			pluginWrite(path, "fast", void 0, { json: body }).catch(() => void 0);
 		}
 		//#endregion
-		//#region src/client/markdown-theme.ts
-		/** Claude Code's code presentation over the Host's Markdown renderer.
-		*
-		*  This package renders no Markdown of its own — prose, fenced blocks and the
-		*  copy affordance all come from the Host's `MarkdownText` primitive. What it
-		*  can own is what that primitive reads: the palette (custom properties) and
-		*  the block's chrome (CSS over the primitive's own markup).
-		*
-		*  PARITY IS PARTIAL BY CONSTRUCTION. Both renderers highlight with shiki, but
-		*  Claude Code's desktop build loads a full TextMate theme (Pierre Dark /
-		*  Pierre Light Soft: 248 tokenColor rules over 424 scopes) and bakes the
-		*  resolved colour into every span, while the Host loads shiki's legacy
-		*  `css-variables` theme, which collapses every scope into the eleven buckets
-		*  below. Those eleven carry the colours that dominate a code block —
-		*  keywords, strings, comments, functions, numbers — and nothing here can
-		*  recover the rest: `constant.numeric` and `constant` are two different
-		*  colours in Pierre and one bucket here, and Pierre's string-coloured string
-		*  delimiters share this sheet's single punctuation bucket. Matching the rest
-		*  means this package running its own shiki, which is a different decision
-		*  with a different cost.
-		*
-		*  Every rule fails open the way `host-chrome` does: the palette is
-		*  declarations on this package's own wrapper, and the chrome rules match the
-		*  primitive's CSS Module local names, so a Host that renames either simply
-		*  stops matching and its stock presentation comes back.
-		*/
-		/** Wrapper class carrying the palette and scoping the chrome rules.
-		*  `display:contents` so the extra element generates no box — custom
-		*  properties inherit through it regardless. */
-		const CLAUDE_MARKDOWN_SCOPE = "dsh-claude-markdown";
-		/** Pierre mapped onto the Host's eleven buckets. Each entry names the theme
-		*  scope the value was taken from, because the mapping — not the colour — is
-		*  the part a reader has to check. */
-		const PIERRE_DARK = [
-			[
-				"--shiki-background",
-				"#1a1a19",
-				"UI surface (--cds-surface-2)"
-			],
-			[
-				"--shiki-foreground",
-				"#fafafa",
-				"editor.foreground"
-			],
-			[
-				"--shiki-token-comment",
-				"#737373",
-				"comment"
-			],
-			[
-				"--shiki-token-keyword",
-				"#ff678d",
-				"keyword, storage.type"
-			],
-			[
-				"--shiki-token-string",
-				"#5ecc71",
-				"string"
-			],
-			[
-				"--shiki-token-string-expression",
-				"#ffa359",
-				"punctuation.section.embedded"
-			],
-			[
-				"--shiki-token-function",
-				"#9d6afb",
-				"entity.name.function"
-			],
-			[
-				"--shiki-token-constant",
-				"#68cdf2",
-				"constant.numeric, constant.language"
-			],
-			[
-				"--shiki-token-parameter",
-				"#a3a3a3",
-				"variable.parameter"
-			],
-			[
-				"--shiki-token-punctuation",
-				"#636363",
-				"punctuation"
-			],
-			[
-				"--shiki-token-link",
-				"#ff678d",
-				"markup.underline.link.markdown"
-			]
-		];
-		const PIERRE_LIGHT = [
-			[
-				"--shiki-background",
-				"#ffffff",
-				"UI surface (--cds-surface-2)"
-			],
-			[
-				"--shiki-foreground",
-				"#525252",
-				"editor.foreground"
-			],
-			[
-				"--shiki-token-comment",
-				"#8a8a8a",
-				"comment"
-			],
-			[
-				"--shiki-token-keyword",
-				"#ff678d",
-				"keyword, storage.type"
-			],
-			[
-				"--shiki-token-string",
-				"#0dbe4e",
-				"string"
-			],
-			[
-				"--shiki-token-string-expression",
-				"#fe8c2c",
-				"punctuation.section.embedded"
-			],
-			[
-				"--shiki-token-function",
-				"#9d6afb",
-				"entity.name.function"
-			],
-			[
-				"--shiki-token-constant",
-				"#08c0ef",
-				"constant.numeric, constant.language"
-			],
-			[
-				"--shiki-token-parameter",
-				"#737373",
-				"variable.parameter"
-			],
-			[
-				"--shiki-token-punctuation",
-				"#737373",
-				"punctuation"
-			],
-			[
-				"--shiki-token-link",
-				"#ff678d",
-				"markup.underline.link.markdown"
-			]
-		];
-		/** Claude's brand clay (`--cds-hsl-clay`), its inline-code TEXT colour; the
-		*  emphasized ramp is the light-theme variant. The chip's fill is deliberately
-		*  NOT tinted with it — see {@link INLINE_FILL_DARK}. */
-		const CLAY = "#d97757";
-		const CLAY_EMPHASIZED = "#c8603f";
-		/** The inline-code chip fill: a neutral 4% wash (Claude's `--t1`), not a tint
-		*  of the text colour. A clay-tinted fill reads as a coloured box around every
-		*  identifier; the neutral one disappears into the surface and lets the text
-		*  carry the accent, which is what the chip is for. */
-		const INLINE_FILL_DARK = "hsl(0 0% 100% / .04)";
-		const INLINE_FILL_LIGHT = "hsl(0 0% 4.3% / .04)";
-		/** Block corner radius (Claude's `--r6`), against the Host's own 12px. */
-		const BLOCK_RADIUS = "8px";
-		/** @param banner - equal to `surface` on purpose: the bar is floated out of
-		*  the way below, so this colour is only reached if those chrome selectors
-		*  miss, and a bar that matches the block is the neutral fallback. */
-		function palette(entries, surface, banner, inlineFill) {
-			return [
-				...entries.map(([name, value]) => `${name}:${value};`),
-				`--dsw-alias-markdown-code-block:${surface};`,
-				`--dsw-alias-markdown-code-block-banner:${banner};`,
-				`--dsw-alias-markdown-inline-code:${inlineFill}`
-			].join("");
+		//#region src/client/projection.ts
+		const EMPTY_CLAUDE_PROJECTION = {
+			schemaVersion: 1,
+			revision: 0,
+			owned: false,
+			commands: [],
+			activities: []
+		};
+		const RETRY_DELAY_MS = 2e3;
+		/** Floor between carrier reopens forced by a desync. A carrier that is losing
+		*  lines must not be answered with a reconnect per lost line. */
+		const RESYNC_COOLDOWN_MS = 5e3;
+		/** Wait for the subscribed set to stop moving before reopening the carrier:
+		*  mounting a session list changes it once per row. */
+		const SUBSCRIPTION_SETTLE_MS = 250;
+		const NDJSON_SEPARATOR = String.fromCharCode(10);
+		/** Coalesce stream deltas into at most one React notification per frame. */
+		const FRAME_MS = 16;
+		/** Typewriter smoothing: drain newly arrived prose over roughly this window,
+		*  so the CLI's paragraph-sized deltas read as a continuous character flow. */
+		const REVEAL_WINDOW_MS = 1200;
+		/** A burst larger than this (redaction rewrite, reconnect catch-up) shows
+		*  instantly instead of animating for a long stretch. */
+		const MAX_INSTANT_REVEAL = 4e3;
+		const MAX_ACTIVITIES = 1e4;
+		const MAX_COMMANDS = 2e3;
+		const MAX_REPOSITORY_TEXT_CHARS = 1024;
+		const MAX_DIFF_CHARS = 262144;
+		const MAX_REVIEW_COMMENTS = 50;
+		const MAX_REVIEW_COMMENT_CHARS = 2e3;
+		const MAX_TRANSCRIPT_CHARS = 64e3;
+		function record$7(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
-		const CLAUDE_MARKDOWN_THEME_CSS = [
-			`.${CLAUDE_MARKDOWN_SCOPE}{display:contents;`,
-			palette(PIERRE_LIGHT, "#ffffff", "#ffffff", INLINE_FILL_LIGHT),
-			"}",
-			`body[data-ds-dark-theme] .${CLAUDE_MARKDOWN_SCOPE}{`,
-			palette(PIERRE_DARK, "#1a1a19", "#1a1a19", INLINE_FILL_DARK),
-			"}",
-			`.${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code{color:${CLAY_EMPHASIZED};border-radius:4px;padding:1px 2px}`,
-			`body[data-ds-dark-theme] .${CLAUDE_MARKDOWN_SCOPE} :not(pre)>code{color:${CLAY}}`,
-			`.${CLAUDE_MARKDOWN_SCOPE} [class*="bannerWrap"]{position:absolute;top:0;right:0;z-index:7;background:transparent;border-radius:0}`,
-			`.${CLAUDE_MARKDOWN_SCOPE} [class*="banner"]:not([class*="bannerWrap"]){background:transparent;padding:6px 8px}`,
-			`.${CLAUDE_MARKDOWN_SCOPE} [class*="infostring"]{display:none}`,
-			`.${CLAUDE_MARKDOWN_SCOPE} pre{white-space:pre;word-break:normal;overflow-x:auto}`,
-			`.${CLAUDE_MARKDOWN_SCOPE} [class*="block"]{--dsl-code-block-border-radius:${BLOCK_RADIUS}}`
-		].join("");
-		let injected = false;
-		/** Attach the sheet once per page. */
-		function ensureClaudeMarkdownTheme() {
-			if (injected || typeof document === "undefined") return;
-			injected = true;
-			const element = document.createElement("style");
-			element.dataset.dshClaudeMarkdownTheme = "";
-			element.textContent = CLAUDE_MARKDOWN_THEME_CSS;
-			document.head.appendChild(element);
+		function nonNegativeInteger(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value >= 0;
 		}
-		//#endregion
-		//#region src/client/markdown-labels.tsx
-		/** Stable across renders: MarkdownText keys its streaming renderer on this
-		*  object's identity and reparses from scratch whenever it changes. */
-		function useClaudeMarkdownLabels(t) {
-			return useMemo(() => ({
-				code: {
-					copyLabel: t("markdownCopy"),
-					copiedLabel: t("markdownCopied")
-				},
-				footnotes: t("markdownFootnotes")
-			}), [t]);
+		function optionalBoundedString(value) {
+			return value === void 0 || typeof value === "string" && value.length <= MAX_REPOSITORY_TEXT_CHARS;
 		}
-		/** MarkdownText with the labels the running Host demands.
-		*
-		*  The published primitives package still types the old `codeLabels` prop, so
-		*  the new shape cannot typecheck against it — the cast is confined here rather
-		*  than repeated at every call site. Drop it once the installed
-		*  @deepseek-ai/dsh-client-ui-primitives matches the Desktop build. */
-		function ClaudeMarkdown({ text, labels, streaming }) {
-			const props = {
-				text,
-				labels,
-				...streaming === void 0 ? {} : { streaming }
-			};
-			const Renderer = MarkdownText;
-			ensureClaudeMarkdownTheme();
-			return /* @__PURE__ */ jsx("div", {
-				className: CLAUDE_MARKDOWN_SCOPE,
-				children: /* @__PURE__ */ jsx(Renderer, { ...props })
+		function validateRepository(value) {
+			const repository = record$7(value);
+			if (repository === void 0 || ![
+				"ready",
+				"not-repository",
+				"unavailable"
+			].includes(String(repository.status)) || typeof repository.cwd !== "string" || repository.cwd.length > MAX_REPOSITORY_TEXT_CHARS || !optionalBoundedString(repository.root) || !optionalBoundedString(repository.branch) || !optionalBoundedString(repository.remote) || repository.detached !== void 0 && typeof repository.detached !== "boolean" || repository.worktree !== void 0 && typeof repository.worktree !== "boolean" || repository.dirty !== void 0 && typeof repository.dirty !== "boolean" || repository.upstream !== void 0 && typeof repository.upstream !== "boolean" || repository.ahead !== void 0 && !nonNegativeInteger(repository.ahead) || repository.behind !== void 0 && !nonNegativeInteger(repository.behind)) return false;
+			if (repository.diff !== void 0) {
+				const diff = record$7(repository.diff);
+				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
+			}
+			if (repository.pullRequest === void 0) return true;
+			const pullRequest = record$7(repository.pullRequest);
+			if (pullRequest === void 0 || !Number.isSafeInteger(pullRequest.number) || Number(pullRequest.number) <= 0 || typeof pullRequest.title !== "string" || pullRequest.title.length > MAX_REPOSITORY_TEXT_CHARS || typeof pullRequest.url !== "string" || pullRequest.url.length > MAX_REPOSITORY_TEXT_CHARS || ![
+				"open",
+				"closed",
+				"merged"
+			].includes(String(pullRequest.state)) || typeof pullRequest.draft !== "boolean" || ![
+				"approved",
+				"changes-requested",
+				"review-required",
+				"none"
+			].includes(String(pullRequest.review)) || ![
+				"passing",
+				"pending",
+				"failing",
+				"none"
+			].includes(String(pullRequest.checks)) || !optionalBoundedString(pullRequest.mergeState) || !optionalBoundedString(pullRequest.author) || !optionalBoundedString(pullRequest.baseBranch) || pullRequest.createdAt !== void 0 && (typeof pullRequest.createdAt !== "string" || !Number.isFinite(Date.parse(pullRequest.createdAt))) || pullRequest.mergedAt !== void 0 && (typeof pullRequest.mergedAt !== "string" || !Number.isFinite(Date.parse(pullRequest.mergedAt)))) return false;
+			try {
+				const url = new URL(pullRequest.url);
+				return url.protocol === "https:" && url.hostname === "github.com";
+			} catch {
+				return false;
+			}
+		}
+		/** Validate the public route envelope before publishing it to UI components. */
+		function parseClaudeClientProjection(value) {
+			const input = record$7(value);
+			if (input === void 0 || input.schemaVersion !== 1 || !nonNegativeInteger(input.revision) || typeof input.owned !== "boolean" || !Array.isArray(input.commands) || input.commands.length > MAX_COMMANDS || !Array.isArray(input.activities) || input.activities.length > MAX_ACTIVITIES) throw new Error("invalid Claude sidecar projection");
+			for (const item of input.commands) {
+				const command = record$7(item);
+				if (command === void 0 || typeof command.publicName !== "string" || typeof command.claudeName !== "string" || typeof command.description !== "string" || command.hint !== void 0 && typeof command.hint !== "string" || typeof command.prefixed !== "boolean") throw new Error("invalid Claude command projection");
+			}
+			for (const item of input.activities) {
+				const activity = record$7(item);
+				if (activity === void 0 || !nonNegativeInteger(activity.turn) || !nonNegativeInteger(activity.step) || !nonNegativeInteger(activity.ordinal) || typeof activity.kind !== "string") throw new Error("invalid Claude sidecar activity");
+			}
+			if (input.contextUsage !== void 0 && record$7(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
+			const tasks = input.tasks === void 0 ? void 0 : record$7(input.tasks);
+			if (tasks !== void 0 && !Array.isArray(tasks.tasks)) throw new Error("invalid Claude tasks projection");
+			if (input.repository !== void 0 && !validateRepository(input.repository)) throw new Error("invalid Claude repository projection");
+			if (input.reviewComments !== void 0) {
+				if (!Array.isArray(input.reviewComments) || input.reviewComments.length > MAX_REVIEW_COMMENTS) throw new Error("invalid Claude review comment projection");
+				for (const item of input.reviewComments) {
+					const comment = record$7(item);
+					if (comment === void 0 || typeof comment.id !== "string" || comment.id.length === 0 || comment.id.length > 128 || typeof comment.path !== "string" || comment.path.length === 0 || comment.path.length > MAX_REPOSITORY_TEXT_CHARS || !nonNegativeInteger(comment.line) || comment.side !== "old" && comment.side !== "new" || typeof comment.text !== "string" || comment.text.length > MAX_REVIEW_COMMENT_CHARS) throw new Error("invalid Claude review comment projection");
+				}
+			}
+			if (input.rewind !== void 0) {
+				const ranges = record$7(input.rewind)?.ranges;
+				if (!Array.isArray(ranges) || ranges.length > 200) throw new Error("invalid Claude rewind projection");
+				for (const item of ranges) {
+					const range = record$7(item);
+					if (range === void 0 || !nonNegativeInteger(range.start) || !nonNegativeInteger(range.end)) throw new Error("invalid Claude rewind projection");
+				}
+			}
+			return input;
+		}
+		/** Validate one incremental delta payload with the same rules as a snapshot. */
+		function validateEnvelopeFragment(fragment) {
+			parseClaudeClientProjection({
+				schemaVersion: 1,
+				revision: 0,
+				owned: false,
+				commands: [],
+				activities: [],
+				...fragment
 			});
 		}
-		//#endregion
-		//#region src/plugin-budget.ts
-		/**
-		* The plugin's connection budget, in one table.
-		*
-		* A browser opens a small fixed number of connections to one origin — six for
-		* HTTP/1.1 in Chromium — and shares them with the Host's own traffic. Every
-		* response this plugin holds open costs one of them for its lifetime, and a
-		* request that cannot get one waits in the browser's queue where no server-side
-		* deadline can reach it. When the pool is exhausted the panels that would
-		* *diagnose* the problem are the first thing to stop answering, which is how
-		* this failure has always presented: four settings cards timing out at once
-		* against a Host that is demonstrably healthy.
-		*
-		* So the budget is a fixed constant rather than a function of how much work is
-		* in flight. Steady state is one connection (the multiplexed projection
-		* carrier); the peak is `PLUGIN_GLOBAL_PERMITS`, whatever the session count.
-		*
-		* Both halves read this file, which is the point: a route declares a budget
-		* class and the client derives its wait from the same entry, so a server
-		* deadline can never be quietly longer than the client's patience.
-		*/
-		/** Server-side budget classes. A route declares a class, never a number. */
-		const ROUTE_BUDGET_MS = {
-			/** Answers from memory or a single bounded probe. */
-			fast: 5e3,
-			/** Chains local Git work. */
-			git: 45e3,
-			/** Reaches the network: remote Git, `gh`, the npm registry. */
-			remote: 15e4
-		};
-		/** The client waits one round trip longer, so the route's own 504 wins the
-		*  race and the caller learns which budget elapsed instead of guessing. */
-		const CLIENT_GRACE_MS = 3e3;
-		function clientBudgetMs(budget) {
-			return ROUTE_BUDGET_MS[budget] + CLIENT_GRACE_MS;
-		}
-		/** A request that never got a permit fails fast and says so, rather than
-		*  spending its whole budget queued behind work it cannot see. */
-		const QUEUE_WAIT_BUDGET_MS = 4e3;
-		/** Per-lane ceilings inside the global budget.
-		*
-		*  The projection carrier holds a permanently reserved permit outside these,
-		*  so three remain. `write + stream <= 2` leaves one permit that only a read
-		*  can take: a diagnostic read always has somewhere to go, however many slow
-		*  actions are in flight. That invariant is what stops a 150s repository
-		*  action from reproducing the original symptom through a new mechanism. */
-		const PLUGIN_LANE_CAPS = {
-			read: 2,
-			write: 1,
-			stream: 1
-		};
-		//#endregion
-		//#region src/rewind.ts
-		function isRewound(ranges, seq) {
-			return ranges.some((range) => seq >= range.start && seq <= range.end);
-		}
-		//#endregion
-		//#region src/client/plugin-transport.ts
-		/**
-		* The plugin's only door to the network.
-		*
-		* Every request the Client makes goes through here, and the shape of the
-		* public functions is the point. There is no `signal` property, no `headers`,
-		* no `RequestInit` and no millisecond number in any parameter: a caller cannot
-		* hand this module an options object whose later spread silently overwrites
-		* the deadline sitting above it. That is not a hypothetical — it is exactly
-		* how four call sites lost their deadlines while looking completely ordinary,
-		* because `exactOptionalPropertyTypes` forbids writing `signal: undefined` and
-		* the spread idiom is what people reach for instead. `cancel` is positional
-		* here, so `undefined` is simply passable and the idiom has nothing to do.
-		*
-		* The second seal is arithmetic. The browser shares a small fixed connection
-		* budget between this plugin and the Host, and the plugin used to spend it
-		* proportionally to how many Claude sessions existed. Here every request takes
-		* a permit from a fixed pool first, so more call sites and more sessions
-		* cannot become more sockets — a saturated plugin queues, and says `starved`
-		* within `QUEUE_WAIT_BUDGET_MS` instead of dying silently at its full budget.
-		*
-		* Lane caps guarantee a read always has somewhere to go: the projection
-		* carrier holds a reserved permit, and `write + stream` can occupy at most two
-		* of the remaining three. The panel that diagnoses a saturated pool is
-		* therefore the one request that cannot be starved by it.
-		*/
-		var PluginRequestError = class extends Error {
-			reason;
-			status;
-			code;
-			constructor(reason, message, status, code) {
-				super(message);
-				this.name = "PluginRequestError";
-				this.reason = reason;
-				if (status !== void 0) this.status = status;
-				if (code !== void 0) this.code = code;
-			}
-		};
-		let send = (...args) => fetch(...args);
-		let held = 0;
-		const laneHeld = {
-			read: 0,
-			write: 0,
-			stream: 0
-		};
-		let projectionHeld = false;
-		let queue = [];
-		const inFlight = /* @__PURE__ */ new Map();
-		/** The projection carrier owns a permit of its own, outside the lane caps, so
-		*  the transcript stream and the panels never compete for the same slot. */
-		function laneHasRoom(lane) {
-			return held < 4 && laneHeld[lane] < PLUGIN_LANE_CAPS[lane];
-		}
-		function pump() {
-			for (let index = 0; index < queue.length; index += 1) {
-				const waiter = queue[index];
-				if (waiter === void 0 || !laneHasRoom(waiter.lane)) continue;
-				queue.splice(index, 1);
-				index -= 1;
-				clearTimeout(waiter.timer);
-				held += 1;
-				laneHeld[waiter.lane] += 1;
-				waiter.admit();
-			}
-		}
-		function release(lane) {
-			held -= 1;
-			laneHeld[lane] -= 1;
-			pump();
-		}
-		function acquire(lane) {
-			let released = false;
-			const releaseOnce = () => {
-				if (released) return;
-				released = true;
-				release(lane);
-			};
-			if (laneHasRoom(lane)) {
-				held += 1;
-				laneHeld[lane] += 1;
-				return Promise.resolve(releaseOnce);
-			}
-			return new Promise((resolve, reject) => {
-				const waiter = {
-					lane,
-					admit: () => resolve(releaseOnce),
-					reject,
-					timer: setTimeout(() => {
-						queue = queue.filter((item) => item !== waiter);
-						reject(new PluginRequestError("starved", "The plugin is holding every connection it is allowed to open."));
-					}, QUEUE_WAIT_BUDGET_MS)
-				};
-				queue.push(waiter);
-			});
-		}
-		function withQuery(path, query) {
-			if (query === void 0) return path;
-			const encoded = new URLSearchParams(query).toString();
-			return encoded.length === 0 ? path : `${path}?${encoded}`;
-		}
-		function failureOf(error, cancel) {
-			if (error instanceof PluginRequestError) return error;
-			if (cancel?.aborted === true) return new PluginRequestError("cancelled", "The caller cancelled the request.");
-			const name = error instanceof Error ? error.name : "";
-			if (name === "TimeoutError" || name === "AbortError") return new PluginRequestError("timeout", "The plugin route did not answer inside its budget.");
-			return new PluginRequestError("http", error instanceof Error ? error.message : String(error));
-		}
-		async function decode(response) {
-			let payload;
-			try {
-				payload = await response.json();
-			} catch {
-				if (response.ok) throw new PluginRequestError("shape", "The plugin route answered with a body this build cannot read.");
-				throw new PluginRequestError("http", `HTTP ${response.status}`, response.status);
-			}
-			if (response.ok) return payload;
-			if (response.status === 404) throw new PluginRequestError("route-missing", "The Host is running an older plugin build without this route.", 404);
-			const record = typeof payload === "object" && payload !== null ? payload : void 0;
-			const message = typeof record?.message === "string" ? record.message : typeof record?.error === "string" ? record.error : `HTTP ${response.status}`;
-			const code = typeof record?.error === "string" ? record.error : void 0;
-			throw new PluginRequestError("http", message, response.status, code);
-		}
-		async function dispatch(lane, method, path, budget, cancel, options) {
-			const url = withQuery(path, options?.query);
-			const key = options?.key ?? `${method} ${url}`;
-			const existing = inFlight.get(key);
-			if (existing !== void 0) return await existing;
-			const run = (async () => {
-				const free = await acquire(lane);
-				try {
-					const timeout = AbortSignal.timeout(clientBudgetMs(budget));
-					const signal = cancel === void 0 ? timeout : AbortSignal.any([cancel, timeout]);
-					return await decode(await send(url, {
-						method,
-						credentials: "same-origin",
-						signal,
-						headers: options?.json === void 0 ? { accept: "application/json" } : {
-							accept: "application/json",
-							"content-type": "application/json"
-						},
-						...options?.json === void 0 ? {} : { body: JSON.stringify(options.json) }
-					}));
-				} catch (error) {
-					throw failureOf(error, cancel);
-				} finally {
-					free();
-				}
-			})();
-			inFlight.set(key, run);
-			try {
-				return await run;
-			} finally {
-				if (inFlight.get(key) === run) inFlight.delete(key);
-			}
-		}
-		/** A bounded read of a plugin route. */
-		function pluginRead(path, budget, cancel, options) {
-			return dispatch("read", "GET", path, budget, cancel, options);
-		}
-		/** A bounded write. Writes never coalesce by default: two of them are two
-		*  intents, even when their bodies match. */
-		function pluginWrite(path, budget, cancel, options) {
-			const method = options?.method ?? "POST";
-			return dispatch("write", method, path, budget, cancel, {
-				...options,
-				key: options?.key ?? `${method} ${withQuery(path, options?.query)} #${nextWriteId()}`
-			});
-		}
-		let writeId = 0;
-		function nextWriteId() {
-			writeId += 1;
-			return writeId;
-		}
-		async function openStream(lane, path, cancel, options, reserved) {
-			const url = withQuery(path, options?.query);
-			const free = reserved ? () => {
-				projectionHeld = false;
-			} : await acquire(lane);
-			try {
-				const response = await send(url, {
-					method: options?.method ?? "GET",
-					credentials: "same-origin",
-					signal: cancel,
-					headers: options?.json === void 0 ? { accept: "application/x-ndjson" } : {
-						accept: "application/x-ndjson",
-						"content-type": "application/json"
-					},
-					...options?.json === void 0 ? {} : { body: JSON.stringify(options.json) }
-				});
-				if (!response.ok || response.body === null) {
-					free();
-					if (response.status === 404) throw new PluginRequestError("route-missing", "The Host is running an older plugin build without this route.", 404);
-					throw new PluginRequestError("http", `HTTP ${response.status}`, response.status);
-				}
-				cancel.addEventListener("abort", free, { once: true });
-				return response.body.getReader();
-			} catch (error) {
-				free();
-				throw failureOf(error, cancel);
-			}
-		}
-		/** A long-lived NDJSON response. No deadline — it is meant to stay open — but
-		*  it takes a counted permit for its whole life, which is the bound that
-		*  matters. */
-		function pluginNdjson(path, cancel, options) {
-			return openStream("stream", path, cancel, options, false);
-		}
-		/** The reserved projection carrier: exactly one live connection, ever,
-		*  whatever the session count. */
-		function pluginProjectionStream(path, cancel, options) {
-			if (projectionHeld) return Promise.reject(new PluginRequestError("starved", "The projection carrier is already open."));
-			projectionHeld = true;
-			return openStream("stream", path, cancel, options, true);
-		}
-		/** Fire-and-forget diagnostics. Dropped rather than queued when saturated:
-		*  the channel that reports the plugin's own failures must never be the
-		*  traffic that causes them. */
-		function pluginBeacon(path, body) {
-			if (!laneHasRoom("write")) return;
-			pluginWrite(path, "fast", void 0, { json: body }).catch(() => void 0);
-		}
-		//#endregion
-		//#region src/client/projection.ts
-		const EMPTY_CLAUDE_PROJECTION = {
-			schemaVersion: 1,
-			revision: 0,
-			owned: false,
-			commands: [],
-			activities: []
-		};
-		const RETRY_DELAY_MS = 2e3;
-		/** Floor between carrier reopens forced by a desync. A carrier that is losing
-		*  lines must not be answered with a reconnect per lost line. */
-		const RESYNC_COOLDOWN_MS = 5e3;
-		/** Wait for the subscribed set to stop moving before reopening the carrier:
-		*  mounting a session list changes it once per row. */
-		const SUBSCRIPTION_SETTLE_MS = 250;
-		const NDJSON_SEPARATOR = String.fromCharCode(10);
-		/** Coalesce stream deltas into at most one React notification per frame. */
-		const FRAME_MS = 16;
-		/** Typewriter smoothing: drain newly arrived prose over roughly this window,
-		*  so the CLI's paragraph-sized deltas read as a continuous character flow. */
-		const REVEAL_WINDOW_MS = 1200;
-		/** A burst larger than this (redaction rewrite, reconnect catch-up) shows
-		*  instantly instead of animating for a long stretch. */
-		const MAX_INSTANT_REVEAL = 4e3;
-		const MAX_ACTIVITIES = 1e4;
-		const MAX_COMMANDS = 2e3;
-		const MAX_REPOSITORY_TEXT_CHARS = 1024;
-		const MAX_DIFF_CHARS = 262144;
-		const MAX_REVIEW_COMMENTS = 50;
-		const MAX_REVIEW_COMMENT_CHARS = 2e3;
-		const MAX_TRANSCRIPT_CHARS = 64e3;
-		function record$7(value) {
-			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
-		}
-		function nonNegativeInteger(value) {
-			return typeof value === "number" && Number.isSafeInteger(value) && value >= 0;
-		}
-		function optionalBoundedString(value) {
-			return value === void 0 || typeof value === "string" && value.length <= MAX_REPOSITORY_TEXT_CHARS;
-		}
-		function validateRepository(value) {
-			const repository = record$7(value);
-			if (repository === void 0 || ![
-				"ready",
-				"not-repository",
-				"unavailable"
-			].includes(String(repository.status)) || typeof repository.cwd !== "string" || repository.cwd.length > MAX_REPOSITORY_TEXT_CHARS || !optionalBoundedString(repository.root) || !optionalBoundedString(repository.branch) || !optionalBoundedString(repository.remote) || repository.detached !== void 0 && typeof repository.detached !== "boolean" || repository.worktree !== void 0 && typeof repository.worktree !== "boolean" || repository.dirty !== void 0 && typeof repository.dirty !== "boolean" || repository.upstream !== void 0 && typeof repository.upstream !== "boolean" || repository.ahead !== void 0 && !nonNegativeInteger(repository.ahead) || repository.behind !== void 0 && !nonNegativeInteger(repository.behind)) return false;
-			if (repository.diff !== void 0) {
-				const diff = record$7(repository.diff);
-				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
-			}
-			if (repository.pullRequest === void 0) return true;
-			const pullRequest = record$7(repository.pullRequest);
-			if (pullRequest === void 0 || !Number.isSafeInteger(pullRequest.number) || Number(pullRequest.number) <= 0 || typeof pullRequest.title !== "string" || pullRequest.title.length > MAX_REPOSITORY_TEXT_CHARS || typeof pullRequest.url !== "string" || pullRequest.url.length > MAX_REPOSITORY_TEXT_CHARS || ![
-				"open",
-				"closed",
-				"merged"
-			].includes(String(pullRequest.state)) || typeof pullRequest.draft !== "boolean" || ![
-				"approved",
-				"changes-requested",
-				"review-required",
-				"none"
-			].includes(String(pullRequest.review)) || ![
-				"passing",
-				"pending",
-				"failing",
-				"none"
-			].includes(String(pullRequest.checks)) || !optionalBoundedString(pullRequest.mergeState) || !optionalBoundedString(pullRequest.author) || !optionalBoundedString(pullRequest.baseBranch) || pullRequest.createdAt !== void 0 && (typeof pullRequest.createdAt !== "string" || !Number.isFinite(Date.parse(pullRequest.createdAt))) || pullRequest.mergedAt !== void 0 && (typeof pullRequest.mergedAt !== "string" || !Number.isFinite(Date.parse(pullRequest.mergedAt)))) return false;
-			try {
-				const url = new URL(pullRequest.url);
-				return url.protocol === "https:" && url.hostname === "github.com";
-			} catch {
-				return false;
-			}
-		}
-		/** Validate the public route envelope before publishing it to UI components. */
-		function parseClaudeClientProjection(value) {
-			const input = record$7(value);
-			if (input === void 0 || input.schemaVersion !== 1 || !nonNegativeInteger(input.revision) || typeof input.owned !== "boolean" || !Array.isArray(input.commands) || input.commands.length > MAX_COMMANDS || !Array.isArray(input.activities) || input.activities.length > MAX_ACTIVITIES) throw new Error("invalid Claude sidecar projection");
-			for (const item of input.commands) {
-				const command = record$7(item);
-				if (command === void 0 || typeof command.publicName !== "string" || typeof command.claudeName !== "string" || typeof command.description !== "string" || command.hint !== void 0 && typeof command.hint !== "string" || typeof command.prefixed !== "boolean") throw new Error("invalid Claude command projection");
-			}
-			for (const item of input.activities) {
-				const activity = record$7(item);
-				if (activity === void 0 || !nonNegativeInteger(activity.turn) || !nonNegativeInteger(activity.step) || !nonNegativeInteger(activity.ordinal) || typeof activity.kind !== "string") throw new Error("invalid Claude sidecar activity");
-			}
-			if (input.contextUsage !== void 0 && record$7(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
-			const tasks = input.tasks === void 0 ? void 0 : record$7(input.tasks);
-			if (tasks !== void 0 && !Array.isArray(tasks.tasks)) throw new Error("invalid Claude tasks projection");
-			if (input.repository !== void 0 && !validateRepository(input.repository)) throw new Error("invalid Claude repository projection");
-			if (input.reviewComments !== void 0) {
-				if (!Array.isArray(input.reviewComments) || input.reviewComments.length > MAX_REVIEW_COMMENTS) throw new Error("invalid Claude review comment projection");
-				for (const item of input.reviewComments) {
-					const comment = record$7(item);
-					if (comment === void 0 || typeof comment.id !== "string" || comment.id.length === 0 || comment.id.length > 128 || typeof comment.path !== "string" || comment.path.length === 0 || comment.path.length > MAX_REPOSITORY_TEXT_CHARS || !nonNegativeInteger(comment.line) || comment.side !== "old" && comment.side !== "new" || typeof comment.text !== "string" || comment.text.length > MAX_REVIEW_COMMENT_CHARS) throw new Error("invalid Claude review comment projection");
-				}
-			}
-			if (input.rewind !== void 0) {
-				const ranges = record$7(input.rewind)?.ranges;
-				if (!Array.isArray(ranges) || ranges.length > 200) throw new Error("invalid Claude rewind projection");
-				for (const item of ranges) {
-					const range = record$7(item);
-					if (range === void 0 || !nonNegativeInteger(range.start) || !nonNegativeInteger(range.end)) throw new Error("invalid Claude rewind projection");
-				}
-			}
-			return input;
-		}
-		/** Validate one incremental delta payload with the same rules as a snapshot. */
-		function validateEnvelopeFragment(fragment) {
-			parseClaudeClientProjection({
-				schemaVersion: 1,
-				revision: 0,
-				owned: false,
-				commands: [],
-				activities: [],
-				...fragment
-			});
-		}
-		function stepKeyOf(turn, step) {
-			return `${turn}:${step}`;
-		}
-		const EMPTY_ACTIVITIES = [];
-		/** Identity-stable per-step slice; untouched steps never re-render while
-		*  another step streams. Falls back to filtering for snapshot-only hooks. */
-		function selectStepActivities(value, turn, step) {
-			const sliced = value.byStep?.get(stepKeyOf(turn, step));
-			if (sliced !== void 0) return sliced;
-			const filtered = value.activities.filter((activity) => activity.turn === turn && activity.step === step);
-			return filtered.length === 0 ? EMPTY_ACTIVITIES : filtered;
-		}
-		function isAbort(error) {
-			return error?.name === "AbortError";
-		}
-		function delay(ms) {
-			return new Promise((resolve) => {
-				setTimeout(resolve, ms).unref?.();
-			});
-		}
-		/** One session's reducer over the shared carrier's lines.
+		function stepKeyOf(turn, step) {
+			return `${turn}:${step}`;
+		}
+		const EMPTY_ACTIVITIES = [];
+		/** Identity-stable per-step slice; untouched steps never re-render while
+		*  another step streams. Falls back to filtering for snapshot-only hooks. */
+		function selectStepActivities(value, turn, step) {
+			const sliced = value.byStep?.get(stepKeyOf(turn, step));
+			if (sliced !== void 0) return sliced;
+			const filtered = value.activities.filter((activity) => activity.turn === turn && activity.step === step);
+			return filtered.length === 0 ? EMPTY_ACTIVITIES : filtered;
+		}
+		function isAbort(error) {
+			return error?.name === "AbortError";
+		}
+		function delay(ms) {
+			return new Promise((resolve) => {
+				setTimeout(resolve, ms).unref?.();
+			});
+		}
+		/** One session's reducer over the shared carrier's lines.
 		*
 		*  A source opens nothing. It used to hold a stream of its own, which made the
 		*  plugin's connection count a function of how many sessions existed;
@@ -4695,586 +4411,1095 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
-		/**
-		* Every session's projection over ONE connection.
-		*
-		* The plugin used to open an NDJSON stream per session, so its share of the
-		* browser's small per-origin connection budget grew with the number of Claude
-		* sessions — and the overview panel subscribes one per LISTED session, not per
-		* open one. Past a handful of sessions the plugin's own settings panel could no
-		* longer get a connection at all, which is the failure this class exists to
-		* make impossible: the carrier is one connection whatever the session count.
-		*
-		* `source(sessionId)` keeps its shape, so consumers are unaware of any of this.
-		*/
-		var ClaudeProjectionStore = class {
-			#sources = /* @__PURE__ */ new Map();
-			/** Sessions with at least one live subscriber, newest interest last. */
-			#wanted = /* @__PURE__ */ new Set();
-			#open;
-			#retryDelayMs;
-			#settleMs;
-			#report;
-			#resyncCooldownMs;
-			#resyncedAt = 0;
-			#controller;
-			#settle;
-			#running = false;
-			#disposed = false;
-			constructor(options = {}) {
-				this.#open = options.open ?? ((path, cancel) => pluginProjectionStream(path, cancel));
-				this.#retryDelayMs = options.retryDelayMs ?? RETRY_DELAY_MS;
-				this.#settleMs = options.settleMs ?? SUBSCRIPTION_SETTLE_MS;
-				this.#report = options.report ?? (() => {});
-				this.#resyncCooldownMs = options.resyncCooldownMs ?? RESYNC_COOLDOWN_MS;
-			}
-			source(sessionId) {
-				let source = this.#sources.get(sessionId);
-				if (source === void 0) {
-					source = createClaudeProjectionSource(sessionId, (active) => {
-						this.#demand(sessionId, active);
-					}, (kind, detail) => {
-						this.#resync(kind, detail);
-					});
-					this.#sources.set(sessionId, source);
-				}
-				return source;
-			}
-			/** Reopen the carrier so every lane is restated from a fresh snapshot.
-			*
-			*  One session noticed the hole, but the carrier is shared and a dropped
-			*  line is a property of the carrier, so the others are suspect too --
-			*  reopening restates all of them for the price of the one reconnect. */
-			#resync(kind, detail) {
-				if (this.#disposed) return;
-				this.#report(kind, detail);
-				const now = Date.now();
-				if (now - this.#resyncedAt < this.#resyncCooldownMs) return;
-				this.#resyncedAt = now;
-				this.#reopen();
-			}
-			dispose() {
-				this.#disposed = true;
-				if (this.#settle !== void 0) clearTimeout(this.#settle);
-				this.#settle = void 0;
-				this.#controller?.abort();
-				this.#controller = void 0;
-				for (const source of this.#sources.values()) source.dispose();
-				this.#sources.clear();
-				this.#wanted.clear();
-			}
-			/** Note interest and reopen the carrier once the set stops moving. Mounting
-			*  a session list would otherwise reopen it once per row. */
-			#demand(sessionId, active) {
-				if (this.#disposed) return;
-				if (active) {
-					this.#wanted.delete(sessionId);
-					this.#wanted.add(sessionId);
-				} else if (!this.#wanted.delete(sessionId)) return;
-				if (this.#settle !== void 0) clearTimeout(this.#settle);
-				const timer = setTimeout(() => {
-					this.#settle = void 0;
-					this.#reopen();
-				}, this.#settleMs);
-				timer.unref?.();
-				this.#settle = timer;
-			}
-			#lanes() {
-				const wanted = [...this.#wanted];
-				return wanted.slice(Math.max(0, wanted.length - 16));
+		/**
+		* Every session's projection over ONE connection.
+		*
+		* The plugin used to open an NDJSON stream per session, so its share of the
+		* browser's small per-origin connection budget grew with the number of Claude
+		* sessions — and the overview panel subscribes one per LISTED session, not per
+		* open one. Past a handful of sessions the plugin's own settings panel could no
+		* longer get a connection at all, which is the failure this class exists to
+		* make impossible: the carrier is one connection whatever the session count.
+		*
+		* `source(sessionId)` keeps its shape, so consumers are unaware of any of this.
+		*/
+		var ClaudeProjectionStore = class {
+			#sources = /* @__PURE__ */ new Map();
+			/** Sessions with at least one live subscriber, newest interest last. */
+			#wanted = /* @__PURE__ */ new Set();
+			#open;
+			#retryDelayMs;
+			#settleMs;
+			#report;
+			#resyncCooldownMs;
+			#resyncedAt = 0;
+			#controller;
+			#settle;
+			#running = false;
+			#disposed = false;
+			constructor(options = {}) {
+				this.#open = options.open ?? ((path, cancel) => pluginProjectionStream(path, cancel));
+				this.#retryDelayMs = options.retryDelayMs ?? RETRY_DELAY_MS;
+				this.#settleMs = options.settleMs ?? SUBSCRIPTION_SETTLE_MS;
+				this.#report = options.report ?? (() => {});
+				this.#resyncCooldownMs = options.resyncCooldownMs ?? RESYNC_COOLDOWN_MS;
+			}
+			source(sessionId) {
+				let source = this.#sources.get(sessionId);
+				if (source === void 0) {
+					source = createClaudeProjectionSource(sessionId, (active) => {
+						this.#demand(sessionId, active);
+					}, (kind, detail) => {
+						this.#resync(kind, detail);
+					});
+					this.#sources.set(sessionId, source);
+				}
+				return source;
+			}
+			/** Reopen the carrier so every lane is restated from a fresh snapshot.
+			*
+			*  One session noticed the hole, but the carrier is shared and a dropped
+			*  line is a property of the carrier, so the others are suspect too --
+			*  reopening restates all of them for the price of the one reconnect. */
+			#resync(kind, detail) {
+				if (this.#disposed) return;
+				this.#report(kind, detail);
+				const now = Date.now();
+				if (now - this.#resyncedAt < this.#resyncCooldownMs) return;
+				this.#resyncedAt = now;
+				this.#reopen();
+			}
+			dispose() {
+				this.#disposed = true;
+				if (this.#settle !== void 0) clearTimeout(this.#settle);
+				this.#settle = void 0;
+				this.#controller?.abort();
+				this.#controller = void 0;
+				for (const source of this.#sources.values()) source.dispose();
+				this.#sources.clear();
+				this.#wanted.clear();
+			}
+			/** Note interest and reopen the carrier once the set stops moving. Mounting
+			*  a session list would otherwise reopen it once per row. */
+			#demand(sessionId, active) {
+				if (this.#disposed) return;
+				if (active) {
+					this.#wanted.delete(sessionId);
+					this.#wanted.add(sessionId);
+				} else if (!this.#wanted.delete(sessionId)) return;
+				if (this.#settle !== void 0) clearTimeout(this.#settle);
+				const timer = setTimeout(() => {
+					this.#settle = void 0;
+					this.#reopen();
+				}, this.#settleMs);
+				timer.unref?.();
+				this.#settle = timer;
+			}
+			#lanes() {
+				const wanted = [...this.#wanted];
+				return wanted.slice(Math.max(0, wanted.length - 16));
+			}
+			#reopen() {
+				this.#controller?.abort();
+				this.#controller = void 0;
+				if (this.#disposed || this.#wanted.size === 0) return;
+				this.#run();
+			}
+			async #run() {
+				if (this.#running) return;
+				this.#running = true;
+				try {
+					while (!this.#disposed && this.#wanted.size > 0) {
+						const controller = new AbortController();
+						this.#controller = controller;
+						const lanes = this.#lanes();
+						let superseded = false;
+						try {
+							const reader = await this.#open(`${CLAUDE_PROJECTION_PATH}/multi?sessions=${lanes.map(encodeURIComponent).join(",")}`, controller.signal);
+							const stop = () => {
+								superseded = true;
+								reader.cancel().catch(() => void 0);
+							};
+							controller.signal.addEventListener("abort", stop, { once: true });
+							const decoder = new TextDecoder();
+							let buffer = "";
+							while (!controller.signal.aborted) {
+								const chunk = await reader.read();
+								buffer += decoder.decode(chunk.value, { stream: !chunk.done });
+								const lines = buffer.split(NDJSON_SEPARATOR);
+								buffer = lines.pop() ?? "";
+								for (const line of lines) this.#dispatch(line);
+								if (chunk.done) break;
+							}
+							controller.signal.removeEventListener("abort", stop);
+							await reader.cancel().catch(() => void 0);
+						} catch (error) {
+							if (isAbort(error)) {
+								if (this.#controller !== controller) continue;
+								return;
+							}
+						} finally {
+							if (this.#controller === controller) this.#controller = void 0;
+						}
+						if (this.#disposed || this.#wanted.size === 0) return;
+						if (superseded) continue;
+						await delay(this.#retryDelayMs);
+					}
+				} finally {
+					this.#running = false;
+				}
+			}
+			/** Route one carrier line to the session that owns it. A line for a session
+			*  nobody is watching any more is dropped rather than reviving its lane. */
+			#dispatch(line) {
+				if (line.length === 0) return;
+				let session;
+				try {
+					session = JSON.parse(line).session;
+				} catch {
+					return;
+				}
+				if (typeof session !== "string") return;
+				this.#sources.get(session)?.feed(line);
+			}
+		};
+		//#endregion
+		//#region src/client/token-format.ts
+		function formatTokenCount(tokens) {
+			if (tokens >= 1e6) return `${Number((tokens / 1e6).toFixed(tokens >= 1e7 ? 0 : 1))}M`;
+			if (tokens >= 1e3) return `${Number((tokens / 1e3).toFixed(tokens >= 1e5 ? 0 : 1))}K`;
+			return String(tokens);
+		}
+		//#endregion
+		//#region src/client/ClaudeActivityNode.tsx
+		const EMPTY_TASKS$1 = [];
+		const ACTIVITY_CSS = [
+			".dsh-claude-flow{display:flex;flex-direction:column;gap:10px}",
+			".dsh-claude-transcript-text{color:var(--dsw-alias-label-primary);font-size:15px;line-height:24px;overflow-wrap:anywhere}",
+			".dsh-claude-tool-group-native{overflow:visible}",
+			".dsh-claude-tool-group-native>.dsh-claude-flow-row{padding:0}",
+			".dsh-claude-tool-list{max-height:min(420px,calc(100vh - 320px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-top:4px;border:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent));border-radius:10px;scrollbar-gutter:stable}",
+			".dsh-claude-tool-item{border-top:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
+			".dsh-claude-tool-item:first-child{border-top:0}",
+			".dsh-claude-tool-summary-row{display:flex;align-items:center;min-height:34px;gap:8px;padding:0 10px;cursor:pointer;list-style:none}",
+			".dsh-claude-tool-summary-row::-webkit-details-marker{display:none}",
+			".dsh-claude-tool-summary-row::after{content:\"›\";margin-left:2px;flex:none;align-self:center;color:var(--dsw-alias-label-secondary);font-size:22px;line-height:1;transform-origin:center;transition:transform .15s ease}",
+			".dsh-claude-tool-item[open]>.dsh-claude-tool-summary-row::after{transform:rotate(90deg)}",
+			".dsh-claude-tool-content{min-width:0;padding:0 10px 8px}",
+			".dsh-claude-tool-content>*{max-width:100%;box-sizing:border-box}",
+			".dsh-claude-tool-section{margin-top:8px}",
+			".dsh-claude-tool-section-title{margin-bottom:4px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.04em}",
+			".dsh-claude-tool-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;font-size:13px;line-height:20px}",
+			".dsh-claude-tool-field-key{color:var(--dsw-alias-label-tertiary)}",
+			".dsh-claude-tool-field-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere}",
+			".dsh-claude-tool-paths{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;font:var(--dsw-font-markdown-code-block-small)}",
+			".dsh-claude-tool-path{overflow-wrap:anywhere;color:var(--dsw-alias-label-primary)}",
+			".dsh-claude-tool-code{max-height:260px;overflow:auto;margin:0;padding:8px 0;border-radius:8px;background:var(--dsw-alias-markdown-code-block);font:var(--dsw-font-markdown-code-block-small)}",
+			".dsh-claude-tool-code-line{display:grid;grid-template-columns:44px minmax(max-content,1fr);min-height:18px}",
+			".dsh-claude-tool-line-number{padding-right:10px;text-align:right;user-select:none;color:var(--dsw-alias-label-caption);border-right:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
+			".dsh-claude-tool-line-text{padding:0 10px;white-space:pre}",
+			".dsh-claude-tool-label{width:72px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}",
+			".dsh-claude-tool-description{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;color:var(--dsw-alias-label-primary)}",
+			".dsh-claude-tool-stats{display:inline-flex;gap:4px;flex:none;font-size:13px;line-height:20px}",
+			".dsh-claude-diff-add{color:var(--dsw-alias-state-success-primary,#21c55d)}",
+			".dsh-claude-diff-delete{color:var(--dsw-alias-state-error-primary)}",
+			".dsh-claude-tool-name{font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}",
+			".dsh-claude-tool-summary{margin-left:8px;color:var(--dsw-alias-label-tertiary)}",
+			".dsh-claude-turn-usage{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;",
+			"color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}",
+			".dsh-claude-turn-usage-label{color:var(--dsw-alias-label-caption)}",
+			".dsh-claude-tool-terminal{display:flex;gap:8px;margin:6px 0 0;padding:8px 10px;max-height:220px;overflow:auto;",
+			"border-radius:8px;background:var(--dsw-alias-markdown-code-block);font:var(--dsw-font-markdown-code-block-small)}",
+			".dsh-claude-tool-prompt{flex:none;user-select:none;color:var(--dsw-alias-label-caption)}",
+			".dsh-claude-tool-command{min-width:0;margin:0;color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere}",
+			".dsh-claude-tool-detail{margin:6px 0 0;padding:8px 10px;max-height:220px;overflow:auto;border-radius:8px;background:var(--dsw-alias-markdown-code-block);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;overflow-wrap:anywhere}",
+			".dsh-claude-flow-row{position:relative;overflow:hidden}",
+			".dsh-claude-flow-leading{flex-shrink:0}",
+			".dsh-claude-flow-title{font-weight:400}",
+			".dsh-claude-flow-chevron{color:var(--dsw-alias-label-secondary)}",
+			".dsh-claude-flow-separator{width:2px;height:2px;margin:0 8px;border-radius:1px;background:var(--dsw-alias-label-caption);flex:none}",
+			".dsh-claude-flow-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:24px;flex:auto}",
+			".dsh-claude-flow-summary[data-error]{color:var(--dsw-alias-state-error-primary)}",
+			".dsh-claude-flow-body{margin:4px 0 4px 22px;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}",
+			".dsh-claude-flow-detail{max-height:260px;overflow:auto;margin:4px 0 4px 4px;padding:12px 16px;border:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent));border-radius:12px;background:var(--dsw-alias-markdown-code-block);color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap}",
+			".dsh-claude-flow-subcalls{display:flex;flex-direction:column;gap:2px;margin:4px 0 4px 22px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:22px}",
+			".dsh-claude-compaction{display:flex;align-items:center;gap:10px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}",
+			".dsh-claude-compaction::before,.dsh-claude-compaction::after{content:\"\";flex:1;height:1px;background:var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
+			".dsh-claude-compaction-label{flex:none;white-space:nowrap}",
+			".dsh-claude-act-running{animation:dsh-claude-act-pulse 1.2s ease-in-out infinite}",
+			"@keyframes dsh-claude-act-pulse{0%,100%{opacity:1}50%{opacity:.3}}"
+		].join("");
+		let cssInjected$3 = false;
+		function ensureCss$3() {
+			if (cssInjected$3 || typeof document === "undefined") return;
+			cssInjected$3 = true;
+			const element = document.createElement("style");
+			element.dataset.dshClaudeActivity = "";
+			element.textContent = ACTIVITY_CSS;
+			document.head.appendChild(element);
+		}
+		function subcallGlyph(subcall) {
+			if (subcall.isError === true || subcall.phase === "failed") return "×";
+			if (subcall.phase === "started" || subcall.phase === "updated") return "●";
+			return "✓";
+		}
+		function title(activity) {
+			return activity.toolName ?? activity.title ?? activity.kind.replaceAll("-", " ");
+		}
+		function activityState(activity, running) {
+			if (activity.isError === true || activity.kind === "error" || activity.phase === "denied" || activity.phase === "failed") return "error";
+			if (running) return "ongoing";
+			if (activity.kind === "warning") return "warning";
+			return "done";
+		}
+		function ActivityRow({ row, t }) {
+			const { activity, running, subcalls } = row;
+			const [open, setOpen] = useState(false);
+			const state = activityState(activity, running);
+			const detail = activity.detail;
+			const expandable = detail !== void 0 || subcalls.length > 0 || activity.kind === "thinking";
+			const summary = activity.summary ?? (running ? t("running") : state === "error" ? t("failed") : t("done"));
+			const body = activity.kind === "thinking" ? activity.summary : detail;
+			return /* @__PURE__ */ jsxs(DisclosureRow, {
+				rowClassName: "dsh-claude-flow-row",
+				leadingClassName: "dsh-claude-flow-leading",
+				titleClassName: "dsh-claude-flow-title",
+				chevronClassName: "dsh-claude-flow-chevron",
+				icon: activity.kind === "thinking" ? /* @__PURE__ */ jsx(IconThinkOutline14, { size: 14 }) : state === "done" ? /* @__PURE__ */ jsx(IconApiOutline14, { size: 14 }) : /* @__PURE__ */ jsx(StateDot, { state }),
+				title: activity.kind === "thinking" ? t("thinking") : title(activity),
+				open,
+				expandable,
+				expandOnRowClick: true,
+				keepContentWhenOpen: true,
+				onToggle: () => setOpen((value) => !value),
+				collapsedContent: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+					className: "dsh-claude-flow-separator",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsx("span", {
+					className: "dsh-claude-flow-summary",
+					"data-error": state === "error" || void 0,
+					children: summary
+				})] }),
+				children: [subcalls.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-flow-subcalls",
+					children: subcalls.map((subcall) => /* @__PURE__ */ jsxs("div", { children: [
+						subcallGlyph(subcall),
+						" ",
+						subcall.toolName ?? t("subagent"),
+						subcall.summary === void 0 ? "" : ` · ${subcall.summary}`
+					] }, subcall.toolUseId))
+				}), body === void 0 ? null : activity.kind === "thinking" ? /* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-flow-body",
+					children: body
+				}) : /* @__PURE__ */ jsx("pre", {
+					className: "dsh-claude-flow-detail",
+					children: body
+				})]
+			});
+		}
+		/** Compaction has no turn of its own to render, so the transcript marks it with
+		*  a rule instead of a row: it separates prose rather than reporting work. */
+		function ClaudeCompactionDivider({ compaction, t }) {
+			const { trigger, preTokens, postTokens } = compaction;
+			const label = trigger === "auto" ? t("compactedAuto") : t("compacted");
+			const shrink = preTokens === void 0 || postTokens === void 0 ? void 0 : `${formatTokenCount(preTokens)} → ${formatTokenCount(postTokens)}`;
+			return /* @__PURE__ */ jsx("div", {
+				className: "dsh-claude-compaction",
+				role: "separator",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "dsh-claude-compaction-label",
+					children: shrink === void 0 ? label : `${label} · ${shrink}`
+				})
+			});
+		}
+		function parsedValue(value) {
+			if (value === void 0 || value.length === 0) return void 0;
+			try {
+				return JSON.parse(value);
+			} catch {
+				return value;
 			}
-			#reopen() {
-				this.#controller?.abort();
-				this.#controller = void 0;
-				if (this.#disposed || this.#wanted.size === 0) return;
-				this.#run();
+		}
+		function record$6(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+		}
+		function text$1(value) {
+			return typeof value === "string" && value.length > 0 ? value : void 0;
+		}
+		function numberValue(value) {
+			return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+		}
+		function displayValue(value) {
+			if (value === null) return "null";
+			if (typeof value === "string") return value;
+			if (typeof value === "number" || typeof value === "boolean") return String(value);
+			if (Array.isArray(value)) return value.map(displayValue).join(", ");
+			return record$6(value) === void 0 ? String(value) : Object.entries(value).map(([key, item]) => `${key}: ${displayValue(item)}`).join("\n");
+		}
+		function Section({ title, children }) {
+			return /* @__PURE__ */ jsxs("section", {
+				className: "dsh-claude-tool-section",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-tool-section-title",
+					children: title
+				}), children]
+			});
+		}
+		function Fields({ value, omit = [] }) {
+			const entries = Object.entries(value).filter(([key, item]) => !omit.includes(key) && item !== void 0 && item !== "");
+			if (entries.length === 0) return null;
+			return /* @__PURE__ */ jsx("div", {
+				className: "dsh-claude-tool-fields",
+				children: entries.map(([key, item]) => /* @__PURE__ */ jsxs("div", {
+					style: { display: "contents" },
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "dsh-claude-tool-field-key",
+						children: key.replaceAll("_", " ")
+					}), /* @__PURE__ */ jsx("span", {
+						className: "dsh-claude-tool-field-value",
+						children: displayValue(item)
+					})]
+				}, key))
+			});
+		}
+		function Paths({ paths }) {
+			if (paths.length === 0) return null;
+			return /* @__PURE__ */ jsx("ul", {
+				className: "dsh-claude-tool-paths",
+				children: paths.map((path, index) => /* @__PURE__ */ jsx("li", {
+					className: "dsh-claude-tool-path",
+					children: path
+				}, `${path}:${index}`))
+			});
+		}
+		function Source({ content, start = 1 }) {
+			return /* @__PURE__ */ jsx("div", {
+				className: "dsh-claude-tool-code",
+				children: content.split(/\r?\n/u).map((line, index) => /* @__PURE__ */ jsxs("div", {
+					className: "dsh-claude-tool-code-line",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "dsh-claude-tool-line-number",
+						children: start + index
+					}), /* @__PURE__ */ jsx("span", {
+						className: "dsh-claude-tool-line-text",
+						children: line || " "
+					})]
+				}, index))
+			});
+		}
+		/** The command as a shell prompt rather than a labelled field: it was typed
+		*  at one, and the prompt is what tells a reader that at a glance. */
+		function Terminal({ command }) {
+			return /* @__PURE__ */ jsxs("div", {
+				className: "dsh-claude-tool-terminal",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "dsh-claude-tool-prompt",
+					"aria-hidden": "true",
+					children: "$"
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "dsh-claude-tool-command",
+					children: command
+				})]
+			});
+		}
+		function TextDetail({ title, value }) {
+			if (value === void 0 || value.length === 0) return null;
+			return /* @__PURE__ */ jsx(Section, {
+				title,
+				children: /* @__PURE__ */ jsx("pre", {
+					className: "dsh-claude-tool-detail",
+					children: value
+				})
+			});
+		}
+		function filenameList(value) {
+			if (!Array.isArray(value)) return [];
+			return value.filter((item) => typeof item === "string");
+		}
+		function ToolPresentation({ tool, t }) {
+			const inputValue = parsedValue(tool.input);
+			const outputValue = parsedValue(tool.output);
+			const input = record$6(inputValue);
+			const output = record$6(outputValue);
+			const outputTitle = tool.isError === true ? t("toolError") : t("toolOutput");
+			if (tool.diffs !== void 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DiffBlock, { diffs: [...tool.diffs] }), /* @__PURE__ */ jsx(TextDetail, {
+				title: outputTitle,
+				value: typeof outputValue === "string" ? outputValue : void 0
+			})] });
+			if (tool.toolName === "Read") {
+				const file = record$6(output?.file);
+				const path = text$1(file?.filePath) ?? text$1(input?.file_path);
+				const content = text$1(file?.content) ?? (typeof outputValue === "string" ? outputValue : void 0);
+				const offset = numberValue(input?.offset) ?? 1;
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					path === void 0 ? null : /* @__PURE__ */ jsx(Section, {
+						title: "File",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "dsh-claude-tool-path",
+							children: path
+						})
+					}),
+					input === void 0 ? null : /* @__PURE__ */ jsx(Section, {
+						title: t("toolInput"),
+						children: /* @__PURE__ */ jsx(Fields, {
+							value: input,
+							omit: ["file_path"]
+						})
+					}),
+					content === void 0 ? null : /* @__PURE__ */ jsx(Section, {
+						title: outputTitle,
+						children: /* @__PURE__ */ jsx(Source, {
+							content,
+							start: offset
+						})
+					})
+				] });
 			}
-			async #run() {
-				if (this.#running) return;
-				this.#running = true;
-				try {
-					while (!this.#disposed && this.#wanted.size > 0) {
-						const controller = new AbortController();
-						this.#controller = controller;
-						const lanes = this.#lanes();
-						let superseded = false;
-						try {
-							const reader = await this.#open(`${CLAUDE_PROJECTION_PATH}/multi?sessions=${lanes.map(encodeURIComponent).join(",")}`, controller.signal);
-							const stop = () => {
-								superseded = true;
-								reader.cancel().catch(() => void 0);
-							};
-							controller.signal.addEventListener("abort", stop, { once: true });
-							const decoder = new TextDecoder();
-							let buffer = "";
-							while (!controller.signal.aborted) {
-								const chunk = await reader.read();
-								buffer += decoder.decode(chunk.value, { stream: !chunk.done });
-								const lines = buffer.split(NDJSON_SEPARATOR);
-								buffer = lines.pop() ?? "";
-								for (const line of lines) this.#dispatch(line);
-								if (chunk.done) break;
-							}
-							controller.signal.removeEventListener("abort", stop);
-							await reader.cancel().catch(() => void 0);
-						} catch (error) {
-							if (isAbort(error)) {
-								if (this.#controller !== controller) continue;
-								return;
-							}
-						} finally {
-							if (this.#controller === controller) this.#controller = void 0;
-						}
-						if (this.#disposed || this.#wanted.size === 0) return;
-						if (superseded) continue;
-						await delay(this.#retryDelayMs);
-					}
-				} finally {
-					this.#running = false;
-				}
+			if (tool.toolName === "Grep" || tool.toolName === "Glob") {
+				const filenames = filenameList(output?.filenames);
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [input === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
+					title: t("toolInput"),
+					value: typeof inputValue === "string" ? inputValue : void 0
+				}) : /* @__PURE__ */ jsx(Section, {
+					title: t("toolInput"),
+					children: /* @__PURE__ */ jsx(Fields, { value: input })
+				}), filenames.length === 0 ? /* @__PURE__ */ jsx(TextDetail, {
+					title: outputTitle,
+					value: typeof outputValue === "string" ? outputValue : output === void 0 ? void 0 : displayValue(output)
+				}) : /* @__PURE__ */ jsx(Section, {
+					title: outputTitle,
+					children: /* @__PURE__ */ jsx(Paths, { paths: filenames })
+				})] });
 			}
-			/** Route one carrier line to the session that owns it. A line for a session
-			*  nobody is watching any more is dropped rather than reviving its lane. */
-			#dispatch(line) {
-				if (line.length === 0) return;
-				let session;
-				try {
-					session = JSON.parse(line).session;
-				} catch {
-					return;
-				}
-				if (typeof session !== "string") return;
-				this.#sources.get(session)?.feed(line);
+			if (tool.toolName === "Bash" || tool.toolName === "PowerShell") {
+				const command = text$1(input?.command);
+				const terminal = [text$1(output?.stdout), text$1(output?.stderr)].filter((value) => value !== void 0).join("\n");
+				const typed = command ?? (typeof inputValue === "string" ? inputValue : void 0);
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					typed === void 0 ? null : /* @__PURE__ */ jsx(Terminal, { command: typed }),
+					input === void 0 ? null : /* @__PURE__ */ jsx(Section, {
+						title: t("toolInput"),
+						children: /* @__PURE__ */ jsx(Fields, {
+							value: input,
+							omit: ["command", "description"]
+						})
+					}),
+					/* @__PURE__ */ jsx(TextDetail, {
+						title: outputTitle,
+						value: terminal || (typeof outputValue === "string" ? outputValue : void 0)
+					})
+				] });
 			}
-		};
-		//#endregion
-		//#region src/client/ClaudeActivityNode.tsx
-		const EMPTY_TASKS = [];
-		const ACTIVITY_CSS = [
-			".dsh-claude-flow{display:flex;flex-direction:column;gap:10px}",
-			".dsh-claude-transcript-text{color:var(--dsw-alias-label-primary);font-size:15px;line-height:24px;overflow-wrap:anywhere}",
-			".dsh-claude-tool-group-native{overflow:visible}",
-			".dsh-claude-tool-group-native>.dsh-claude-flow-row{padding:0}",
-			".dsh-claude-tool-list{max-height:min(420px,calc(100vh - 320px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-top:4px;border:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent));border-radius:10px;scrollbar-gutter:stable}",
-			".dsh-claude-tool-item{border-top:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
-			".dsh-claude-tool-item:first-child{border-top:0}",
-			".dsh-claude-tool-summary-row{display:flex;align-items:center;min-height:34px;gap:8px;padding:0 10px;cursor:pointer;list-style:none}",
-			".dsh-claude-tool-summary-row::-webkit-details-marker{display:none}",
-			".dsh-claude-tool-summary-row::after{content:\"›\";margin-left:2px;flex:none;align-self:center;color:var(--dsw-alias-label-secondary);font-size:22px;line-height:1;transform-origin:center;transition:transform .15s ease}",
-			".dsh-claude-tool-item[open]>.dsh-claude-tool-summary-row::after{transform:rotate(90deg)}",
-			".dsh-claude-tool-content{min-width:0;padding:0 10px 8px}",
-			".dsh-claude-tool-content>*{max-width:100%;box-sizing:border-box}",
-			".dsh-claude-tool-section{margin-top:8px}",
-			".dsh-claude-tool-section-title{margin-bottom:4px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.04em}",
-			".dsh-claude-tool-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;font-size:13px;line-height:20px}",
-			".dsh-claude-tool-field-key{color:var(--dsw-alias-label-tertiary)}",
-			".dsh-claude-tool-field-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere}",
-			".dsh-claude-tool-paths{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;font:var(--dsw-font-markdown-code-block-small)}",
-			".dsh-claude-tool-path{overflow-wrap:anywhere;color:var(--dsw-alias-label-primary)}",
-			".dsh-claude-tool-code{max-height:260px;overflow:auto;margin:0;padding:8px 0;border-radius:8px;background:var(--dsw-alias-markdown-code-block);font:var(--dsw-font-markdown-code-block-small)}",
-			".dsh-claude-tool-code-line{display:grid;grid-template-columns:44px minmax(max-content,1fr);min-height:18px}",
-			".dsh-claude-tool-line-number{padding-right:10px;text-align:right;user-select:none;color:var(--dsw-alias-label-caption);border-right:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
-			".dsh-claude-tool-line-text{padding:0 10px;white-space:pre}",
-			".dsh-claude-tool-label{width:72px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}",
-			".dsh-claude-tool-description{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;color:var(--dsw-alias-label-primary)}",
-			".dsh-claude-tool-stats{display:inline-flex;gap:4px;flex:none;font-size:13px;line-height:20px}",
-			".dsh-claude-diff-add{color:var(--dsw-alias-state-success-primary,#21c55d)}",
-			".dsh-claude-diff-delete{color:var(--dsw-alias-state-error-primary)}",
-			".dsh-claude-tool-name{font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}",
-			".dsh-claude-tool-summary{margin-left:8px;color:var(--dsw-alias-label-tertiary)}",
-			".dsh-claude-tool-detail{margin:6px 0 0;padding:8px 10px;max-height:220px;overflow:auto;border-radius:8px;background:var(--dsw-alias-markdown-code-block);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;overflow-wrap:anywhere}",
-			".dsh-claude-flow-row{position:relative;overflow:hidden}",
-			".dsh-claude-flow-leading{flex-shrink:0}",
-			".dsh-claude-flow-title{font-weight:400}",
-			".dsh-claude-flow-chevron{color:var(--dsw-alias-label-secondary)}",
-			".dsh-claude-flow-separator{width:2px;height:2px;margin:0 8px;border-radius:1px;background:var(--dsw-alias-label-caption);flex:none}",
-			".dsh-claude-flow-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:24px;flex:auto}",
-			".dsh-claude-flow-summary[data-error]{color:var(--dsw-alias-state-error-primary)}",
-			".dsh-claude-flow-body{margin:4px 0 4px 22px;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}",
-			".dsh-claude-flow-detail{max-height:260px;overflow:auto;margin:4px 0 4px 4px;padding:12px 16px;border:1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent));border-radius:12px;background:var(--dsw-alias-markdown-code-block);color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap}",
-			".dsh-claude-flow-subcalls{display:flex;flex-direction:column;gap:2px;margin:4px 0 4px 22px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:22px}",
-			".dsh-claude-compaction{display:flex;align-items:center;gap:10px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}",
-			".dsh-claude-compaction::before,.dsh-claude-compaction::after{content:\"\";flex:1;height:1px;background:var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))}",
-			".dsh-claude-compaction-label{flex:none;white-space:nowrap}",
-			".dsh-claude-act-running{animation:dsh-claude-act-pulse 1.2s ease-in-out infinite}",
-			"@keyframes dsh-claude-act-pulse{0%,100%{opacity:1}50%{opacity:.3}}"
-		].join("");
-		let cssInjected$3 = false;
-		function ensureCss$3() {
-			if (cssInjected$3 || typeof document === "undefined") return;
-			cssInjected$3 = true;
-			const element = document.createElement("style");
-			element.dataset.dshClaudeActivity = "";
-			element.textContent = ACTIVITY_CSS;
-			document.head.appendChild(element);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [input === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
+				title: t("toolInput"),
+				value: typeof inputValue === "string" ? inputValue : void 0
+			}) : /* @__PURE__ */ jsx(Section, {
+				title: t("toolInput"),
+				children: /* @__PURE__ */ jsx(Fields, { value: input })
+			}), output === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
+				title: outputTitle,
+				value: typeof outputValue === "string" ? outputValue : void 0
+			}) : /* @__PURE__ */ jsx(Section, {
+				title: outputTitle,
+				children: /* @__PURE__ */ jsx(Fields, { value: output })
+			})] });
 		}
-		function subcallGlyph(subcall) {
-			if (subcall.isError === true || subcall.phase === "failed") return "×";
-			if (subcall.phase === "started" || subcall.phase === "updated") return "●";
-			return "✓";
+		function ClaudeTranscriptToolItem({ tool, t }) {
+			return /* @__PURE__ */ jsxs("details", {
+				className: "dsh-claude-tool-item",
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: "dsh-claude-tool-summary-row",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "dsh-claude-tool-label",
+							children: tool.toolName
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "dsh-claude-tool-description",
+							children: tool.description
+						}),
+						tool.additions === void 0 && tool.deletions === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+							className: "dsh-claude-tool-stats",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "dsh-claude-diff-add",
+								children: ["+", tool.additions ?? 0]
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "dsh-claude-diff-delete",
+								children: ["−", tool.deletions ?? 0]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "dsh-claude-tool-content",
+					children: [tool.subcalls.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+						className: "dsh-claude-flow-subcalls",
+						children: tool.subcalls.map((subcall) => /* @__PURE__ */ jsxs("div", { children: [
+							subcallGlyph(subcall),
+							" ",
+							subcall.toolName ?? t("subagent"),
+							subcall.summary === void 0 ? "" : ` · ${subcall.summary}`
+						] }, subcall.toolUseId))
+					}), /* @__PURE__ */ jsx(ToolPresentation, {
+						tool,
+						t
+					})]
+				})]
+			});
+		}
+		function ClaudeTranscriptToolGroup({ tools, additions, deletions, files: _files, t }) {
+			const [open, setOpen] = useState(false);
+			const failed = tools.some((tool) => tool.isError === true || tool.phase === "failed");
+			const running = tools.some((tool) => tool.phase === "started" || tool.phase === "updated");
+			const summary = tools.length === 1 ? t("usedTool") : t("usedTools", { count: tools.length });
+			return /* @__PURE__ */ jsxs("div", {
+				className: "dsh-claude-tool-group-native",
+				children: [/* @__PURE__ */ jsx(DisclosureRow, {
+					rowClassName: "dsh-claude-flow-row",
+					leadingClassName: "dsh-claude-flow-leading",
+					titleClassName: "dsh-claude-flow-title",
+					chevronClassName: "dsh-claude-flow-chevron",
+					icon: failed ? /* @__PURE__ */ jsx(StateDot, { state: "error" }) : running ? /* @__PURE__ */ jsx(StateDot, { state: "ongoing" }) : /* @__PURE__ */ jsx(IconApiOutline14, { size: 14 }),
+					title: summary,
+					open,
+					expandable: true,
+					expandOnRowClick: true,
+					keepContentWhenOpen: true,
+					onToggle: () => setOpen((value) => !value),
+					collapsedContent: additions !== void 0 || deletions !== void 0 ? /* @__PURE__ */ jsxs("span", {
+						className: "dsh-claude-tool-stats",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "dsh-claude-diff-add",
+							children: ["+", additions ?? 0]
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "dsh-claude-diff-delete",
+							children: ["−", deletions ?? 0]
+						})]
+					}) : void 0
+				}), open ? /* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-tool-list",
+					children: tools.map((tool) => /* @__PURE__ */ jsx(ClaudeTranscriptToolItem, {
+						tool,
+						t
+					}, tool.toolUseId))
+				}) : null]
+			});
 		}
-		function title(activity) {
-			return activity.toolName ?? activity.title ?? activity.kind.replaceAll("-", " ");
+		/** Round a duration the way a reader reads one: no more precision than the
+		*  number deserves. */
+		function formatTurnDuration(ms) {
+			if (ms < 1e3) return `${Math.max(1, Math.round(ms))}ms`;
+			const seconds = ms / 1e3;
+			if (seconds < 60) return `${seconds < 10 ? seconds.toFixed(1) : String(Math.round(seconds))}s`;
+			const whole = Math.round(seconds);
+			return `${Math.floor(whole / 60)}m ${String(whole % 60).padStart(2, "0")}s`;
 		}
-		function activityState(activity, running) {
-			if (activity.isError === true || activity.kind === "error" || activity.phase === "denied" || activity.phase === "failed") return "error";
-			if (running) return "ongoing";
-			if (activity.kind === "warning") return "warning";
-			return "done";
+		/** Share of the prompt that was served from cache.
+		*
+		*  Cache reads are counted against everything the prompt cost to assemble --
+		*  fresh input and cache writes included -- so a turn that read nothing scores
+		*  zero rather than dividing by nothing. */
+		function cacheHitRate(usage) {
+			const read = usage.cacheReadTokens ?? 0;
+			const total = read + (usage.cacheCreationTokens ?? 0) + (usage.inputTokens ?? 0);
+			return total === 0 ? void 0 : read / total;
+		}
+		/** The turn's accounting, in the order a reader wants it: size, then cost of
+		*  assembling it, then how long it took, then money. */
+		function turnUsageParts(usage, t) {
+			const tokens = (usage.inputTokens ?? 0) + (usage.outputTokens ?? 0) + (usage.cacheReadTokens ?? 0) + (usage.cacheCreationTokens ?? 0);
+			const cached = cacheHitRate(usage);
+			const parts = [];
+			if (tokens > 0) parts.push(t("turnUsageTokens", { count: formatTokenCount(tokens) }));
+			if (cached !== void 0) parts.push(t("turnUsageCache", { percent: (cached * 100).toFixed(1) }));
+			if (usage.durationMs !== void 0) parts.push(formatTurnDuration(usage.durationMs));
+			if (usage.ttftMs !== void 0) parts.push(t("turnUsageTtft", { duration: formatTurnDuration(usage.ttftMs) }));
+			if (usage.cumulativeCostUsd !== void 0) parts.push(t("turnUsageCost", { cost: usage.cumulativeCostUsd.toFixed(2) }));
+			return parts;
 		}
-		function ActivityRow({ row, t }) {
-			const { activity, running, subcalls } = row;
-			const [open, setOpen] = useState(false);
-			const state = activityState(activity, running);
-			const detail = activity.detail;
-			const expandable = detail !== void 0 || subcalls.length > 0 || activity.kind === "thinking";
-			const summary = activity.summary ?? (running ? t("running") : state === "error" ? t("failed") : t("done"));
-			const body = activity.kind === "thinking" ? activity.summary : detail;
-			return /* @__PURE__ */ jsxs(DisclosureRow, {
-				rowClassName: "dsh-claude-flow-row",
-				leadingClassName: "dsh-claude-flow-leading",
-				titleClassName: "dsh-claude-flow-title",
-				chevronClassName: "dsh-claude-flow-chevron",
-				icon: activity.kind === "thinking" ? /* @__PURE__ */ jsx(IconThinkOutline14, { size: 14 }) : state === "done" ? /* @__PURE__ */ jsx(IconApiOutline14, { size: 14 }) : /* @__PURE__ */ jsx(StateDot, { state }),
-				title: activity.kind === "thinking" ? t("thinking") : title(activity),
-				open,
-				expandable,
-				expandOnRowClick: true,
-				keepContentWhenOpen: true,
-				onToggle: () => setOpen((value) => !value),
-				collapsedContent: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-					className: "dsh-claude-flow-separator",
-					"aria-hidden": "true"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "dsh-claude-flow-summary",
-					"data-error": state === "error" || void 0,
-					children: summary
-				})] }),
-				children: [subcalls.length === 0 ? null : /* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-flow-subcalls",
-					children: subcalls.map((subcall) => /* @__PURE__ */ jsxs("div", { children: [
-						subcallGlyph(subcall),
-						" ",
-						subcall.toolName ?? t("subagent"),
-						subcall.summary === void 0 ? "" : ` · ${subcall.summary}`
-					] }, subcall.toolUseId))
-				}), body === void 0 ? null : activity.kind === "thinking" ? /* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-flow-body",
-					children: body
-				}) : /* @__PURE__ */ jsx("pre", {
-					className: "dsh-claude-flow-detail",
-					children: body
-				})]
+		/** The footer the Host draws under its own assistant message, drawn here for
+		*  the steps the Host never had a message for. */
+		function ClaudeTurnUsage({ usage, t }) {
+			const parts = turnUsageParts(usage, t);
+			if (parts.length === 0) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "dsh-claude-turn-usage",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "dsh-claude-turn-usage-label",
+						children: t("turnUsage")
+					}),
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						children: "·"
+					}),
+					/* @__PURE__ */ jsx("span", { children: parts.join(" · ") })
+				]
 			});
 		}
-		/** Compaction has no turn of its own to render, so the transcript marks it with
-		*  a rule instead of a row: it separates prose rather than reporting work. */
-		function ClaudeCompactionDivider({ compaction, t }) {
-			const { trigger, preTokens, postTokens } = compaction;
-			const label = trigger === "auto" ? t("compactedAuto") : t("compacted");
-			const shrink = preTokens === void 0 || postTokens === void 0 ? void 0 : `${formatTokenCount(preTokens)} → ${formatTokenCount(postTokens)}`;
+		function ClaudeActivityNode({ node, useClaudeProjection, t }) {
+			ensureCss$3();
+			const marker = node.data;
+			const activities = useClaudeProjection((value) => selectStepActivities(value, marker.turn, marker.step));
+			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS$1);
+			const items = useMemo(() => transcriptItemsForStep(activities, marker.turn, marker.step, tasks), [
+				activities,
+				marker.step,
+				marker.turn,
+				tasks
+			]);
+			const markdownLabels = useClaudeMarkdownLabels(t);
+			if (items.length === 0) return null;
 			return /* @__PURE__ */ jsx("div", {
-				className: "dsh-claude-compaction",
-				role: "separator",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "dsh-claude-compaction-label",
-					children: shrink === void 0 ? label : `${label} · ${shrink}`
-				})
+				className: "dsh-claude-flow",
+				children: items.map((item) => item.kind === "text" ? /* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-transcript-text",
+					children: /* @__PURE__ */ jsx(ClaudeMarkdown, {
+						text: item.text,
+						labels: markdownLabels
+					})
+				}, `text:${item.ordinal}`) : item.kind === "compaction" ? /* @__PURE__ */ jsx(ClaudeCompactionDivider, {
+					compaction: item.compaction,
+					t
+				}, `compaction:${item.ordinal}`) : item.kind === "usage" ? /* @__PURE__ */ jsx(ClaudeTurnUsage, {
+					usage: item.usage,
+					t
+				}, `usage:${item.ordinal}`) : item.kind === "tools" ? /* @__PURE__ */ jsx(ClaudeTranscriptToolGroup, {
+					tools: item.tools,
+					...item.additions === void 0 ? {} : { additions: item.additions },
+					...item.deletions === void 0 ? {} : { deletions: item.deletions },
+					...item.files === void 0 ? {} : { files: item.files },
+					t
+				}, `tools:${item.ordinal}`) : /* @__PURE__ */ jsx(ActivityRow, {
+					row: item.row,
+					t
+				}, `activity:${item.ordinal}`))
 			});
 		}
-		function parsedValue(value) {
-			if (value === void 0 || value.length === 0) return void 0;
-			try {
-				return JSON.parse(value);
-			} catch {
-				return value;
-			}
-		}
-		function record$6(value) {
-			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
-		}
-		function text$1(value) {
-			return typeof value === "string" && value.length > 0 ? value : void 0;
+		//#endregion
+		//#region src/client/ClaudeTasksPanel.tsx
+		const STATUS_LABEL = {
+			running: "tasksRunning",
+			completed: "tasksCompleted",
+			failed: "tasksFailed",
+			stopped: "tasksStopped",
+			killed: "tasksKilled"
+		};
+		function visibleTaskGroups(tasks, dismissedSettledIds) {
+			const projected = tasks.filter(isProjectedTask);
+			return {
+				running: projected.filter((task) => task.status === "running"),
+				finished: projected.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
+			};
 		}
-		function numberValue(value) {
-			return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+		function activitiesForTask(activities, taskId) {
+			return activities.filter((activity) => activity.taskId === taskId);
 		}
-		function displayValue(value) {
-			if (value === null) return "null";
-			if (typeof value === "string") return value;
-			if (typeof value === "number" || typeof value === "boolean") return String(value);
-			if (Array.isArray(value)) return value.map(displayValue).join(", ");
-			return record$6(value) === void 0 ? String(value) : Object.entries(value).map(([key, item]) => `${key}: ${displayValue(item)}`).join("\n");
+		function tasksForTurn(tasks, turn) {
+			return tasks.filter((task) => task.originTurn === turn && isProjectedTask(task));
 		}
-		function Section({ title, children }) {
-			return /* @__PURE__ */ jsxs("section", {
-				className: "dsh-claude-tool-section",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-tool-section-title",
-					children: title
-				}), children]
-			});
+		function summarizeTurnTasks(tasks) {
+			if (tasks.length === 0) return void 0;
+			const running = tasks.filter((task) => task.status === "running").length;
+			const failed = tasks.filter((task) => task.status === "failed" || task.status === "stopped" || task.status === "killed").length;
+			const completed = tasks.filter((task) => task.status === "completed").length;
+			return {
+				state: running > 0 ? "running" : failed > 0 ? "failed" : "completed",
+				count: tasks.length,
+				running,
+				failed,
+				completed
+			};
 		}
-		function Fields({ value, omit = [] }) {
-			const entries = Object.entries(value).filter(([key, item]) => !omit.includes(key) && item !== void 0 && item !== "");
-			if (entries.length === 0) return null;
-			return /* @__PURE__ */ jsx("div", {
-				className: "dsh-claude-tool-fields",
-				children: entries.map(([key, item]) => /* @__PURE__ */ jsxs("div", {
-					style: { display: "contents" },
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "dsh-claude-tool-field-key",
-						children: key.replaceAll("_", " ")
-					}), /* @__PURE__ */ jsx("span", {
-						className: "dsh-claude-tool-field-value",
-						children: displayValue(item)
-					})]
-				}, key))
-			});
+		function statusGlyph(status) {
+			if (status === "running") return "●";
+			if (status === "completed") return "✓";
+			if (status === "stopped") return "–";
+			return "×";
 		}
-		function Paths({ paths }) {
-			if (paths.length === 0) return null;
-			return /* @__PURE__ */ jsx("ul", {
-				className: "dsh-claude-tool-paths",
-				children: paths.map((path, index) => /* @__PURE__ */ jsx("li", {
-					className: "dsh-claude-tool-path",
-					children: path
-				}, `${path}:${index}`))
-			});
+		function formatDuration(ms) {
+			if (ms < 1e3) return String(Math.max(1, Math.round(ms))) + "ms";
+			const seconds = Math.round(ms / 1e3);
+			if (seconds < 60) return String(seconds) + "s";
+			const minutes = Math.floor(seconds / 60);
+			return String(minutes) + "m " + String(seconds % 60) + "s";
 		}
-		function Source({ content, start = 1 }) {
-			return /* @__PURE__ */ jsx("div", {
-				className: "dsh-claude-tool-code",
-				children: content.split(/\r?\n/u).map((line, index) => /* @__PURE__ */ jsxs("div", {
-					className: "dsh-claude-tool-code-line",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "dsh-claude-tool-line-number",
-						children: start + index
-					}), /* @__PURE__ */ jsx("span", {
-						className: "dsh-claude-tool-line-text",
-						children: line || " "
-					})]
-				}, index))
-			});
+		function taskMeta(task, t) {
+			const parts = [];
+			if (task.subagentType !== void 0) parts.push(task.subagentType);
+			else if (task.taskType !== void 0) parts.push(task.taskType);
+			if (task.usage?.durationMs !== void 0) parts.push(formatDuration(task.usage.durationMs));
+			if (task.usage?.totalTokens !== void 0) parts.push(t("tokens", { count: formatTokenCount(task.usage.totalTokens) }));
+			if (task.usage?.toolUses !== void 0) parts.push(t("tasksToolUses", { count: task.usage.toolUses }));
+			if (task.lastToolName !== void 0) parts.push(t("tasksLastTool", { tool: task.lastToolName }));
+			return parts;
 		}
-		function TextDetail({ title, value }) {
-			if (value === void 0 || value.length === 0) return null;
-			return /* @__PURE__ */ jsx(Section, {
-				title,
-				children: /* @__PURE__ */ jsx("pre", {
-					className: "dsh-claude-tool-detail",
-					children: value
-				})
+		function TaskActivity({ activity, t }) {
+			return /* @__PURE__ */ jsxs("li", {
+				style: taskActivityItem,
+				children: [/* @__PURE__ */ jsx("span", {
+					style: taskActivityGlyph,
+					"aria-hidden": "true",
+					children: activity.isError === true ? "×" : "›"
+				}), /* @__PURE__ */ jsxs("div", {
+					style: taskActivityBody,
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							style: taskActivityTitle,
+							children: activity.title ?? activity.kind
+						}),
+						activity.summary === void 0 ? null : /* @__PURE__ */ jsx("p", {
+							style: taskActivitySummary,
+							children: activity.summary
+						}),
+						activity.detail === void 0 ? null : /* @__PURE__ */ jsxs("details", {
+							style: taskActivityDetail,
+							children: [/* @__PURE__ */ jsx("summary", {
+								style: taskActivityDetailSummary,
+								children: t("detail")
+							}), /* @__PURE__ */ jsx("pre", {
+								style: detailCode,
+								children: activity.detail
+							})]
+						})
+					]
+				})]
 			});
 		}
-		function filenameList(value) {
-			if (!Array.isArray(value)) return [];
-			return value.filter((item) => typeof item === "string");
-		}
-		function ToolPresentation({ tool, t }) {
-			const inputValue = parsedValue(tool.input);
-			const outputValue = parsedValue(tool.output);
-			const input = record$6(inputValue);
-			const output = record$6(outputValue);
-			const outputTitle = tool.isError === true ? t("toolError") : t("toolOutput");
-			if (tool.diffs !== void 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DiffBlock, { diffs: [...tool.diffs] }), /* @__PURE__ */ jsx(TextDetail, {
-				title: outputTitle,
-				value: typeof outputValue === "string" ? outputValue : void 0
-			})] });
-			if (tool.toolName === "Read") {
-				const file = record$6(output?.file);
-				const path = text$1(file?.filePath) ?? text$1(input?.file_path);
-				const content = text$1(file?.content) ?? (typeof outputValue === "string" ? outputValue : void 0);
-				const offset = numberValue(input?.offset) ?? 1;
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					path === void 0 ? null : /* @__PURE__ */ jsx(Section, {
-						title: "File",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "dsh-claude-tool-path",
-							children: path
-						})
-					}),
-					input === void 0 ? null : /* @__PURE__ */ jsx(Section, {
-						title: t("toolInput"),
-						children: /* @__PURE__ */ jsx(Fields, {
-							value: input,
-							omit: ["file_path"]
-						})
+		function TaskCard(props) {
+			const { task, activities, allActivities, t } = props;
+			const tools = useMemo(() => taskTools(allActivities, task.taskId), [allActivities, task.taskId]);
+			const [activityOpen, setActivityOpen] = useState(false);
+			const running = task.status === "running";
+			const failed = task.status === "failed" || task.status === "killed";
+			const meta = taskMeta(task, t);
+			return /* @__PURE__ */ jsxs("article", {
+				style: {
+					...taskCard,
+					...running ? taskCardRunning : {}
+				},
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						style: taskCardTop,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: running ? "dsh-claude-act-running" : void 0,
+							style: {
+								...taskCardGlyph,
+								...running ? iconChipRunning : {},
+								...failed ? iconChipError : {}
+							},
+							"aria-hidden": "true",
+							children: statusGlyph(task.status)
+						}), /* @__PURE__ */ jsxs("div", {
+							style: taskCardBody,
+							children: [/* @__PURE__ */ jsx("p", {
+								style: {
+									...taskTitle,
+									...failed ? { color: "var(--dsw-alias-state-error-primary)" } : {}
+								},
+								children: task.description
+							}), /* @__PURE__ */ jsxs("p", {
+								style: taskStatusLine,
+								children: [/* @__PURE__ */ jsx("span", { children: t(STATUS_LABEL[task.status] ?? "tasksRunning") }), task.backgrounded === true ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									children: " · "
+								}), /* @__PURE__ */ jsx("span", { children: t("tasksBackground") })] }) : null]
+							})]
+						})]
 					}),
-					content === void 0 ? null : /* @__PURE__ */ jsx(Section, {
-						title: outputTitle,
-						children: /* @__PURE__ */ jsx(Source, {
-							content,
-							start: offset
-						})
-					})
-				] });
-			}
-			if (tool.toolName === "Grep" || tool.toolName === "Glob") {
-				const filenames = filenameList(output?.filenames);
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [input === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
-					title: t("toolInput"),
-					value: typeof inputValue === "string" ? inputValue : void 0
-				}) : /* @__PURE__ */ jsx(Section, {
-					title: t("toolInput"),
-					children: /* @__PURE__ */ jsx(Fields, { value: input })
-				}), filenames.length === 0 ? /* @__PURE__ */ jsx(TextDetail, {
-					title: outputTitle,
-					value: typeof outputValue === "string" ? outputValue : output === void 0 ? void 0 : displayValue(output)
-				}) : /* @__PURE__ */ jsx(Section, {
-					title: outputTitle,
-					children: /* @__PURE__ */ jsx(Paths, { paths: filenames })
-				})] });
-			}
-			if (tool.toolName === "Bash" || tool.toolName === "PowerShell") {
-				const command = text$1(input?.command);
-				const terminal = [text$1(output?.stdout), text$1(output?.stderr)].filter((value) => value !== void 0).join("\n");
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsx(TextDetail, {
-						title: "Command",
-						value: command ?? (typeof inputValue === "string" ? inputValue : void 0)
+					meta.length === 0 ? null : /* @__PURE__ */ jsx("p", {
+						style: taskMeta$1,
+						children: meta.join(" · ")
 					}),
-					input === void 0 ? null : /* @__PURE__ */ jsx(Section, {
-						title: t("toolInput"),
-						children: /* @__PURE__ */ jsx(Fields, {
-							value: input,
-							omit: ["command"]
-						})
+					task.summary === void 0 || running ? null : /* @__PURE__ */ jsx("p", {
+						style: taskSummary,
+						children: task.summary
 					}),
-					/* @__PURE__ */ jsx(TextDetail, {
-						title: outputTitle,
-						value: terminal || (typeof outputValue === "string" ? outputValue : void 0)
+					activities.length === 0 && tools.length === 0 ? null : /* @__PURE__ */ jsxs("div", {
+						style: taskActivitySection,
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: taskTextButton,
+							"aria-expanded": activityOpen,
+							onClick: () => setActivityOpen((value) => !value),
+							children: activityOpen ? t("tasksHideActivity") : t("tasksViewActivity")
+						}), !activityOpen ? null : tools.length > 0 ? /* @__PURE__ */ jsx("div", {
+							style: taskToolList,
+							children: tools.map((tool) => /* @__PURE__ */ jsx(ClaudeTranscriptToolItem, {
+								tool,
+								t
+							}, tool.toolUseId))
+						}) : /* @__PURE__ */ jsx("ul", {
+							style: taskActivityList,
+							children: activities.map((activity) => /* @__PURE__ */ jsx(TaskActivity, {
+								activity,
+								t
+							}, `${activity.turn}:${activity.step}:${activity.ordinal}`))
+						})]
 					})
-				] });
-			}
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [input === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
-				title: t("toolInput"),
-				value: typeof inputValue === "string" ? inputValue : void 0
-			}) : /* @__PURE__ */ jsx(Section, {
-				title: t("toolInput"),
-				children: /* @__PURE__ */ jsx(Fields, { value: input })
-			}), output === void 0 ? /* @__PURE__ */ jsx(TextDetail, {
-				title: outputTitle,
-				value: typeof outputValue === "string" ? outputValue : void 0
-			}) : /* @__PURE__ */ jsx(Section, {
-				title: outputTitle,
-				children: /* @__PURE__ */ jsx(Fields, { value: output })
+				]
+			});
+		}
+		function GroupHeading(props) {
+			const { label, count, collapsed, onToggle, action } = props;
+			const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
+				style: tasksGroupCount,
+				children: count
 			})] });
+			return /* @__PURE__ */ jsxs("div", {
+				style: tasksGroupHeading,
+				children: [onToggle === void 0 ? /* @__PURE__ */ jsx("div", {
+					style: tasksGroupTitle,
+					children: content
+				}) : /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					style: tasksGroupToggle,
+					"aria-expanded": !collapsed,
+					onClick: onToggle,
+					children: [/* @__PURE__ */ jsx("span", {
+						style: {
+							...chevron,
+							...collapsed === true ? {} : chevronOpen
+						},
+						children: "›"
+					}), content]
+				}), action === void 0 ? null : /* @__PURE__ */ jsx("button", {
+					type: "button",
+					style: taskTextButton,
+					onClick: action.onClick,
+					children: action.label
+				})]
+			});
 		}
-		function ClaudeTranscriptToolItem({ tool, t }) {
-			return /* @__PURE__ */ jsxs("details", {
-				className: "dsh-claude-tool-item",
-				children: [/* @__PURE__ */ jsxs("summary", {
-					className: "dsh-claude-tool-summary-row",
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "dsh-claude-tool-label",
-							children: tool.toolName
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "dsh-claude-tool-description",
-							children: tool.description
-						}),
-						tool.additions === void 0 && tool.deletions === void 0 ? null : /* @__PURE__ */ jsxs("span", {
-							className: "dsh-claude-tool-stats",
-							children: [/* @__PURE__ */ jsxs("span", {
-								className: "dsh-claude-diff-add",
-								children: ["+", tool.additions ?? 0]
-							}), /* @__PURE__ */ jsxs("span", {
-								className: "dsh-claude-diff-delete",
-								children: ["−", tool.deletions ?? 0]
+		function ClaudeTasksPanel({ useClaudeProjection, t, closeDetails, turn }) {
+			const projection = useClaudeProjection((value) => value);
+			const tasks = useMemo(() => tasksForTurn(projection.tasks?.tasks ?? [], turn), [projection.tasks, turn]);
+			useEffect(() => {
+				if (!projection.owned || tasks.length === 0) closeDetails();
+			}, [
+				closeDetails,
+				projection.owned,
+				tasks.length
+			]);
+			const [finishedCollapsed, setFinishedCollapsed] = useState(false);
+			const [dismissedSettledIds, setDismissedSettledIds] = useState(() => /* @__PURE__ */ new Set());
+			const groups = useMemo(() => visibleTaskGroups(tasks, dismissedSettledIds), [tasks, dismissedSettledIds]);
+			const taskActivities = useMemo(() => new Map(tasks.map((task) => [task.taskId, activitiesForTask(projection.activities, task.taskId)])), [projection.activities, tasks]);
+			const clearFinished = () => setDismissedSettledIds((previous) => /* @__PURE__ */ new Set([...previous, ...tasks.filter((task) => task.status !== "running").map((task) => task.taskId)]));
+			if (!projection.owned) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: detailsCardClass,
+				style: tasksPanel,
+				children: [
+					/* @__PURE__ */ jsxs("style", {
+						"data-dsh-claude-panel-icon-styles": true,
+						children: [detailsCardCss, panelIconButtonCss]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						style: tasksHeader,
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+							style: tasksHeading,
+							children: t("tasksPanelTurn")
+						}), /* @__PURE__ */ jsx("span", {
+							style: tasksTurnMeta,
+							children: t("tasksTurnNumber", { turn })
+						})] }), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: panelIconButtonClass,
+							"aria-label": t("tasksClose"),
+							onClick: closeDetails,
+							children: /* @__PURE__ */ jsx(IconCloseOutline16, {})
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						style: tasksBody,
+						children: [/* @__PURE__ */ jsxs("section", {
+							"aria-label": t("tasksRunning"),
+							children: [/* @__PURE__ */ jsx(GroupHeading, {
+								label: t("tasksRunning"),
+								count: groups.running.length
+							}), groups.running.length === 0 ? /* @__PURE__ */ jsx("p", {
+								style: tasksGroupEmpty,
+								children: t("tasksNoneRunning")
+							}) : /* @__PURE__ */ jsx("div", {
+								style: taskCardList,
+								children: groups.running.map((task) => /* @__PURE__ */ jsx(TaskCard, {
+									task,
+									activities: taskActivities.get(task.taskId) ?? [],
+									allActivities: projection.activities,
+									t
+								}, task.taskId))
 							})]
-						})
-					]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "dsh-claude-tool-content",
-					children: [tool.subcalls.length === 0 ? null : /* @__PURE__ */ jsx("div", {
-						className: "dsh-claude-flow-subcalls",
-						children: tool.subcalls.map((subcall) => /* @__PURE__ */ jsxs("div", { children: [
-							subcallGlyph(subcall),
-							" ",
-							subcall.toolName ?? t("subagent"),
-							subcall.summary === void 0 ? "" : ` · ${subcall.summary}`
-						] }, subcall.toolUseId))
-					}), /* @__PURE__ */ jsx(ToolPresentation, {
-						tool,
-						t
-					})]
-				})]
+						}), /* @__PURE__ */ jsxs("section", {
+							"aria-label": t("tasksSettled"),
+							style: tasksFinishedSection,
+							children: [/* @__PURE__ */ jsx(GroupHeading, {
+								label: t("tasksSettled"),
+								count: groups.finished.length,
+								collapsed: finishedCollapsed,
+								onToggle: () => setFinishedCollapsed((value) => !value),
+								...groups.finished.length === 0 ? {} : { action: {
+									label: t("tasksClear"),
+									onClick: clearFinished
+								} }
+							}), finishedCollapsed || groups.finished.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+								style: taskCardList,
+								children: groups.finished.map((task) => /* @__PURE__ */ jsx(TaskCard, {
+									task,
+									activities: taskActivities.get(task.taskId) ?? [],
+									allActivities: projection.activities,
+									t
+								}, task.taskId))
+							})]
+						})]
+					})
+				]
 			});
 		}
-		function ClaudeTranscriptToolGroup({ tools, additions, deletions, files: _files, t }) {
-			const [open, setOpen] = useState(false);
-			const failed = tools.some((tool) => tool.isError === true || tool.phase === "failed");
-			const running = tools.some((tool) => tool.phase === "started" || tool.phase === "updated");
-			const summary = tools.length === 1 ? t("usedTool") : t("usedTools", { count: tools.length });
-			return /* @__PURE__ */ jsxs("div", {
-				className: "dsh-claude-tool-group-native",
-				children: [/* @__PURE__ */ jsx(DisclosureRow, {
-					rowClassName: "dsh-claude-flow-row",
-					leadingClassName: "dsh-claude-flow-leading",
-					titleClassName: "dsh-claude-flow-title",
-					chevronClassName: "dsh-claude-flow-chevron",
-					icon: failed ? /* @__PURE__ */ jsx(StateDot, { state: "error" }) : running ? /* @__PURE__ */ jsx(StateDot, { state: "ongoing" }) : /* @__PURE__ */ jsx(IconApiOutline14, { size: 14 }),
-					title: summary,
-					open,
-					expandable: true,
-					expandOnRowClick: true,
-					keepContentWhenOpen: true,
-					onToggle: () => setOpen((value) => !value),
-					collapsedContent: additions !== void 0 || deletions !== void 0 ? /* @__PURE__ */ jsxs("span", {
-						className: "dsh-claude-tool-stats",
-						children: [/* @__PURE__ */ jsxs("span", {
-							className: "dsh-claude-diff-add",
-							children: ["+", additions ?? 0]
-						}), /* @__PURE__ */ jsxs("span", {
-							className: "dsh-claude-diff-delete",
-							children: ["−", deletions ?? 0]
+		//#endregion
+		//#region src/client/ClaudeActivityTail.tsx
+		const MAX_HOVER_TASKS = 6;
+		function taskGlyph(status) {
+			if (status === "failed") return {
+				glyph: "×",
+				style: tasksHoverGlyphError
+			};
+			if (status === "completed") return {
+				glyph: "✓",
+				style: tasksHoverGlyphDone
+			};
+			return {
+				glyph: "●",
+				style: tasksHoverGlyphRunning
+			};
+		}
+		function ClaudeTaskLauncher({ turn, tasks, t, openTasks }) {
+			const [hovered, setHovered] = useState(false);
+			const closeTimer = useRef();
+			const turnTasks = useMemo(() => tasksForTurn(tasks, turn), [tasks, turn]);
+			const summary = useMemo(() => summarizeTurnTasks(turnTasks), [turnTasks]);
+			const open = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				closeTimer.current = void 0;
+				setHovered(true);
+			};
+			const scheduleClose = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				closeTimer.current = setTimeout(() => {
+					closeTimer.current = void 0;
+					setHovered(false);
+				}, 350);
+			};
+			useEffect(() => () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+			}, []);
+			if (summary === void 0) return null;
+			const label = summary.state === "running" ? t("tasksTurnRunning", { count: summary.running }) : summary.state === "failed" ? t("tasksTurnFailed", {
+				failed: summary.failed,
+				completed: summary.completed
+			}) : t("tasksTurnCompleted", { count: summary.completed });
+			const stateStyle = summary.state === "completed" ? tasksBadgeDone : {};
+			const dotStyle = summary.state === "failed" ? tasksBadgeDotError : summary.state === "completed" ? tasksBadgeDotDone : {};
+			return /* @__PURE__ */ jsx("div", {
+				"data-claude-task-launcher": turn,
+				style: tasksBadgeWrap,
+				children: /* @__PURE__ */ jsxs("span", {
+					style: tasksBadgeSeat,
+					onMouseEnter: open,
+					onMouseLeave: scheduleClose,
+					onFocus: open,
+					onBlur: (event) => {
+						if (!event.currentTarget.contains(event.relatedTarget)) scheduleClose();
+					},
+					children: [hovered ? /* @__PURE__ */ jsxs("span", {
+						role: "tooltip",
+						style: tasksHoverCard,
+						onMouseEnter: open,
+						onMouseLeave: scheduleClose,
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								style: tasksHoverHeader,
+								children: label
+							}),
+							turnTasks.slice(0, MAX_HOVER_TASKS).map((task) => {
+								const { glyph, style } = taskGlyph(task.status);
+								return /* @__PURE__ */ jsxs("span", {
+									style: tasksHoverRow,
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: task.status === "running" ? "dsh-claude-act-running" : void 0,
+											style: {
+												...tasksHoverGlyph,
+												...style
+											},
+											"aria-hidden": "true",
+											children: glyph
+										}),
+										/* @__PURE__ */ jsx("span", {
+											style: tasksHoverDesc,
+											title: task.description,
+											children: task.description
+										}),
+										task.subagentType === void 0 ? null : /* @__PURE__ */ jsx("span", {
+											style: tasksHoverType,
+											children: task.subagentType
+										})
+									]
+								}, task.taskId);
+							}),
+							turnTasks.length > MAX_HOVER_TASKS ? /* @__PURE__ */ jsxs("span", {
+								style: tasksHoverMore,
+								children: ["+", turnTasks.length - MAX_HOVER_TASKS]
+							}) : null,
+							/* @__PURE__ */ jsx("span", {
+								style: tasksHoverHint,
+								children: t("tasksOpen")
+							})
+						]
+					}) : null, /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "dsh-claude-task-launcher",
+						style: {
+							...tasksTurnBadge,
+							...stateStyle,
+							...hovered ? tasksBadgeHovered : {}
+						},
+						"aria-label": `${label} — ${t("tasksOpen")}`,
+						onClick: () => openTasks(turn),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: summary.state === "running" ? "dsh-claude-act-running" : void 0,
+							style: {
+								...tasksBadgeDot,
+								...dotStyle
+							},
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("span", {
+							style: tasksBadgeLabel,
+							children: label
 						})]
-					}) : void 0
-				}), open ? /* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-tool-list",
-					children: tools.map((tool) => /* @__PURE__ */ jsx(ClaudeTranscriptToolItem, {
-						tool,
-						t
-					}, tool.toolUseId))
-				}) : null]
+					})]
+				})
 			});
 		}
-		function ClaudeActivityNode({ node, useClaudeProjection, t }) {
-			ensureCss$3();
-			const marker = node.data;
-			const activities = useClaudeProjection((value) => selectStepActivities(value, marker.turn, marker.step));
+		function ClaudeActivityTail({ matched, useClaudeProjection, t, openTasks }) {
+			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? []);
+			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
+				turn: matched.turn,
+				tasks,
+				t,
+				openTasks
+			});
+		}
+		//#endregion
+		//#region src/client/ClaudeActiveTasksNode.tsx
+		const EMPTY_TASKS = [];
+		/** Render the task launcher while the owning DSH turn is still open. */
+		function ClaudeActiveTasksNode({ node, useClaudeProjection, t, openTasks }) {
 			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS);
-			const items = useMemo(() => transcriptItemsForStep(activities, marker.turn, marker.step, tasks), [
-				activities,
-				marker.step,
-				marker.turn,
-				tasks
-			]);
-			const markdownLabels = useClaudeMarkdownLabels(t);
-			if (items.length === 0) return null;
-			return /* @__PURE__ */ jsx("div", {
-				className: "dsh-claude-flow",
-				children: items.map((item) => item.kind === "text" ? /* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-transcript-text",
-					children: /* @__PURE__ */ jsx(ClaudeMarkdown, {
-						text: item.text,
-						labels: markdownLabels
-					})
-				}, `text:${item.ordinal}`) : item.kind === "compaction" ? /* @__PURE__ */ jsx(ClaudeCompactionDivider, {
-					compaction: item.compaction,
-					t
-				}, `compaction:${item.ordinal}`) : item.kind === "tools" ? /* @__PURE__ */ jsx(ClaudeTranscriptToolGroup, {
-					tools: item.tools,
-					...item.additions === void 0 ? {} : { additions: item.additions },
-					...item.deletions === void 0 ? {} : { deletions: item.deletions },
-					...item.files === void 0 ? {} : { files: item.files },
-					t
-				}, `tools:${item.ordinal}`) : /* @__PURE__ */ jsx(ActivityRow, {
-					row: item.row,
-					t
-				}, `activity:${item.ordinal}`))
+			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
+				turn: node.data.turn,
+				tasks,
+				t,
+				openTasks
 			});
 		}
 		//#endregion
@@ -5394,6 +5619,7 @@ window.__ModuleLoader__.load({
 				if (typeof setting !== "object" || setting === null || Array.isArray(setting)) return false;
 				const item = setting;
 				if (typeof item.key !== "string" || typeof item.value !== "string" || ![
+					"immediate",
 					"new-session",
 					"next-turn",
 					"next-worktree",
@@ -5584,6 +5810,23 @@ window.__ModuleLoader__.load({
 			"seven_day_opus",
 			"seven_day_sonnet"
 		]);
+		/** The prose mode a settings payload carries, or the default when it carries
+		*  none — an older Host, or a response this Client does not fully understand,
+		*  leaves the palette alone rather than guessing. */
+		function proseModeOf(settings) {
+			const value = settings.find((setting) => setting.key === "prose")?.value;
+			return isClaudeProseMode(value) ? value : DEFAULT_CLAUDE_PROSE_MODE;
+		}
+		/** Settings whose row only makes sense under a particular value of another.
+		*  Filtering here rather than server-side keeps the descriptor list flat: the
+		*  server has no view of what the Client can paint. Fails OPEN — a payload
+		*  missing the setting a row depends on shows the row rather than hiding it,
+		*  so an older Host cannot make a setting unreachable. */
+		function visibleGlobalSettings(settings) {
+			const renderer = settings.find((setting) => setting.key === "renderer");
+			if (renderer === void 0 || renderer.value !== "native") return settings;
+			return settings.filter((setting) => setting.key !== "prose");
+		}
 		/** Per-setting label and the effect note that used to sit as a standalone
 		*  paragraph under the card; it now hangs off the label as a hover hint. */
 		const SETTING_COPY = {
@@ -5595,6 +5838,10 @@ window.__ModuleLoader__.load({
 				label: "renderer",
 				hint: "rendererEffect"
 			},
+			prose: {
+				label: "prose",
+				hint: "proseEffect"
+			},
 			worktreeBranchPrefix: {
 				label: "worktreeBranchPrefix",
 				hint: "worktreeBranchPrefixEffect"
@@ -5613,7 +5860,9 @@ window.__ModuleLoader__.load({
 		*  names) carry no entry and keep the label the route reported. */
 		const SETTING_OPTION_COPY = {
 			"renderer:plugin": "rendererPlugin",
-			"renderer:native": "rendererNative"
+			"renderer:native": "rendererNative",
+			"prose:plain": "prosePlain",
+			"prose:enhanced": "proseEnhanced"
 		};
 		function settingOptionLabel(settingKey, option, t) {
 			const key = SETTING_OPTION_COPY[`${settingKey}:${option.value}`];
@@ -5852,6 +6101,7 @@ window.__ModuleLoader__.load({
 					});
 					if (!isGlobalSettingsView(payload)) throw new Error("Invalid global settings response");
 					setGlobalSettings(payload);
+					applyClaudeMarkdownTheme(proseModeOf(payload.settings));
 				} catch (cause) {
 					setGlobalSettingsError(cardFailure(cause));
 				} finally {
@@ -5962,7 +6212,7 @@ window.__ModuleLoader__.load({
 							globalSettings === void 0 ? /* @__PURE__ */ jsx("p", {
 								style: notice,
 								children: t("globalSettingsLoading")
-							}) : globalSettings.settings.map((setting) => {
+							}) : visibleGlobalSettings(globalSettings.settings).map((setting) => {
 								const copy = SETTING_COPY[setting.key];
 								return /* @__PURE__ */ jsxs("div", {
 									style: diagnosticGrid,
@@ -16702,6 +16952,10 @@ window.__ModuleLoader__.load({
 			rendererPlugin: "插件渲染器",
 			rendererNative: "DSH 原生渲染器",
 			rendererEffect: "插件渲染器沿用本插件自带的转录视图：交错的正文、成组的工具卡片与活动行。DSH 原生渲染器改由 DSH 自身绘制：正文作为普通助手文本块，思考作为推理块，Claude 的顶层工具会镜像成原生工具卡片。修改从下一个回合起生效；已经产生的回合仍按记录时的渲染器显示，不会重绘。",
+			prose: "Markdown 彩色高亮",
+			prosePlain: "关闭",
+			proseEnhanced: "开启",
+			proseEffect: "开启后，正文的标题、加粗、斜体、行内代码、列表符号、引用与链接各自着色，代码块换成深色描边底。这会覆盖本插件默认对齐 Claude 桌面版的配色。仅在使用插件渲染器时有效，改动立即生效，无需等待下一回合。",
 			worktreeBranchPrefix: "Worktree 分支前缀",
 			worktreeBranchPrefixEffect: "分支前缀修改会应用于之后自动创建的 Worktree 分支；显式指定的完整分支名不会被修改。",
 			maxProcessesSetting: "Claude 进程上限",
@@ -17014,7 +17268,12 @@ window.__ModuleLoader__.load({
 			rewindSubmitting: "回退中…",
 			rewindFailed: "回退失败（{code}）。",
 			rewindBusy: "这个会话正在运行，请等本轮结束后再回退。",
-			rewindStale: "宿主进程里的插件还是旧版本（没有回退接口）。重启 DSH 后再试。"
+			rewindStale: "宿主进程里的插件还是旧版本（没有回退接口）。重启 DSH 后再试。",
+			turnUsage: "本回合用量",
+			turnUsageTokens: "{count} tok",
+			turnUsageCache: "缓存命中 {percent}%",
+			turnUsageTtft: "首字 {duration}",
+			turnUsageCost: "累计 ${cost}"
 		};
 		const en = {
 			nav: "Claude Code",
@@ -17066,6 +17325,10 @@ window.__ModuleLoader__.load({
 			rendererPlugin: "Plugin renderer",
 			rendererNative: "DSH native renderer",
 			rendererEffect: "The plugin renderer keeps this package’s own transcript: interleaved prose, grouped tool cards, and activity rows. The DSH native renderer hands the same turn to DSH itself — prose as ordinary assistant text blocks, thinking as reasoning blocks, and root Claude tools mirrored into native tool cards. A change applies from the next turn; turns already recorded keep the renderer they were recorded with and are not redrawn.",
+			prose: "Markdown colour highlighting",
+			prosePlain: "Off",
+			proseEnhanced: "On",
+			proseEffect: "Gives headings, bold, italics, inline code, list markers, quotes and links their own colours, and paints the code block on a dark outlined surface. This overrides the Claude-desktop palette this package matches by default. Only applies under the plugin renderer, and takes effect immediately rather than on the next turn.",
 			worktreeBranchPrefix: "Worktree branch prefix",
 			worktreeBranchPrefixEffect: "Prefix changes apply to subsequently generated Worktree branches. Explicit full branch names remain unchanged.",
 			maxProcessesSetting: "Claude process limit",
@@ -17378,7 +17641,12 @@ window.__ModuleLoader__.load({
 			rewindSubmitting: "Rewinding…",
 			rewindFailed: "The rewind failed ({code}).",
 			rewindBusy: "This session is running; wait for the turn to finish before rewinding.",
-			rewindStale: "The Host process is still running the previous plugin build, which has no rewind route. Restart DSH and try again."
+			rewindStale: "The Host process is still running the previous plugin build, which has no rewind route. Restart DSH and try again.",
+			turnUsage: "Turn usage",
+			turnUsageTokens: "{count} tok",
+			turnUsageCache: "Cache hit {percent}%",
+			turnUsageTtft: "TTFT {duration}",
+			turnUsageCost: "${cost} total"
 		};
 		//#endregion
 		//#region src/client/index.tsx
@@ -17428,6 +17696,9 @@ window.__ModuleLoader__.load({
 			}), "dsh-claude: client copy");
 			const t = ctx.locale.bind(namespace);
 			ctx.effect(() => restyleHostChrome(), "dsh-claude: Host chrome restyling");
+			pluginRead(CLAUDE_GLOBAL_SETTINGS_PATH, "fast").then((payload) => {
+				if (isGlobalSettingsView(payload)) applyClaudeMarkdownTheme(proseModeOf(payload.settings));
+			}).catch(() => {});
 			const projections = new ClaudeProjectionStore({ report: (kind, detail) => {
 				diagnostics.report(kind, detail);
 			} });