@norman-else/dsh-claude 0.1.25 → 0.1.26

package/lib/client.js

@@ -20,7 +20,9 @@ window.__ModuleLoader__.load({
 		const CLAUDE_REVIEW_COMMENT_PATH = "/plugins/dsh-claude/review-comments";
 		const CLAUDE_REPOSITORY_FEEDBACK_PATH = "/plugins/dsh-claude/repository/feedback";
 		const CLAUDE_REPOSITORY_STATUS_PATH = "/plugins/dsh-claude/repository/status";
+		const CLAUDE_REPOSITORY_FILE_PATH = "/plugins/dsh-claude/repository/file";
 		const CLAUDE_JIRA_PATH = "/plugins/dsh-claude/jira";
+		const CLAUDE_ASK_PATH = "/plugins/dsh-claude/ask";
 		//#endregion
 		//#region src/client/task-projection.ts
 		/** Tasks UI is reserved for detached work and genuine Claude subagents. */
@@ -751,16 +753,33 @@ window.__ModuleLoader__.load({
 		const tasksPanel = {
 			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, color-mix(in srgb, currentColor 16%, transparent))",
 			borderRadius: 12,
 			background: "var(--dsw-alias-bg-layer-1)",
 			boxShadow: "0 4px 16px color-mix(in srgb, #000 12%, transparent)"
 		};
+		const detailsCardClass = "dshClaudeDetailsCard";
+		/**
+		* Geometry shared by every details-column card. Lives in a stylesheet rather
+		* than inline so the DSH Desktop macOS shell can be special-cased: its
+		* "advanced" frame floats a 32px opaque caption/drag row over the top of the
+		* conversation and details columns, 12px of which lands inside the column and
+		* used to cover the card's top border and corners.
+		*/
+		const detailsCardCss = `
+		.${detailsCardClass} {
+		  box-sizing: border-box;
+		  width: calc(100% - 16px);
+		  height: calc(100% - 16px);
+		  margin: 8px;
+		}
+		.dshDesktopFrame[data-desktop-mode="advanced"][data-desktop-platform="darwin"] .dshDesktopDetailsSurface .${detailsCardClass} {
+		  height: calc(100% - 28px);
+		  margin-top: 20px;
+		}
+		`;
 		const tasksHeader = {
 			boxSizing: "border-box",
 			height: 58,
@@ -1131,7 +1150,7 @@ window.__ModuleLoader__.load({
 			background: "transparent",
 			color: "inherit",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "18px",
 			cursor: "pointer"
 		};
@@ -1178,7 +1197,7 @@ window.__ModuleLoader__.load({
 			background: "transparent",
 			color: "var(--dsw-alias-label-primary)",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "18px"
 		};
 		const heroBranchList = {
@@ -1190,8 +1209,8 @@ window.__ModuleLoader__.load({
 		};
 		const heroBranchItem = {
 			width: "100%",
-			height: 34,
-			minHeight: 34,
+			height: 36,
+			minHeight: 36,
 			display: "flex",
 			alignItems: "center",
 			gap: 8,
@@ -1201,7 +1220,7 @@ window.__ModuleLoader__.load({
 			background: "transparent",
 			color: "var(--dsw-alias-label-primary)",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "18px",
 			textAlign: "left",
 			cursor: "pointer"
@@ -1215,11 +1234,11 @@ window.__ModuleLoader__.load({
 			whiteSpace: "nowrap"
 		};
 		const heroBranchEmpty = {
-			height: 34,
+			height: 36,
 			display: "grid",
 			placeItems: "center",
 			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 12
+			fontSize: 13
 		};
 		const heroRepositoryDivider = {
 			width: 1,
@@ -1239,7 +1258,7 @@ window.__ModuleLoader__.load({
 			background: "transparent",
 			color: "var(--dsw-alias-label-secondary)",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "18px",
 			whiteSpace: "nowrap",
 			cursor: "pointer",
@@ -1332,6 +1351,10 @@ window.__ModuleLoader__.load({
 			lineHeight: "18px",
 			overflowWrap: "anywhere"
 		};
+		const heroWorktreeProgressContext = {
+			color: "var(--dsw-alias-label-secondary)",
+			fontWeight: 500
+		};
 		const heroWorktreeProgressDismiss = {
 			width: 24,
 			height: 24,
@@ -1691,6 +1714,14 @@ window.__ModuleLoader__.load({
 			borderRadius: 999,
 			background: "currentColor"
 		};
+		const repositoryGlyph = {
+			width: 16,
+			height: 16,
+			flex: "none",
+			display: "grid",
+			placeItems: "center",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
 		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)" };
@@ -1909,19 +1940,77 @@ window.__ModuleLoader__.load({
 			fontWeight: 650,
 			cursor: "pointer"
 		};
+		/** Ticket summaries need room; the branch menu's 280px truncates them badly. */
+		const heroTicketMenu = { width: 420 };
 		const heroTicketKey = {
 			flex: "none",
-			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 11,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 12,
 			fontWeight: 650,
 			letterSpacing: .2
 		};
+		const heroTicketChips = {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 6,
+			padding: "2px 2px 6px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 12%, transparent))"
+		};
+		const heroTicketChip = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			padding: "2px 4px 2px 8px",
+			border: "1px solid color-mix(in srgb, var(--dsw-static-blue-450) 40%, transparent)",
+			borderRadius: 999,
+			background: "color-mix(in srgb, var(--dsw-static-blue-450) 12%, transparent)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			fontWeight: 600,
+			letterSpacing: .2
+		};
+		const heroTicketChipRemove = {
+			width: 16,
+			height: 16,
+			display: "grid",
+			placeItems: "center",
+			padding: 0,
+			border: "none",
+			borderRadius: 999,
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			lineHeight: 1,
+			cursor: "pointer"
+		};
+		const heroTicketChipsClear = {
+			padding: "2px 4px",
+			border: "none",
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			cursor: "pointer"
+		};
+		const heroTicketCheckbox = {
+			width: 15,
+			height: 15,
+			boxSizing: "border-box",
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			border: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
+			borderRadius: 4,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			transition: "border-color 120ms ease, background 120ms ease"
+		};
 		const heroTicketStatus = {
 			flex: "none",
-			maxWidth: 90,
+			maxWidth: 110,
 			overflow: "hidden",
 			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 11,
+			fontSize: 12,
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		};
@@ -2008,6 +2097,197 @@ window.__ModuleLoader__.load({
 			fontSize: 13,
 			textAlign: "center"
 		};
+		const askSurfaceBorder = "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))";
+		const askSurfaceShadow = "var(--dsw-shadow-lv3, 0 8px 24px color-mix(in srgb, #000 24%, transparent))";
+		/** Painted through CSS.highlights while the follow-up popup is open. */
+		const askHighlightCss = `
+		::highlight(dsh-claude-ask) {
+		  background-color: color-mix(in srgb, var(--dsw-static-blue-450) 30%, transparent);
+		  color: inherit;
+		}
+		`;
+		const askToolbar = {
+			position: "fixed",
+			zIndex: 2e3,
+			pointerEvents: "auto",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 2,
+			padding: 3,
+			border: askSurfaceBorder,
+			borderRadius: 9,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: askSurfaceShadow
+		};
+		const askPopup = {
+			position: "fixed",
+			zIndex: 2e3,
+			pointerEvents: "auto",
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			gap: 10,
+			padding: 12,
+			border: askSurfaceBorder,
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: askSurfaceShadow,
+			fontSize: 13,
+			lineHeight: "20px"
+		};
+		const askQuote = {
+			flex: "none",
+			display: "-webkit-box",
+			WebkitLineClamp: 3,
+			WebkitBoxOrient: "vertical",
+			margin: 0,
+			padding: "6px 10px",
+			overflow: "hidden",
+			borderLeft: "3px solid color-mix(in srgb, var(--dsw-static-blue-450) 60%, transparent)",
+			borderRadius: 6,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "pre-wrap",
+			wordBreak: "break-word"
+		};
+		const askQuestion = {
+			flex: "none",
+			margin: 0,
+			color: "var(--dsw-alias-label-primary)",
+			fontWeight: 600,
+			whiteSpace: "pre-wrap",
+			wordBreak: "break-word"
+		};
+		const askTextarea = {
+			width: "100%",
+			minHeight: 64,
+			boxSizing: "border-box",
+			padding: "8px 10px",
+			border: askSurfaceBorder,
+			borderRadius: 8,
+			outline: "none",
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px",
+			resize: "vertical"
+		};
+		const askActions = {
+			flex: "none",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: 6
+		};
+		const askAnswer = {
+			flex: "1 1 auto",
+			minHeight: 0,
+			overflowY: "auto",
+			padding: "2px 2px 0",
+			wordBreak: "break-word"
+		};
+		const askButton = {
+			minHeight: 26,
+			padding: "3px 10px",
+			border: askSurfaceBorder,
+			borderRadius: 7,
+			outline: "none",
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			fontWeight: 600,
+			cursor: "pointer"
+		};
+		const askPrimaryButton = {
+			border: "1px solid transparent",
+			background: "var(--dsw-static-blue-450)",
+			color: "var(--dsw-alias-label-on-accent, #fff)"
+		};
+		const askThinkingRow = {
+			width: "100%",
+			display: "flex",
+			alignItems: "baseline",
+			gap: 6,
+			margin: "0 0 8px",
+			padding: 0,
+			border: "none",
+			outline: "none",
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const askThinkingLabel = {
+			flex: "none",
+			fontWeight: 600
+		};
+		const askThinkingPreview = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const askThinkingFull = {
+			minWidth: 0,
+			flex: 1,
+			maxHeight: 200,
+			overflowY: "auto",
+			whiteSpace: "pre-wrap",
+			wordBreak: "break-word"
+		};
+		const askToolRow = {
+			display: "flex",
+			alignItems: "baseline",
+			gap: 6,
+			margin: "2px 0 6px",
+			minWidth: 0,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const askToolGlyph = {
+			flex: "none",
+			width: 14,
+			textAlign: "center",
+			color: "var(--dsw-static-blue-450)"
+		};
+		const askToolGlyphDone = { color: "var(--dsw-alias-state-success-primary)" };
+		const askToolGlyphError = { color: "var(--dsw-alias-state-error-primary)" };
+		const askToolName = {
+			flex: "none",
+			color: "var(--dsw-alias-label-secondary)",
+			fontWeight: 600
+		};
+		const askToolSummary = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			fontFamily: "var(--dsw-font-family-code, ui-monospace, monospace)",
+			fontSize: 11,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const askStatus = {
+			marginRight: "auto",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12
+		};
+		const askError = {
+			margin: 0,
+			color: "var(--dsw-alias-state-error-primary)",
+			fontSize: 12
+		};
 		const repositoryMergeTrigger = {
 			flex: "none",
 			display: "inline-flex",
@@ -2231,10 +2511,7 @@ window.__ModuleLoader__.load({
 		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, color-mix(in srgb, currentColor 16%, transparent))",
 			borderRadius: 12,
@@ -2349,26 +2626,41 @@ window.__ModuleLoader__.load({
 			background: "var(--dsw-alias-bg-layer-1)",
 			color: "var(--dsw-alias-label-primary)",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
+			lineHeight: "20px",
 			textAlign: "left",
 			cursor: "pointer"
 		};
 		const diffFilePath = {
 			minWidth: 0,
 			flex: 1,
+			display: "flex",
+			alignItems: "baseline",
+			overflow: "hidden"
+		};
+		/** Directory part: truncated from the left so the nearest folders stay visible. */
+		const diffFileDir = {
+			minWidth: 0,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			direction: "rtl",
+			textAlign: "left",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const diffFileName = {
+			flex: "none",
+			fontWeight: 650,
 			whiteSpace: "nowrap"
 		};
 		const diffFileStats = {
 			flex: "none",
 			display: "inline-flex",
 			gap: 4,
-			fontSize: 12,
+			fontSize: 13,
 			fontWeight: 650
 		};
 		const diffCode = {
-			minWidth: "max-content",
 			padding: "4px 0 8px",
 			background: "var(--dsw-alias-bg-base)",
 			fontFamily: "var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Consolas, monospace)",
@@ -2378,7 +2670,12 @@ window.__ModuleLoader__.load({
 		const diffLine = {
 			minHeight: 17,
 			display: "flex",
-			whiteSpace: "pre"
+			whiteSpace: "pre-wrap",
+			overflowWrap: "anywhere"
+		};
+		const diffLineText = {
+			flex: 1,
+			minWidth: 0
 		};
 		const diffLineNumber = {
 			width: 38,
@@ -2408,6 +2705,40 @@ window.__ModuleLoader__.load({
 			color: "var(--dsw-alias-label-tertiary)",
 			fontStyle: "italic"
 		};
+		const diffLineSelected = {
+			background: "color-mix(in srgb, var(--dsw-static-blue-450) 14%, transparent)",
+			boxShadow: "inset 2px 0 0 var(--dsw-static-blue-450)"
+		};
+		/** Sits where the comment button, line number and marker would be so the label aligns with code. */
+		const diffGapControls = {
+			width: 84,
+			flex: "none",
+			boxSizing: "border-box",
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: 2,
+			paddingRight: 6
+		};
+		const diffGapButton = {
+			width: 20,
+			height: 18,
+			display: "grid",
+			placeItems: "center",
+			padding: 0,
+			border: "none",
+			borderRadius: 4,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			cursor: "pointer"
+		};
+		const diffCommentRange = {
+			marginBottom: 6,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 12,
+			fontWeight: 600
+		};
 		const diffLineContext = { color: "var(--dsw-alias-label-secondary)" };
 		const diffNotice = {
 			margin: 10,
@@ -2781,11 +3112,12 @@ window.__ModuleLoader__.load({
 			const clearFinished = () => setDismissedSettledIds((previous) => /* @__PURE__ */ new Set([...previous, ...tasks.filter((task) => task.status !== "running").map((task) => task.taskId)]));
 			if (!projection.owned) return null;
 			return /* @__PURE__ */ jsxs("div", {
+				className: detailsCardClass,
 				style: tasksPanel,
 				children: [
-					/* @__PURE__ */ jsx("style", {
+					/* @__PURE__ */ jsxs("style", {
 						"data-dsh-claude-panel-icon-styles": true,
-						children: panelIconButtonCss
+						children: [detailsCardCss, panelIconButtonCss]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						style: tasksHeader,
@@ -3018,7 +3350,7 @@ window.__ModuleLoader__.load({
 		const MAX_REVIEW_COMMENTS = 50;
 		const MAX_REVIEW_COMMENT_CHARS = 2e3;
 		const MAX_TRANSCRIPT_CHARS = 64e3;
-		function record$6(value) {
+		function record$7(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		function nonNegativeInteger(value) {
@@ -3028,18 +3360,18 @@ window.__ModuleLoader__.load({
 			return value === void 0 || typeof value === "string" && value.length <= MAX_REPOSITORY_TEXT_CHARS;
 		}
 		function validateRepository(value) {
-			const repository = record$6(value);
+			const repository = record$7(value);
 			if (repository === void 0 || ![
 				"ready",
 				"not-repository",
 				"unavailable"
 			].includes(String(repository.status)) || typeof repository.cwd !== "string" || repository.cwd.length > MAX_REPOSITORY_TEXT_CHARS || !optionalBoundedString(repository.root) || !optionalBoundedString(repository.branch) || !optionalBoundedString(repository.remote) || repository.detached !== void 0 && typeof repository.detached !== "boolean" || repository.worktree !== void 0 && typeof repository.worktree !== "boolean" || repository.dirty !== void 0 && typeof repository.dirty !== "boolean" || repository.upstream !== void 0 && typeof repository.upstream !== "boolean" || repository.ahead !== void 0 && !nonNegativeInteger(repository.ahead) || repository.behind !== void 0 && !nonNegativeInteger(repository.behind)) return false;
 			if (repository.diff !== void 0) {
-				const diff = record$6(repository.diff);
+				const diff = record$7(repository.diff);
 				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
 			}
 			if (repository.pullRequest === void 0) return true;
-			const pullRequest = record$6(repository.pullRequest);
+			const pullRequest = record$7(repository.pullRequest);
 			if (pullRequest === void 0 || !Number.isSafeInteger(pullRequest.number) || Number(pullRequest.number) <= 0 || typeof pullRequest.title !== "string" || pullRequest.title.length > MAX_REPOSITORY_TEXT_CHARS || typeof pullRequest.url !== "string" || pullRequest.url.length > MAX_REPOSITORY_TEXT_CHARS || ![
 				"open",
 				"closed",
@@ -3064,24 +3396,24 @@ window.__ModuleLoader__.load({
 		}
 		/** Validate the public route envelope before publishing it to UI components. */
 		function parseClaudeClientProjection(value) {
-			const input = record$6(value);
+			const input = record$7(value);
 			if (input === void 0 || input.schemaVersion !== 1 || !nonNegativeInteger(input.revision) || typeof input.owned !== "boolean" || !Array.isArray(input.commands) || input.commands.length > MAX_COMMANDS || !Array.isArray(input.activities) || input.activities.length > MAX_ACTIVITIES) throw new Error("invalid Claude sidecar projection");
 			for (const item of input.commands) {
-				const command = record$6(item);
+				const command = record$7(item);
 				if (command === void 0 || typeof command.publicName !== "string" || typeof command.claudeName !== "string" || typeof command.description !== "string" || command.hint !== void 0 && typeof command.hint !== "string" || typeof command.prefixed !== "boolean") throw new Error("invalid Claude command projection");
 			}
 			for (const item of input.activities) {
-				const activity = record$6(item);
+				const activity = record$7(item);
 				if (activity === void 0 || !nonNegativeInteger(activity.turn) || !nonNegativeInteger(activity.step) || !nonNegativeInteger(activity.ordinal) || typeof activity.kind !== "string") throw new Error("invalid Claude sidecar activity");
 			}
-			if (input.contextUsage !== void 0 && record$6(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
-			const tasks = input.tasks === void 0 ? void 0 : record$6(input.tasks);
+			if (input.contextUsage !== void 0 && record$7(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
+			const tasks = input.tasks === void 0 ? void 0 : record$7(input.tasks);
 			if (tasks !== void 0 && !Array.isArray(tasks.tasks)) throw new Error("invalid Claude tasks projection");
 			if (input.repository !== void 0 && !validateRepository(input.repository)) throw new Error("invalid Claude repository projection");
 			if (input.reviewComments !== void 0) {
 				if (!Array.isArray(input.reviewComments) || input.reviewComments.length > MAX_REVIEW_COMMENTS) throw new Error("invalid Claude review comment projection");
 				for (const item of input.reviewComments) {
-					const comment = record$6(item);
+					const comment = record$7(item);
 					if (comment === void 0 || typeof comment.id !== "string" || comment.id.length === 0 || comment.id.length > 128 || typeof comment.path !== "string" || comment.path.length === 0 || comment.path.length > MAX_REPOSITORY_TEXT_CHARS || !nonNegativeInteger(comment.line) || comment.side !== "old" && comment.side !== "new" || typeof comment.text !== "string" || comment.text.length > MAX_REVIEW_COMMENT_CHARS) throw new Error("invalid Claude review comment projection");
 				}
 			}
@@ -3279,7 +3611,7 @@ window.__ModuleLoader__.load({
 				} catch {
 					return;
 				}
-				const event = record$6(value);
+				const event = record$7(value);
 				if (event === void 0 || typeof event.type !== "string") return;
 				try {
 					switch (event.type) {
@@ -3538,7 +3870,7 @@ window.__ModuleLoader__.load({
 				return value;
 			}
 		}
-		function record$5(value) {
+		function record$6(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		function text(value) {
@@ -3552,7 +3884,7 @@ window.__ModuleLoader__.load({
 			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$5(value) === void 0 ? String(value) : Object.entries(value).map(([key, item]) => `${key}: ${displayValue(item)}`).join("\n");
+			return record$6(value) === void 0 ? String(value) : Object.entries(value).map(([key, item]) => `${key}: ${displayValue(item)}`).join("\n");
 		}
 		function Section({ title, children }) {
 			return /* @__PURE__ */ jsxs("section", {
@@ -3622,15 +3954,15 @@ window.__ModuleLoader__.load({
 		function ToolPresentation({ tool, t }) {
 			const inputValue = parsedValue(tool.input);
 			const outputValue = parsedValue(tool.output);
-			const input = record$5(inputValue);
-			const output = record$5(outputValue);
+			const input = record$6(inputValue);
+			const output = record$6(outputValue);
 			const outputTitle = tool.isError === true ? t("toolError") : t("toolOutput");
 			if (tool.diffs !== void 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DiffBlock, { diffs: [...tool.diffs] }), /* @__PURE__ */ jsx(TextDetail, {
 				title: outputTitle,
 				value: typeof outputValue === "string" ? outputValue : void 0
 			})] });
 			if (tool.toolName === "Read") {
-				const file = record$5(output?.file);
+				const file = record$6(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;
@@ -3828,7 +4160,7 @@ window.__ModuleLoader__.load({
 				if (code !== void 0) this.code = code;
 			}
 		};
-		function record$4(value) {
+		function record$5(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		async function call(path, init) {
@@ -3836,7 +4168,7 @@ window.__ModuleLoader__.load({
 				credentials: "same-origin",
 				...init
 			});
-			const body = record$4(await response.json());
+			const body = record$5(await response.json());
 			if (!response.ok) throw new JiraClientError(typeof body?.message === "string" ? body.message : "Jira is unavailable.", typeof body?.error === "string" ? body.error : void 0);
 			if (body === void 0) throw new JiraClientError("Invalid Jira response.");
 			return body;
@@ -3877,7 +4209,7 @@ window.__ModuleLoader__.load({
 			if (!Array.isArray(body.tickets)) throw new JiraClientError("Invalid Jira search response.");
 			const tickets = [];
 			for (const item of body.tickets) {
-				const ticket = record$4(item);
+				const ticket = record$5(item);
 				if (ticket === void 0 || typeof ticket.key !== "string" || typeof ticket.summary !== "string" || typeof ticket.url !== "string") continue;
 				tickets.push(ticket);
 			}
@@ -4580,33 +4912,33 @@ window.__ModuleLoader__.load({
 				if (commit !== void 0) this.commit = commit;
 			}
 		};
-		function record$3(value) {
+		function record$4(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$3(body);
+				const error = record$4(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$3(value);
+			const input = record$4(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$3(file);
+				const item = record$4(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$3(commit);
+				const item = record$4(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$3(value);
+			const input = record$4(value);
 			if (input === void 0 || typeof input.commit !== "string" || typeof input.pushed !== "boolean" || input.pullRequestUrl !== void 0 && typeof input.pullRequestUrl !== "string" || input.conflicts !== void 0 && (!Array.isArray(input.conflicts) || input.conflicts.some((item) => typeof item !== "string"))) throw new Error("Invalid repository action result.");
 			return input;
 		}
@@ -4622,7 +4954,7 @@ window.__ModuleLoader__.load({
 			})));
 		}
 		async function generateCommitMessage(sessionId, fingerprint, signal) {
-			const value = record$3(await response$1(fetch(endpoint("/message", sessionId), {
+			const value = record$4(await response$1(fetch(endpoint("/message", sessionId), {
 				method: "POST",
 				credentials: "same-origin",
 				headers: {
@@ -4655,16 +4987,16 @@ window.__ModuleLoader__.load({
 			"saving-worktree",
 			"switching-branch"
 		]);
-		function record$2(value) {
+		function record$3(value) {
 			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
 		}
 		function setupResult(value) {
-			const item = record$2(value);
+			const item = record$3(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$2(JSON.parse(line));
+			const event = record$3(JSON.parse(line));
 			if (event?.type === "progress" && typeof event.stage === "string" && HOST_STAGES.has(event.stage)) {
 				onProgress(event.stage);
 				return;
@@ -4766,6 +5098,21 @@ window.__ModuleLoader__.load({
 			if (body.mode !== "worktree" && body.mode !== "checkout" || typeof body.root !== "string" || typeof body.branch !== "string") throw new Error("Invalid repository cleanup response.");
 			return body;
 		}
+		/** Lines [from, to] of a working-tree file plus its total line count, for expanding unmodified diff context. */
+		async function loadRepositoryFileLines(cwd, path, from, to, signal) {
+			const query = `cwd=${encodeURIComponent(cwd)}&path=${encodeURIComponent(path)}&from=${from}&to=${to}`;
+			const body = await response(fetch(`${CLAUDE_REPOSITORY_FILE_PATH}?${query}`, {
+				method: "GET",
+				credentials: "same-origin",
+				headers: { accept: "application/json" },
+				...signal === void 0 ? {} : { signal }
+			}));
+			if (!Array.isArray(body.lines) || typeof body.total !== "number") throw new Error("Invalid repository file response.");
+			return {
+				lines: body.lines.map(String),
+				total: body.total
+			};
+		}
 		async function loadRepositoryStatusFor(cwd, signal) {
 			const body = await response(fetch(`${CLAUDE_REPOSITORY_STATUS_PATH}?cwd=${encodeURIComponent(cwd)}`, {
 				method: "GET",
@@ -4778,7 +5125,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/pr-feedback-api.ts
-		function record$1(value) {
+		function record$2(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		async function loadJson(path, sessionId, pullNumber, signal) {
@@ -4788,7 +5135,7 @@ window.__ModuleLoader__.load({
 				headers: { accept: "application/json" },
 				...signal === void 0 ? {} : { signal }
 			});
-			const body = record$1(await response.json());
+			const body = record$2(await response.json());
 			if (!response.ok) throw new Error(typeof body?.message === "string" ? body.message : "Pull request feedback is unavailable.");
 			if (body === void 0) throw new Error("Invalid pull request feedback response.");
 			return body;
@@ -4798,7 +5145,7 @@ window.__ModuleLoader__.load({
 			if (!Array.isArray(body.comments)) throw new Error("Invalid pull request comments response.");
 			const comments = [];
 			for (const item of body.comments) {
-				const input = record$1(item);
+				const input = record$2(item);
 				if (input === void 0 || typeof input.id !== "number" || typeof input.path !== "string" || typeof input.author !== "string" || typeof input.body !== "string" || typeof input.url !== "string" || input.side !== "new" && input.side !== "old" || input.line !== void 0 && typeof input.line !== "number") continue;
 				comments.push(input);
 			}
@@ -4809,7 +5156,7 @@ window.__ModuleLoader__.load({
 			if (!Array.isArray(body.checks)) throw new Error("Invalid pull request checks response.");
 			const checks = [];
 			for (const item of body.checks) {
-				const input = record$1(item);
+				const input = record$2(item);
 				if (input === void 0 || typeof input.name !== "string" || input.link !== void 0 && typeof input.link !== "string" || input.description !== void 0 && typeof input.description !== "string" || input.log !== void 0 && typeof input.log !== "string") continue;
 				checks.push(input);
 			}
@@ -4908,6 +5255,63 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/** Icon-only status: the tone carries the state, the full label lives in the tooltip and accessible name. */
+		function StatusGlyph({ label, tone, children }) {
+			const toneStyle = tone === "success" ? repositoryItemSuccess : tone === "warning" ? repositoryItemWarning : tone === "error" ? repositoryItemError : {};
+			return /* @__PURE__ */ jsx(Tooltip, {
+				label,
+				side: "top",
+				delayMs: 250,
+				children: /* @__PURE__ */ jsx("span", {
+					role: "img",
+					"aria-label": label,
+					style: {
+						...repositoryGlyph,
+						...toneStyle
+					},
+					children
+				})
+			});
+		}
+		function ChecksGlyph({ state }) {
+			return /* @__PURE__ */ jsxs("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("circle", {
+					cx: "7",
+					cy: "7",
+					r: "5.5"
+				}), state === "passing" ? /* @__PURE__ */ jsx("path", { d: "M4.5 7.2l1.8 1.8 3.2-3.6" }) : state === "failing" ? /* @__PURE__ */ jsx("path", { d: "M5 5l4 4M9 5l-4 4" }) : /* @__PURE__ */ jsx("path", {
+					d: "M4.6 7h.01M7 7h.01M9.4 7h.01",
+					strokeWidth: "2"
+				})]
+			});
+		}
+		function ReviewGlyph() {
+			return /* @__PURE__ */ jsxs("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("path", { d: "M1.5 7s2-3.5 5.5-3.5S12.5 7 12.5 7s-2 3.5-5.5 3.5S1.5 7 1.5 7Z" }), /* @__PURE__ */ jsx("circle", {
+					cx: "7",
+					cy: "7",
+					r: "1.8"
+				})]
+			});
+		}
 		function PullRequestIcon({ size = 16, merged = false }) {
 			if (merged) return /* @__PURE__ */ jsxs("svg", {
 				width: size,
@@ -5233,9 +5637,10 @@ window.__ModuleLoader__.load({
 					"aria-expanded": open,
 					"aria-label": t("repositoryChecksOpen"),
 					onClick: toggle,
-					children: /* @__PURE__ */ jsx(StatusItem, {
+					children: /* @__PURE__ */ jsx(StatusGlyph, {
 						label: t("repositoryChecks_failing"),
-						tone: "error"
+						tone: "error",
+						children: /* @__PURE__ */ jsx(ChecksGlyph, { state: "failing" })
 					})
 				}), open ? /* @__PURE__ */ jsxs("span", {
 					role: "dialog",
@@ -5857,13 +6262,15 @@ window.__ModuleLoader__.load({
 										pullNumber: pullRequest.number,
 										t,
 										...submitPrompt === void 0 ? {} : { submitPrompt }
-									}) : pullRequest.checks === "none" ? null : /* @__PURE__ */ jsx(StatusItem, {
+									}) : pullRequest.checks === "none" ? null : /* @__PURE__ */ jsx(StatusGlyph, {
 										label: t(`repositoryChecks_${pullRequest.checks}`),
-										tone: pullRequest.checks === "passing" ? "success" : "warning"
+										tone: pullRequest.checks === "passing" ? "success" : "warning",
+										children: /* @__PURE__ */ jsx(ChecksGlyph, { state: pullRequest.checks })
 									}),
-									pullRequest.review === "none" ? null : /* @__PURE__ */ jsx(StatusItem, {
+									pullRequest.review === "none" ? null : /* @__PURE__ */ jsx(StatusGlyph, {
 										label: t(`repositoryReview_${pullRequest.review}`),
-										tone: pullRequest.review === "approved" ? "success" : pullRequest.review === "changes-requested" ? "error" : "neutral"
+										tone: pullRequest.review === "approved" ? "success" : pullRequest.review === "changes-requested" ? "error" : "neutral",
+										children: /* @__PURE__ */ jsx(ReviewGlyph, {})
 									}),
 									/* @__PURE__ */ jsx(AutoFixControl, {
 										sessionId,
@@ -5892,7 +6299,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/review-comment-api.ts
-		function record(value) {
+		function record$1(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		async function post(path, sessionId, body) {
@@ -5907,13 +6314,13 @@ window.__ModuleLoader__.load({
 			});
 			const value = await response.json();
 			if (!response.ok) {
-				const error = record(value);
+				const error = record$1(value);
 				throw new Error(typeof error?.message === "string" ? error.message : "Review comment request failed.");
 			}
 			return value;
 		}
 		async function addReviewComment(sessionId, comment) {
-			const created = record(record(await post("", sessionId, comment))?.comment);
+			const created = record$1(record$1(await post("", sessionId, comment))?.comment);
 			if (created === void 0 || typeof created.id !== "string") throw new Error("Invalid review comment response.");
 			return created;
 		}
@@ -5926,7 +6333,15 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/ClaudeReviewComments.tsx
 		function reviewCommentChipLabel(comment) {
-			return `${comment.path.split("/").at(-1) ?? comment.path}:${comment.line}`;
+			return `${comment.path.split("/").at(-1) ?? comment.path}:${comment.startLine === void 0 ? comment.line : `${comment.startLine}-${comment.line}`}`;
+		}
+		/** "Line 12" / "Lines 10–12", with the old-side variant when the comment sits on removed code. */
+		function commentLineLabel(comment, t) {
+			if (comment.startLine !== void 0) return t(comment.side === "old" ? "reviewCommentOldRange" : "reviewCommentNewRange", {
+				start: comment.startLine,
+				end: comment.line
+			});
+			return t(comment.side === "old" ? "reviewCommentOldSide" : "reviewCommentNewSide", { line: comment.line });
 		}
 		function CommentIcon() {
 			return /* @__PURE__ */ jsx("svg", {
@@ -5992,7 +6407,7 @@ window.__ModuleLoader__.load({
 						children: [
 							comment.path,
 							" · ",
-							comment.side === "old" ? t("reviewCommentOldSide", { line: comment.line }) : t("reviewCommentNewSide", { line: comment.line })
+							commentLineLabel(comment, t)
 						]
 					}), /* @__PURE__ */ jsx("p", {
 						style: reviewCommentHoverText,
@@ -6101,17 +6516,41 @@ window.__ModuleLoader__.load({
 			let oldLine = 0;
 			let newLine = 0;
 			let previousOldEnd;
+			let previousNewEnd = 0;
+			let expandable = false;
 			for (const line of lines) {
 				const hunk = /^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/u.exec(line);
 				if (hunk !== null) {
 					const nextOld = Number(hunk[1]);
-					if (previousOldEnd !== void 0 && nextOld > previousOldEnd) numbered.push({
-						line: `${nextOld - previousOldEnd} unmodified lines`,
-						kind: "collapsed"
+					const nextNew = Number(hunk[3]);
+					const oldCount = Number(hunk[2] ?? 1);
+					const newCount = Number(hunk[4] ?? 1);
+					if (previousOldEnd === void 0) {
+						expandable = oldCount > 0 && newCount > 0;
+						if (expandable && nextOld > 1) numbered.push({
+							line: "",
+							kind: "collapsed",
+							gap: {
+								oldStart: 1,
+								newStart: 1,
+								count: nextOld - 1,
+								position: "top"
+							}
+						});
+					} else if (nextOld > previousOldEnd) numbered.push({
+						line: "",
+						kind: "collapsed",
+						gap: {
+							oldStart: previousOldEnd,
+							newStart: previousNewEnd,
+							count: nextOld - previousOldEnd,
+							position: "middle"
+						}
 					});
 					oldLine = nextOld;
-					newLine = Number(hunk[3]);
-					previousOldEnd = nextOld + Number(hunk[2] ?? 1);
+					newLine = nextNew;
+					previousOldEnd = nextOld + oldCount;
+					previousNewEnd = nextNew + newCount;
 					numbered.push({
 						line,
 						kind: "hunk"
@@ -6143,8 +6582,76 @@ window.__ModuleLoader__.load({
 					newLine += 1;
 				}
 			}
+			if (expandable && previousOldEnd !== void 0) numbered.push({
+				line: "",
+				kind: "collapsed",
+				gap: {
+					oldStart: previousOldEnd,
+					newStart: previousNewEnd,
+					position: "bottom"
+				}
+			});
 			return numbered;
 		}
+		/**
+		* Splice revealed working-tree lines (keyed by new-side line number) into the
+		* collapsed gaps. Expansion only ever grows a gap's edges, so each gap is a
+		* top run + remaining gap + bottom run; `total` (file line count) turns the
+		* open-ended tail gap into a bounded one.
+		*/
+		function expandDiffRows(rows, revealed, total) {
+			const out = [];
+			for (const row of rows) {
+				const gap = row.gap;
+				if (row.kind !== "collapsed" || gap === void 0) {
+					out.push(row);
+					continue;
+				}
+				const count = gap.count ?? (total === void 0 ? void 0 : Math.max(0, total - gap.newStart + 1));
+				const context = (offset) => ({
+					line: ` ${revealed.get(gap.newStart + offset) ?? ""}`,
+					kind: "context",
+					oldLine: gap.oldStart + offset,
+					newLine: gap.newStart + offset
+				});
+				let top = 0;
+				while ((count === void 0 || top < count) && revealed.has(gap.newStart + top)) top += 1;
+				let bottom = 0;
+				if (count !== void 0) while (bottom < count - top && revealed.has(gap.newStart + count - 1 - bottom)) bottom += 1;
+				for (let offset = 0; offset < top; offset += 1) out.push(context(offset));
+				const remaining = count === void 0 ? void 0 : count - top - bottom;
+				if (remaining === void 0 || remaining > 0) out.push({
+					...row,
+					gap: {
+						...gap,
+						oldStart: gap.oldStart + top,
+						newStart: gap.newStart + top,
+						...remaining === void 0 ? {} : { count: remaining }
+					}
+				});
+				if (count !== void 0) for (let offset = count - bottom; offset < count; offset += 1) out.push(context(offset));
+			}
+			return out;
+		}
+		/**
+		* Anchor for a drag from row `from` to row `to`: every commentable row in
+		* between on the same side as the first row, collapsed to its first/last line.
+		*/
+		function rangeCommentAnchor(anchors, from, to) {
+			const side = anchors[from]?.side;
+			if (side === void 0) return void 0;
+			const lines = anchors.slice(Math.min(from, to), Math.max(from, to) + 1).flatMap((anchor) => anchor?.side === side ? [anchor.line] : []);
+			const line = Math.max(...lines);
+			const startLine = Math.min(...lines);
+			return startLine < line ? {
+				line,
+				side,
+				startLine
+			} : {
+				line,
+				side
+			};
+		}
 		/** 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 : {
@@ -6156,22 +6663,32 @@ window.__ModuleLoader__.load({
 				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;
+		function DiffLine({ entry, addLabel, selected, onComment, onDragStart, onDragEnter }) {
+			const style = entry.kind === "add" ? diffLineAdd : entry.kind === "delete" ? diffLineDelete : entry.kind === "hunk" ? 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
+					...style,
+					...selected ? diffLineSelected : {}
 				},
+				onPointerEnter: onDragEnter,
 				children: [
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: diffCommentButtonClass,
 						disabled: onComment === void 0,
 						"aria-label": addLabel,
-						onClick: onComment,
+						onPointerDown: (event) => {
+							if (event.button !== 0 || onDragStart === void 0) return;
+							event.preventDefault();
+							if (event.currentTarget.hasPointerCapture?.(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+							onDragStart();
+						},
+						onClick: (event) => {
+							if (event.detail === 0) onComment?.();
+						},
 						children: "+"
 					}),
 					/* @__PURE__ */ jsx("span", {
@@ -6180,14 +6697,105 @@ window.__ModuleLoader__.load({
 					}),
 					/* @__PURE__ */ jsx("span", {
 						style: diffLineMarker,
-						children: entry.kind === "add" ? "+" : entry.kind === "delete" ? "−" : entry.kind === "collapsed" ? "⌄" : " "
+						children: entry.kind === "add" ? "+" : entry.kind === "delete" ? "−" : " "
 					}),
-					/* @__PURE__ */ jsx("span", { children: entry.kind === "collapsed" ? entry.line : entry.line.slice(entry.kind === "hunk" ? 0 : 1) })
+					/* @__PURE__ */ jsx("span", {
+						style: diffLineText,
+						children: entry.line.slice(entry.kind === "hunk" ? 0 : 1)
+					})
 				]
 			});
 		}
-		function DiffFileSection({ file, initiallyOpen, t, comments, ghComments, editorAnchor, editorNode, onOpenEditor, onRemoveComment }) {
+		function ChevronGlyph({ direction }) {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: direction === "up" ? "M3 8.5l4-4 4 4" : "M3 5.5l4 4 4-4" })
+			});
+		}
+		/** "N unmodified lines" separator with GitHub-style expanders: ↑ above the first hunk, ↑↓ between hunks, ↓ after the last. */
+		function DiffGapRow({ gap, t, busy, onExpand }) {
+			const button = (direction) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				style: diffGapButton,
+				disabled: busy || onExpand === void 0,
+				"aria-label": t(direction === "up" ? "diffExpandUp" : "diffExpandDown"),
+				title: t(direction === "up" ? "diffExpandUp" : "diffExpandDown"),
+				onClick: () => onExpand?.(gap, direction),
+				children: /* @__PURE__ */ jsx(ChevronGlyph, { direction })
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				style: {
+					...diffLine,
+					...diffLineHunk
+				},
+				children: [/* @__PURE__ */ jsxs("span", {
+					style: diffGapControls,
+					children: [gap.position === "bottom" ? null : button("up"), gap.position === "top" ? null : button("down")]
+				}), /* @__PURE__ */ jsx("span", {
+					style: diffLineText,
+					children: gap.count === void 0 ? t("diffUnmodifiedTail") : t("diffUnmodifiedLines", { count: gap.count })
+				})]
+			});
+		}
+		function DiffFileSection({ file, root, initiallyOpen, t, comments, ghComments, editorAnchor, editorNode, onOpenEditor, onRemoveComment }) {
 			const [open, setOpen] = useState(initiallyOpen);
+			const [revealed, setRevealed] = useState(() => /* @__PURE__ */ new Map());
+			const [total, setTotal] = useState();
+			const [expanding, setExpanding] = useState(false);
+			const [drag, setDrag] = useState();
+			const rows = useMemo(() => expandDiffRows(numberDiffLines(file.lines), revealed, total), [
+				file.lines,
+				revealed,
+				total
+			]);
+			const anchors = useMemo(() => rows.map(commentAnchorForLine), [rows]);
+			const slash = file.path.lastIndexOf("/");
+			const directory = slash < 0 ? "" : file.path.slice(0, slash + 1);
+			const name = file.path.slice(slash + 1);
+			const expand = (gap, direction) => {
+				if (root === void 0 || expanding) return;
+				const span = gap.count ?? 20;
+				const size = Math.min(20, span);
+				const from = direction === "down" ? gap.newStart : gap.newStart + span - size;
+				setExpanding(true);
+				loadRepositoryFileLines(root, file.path, from, from + size - 1).then((result) => {
+					setRevealed((previous) => {
+						const next = new Map(previous);
+						result.lines.forEach((text, offset) => next.set(from + offset, text));
+						return next;
+					});
+					setTotal(result.total);
+				}, () => void 0).finally(() => setExpanding(false));
+			};
+			useEffect(() => {
+				if (drag === void 0) return;
+				const finish = () => {
+					setDrag(void 0);
+					const anchor = rangeCommentAnchor(anchors, drag.start, drag.end);
+					if (anchor !== void 0) onOpenEditor(anchor);
+				};
+				window.addEventListener("pointerup", finish);
+				window.addEventListener("pointercancel", finish);
+				return () => {
+					window.removeEventListener("pointerup", finish);
+					window.removeEventListener("pointercancel", finish);
+				};
+			}, [
+				anchors,
+				drag,
+				onOpenEditor
+			]);
+			const dragLow = drag === void 0 ? void 0 : Math.min(drag.start, drag.end);
+			const dragHigh = drag === void 0 ? void 0 : Math.max(drag.start, drag.end);
+			const dragSide = drag === void 0 ? void 0 : anchors[drag.start]?.side;
 			return /* @__PURE__ */ jsxs("section", {
 				style: diffFile,
 				children: [/* @__PURE__ */ jsxs("button", {
@@ -6203,9 +6811,16 @@ window.__ModuleLoader__.load({
 							},
 							children: "›"
 						}),
-						/* @__PURE__ */ jsx("span", {
+						/* @__PURE__ */ jsxs("span", {
 							style: diffFilePath,
-							children: file.path
+							title: file.path,
+							children: [directory === "" ? null : /* @__PURE__ */ jsx("span", {
+								style: diffFileDir,
+								children: `\u202A${directory}\u202C`
+							}), /* @__PURE__ */ jsx("span", {
+								style: diffFileName,
+								children: name
+							})]
 						}),
 						/* @__PURE__ */ jsxs("span", {
 							style: diffFileStats,
@@ -6220,22 +6835,39 @@ window.__ModuleLoader__.load({
 					]
 				}), open ? /* @__PURE__ */ jsx("div", {
 					style: diffCode,
-					children: numberDiffLines(file.lines).map((entry, index) => {
-						const anchor = commentAnchorForLine(entry);
+					children: rows.map((entry, index) => {
+						if (entry.kind === "collapsed" && entry.gap !== void 0) return /* @__PURE__ */ jsx(DiffGapRow, {
+							gap: entry.gap,
+							t,
+							busy: expanding,
+							onExpand: root === void 0 ? void 0 : expand
+						}, `gap:${entry.gap.newStart}`);
+						const anchor = anchors[index];
 						const lineComments = anchor === void 0 ? [] : comments.filter((comment) => comment.line === anchor.line && comment.side === anchor.side);
 						const ghLineComments = anchor === void 0 ? [] : ghComments.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;
+						const inDrag = dragLow !== void 0 && dragHigh !== void 0 && index >= dragLow && index <= dragHigh && anchor?.side === dragSide;
+						const inEditorRange = anchor !== void 0 && editorAnchor !== void 0 && editorAnchor.side === anchor.side && anchor.line <= editorAnchor.line && anchor.line >= (editorAnchor.startLine ?? editorAnchor.line);
 						return /* @__PURE__ */ jsxs(Fragment, { children: [
 							/* @__PURE__ */ jsx(DiffLine, {
 								entry,
 								addLabel: t("reviewCommentAdd"),
-								onComment: anchor === void 0 ? void 0 : () => onOpenEditor(anchor)
+								selected: inDrag || inEditorRange,
+								onComment: anchor === void 0 ? void 0 : () => onOpenEditor(anchor),
+								onDragStart: anchor === void 0 ? void 0 : () => setDrag({
+									start: index,
+									end: index
+								}),
+								onDragEnter: drag === void 0 ? void 0 : () => setDrag((current) => current === void 0 ? current : {
+									...current,
+									end: index
+								})
 							}),
 							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", {
+									children: [/* @__PURE__ */ jsx("span", { children: commentLineLabel(comment, t) }), /* @__PURE__ */ jsx("button", {
 										type: "button",
 										style: reviewCommentChipRemove,
 										"aria-label": t("reviewCommentRemove"),
@@ -6478,6 +7110,7 @@ window.__ModuleLoader__.load({
 					const created = await addReviewComment(sessionId, {
 						path: commentEditor.path,
 						line: commentEditor.line,
+						...commentEditor.startLine === void 0 ? {} : { startLine: commentEditor.startLine },
 						side: commentEditor.side,
 						text: commentDraft.trim()
 					});
@@ -6564,6 +7197,10 @@ window.__ModuleLoader__.load({
 			const commentEditorNode = commentEditor === void 0 ? null : /* @__PURE__ */ jsxs("div", {
 				style: diffCommentBlock,
 				children: [
+					/* @__PURE__ */ jsx("div", {
+						style: diffCommentRange,
+						children: commentLineLabel(commentEditor, t)
+					}),
 					/* @__PURE__ */ jsx("textarea", {
 						className: diffCommentTextareaClass,
 						style: diffCommentTextarea,
@@ -6601,12 +7238,14 @@ window.__ModuleLoader__.load({
 				/* @__PURE__ */ jsxs("style", {
 					"data-dsh-claude-repository-modal-styles": true,
 					children: [
+						detailsCardCss,
 						diffModalCss,
 						panelIconButtonCss,
 						diffCommentCss
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
+					className: detailsCardClass,
 					style: {
 						...diffPanel,
 						...maximized ? diffPanelMaximized : {}
@@ -6728,6 +7367,7 @@ window.__ModuleLoader__.load({
 								children: t("diffEmpty")
 							}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
 								file,
+								root: repository.root,
 								initiallyOpen: index === 0,
 								t,
 								comments: reviewComments.filter((comment) => comment.path === file.path),
@@ -7146,10 +7786,28 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/ClaudePullRequestsPanel.tsx
+		const NO_WORKSPACE_STATE = {};
+		const NO_WORKSPACES = {
+			subscribe: () => () => {},
+			getSnapshot: () => NO_WORKSPACE_STATE
+		};
 		const OVERVIEW_REFRESH_MS = 3e4;
-		/** Claude sessions worth listing: non-blank, with a checkout; running first. */
-		function claudeSessionRows(byId) {
-			return Object.values(byId).filter((row) => row !== void 0 && row.agentPreset === "claude" && row.blank !== true && typeof row.cwd === "string").sort((left, right) => Number(right.running === true) - Number(left.running === true) || (left.displayTitle ?? left.id).localeCompare(right.displayTitle ?? right.id));
+		/** What a running session is blocked on: the latest permission or question
+		*  activity that is still in its started phase. */
+		function overviewAttention(activities) {
+			for (let index = activities.length - 1; index >= 0; index -= 1) {
+				const activity = activities[index];
+				if (activity === void 0 || activity.kind !== "permission" && activity.kind !== "question") continue;
+				return activity.phase === "started" ? activity.kind : void 0;
+			}
+		}
+		/** Claude sessions worth listing: rows still in the host list (byId keeps
+		*  deleted and breadcrumb rows), non-blank, non-subagent, with a checkout;
+		*  running first. */
+		function claudeSessionRows(state, archivedSessionIds = []) {
+			const rows = state.ids === void 0 ? Object.values(state.byId) : state.ids.map((id) => state.byId[id]);
+			const archived = new Set(archivedSessionIds);
+			return rows.filter((row) => row !== void 0 && row.agentPreset === "claude" && row.blank !== true && row.origin !== "subagent" && !archived.has(row.id) && typeof row.cwd === "string").sort((left, right) => Number(right.running === true) - Number(left.running === true) || (left.displayTitle ?? left.id).localeCompare(right.displayTitle ?? right.id));
 		}
 		function Badge({ label, tone = "neutral" }) {
 			const toneStyle = tone === "success" ? repositoryItemSuccess : tone === "warning" ? repositoryItemWarning : tone === "error" ? repositoryItemError : tone === "merged" ? { color: "#a78bfa" } : {};
@@ -7170,9 +7828,27 @@ window.__ModuleLoader__.load({
 		function repositoryName(remote) {
 			return remote?.split("/").at(-1);
 		}
-		function ClaudePullRequestsPanel({ t, closeDetails, openSession, loadStatus, sessions }) {
+		function OverviewAttention({ source, running, t }) {
+			const snapshot = useSyncExternalStore(source.subscribe, source.getSnapshot, source.getSnapshot);
+			const attention = running ? overviewAttention(snapshot.activities) : void 0;
+			const usage = snapshot.contextUsage;
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				attention === "permission" ? /* @__PURE__ */ jsx(Badge, {
+					label: t("overviewNeedsPermission"),
+					tone: "warning"
+				}) : null,
+				attention === "question" ? /* @__PURE__ */ jsx(Badge, {
+					label: t("overviewNeedsAnswer"),
+					tone: "warning"
+				}) : null,
+				usage === void 0 ? null : /* @__PURE__ */ jsx("span", { children: t("overviewContextUsage", { percentage: usage.percentage }) })
+			] });
+		}
+		function ClaudePullRequestsPanel({ t, closeDetails, openSession, loadStatus, sessions, workspaces, projectionFor }) {
 			const snapshot = useSyncExternalStore(sessions.subscribe, sessions.getSnapshot, sessions.getSnapshot);
-			const rows = useMemo(() => claudeSessionRows(snapshot.byId), [snapshot.byId]);
+			const workspaceStore = workspaces ?? NO_WORKSPACES;
+			const workspaceState = useSyncExternalStore(workspaceStore.subscribe, workspaceStore.getSnapshot, workspaceStore.getSnapshot);
+			const rows = useMemo(() => claudeSessionRows(snapshot, workspaceState.archivedSessionIds ?? []), [snapshot, workspaceState]);
 			const cwdKey = useMemo(() => [...new Set(rows.map((row) => row.cwd ?? ""))].sort().join("\0"), [rows]);
 			const [statuses, setStatuses] = useState({});
 			useEffect(() => {
@@ -7195,11 +7871,12 @@ window.__ModuleLoader__.load({
 				};
 			}, [cwdKey, loadStatus]);
 			return /* @__PURE__ */ jsxs("div", {
+				className: detailsCardClass,
 				style: tasksPanel,
 				children: [
-					/* @__PURE__ */ jsx("style", {
+					/* @__PURE__ */ jsxs("style", {
 						"data-dsh-claude-overview-styles": true,
-						children: panelIconButtonCss
+						children: [detailsCardCss, panelIconButtonCss]
 					}),
 					/* @__PURE__ */ jsxs("header", {
 						style: tasksHeader,
@@ -7267,7 +7944,12 @@ window.__ModuleLoader__.load({
 										autoFixEnabled(row.id) ? /* @__PURE__ */ jsx(Badge, {
 											label: t("overviewAutoFix"),
 											tone: "success"
-										}) : null
+										}) : null,
+										projectionFor === void 0 ? null : /* @__PURE__ */ jsx(OverviewAttention, {
+											source: projectionFor(row.id),
+											running: row.running === true,
+											t
+										})
 									]
 								})]
 							}, row.id);
@@ -7277,6 +7959,602 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/ask-api.ts
+		function record(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+		}
+		function parseAskEvent(line) {
+			const event = record(JSON.parse(line));
+			if (event?.type === "delta" && typeof event.text === "string") return {
+				type: "delta",
+				text: event.text
+			};
+			if (event?.type === "thinking" && typeof event.text === "string") return {
+				type: "thinking",
+				text: event.text
+			};
+			if (event?.type === "status" && typeof event.text === "string") return {
+				type: "status",
+				text: event.text
+			};
+			if (event?.type === "tool" && typeof event.id === "string" && (event.phase === "start" || event.phase === "input" || event.phase === "done")) return {
+				type: "tool",
+				id: event.id,
+				phase: event.phase,
+				...typeof event.name === "string" ? { name: event.name } : {},
+				...typeof event.summary === "string" ? { summary: event.summary } : {},
+				...event.error === true ? { error: true } : {}
+			};
+			if (event?.type === "done") return { type: "done" };
+			if (event?.type === "error") return {
+				type: "error",
+				message: typeof event.message === "string" ? event.message : "The question could not be answered."
+			};
+			throw new Error("Invalid ask stream event.");
+		}
+		/** Stream an answer about selected reply text; resolves when the answer completes. */
+		async function askAboutSelection(sessionId, request, onProgress, signal) {
+			const response = await fetch(`${CLAUDE_ASK_PATH}?sessionId=${encodeURIComponent(sessionId)}`, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/x-ndjson",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify(request),
+				...signal === void 0 ? {} : { signal }
+			});
+			if (!response.ok) {
+				const body = record(await response.json().catch(() => void 0));
+				throw new Error(typeof body?.message === "string" ? body.message : "The question could not be sent.");
+			}
+			if (response.body === null) throw new Error("The answer stream is unavailable.");
+			const reader = response.body.getReader();
+			const decoder = new TextDecoder();
+			let buffer = "";
+			let finished = false;
+			const handle = (line) => {
+				if (line.trim().length === 0) return;
+				const event = parseAskEvent(line);
+				if (event.type === "delta") onProgress({
+					type: "text",
+					text: event.text
+				});
+				else if (event.type === "thinking") onProgress({
+					type: "thinking",
+					text: event.text
+				});
+				else if (event.type === "status") onProgress({
+					type: "status",
+					text: event.text
+				});
+				else if (event.type === "tool") onProgress(event);
+				else if (event.type === "done") finished = true;
+				else throw new Error(event.message);
+			};
+			while (true) {
+				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) handle(line);
+				if (chunk.done) break;
+			}
+			handle(buffer);
+			if (!finished) throw new Error("The answer ended unexpectedly.");
+		}
+		//#endregion
+		//#region src/client/ClaudeSelectionAsk.tsx
+		const CHAT_NODE = "[data-chat-flow-kind]";
+		const USER_KIND = "user";
+		const MAX_SELECTION_CHARS = 8e3;
+		const MAX_CONTEXT_CHARS = 16e3;
+		const POPUP_WIDTH = 560;
+		const POPUP_ESTIMATED_HEIGHT = 320;
+		const TOOLBAR_WIDTH = 64;
+		const HIGHLIGHT_NAME = "dsh-claude-ask";
+		function appendAnswerBlock(blocks, progress) {
+			if (progress.type === "text") {
+				const last = blocks.at(-1);
+				if (last?.kind === "text") return [...blocks.slice(0, -1), {
+					kind: "text",
+					text: last.text + progress.text
+				}];
+				return [...blocks, {
+					kind: "text",
+					text: progress.text
+				}];
+			}
+			if (progress.type !== "tool") return blocks;
+			const index = blocks.findIndex((block) => block.kind === "tool" && block.id === progress.id);
+			if (index < 0) {
+				if (progress.phase === "done") return blocks;
+				return [...blocks, {
+					kind: "tool",
+					id: progress.id,
+					name: progress.name ?? "tool",
+					state: "running",
+					...progress.summary === void 0 ? {} : { summary: progress.summary }
+				}];
+			}
+			const current = blocks[index];
+			const next = {
+				...current,
+				...progress.name === void 0 ? {} : { name: progress.name },
+				...progress.summary === void 0 ? {} : { summary: progress.summary },
+				state: progress.phase === "done" ? progress.error === true ? "error" : "done" : current.state
+			};
+			return [
+				...blocks.slice(0, index),
+				next,
+				...blocks.slice(index + 1)
+			];
+		}
+		function answerText(blocks) {
+			return blocks.filter((block) => block.kind === "text").map((block) => block.text.trim()).filter((text) => text.length > 0).join("\n\n");
+		}
+		function rectOf(range) {
+			const rect = range.getBoundingClientRect();
+			return {
+				top: rect.top,
+				left: rect.left,
+				width: rect.width,
+				bottom: rect.bottom
+			};
+		}
+		/** Read the current selection when it sits inside an assistant reply. */
+		function selectionInfoOf(selection, sessionId) {
+			if (sessionId === void 0 || selection === null || selection.isCollapsed || selection.rangeCount === 0) return void 0;
+			const range = selection.getRangeAt(0);
+			const hostOf = (node) => {
+				return (node instanceof Element ? node : node?.parentElement ?? null)?.closest(CHAT_NODE) ?? null;
+			};
+			const host = hostOf(range.startContainer) ?? hostOf(range.endContainer);
+			if (host === null || host.dataset.chatFlowKind === USER_KIND) return void 0;
+			const text = selection.toString().trim();
+			if (text.length === 0) return void 0;
+			return {
+				text: text.slice(0, MAX_SELECTION_CHARS),
+				context: (host.textContent ?? "").trim().slice(0, MAX_CONTEXT_CHARS),
+				rect: rectOf(range),
+				range: range.cloneRange()
+			};
+		}
+		function toolbarPosition(rect, viewportWidth) {
+			return {
+				top: Math.max(8, rect.top - 40),
+				left: Math.min(Math.max(8, rect.left + rect.width / 2 - TOOLBAR_WIDTH / 2), Math.max(8, viewportWidth - TOOLBAR_WIDTH - 8))
+			};
+		}
+		/** Pick the side with room once, when the popup opens: below the selection
+		*  unless the space there is short and above is roomier. */
+		function popupSide(rect, viewportHeight) {
+			const roomBelow = viewportHeight - rect.bottom - 16;
+			const roomAbove = rect.top - 16;
+			return roomBelow >= POPUP_ESTIMATED_HEIGHT || roomBelow >= roomAbove ? "below" : "above";
+		}
+		/** Anchor on the chosen side so streamed content grows away from the text and
+		*  scrolls inside the popup instead of running off screen. */
+		function popupPlacement(rect, side, viewportWidth, viewportHeight) {
+			const width = Math.min(POPUP_WIDTH, viewportWidth - 16);
+			const left = Math.min(Math.max(8, rect.left), Math.max(8, viewportWidth - width - 8));
+			const cap = Math.round(viewportHeight * .7);
+			if (side === "below") {
+				const top = Math.max(8, rect.bottom + 8);
+				return {
+					top,
+					left,
+					width,
+					maxHeight: Math.max(120, Math.min(cap, viewportHeight - top - 8))
+				};
+			}
+			const bottom = Math.max(8, viewportHeight - rect.top + 8);
+			return {
+				bottom,
+				left,
+				width,
+				maxHeight: Math.max(120, Math.min(cap, viewportHeight - bottom - 8))
+			};
+		}
+		function CopyIcon() {
+			return /* @__PURE__ */ jsxs("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("rect", {
+					x: "5.5",
+					y: "5.5",
+					width: "8",
+					height: "8",
+					rx: "1.5"
+				}), /* @__PURE__ */ jsx("path", { d: "M10.5 5.5V3.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2" })]
+			});
+		}
+		function AskIcon() {
+			return /* @__PURE__ */ jsxs("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.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" }), /* @__PURE__ */ jsx("path", { d: "M6.4 6.3a1.6 1.6 0 1 1 2.3 1.5c-.5.3-.7.6-.7 1.1M8 10.6h.01" })]
+			});
+		}
+		function CheckIcon() {
+			return /* @__PURE__ */ jsx("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "m3.5 8.5 3 3 6-7" })
+			});
+		}
+		/** Selection toolbar over assistant replies: copy, or ask a follow-up whose
+		*  answer streams into a popup rendered with the Host Markdown renderer. */
+		function ClaudeSelectionAsk({ t, currentSessionId, ownsSession, insertIntoChat }) {
+			const [selection, setSelection] = useState();
+			const [open, setOpen] = useState(false);
+			const [question, setQuestion] = useState("");
+			const [blocks, setBlocks] = useState([]);
+			const answer = answerText(blocks);
+			const [thinking, setThinking] = useState("");
+			const [thinkingOpen, setThinkingOpen] = useState(false);
+			const [started, setStarted] = useState(false);
+			const [phase, setPhase] = useState("idle");
+			const [error, setError] = useState();
+			const [copied, setCopied] = useState();
+			const [rect, setRect] = useState();
+			const [side, setSide] = useState("below");
+			const popupRef = useRef(null);
+			const toolbarRef = useRef(null);
+			const controller = useRef();
+			const openRef = useRef(false);
+			openRef.current = open;
+			const close = useCallback(() => {
+				controller.current?.abort();
+				controller.current = void 0;
+				setOpen(false);
+				setSelection(void 0);
+				setQuestion("");
+				setBlocks([]);
+				setThinking("");
+				setThinkingOpen(false);
+				setStarted(false);
+				setPhase("idle");
+				setError(void 0);
+				setCopied(void 0);
+			}, []);
+			useEffect(() => {
+				if (typeof document === "undefined") return;
+				let timer;
+				const update = () => {
+					if (openRef.current) return;
+					const sessionId = currentSessionId();
+					if (sessionId === void 0 || !ownsSession(sessionId)) {
+						setSelection(void 0);
+						return;
+					}
+					const info = selectionInfoOf(document.getSelection(), sessionId);
+					setSelection(info === void 0 ? void 0 : {
+						sessionId,
+						...info
+					});
+				};
+				const schedule = () => {
+					if (timer !== void 0) clearTimeout(timer);
+					timer = setTimeout(update, 120);
+				};
+				const onKey = (event) => {
+					if (event.key === "Escape") close();
+				};
+				const onPointerDown = (event) => {
+					if (!(event.target instanceof Node)) return;
+					if (popupRef.current?.contains(event.target) === true || toolbarRef.current?.contains(event.target) === true) return;
+					if (openRef.current) close();
+				};
+				document.addEventListener("selectionchange", schedule);
+				document.addEventListener("mouseup", schedule);
+				document.addEventListener("keydown", onKey);
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => {
+					if (timer !== void 0) clearTimeout(timer);
+					document.removeEventListener("selectionchange", schedule);
+					document.removeEventListener("mouseup", schedule);
+					document.removeEventListener("keydown", onKey);
+					document.removeEventListener("pointerdown", onPointerDown);
+				};
+			}, [
+				close,
+				currentSessionId,
+				ownsSession
+			]);
+			useEffect(() => () => controller.current?.abort(), []);
+			useEffect(() => {
+				setRect(selection?.rect);
+				if (selection === void 0) return;
+				let frame;
+				const reposition = () => {
+					if (frame !== void 0) return;
+					frame = requestAnimationFrame(() => {
+						frame = void 0;
+						const next = rectOf(selection.range);
+						if (next.width === 0 && next.bottom === next.top) return;
+						setRect(next);
+					});
+				};
+				document.addEventListener("scroll", reposition, true);
+				window.addEventListener("resize", reposition);
+				return () => {
+					if (frame !== void 0) cancelAnimationFrame(frame);
+					document.removeEventListener("scroll", reposition, true);
+					window.removeEventListener("resize", reposition);
+				};
+			}, [selection]);
+			useEffect(() => {
+				if (!open || selection === void 0) return;
+				const runtime = globalThis;
+				const registry = runtime.CSS?.highlights;
+				if (registry === void 0 || runtime.Highlight === void 0) return;
+				registry.set(HIGHLIGHT_NAME, new runtime.Highlight(selection.range));
+				return () => {
+					registry.delete(HIGHLIGHT_NAME);
+				};
+			}, [open, selection]);
+			useEffect(() => {
+				if (copied === void 0) return;
+				const timer = setTimeout(() => setCopied(void 0), 1200);
+				return () => clearTimeout(timer);
+			}, [copied]);
+			if (selection === void 0 || rect === void 0) return /* @__PURE__ */ jsx("span", {
+				"data-dsh-claude-selection-ask": "armed",
+				hidden: true
+			});
+			const copy = (text, what) => {
+				navigator.clipboard.writeText(text).then(() => {
+					setCopied(what);
+				}, () => void 0);
+			};
+			const submit = () => {
+				if (question.trim().length === 0 || phase === "answering") return;
+				controller.current?.abort();
+				const aborter = new AbortController();
+				controller.current = aborter;
+				setBlocks([]);
+				setThinking("");
+				setThinkingOpen(false);
+				setStarted(false);
+				setError(void 0);
+				setPhase("answering");
+				askAboutSelection(selection.sessionId, {
+					selection: selection.text,
+					context: selection.context,
+					question
+				}, (progress) => {
+					if (progress.type === "status") setStarted(true);
+					else if (progress.type === "thinking") setThinking((current) => current + progress.text);
+					else setBlocks((current) => appendAnswerBlock(current, progress));
+				}, aborter.signal).then(() => {
+					if (!aborter.signal.aborted) setPhase("done");
+				}, (reason) => {
+					if (aborter.signal.aborted) return;
+					setError(reason instanceof Error ? reason.message : t("askFailed"));
+					setPhase("done");
+				});
+			};
+			const viewportWidth = typeof window === "undefined" ? 1280 : window.innerWidth;
+			const viewportHeight = typeof window === "undefined" ? 800 : window.innerHeight;
+			if (!open) {
+				const position = toolbarPosition(rect, viewportWidth);
+				return /* @__PURE__ */ jsxs("div", {
+					ref: toolbarRef,
+					role: "toolbar",
+					"aria-label": t("askToolbar"),
+					style: {
+						...askToolbar,
+						top: position.top,
+						left: position.left
+					},
+					children: [
+						/* @__PURE__ */ jsx("style", {
+							"data-dsh-claude-ask-styles": true,
+							children: panelIconButtonCss
+						}),
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: copied === "selection" ? t("askCopied") : t("copyTooltip"),
+							side: "top",
+							delayMs: 300,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: panelIconButtonClass,
+								"aria-label": t("copyTooltip"),
+								onMouseDown: (event) => {
+									event.preventDefault();
+								},
+								onClick: () => {
+									copy(selection.text, "selection");
+								},
+								children: copied === "selection" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+							})
+						}),
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: t("askTooltip"),
+							side: "top",
+							delayMs: 300,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: panelIconButtonClass,
+								"aria-label": t("askTooltip"),
+								onMouseDown: (event) => {
+									event.preventDefault();
+								},
+								onClick: () => {
+									setSide(popupSide(rect, viewportHeight));
+									setOpen(true);
+								},
+								children: /* @__PURE__ */ jsx(AskIcon, {})
+							})
+						})
+					]
+				});
+			}
+			const placement = popupPlacement(rect, side, viewportWidth, viewportHeight);
+			return /* @__PURE__ */ jsxs("div", {
+				ref: popupRef,
+				role: "dialog",
+				"aria-label": t("askTooltip"),
+				style: {
+					...askPopup,
+					...placement
+				},
+				children: [
+					/* @__PURE__ */ jsxs("style", {
+						"data-dsh-claude-ask-styles": true,
+						children: [panelIconButtonCss, askHighlightCss]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						style: askQuote,
+						children: selection.text
+					}),
+					phase === "idle" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("textarea", {
+						autoFocus: true,
+						value: question,
+						placeholder: t("askPlaceholder"),
+						style: askTextarea,
+						onChange: (event) => {
+							setQuestion(event.currentTarget.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+								event.preventDefault();
+								submit();
+							}
+						}
+					}), /* @__PURE__ */ jsxs("div", {
+						style: askActions,
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: askButton,
+							onClick: close,
+							children: t("askClose")
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: {
+								...askButton,
+								...askPrimaryButton
+							},
+							disabled: question.trim().length === 0,
+							onClick: submit,
+							children: t("askSubmit")
+						})]
+					})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx("p", {
+							style: askQuestion,
+							children: question
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: askAnswer,
+							children: [
+								thinking.length === 0 ? null : /* @__PURE__ */ jsxs("button", {
+									type: "button",
+									style: askThinkingRow,
+									"aria-expanded": thinkingOpen,
+									onClick: () => {
+										setThinkingOpen((value) => !value);
+									},
+									children: [/* @__PURE__ */ jsx("span", {
+										style: askThinkingLabel,
+										children: phase === "answering" && answer.length === 0 ? t("askThinkingLive") : t("askThinkingLabel")
+									}), /* @__PURE__ */ jsx("span", {
+										style: thinkingOpen ? askThinkingFull : askThinkingPreview,
+										children: thinkingOpen ? thinking : thinking.trimEnd().split("\n").filter((line) => line.trim().length > 0).at(-1)
+									})]
+								}),
+								blocks.length === 0 && thinking.length === 0 && error === void 0 ? /* @__PURE__ */ jsx("span", {
+									style: askStatus,
+									children: started ? t("askThinking") : t("askStarting")
+								}) : null,
+								blocks.map((block, index) => block.kind === "text" ? /* @__PURE__ */ jsx(MarkdownText, {
+									text: block.text,
+									streaming: phase === "answering" && index === blocks.length - 1
+								}, `text-${index}`) : /* @__PURE__ */ jsxs("div", {
+									style: askToolRow,
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											style: {
+												...askToolGlyph,
+												...block.state === "error" ? askToolGlyphError : block.state === "done" ? askToolGlyphDone : {}
+											},
+											"aria-hidden": "true",
+											children: block.state === "running" ? "…" : block.state === "done" ? "✓" : "×"
+										}),
+										/* @__PURE__ */ jsx("span", {
+											style: askToolName,
+											children: block.name
+										}),
+										block.summary === void 0 ? null : /* @__PURE__ */ jsx("span", {
+											style: askToolSummary,
+											children: block.summary
+										})
+									]
+								}, block.id)),
+								error === void 0 ? null : /* @__PURE__ */ jsx("p", {
+									role: "alert",
+									style: askError,
+									children: error
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: askActions,
+							children: [
+								answer.length === 0 ? null : /* @__PURE__ */ jsx("button", {
+									type: "button",
+									style: askButton,
+									onClick: () => {
+										copy(answer, "answer");
+									},
+									children: copied === "answer" ? t("askCopied") : t("askCopyAnswer")
+								}),
+								answer.length === 0 || insertIntoChat === void 0 ? null : /* @__PURE__ */ jsx("button", {
+									type: "button",
+									style: askButton,
+									onClick: () => {
+										insertIntoChat(selection.sessionId, `> ${selection.text.replaceAll("\n", "\n> ")}\n\n**${question}**\n\n${answer}`);
+										close();
+									},
+									children: t("askSendToChat")
+								}),
+								/* @__PURE__ */ jsx("button", {
+									type: "button",
+									style: {
+										...askButton,
+										...askPrimaryButton
+									},
+									onClick: close,
+									children: t("askClose")
+								})
+							]
+						})
+					] })
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/hero-dom-bridge.ts
 		const PORTAL_ATTRIBUTE = "data-dsh-claude-hero-controls";
 		function normalizedText(element) {
@@ -7347,6 +8625,10 @@ window.__ModuleLoader__.load({
 			const normalized = query.trim().toLocaleLowerCase();
 			return normalized.length === 0 ? branches : branches.filter((branch) => branch.toLocaleLowerCase().includes(normalized));
 		}
+		/** Toggle a ticket's membership in the multi-select, keyed by ticket key. */
+		function toggleTicketSelection(tickets, ticket) {
+			return tickets.some((item) => item.key === ticket.key) ? tickets.filter((item) => item.key !== ticket.key) : [...tickets, ticket];
+		}
 		function branchMenuNavigationIndex(current, count, key) {
 			if (count <= 0) return 0;
 			if (key === "Home") return 0;
@@ -7377,7 +8659,7 @@ window.__ModuleLoader__.load({
 		function progressLabelKey(stage) {
 			return PROGRESS_LABEL_KEYS[stage];
 		}
-		function WorktreeProgressCard({ stage, error, t, onDismiss }) {
+		function WorktreeProgressCard({ stage, error, context, t, onDismiss }) {
 			const current = WORKTREE_PROGRESS_STAGES.indexOf(stage);
 			const visible = WORKTREE_PROGRESS_STAGES.slice(0, Math.max(0, current) + 1);
 			return /* @__PURE__ */ jsxs("div", {
@@ -7421,9 +8703,12 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							style: heroWorktreeProgressCopy,
-							children: [/* @__PURE__ */ jsx("strong", {
+							children: [/* @__PURE__ */ jsxs("strong", {
 								style: heroWorktreeProgressTitle,
-								children: error === void 0 ? t("repositoryProgressTitle") : t("repositoryProgressFailed")
+								children: [error === void 0 ? t("repositoryProgressTitle") : t("repositoryProgressFailed"), context === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+									style: heroWorktreeProgressContext,
+									children: [" ", context]
+								})]
 							}), /* @__PURE__ */ jsx("span", {
 								style: heroWorktreeProgressCurrent,
 								children: error ?? t(progressLabelKey(stage))
@@ -7470,7 +8755,7 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function ClaudeHeroRepositoryCapsule({ branches, selected, worktree, busy, menuOpen, worktreeLabel, searchPlaceholder, emptySearchLabel, onMenuOpenChange, onSelect, onWorktreeChange }) {
+		function ClaudeHeroRepositoryCapsule({ branches, selected, worktree, busy, menuOpen, worktreeLabel, searchPlaceholder, emptySearchLabel, worktreeLocked = false, onMenuOpenChange, onSelect, onWorktreeChange }) {
 			const pickerRef = useRef(null);
 			const searchRef = useRef(null);
 			const optionRefs = useRef([]);
@@ -7599,11 +8884,11 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ jsxs("button", {
 						type: "button",
 						role: "checkbox",
-						"aria-checked": worktree,
-						disabled: busy,
+						"aria-checked": worktreeLocked || worktree,
+						disabled: busy || worktreeLocked,
 						style: {
 							...heroWorktreeToggle,
-							...worktree || worktreeHovered ? heroWorktreeToggleActive : {},
+							...worktreeLocked || worktree || worktreeHovered ? heroWorktreeToggleActive : {},
 							...worktreeFocused ? heroWorktreeToggleFocused : {}
 						},
 						onMouseEnter: () => {
@@ -7612,8 +8897,8 @@ window.__ModuleLoader__.load({
 						onMouseLeave: () => {
 							setWorktreeHovered(false);
 						},
-						onFocus: () => {
-							setWorktreeFocused(true);
+						onFocus: (event) => {
+							setWorktreeFocused(event.currentTarget.matches(":focus-visible"));
 						},
 						onBlur: () => {
 							setWorktreeFocused(false);
@@ -7625,9 +8910,9 @@ window.__ModuleLoader__.load({
 							"aria-hidden": "true",
 							style: {
 								...heroWorktreeCheckbox,
-								...worktree ? heroWorktreeCheckboxChecked : {}
+								...worktreeLocked || worktree ? heroWorktreeCheckboxChecked : {}
 							},
-							children: worktree ? /* @__PURE__ */ jsx("svg", {
+							children: worktreeLocked || worktree ? /* @__PURE__ */ jsx("svg", {
 								viewBox: "0 0 12 12",
 								style: heroWorktreeCheckboxIcon,
 								children: /* @__PURE__ */ jsx("path", {
@@ -7644,7 +8929,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function ClaudeHeroRepositoryControls({ sessionId, useSessions, useWorkspaces, input, t, prepare }) {
+		function ClaudeHeroRepositoryControls({ sessionId, useSessions, useWorkspaces, input, t, prepare, prepareMany }) {
 			const cwd = useSessions((state) => state.byId[sessionId]?.cwd);
 			const workspacePath = useWorkspaces((state) => state.items.find((item) => item.sessionIds.includes(sessionId))?.path);
 			const [portal, setPortal] = useState();
@@ -7657,7 +8942,9 @@ window.__ModuleLoader__.load({
 			const [progressError, setProgressError] = useState();
 			const [error, setError] = useState();
 			const [jiraConnected, setJiraConnected] = useState(false);
-			const [ticket, setTicket] = useState();
+			const [tickets, setTickets] = useState([]);
+			const [batchProgress, setBatchProgress] = useState();
+			const [batchDone, setBatchDone] = useState();
 			const [ticketMenuOpen, setTicketMenuOpen] = useState(false);
 			const [ticketQuery, setTicketQuery] = useState("");
 			const [ticketResults, setTicketResults] = useState();
@@ -7706,7 +8993,9 @@ window.__ModuleLoader__.load({
 				setProgressStage(void 0);
 				setProgressError(void 0);
 				setError(void 0);
-				setTicket(void 0);
+				setTickets([]);
+				setBatchProgress(void 0);
+				setBatchDone(void 0);
 				setTicketMenuOpen(false);
 				setTicketQuery("");
 				setTicketResults(void 0);
@@ -7728,19 +9017,46 @@ window.__ModuleLoader__.load({
 				sessionId
 			]);
 			const availableBranches = branches === void 0 ? [] : repositoryBranchOptions(branches);
-			const changed = branches !== void 0 && selected.length > 0 && (worktree || ticket !== void 0 || selected !== branches.current);
+			const changed = branches !== void 0 && selected.length > 0 && (worktree || tickets.length > 0 || selected !== branches.current);
 			useEffect(() => {
 				if (!changed || portal === void 0 || busy) return;
 				const submit = (event) => {
-					if (pendingRef.current || input.draft.trim().length === 0 && ticket === void 0) return;
+					if (pendingRef.current || input.draft.trim().length === 0 && tickets.length === 0) return;
 					if (!(event instanceof KeyboardEvent ? shouldInterceptKey(event) : shouldInterceptClick(event))) return;
 					event.preventDefault();
 					event.stopPropagation();
 					pendingRef.current = true;
 					setBusy(true);
 					setProgressError(void 0);
-					setProgressStage(worktree ? "inspecting" : void 0);
 					setError(void 0);
+					setBatchDone(void 0);
+					if (tickets.length > 1) {
+						const total = tickets.length;
+						setBatchProgress({
+							ticketKey: tickets[0]?.key ?? "",
+							index: 0,
+							total,
+							stage: "inspecting"
+						});
+						setProgressStage("inspecting");
+						prepareMany(branches.root, selected, tickets, (progress) => {
+							setBatchProgress(progress);
+							setProgressStage(progress.stage);
+						}).then(() => {
+							setBatchDone(total);
+							setBatchProgress(void 0);
+							setProgressStage(void 0);
+							setTickets([]);
+						}, (reason) => {
+							setProgressError(reason instanceof Error ? reason.message : String(reason));
+						}).finally(() => {
+							pendingRef.current = false;
+							setBusy(false);
+						});
+						return;
+					}
+					const ticket = tickets[0];
+					setProgressStage(worktree ? "inspecting" : void 0);
 					prepare(branches.root, selected, worktree, (stage) => {
 						if (worktree) setProgressStage(stage);
 					}, ticket).catch((reason) => {
@@ -7765,8 +9081,9 @@ window.__ModuleLoader__.load({
 				input.draft,
 				portal,
 				prepare,
+				prepareMany,
 				selected,
-				ticket,
+				tickets,
 				worktree
 			]);
 			useEffect(() => {
@@ -7815,8 +9132,13 @@ window.__ModuleLoader__.load({
 					document.removeEventListener("pointerdown", closeOnOutsidePointer);
 				};
 			}, [ticketMenuOpen]);
-			const chooseTicket = (next) => {
-				setTicket(next);
+			const toggleTicket = (next) => {
+				setTickets((current) => toggleTicketSelection(current, next));
+				setError(void 0);
+				setBatchDone(void 0);
+			};
+			const clearTickets = () => {
+				setTickets([]);
 				setError(void 0);
 				setTicketMenuOpen(false);
 			};
@@ -7836,6 +9158,7 @@ window.__ModuleLoader__.load({
 						worktreeLabel: t("repositoryWorktree"),
 						searchPlaceholder: t("repositoryBranchSearch"),
 						emptySearchLabel: t("repositoryBranchSearchEmpty"),
+						worktreeLocked: tickets.length > 1,
 						onMenuOpenChange: setMenuOpen,
 						onSelect: (branch) => {
 							setSelected(branch);
@@ -7866,78 +9189,115 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ jsx(TicketIcon, {}),
 									/* @__PURE__ */ jsx("span", {
 										style: heroBranchName,
-										children: ticket === void 0 ? t("heroTicket") : ticket.key
+										children: tickets.length === 0 ? t("heroTicket") : tickets.length === 1 ? tickets[0]?.key : t("heroTicketCount", { count: tickets.length })
 									}),
 									/* @__PURE__ */ jsx(IconChevronDownOutline14, {})
 								]
 							}), ticketMenuOpen ? /* @__PURE__ */ jsxs("span", {
 								role: "menu",
-								style: heroBranchMenu,
+								style: {
+									...heroBranchMenu,
+									...heroTicketMenu
+								},
 								onKeyDown: (event) => {
 									if (event.key === "Escape") {
 										event.preventDefault();
 										setTicketMenuOpen(false);
 									}
 								},
-								children: [/* @__PURE__ */ jsxs("label", {
-									style: heroBranchSearch,
-									children: [/* @__PURE__ */ jsx(IconSearchOutline16, {}), /* @__PURE__ */ jsx("input", {
-										ref: ticketSearchRef,
-										type: "search",
-										value: ticketQuery,
-										placeholder: t("heroTicketSearch"),
-										"aria-label": t("heroTicketSearch"),
-										style: heroBranchSearchInput,
-										onChange: (event) => {
-											setTicketQuery(event.currentTarget.value);
-										}
-									})]
-								}), /* @__PURE__ */ jsx("span", {
-									style: heroBranchList,
-									children: ticketError !== void 0 ? /* @__PURE__ */ jsx("span", {
-										style: heroBranchEmpty,
-										children: ticketError
-									}) : ticketResults === void 0 ? /* @__PURE__ */ jsx("span", {
-										style: heroBranchEmpty,
-										children: t("heroTicketLoading")
-									}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [ticket === void 0 ? null : /* @__PURE__ */ jsx("button", {
-										type: "button",
-										role: "menuitem",
-										style: heroBranchItem,
-										onClick: () => {
-											chooseTicket(void 0);
-										},
-										children: /* @__PURE__ */ jsx("span", {
-											style: heroBranchItemName,
+								children: [
+									/* @__PURE__ */ jsxs("label", {
+										style: heroBranchSearch,
+										children: [/* @__PURE__ */ jsx(IconSearchOutline16, {}), /* @__PURE__ */ jsx("input", {
+											ref: ticketSearchRef,
+											type: "search",
+											value: ticketQuery,
+											placeholder: t("heroTicketSearch"),
+											"aria-label": t("heroTicketSearch"),
+											style: heroBranchSearchInput,
+											onChange: (event) => {
+												setTicketQuery(event.currentTarget.value);
+											}
+										})]
+									}),
+									tickets.length === 0 ? null : /* @__PURE__ */ jsxs("span", {
+										style: heroTicketChips,
+										children: [tickets.map((item) => /* @__PURE__ */ jsxs("span", {
+											style: heroTicketChip,
+											children: [item.key, /* @__PURE__ */ jsx("button", {
+												type: "button",
+												style: heroTicketChipRemove,
+												"aria-label": t("heroTicketRemove", { key: item.key }),
+												onClick: () => {
+													toggleTicket(item);
+												},
+												children: "×"
+											})]
+										}, item.key)), tickets.length > 1 ? /* @__PURE__ */ jsx("button", {
+											type: "button",
+											style: heroTicketChipsClear,
+											onClick: clearTickets,
 											children: t("heroTicketNone")
+										}) : null]
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: heroBranchList,
+										children: ticketError !== void 0 ? /* @__PURE__ */ jsx("span", {
+											style: heroBranchEmpty,
+											children: ticketError
+										}) : ticketResults === void 0 ? /* @__PURE__ */ jsx("span", {
+											style: heroBranchEmpty,
+											children: t("heroTicketLoading")
+										}) : ticketResults.length === 0 ? /* @__PURE__ */ jsx("span", {
+											style: heroBranchEmpty,
+											children: t("heroTicketEmpty")
+										}) : ticketResults.map((item) => {
+											const picked = tickets.some((entry) => entry.key === item.key);
+											return /* @__PURE__ */ jsxs("button", {
+												type: "button",
+												role: "menuitemcheckbox",
+												"aria-checked": picked,
+												style: heroBranchItem,
+												onClick: () => {
+													toggleTicket(item);
+												},
+												children: [
+													/* @__PURE__ */ jsx("span", {
+														"aria-hidden": "true",
+														style: {
+															...heroTicketCheckbox,
+															...picked ? heroWorktreeCheckboxChecked : {}
+														},
+														children: picked ? /* @__PURE__ */ jsx("svg", {
+															viewBox: "0 0 12 12",
+															style: heroWorktreeCheckboxIcon,
+															children: /* @__PURE__ */ jsx("path", {
+																d: "m2.5 6.2 2.1 2.1 4.9-5",
+																fill: "none",
+																stroke: "currentColor",
+																strokeLinecap: "round",
+																strokeLinejoin: "round",
+																strokeWidth: "1.8"
+															})
+														}) : null
+													}),
+													/* @__PURE__ */ jsx("span", {
+														style: heroTicketKey,
+														children: item.key
+													}),
+													/* @__PURE__ */ jsx("span", {
+														style: heroBranchItemName,
+														children: item.summary
+													}),
+													item.status === void 0 ? null : /* @__PURE__ */ jsx("span", {
+														style: heroTicketStatus,
+														children: item.status
+													})
+												]
+											}, item.key);
 										})
-									}), ticketResults.length === 0 ? /* @__PURE__ */ jsx("span", {
-										style: heroBranchEmpty,
-										children: t("heroTicketEmpty")
-									}) : ticketResults.map((item) => /* @__PURE__ */ jsxs("button", {
-										type: "button",
-										role: "menuitem",
-										"aria-current": item.key === ticket?.key ? "true" : void 0,
-										style: heroBranchItem,
-										onClick: () => {
-											chooseTicket(item);
-										},
-										children: [
-											/* @__PURE__ */ jsx("span", {
-												style: heroTicketKey,
-												children: item.key
-											}),
-											/* @__PURE__ */ jsx("span", {
-												style: heroBranchItemName,
-												children: item.summary
-											}),
-											item.status === void 0 ? null : /* @__PURE__ */ jsx("span", {
-												style: heroTicketStatus,
-												children: item.status
-											})
-										]
-									}, item.key))] })
-								})]
+									})
+								]
 							}) : null]
 						})
 					}),
@@ -7945,14 +9305,21 @@ window.__ModuleLoader__.load({
 						role: "alert",
 						style: heroRepositoryError,
 						children: error
+					}),
+					batchDone === void 0 ? null : /* @__PURE__ */ jsx("span", {
+						role: "status",
+						style: heroRepositoryStatus,
+						children: t("heroBatchStarted", { count: batchDone })
 					})
 				] }), progressStage === void 0 || !busy && progressError === void 0 ? null : /* @__PURE__ */ jsx(WorktreeProgressCard, {
 					stage: progressStage,
 					...progressError === void 0 ? {} : { error: progressError },
+					...batchProgress === void 0 ? {} : { context: `${batchProgress.ticketKey} · ${batchProgress.index + 1}/${batchProgress.total}` },
 					t,
 					onDismiss: () => {
 						setProgressStage(void 0);
 						setProgressError(void 0);
+						setBatchProgress(void 0);
 					}
 				})]
 			}), portal);
@@ -8436,7 +9803,10 @@ window.__ModuleLoader__.load({
 			heroTicketSearch: "搜索 ticket 或输入 key…",
 			heroTicketLoading: "搜索中…",
 			heroTicketEmpty: "没有匹配的 ticket",
-			heroTicketNone: "不关联 ticket",
+			heroTicketNone: "清除已选 ticket",
+			heroTicketRemove: "移除 {key}",
+			heroTicketCount: "{count} 个 ticket",
+			heroBatchStarted: "已为 {count} 个 ticket 各自创建 Worktree 会话并开工",
 			heroTicketNotConnected: "请先在 Settings 中连接 Jira",
 			heroTicketFailed: "Ticket 搜索失败",
 			jiraTitle: "Jira",
@@ -8456,14 +9826,31 @@ window.__ModuleLoader__.load({
 			cleanupTitle: "清理已合并分支",
 			cleanupDescription: "删除 worktree 与本地分支并移除对应 workspace；普通 checkout 则切回 base 分支并删除已合并分支。",
 			cleanupCompleted: "已清理 {branch}",
-			overviewOpen: "查看所有 Claude 会话的 Pull Request",
-			overviewTitle: "Pull requests",
-			overviewBody: "所有 Claude 会话的分支与 PR 状态",
+			overviewOpen: "打开 Claude 会话看板",
+			overviewTitle: "会话看板",
+			overviewBody: "所有 Claude 会话的运行状态、分支与 PR",
 			overviewEmpty: "没有正在进行的 Claude 会话",
 			overviewNoPr: "无 PR",
 			overviewRunning: "运行中",
+			overviewNeedsPermission: "等待权限确认",
+			overviewNeedsAnswer: "等待回答",
+			overviewContextUsage: "上下文 {percentage}%",
 			overviewAutoFix: "Auto fix 已开启",
 			overviewLoading: "读取中…",
+			askToolbar: "选中文本操作",
+			askTooltip: "针对选中内容追问",
+			copyTooltip: "复制",
+			askCopied: "已复制",
+			askPlaceholder: "针对选中内容提问…",
+			askSubmit: "发送",
+			askStarting: "正在启动 Claude…",
+			askThinking: "思考中…",
+			askThinkingLive: "思考中 ·",
+			askThinkingLabel: "Think ·",
+			askCopyAnswer: "复制回答",
+			askSendToChat: "转发到对话",
+			askClose: "关闭",
+			askFailed: "提问失败",
 			reviewCommentAdd: "添加行评论",
 			reviewCommentPlaceholder: "请求更改",
 			reviewCommentSubmit: "注释",
@@ -8474,7 +9861,13 @@ window.__ModuleLoader__.load({
 			reviewCommentsSend: "发送评论",
 			reviewCommentsSendDraft: "请处理以上代码评论。",
 			reviewCommentOldSide: "旧代码第 {line} 行",
-			reviewCommentNewSide: "第 {line} 行"
+			reviewCommentNewSide: "第 {line} 行",
+			reviewCommentOldRange: "旧代码第 {start}–{end} 行",
+			reviewCommentNewRange: "第 {start}–{end} 行",
+			diffUnmodifiedLines: "{count} 行未修改",
+			diffUnmodifiedTail: "文件末尾之前还有未修改的行",
+			diffExpandUp: "向上展开",
+			diffExpandDown: "向下展开"
 		};
 		const en = {
 			nav: "Claude Code",
@@ -8707,7 +10100,10 @@ window.__ModuleLoader__.load({
 			heroTicketSearch: "Search tickets or enter a key…",
 			heroTicketLoading: "Searching…",
 			heroTicketEmpty: "No matching tickets",
-			heroTicketNone: "No ticket",
+			heroTicketNone: "Clear selected tickets",
+			heroTicketRemove: "Remove {key}",
+			heroTicketCount: "{count} tickets",
+			heroBatchStarted: "Kicked off {count} tickets, each in its own worktree session",
 			heroTicketNotConnected: "Connect Jira in Settings first",
 			heroTicketFailed: "Ticket search failed",
 			jiraTitle: "Jira",
@@ -8727,14 +10123,31 @@ window.__ModuleLoader__.load({
 			cleanupTitle: "Clean up merged branch",
 			cleanupDescription: "Remove the worktree and local branch and delete the workspace; a plain checkout switches back to the base branch and deletes the merged branch.",
 			cleanupCompleted: "Cleaned up {branch}",
-			overviewOpen: "Show pull requests across Claude sessions",
-			overviewTitle: "Pull requests",
-			overviewBody: "Branch and pull request state across Claude sessions",
+			overviewOpen: "Open the Claude session board",
+			overviewTitle: "Session board",
+			overviewBody: "Run state, branch, and pull request across Claude sessions",
 			overviewEmpty: "No active Claude sessions",
 			overviewNoPr: "No PR",
 			overviewRunning: "Running",
+			overviewNeedsPermission: "Awaiting approval",
+			overviewNeedsAnswer: "Awaiting answer",
+			overviewContextUsage: "Context {percentage}%",
 			overviewAutoFix: "Auto fix on",
 			overviewLoading: "Loading…",
+			askToolbar: "Selection actions",
+			askTooltip: "Ask about this",
+			copyTooltip: "Copy",
+			askCopied: "Copied",
+			askPlaceholder: "Ask about the selected text…",
+			askSubmit: "Ask",
+			askStarting: "Starting Claude…",
+			askThinking: "Thinking…",
+			askThinkingLive: "Thinking ·",
+			askThinkingLabel: "Think ·",
+			askCopyAnswer: "Copy answer",
+			askSendToChat: "Send to chat",
+			askClose: "Close",
+			askFailed: "The question could not be answered",
 			reviewCommentAdd: "Add line comment",
 			reviewCommentPlaceholder: "Request changes",
 			reviewCommentSubmit: "Comment",
@@ -8745,7 +10158,13 @@ window.__ModuleLoader__.load({
 			reviewCommentsSend: "Send comments",
 			reviewCommentsSendDraft: "Please address the attached review comments.",
 			reviewCommentOldSide: "Old line {line}",
-			reviewCommentNewSide: "Line {line}"
+			reviewCommentNewSide: "Line {line}",
+			reviewCommentOldRange: "Old lines {start}–{end}",
+			reviewCommentNewRange: "Lines {start}–{end}",
+			diffUnmodifiedLines: "{count} unmodified lines",
+			diffUnmodifiedTail: "More unmodified lines below",
+			diffExpandUp: "Expand up",
+			diffExpandDown: "Expand down"
 		};
 		//#endregion
 		//#region src/client/index.tsx
@@ -8880,7 +10299,9 @@ window.__ModuleLoader__.load({
 								sessions.open(id);
 							},
 							loadStatus: loadRepositoryStatusFor,
-							sessions: sessions.list
+							sessions: sessions.list,
+							...workspaces === void 0 ? {} : { workspaces: workspaces.list },
+							projectionFor: (id) => projections.source(id)
 						})
 					}, ClaudePullRequestsPanel);
 				} catch {
@@ -9014,6 +10435,22 @@ window.__ModuleLoader__.load({
 					};
 				}
 			}, ClaudeRepositoryStatus));
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "claude-selection-ask",
+				locale: namespace
+			}, () => /* @__PURE__ */ jsx(ClaudeSelectionAsk, {
+				t,
+				currentSessionId: () => sessions?.list.getSnapshot().current,
+				ownsSession: (sessionId) => projections.source(sessionId).getSnapshot().owned,
+				...sessions === void 0 || conversation === void 0 ? {} : { insertIntoChat: (sessionId, text) => {
+					const scope = sessions.scope(sessionId);
+					if (scope === void 0) return;
+					const input = conversation.input.for(scope);
+					const current = input.state.getSnapshot().draft;
+					input.setDraft(current.trim() === "" ? text : `${current}\n\n${text}`);
+				} }
+			})));
 			if (sessions !== void 0 && conversation !== void 0) ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: "queue",
@@ -9077,6 +10514,52 @@ window.__ModuleLoader__.load({
 						targetInput.submit();
 						sourceInput.setDraft("");
 						for (const imageId of imageIds) sourceInput.removeImage(imageId);
+					},
+					prepareMany: async (cwd, branch, tickets, onProgress) => {
+						const sourceScope = sessions.scope(sourceSessionId);
+						if (sourceScope === void 0) throw new Error(t("repositorySessionUnavailable"));
+						const sourceInput = conversation.input.for(sourceScope);
+						const rawDraft = sourceInput.state.getSnapshot().draft;
+						const failures = [];
+						for (const [index, ticket] of tickets.entries()) {
+							const report = (stage) => {
+								onProgress({
+									ticketKey: ticket.key,
+									index,
+									total: tickets.length,
+									stage
+								});
+							};
+							try {
+								report("inspecting");
+								const prepared = await prepareRepository(cwd, branch, true, ticket.key, report);
+								assignJiraTicket(ticket.key).catch((reason) => {
+									console.warn(`dsh-claude: could not assign ${ticket.key}: ${reason instanceof Error ? reason.message : String(reason)}`);
+								});
+								report("creating-workspace");
+								const workspace = await workspaces.create({ path: prepared.path });
+								report("starting-session");
+								const targetSessionId = await workspaces.connectWorkspace(workspace.workspaceId);
+								const targetScope = sessions.scope(targetSessionId);
+								if (targetScope === void 0) throw new Error(t("repositorySessionUnavailable"));
+								const presetResponse = await connection.api.agentPresets.select({
+									sessionId: targetSessionId,
+									agentPreset: "claude"
+								});
+								if (!presetResponse.result.ok) throw new Error(presetResponse.result.error.message);
+								sessions.noteAgentPreset(targetSessionId, presetResponse.result.value.agentPreset);
+								const targetInput = conversation.input.for(targetScope);
+								report("transferring-draft");
+								targetInput.setDraft(rawDraft.trim() === "" ? ticketPrompt(ticket) : `${rawDraft.trimEnd()}\n\n${ticketContext(ticket)}`);
+								if (prepared.leaseId !== void 0) await bindRepositoryLease(prepared.leaseId, targetSessionId);
+								report("submitting");
+								targetInput.submit();
+							} catch (cause) {
+								failures.push(`${ticket.key}: ${cause instanceof Error ? cause.message : String(cause)}`);
+							}
+						}
+						if (failures.length < tickets.length) sourceInput.setDraft("");
+						if (failures.length > 0) throw new Error(failures.join(" · "));
 					}
 				})
 			}, ClaudeHeroRepositoryControls));