@norman-else/dsh-claude 0.1.19 → 0.1.21

package/lib/client.js

@@ -3,9 +3,9 @@ window.__ModuleLoader__.load({
 	factory: (require) => {
 		var module = { exports: {} };
 		module.exports;
-		var { useCallback, useEffect, useId, useMemo, useRef, useState } = require("react");
-		var { Fragment, jsx, jsxs } = require("react/jsx-runtime");
-		var { DisclosureRow, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconChevronDownOutline14, IconSearchOutline16, IconThinkOutline14, StateDot } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { Fragment, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } = require("react");
+		var { DiffBlock, DisclosureRow, HoverCard, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconChevronDownOutline14, IconCloseOutline16, IconFullscreenOutline16, IconSearchOutline16, IconThinkOutline14, MarkdownText, Menu, Modal, StateDot } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { Fragment: Fragment$1, jsx, jsxs } = require("react/jsx-runtime");
 		var { createPortal } = require("react-dom");
 		/** Claude's subagent dispatch tools; rendered as plugin-owned group cards
 		*  gathering subagent activity instead of native tool cards. */
@@ -16,6 +16,21 @@ window.__ModuleLoader__.load({
 		const CLAUDE_PROJECTION_PATH = "/plugins/dsh-claude/projection";
 		const CLAUDE_GLOBAL_SETTINGS_PATH = "/plugins/dsh-claude/settings/global";
 		const CLAUDE_REPOSITORY_SETUP_PATH = "/plugins/dsh-claude/repository/setup";
+		const CLAUDE_REPOSITORY_ACTION_PATH = "/plugins/dsh-claude/repository/action";
+		const CLAUDE_REVIEW_COMMENT_PATH = "/plugins/dsh-claude/review-comments";
+		//#endregion
+		//#region src/client/task-projection.ts
+		/** Tasks UI is reserved for detached work and genuine Claude subagents. */
+		function isProjectedTask(task) {
+			if (task.backgrounded === true) return true;
+			return task.subagentType !== void 0 && task.subagentType.trim().length > 0;
+		}
+		function isProjectedTaskActivity(activity, tasks) {
+			if (activity.kind !== "subagent" || activity.parentToolUseId !== void 0) return true;
+			if (activity.taskId === void 0) return false;
+			const task = tasks.find((candidate) => candidate.taskId === activity.taskId);
+			return task !== void 0 && isProjectedTask(task);
+		}
 		//#endregion
 		//#region src/client/conversation-sidecar.ts
 		function isTaskActivity(value) {
@@ -53,7 +68,7 @@ window.__ModuleLoader__.load({
 			const rows = [];
 			const byId = /* @__PURE__ */ new Map();
 			for (const value of activities) {
-				if (!accepts(value)) continue;
+				if (!accepts(value) || !isProjectedTaskActivity(value, tasks)) continue;
 				const existingTaskId = value.toolUseId === void 0 ? void 0 : `task-${value.toolUseId}`;
 				const updatesExistingTask = value.kind === "tool-result" && existingTaskId !== void 0 && byId.has(existingTaskId);
 				if (!presentable(value) && !updatesExistingTask) continue;
@@ -117,10 +132,232 @@ window.__ModuleLoader__.load({
 				};
 			});
 		}
-		function activityRowsForStep(activities, turn, step, tasks = []) {
-			return activityRows(activities, (activity) => activity.turn === turn && activity.step === step, tasks);
+		function inputRecord(detail) {
+			if (detail === void 0) return void 0;
+			try {
+				const value = JSON.parse(detail);
+				return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+			} catch {
+				return;
+			}
+		}
+		function inputString(input, key) {
+			const value = input?.[key];
+			return typeof value === "string" && value.length > 0 ? value : void 0;
+		}
+		function lineCount(text) {
+			return text.length === 0 ? 0 : text.split(/\r?\n/u).length;
+		}
+		function editDiffs(toolName, input) {
+			const path = inputString(input, "file_path");
+			if (path === void 0) return void 0;
+			if (toolName === "MultiEdit" && Array.isArray(input?.edits)) {
+				const diffs = input.edits.flatMap((edit) => {
+					if (edit === null || typeof edit !== "object" || Array.isArray(edit)) return [];
+					const item = edit;
+					const newText = inputString(item, "new_string");
+					if (newText === void 0) return [];
+					return [{
+						path,
+						oldText: inputString(item, "old_string") ?? null,
+						newText
+					}];
+				});
+				return diffs.length === 0 ? void 0 : diffs;
+			}
+			if (toolName === "Edit") {
+				const newText = inputString(input, "new_string");
+				return newText === void 0 ? void 0 : [{
+					path,
+					oldText: inputString(input, "old_string") ?? null,
+					newText
+				}];
+			}
+			if (toolName === "Write") {
+				const content = inputString(input, "content");
+				return content === void 0 ? void 0 : [{
+					path,
+					oldText: null,
+					newText: content
+				}];
+			}
+		}
+		function toolDescription(toolName, input, failed = false) {
+			const path = inputString(input, "file_path") ?? inputString(input, "path");
+			const pattern = inputString(input, "pattern") ?? inputString(input, "query");
+			const description = inputString(input, "description");
+			const target = path ?? pattern;
+			let completed;
+			let failedAction;
+			switch (toolName) {
+				case "Grep":
+					completed = path === void 0 ? `Searched for ${pattern ?? "matches"}` : `Searched ${path} for ${pattern ?? "matches"}`;
+					failedAction = path === void 0 ? `search for ${pattern ?? "matches"}` : `search ${path} for ${pattern ?? "matches"}`;
+					break;
+				case "Glob":
+					completed = `Searched for ${pattern ?? "files"}`;
+					failedAction = `search for ${pattern ?? "files"}`;
+					break;
+				case "Read":
+					completed = `Read ${path ?? "a file"}`;
+					failedAction = `read ${path ?? "a file"}`;
+					break;
+				case "WebFetch": {
+					const url = inputString(input, "url") ?? "a web page";
+					completed = `Fetched ${url}`;
+					failedAction = `fetch ${url}`;
+					break;
+				}
+				case "WebSearch":
+					completed = `Searched the web for ${pattern ?? "results"}`;
+					failedAction = `search the web for ${pattern ?? "results"}`;
+					break;
+				case "Edit":
+				case "MultiEdit":
+					completed = `Edited ${path ?? "a file"}`;
+					failedAction = `edit ${path ?? "a file"}`;
+					break;
+				case "Write":
+					completed = `Wrote ${path ?? "a file"}`;
+					failedAction = `write ${path ?? "a file"}`;
+					break;
+				case "Bash": {
+					const command = inputString(input, "command") ?? "a command";
+					completed = description ?? `Ran ${command}`;
+					failedAction = description === void 0 ? `run ${command}` : description;
+					break;
+				}
+				default:
+					completed = description ?? `${toolName}${target === void 0 ? "" : ` ${target}`}`;
+					failedAction = completed.charAt(0).toLowerCase() + completed.slice(1);
+			}
+			return failed ? `Failed to ${failedAction}` : completed;
+		}
+		/** Fold one step's shared ordinal stream into Claude Code-style prose and tool groups. */
+		function transcriptItemsForStep(activities, turn, step, tasks = []) {
+			const ordered = activities.filter((activity) => activity.turn === turn && activity.step === step).slice().sort((left, right) => left.ordinal - right.ordinal);
+			const items = [];
+			let group;
+			const flushGroup = () => {
+				if (group === void 0 || group.tools.length === 0) return;
+				const current = group;
+				const diffs = current.tools.flatMap((tool) => tool.diffs ?? []);
+				const additions = diffs.reduce((total, diff) => total + lineCount(diff.newText), 0);
+				const deletions = diffs.reduce((total, diff) => total + (diff.oldText === null ? 0 : lineCount(diff.oldText)), 0);
+				const files = new Set(diffs.map((diff) => diff.path)).size;
+				items.push({
+					kind: "tools",
+					ordinal: current.ordinal,
+					tools: current.tools,
+					...diffs.length === 0 ? {} : {
+						additions,
+						deletions,
+						files
+					}
+				});
+				group = void 0;
+				for (const activity of current.trailingActivities) {
+					const row = activityRows([activity], () => true, tasks)[0];
+					if (row !== void 0) items.push({
+						kind: "activity",
+						ordinal: activity.ordinal,
+						row
+					});
+				}
+			};
+			for (const activity of ordered) {
+				if (!isProjectedTaskActivity(activity, tasks)) continue;
+				if (activity.kind === "text") {
+					flushGroup();
+					if (activity.text !== void 0 && activity.text.length > 0) items.push({
+						kind: "text",
+						ordinal: activity.ordinal,
+						text: activity.text
+					});
+					continue;
+				}
+				if (activity.kind === "tool-call" && activity.toolUseId !== void 0 && activity.toolName !== void 0) {
+					group ??= {
+						ordinal: activity.ordinal,
+						tools: [],
+						byId: /* @__PURE__ */ new Map(),
+						trailingActivities: []
+					};
+					group.byId.set(activity.toolUseId, group.tools.length);
+					const input = inputRecord(activity.detail);
+					group.tools.push({
+						toolUseId: activity.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;
+				}
+				if ((activity.kind === "tool-result" || activity.kind === "permission") && activity.toolUseId !== void 0 && group !== void 0) {
+					const index = group.byId.get(activity.toolUseId);
+					const previous = index === void 0 ? void 0 : group.tools[index];
+					if (index !== void 0 && previous !== void 0) {
+						const failed = activity.isError === true || activity.phase === "failed" || activity.kind === "permission";
+						const diffs = failed ? void 0 : editDiffs(previous.toolName, inputRecord(previous.input));
+						const additions = diffs?.reduce((total, diff) => total + lineCount(diff.newText), 0);
+						const deletions = diffs?.reduce((total, diff) => total + (diff.oldText === null ? 0 : lineCount(diff.oldText)), 0);
+						group.tools[index] = {
+							...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 },
+							...diffs === void 0 ? {} : {
+								diffs,
+								additions: additions ?? 0,
+								deletions: deletions ?? 0
+							},
+							...activity.kind === "permission" ? {
+								output: activity.summary,
+								isError: true
+							} : {}
+						};
+					}
+					continue;
+				}
+				if (activity.kind === "subagent" && activity.parentToolUseId !== void 0 && group !== void 0) {
+					const index = group.byId.get(activity.parentToolUseId);
+					const previous = index === void 0 ? void 0 : group.tools[index];
+					const nested = subcallOf(activity);
+					if (index !== void 0 && previous !== void 0 && nested !== void 0) {
+						const nestedIndex = previous.subcalls.findIndex((item) => item.toolUseId === nested.toolUseId);
+						const subcalls = nestedIndex === -1 ? [...previous.subcalls, nested] : previous.subcalls.map((item, position) => position === nestedIndex ? {
+							...item,
+							...nested
+						} : item);
+						group.tools[index] = {
+							...previous,
+							subcalls
+						};
+					}
+					continue;
+				}
+				if (!presentable(activity)) continue;
+				if (group !== void 0) {
+					group.trailingActivities.push(activity);
+					continue;
+				}
+				const row = activityRows([activity], () => true, tasks)[0];
+				if (row !== void 0) items.push({
+					kind: "activity",
+					ordinal: activity.ordinal,
+					row
+				});
+			}
+			flushGroup();
+			return items;
 		}
-		/** Anchor one sidecar-backed activity group immediately before its Claude assistant step. */
+		/** Keep one sidecar-backed activity group at the live chat tail, then anchor it
+		* before the native assistant message or at step settlement when none appears. */
 		const claudeActivityStepDefinition = {
 			kind: "claude-activity-step",
 			target: "chat",
@@ -129,6 +366,10 @@ window.__ModuleLoader__.load({
 					id: `${event.data.turn}:${event.data.step}`,
 					role: "start"
 				};
+				if (event.type === "step/end") return {
+					id: `${event.data.turn}:${event.data.step}`,
+					role: "update"
+				};
 				if (event.type !== "assistant/message" || event.data.message.source.provider !== "claude") return null;
 				return {
 					id: `${event.data.turn}:${event.data.step}`,
@@ -139,25 +380,31 @@ window.__ModuleLoader__.load({
 				if (match.event.type !== "step/start") throw new Error("Claude activity step requires step/start");
 				return {
 					turn: match.event.data.turn,
-					step: match.event.data.step
+					step: match.event.data.step,
+					anchorSeq: Number.MAX_SAFE_INTEGER - 1
 				};
 			},
 			update(context, match) {
-				if (match.event.type !== "assistant/message") throw new Error("Claude activity step update requires assistant/message");
-				return {
+				if (match.event.type === "assistant/message") return {
 					...context.state,
-					assistantSeq: match.event.seq
+					assistantSeq: match.event.seq,
+					anchorSeq: match.event.seq - .1
 				};
+				if (match.event.type === "step/end") return context.state.assistantSeq === void 0 ? {
+					...context.state,
+					anchorSeq: match.event.seq - .1
+				} : context.state;
+				throw new Error("Claude activity step update requires assistant/message or step/end");
 			},
 			buildViewNode(context) {
 				const state = context.state;
-				if (state?.assistantSeq === void 0) return null;
+				if (state === void 0) return null;
 				return {
 					key: context.key,
 					kind: "claude-activity-step",
 					id: context.id,
 					target: "chat",
-					anchorSeq: state.assistantSeq - .1,
+					anchorSeq: state.anchorSeq,
 					location: context.start?.location ?? { kind: "unresolved" },
 					visibility: "visible",
 					data: {
@@ -535,19 +782,35 @@ window.__ModuleLoader__.load({
 			fontSize: 12,
 			lineHeight: "17px"
 		};
-		const tasksClose = {
-			width: 26,
-			height: 26,
-			display: "grid",
-			placeItems: "center",
-			border: "none",
-			borderRadius: 7,
-			background: "transparent",
-			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 15,
-			lineHeight: "1",
-			cursor: "pointer"
-		};
+		const panelIconButtonClass = "dshClaudePanelIconButton";
+		const panelIconButtonCss = `
+		.${panelIconButtonClass} {
+		  width: 26px;
+		  height: 26px;
+		  display: grid;
+		  place-items: center;
+		  padding: 0;
+		  border: none;
+		  border-radius: 7px;
+		  background: transparent;
+		  color: var(--dsw-alias-label-tertiary);
+		  font: inherit;
+		  line-height: 1;
+		  cursor: pointer;
+		  transition: background-color 120ms ease, color 120ms ease;
+		}
+		.${panelIconButtonClass}:hover {
+		  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);
+		  color: var(--dsw-alias-label-primary);
+		}
+		.${panelIconButtonClass}:active {
+		  background: color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent);
+		}
+		.${panelIconButtonClass}:focus-visible {
+		  outline: 2px solid var(--dsw-static-blue-450);
+		  outline-offset: 1px;
+		}
+		`;
 		const tasksBody = {
 			flex: 1,
 			minHeight: 0,
@@ -729,26 +992,105 @@ window.__ModuleLoader__.load({
 			lineHeight: "16px",
 			cursor: "pointer"
 		};
-		const tasksTurnLauncher = {
+		const tasksBadgeWrap = {
+			display: "flex",
+			justifyContent: "flex-end",
+			margin: "8px 0 4px"
+		};
+		const tasksBadgeSeat = {
+			position: "relative",
+			display: "inline-flex"
+		};
+		const tasksTurnBadge = {
 			display: "inline-flex",
 			alignItems: "center",
-			gap: 7,
-			margin: "6px 0 2px",
-			padding: "5px 8px",
+			gap: 5,
+			padding: "2px 4px",
 			border: "none",
-			borderRadius: 8,
+			borderRadius: 6,
 			background: "transparent",
-			color: "var(--dsw-alias-label-secondary)",
+			color: "var(--dsw-alias-label-tertiary)",
 			font: "inherit",
+			fontSize: 11,
+			lineHeight: "16px",
+			fontVariantNumeric: "tabular-nums",
+			cursor: "pointer",
+			transition: "color 120ms ease, opacity 120ms ease"
+		};
+		const tasksBadgeHovered = { color: "var(--dsw-alias-label-secondary)" };
+		const tasksBadgeDone = { opacity: .7 };
+		const tasksBadgeDot = {
+			width: 8,
+			height: 8,
+			flex: "none",
+			borderRadius: 999,
+			background: "var(--dsw-static-blue-450)"
+		};
+		const tasksBadgeDotError = { background: "var(--dsw-alias-state-error-primary)" };
+		const tasksBadgeDotDone = { background: "var(--dsw-alias-state-success-primary, var(--dsw-static-green-500))" };
+		const tasksBadgeCount = { fontWeight: 600 };
+		const tasksHoverCard = {
+			position: "absolute",
+			right: 0,
+			bottom: "calc(100% + 8px)",
+			zIndex: 40,
+			minWidth: 240,
+			maxWidth: 340,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			padding: "10px 12px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-2)",
+			boxShadow: "0 8px 24px color-mix(in srgb, #000 24%, transparent)",
 			fontSize: 12,
 			lineHeight: "18px",
-			cursor: "pointer"
+			pointerEvents: "auto"
 		};
-		const tasksTurnLauncherDot = {
-			color: "var(--dsw-static-blue-450)",
-			fontSize: 9
+		const tasksHoverHeader = {
+			color: "var(--dsw-alias-label-primary)",
+			fontWeight: 600
+		};
+		const tasksHoverRow = {
+			minWidth: 0,
+			display: "flex",
+			alignItems: "center",
+			gap: 7
+		};
+		const tasksHoverGlyph = {
+			width: 12,
+			flex: "none",
+			textAlign: "center",
+			fontSize: 10,
+			lineHeight: 1,
+			fontWeight: 700
+		};
+		const tasksHoverGlyphRunning = { color: "var(--dsw-static-blue-450)" };
+		const tasksHoverGlyphError = { color: "var(--dsw-alias-state-error-primary)" };
+		const tasksHoverGlyphDone = { color: "var(--dsw-alias-state-success-primary, var(--dsw-static-green-500))" };
+		const tasksHoverDesc = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const tasksHoverType = {
+			flex: "none",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 10
+		};
+		const tasksHoverMore = { color: "var(--dsw-alias-label-tertiary)" };
+		const tasksHoverHint = {
+			marginTop: 2,
+			paddingTop: 6,
+			borderTop: "1px solid var(--dsw-alias-border-l1)",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11
 		};
-		const tasksTurnLauncherDone = { color: "var(--dsw-alias-state-success-primary, var(--dsw-alias-label-tertiary))" };
 		const heroRepositoryControls = {
 			position: "relative",
 			display: "inline-flex",
@@ -1069,6 +1411,10 @@ window.__ModuleLoader__.load({
 			lineHeight: "20px",
 			textAlign: "left"
 		};
+		const repositoryBarMerged = {
+			borderColor: "color-mix(in srgb, #a78bfa 30%, var(--dsw-alias-border-l2))",
+			background: "color-mix(in srgb, #a78bfa 5%, var(--dsw-alias-bg-layer-1))"
+		};
 		const repositoryPrIcon = {
 			width: 20,
 			height: 20,
@@ -1078,6 +1424,7 @@ window.__ModuleLoader__.load({
 			borderRadius: 6,
 			color: "var(--dsw-alias-state-success-primary, var(--dsw-static-blue-450))"
 		};
+		const repositoryPrIconMerged = { color: "#a78bfa" };
 		const repositoryPrimary = {
 			minWidth: 0,
 			flex: 1,
@@ -1099,6 +1446,7 @@ window.__ModuleLoader__.load({
 			textDecoration: "none",
 			cursor: "pointer"
 		};
+		const repositoryPrLinkMerged = { color: "#a78bfa" };
 		const repositoryPrHoverCard = {
 			position: "absolute",
 			zIndex: 30,
@@ -1134,6 +1482,10 @@ window.__ModuleLoader__.load({
 			fontSize: 11,
 			fontWeight: 650
 		};
+		const repositoryPrStateBadgeMerged = {
+			background: "color-mix(in srgb, #a78bfa 18%, transparent)",
+			color: "#a78bfa"
+		};
 		const repositoryPrHoverRepo = {
 			minWidth: 0,
 			flex: 1,
@@ -1248,6 +1600,31 @@ window.__ModuleLoader__.load({
 		const repositoryItemSuccess = { color: "var(--dsw-alias-state-success-primary)" };
 		const repositoryItemWarning = { color: "var(--dsw-alias-state-warning-primary, #d69e2e)" };
 		const repositoryItemError = { color: "var(--dsw-alias-state-error-primary)" };
+		const repositoryMergedStatus = {
+			minWidth: 0,
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			overflow: "hidden",
+			color: "#a78bfa",
+			fontSize: 12,
+			fontWeight: 600,
+			whiteSpace: "nowrap",
+			textOverflow: "ellipsis"
+		};
+		const repositoryMergedDot = {
+			width: 6,
+			height: 6,
+			flex: "none",
+			borderRadius: 999,
+			background: "currentColor"
+		};
+		const repositoryMergedAge = {
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontWeight: 500,
+			textOverflow: "ellipsis"
+		};
 		const diffTrigger = {
 			flex: "none",
 			display: "inline-flex",
@@ -1264,85 +1641,334 @@ window.__ModuleLoader__.load({
 			fontWeight: 650,
 			cursor: "pointer"
 		};
+		const diffTriggerMuted = {
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
 		const diffAdd = { color: "var(--dsw-alias-state-success-primary)" };
 		const diffDelete = { color: "var(--dsw-alias-state-error-primary)" };
-		const diffPanel = {
-			display: "flex",
-			flexDirection: "column",
-			width: "calc(100% - 16px)",
-			height: "calc(100% - 16px)",
-			minWidth: 0,
-			margin: 8,
-			overflow: "hidden",
+		const diffCommentButtonClass = "dshClaudeDiffCommentButton";
+		const diffLineRowClass = "dshClaudeDiffLineRow";
+		const diffCommentTextareaClass = "dshClaudeDiffCommentTextarea";
+		const diffCommentCss = `
+		.${diffCommentButtonClass} {
+		  width: 18px;
+		  height: 18px;
+		  flex: none;
+		  display: grid;
+		  place-items: center;
+		  align-self: center;
+		  margin: 0 2px;
+		  padding: 0;
+		  border: none;
+		  border-radius: 4px;
+		  background: var(--dsw-static-blue-450);
+		  color: var(--dsw-alias-label-on-accent, #fff);
+		  font: inherit;
+		  font-size: 13px;
+		  line-height: 1;
+		  cursor: pointer;
+		  opacity: 0;
+		  transition: opacity 100ms ease;
+		}
+		.${diffLineRowClass}:hover .${diffCommentButtonClass},
+		.${diffCommentButtonClass}:focus-visible {
+		  opacity: 1;
+		}
+		.${diffCommentButtonClass}[disabled] {
+		  visibility: hidden;
+		}
+		.${diffCommentTextareaClass}:focus {
+		  outline: none;
+		  box-shadow: inset 0 0 0 1px var(--dsw-static-blue-450);
+		}
+		`;
+		const diffCommentBlock = {
+			boxSizing: "border-box",
+			width: "min(640px, calc(var(--dsh-claude-diff-viewport, 520px) - 72px))",
+			position: "sticky",
+			left: 62,
+			margin: "4px 8px 8px 62px",
+			padding: "8px 10px",
 			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 12,
+			borderRadius: 8,
 			background: "var(--dsw-alias-bg-layer-1)",
-			boxShadow: "0 4px 16px color-mix(in srgb, #000 12%, transparent)"
+			fontFamily: "var(--dsw-font-family, system-ui)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "normal"
 		};
-		const diffHeader = {
-			boxSizing: "border-box",
-			height: 49,
-			flex: "none",
+		const diffCommentCardText = {
+			margin: 0,
+			color: "var(--dsw-alias-label-primary)",
+			overflowWrap: "anywhere"
+		};
+		const diffCommentCardMeta = {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
-			gap: 10,
-			padding: "9px 12px",
-			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+			gap: 8,
+			marginBottom: 4,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11
 		};
-		const diffHeaderTitle = {
-			minWidth: 0,
+		const diffCommentTextarea = {
+			width: "100%",
+			minHeight: 56,
+			boxSizing: "border-box",
+			padding: "6px 8px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "var(--dsw-alias-bg-base)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			resize: "vertical"
+		};
+		const diffCommentActions = {
 			display: "flex",
-			alignItems: "center",
+			justifyContent: "flex-end",
 			gap: 8,
-			color: "var(--dsw-alias-label-primary)",
-			fontSize: 15,
-			fontWeight: 650
+			marginTop: 6
 		};
-		const diffHeaderBranch = {
-			overflow: "hidden",
-			color: "var(--dsw-alias-label-tertiary)",
+		const diffCommentActionButton = {
+			minHeight: 24,
+			padding: "2px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
 			fontSize: 12,
-			fontWeight: 500,
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap"
+			cursor: "pointer"
 		};
-		const diffSummary = {
-			minHeight: 34,
-			display: "flex",
-			alignItems: "center",
-			gap: 7,
-			padding: "6px 12px",
-			borderBottom: "1px solid var(--dsw-alias-border-l2)",
-			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 12
+		const diffCommentSubmitButton = {
+			border: "none",
+			background: "var(--dsw-static-blue-450)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			fontWeight: 600
 		};
-		const diffBody = {
-			flex: 1,
-			minHeight: 0,
-			overflow: "auto",
-			background: "var(--dsw-alias-bg-base)"
+		const diffCommentError = {
+			margin: "4px 0 0",
+			color: "var(--dsw-alias-state-error-primary)",
+			fontSize: 11
 		};
-		const diffFile = { borderBottom: "1px solid var(--dsw-alias-border-l2)" };
-		const diffFileHeader = {
+		const reviewCommentBarFrame = {
+			width: "calc(100% - 64px)",
+			maxWidth: "var(--dsh-conversation-composer-max-width, 782px)",
+			margin: "0 auto",
+			boxSizing: "border-box"
+		};
+		const reviewCommentBar = {
 			width: "100%",
-			minHeight: 38,
+			minWidth: 0,
+			minHeight: 42,
+			boxSizing: "border-box",
 			display: "flex",
+			flexWrap: "wrap",
 			alignItems: "center",
-			gap: 7,
-			padding: "7px 10px",
-			border: "none",
+			gap: 8,
+			padding: "7px 11px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 11,
 			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 1px 2px color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)",
 			color: "var(--dsw-alias-label-primary)",
-			font: "inherit",
 			fontSize: 12,
-			textAlign: "left",
-			cursor: "pointer"
+			lineHeight: "20px"
 		};
-		const diffFilePath = {
-			minWidth: 0,
-			flex: 1,
-			overflow: "hidden",
+		const reviewCommentIcon = {
+			width: 20,
+			height: 20,
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			color: "var(--dsw-static-blue-450)"
+		};
+		const reviewCommentClearSeat = {
+			marginLeft: "auto",
+			alignSelf: "flex-start",
+			flex: "none",
+			display: "inline-flex"
+		};
+		const reviewCommentChip = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 3,
+			maxWidth: 240,
+			padding: "1px 4px 1px 9px",
+			border: "1px solid color-mix(in srgb, var(--dsw-static-blue-450) 32%, transparent)",
+			borderRadius: 999,
+			background: "color-mix(in srgb, var(--dsw-static-blue-450) 10%, transparent)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "20px"
+		};
+		const reviewCommentChipLabel$1 = {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const reviewCommentChipRemove = {
+			width: 16,
+			height: 16,
+			flex: "none",
+			display: "grid",
+			placeItems: "center",
+			padding: 0,
+			border: "none",
+			borderRadius: 999,
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: 1,
+			cursor: "pointer"
+		};
+		const reviewCommentHoverCard = {
+			display: "block",
+			maxWidth: 360,
+			padding: "8px 10px",
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const reviewCommentHoverPath = {
+			display: "block",
+			marginBottom: 4,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			overflowWrap: "anywhere"
+		};
+		const reviewCommentHoverText = {
+			margin: 0,
+			color: "var(--dsw-alias-label-primary)",
+			whiteSpace: "pre-wrap",
+			overflowWrap: "anywhere"
+		};
+		const diffAhead = { color: "var(--dsw-static-blue-450)" };
+		const diffAheadMuted = { color: "color-mix(in srgb, var(--dsw-static-blue-450) 62%, var(--dsw-alias-label-tertiary))" };
+		const diffAddMuted = { color: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 62%, var(--dsw-alias-label-tertiary))" };
+		const diffDeleteMuted = { color: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 62%, var(--dsw-alias-label-tertiary))" };
+		const diffPanel = {
+			display: "flex",
+			flexDirection: "column",
+			width: "calc(100% - 16px)",
+			height: "calc(100% - 16px)",
+			minWidth: 0,
+			margin: 8,
+			overflow: "hidden",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 4px 16px color-mix(in srgb, #000 12%, transparent)"
+		};
+		const diffPanelMaximized = {
+			width: "100%",
+			height: "100%",
+			margin: 0
+		};
+		const diffHeader = {
+			boxSizing: "border-box",
+			height: 49,
+			flex: "none",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 10,
+			padding: "9px 12px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const diffHeaderTitle = {
+			minWidth: 0,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 15,
+			fontWeight: 650
+		};
+		const diffHeaderActions = {
+			display: "flex",
+			alignItems: "center",
+			gap: 5
+		};
+		const diffSplitButton = {
+			display: "inline-flex",
+			alignItems: "stretch"
+		};
+		const diffCommitButton = {
+			minHeight: 28,
+			padding: "4px 10px",
+			border: "none",
+			borderRadius: "7px 0 0 7px",
+			background: "var(--dsw-static-blue-450)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			font: "inherit",
+			fontSize: 12,
+			fontWeight: 650,
+			cursor: "pointer"
+		};
+		const diffActionDisabled = {
+			opacity: .45,
+			cursor: "default"
+		};
+		const diffCommitMenuButton = {
+			width: 28,
+			minHeight: 28,
+			display: "grid",
+			placeItems: "center",
+			padding: 0,
+			border: "none",
+			borderLeft: "1px solid color-mix(in srgb, #fff 32%, transparent)",
+			borderRadius: "0 7px 7px 0",
+			background: "var(--dsw-static-blue-450)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			font: "inherit",
+			cursor: "pointer"
+		};
+		const diffHeaderBranch = {
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			fontWeight: 500,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const diffSummary = {
+			minHeight: 34,
+			display: "flex",
+			alignItems: "center",
+			gap: 7,
+			padding: "6px 12px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12
+		};
+		const diffBody = {
+			flex: 1,
+			minHeight: 0,
+			overflow: "auto",
+			background: "var(--dsw-alias-bg-base)"
+		};
+		const diffFile = { borderBottom: "1px solid var(--dsw-alias-border-l2)" };
+		const diffFileHeader = {
+			width: "100%",
+			minHeight: 38,
+			display: "flex",
+			alignItems: "center",
+			gap: 7,
+			padding: "7px 10px",
+			border: "none",
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 12,
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const diffFilePath = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		};
@@ -1409,6 +2035,152 @@ window.__ModuleLoader__.load({
 			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 11
 		};
+		const diffModalCss = `
+		.dshClaudeRepositoryActionModal {
+		  box-sizing: border-box;
+		  width: min(760px, calc(100vw - 48px));
+		  max-width: calc(100vw - 48px);
+		  max-height: min(680px, calc(100vh - 48px));
+		}
+		.dshClaudeRepositoryActionModalContent {
+		  flex: 1;
+		  min-height: 0;
+		  overflow-y: auto;
+		}
+		.dshClaudeRepositoryActionModalContent > div:first-child {
+		  position: sticky;
+		  top: 0;
+		  z-index: 2;
+		  background: var(--dsw-alias-bg-layer-2);
+		}
+		.dshClaudeRepositoryActionModalContent h2 {
+		  font-size: 24px;
+		  line-height: 32px;
+		}
+		.dshClaudeRepositoryActionModalContent > p {
+		  font-size: 18px;
+		  line-height: 28px;
+		}
+		.dshClaudeRepositoryActionModal input[type='checkbox'] {
+		  width: 18px;
+		  height: 18px;
+		}
+		.dshClaudeRepositoryActionModal textarea:focus,
+		.dshClaudeRepositoryActionModal input:not([type='checkbox']):focus {
+		  outline: none;
+		  box-shadow: inset 0 0 0 1px var(--dsw-static-blue-450);
+		}
+		`;
+		const diffModalBody = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 16,
+			width: "100%",
+			minWidth: 0,
+			boxSizing: "border-box"
+		};
+		const diffModalMeta = {
+			display: "flex",
+			justifyContent: "space-between",
+			gap: 16,
+			minWidth: 0,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalMetaText = {
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const diffModalFiles = {
+			minWidth: 0,
+			maxHeight: 300,
+			overflowX: "hidden",
+			overflowY: "auto",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8
+		};
+		const diffModalFile = {
+			display: "flex",
+			justifyContent: "space-between",
+			gap: 12,
+			minWidth: 0,
+			padding: "10px 14px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 15,
+			lineHeight: "22px"
+		};
+		const diffModalFilePath = {
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const diffModalFileState = { flex: "none" };
+		const diffModalField = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 16,
+			lineHeight: "24px",
+			fontWeight: 550
+		};
+		const diffModalTextarea = {
+			...settingTextInput,
+			minHeight: 140,
+			padding: "10px 14px",
+			fontSize: 16,
+			lineHeight: "24px",
+			resize: "vertical"
+		};
+		const diffModalTextInput = {
+			...settingTextInput,
+			minHeight: 44,
+			padding: "9px 14px",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalCheckbox = {
+			display: "flex",
+			alignItems: "center",
+			gap: 10,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalFooter = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 12
+		};
+		const diffModalButton = {
+			minHeight: 42,
+			padding: "8px 18px",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalStatus = {
+			margin: 0,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalError = {
+			margin: "10px 0 0",
+			color: "var(--dsw-alias-state-error-primary)",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
+		const diffModalSuccess = {
+			margin: 0,
+			color: "var(--dsw-alias-state-success-primary)",
+			fontSize: 16,
+			lineHeight: "24px"
+		};
 		//#endregion
 		//#region src/client/token-format.ts
 		function formatTokenCount(tokens) {
@@ -1426,16 +2198,17 @@ window.__ModuleLoader__.load({
 			killed: "tasksKilled"
 		};
 		function visibleTaskGroups(tasks, dismissedSettledIds) {
+			const projected = tasks.filter(isProjectedTask);
 			return {
-				running: tasks.filter((task) => task.status === "running"),
-				finished: tasks.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
+				running: projected.filter((task) => task.status === "running"),
+				finished: projected.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
 			};
 		}
 		function activitiesForTask(activities, taskId) {
 			return activities.filter((activity) => activity.taskId === taskId);
 		}
 		function tasksForTurn(tasks, turn) {
-			return tasks.filter((task) => task.originTurn === turn);
+			return tasks.filter((task) => task.originTurn === turn && isProjectedTask(task));
 		}
 		function summarizeTurnTasks(tasks) {
 			if (tasks.length === 0) return void 0;
@@ -1538,7 +2311,7 @@ window.__ModuleLoader__.load({
 								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, { children: [/* @__PURE__ */ jsx("span", {
+								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]
@@ -1574,7 +2347,7 @@ window.__ModuleLoader__.load({
 		}
 		function GroupHeading(props) {
 			const { label, count, collapsed, onToggle, action } = props;
-			const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
+			const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
 				style: tasksGroupCount,
 				children: count
 			})] });
@@ -1621,96 +2394,192 @@ window.__ModuleLoader__.load({
 			if (!projection.owned) return null;
 			return /* @__PURE__ */ jsxs("div", {
 				style: tasksPanel,
-				children: [/* @__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",
-						style: tasksClose,
-						"aria-label": t("tasksClose"),
-						onClick: closeDetails,
-						children: "×"
-					})]
-				}), /* @__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))
+				children: [
+					/* @__PURE__ */ jsx("style", {
+						"data-dsh-claude-panel-icon-styles": true,
+						children: 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("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))
+					}),
+					/* @__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))
+							})]
 						})]
-					})]
-				})]
+					})
+				]
 			});
 		}
 		//#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 summary = useMemo(() => summarizeTurnTasks(tasksForTurn(tasks, turn)), [tasks, turn]);
+			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 glyph = summary.state === "running" ? "●" : summary.state === "failed" ? "×" : "✓";
+			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,
-				children: /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					style: tasksTurnLauncher,
-					onClick: () => openTasks(turn),
-					children: [
-						/* @__PURE__ */ jsx("span", {
+				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: {
-								...tasksTurnLauncherDot,
-								...summary.state === "failed" ? iconChipError : {},
-								...summary.state === "completed" ? tasksTurnLauncherDone : {}
+								...tasksBadgeDot,
+								...dotStyle
 							},
-							"aria-hidden": "true",
-							children: glyph
-						}),
-						/* @__PURE__ */ jsx("span", { children: label }),
-						/* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							children: "›"
-						})
-					]
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("span", {
+							style: tasksBadgeCount,
+							children: turnTasks.length
+						})]
+					})]
 				})
 			});
 		}
@@ -1737,10 +2606,461 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/projection.ts
+		const EMPTY_CLAUDE_PROJECTION = {
+			schemaVersion: 1,
+			revision: 0,
+			owned: false,
+			commands: [],
+			activities: []
+		};
+		const RETRY_DELAY_MS = 2e3;
+		/** 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$4(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$4(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$4(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$4(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$4(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$4(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$4(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$4(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
+			const tasks = input.tasks === void 0 ? void 0 : record$4(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$4(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");
+				}
+			}
+			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?.();
+			});
+		}
+		/** Create one lazy source: active subscribers open the Host NDJSON stream, and
+		*  a dropped stream reconnects with a fresh snapshot after a bounded delay. */
+		function createClaudeProjectionSource(sessionId, fetchProjection = fetch, retryDelayMs = RETRY_DELAY_MS) {
+			let snapshot = EMPTY_CLAUDE_PROJECTION;
+			let revision = 0;
+			let owned = false;
+			let commands = [];
+			let contextUsage;
+			let tasks;
+			let repository;
+			let reviewComments;
+			const byStep = /* @__PURE__ */ new Map();
+			const stepOrder = [];
+			/** Streaming prose still being revealed: full arrived text plus shown chars. */
+			const reveal = /* @__PURE__ */ new Map();
+			let disposed = false;
+			let running = false;
+			let controller;
+			let frame;
+			let usedAnimationFrame = false;
+			const listeners = /* @__PURE__ */ new Set();
+			const ensureStep = (turn, step) => {
+				const key = stepKeyOf(turn, step);
+				const existing = byStep.get(key);
+				if (existing !== void 0) return existing;
+				const created = [];
+				byStep.set(key, created);
+				const at = stepOrder.findIndex((entry) => entry.turn > turn || entry.turn === turn && entry.step > step);
+				stepOrder.splice(at === -1 ? stepOrder.length : at, 0, {
+					turn,
+					step,
+					key
+				});
+				return created;
+			};
+			const upsertActivity = (activity) => {
+				const key = stepKeyOf(activity.turn, activity.step);
+				const next = ensureStep(activity.turn, activity.step).slice();
+				const index = next.findIndex((item) => item.ordinal === activity.ordinal);
+				if (index === -1) {
+					const at = next.findIndex((item) => item.ordinal > activity.ordinal);
+					next.splice(at === -1 ? next.length : at, 0, activity);
+				} else next[index] = activity;
+				byStep.set(key, next);
+			};
+			const reset = (activities) => {
+				byStep.clear();
+				stepOrder.length = 0;
+				reveal.clear();
+				for (const activity of activities) ensureStep(activity.turn, activity.step).push(activity);
+			};
+			/** Advance every pending typewriter reveal by one frame's worth of characters.
+			*  The per-frame step scales with the backlog so any burst drains in roughly
+			*  REVEAL_WINDOW_MS. Returns whether another frame is still needed. */
+			const advanceReveals = () => {
+				let remaining = false;
+				for (const [key, entry] of reveal) {
+					const total = entry.full.text?.length ?? 0;
+					if (entry.shown >= total) {
+						reveal.delete(key);
+						continue;
+					}
+					const step = Math.max(1, Math.ceil((total - entry.shown) * FRAME_MS / REVEAL_WINDOW_MS));
+					entry.shown = Math.min(total, entry.shown + step);
+					upsertActivity({
+						...entry.full,
+						text: (entry.full.text ?? "").slice(0, entry.shown)
+					});
+					if (entry.shown >= total) reveal.delete(key);
+					else remaining = true;
+				}
+				return remaining;
+			};
+			const publish = () => {
+				frame = void 0;
+				if (disposed) return;
+				const revealing = advanceReveals();
+				const activities = [];
+				for (const entry of stepOrder) {
+					const slice = byStep.get(entry.key);
+					if (slice !== void 0) for (const item of slice) activities.push(item);
+				}
+				snapshot = {
+					schemaVersion: 1,
+					revision,
+					owned,
+					commands,
+					activities,
+					...contextUsage === void 0 ? {} : { contextUsage },
+					...tasks === void 0 ? {} : { tasks },
+					...repository === void 0 ? {} : { repository },
+					...reviewComments === void 0 ? {} : { reviewComments },
+					byStep: new Map(byStep)
+				};
+				for (const listener of [...listeners]) listener();
+				if (revealing) schedulePublish();
+			};
+			const cancelFrame = () => {
+				if (frame === void 0) return;
+				if (usedAnimationFrame) globalThis.cancelAnimationFrame?.(frame);
+				else clearTimeout(frame);
+				frame = void 0;
+			};
+			const schedulePublish = () => {
+				if (disposed || frame !== void 0 || listeners.size === 0) return;
+				const raf = globalThis.requestAnimationFrame;
+				if (typeof raf === "function") {
+					usedAnimationFrame = true;
+					frame = raf(publish);
+				} else {
+					usedAnimationFrame = false;
+					frame = setTimeout(publish, FRAME_MS);
+				}
+			};
+			const applyText = (event) => {
+				const { turn, step, ordinal, append, text } = event;
+				if (!nonNegativeInteger(turn) || !nonNegativeInteger(step) || !nonNegativeInteger(ordinal)) return false;
+				if (append !== void 0 && (typeof append !== "string" || append.length > MAX_TRANSCRIPT_CHARS)) return false;
+				if (text !== void 0 && (typeof text !== "string" || text.length > MAX_TRANSCRIPT_CHARS)) return false;
+				if (append === void 0 && text === void 0) return false;
+				const revealKey = `${turn}:${step}:${ordinal}`;
+				const existing = byStep.get(stepKeyOf(turn, step))?.find((item) => item.ordinal === ordinal);
+				const pending = reveal.get(revealKey);
+				if (existing === void 0 && pending === void 0 && typeof text !== "string") return false;
+				const baseText = pending?.full.text ?? existing?.text ?? "";
+				const fullText = (typeof text === "string" ? text : `${baseText}${append}`).slice(0, MAX_TRANSCRIPT_CHARS);
+				const full = {
+					...pending?.full ?? existing ?? {
+						turn,
+						step,
+						ordinal,
+						kind: "text",
+						phase: "updated"
+					},
+					text: fullText
+				};
+				const shown = Math.min(pending?.shown ?? existing?.text?.length ?? 0, fullText.length);
+				if (fullText.length - shown > MAX_INSTANT_REVEAL) {
+					reveal.delete(revealKey);
+					upsertActivity(full);
+					return true;
+				}
+				reveal.set(revealKey, {
+					full,
+					shown
+				});
+				upsertActivity({
+					...full,
+					text: fullText.slice(0, shown)
+				});
+				return true;
+			};
+			const applyLine = (line) => {
+				const trimmed = line.trim();
+				if (trimmed.length === 0) return;
+				let value;
+				try {
+					value = JSON.parse(trimmed);
+				} catch {
+					return;
+				}
+				const event = record$4(value);
+				if (event === void 0 || typeof event.type !== "string") return;
+				try {
+					switch (event.type) {
+						case "snapshot": {
+							const next = parseClaudeClientProjection(event);
+							revision = next.revision;
+							owned = next.owned;
+							commands = next.commands;
+							contextUsage = next.contextUsage;
+							tasks = next.tasks;
+							repository = next.repository;
+							reviewComments = next.reviewComments;
+							reset(next.activities);
+							break;
+						}
+						case "text":
+							if (!applyText(event)) return;
+							revision += 1;
+							break;
+						case "activity":
+							validateEnvelopeFragment({ activities: [event.activity] });
+							upsertActivity(event.activity);
+							revision += 1;
+							break;
+						case "contextUsage":
+							validateEnvelopeFragment({ contextUsage: event.value });
+							contextUsage = event.value;
+							revision += 1;
+							break;
+						case "tasks":
+							validateEnvelopeFragment({ tasks: event.value });
+							tasks = event.value;
+							revision += 1;
+							break;
+						case "meta":
+							validateEnvelopeFragment({
+								owned: event.owned,
+								commands: event.commands,
+								...event.repository === void 0 ? {} : { repository: event.repository },
+								...event.reviewComments === void 0 ? {} : { reviewComments: event.reviewComments }
+							});
+							owned = event.owned;
+							commands = event.commands;
+							repository = event.repository;
+							reviewComments = event.reviewComments;
+							revision += 1;
+							break;
+						default: return;
+					}
+				} catch {
+					return;
+				}
+				schedulePublish();
+			};
+			const run = async () => {
+				if (running) return;
+				running = true;
+				try {
+					while (!disposed && listeners.size > 0) {
+						controller = new AbortController();
+						try {
+							const response = await fetchProjection(`${CLAUDE_PROJECTION_PATH}/${encodeURIComponent(sessionId)}/stream`, {
+								headers: { accept: "application/x-ndjson" },
+								signal: controller.signal
+							});
+							if (!response.ok) throw new Error(`Claude projection stream failed (${response.status})`);
+							if (response.body === null) throw new Error("Claude projection stream is unavailable");
+							const reader = response.body.getReader();
+							const decoder = new TextDecoder();
+							let buffer = "";
+							while (true) {
+								if (disposed || listeners.size === 0) {
+									await reader.cancel().catch(() => void 0);
+									break;
+								}
+								const chunk = await reader.read();
+								buffer += decoder.decode(chunk.value, { stream: !chunk.done });
+								const lines = buffer.split("\n");
+								buffer = lines.pop() ?? "";
+								for (const line of lines) applyLine(line);
+								if (chunk.done) break;
+							}
+						} catch (error) {
+							if (isAbort(error)) return;
+						} finally {
+							controller = void 0;
+						}
+						if (disposed || listeners.size === 0) return;
+						await delay(retryDelayMs);
+					}
+				} finally {
+					running = false;
+				}
+			};
+			return {
+				getSnapshot: () => snapshot,
+				subscribe(listener) {
+					if (disposed) return () => {};
+					const wasIdle = listeners.size === 0;
+					listeners.add(listener);
+					if (wasIdle) run();
+					return () => {
+						listeners.delete(listener);
+						if (listeners.size !== 0) return;
+						controller?.abort();
+						controller = void 0;
+						cancelFrame();
+					};
+				},
+				dispose() {
+					disposed = true;
+					listeners.clear();
+					controller?.abort();
+					controller = void 0;
+					cancelFrame();
+				}
+			};
+		}
+		var ClaudeProjectionStore = class {
+			#sources = /* @__PURE__ */ new Map();
+			source(sessionId) {
+				let source = this.#sources.get(sessionId);
+				if (source === void 0) {
+					source = createClaudeProjectionSource(sessionId);
+					this.#sources.set(sessionId, source);
+				}
+				return source;
+			}
+			dispose() {
+				for (const source of this.#sources.values()) source.dispose();
+				this.#sources.clear();
+			}
+		};
+		//#endregion
 		//#region src/client/ClaudeActivityNode.tsx
 		const EMPTY_TASKS = [];
 		const ACTIVITY_CSS = [
-			".dsh-claude-flow{display:flex;flex-direction:column;gap:4px}",
+			".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);border-radius:10px;scrollbar-gutter:stable}",
+			".dsh-claude-tool-item{border-top:1px solid var(--dsw-alias-border-l1)}",
+			".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)}",
+			".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}",
@@ -1797,7 +3117,7 @@ window.__ModuleLoader__.load({
 				expandOnRowClick: true,
 				keepContentWhenOpen: true,
 				onToggle: () => setOpen((value) => !value),
-				collapsedContent: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				collapsedContent: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 					className: "dsh-claude-flow-separator",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ jsx("span", {
@@ -1822,24 +3142,292 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		function parsedValue(value) {
+			if (value === void 0 || value.length === 0) return void 0;
+			try {
+				return JSON.parse(value);
+			} catch {
+				return value;
+			}
+		}
+		function record$3(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+		}
+		function text(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$3(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))
+			});
+		}
+		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$3(inputValue);
+			const output = record$3(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$3(output?.file);
+				const path = text(file?.filePath) ?? text(input?.file_path);
+				const content = text(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
+						})
+					})
+				] });
+			}
+			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(input?.command);
+				const terminal = [text(output?.stdout), text(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)
+					}),
+					input === void 0 ? null : /* @__PURE__ */ jsx(Section, {
+						title: t("toolInput"),
+						children: /* @__PURE__ */ jsx(Fields, {
+							value: input,
+							omit: ["command"]
+						})
+					}),
+					/* @__PURE__ */ jsx(TextDetail, {
+						title: outputTitle,
+						value: terminal || (typeof outputValue === "string" ? outputValue : void 0)
+					})
+				] });
+			}
+			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 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 ClaudeActivityNode({ node, useClaudeProjection, t }) {
 			ensureCss();
 			const marker = node.data;
-			const activities = useClaudeProjection((value) => value.activities);
+			const activities = useClaudeProjection((value) => selectStepActivities(value, marker.turn, marker.step));
 			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS);
-			const rows = useMemo(() => activityRowsForStep(activities, marker.turn, marker.step, tasks), [
+			const items = useMemo(() => transcriptItemsForStep(activities, marker.turn, marker.step, tasks), [
 				activities,
 				marker.step,
 				marker.turn,
 				tasks
 			]);
-			if (rows.length === 0) return null;
+			if (items.length === 0) return null;
 			return /* @__PURE__ */ jsx("div", {
 				className: "dsh-claude-flow",
-				children: rows.map((row, index) => /* @__PURE__ */ jsx(ActivityRow, {
-					row,
+				children: items.map((item) => item.kind === "text" ? /* @__PURE__ */ jsx("div", {
+					className: "dsh-claude-transcript-text",
+					children: /* @__PURE__ */ jsx(MarkdownText, { text: item.text })
+				}, `text:${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
-				}, `${row.activity.ordinal}:${index}`))
+				}, `activity:${item.ordinal}`))
 			});
 		}
 		//#endregion
@@ -2282,7 +3870,7 @@ window.__ModuleLoader__.load({
 										style: diagnosticValue,
 										children: t(`updateState_${updateStatus.state}`)
 									}),
-									updateStatus.latestVersion === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									updateStatus.latestVersion === void 0 ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 										style: diagnosticLabel,
 										children: t("latestVersion")
 									}), /* @__PURE__ */ jsx("span", {
@@ -2348,6 +3936,16 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/ClaudeRepositoryStatus.tsx
+		const RATE_LIMIT_TITLE_PREFIX = "Claude rate limit";
+		const RATE_LIMIT_BLOCKING_TITLE = "Claude rate limit is blocking requests";
+		/** Whether the newest quota update in the activity feed reports a blocked state. */
+		function rateLimitBlocked(activities) {
+			for (let index = activities.length - 1; index >= 0; index -= 1) {
+				const title = activities[index]?.title;
+				if (title?.startsWith(RATE_LIMIT_TITLE_PREFIX) === true) return title === RATE_LIMIT_BLOCKING_TITLE;
+			}
+			return false;
+		}
 		function StatusItem({ label, tone = "neutral" }) {
 			const toneStyle = tone === "success" ? repositoryItemSuccess : tone === "warning" ? repositoryItemWarning : tone === "error" ? repositoryItemError : {};
 			return /* @__PURE__ */ jsxs("span", {
@@ -2361,7 +3959,37 @@ window.__ModuleLoader__.load({
 				}), label]
 			});
 		}
-		function PullRequestIcon({ size = 16 }) {
+		function PullRequestIcon({ size = 16, merged = false }) {
+			if (merged) return /* @__PURE__ */ jsxs("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						cx: "4",
+						cy: "3",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "4",
+						cy: "13",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "12",
+						cy: "8",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("path", { d: "M4 4.6v6.8" }),
+					/* @__PURE__ */ jsx("path", { d: "M5.6 3H7a5 5 0 0 1 5 3.4" })
+				]
+			});
 			return /* @__PURE__ */ jsxs("svg", {
 				width: size,
 				height: size,
@@ -2408,7 +4036,8 @@ window.__ModuleLoader__.load({
 		function PullRequestHoverCard({ repository, t }) {
 			const pullRequest = repository.pullRequest;
 			if (pullRequest === void 0) return null;
-			const age = relativeAge(pullRequest.createdAt);
+			const merged = pullRequest.state === "merged";
+			const age = relativeAge(merged ? pullRequest.mergedAt : pullRequest.createdAt);
 			return /* @__PURE__ */ jsxs("span", {
 				role: "tooltip",
 				style: repositoryPrHoverCard,
@@ -2417,8 +4046,14 @@ window.__ModuleLoader__.load({
 						style: repositoryPrHoverTop,
 						children: [
 							/* @__PURE__ */ jsxs("span", {
-								style: repositoryPrStateBadge,
-								children: [/* @__PURE__ */ jsx(PullRequestIcon, { size: 13 }), t(`repositoryState_${pullRequest.state}`)]
+								style: {
+									...repositoryPrStateBadge,
+									...merged ? repositoryPrStateBadgeMerged : {}
+								},
+								children: [/* @__PURE__ */ jsx(PullRequestIcon, {
+									size: 13,
+									merged
+								}), t(`repositoryState_${pullRequest.state}`)]
 							}),
 							/* @__PURE__ */ jsxs("span", {
 								style: repositoryPrHoverRepo,
@@ -2509,7 +4144,10 @@ window.__ModuleLoader__.load({
 					href: pullRequest.url,
 					target: "_blank",
 					rel: "noopener noreferrer",
-					style: repositoryPrLink,
+					style: {
+						...repositoryPrLink,
+						...pullRequest.state === "merged" ? repositoryPrLinkMerged : {}
+					},
 					"aria-label": t("repositoryOpenPr", { number: pullRequest.number }),
 					children: ["#", pullRequest.number]
 				})]
@@ -2522,27 +4160,46 @@ window.__ModuleLoader__.load({
 			if (blank || !projection.owned || repository === void 0) return null;
 			const branch = repository.detached === true ? t("repositoryDetached") : repository.branch ?? t("repositoryUnknownBranch");
 			const pullRequest = repository.pullRequest;
+			const merged = pullRequest?.state === "merged";
+			const mergedAge = merged ? relativeAge(pullRequest.mergedAt) : void 0;
+			const aheadCount = repository.ahead ?? 0;
+			const pushable = repository.remote !== void 0 && repository.detached !== true && (aheadCount > 0 || repository.upstream === false);
+			const hasDiff = repository.diff !== void 0 && (repository.diff.additions > 0 || repository.diff.deletions > 0);
+			const rateLimited = rateLimitBlocked(projection.activities);
 			if (repository.status !== "ready") return /* @__PURE__ */ jsx("div", {
 				style: repositoryBarFrame,
 				children: /* @__PURE__ */ jsxs("div", {
 					style: repositoryBar,
-					children: [/* @__PURE__ */ jsx("span", {
-						style: repositoryPrIcon,
-						children: /* @__PURE__ */ jsx(PullRequestIcon, {})
-					}), /* @__PURE__ */ jsx("span", {
-						style: repositoryPrimary,
-						children: repository.status === "not-repository" ? t("repositoryNotGit") : t("repositoryUnavailable")
-					})]
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: repositoryPrIcon,
+							children: /* @__PURE__ */ jsx(PullRequestIcon, {})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: repositoryPrimary,
+							children: repository.status === "not-repository" ? t("repositoryNotGit") : t("repositoryUnavailable")
+						}),
+						rateLimited ? /* @__PURE__ */ jsx(StatusItem, {
+							label: t("repositoryRateLimited"),
+							tone: "warning"
+						}) : null
+					]
 				})
 			});
 			return /* @__PURE__ */ jsx("div", {
 				style: repositoryBarFrame,
 				children: /* @__PURE__ */ jsxs("div", {
-					style: repositoryBar,
+					style: {
+						...repositoryBar,
+						...merged ? repositoryBarMerged : {}
+					},
 					children: [
 						/* @__PURE__ */ jsx("span", {
-							style: repositoryPrIcon,
-							children: /* @__PURE__ */ jsx(PullRequestIcon, {})
+							style: {
+								...repositoryPrIcon,
+								...merged ? repositoryPrIconMerged : {}
+							},
+							children: /* @__PURE__ */ jsx(PullRequestIcon, { merged })
 						}),
 						/* @__PURE__ */ jsx(PullRequestLink, {
 							repository,
@@ -2562,31 +4219,311 @@ window.__ModuleLoader__.load({
 						}) : null,
 						/* @__PURE__ */ jsxs("span", {
 							style: repositoryStatusItems,
-							children: [repository.diff !== void 0 && (repository.diff.additions > 0 || repository.diff.deletions > 0) ? /* @__PURE__ */ jsxs("button", {
-								type: "button",
-								style: diffTrigger,
-								onClick: openDiff,
-								"aria-label": t("diffOpen"),
-								children: [/* @__PURE__ */ jsxs("span", {
-									style: diffAdd,
-									children: ["+", repository.diff.additions]
-								}), /* @__PURE__ */ jsxs("span", {
-									style: diffDelete,
-									children: ["−", repository.diff.deletions]
-								})]
-							}) : null, pullRequest === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StatusItem, {
-								label: t(`repositoryChecks_${pullRequest.checks}`),
-								tone: pullRequest.checks === "passing" ? "success" : pullRequest.checks === "failing" ? "error" : pullRequest.checks === "pending" ? "warning" : "neutral"
-							}), /* @__PURE__ */ jsx(StatusItem, {
-								label: t(`repositoryReview_${pullRequest.review}`),
-								tone: pullRequest.review === "approved" ? "success" : pullRequest.review === "changes-requested" ? "error" : "neutral"
-							})] })]
+							children: [
+								rateLimited ? /* @__PURE__ */ jsx(StatusItem, {
+									label: t("repositoryRateLimited"),
+									tone: "warning"
+								}) : null,
+								hasDiff || pushable ? /* @__PURE__ */ jsxs("button", {
+									type: "button",
+									style: {
+										...diffTrigger,
+										...merged ? diffTriggerMuted : {}
+									},
+									onClick: openDiff,
+									"aria-label": t("diffOpen"),
+									children: [hasDiff && repository.diff !== void 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+										style: merged ? diffAddMuted : diffAdd,
+										children: ["+", repository.diff.additions]
+									}), /* @__PURE__ */ jsxs("span", {
+										style: merged ? diffDeleteMuted : diffDelete,
+										children: ["−", repository.diff.deletions]
+									})] }) : null, pushable ? /* @__PURE__ */ jsxs("span", {
+										style: merged ? diffAheadMuted : diffAhead,
+										children: ["↑", aheadCount > 0 ? aheadCount : ""]
+									}) : null]
+								}) : null,
+								pullRequest === void 0 ? null : merged ? /* @__PURE__ */ jsxs("span", {
+									style: repositoryMergedStatus,
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											style: repositoryMergedDot,
+											"aria-hidden": "true"
+										}),
+										t("repositoryMergedInto", { branch: pullRequest.baseBranch ?? t("repositoryUnknownBranch") }),
+										mergedAge === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+											style: repositoryMergedAge,
+											children: ["· ", t("repositoryMergedAgo", { age: mergedAge })]
+										})
+									]
+								}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StatusItem, {
+									label: t(`repositoryChecks_${pullRequest.checks}`),
+									tone: pullRequest.checks === "passing" ? "success" : pullRequest.checks === "failing" ? "error" : pullRequest.checks === "pending" ? "warning" : "neutral"
+								}), /* @__PURE__ */ jsx(StatusItem, {
+									label: t(`repositoryReview_${pullRequest.review}`),
+									tone: pullRequest.review === "approved" ? "success" : pullRequest.review === "changes-requested" ? "error" : "neutral"
+								})] })
+							]
 						})
 					]
 				})
 			});
 		}
 		//#endregion
+		//#region src/client/review-comment-api.ts
+		function record$2(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+		}
+		async function post(path, sessionId, body) {
+			const response = await fetch(`${CLAUDE_REVIEW_COMMENT_PATH}${path}?sessionId=${encodeURIComponent(sessionId)}`, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify(body)
+			});
+			const value = await response.json();
+			if (!response.ok) {
+				const error = record$2(value);
+				throw new Error(typeof error?.message === "string" ? error.message : "Review comment request failed.");
+			}
+			return value;
+		}
+		async function addReviewComment(sessionId, comment) {
+			const created = record$2(record$2(await post("", sessionId, comment))?.comment);
+			if (created === void 0 || typeof created.id !== "string") throw new Error("Invalid review comment response.");
+			return created;
+		}
+		async function removeReviewComment(sessionId, id) {
+			await post("/remove", sessionId, { id });
+		}
+		async function clearReviewComments(sessionId) {
+			await post("/clear", sessionId, {});
+		}
+		//#endregion
+		//#region src/client/ClaudeReviewComments.tsx
+		function reviewCommentChipLabel(comment) {
+			return `${comment.path.split("/").at(-1) ?? comment.path}:${comment.line}`;
+		}
+		function CommentIcon() {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M2.75 2.75h10.5a1 1 0 0 1 1 1v6.5a1 1 0 0 1-1 1H8.2l-3.2 2.9v-2.9H2.75a1 1 0 0 1-1-1v-6.5a1 1 0 0 1 1-1Z" })
+			});
+		}
+		function SendIcon() {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M14 2 7.3 8.7M14 2 9.7 14l-2.4-5.3L2 6.3 14 2Z" })
+			});
+		}
+		function TrashIcon() {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M2.5 4h11M6.3 2.5h3.4M4.2 4l.65 9.3a1 1 0 0 0 1 .93h4.3a1 1 0 0 0 1-.93L11.8 4M6.7 6.8v4.6M9.3 6.8v4.6" })
+			});
+		}
+		function CommentChip({ comment, t, onRemove }) {
+			return /* @__PURE__ */ jsx(HoverCard, {
+				anchor: /* @__PURE__ */ jsxs("span", {
+					style: reviewCommentChip,
+					children: [/* @__PURE__ */ jsx("span", {
+						style: reviewCommentChipLabel$1,
+						children: reviewCommentChipLabel(comment)
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						style: reviewCommentChipRemove,
+						"aria-label": t("reviewCommentRemove"),
+						onClick: () => onRemove(comment.id),
+						children: "×"
+					})]
+				}),
+				content: /* @__PURE__ */ jsxs("span", {
+					style: reviewCommentHoverCard,
+					children: [/* @__PURE__ */ jsxs("span", {
+						style: reviewCommentHoverPath,
+						children: [
+							comment.path,
+							" · ",
+							comment.side === "old" ? t("reviewCommentOldSide", { line: comment.line }) : t("reviewCommentNewSide", { line: comment.line })
+						]
+					}), /* @__PURE__ */ jsx("p", {
+						style: reviewCommentHoverText,
+						children: comment.text
+					})]
+				}),
+				openDelayMs: 250
+			});
+		}
+		/** Pending review comments docked above the composer; drained by the next user turn. */
+		function ClaudeReviewComments({ useClaudeProjection, t, sessionId, submitWith }) {
+			const projection = useClaudeProjection((value) => value);
+			const [removedIds, setRemovedIds] = useState(() => /* @__PURE__ */ new Set());
+			const comments = (projection.reviewComments ?? []).filter((comment) => !removedIds.has(comment.id));
+			if (!projection.owned || comments.length === 0) return null;
+			const remove = (id) => {
+				setRemovedIds((previous) => /* @__PURE__ */ new Set([...previous, id]));
+				removeReviewComment(sessionId, id).catch(() => {
+					setRemovedIds((previous) => {
+						const next = new Set(previous);
+						next.delete(id);
+						return next;
+					});
+				});
+			};
+			const clearAll = () => {
+				const ids = comments.map((comment) => comment.id);
+				setRemovedIds((previous) => /* @__PURE__ */ new Set([...previous, ...ids]));
+				clearReviewComments(sessionId).catch(() => {
+					setRemovedIds((previous) => {
+						const next = new Set(previous);
+						for (const id of ids) next.delete(id);
+						return next;
+					});
+				});
+			};
+			return /* @__PURE__ */ jsxs("div", {
+				style: reviewCommentBarFrame,
+				children: [/* @__PURE__ */ jsx("style", {
+					"data-dsh-claude-review-comment-styles": true,
+					children: panelIconButtonCss
+				}), /* @__PURE__ */ jsxs("div", {
+					style: reviewCommentBar,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: reviewCommentIcon,
+							children: /* @__PURE__ */ jsx(CommentIcon, {})
+						}),
+						comments.map((comment) => /* @__PURE__ */ jsx(CommentChip, {
+							comment,
+							t,
+							onRemove: remove
+						}, comment.id)),
+						/* @__PURE__ */ jsxs("span", {
+							style: reviewCommentClearSeat,
+							children: [submitWith === void 0 ? null : /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: panelIconButtonClass,
+								"aria-label": t("reviewCommentsSend"),
+								onClick: () => submitWith(t("reviewCommentsSendDraft")),
+								children: /* @__PURE__ */ jsx(SendIcon, {})
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: panelIconButtonClass,
+								"aria-label": t("reviewCommentsClear"),
+								onClick: clearAll,
+								children: /* @__PURE__ */ jsx(TrashIcon, {})
+							})]
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/repository-action-api.ts
+		var RepositoryActionClientError = class extends Error {
+			code;
+			commit;
+			constructor(message, code, commit) {
+				super(message);
+				this.name = "RepositoryActionClientError";
+				if (code !== void 0) this.code = code;
+				if (commit !== void 0) this.commit = commit;
+			}
+		};
+		function record$1(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+		}
+		async function response$1(pending) {
+			const result = await pending;
+			const body = await result.json();
+			if (!result.ok) {
+				const error = record$1(body);
+				throw new RepositoryActionClientError(typeof error?.message === "string" ? error.message : "Repository action failed.", typeof error?.error === "string" ? error.error : void 0, typeof error?.commit === "string" ? error.commit : void 0);
+			}
+			return body;
+		}
+		function preview(value) {
+			const input = record$1(value);
+			if (input === void 0 || typeof input.root !== "string" || typeof input.branch !== "string" || typeof input.head !== "string" || typeof input.fingerprint !== "string" || !Array.isArray(input.files) || typeof input.patch !== "string" || typeof input.truncated !== "boolean" || typeof input.hasStaged !== "boolean" || typeof input.hasUnstaged !== "boolean" || typeof input.hasUntracked !== "boolean" || input.upstream !== void 0 && typeof input.upstream !== "string" || !Array.isArray(input.unpushedCommits) || typeof input.unpushedTruncated !== "boolean") throw new Error("Invalid repository action preview.");
+			for (const file of input.files) {
+				const item = record$1(file);
+				if (item === void 0 || typeof item.path !== "string" || typeof item.staged !== "boolean" || typeof item.unstaged !== "boolean" || typeof item.untracked !== "boolean") throw new Error("Invalid repository action file.");
+			}
+			for (const commit of input.unpushedCommits) {
+				const item = record$1(commit);
+				if (item === void 0 || typeof item.hash !== "string" || typeof item.subject !== "string") throw new Error("Invalid repository action commit.");
+			}
+			return input;
+		}
+		function result(value) {
+			const input = record$1(value);
+			if (input === void 0 || typeof input.commit !== "string" || typeof input.pushed !== "boolean" || input.pullRequestUrl !== void 0 && typeof input.pullRequestUrl !== "string") throw new Error("Invalid repository action result.");
+			return input;
+		}
+		function endpoint(path, sessionId) {
+			return `${CLAUDE_REPOSITORY_ACTION_PATH}${path}?sessionId=${encodeURIComponent(sessionId)}`;
+		}
+		async function loadRepositoryActionPreview(sessionId, signal) {
+			return preview(await response$1(fetch(endpoint("/preview", sessionId), {
+				method: "GET",
+				credentials: "same-origin",
+				headers: { accept: "application/json" },
+				...signal === void 0 ? {} : { signal }
+			})));
+		}
+		async function generateCommitMessage(sessionId, fingerprint, signal) {
+			const value = record$1(await response$1(fetch(endpoint("/message", sessionId), {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({ fingerprint }),
+				...signal === void 0 ? {} : { signal }
+			})));
+			if (typeof value?.message !== "string") throw new Error("Invalid generated commit message.");
+			return value.message;
+		}
+		function executeRepositoryAction(sessionId, request) {
+			return response$1(fetch(endpoint("", sessionId), {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify(request)
+			})).then(result);
+		}
+		//#endregion
 		//#region src/client/ClaudeDiffPanel.tsx
 		function pathFromHeader(line) {
 			return /^diff --git a\/(.+) b\/(.+)$/u.exec(line)?.[2];
@@ -2665,15 +4602,35 @@ window.__ModuleLoader__.load({
 			}
 			return numbered;
 		}
-		function DiffLine({ entry }) {
+		/** Which working-tree line a comment on this rendered diff row refers to. */
+		function commentAnchorForLine(entry) {
+			if (entry.kind === "add" || entry.kind === "context") return entry.newLine === void 0 ? void 0 : {
+				line: entry.newLine,
+				side: "new"
+			};
+			if (entry.kind === "delete") return entry.oldLine === void 0 ? void 0 : {
+				line: entry.oldLine,
+				side: "old"
+			};
+		}
+		function DiffLine({ entry, addLabel, onComment }) {
 			const style = entry.kind === "add" ? diffLineAdd : entry.kind === "delete" ? diffLineDelete : entry.kind === "hunk" || entry.kind === "collapsed" ? diffLineHunk : diffLineContext;
 			const lineNumber = entry.oldLine === void 0 && entry.newLine === void 0 ? "" : entry.oldLine === void 0 ? String(entry.newLine) : entry.newLine === void 0 ? String(entry.oldLine) : String(entry.newLine);
 			return /* @__PURE__ */ jsxs("div", {
+				className: diffLineRowClass,
 				style: {
 					...diffLine,
 					...style
 				},
 				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: diffCommentButtonClass,
+						disabled: onComment === void 0,
+						"aria-label": addLabel,
+						onClick: onComment,
+						children: "+"
+					}),
 					/* @__PURE__ */ jsx("span", {
 						style: diffLineNumber,
 						children: lineNumber
@@ -2686,7 +4643,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function DiffFileSection({ file, initiallyOpen }) {
+		function DiffFileSection({ file, initiallyOpen, t, comments, editorAnchor, editorNode, onOpenEditor, onRemoveComment }) {
 			const [open, setOpen] = useState(initiallyOpen);
 			return /* @__PURE__ */ jsxs("section", {
 				style: diffFile,
@@ -2720,15 +4677,278 @@ window.__ModuleLoader__.load({
 					]
 				}), open ? /* @__PURE__ */ jsx("div", {
 					style: diffCode,
-					children: numberDiffLines(file.lines).map((entry, index) => /* @__PURE__ */ jsx(DiffLine, { entry }, `${index}:${entry.line}`))
+					children: numberDiffLines(file.lines).map((entry, index) => {
+						const anchor = commentAnchorForLine(entry);
+						const lineComments = anchor === void 0 ? [] : comments.filter((comment) => comment.line === anchor.line && comment.side === anchor.side);
+						const editorOpen = anchor !== void 0 && editorAnchor !== void 0 && editorAnchor.line === anchor.line && editorAnchor.side === anchor.side;
+						return /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsx(DiffLine, {
+								entry,
+								addLabel: t("reviewCommentAdd"),
+								onComment: anchor === void 0 ? void 0 : () => onOpenEditor(anchor)
+							}),
+							lineComments.map((comment) => /* @__PURE__ */ jsxs("div", {
+								style: diffCommentBlock,
+								children: [/* @__PURE__ */ jsxs("div", {
+									style: diffCommentCardMeta,
+									children: [/* @__PURE__ */ jsx("span", { children: comment.side === "old" ? t("reviewCommentOldSide", { line: comment.line }) : t("reviewCommentNewSide", { line: comment.line }) }), /* @__PURE__ */ jsx("button", {
+										type: "button",
+										style: reviewCommentChipRemove,
+										"aria-label": t("reviewCommentRemove"),
+										onClick: () => onRemoveComment(comment.id),
+										children: "×"
+									})]
+								}), /* @__PURE__ */ jsx("p", {
+									style: diffCommentCardText,
+									children: comment.text
+								})]
+							}, comment.id)),
+							editorOpen ? editorNode : null
+						] }, `${index}:${entry.line}`);
+					})
 				}) : null]
 			});
 		}
-		function ClaudeDiffPanel({ useClaudeProjection, t, closeDetails }) {
+		function actionLabel(action, t) {
+			return (action === "commit" ? t("diffCommit") : action === "commit-push" ? t("diffCommitPush") : action === "push" ? t("diffPush") : t("diffCreatePr")).replace(/[….]+$/u, "");
+		}
+		function repositoryActionAvailability(repository) {
+			const ready = repository?.status === "ready" && repository.detached !== true;
+			const committable = ready && repository.dirty === true;
+			const hasRemote = repository?.remote !== void 0;
+			const hasOpenPullRequest = repository?.pullRequest?.state === "open";
+			const pushable = ready && hasRemote && (repository.upstream === false || (repository.ahead ?? 0) > 0);
+			return {
+				"commit": committable,
+				"commit-push": committable && hasRemote,
+				"push": pushable,
+				"create-pr": (committable || pushable) && hasRemote && !hasOpenPullRequest
+			};
+		}
+		function RestorePanelIcon() {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "currentColor",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M1.5 5h3V2h1.4v4.4H1.5V5Zm9.9-3h1.4v3h3v1.4h-4.4V2ZM1.5 9.6h4.4V14H4.5v-3h-3V9.6Zm9.9 0h4.4V11h-3v3h-1.4V9.6Z" })
+			});
+		}
+		function ClaudeDiffPanel({ useClaudeProjection, t, sessionId, maximized, closeDetails, toggleMaximized }) {
 			const projection = useClaudeProjection((value) => value);
 			const repository = projection.repository;
 			const diff = repository?.diff;
 			const files = useMemo(() => parseUnifiedDiff(diff?.patch ?? ""), [diff?.patch]);
+			const [menuOpen, setMenuOpen] = useState(false);
+			const [dialog, setDialog] = useState();
+			const [message, setMessage] = useState("");
+			const [includeUnstaged, setIncludeUnstaged] = useState(true);
+			const [prTitle, setPrTitle] = useState("");
+			const [prBody, setPrBody] = useState("");
+			const [baseBranch, setBaseBranch] = useState("");
+			const [draft, setDraft] = useState(true);
+			const [commentEditor, setCommentEditor] = useState();
+			const [commentDraft, setCommentDraft] = useState("");
+			const [commentBusy, setCommentBusy] = useState(false);
+			const [commentError, setCommentError] = useState();
+			const [localComments, setLocalComments] = useState([]);
+			const [removedCommentIds, setRemovedCommentIds] = useState(() => /* @__PURE__ */ new Set());
+			const actionController = useRef();
+			const diffViewportObserver = useRef();
+			const diffBodyRef = useCallback((element) => {
+				diffViewportObserver.current?.disconnect();
+				diffViewportObserver.current = void 0;
+				if (element === null || typeof ResizeObserver === "undefined") return;
+				const update = () => element.style.setProperty("--dsh-claude-diff-viewport", `${element.clientWidth}px`);
+				update();
+				const observer = new ResizeObserver(update);
+				observer.observe(element);
+				diffViewportObserver.current = observer;
+			}, []);
+			useEffect(() => () => diffViewportObserver.current?.disconnect(), []);
+			const closeDialog = useCallback(() => {
+				if (dialog?.submitting === true) return;
+				actionController.current?.abort();
+				actionController.current = void 0;
+				setDialog(void 0);
+			}, [dialog?.submitting]);
+			useEffect(() => {
+				if (dialog?.commit === void 0 || dialog.error !== void 0 || dialog.pullRequestUrl !== void 0) return;
+				const timer = setTimeout(closeDialog, 1200);
+				return () => clearTimeout(timer);
+			}, [
+				closeDialog,
+				dialog?.commit,
+				dialog?.error,
+				dialog?.pullRequestUrl
+			]);
+			const openAction = useCallback((action) => {
+				actionController.current?.abort();
+				setMenuOpen(false);
+				setDialog({
+					action,
+					loading: true,
+					submitting: false
+				});
+				setMessage("");
+				setPrTitle("");
+				setPrBody("");
+				setBaseBranch("");
+				setDraft(true);
+				const controller = new AbortController();
+				actionController.current = controller;
+				loadRepositoryActionPreview(sessionId, controller.signal).then(async (preview) => {
+					setIncludeUnstaged(preview.hasUnstaged || preview.hasUntracked);
+					if (action === "push") {
+						setDialog({
+							action,
+							preview,
+							loading: false,
+							submitting: false
+						});
+						return;
+					}
+					setDialog({
+						action,
+						preview,
+						loading: true,
+						submitting: false
+					});
+					const generated = await generateCommitMessage(sessionId, preview.fingerprint, controller.signal);
+					setMessage(generated);
+					setPrTitle(generated);
+					setPrBody(`Summary: ${generated}\n\nChanges:\n- ${generated}`);
+					setDialog({
+						action,
+						preview,
+						loading: false,
+						submitting: false
+					});
+				}).catch((error) => {
+					if (!controller.signal.aborted) setDialog({
+						action,
+						loading: false,
+						submitting: false,
+						error: error instanceof Error ? error.message : t("diffActionFailed")
+					});
+				});
+			}, [sessionId, t]);
+			const confirm = useCallback(async () => {
+				if (dialog?.preview === void 0 || dialog.action !== "push" && message.trim().length === 0) return;
+				const { error: _error, ...pending } = dialog;
+				setDialog({
+					...pending,
+					submitting: true
+				});
+				try {
+					const result = await executeRepositoryAction(sessionId, {
+						action: dialog.action,
+						fingerprint: dialog.preview.fingerprint,
+						message,
+						includeUnstaged,
+						...dialog.action === "create-pr" ? {
+							prTitle,
+							prBody,
+							...baseBranch.trim() === "" ? {} : { baseBranch },
+							draft
+						} : {}
+					});
+					setDialog({
+						...dialog,
+						submitting: false,
+						commit: result.commit,
+						...result.pullRequestUrl === void 0 ? {} : { pullRequestUrl: result.pullRequestUrl }
+					});
+				} catch (error) {
+					const completedCommit = typeof error === "object" && error !== null && "commit" in error && typeof error.commit === "string" ? error.commit : void 0;
+					setDialog({
+						...dialog,
+						submitting: false,
+						error: error instanceof Error ? error.message : t("diffActionFailed"),
+						...completedCommit === void 0 ? {} : { commit: completedCommit }
+					});
+				}
+			}, [
+				baseBranch,
+				dialog,
+				draft,
+				includeUnstaged,
+				message,
+				prBody,
+				prTitle,
+				sessionId,
+				t
+			]);
+			const openCommentEditor = useCallback((path, anchor) => {
+				setCommentEditor({
+					path,
+					...anchor
+				});
+				setCommentDraft("");
+				setCommentError(void 0);
+			}, []);
+			const closeCommentEditor = useCallback(() => {
+				setCommentEditor(void 0);
+				setCommentDraft("");
+				setCommentError(void 0);
+			}, []);
+			const submitComment = useCallback(async () => {
+				if (commentEditor === void 0 || commentDraft.trim().length === 0 || commentBusy) return;
+				setCommentBusy(true);
+				setCommentError(void 0);
+				try {
+					const created = await addReviewComment(sessionId, {
+						path: commentEditor.path,
+						line: commentEditor.line,
+						side: commentEditor.side,
+						text: commentDraft.trim()
+					});
+					setLocalComments((list) => [...list, created]);
+					closeCommentEditor();
+				} catch (error) {
+					setCommentError(error instanceof Error ? error.message : t("reviewCommentFailed"));
+				} finally {
+					setCommentBusy(false);
+				}
+			}, [
+				closeCommentEditor,
+				commentBusy,
+				commentDraft,
+				commentEditor,
+				sessionId,
+				t
+			]);
+			const removeComment = useCallback((id) => {
+				setRemovedCommentIds((previous) => /* @__PURE__ */ new Set([...previous, id]));
+				removeReviewComment(sessionId, id).catch(() => {
+					setRemovedCommentIds((previous) => {
+						const next = new Set(previous);
+						next.delete(id);
+						return next;
+					});
+				});
+			}, [sessionId]);
+			useEffect(() => {
+				const projected = new Set((projection.reviewComments ?? []).map((comment) => comment.id));
+				setLocalComments((list) => list.some((comment) => projected.has(comment.id)) ? list.filter((comment) => !projected.has(comment.id)) : list);
+				setRemovedCommentIds((previous) => {
+					const kept = [...previous].filter((id) => projected.has(id));
+					return kept.length === previous.size ? previous : new Set(kept);
+				});
+			}, [projection.reviewComments]);
+			const reviewComments = useMemo(() => {
+				const merged = /* @__PURE__ */ new Map();
+				for (const comment of projection.reviewComments ?? []) merged.set(comment.id, comment);
+				for (const comment of localComments) merged.set(comment.id, comment);
+				for (const id of removedCommentIds) merged.delete(id);
+				return [...merged.values()];
+			}, [
+				localComments,
+				projection.reviewComments,
+				removedCommentIds
+			]);
+			useEffect(() => () => actionController.current?.abort(), []);
 			useEffect(() => {
 				if (!projection.owned || repository?.status !== "ready" || diff === void 0) closeDetails();
 			}, [
@@ -2739,61 +4959,431 @@ window.__ModuleLoader__.load({
 			]);
 			if (!projection.owned || repository?.status !== "ready" || diff === void 0) return null;
 			const branch = repository.detached === true ? t("repositoryDetached") : repository.branch ?? t("repositoryUnknownBranch");
-			return /* @__PURE__ */ jsxs("div", {
-				style: diffPanel,
+			const availability = repositoryActionAvailability(repository);
+			const anyActionAvailable = availability["commit"] || availability["commit-push"] || availability["push"] || availability["create-pr"];
+			const menuItems = [
+				{
+					id: "commit",
+					label: t("diffCommit"),
+					disabled: !availability["commit"]
+				},
+				{
+					id: "commit-push",
+					label: t("diffCommitPush"),
+					disabled: !availability["commit-push"]
+				},
+				{
+					id: "push",
+					label: t("diffPush"),
+					disabled: !availability["push"]
+				},
+				{
+					id: "create-pr",
+					label: t("diffCreatePr"),
+					disabled: !availability["create-pr"]
+				}
+			];
+			const completed = dialog?.commit !== void 0 && dialog.error === void 0;
+			const commentEditorNode = commentEditor === void 0 ? null : /* @__PURE__ */ jsxs("div", {
+				style: diffCommentBlock,
 				children: [
-					/* @__PURE__ */ jsxs("header", {
-						style: diffHeader,
-						children: [/* @__PURE__ */ jsxs("div", {
-							style: diffHeaderTitle,
-							children: [
-								/* @__PURE__ */ jsx("span", {
-									style: diffHeaderBranch,
-									children: branch
-								}),
-								/* @__PURE__ */ jsx("span", {
-									"aria-hidden": "true",
-									children: "›"
-								}),
-								/* @__PURE__ */ jsx("span", { children: t("diffWorkingTree") })
-							]
+					/* @__PURE__ */ jsx("textarea", {
+						className: diffCommentTextareaClass,
+						style: diffCommentTextarea,
+						value: commentDraft,
+						maxLength: 2e3,
+						placeholder: t("reviewCommentPlaceholder"),
+						autoFocus: true,
+						onChange: (event) => setCommentDraft(event.currentTarget.value)
+					}),
+					commentError !== void 0 ? /* @__PURE__ */ jsx("p", {
+						style: diffCommentError,
+						children: commentError
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						style: diffCommentActions,
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: diffCommentActionButton,
+							onClick: closeCommentEditor,
+							children: t("reviewCommentCancel")
 						}), /* @__PURE__ */ jsx("button", {
 							type: "button",
-							style: tasksClose,
-							"aria-label": t("diffClose"),
-							onClick: closeDetails,
-							children: "×"
+							style: {
+								...diffCommentActionButton,
+								...diffCommentSubmitButton
+							},
+							disabled: commentBusy || commentDraft.trim().length === 0,
+							onClick: () => void submitComment(),
+							children: t("reviewCommentSubmit")
 						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						style: diffSummary,
-						children: [
-							/* @__PURE__ */ jsx("span", { children: t("diffFiles", { count: diff.files }) }),
-							/* @__PURE__ */ jsxs("span", {
-								style: diffAdd,
-								children: ["+", diff.additions]
-							}),
-							/* @__PURE__ */ jsxs("span", {
-								style: diffDelete,
-								children: ["−", diff.deletions]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						style: diffBody,
-						children: [diff.truncated ? /* @__PURE__ */ jsx("p", {
-							style: diffNotice,
-							children: t("diffTruncated")
-						}) : null, files.length === 0 ? /* @__PURE__ */ jsx("p", {
-							style: diffEmpty,
-							children: t("diffEmpty")
-						}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
-							file,
-							initiallyOpen: index === 0
-						}, file.path))]
 					})
 				]
 			});
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsxs("style", {
+					"data-dsh-claude-repository-modal-styles": true,
+					children: [
+						diffModalCss,
+						panelIconButtonCss,
+						diffCommentCss
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					style: {
+						...diffPanel,
+						...maximized ? diffPanelMaximized : {}
+					},
+					children: [
+						/* @__PURE__ */ jsxs("header", {
+							style: diffHeader,
+							children: [/* @__PURE__ */ jsxs("div", {
+								style: diffHeaderTitle,
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										style: diffHeaderBranch,
+										children: branch
+									}),
+									/* @__PURE__ */ jsx("span", {
+										"aria-hidden": "true",
+										children: "›"
+									}),
+									/* @__PURE__ */ jsx("span", { children: t("diffWorkingTree") })
+								]
+							}), /* @__PURE__ */ jsxs("div", {
+								style: diffHeaderActions,
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										style: diffSplitButton,
+										children: [/* @__PURE__ */ jsx("button", {
+											type: "button",
+											style: {
+												...diffCommitButton,
+												...availability["commit"] ? {} : diffActionDisabled
+											},
+											disabled: !availability["commit"],
+											onClick: () => openAction("commit"),
+											children: t("diffCommit")
+										}), /* @__PURE__ */ jsx(Menu, {
+											open: menuOpen,
+											items: menuItems,
+											onSelect: (id) => {
+												if (availability[id]) openAction(id);
+											},
+											onClose: () => setMenuOpen(false),
+											align: "end",
+											portal: true,
+											anchor: /* @__PURE__ */ jsx("button", {
+												type: "button",
+												style: {
+													...diffCommitMenuButton,
+													...anyActionAvailable ? {} : diffActionDisabled
+												},
+												disabled: !anyActionAvailable,
+												"aria-label": t("diffCommitMenu"),
+												"aria-expanded": menuOpen,
+												onClick: () => setMenuOpen((value) => !value),
+												children: /* @__PURE__ */ jsx(IconChevronDownOutline14, {})
+											})
+										})]
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: panelIconButtonClass,
+										"aria-label": maximized ? t("diffRestore") : t("diffMaximize"),
+										onClick: toggleMaximized,
+										children: maximized ? /* @__PURE__ */ jsx(RestorePanelIcon, {}) : /* @__PURE__ */ jsx(IconFullscreenOutline16, {})
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: panelIconButtonClass,
+										"aria-label": t("diffClose"),
+										onClick: closeDetails,
+										children: /* @__PURE__ */ jsx(IconCloseOutline16, {})
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: diffSummary,
+							children: [
+								/* @__PURE__ */ jsx("span", { children: t("diffFiles", { count: diff.files }) }),
+								/* @__PURE__ */ jsxs("span", {
+									style: diffAdd,
+									children: ["+", diff.additions]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									style: diffDelete,
+									children: ["−", diff.deletions]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							ref: diffBodyRef,
+							style: diffBody,
+							children: [diff.truncated ? /* @__PURE__ */ jsx("p", {
+								style: diffNotice,
+								children: t("diffTruncated")
+							}) : null, files.length === 0 ? /* @__PURE__ */ jsx("p", {
+								style: diffEmpty,
+								children: t("diffEmpty")
+							}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
+								file,
+								initiallyOpen: index === 0,
+								t,
+								comments: reviewComments.filter((comment) => comment.path === file.path),
+								editorAnchor: commentEditor !== void 0 && commentEditor.path === file.path ? commentEditor : void 0,
+								editorNode: commentEditorNode,
+								onOpenEditor: (anchor) => openCommentEditor(file.path, anchor),
+								onRemoveComment: removeComment
+							}, file.path))]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(Modal, {
+					className: "dshClaudeRepositoryActionModal",
+					contentClassName: "dshClaudeRepositoryActionModalContent",
+					open: dialog !== void 0,
+					onClose: closeDialog,
+					title: dialog === void 0 ? t("diffCommit") : actionLabel(dialog.action, t),
+					closeLabel: t("diffCancel"),
+					description: t("diffConfirmDescription"),
+					footer: /* @__PURE__ */ jsxs("div", {
+						style: diffModalFooter,
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: {
+								...button,
+								...diffModalButton
+							},
+							disabled: dialog?.submitting === true,
+							onClick: closeDialog,
+							children: completed ? t("diffDone") : t("diffCancel")
+						}), !completed ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: {
+								...primaryButton,
+								...diffModalButton
+							},
+							disabled: dialog?.loading === true || dialog?.submitting === true || dialog?.preview === void 0 || dialog.action !== "push" && message.trim() === "",
+							onClick: () => void confirm(),
+							children: dialog?.submitting === true ? t("diffSubmitting") : t("diffConfirm")
+						}) : null]
+					}),
+					children: [
+						dialog?.loading === true ? /* @__PURE__ */ jsx("p", {
+							style: diffModalStatus,
+							children: t("diffGeneratingMessage")
+						}) : null,
+						dialog?.preview !== void 0 ? /* @__PURE__ */ jsxs("div", {
+							style: diffModalBody,
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									style: diffModalMeta,
+									children: [/* @__PURE__ */ jsx("strong", {
+										style: diffModalMetaText,
+										title: dialog.preview.branch,
+										children: dialog.action === "push" ? `${dialog.preview.branch} → ${dialog.preview.upstream ?? `origin/${dialog.preview.branch}`}` : dialog.preview.branch
+									}), /* @__PURE__ */ jsx("span", {
+										style: diffModalFileState,
+										children: dialog.action === "push" ? t("diffPushAhead", { count: dialog.preview.unpushedTruncated ? `${dialog.preview.unpushedCommits.length}+` : dialog.preview.unpushedCommits.length }) : t("diffFiles", { count: dialog.preview.files.length })
+									})]
+								}),
+								dialog.action === "push" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+									style: diffModalFiles,
+									children: dialog.preview.unpushedCommits.map((commit) => /* @__PURE__ */ jsxs("div", {
+										style: diffModalFile,
+										children: [/* @__PURE__ */ jsx("span", {
+											style: diffModalFilePath,
+											title: commit.subject,
+											children: commit.subject
+										}), /* @__PURE__ */ jsx("span", {
+											style: diffModalFileState,
+											children: commit.hash.slice(0, 8)
+										})]
+									}, commit.hash))
+								}), /* @__PURE__ */ jsx("p", {
+									style: diffModalStatus,
+									children: t("diffPushDescription")
+								})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									/* @__PURE__ */ jsx("div", {
+										style: diffModalFiles,
+										children: dialog.preview.files.map((file) => /* @__PURE__ */ jsxs("div", {
+											style: diffModalFile,
+											children: [/* @__PURE__ */ jsx("span", {
+												style: diffModalFilePath,
+												title: file.path,
+												children: file.path
+											}), /* @__PURE__ */ jsx("span", {
+												style: diffModalFileState,
+												children: file.untracked ? t("diffUntracked") : file.staged && file.unstaged ? t("diffStagedUnstaged") : file.staged ? t("diffStaged") : t("diffUnstaged")
+											})]
+										}, file.path))
+									}),
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalCheckbox,
+										children: [/* @__PURE__ */ jsx("input", {
+											type: "checkbox",
+											checked: includeUnstaged,
+											disabled: !dialog.preview.hasUnstaged && !dialog.preview.hasUntracked,
+											onChange: (event) => setIncludeUnstaged(event.currentTarget.checked)
+										}), t("diffIncludeUnstaged")]
+									}),
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalField,
+										children: [t("diffCommitMessage"), /* @__PURE__ */ jsx("textarea", {
+											style: diffModalTextarea,
+											value: message,
+											maxLength: 512,
+											onChange: (event) => setMessage(event.currentTarget.value)
+										})]
+									})
+								] }),
+								dialog.action === "create-pr" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalField,
+										children: [t("diffPrTitle"), /* @__PURE__ */ jsx("input", {
+											style: diffModalTextInput,
+											value: prTitle,
+											maxLength: 256,
+											onChange: (event) => setPrTitle(event.currentTarget.value)
+										})]
+									}),
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalField,
+										children: [t("diffPrBase"), /* @__PURE__ */ jsx("input", {
+											style: diffModalTextInput,
+											value: baseBranch,
+											maxLength: 512,
+											placeholder: t("diffPrBaseDefault"),
+											onChange: (event) => setBaseBranch(event.currentTarget.value)
+										})]
+									}),
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalField,
+										children: [t("diffPrDescription"), /* @__PURE__ */ jsx("textarea", {
+											style: {
+												...diffModalTextarea,
+												minHeight: 240
+											},
+											value: prBody,
+											maxLength: 8192,
+											onChange: (event) => setPrBody(event.currentTarget.value)
+										})]
+									}),
+									/* @__PURE__ */ jsxs("label", {
+										style: diffModalCheckbox,
+										children: [/* @__PURE__ */ jsx("input", {
+											type: "checkbox",
+											checked: draft,
+											onChange: (event) => setDraft(event.currentTarget.checked)
+										}), t("diffPrDraft")]
+									})
+								] }) : null,
+								dialog.commit !== void 0 ? /* @__PURE__ */ jsx("p", {
+									style: diffModalSuccess,
+									children: dialog.action === "push" ? t("diffPushCompleted", { commit: dialog.commit.slice(0, 8) }) : t("diffCommitCompleted", { commit: dialog.commit.slice(0, 8) })
+								}) : null,
+								dialog.pullRequestUrl !== void 0 ? /* @__PURE__ */ jsx("a", {
+									href: dialog.pullRequestUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									children: t("diffOpenPr")
+								}) : null
+							]
+						}) : null,
+						dialog?.error !== void 0 ? /* @__PURE__ */ jsxs("p", {
+							role: "alert",
+							style: diffModalError,
+							children: [dialog.error, dialog.commit === void 0 ? "" : ` ${t("diffCommitPreserved", { commit: dialog.commit.slice(0, 8) })}`]
+						}) : null
+					]
+				})
+			] });
+		}
+		//#endregion
+		//#region src/client/ClaudeDiffOverlay.tsx
+		const useClientLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+		function shouldRestoreFromEscape(event, root = document) {
+			return event.key === "Escape" && root.querySelector("[role=\"dialog\"][aria-modal=\"true\"]") === null;
+		}
+		function workspaceBounds(overlay) {
+			const frame = overlay.parentElement;
+			if (frame === null) return void 0;
+			const overlayRect = overlay.getBoundingClientRect();
+			const candidates = Array.from(frame.children).filter((element) => element !== overlay).map((element) => element.getBoundingClientRect()).filter((rect) => rect.width > 0 && rect.height > 0);
+			const insetCandidates = candidates.filter((rect) => rect.left > overlayRect.left);
+			const workspace = (insetCandidates.length > 0 ? insetCandidates : candidates).reduce((largest, rect) => {
+				if (largest === void 0 || rect.width * rect.height > largest.width * largest.height) return rect;
+				return largest;
+			}, void 0);
+			if (workspace === void 0) return void 0;
+			const left = Math.max(0, workspace.left - overlayRect.left);
+			const top = Math.max(0, workspace.top - overlayRect.top);
+			return {
+				left,
+				top,
+				width: Math.max(0, Math.min(workspace.width, overlayRect.width - left)),
+				height: Math.max(0, Math.min(workspace.height, overlayRect.height - top))
+			};
+		}
+		function observeWorkspaceBounds(overlay, listener) {
+			const frame = overlay.parentElement;
+			if (frame === null) return () => {};
+			const update = () => {
+				const next = workspaceBounds(overlay);
+				if (next !== void 0) listener(next);
+			};
+			update();
+			const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(update);
+			observer?.observe(frame);
+			for (const element of Array.from(frame.children)) observer?.observe(element);
+			const mutation = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(update);
+			mutation?.observe(frame, {
+				attributes: true,
+				childList: true
+			});
+			window.addEventListener("resize", update);
+			return () => {
+				observer?.disconnect();
+				mutation?.disconnect();
+				window.removeEventListener("resize", update);
+			};
+		}
+		function ClaudeDiffOverlay({ children, onRestore }) {
+			const ref = useRef(null);
+			const [bounds, setBounds] = useState();
+			useClientLayoutEffect(() => {
+				const overlay = ref.current?.closest("[data-shell-overlay]");
+				if (overlay === void 0 || overlay === null) return;
+				return observeWorkspaceBounds(overlay, (next) => {
+					setBounds((current) => current?.left === next.left && current.top === next.top && current.width === next.width && current.height === next.height ? current : next);
+				});
+			}, []);
+			useEffect(() => {
+				const escape = (event) => {
+					if (shouldRestoreFromEscape(event)) onRestore();
+				};
+				window.addEventListener("keydown", escape);
+				return () => window.removeEventListener("keydown", escape);
+			}, [onRestore]);
+			return /* @__PURE__ */ jsx("div", {
+				ref,
+				"data-dsh-claude-diff-overlay": true,
+				style: {
+					position: "absolute",
+					left: bounds?.left ?? 0,
+					top: bounds?.top ?? 0,
+					width: bounds?.width ?? 0,
+					height: bounds?.height ?? 0,
+					visibility: bounds === void 0 ? "hidden" : "visible",
+					padding: 8,
+					boxSizing: "border-box",
+					background: "var(--dsw-alias-bg-base)",
+					pointerEvents: bounds === void 0 ? "none" : "auto"
+				},
+				children
+			});
 		}
 		//#endregion
 		//#region src/client/hero-dom-bridge.ts
@@ -2849,16 +5439,16 @@ window.__ModuleLoader__.load({
 			"saving-worktree",
 			"switching-branch"
 		]);
-		function record$1(value) {
+		function record(value) {
 			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
 		}
 		function setupResult(value) {
-			const item = record$1(value);
+			const item = record(value);
 			if (item === void 0 || item.mode !== "checkout" && item.mode !== "worktree" || typeof item.root !== "string" || typeof item.path !== "string" || typeof item.branch !== "string" || item.leaseId !== void 0 && typeof item.leaseId !== "string") return void 0;
 			return item;
 		}
 		function parseRepositorySetupEvent(line, onProgress) {
-			const event = record$1(JSON.parse(line));
+			const event = record(JSON.parse(line));
 			if (event?.type === "progress" && typeof event.stage === "string" && HOST_STAGES.has(event.stage)) {
 				onProgress(event.stage);
 				return;
@@ -3367,7 +5957,7 @@ window.__ModuleLoader__.load({
 				children: [branches === void 0 ? /* @__PURE__ */ jsx("span", {
 					style: heroRepositoryStatus,
 					children: error ?? t("repositoryBranchesLoading")
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ClaudeHeroRepositoryCapsule, {
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ClaudeHeroRepositoryCapsule, {
 					branches: availableBranches,
 					selected,
 					worktree,
@@ -3402,160 +5992,6 @@ window.__ModuleLoader__.load({
 			}), portal);
 		}
 		//#endregion
-		//#region src/client/projection.ts
-		const EMPTY_CLAUDE_PROJECTION = {
-			schemaVersion: 1,
-			revision: 0,
-			owned: false,
-			commands: [],
-			activities: []
-		};
-		const POLL_INTERVAL_MS = 2e3;
-		const MAX_ACTIVITIES = 1e4;
-		const MAX_COMMANDS = 2e3;
-		const MAX_REPOSITORY_TEXT_CHARS = 1024;
-		const MAX_DIFF_CHARS = 262144;
-		function record(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(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") return false;
-			if (repository.diff !== void 0) {
-				const diff = record(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(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)))) 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(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(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(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(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
-			const tasks = input.tasks === void 0 ? void 0 : record(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");
-			return input;
-		}
-		/** Create one lazy source: active subscribers trigger an immediate load and bounded polling. */
-		function createClaudeProjectionSource(sessionId, fetchProjection = fetch, pollIntervalMs = POLL_INTERVAL_MS) {
-			let snapshot = EMPTY_CLAUDE_PROJECTION;
-			let timer;
-			let controller;
-			let disposed = false;
-			const listeners = /* @__PURE__ */ new Set();
-			const schedule = () => {
-				if (disposed || listeners.size === 0) return;
-				timer = setTimeout(() => {
-					refresh();
-				}, pollIntervalMs);
-			};
-			const refresh = async () => {
-				if (disposed || listeners.size === 0) return;
-				controller?.abort();
-				controller = new AbortController();
-				try {
-					const response = await fetchProjection(`${CLAUDE_PROJECTION_PATH}/${encodeURIComponent(sessionId)}`, {
-						headers: { accept: "application/json" },
-						signal: controller.signal
-					});
-					if (!response.ok) throw new Error(`Claude projection request failed (${response.status})`);
-					const next = parseClaudeClientProjection(await response.json());
-					const commandCatalogChanged = JSON.stringify(next.commands) !== JSON.stringify(snapshot.commands);
-					const repositoryChanged = JSON.stringify(next.repository) !== JSON.stringify(snapshot.repository);
-					if (next.revision !== snapshot.revision || next.owned !== snapshot.owned || commandCatalogChanged || repositoryChanged) {
-						snapshot = next;
-						for (const listener of [...listeners]) listener();
-					}
-				} catch (error) {
-					if (error instanceof DOMException && error.name === "AbortError") return;
-				} finally {
-					controller = void 0;
-					schedule();
-				}
-			};
-			return {
-				getSnapshot: () => snapshot,
-				subscribe(listener) {
-					if (disposed) return () => {};
-					const wasIdle = listeners.size === 0;
-					listeners.add(listener);
-					if (wasIdle) refresh();
-					return () => {
-						listeners.delete(listener);
-						if (listeners.size !== 0) return;
-						if (timer !== void 0) clearTimeout(timer);
-						timer = void 0;
-						controller?.abort();
-						controller = void 0;
-					};
-				},
-				dispose() {
-					disposed = true;
-					listeners.clear();
-					if (timer !== void 0) clearTimeout(timer);
-					timer = void 0;
-					controller?.abort();
-					controller = void 0;
-				}
-			};
-		}
-		var ClaudeProjectionStore = class {
-			#sources = /* @__PURE__ */ new Map();
-			source(sessionId) {
-				let source = this.#sources.get(sessionId);
-				if (source === void 0) {
-					source = createClaudeProjectionSource(sessionId);
-					this.#sources.set(sessionId, source);
-				}
-				return source;
-			}
-			dispose() {
-				for (const source of this.#sources.values()) source.dispose();
-				this.#sources.clear();
-			}
-		};
-		//#endregion
 		//#region src/client/claude-command-source.ts
 		const SOURCE_NAME = "Claude Code";
 		function commandsFor(store, session) {
@@ -3814,6 +6250,11 @@ window.__ModuleLoader__.load({
 			failed: "失败",
 			done: "完成",
 			subagent: "子代理",
+			usedTool: "使用了 1 个工具",
+			usedTools: "使用了 {count} 个工具",
+			toolInput: "输入",
+			toolOutput: "输出",
+			toolError: "错误",
 			tokens: "{count} 个 token",
 			doctor: "运行诊断",
 			refreshing: "诊断中…",
@@ -3878,6 +6319,7 @@ window.__ModuleLoader__.load({
 			tasksViewActivity: "查看活动",
 			tasksHideActivity: "收起活动",
 			tasksRunningCount: "{count} 个运行中任务",
+			repositoryRateLimited: "Claude 额度限流中",
 			tasksTurnRunning: "{count} 个任务执行中",
 			tasksTurnCompleted: "{count} 个任务已完成",
 			tasksTurnFailed: "{failed} 个任务失败，{completed} 个已完成",
@@ -3933,6 +6375,8 @@ window.__ModuleLoader__.load({
 			repositoryState_open: "开放",
 			repositoryState_closed: "已关闭",
 			repositoryState_merged: "已合并",
+			repositoryMergedInto: "已合并到 {branch}",
+			repositoryMergedAgo: "{age}前",
 			repositoryChecks: "检查",
 			repositoryChecks_passing: "检查通过",
 			repositoryChecks_pending: "检查进行中",
@@ -3953,7 +6397,49 @@ window.__ModuleLoader__.load({
 			diffFiles: "{count} 个已修改文件",
 			diffFilesShort: "{count} 个文件",
 			diffTruncated: "Diff 超出安全显示上限。请在终端中查看完整内容。",
-			diffEmpty: "没有可显示的 tracked 文件改动"
+			diffEmpty: "没有可显示的 tracked 文件改动",
+			diffMaximize: "最大化 Diff 面板",
+			diffRestore: "还原 Diff 面板",
+			diffCommit: "Commit",
+			diffCommitMenu: "打开提交操作菜单",
+			diffCommitPush: "Commit & Push…",
+			diffPush: "Push",
+			diffCreatePr: "Create PR…",
+			diffConfirmDescription: "确认仓库快照和将要执行的 Git 操作。",
+			diffPushDescription: "将本地未推送的 commit 推送到远端分支。",
+			diffPushAhead: "{count} 个未推送的 commit",
+			diffPushCompleted: "已推送 commit {commit}",
+			diffGeneratingMessage: "正在读取仓库并生成 commit message…",
+			diffActionFailed: "仓库操作失败。",
+			diffIncludeUnstaged: "包含 unstaged 和 untracked 改动",
+			diffCommitMessage: "Commit message",
+			diffStaged: "Staged",
+			diffUnstaged: "Unstaged",
+			diffStagedUnstaged: "Staged + unstaged",
+			diffUntracked: "Untracked",
+			diffPrTitle: "PR title",
+			diffPrBase: "Base branch",
+			diffPrBaseDefault: "使用远端默认分支",
+			diffPrDescription: "PR description（仅 Summary 与 Changes）",
+			diffPrDraft: "创建为 Draft PR",
+			diffCancel: "取消",
+			diffConfirm: "确认",
+			diffSubmitting: "执行中…",
+			diffDone: "完成",
+			diffCommitCompleted: "已创建 commit {commit}",
+			diffCommitPreserved: "本地 commit {commit} 已保留。",
+			diffOpenPr: "打开 Pull Request",
+			reviewCommentAdd: "添加行评论",
+			reviewCommentPlaceholder: "请求更改",
+			reviewCommentSubmit: "注释",
+			reviewCommentCancel: "取消",
+			reviewCommentRemove: "删除评论",
+			reviewCommentFailed: "评论操作失败。",
+			reviewCommentsClear: "清除全部评论",
+			reviewCommentsSend: "发送评论",
+			reviewCommentsSendDraft: "请处理以上代码评论。",
+			reviewCommentOldSide: "旧代码第 {line} 行",
+			reviewCommentNewSide: "第 {line} 行"
 		};
 		const en = {
 			nav: "Claude Code",
@@ -3966,6 +6452,11 @@ window.__ModuleLoader__.load({
 			failed: "Failed",
 			done: "Done",
 			subagent: "Subagent",
+			usedTool: "Used 1 tool",
+			usedTools: "Used {count} tools",
+			toolInput: "Input",
+			toolOutput: "Output",
+			toolError: "Error",
 			tokens: "{count} tokens",
 			doctor: "Run Doctor",
 			refreshing: "Running Doctor…",
@@ -4030,6 +6521,7 @@ window.__ModuleLoader__.load({
 			tasksViewActivity: "View activity",
 			tasksHideActivity: "Hide activity",
 			tasksRunningCount: "{count} running task(s)",
+			repositoryRateLimited: "Rate limited",
 			tasksTurnRunning: "{count} task(s) running",
 			tasksTurnCompleted: "{count} task(s) completed",
 			tasksTurnFailed: "{failed} failed, {completed} completed",
@@ -4085,6 +6577,8 @@ window.__ModuleLoader__.load({
 			repositoryState_open: "Open",
 			repositoryState_closed: "Closed",
 			repositoryState_merged: "Merged",
+			repositoryMergedInto: "Merged into {branch}",
+			repositoryMergedAgo: "{age} ago",
 			repositoryChecks: "Checks",
 			repositoryChecks_passing: "Checks passing",
 			repositoryChecks_pending: "Checks pending",
@@ -4105,10 +6599,67 @@ window.__ModuleLoader__.load({
 			diffFiles: "{count} modified file(s)",
 			diffFilesShort: "{count} files",
 			diffTruncated: "The diff exceeds the safe display limit. Use the terminal to inspect the complete content.",
-			diffEmpty: "No tracked file changes to display"
+			diffEmpty: "No tracked file changes to display",
+			diffMaximize: "Maximize diff panel",
+			diffRestore: "Restore diff panel",
+			diffCommit: "Commit",
+			diffCommitMenu: "Open commit actions",
+			diffCommitPush: "Commit & Push…",
+			diffPush: "Push",
+			diffCreatePr: "Create PR…",
+			diffConfirmDescription: "Confirm the repository snapshot and Git operation.",
+			diffPushDescription: "Push local commits to the remote branch.",
+			diffPushAhead: "{count} unpushed commit(s)",
+			diffPushCompleted: "Pushed commit {commit}",
+			diffGeneratingMessage: "Reading the repository and generating a commit message…",
+			diffActionFailed: "Repository action failed.",
+			diffIncludeUnstaged: "Include unstaged and untracked changes",
+			diffCommitMessage: "Commit message",
+			diffStaged: "Staged",
+			diffUnstaged: "Unstaged",
+			diffStagedUnstaged: "Staged + unstaged",
+			diffUntracked: "Untracked",
+			diffPrTitle: "PR title",
+			diffPrBase: "Base branch",
+			diffPrBaseDefault: "Use the remote default branch",
+			diffPrDescription: "PR description (Summary and Changes only)",
+			diffPrDraft: "Create as a Draft PR",
+			diffCancel: "Cancel",
+			diffConfirm: "Confirm",
+			diffSubmitting: "Working…",
+			diffDone: "Done",
+			diffCommitCompleted: "Created commit {commit}",
+			diffCommitPreserved: "Local commit {commit} was preserved.",
+			diffOpenPr: "Open pull request",
+			reviewCommentAdd: "Add line comment",
+			reviewCommentPlaceholder: "Request changes",
+			reviewCommentSubmit: "Comment",
+			reviewCommentCancel: "Cancel",
+			reviewCommentRemove: "Remove comment",
+			reviewCommentFailed: "The comment could not be saved.",
+			reviewCommentsClear: "Clear all comments",
+			reviewCommentsSend: "Send comments",
+			reviewCommentsSendDraft: "Please address the attached review comments.",
+			reviewCommentOldSide: "Old line {line}",
+			reviewCommentNewSide: "Line {line}"
 		};
 		//#endregion
 		//#region src/client/index.tsx
+		function MaximizedDiff({ source, t, sessionId, closeDetails, restore }) {
+			const snapshot = useSyncExternalStore(source.subscribe, source.getSnapshot, source.getSnapshot);
+			const useClaudeProjection = (selector) => selector(snapshot);
+			return /* @__PURE__ */ jsx(ClaudeDiffOverlay, {
+				onRestore: restore,
+				children: /* @__PURE__ */ jsx(ClaudeDiffPanel, {
+					useClaudeProjection,
+					t,
+					sessionId,
+					maximized: true,
+					closeDetails,
+					toggleMaximized: restore
+				})
+			});
+		}
 		const name = "dsh-claude-client";
 		const inject = [
 			"slots",
@@ -4148,17 +6699,30 @@ window.__ModuleLoader__.load({
 			}, ClaudeActivityNode));
 			const layout = ctx.get("layout");
 			let disposePluginDetails;
+			let disposeDiffOverlay;
 			let disposeExpandedDetailsResize;
 			let detailsSessionId;
+			const restoreDiff = () => {
+				if (disposeDiffOverlay === void 0) return;
+				disposeDiffOverlay();
+				disposeDiffOverlay = void 0;
+				layout?.openDetails();
+				disposeExpandedDetailsResize = enableExpandedDetailsResize();
+			};
 			const closePluginDetails = () => {
-				if (disposePluginDetails === void 0) return;
+				if (disposePluginDetails === void 0 && disposeDiffOverlay === void 0 && disposeExpandedDetailsResize === void 0 && detailsSessionId === void 0) return;
+				disposeDiffOverlay?.();
+				disposeDiffOverlay = void 0;
 				disposeExpandedDetailsResize?.();
 				disposeExpandedDetailsResize = void 0;
-				disposePluginDetails();
+				disposePluginDetails?.();
 				disposePluginDetails = void 0;
 				detailsSessionId = void 0;
 				layout?.closeDetails();
 			};
+			ctx.effect(() => ctx.slots.onEntryError((key, entry) => {
+				if (key === "shell.overlay" && entry.options.id === "claude-diff-overlay") restoreDiff();
+			}), "dsh-claude: diff overlay recovery");
 			const openTasksPanel = (sessionId, turn) => {
 				closePluginDetails();
 				try {
@@ -4181,27 +6745,64 @@ window.__ModuleLoader__.load({
 			};
 			const openDiffPanel = (sessionId) => {
 				closePluginDetails();
-				try {
-					disposePluginDetails = ctx.slots.register({
-						name: "details",
-						priority: -10,
-						locale: namespace,
-						inject: () => ({
+				detailsSessionId = sessionId;
+				const registerDetails = () => {
+					try {
+						disposePluginDetails = ctx.slots.register({
+							name: "details",
+							priority: -10,
+							locale: namespace,
+							inject: () => ({
+								t,
+								sessionId,
+								maximized: false,
+								closeDetails: closePluginDetails,
+								toggleMaximized: maximizeDiff
+							})
+						}, ClaudeDiffPanel);
+					} catch {
+						disposePluginDetails = void 0;
+						return false;
+					}
+					layout?.openDetails();
+					return true;
+				};
+				const maximizeDiff = () => {
+					if (disposeDiffOverlay !== void 0) {
+						restoreDiff();
+						return;
+					}
+					disposeExpandedDetailsResize?.();
+					disposeExpandedDetailsResize = void 0;
+					layout?.closeDetails();
+					try {
+						disposeDiffOverlay = ctx.slots.register({
+							name: "shell.overlay",
+							id: "claude-diff-overlay",
+							locale: namespace
+						}, () => /* @__PURE__ */ jsx(MaximizedDiff, {
+							source: projections.source(sessionId),
 							t,
-							closeDetails: closePluginDetails
-						})
-					}, ClaudeDiffPanel);
-				} catch {
+							sessionId,
+							closeDetails: closePluginDetails,
+							restore: restoreDiff
+						}));
+					} catch {
+						disposeDiffOverlay = void 0;
+						layout?.openDetails();
+						disposeExpandedDetailsResize = enableExpandedDetailsResize();
+					}
+				};
+				if (!registerDetails()) {
+					detailsSessionId = void 0;
 					return;
 				}
-				detailsSessionId = sessionId;
-				layout?.openDetails();
 				disposeExpandedDetailsResize = enableExpandedDetailsResize();
 			};
 			ctx.effect(() => {
 				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => closePluginDetails();
 				const observer = new MutationObserver(() => {
-					if (detailsSessionId !== void 0 && document.querySelector("[data-details-collapsed]") !== null) closePluginDetails();
+					if (detailsSessionId !== void 0 && disposeDiffOverlay === void 0 && document.querySelector("[data-details-collapsed]") !== null) closePluginDetails();
 				});
 				observer.observe(document.body, {
 					attributes: true,
@@ -4227,10 +6828,27 @@ window.__ModuleLoader__.load({
 					openTasks: (turn) => openTasksPanel(sessionId, turn)
 				})
 			}, ClaudeActivityTail));
+			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "claude-review-comments",
+				order: 18,
+				locale: namespace,
+				inject: (sessionId) => ({
+					t,
+					sessionId,
+					...sessions === void 0 || conversation === void 0 ? {} : { submitWith: (fallbackDraft) => {
+						const scope = sessions.scope(sessionId);
+						if (scope === void 0) return;
+						const input = conversation.input.for(scope);
+						if (input.state.getSnapshot().draft.trim() === "") input.setDraft(fallbackDraft);
+						input.submit();
+					} }
+				})
+			}, ClaudeReviewComments));
 			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: "claude-repository-status",
-				order: 20,
+				order: 20.5,
 				locale: namespace,
 				inject: (sessionId) => ({
 					t,