@norman-else/dsh-claude 0.1.18 → 0.1.19

package/lib/client.js

@@ -5,7 +5,8 @@ window.__ModuleLoader__.load({
 		module.exports;
 		var { useCallback, useEffect, useId, useMemo, useRef, useState } = require("react");
 		var { Fragment, jsx, jsxs } = require("react/jsx-runtime");
-		var { DisclosureRow, IconApiOutline14, IconThinkOutline14, StateDot } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { DisclosureRow, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconChevronDownOutline14, IconSearchOutline16, IconThinkOutline14, StateDot } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { createPortal } = require("react-dom");
 		/** Claude's subagent dispatch tools; rendered as plugin-owned group cards
 		*  gathering subagent activity instead of native tool cards. */
 		const TASK_TOOL_NAMES = /* @__PURE__ */ new Set(["Task", "Agent"]);
@@ -14,6 +15,7 @@ window.__ModuleLoader__.load({
 		const CLAUDE_UPDATE_PATH = "/plugins/dsh-claude/update";
 		const CLAUDE_PROJECTION_PATH = "/plugins/dsh-claude/projection";
 		const CLAUDE_GLOBAL_SETTINGS_PATH = "/plugins/dsh-claude/settings/global";
+		const CLAUDE_REPOSITORY_SETUP_PATH = "/plugins/dsh-claude/repository/setup";
 		//#endregion
 		//#region src/client/conversation-sidecar.ts
 		function isTaskActivity(value) {
@@ -185,7 +187,8 @@ window.__ModuleLoader__.load({
 				return {
 					turn: match.event.data.turn,
 					active: true,
-					anchorSeq: match.event.seq + .1
+					anchored: false,
+					anchorSeq: Number.MAX_SAFE_INTEGER
 				};
 			},
 			update(context, match) {
@@ -193,8 +196,10 @@ window.__ModuleLoader__.load({
 					...context.state,
 					active: false
 				};
+				if (match.event.type === "step/start" && !context.state.anchored) return context.state;
 				return {
 					...context.state,
+					anchored: true,
 					anchorSeq: match.event.seq + .1
 				};
 			},
@@ -362,6 +367,20 @@ window.__ModuleLoader__.load({
 			position: "relative",
 			minWidth: 0
 		};
+		const settingTextInput = {
+			width: "100%",
+			minWidth: 0,
+			boxSizing: "border-box",
+			minHeight: 38,
+			padding: "7px 13px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px"
+		};
 		const settingSelectTrigger = {
 			width: "100%",
 			minHeight: 38,
@@ -481,22 +500,31 @@ window.__ModuleLoader__.load({
 		const tasksPanel = {
 			display: "flex",
 			flexDirection: "column",
-			height: "100%",
+			width: "calc(100% - 16px)",
+			height: "calc(100% - 16px)",
 			minWidth: 0,
-			background: "var(--dsw-alias-bg-base)"
+			margin: 8,
+			overflow: "hidden",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 4px 16px color-mix(in srgb, #000 12%, transparent)"
 		};
 		const tasksHeader = {
+			boxSizing: "border-box",
+			height: 58,
+			flex: "none",
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
-			gap: 8,
-			padding: "12px 14px",
+			gap: 10,
+			padding: "9px 12px",
 			borderBottom: "1px solid var(--dsw-alias-border-l2)"
 		};
 		const tasksHeading = {
 			display: "block",
 			color: "var(--dsw-alias-label-primary)",
-			fontSize: 14,
+			fontSize: 15,
 			lineHeight: "20px",
 			fontWeight: 600
 		};
@@ -504,8 +532,8 @@ window.__ModuleLoader__.load({
 			display: "block",
 			marginTop: 1,
 			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 11,
-			lineHeight: "16px"
+			fontSize: 12,
+			lineHeight: "17px"
 		};
 		const tasksClose = {
 			width: 26,
@@ -524,7 +552,8 @@ window.__ModuleLoader__.load({
 			flex: 1,
 			minHeight: 0,
 			overflowY: "auto",
-			padding: "10px 12px 20px"
+			padding: "12px 14px 20px",
+			background: "var(--dsw-alias-bg-base)"
 		};
 		const tasksGroupHeading = {
 			minHeight: 30,
@@ -538,7 +567,7 @@ window.__ModuleLoader__.load({
 			alignItems: "center",
 			gap: 6,
 			color: "var(--dsw-alias-label-secondary)",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "20px",
 			fontWeight: 600
 		};
@@ -551,7 +580,7 @@ window.__ModuleLoader__.load({
 			background: "transparent",
 			color: "var(--dsw-alias-label-secondary)",
 			font: "inherit",
-			fontSize: 12,
+			fontSize: 13,
 			lineHeight: "20px",
 			fontWeight: 600,
 			cursor: "pointer"
@@ -562,8 +591,8 @@ window.__ModuleLoader__.load({
 			borderRadius: 999,
 			background: "var(--dsw-alias-bg-layer-2)",
 			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 10,
-			lineHeight: "17px",
+			fontSize: 11,
+			lineHeight: "18px",
 			textAlign: "center",
 			fontVariantNumeric: "tabular-nums"
 		};
@@ -585,10 +614,11 @@ window.__ModuleLoader__.load({
 			marginTop: 4
 		};
 		const taskCard = {
-			padding: "10px 11px",
+			padding: "11px 12px",
 			border: "1px solid var(--dsw-alias-border-l2)",
 			borderRadius: 10,
-			background: "var(--dsw-alias-bg-layer-1)"
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 1px 3px color-mix(in srgb, #000 7%, transparent)"
 		};
 		const taskCardRunning = { borderColor: "var(--dsw-alias-border-l3)" };
 		const taskCardTop = {
@@ -614,8 +644,8 @@ window.__ModuleLoader__.load({
 		const taskTitle = {
 			margin: 0,
 			color: "var(--dsw-alias-label-primary)",
-			fontSize: 13,
-			lineHeight: "19px",
+			fontSize: 14,
+			lineHeight: "20px",
 			fontWeight: 550,
 			overflowWrap: "anywhere"
 		};
@@ -719,220 +749,880 @@ window.__ModuleLoader__.load({
 			fontSize: 9
 		};
 		const tasksTurnLauncherDone = { color: "var(--dsw-alias-state-success-primary, var(--dsw-alias-label-tertiary))" };
-		//#endregion
-		//#region src/client/token-format.ts
-		function formatTokenCount(tokens) {
-			if (tokens >= 1e6) return `${Number((tokens / 1e6).toFixed(tokens >= 1e7 ? 0 : 1))}M`;
-			if (tokens >= 1e3) return `${Number((tokens / 1e3).toFixed(tokens >= 1e5 ? 0 : 1))}K`;
-			return String(tokens);
-		}
-		//#endregion
-		//#region src/client/ClaudeTasksPanel.tsx
-		const STATUS_LABEL = {
-			running: "tasksRunning",
-			completed: "tasksCompleted",
-			failed: "tasksFailed",
-			stopped: "tasksStopped",
-			killed: "tasksKilled"
+		const heroRepositoryControls = {
+			position: "relative",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8,
+			minWidth: 0
 		};
-		function visibleTaskGroups(tasks, dismissedSettledIds) {
-			return {
-				running: tasks.filter((task) => task.status === "running"),
-				finished: tasks.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
-			};
-		}
-		function activitiesForTask(activities, taskId) {
-			return activities.filter((activity) => activity.taskId === taskId);
-		}
-		function tasksForTurn(tasks, turn) {
-			return tasks.filter((task) => task.originTurn === turn);
-		}
-		function summarizeTurnTasks(tasks) {
-			if (tasks.length === 0) return void 0;
-			const running = tasks.filter((task) => task.status === "running").length;
-			const failed = tasks.filter((task) => task.status === "failed" || task.status === "stopped" || task.status === "killed").length;
-			const completed = tasks.filter((task) => task.status === "completed").length;
-			return {
-				state: running > 0 ? "running" : failed > 0 ? "failed" : "completed",
-				count: tasks.length,
-				running,
-				failed,
-				completed
-			};
-		}
-		function statusGlyph(status) {
-			if (status === "running") return "●";
-			if (status === "completed") return "✓";
-			if (status === "stopped") return "–";
-			return "×";
-		}
-		function formatDuration(ms) {
-			if (ms < 1e3) return String(Math.max(1, Math.round(ms))) + "ms";
-			const seconds = Math.round(ms / 1e3);
-			if (seconds < 60) return String(seconds) + "s";
-			const minutes = Math.floor(seconds / 60);
-			return String(minutes) + "m " + String(seconds % 60) + "s";
-		}
-		function taskMeta(task, t) {
-			const parts = [];
-			if (task.subagentType !== void 0) parts.push(task.subagentType);
-			else if (task.taskType !== void 0) parts.push(task.taskType);
-			if (task.usage?.durationMs !== void 0) parts.push(formatDuration(task.usage.durationMs));
-			if (task.usage?.totalTokens !== void 0) parts.push(t("tokens", { count: formatTokenCount(task.usage.totalTokens) }));
-			if (task.usage?.toolUses !== void 0) parts.push(t("tasksToolUses", { count: task.usage.toolUses }));
-			if (task.lastToolName !== void 0) parts.push(t("tasksLastTool", { tool: task.lastToolName }));
-			return parts;
-		}
-		function TaskActivity({ activity, t }) {
-			return /* @__PURE__ */ jsxs("li", {
-				style: taskActivityItem,
-				children: [/* @__PURE__ */ jsx("span", {
-					style: taskActivityGlyph,
-					"aria-hidden": "true",
-					children: activity.isError === true ? "×" : "›"
-				}), /* @__PURE__ */ jsxs("div", {
-					style: taskActivityBody,
-					children: [
-						/* @__PURE__ */ jsx("p", {
-							style: taskActivityTitle,
-							children: activity.title ?? activity.kind
-						}),
-						activity.summary === void 0 ? null : /* @__PURE__ */ jsx("p", {
-							style: taskActivitySummary,
-							children: activity.summary
-						}),
-						activity.detail === void 0 ? null : /* @__PURE__ */ jsxs("details", {
-							style: taskActivityDetail,
-							children: [/* @__PURE__ */ jsx("summary", {
-								style: taskActivityDetailSummary,
-								children: t("detail")
-							}), /* @__PURE__ */ jsx("pre", {
-								style: detailCode,
-								children: activity.detail
-							})]
-						})
-					]
-				})]
-			});
-		}
-		function TaskCard(props) {
-			const { task, activities, t } = props;
-			const [activityOpen, setActivityOpen] = useState(false);
-			const running = task.status === "running";
-			const failed = task.status === "failed" || task.status === "killed";
-			const meta = taskMeta(task, t);
-			return /* @__PURE__ */ jsxs("article", {
-				style: {
-					...taskCard,
-					...running ? taskCardRunning : {}
-				},
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						style: taskCardTop,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: running ? "dsh-claude-act-running" : void 0,
-							style: {
-								...taskCardGlyph,
-								...running ? iconChipRunning : {},
-								...failed ? iconChipError : {}
-							},
-							"aria-hidden": "true",
-							children: statusGlyph(task.status)
-						}), /* @__PURE__ */ jsxs("div", {
-							style: taskCardBody,
-							children: [/* @__PURE__ */ jsx("p", {
-								style: {
-									...taskTitle,
-									...failed ? { color: "var(--dsw-alias-state-error-primary)" } : {}
-								},
-								children: task.description
-							}), /* @__PURE__ */ jsxs("p", {
-								style: taskStatusLine,
-								children: [/* @__PURE__ */ jsx("span", { children: t(STATUS_LABEL[task.status] ?? "tasksRunning") }), task.backgrounded === true ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-									"aria-hidden": "true",
-									children: " · "
-								}), /* @__PURE__ */ jsx("span", { children: t("tasksBackground") })] }) : null]
-							})]
-						})]
-					}),
-					meta.length === 0 ? null : /* @__PURE__ */ jsx("p", {
-						style: taskMeta$1,
-						children: meta.join(" · ")
-					}),
-					task.summary === void 0 || running ? null : /* @__PURE__ */ jsx("p", {
-						style: taskSummary,
-						children: task.summary
-					}),
-					activities.length === 0 ? null : /* @__PURE__ */ jsxs("div", {
-						style: taskActivitySection,
-						children: [/* @__PURE__ */ jsx("button", {
-							type: "button",
-							style: taskTextButton,
-							"aria-expanded": activityOpen,
-							onClick: () => setActivityOpen((value) => !value),
-							children: activityOpen ? t("tasksHideActivity") : t("tasksViewActivity")
-						}), activityOpen ? /* @__PURE__ */ jsx("ul", {
-							style: taskActivityList,
-							children: activities.map((activity) => /* @__PURE__ */ jsx(TaskActivity, {
-								activity,
-								t
-							}, `${activity.turn}:${activity.step}:${activity.ordinal}`))
-						}) : null]
-					})
-				]
-			});
-		}
-		function GroupHeading(props) {
-			const { label, count, collapsed, onToggle, action } = props;
-			const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
-				style: tasksGroupCount,
-				children: count
-			})] });
-			return /* @__PURE__ */ jsxs("div", {
-				style: tasksGroupHeading,
-				children: [onToggle === void 0 ? /* @__PURE__ */ jsx("div", {
-					style: tasksGroupTitle,
-					children: content
-				}) : /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					style: tasksGroupToggle,
-					"aria-expanded": !collapsed,
-					onClick: onToggle,
-					children: [/* @__PURE__ */ jsx("span", {
-						style: {
-							...chevron,
-							...collapsed === true ? {} : chevronOpen
-						},
-						children: "›"
-					}), content]
-				}), action === void 0 ? null : /* @__PURE__ */ jsx("button", {
-					type: "button",
-					style: taskTextButton,
-					onClick: action.onClick,
-					children: action.label
-				})]
-			});
-		}
-		function ClaudeTasksPanel({ useClaudeProjection, t, closeDetails, turn }) {
-			const projection = useClaudeProjection((value) => value);
-			const tasks = useMemo(() => tasksForTurn(projection.tasks?.tasks ?? [], turn), [projection.tasks, turn]);
-			useEffect(() => {
-				if (!projection.owned || tasks.length === 0) closeDetails();
-			}, [
-				closeDetails,
-				projection.owned,
-				tasks.length
-			]);
-			const [finishedCollapsed, setFinishedCollapsed] = useState(false);
-			const [dismissedSettledIds, setDismissedSettledIds] = useState(() => /* @__PURE__ */ new Set());
-			const groups = useMemo(() => visibleTaskGroups(tasks, dismissedSettledIds), [tasks, dismissedSettledIds]);
-			const taskActivities = useMemo(() => new Map(tasks.map((task) => [task.taskId, activitiesForTask(projection.activities, task.taskId)])), [projection.activities, tasks]);
-			const clearFinished = () => setDismissedSettledIds((previous) => /* @__PURE__ */ new Set([...previous, ...tasks.filter((task) => task.status !== "running").map((task) => task.taskId)]));
-			if (!projection.owned) return null;
-			return /* @__PURE__ */ jsxs("div", {
-				style: tasksPanel,
-				children: [/* @__PURE__ */ jsxs("div", {
-					style: tasksHeader,
+		const heroRepositoryCapsule = {
+			height: 30,
+			display: "inline-flex",
+			alignItems: "center",
+			minWidth: 0,
+			padding: 2,
+			border: "1px solid var(--dsw-alias-border-l1)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-interactive-bg-base, var(--dsw-alias-bg-layer-1))",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const heroBranchPicker = {
+			position: "relative",
+			display: "inline-flex",
+			minWidth: 0
+		};
+		const heroBranchTrigger = {
+			height: 26,
+			maxWidth: 230,
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			minWidth: 0,
+			padding: "0 7px",
+			border: "none",
+			borderRadius: 7,
+			background: "transparent",
+			color: "inherit",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			cursor: "pointer"
+		};
+		const heroBranchName = {
+			minWidth: 0,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-primary)",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const heroBranchMenu = {
+			position: "absolute",
+			zIndex: 1100,
+			top: "calc(100% + 6px)",
+			left: 0,
+			width: 280,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			gap: 4,
+			padding: 4,
+			border: "1px solid var(--dsw-alias-border-inverted)",
+			borderRadius: 10,
+			background: "var(--dsw-specific-menu)",
+			boxShadow: "var(--dsw-shadow-lv3)"
+		};
+		const heroBranchSearch = {
+			height: 32,
+			boxSizing: "border-box",
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "0 8px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 7,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const heroBranchSearchInput = {
+			minWidth: 0,
+			flex: 1,
+			border: "none",
+			outline: "none",
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const heroBranchList = {
+			maxHeight: 170,
+			display: "flex",
+			flexDirection: "column",
+			overflowY: "auto",
+			overscrollBehavior: "contain"
+		};
+		const heroBranchItem = {
+			width: "100%",
+			height: 34,
+			minHeight: 34,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "0 9px",
+			border: "none",
+			borderRadius: 7,
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const heroBranchItemActive = { background: "var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2))" };
+		const heroBranchItemName = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const heroBranchEmpty = {
+			height: 34,
+			display: "grid",
+			placeItems: "center",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12
+		};
+		const heroRepositoryDivider = {
+			width: 1,
+			height: 16,
+			flex: "none",
+			background: "var(--dsw-alias-border-l2)"
+		};
+		const heroWorktreeToggle = {
+			height: 26,
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "0 7px",
+			border: "none",
+			borderRadius: 7,
+			outline: "none",
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "nowrap",
+			cursor: "pointer",
+			transition: "background 120ms ease, color 120ms ease, box-shadow 120ms ease"
+		};
+		const heroWorktreeToggleActive = {
+			background: "color-mix(in srgb, var(--dsw-static-blue-450) 10%, transparent)",
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const heroWorktreeToggleFocused = { boxShadow: "0 0 0 2px color-mix(in srgb, var(--dsw-static-blue-450) 28%, transparent)" };
+		const heroWorktreeCheckbox = {
+			width: 15,
+			height: 15,
+			boxSizing: "border-box",
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			border: "1px solid var(--dsw-alias-border-inverted)",
+			borderRadius: 4,
+			background: "var(--dsw-alias-bg-layer-2)",
+			boxShadow: "inset 0 1px 1px rgba(0, 0, 0, 0.08)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			transition: "border-color 120ms ease, background 120ms ease, box-shadow 120ms ease"
+		};
+		const heroWorktreeCheckboxChecked = {
+			borderColor: "var(--dsw-static-blue-450)",
+			background: "var(--dsw-static-blue-450)",
+			boxShadow: "0 1px 3px color-mix(in srgb, var(--dsw-static-blue-450) 35%, transparent)"
+		};
+		const heroWorktreeCheckboxIcon = {
+			width: 12,
+			height: 12,
+			display: "block"
+		};
+		const heroWorktreeProgressCard = {
+			position: "absolute",
+			zIndex: 1050,
+			top: "calc(100% + 10px)",
+			left: 0,
+			width: 320,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			gap: 12,
+			padding: 14,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "var(--dsw-shadow-lv3)"
+		};
+		const heroWorktreeProgressHeader = {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 10
+		};
+		const heroWorktreeProgressSpinner = {
+			width: 18,
+			height: 18,
+			flex: "none",
+			color: "var(--dsw-static-blue-450)"
+		};
+		const heroWorktreeProgressError = {
+			width: 18,
+			height: 18,
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			borderRadius: "50%",
+			background: "var(--dsw-alias-state-error-primary)",
+			color: "var(--dsw-alias-label-on-accent, #fff)",
+			fontSize: 13,
+			lineHeight: 1
+		};
+		const heroWorktreeProgressCopy = {
+			minWidth: 0,
+			display: "flex",
+			flex: 1,
+			flexDirection: "column",
+			gap: 2
+		};
+		const heroWorktreeProgressTitle = {
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 13,
+			lineHeight: "18px",
+			fontWeight: 600
+		};
+		const heroWorktreeProgressCurrent = {
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 12,
+			lineHeight: "18px",
+			overflowWrap: "anywhere"
+		};
+		const heroWorktreeProgressDismiss = {
+			width: 24,
+			height: 24,
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			padding: 0,
+			border: "none",
+			borderRadius: 6,
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			font: "inherit",
+			cursor: "pointer"
+		};
+		const heroWorktreeProgressSteps = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 7,
+			paddingLeft: 2
+		};
+		const heroWorktreeProgressStep = {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 11,
+			lineHeight: "16px"
+		};
+		const heroWorktreeProgressDot = {
+			width: 14,
+			height: 14,
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			boxSizing: "border-box",
+			borderRadius: "50%",
+			fontSize: 9,
+			lineHeight: 1
+		};
+		const heroWorktreeProgressDotDone = {
+			background: "var(--dsw-static-blue-450)",
+			color: "var(--dsw-alias-label-on-accent, #fff)"
+		};
+		const heroWorktreeProgressDotActive = { border: "2px solid var(--dsw-static-blue-450)" };
+		const heroRepositoryStatus = {
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			whiteSpace: "nowrap"
+		};
+		const heroRepositoryError = {
+			maxWidth: 240,
+			overflow: "hidden",
+			color: "var(--dsw-alias-state-error-primary)",
+			fontSize: 11,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const repositoryBarFrame = {
+			width: "calc(100% - 64px)",
+			maxWidth: "var(--dsh-conversation-composer-max-width, 782px)",
+			minWidth: 0,
+			margin: "0 auto",
+			boxSizing: "border-box"
+		};
+		const repositoryBar = {
+			width: "100%",
+			minWidth: 0,
+			minHeight: 42,
+			boxSizing: "border-box",
+			display: "flex",
+			alignItems: "center",
+			gap: 9,
+			padding: "7px 11px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 11,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: "0 1px 2px color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px",
+			textAlign: "left"
+		};
+		const repositoryPrIcon = {
+			width: 20,
+			height: 20,
+			display: "grid",
+			placeItems: "center",
+			flex: "none",
+			borderRadius: 6,
+			color: "var(--dsw-alias-state-success-primary, var(--dsw-static-blue-450))"
+		};
+		const repositoryPrimary = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 13,
+			fontWeight: 600,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const repositoryPrLinkFrame = {
+			position: "relative",
+			flex: "none"
+		};
+		const repositoryPrLink = {
+			color: "var(--dsw-alias-state-success-primary)",
+			fontSize: 13,
+			fontWeight: 650,
+			textDecoration: "none",
+			cursor: "pointer"
+		};
+		const repositoryPrHoverCard = {
+			position: "absolute",
+			zIndex: 30,
+			left: -34,
+			bottom: "calc(100% + 14px)",
+			width: 340,
+			display: "flex",
+			flexDirection: "column",
+			gap: 10,
+			padding: "13px 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 14px 38px color-mix(in srgb, #000 34%, transparent)",
+			color: "var(--dsw-alias-label-primary)",
+			pointerEvents: "auto"
+		};
+		const repositoryPrHoverTop = {
+			display: "flex",
+			alignItems: "center",
+			gap: 7,
+			minWidth: 0
+		};
+		const repositoryPrStateBadge = {
+			flex: "none",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 5,
+			padding: "2px 8px",
+			borderRadius: 999,
+			background: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 22%, transparent)",
+			color: "var(--dsw-alias-state-success-primary)",
+			fontSize: 11,
+			fontWeight: 650
+		};
+		const repositoryPrHoverRepo = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const repositoryPrHoverAge = {
+			flex: "none",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11
+		};
+		const repositoryPrHoverTitle = {
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 650,
+			textDecoration: "underline",
+			textUnderlineOffset: 2,
+			cursor: "pointer"
+		};
+		const repositoryPrHoverBottom = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 12
+		};
+		const repositoryPrAuthor = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11
+		};
+		const repositoryPrAvatar = {
+			width: 18,
+			height: 18,
+			display: "grid",
+			placeItems: "center",
+			borderRadius: 999,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 9,
+			fontWeight: 700
+		};
+		const repositoryPrHoverStats = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			fontSize: 11,
+			fontWeight: 650
+		};
+		const repositoryPrFiles = {
+			padding: "2px 7px",
+			borderRadius: 6,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontWeight: 500
+		};
+		const repositoryRemote = {
+			minWidth: 0,
+			maxWidth: 116,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const repositoryBranch = {
+			minWidth: 0,
+			maxWidth: 125,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 12,
+			fontWeight: 550,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const repositoryWorktree = {
+			flex: "none",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12
+		};
+		const repositoryStatusItems = {
+			minWidth: 0,
+			flex: 1,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: 8,
+			overflow: "hidden"
+		};
+		const repositoryItem = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 5,
+			minWidth: 0,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			fontWeight: 550,
+			whiteSpace: "nowrap"
+		};
+		const repositoryItemDot = {
+			width: 6,
+			height: 6,
+			flex: "none",
+			borderRadius: 999,
+			background: "currentColor"
+		};
+		const repositoryItemSuccess = { color: "var(--dsw-alias-state-success-primary)" };
+		const repositoryItemWarning = { color: "var(--dsw-alias-state-warning-primary, #d69e2e)" };
+		const repositoryItemError = { color: "var(--dsw-alias-state-error-primary)" };
+		const diffTrigger = {
+			flex: "none",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			minHeight: 26,
+			padding: "3px 8px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 7,
+			background: "var(--dsw-alias-bg-layer-2)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			fontWeight: 650,
+			cursor: "pointer"
+		};
+		const diffAdd = { color: "var(--dsw-alias-state-success-primary)" };
+		const diffDelete = { color: "var(--dsw-alias-state-error-primary)" };
+		const diffPanel = {
+			display: "flex",
+			flexDirection: "column",
+			width: "calc(100% - 16px)",
+			height: "calc(100% - 16px)",
+			minWidth: 0,
+			margin: 8,
+			overflow: "hidden",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 4px 16px color-mix(in srgb, #000 12%, transparent)"
+		};
+		const diffHeader = {
+			boxSizing: "border-box",
+			height: 49,
+			flex: "none",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 10,
+			padding: "9px 12px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const diffHeaderTitle = {
+			minWidth: 0,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 15,
+			fontWeight: 650
+		};
+		const diffHeaderBranch = {
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12,
+			fontWeight: 500,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const diffSummary = {
+			minHeight: 34,
+			display: "flex",
+			alignItems: "center",
+			gap: 7,
+			padding: "6px 12px",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 12
+		};
+		const diffBody = {
+			flex: 1,
+			minHeight: 0,
+			overflow: "auto",
+			background: "var(--dsw-alias-bg-base)"
+		};
+		const diffFile = { borderBottom: "1px solid var(--dsw-alias-border-l2)" };
+		const diffFileHeader = {
+			width: "100%",
+			minHeight: 38,
+			display: "flex",
+			alignItems: "center",
+			gap: 7,
+			padding: "7px 10px",
+			border: "none",
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 12,
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const diffFilePath = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const diffFileStats = {
+			flex: "none",
+			display: "inline-flex",
+			gap: 4,
+			fontSize: 12,
+			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)",
+			fontSize: 13,
+			lineHeight: "20px"
+		};
+		const diffLine = {
+			minHeight: 17,
+			display: "flex",
+			whiteSpace: "pre"
+		};
+		const diffLineNumber = {
+			width: 38,
+			flex: "none",
+			paddingRight: 8,
+			color: "var(--dsw-alias-label-tertiary)",
+			textAlign: "right",
+			userSelect: "none"
+		};
+		const diffLineMarker = {
+			width: 16,
+			flex: "none",
+			color: "inherit",
+			textAlign: "center",
+			userSelect: "none"
+		};
+		const diffLineAdd = {
+			background: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)",
+			color: "var(--dsw-alias-state-success-primary)"
+		};
+		const diffLineDelete = {
+			background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 13%, transparent)",
+			color: "var(--dsw-alias-state-error-primary)"
+		};
+		const diffLineHunk = {
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontStyle: "italic"
+		};
+		const diffLineContext = { color: "var(--dsw-alias-label-secondary)" };
+		const diffNotice = {
+			margin: 10,
+			padding: "9px 10px",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 11,
+			lineHeight: "17px"
+		};
+		const diffEmpty = {
+			margin: 16,
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11
+		};
+		//#endregion
+		//#region src/client/token-format.ts
+		function formatTokenCount(tokens) {
+			if (tokens >= 1e6) return `${Number((tokens / 1e6).toFixed(tokens >= 1e7 ? 0 : 1))}M`;
+			if (tokens >= 1e3) return `${Number((tokens / 1e3).toFixed(tokens >= 1e5 ? 0 : 1))}K`;
+			return String(tokens);
+		}
+		//#endregion
+		//#region src/client/ClaudeTasksPanel.tsx
+		const STATUS_LABEL = {
+			running: "tasksRunning",
+			completed: "tasksCompleted",
+			failed: "tasksFailed",
+			stopped: "tasksStopped",
+			killed: "tasksKilled"
+		};
+		function visibleTaskGroups(tasks, dismissedSettledIds) {
+			return {
+				running: tasks.filter((task) => task.status === "running"),
+				finished: tasks.filter((task) => task.status !== "running" && !dismissedSettledIds.has(task.taskId))
+			};
+		}
+		function activitiesForTask(activities, taskId) {
+			return activities.filter((activity) => activity.taskId === taskId);
+		}
+		function tasksForTurn(tasks, turn) {
+			return tasks.filter((task) => task.originTurn === turn);
+		}
+		function summarizeTurnTasks(tasks) {
+			if (tasks.length === 0) return void 0;
+			const running = tasks.filter((task) => task.status === "running").length;
+			const failed = tasks.filter((task) => task.status === "failed" || task.status === "stopped" || task.status === "killed").length;
+			const completed = tasks.filter((task) => task.status === "completed").length;
+			return {
+				state: running > 0 ? "running" : failed > 0 ? "failed" : "completed",
+				count: tasks.length,
+				running,
+				failed,
+				completed
+			};
+		}
+		function statusGlyph(status) {
+			if (status === "running") return "●";
+			if (status === "completed") return "✓";
+			if (status === "stopped") return "–";
+			return "×";
+		}
+		function formatDuration(ms) {
+			if (ms < 1e3) return String(Math.max(1, Math.round(ms))) + "ms";
+			const seconds = Math.round(ms / 1e3);
+			if (seconds < 60) return String(seconds) + "s";
+			const minutes = Math.floor(seconds / 60);
+			return String(minutes) + "m " + String(seconds % 60) + "s";
+		}
+		function taskMeta(task, t) {
+			const parts = [];
+			if (task.subagentType !== void 0) parts.push(task.subagentType);
+			else if (task.taskType !== void 0) parts.push(task.taskType);
+			if (task.usage?.durationMs !== void 0) parts.push(formatDuration(task.usage.durationMs));
+			if (task.usage?.totalTokens !== void 0) parts.push(t("tokens", { count: formatTokenCount(task.usage.totalTokens) }));
+			if (task.usage?.toolUses !== void 0) parts.push(t("tasksToolUses", { count: task.usage.toolUses }));
+			if (task.lastToolName !== void 0) parts.push(t("tasksLastTool", { tool: task.lastToolName }));
+			return parts;
+		}
+		function TaskActivity({ activity, t }) {
+			return /* @__PURE__ */ jsxs("li", {
+				style: taskActivityItem,
+				children: [/* @__PURE__ */ jsx("span", {
+					style: taskActivityGlyph,
+					"aria-hidden": "true",
+					children: activity.isError === true ? "×" : "›"
+				}), /* @__PURE__ */ jsxs("div", {
+					style: taskActivityBody,
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							style: taskActivityTitle,
+							children: activity.title ?? activity.kind
+						}),
+						activity.summary === void 0 ? null : /* @__PURE__ */ jsx("p", {
+							style: taskActivitySummary,
+							children: activity.summary
+						}),
+						activity.detail === void 0 ? null : /* @__PURE__ */ jsxs("details", {
+							style: taskActivityDetail,
+							children: [/* @__PURE__ */ jsx("summary", {
+								style: taskActivityDetailSummary,
+								children: t("detail")
+							}), /* @__PURE__ */ jsx("pre", {
+								style: detailCode,
+								children: activity.detail
+							})]
+						})
+					]
+				})]
+			});
+		}
+		function TaskCard(props) {
+			const { task, activities, t } = props;
+			const [activityOpen, setActivityOpen] = useState(false);
+			const running = task.status === "running";
+			const failed = task.status === "failed" || task.status === "killed";
+			const meta = taskMeta(task, t);
+			return /* @__PURE__ */ jsxs("article", {
+				style: {
+					...taskCard,
+					...running ? taskCardRunning : {}
+				},
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						style: taskCardTop,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: running ? "dsh-claude-act-running" : void 0,
+							style: {
+								...taskCardGlyph,
+								...running ? iconChipRunning : {},
+								...failed ? iconChipError : {}
+							},
+							"aria-hidden": "true",
+							children: statusGlyph(task.status)
+						}), /* @__PURE__ */ jsxs("div", {
+							style: taskCardBody,
+							children: [/* @__PURE__ */ jsx("p", {
+								style: {
+									...taskTitle,
+									...failed ? { color: "var(--dsw-alias-state-error-primary)" } : {}
+								},
+								children: task.description
+							}), /* @__PURE__ */ jsxs("p", {
+								style: taskStatusLine,
+								children: [/* @__PURE__ */ jsx("span", { children: t(STATUS_LABEL[task.status] ?? "tasksRunning") }), task.backgrounded === true ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									children: " · "
+								}), /* @__PURE__ */ jsx("span", { children: t("tasksBackground") })] }) : null]
+							})]
+						})]
+					}),
+					meta.length === 0 ? null : /* @__PURE__ */ jsx("p", {
+						style: taskMeta$1,
+						children: meta.join(" · ")
+					}),
+					task.summary === void 0 || running ? null : /* @__PURE__ */ jsx("p", {
+						style: taskSummary,
+						children: task.summary
+					}),
+					activities.length === 0 ? null : /* @__PURE__ */ jsxs("div", {
+						style: taskActivitySection,
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: taskTextButton,
+							"aria-expanded": activityOpen,
+							onClick: () => setActivityOpen((value) => !value),
+							children: activityOpen ? t("tasksHideActivity") : t("tasksViewActivity")
+						}), activityOpen ? /* @__PURE__ */ jsx("ul", {
+							style: taskActivityList,
+							children: activities.map((activity) => /* @__PURE__ */ jsx(TaskActivity, {
+								activity,
+								t
+							}, `${activity.turn}:${activity.step}:${activity.ordinal}`))
+						}) : null]
+					})
+				]
+			});
+		}
+		function GroupHeading(props) {
+			const { label, count, collapsed, onToggle, action } = props;
+			const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", {
+				style: tasksGroupCount,
+				children: count
+			})] });
+			return /* @__PURE__ */ jsxs("div", {
+				style: tasksGroupHeading,
+				children: [onToggle === void 0 ? /* @__PURE__ */ jsx("div", {
+					style: tasksGroupTitle,
+					children: content
+				}) : /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					style: tasksGroupToggle,
+					"aria-expanded": !collapsed,
+					onClick: onToggle,
+					children: [/* @__PURE__ */ jsx("span", {
+						style: {
+							...chevron,
+							...collapsed === true ? {} : chevronOpen
+						},
+						children: "›"
+					}), content]
+				}), action === void 0 ? null : /* @__PURE__ */ jsx("button", {
+					type: "button",
+					style: taskTextButton,
+					onClick: action.onClick,
+					children: action.label
+				})]
+			});
+		}
+		function ClaudeTasksPanel({ useClaudeProjection, t, closeDetails, turn }) {
+			const projection = useClaudeProjection((value) => value);
+			const tasks = useMemo(() => tasksForTurn(projection.tasks?.tasks ?? [], turn), [projection.tasks, turn]);
+			useEffect(() => {
+				if (!projection.owned || tasks.length === 0) closeDetails();
+			}, [
+				closeDetails,
+				projection.owned,
+				tasks.length
+			]);
+			const [finishedCollapsed, setFinishedCollapsed] = useState(false);
+			const [dismissedSettledIds, setDismissedSettledIds] = useState(() => /* @__PURE__ */ new Set());
+			const groups = useMemo(() => visibleTaskGroups(tasks, dismissedSettledIds), [tasks, dismissedSettledIds]);
+			const taskActivities = useMemo(() => new Map(tasks.map((task) => [task.taskId, activitiesForTask(projection.activities, task.taskId)])), [projection.activities, tasks]);
+			const clearFinished = () => setDismissedSettledIds((previous) => /* @__PURE__ */ new Set([...previous, ...tasks.filter((task) => task.status !== "running").map((task) => task.taskId)]));
+			if (!projection.owned) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				style: tasksPanel,
+				children: [/* @__PURE__ */ jsxs("div", {
+					style: tasksHeader,
 					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
 						style: tasksHeading,
 						children: t("tasksPanelTurn")
@@ -1177,7 +1867,13 @@ window.__ModuleLoader__.load({
 			return Array.isArray(settings) && settings.every((setting) => {
 				if (typeof setting !== "object" || setting === null || Array.isArray(setting)) return false;
 				const item = setting;
-				return typeof item.key === "string" && item.kind === "select" && typeof item.value === "string" && ["new-session", "restart"].includes(String(item.effect)) && Array.isArray(item.options) && item.options.every((option) => typeof option === "object" && option !== null && typeof option.value === "string" && typeof option.label === "string" && [
+				if (typeof item.key !== "string" || typeof item.value !== "string" || ![
+					"new-session",
+					"next-worktree",
+					"restart"
+				].includes(String(item.effect))) return false;
+				if (item.kind === "text") return typeof item.maxLength === "number" && item.maxLength > 0;
+				return item.kind === "select" && Array.isArray(item.options) && item.options.every((option) => typeof option === "object" && option !== null && typeof option.value === "string" && typeof option.label === "string" && [
 					"built-in",
 					"user",
 					"configured"
@@ -1187,6 +1883,36 @@ window.__ModuleLoader__.load({
 		function value(status, detail) {
 			return detail === void 0 ? status : `${status} · ${detail}`;
 		}
+		function GlobalSettingText({ setting, disabled, onChange }) {
+			const [draft, setDraft] = useState(setting.value);
+			useEffect(() => {
+				setDraft(setting.value);
+			}, [setting.value]);
+			const save = () => {
+				if (draft !== setting.value) onChange(draft);
+			};
+			return /* @__PURE__ */ jsx("input", {
+				type: "text",
+				value: draft,
+				maxLength: setting.maxLength,
+				disabled,
+				style: settingTextInput,
+				onChange: (event) => {
+					setDraft(event.currentTarget.value);
+				},
+				onBlur: save,
+				onKeyDown: (event) => {
+					if (event.key === "Enter") {
+						event.preventDefault();
+						save();
+						event.currentTarget.blur();
+					} else if (event.key === "Escape") {
+						setDraft(setting.value);
+						event.currentTarget.blur();
+					}
+				}
+			});
+		}
 		function GlobalSettingSelect({ setting, disabled, onChange }) {
 			const [open, setOpen] = useState(false);
 			const [activeIndex, setActiveIndex] = useState(0);
@@ -1435,181 +2161,1246 @@ window.__ModuleLoader__.load({
 									children: busy ? t("refreshing") : t("doctor")
 								})]
 							}),
-							rows.length === 0 ? /* @__PURE__ */ jsx("p", {
+							rows.length === 0 ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("diagnosticsLoading")
+							}) : /* @__PURE__ */ jsx("div", {
+								style: diagnosticGrid,
+								children: rows.flatMap(([label, rowValue]) => [/* @__PURE__ */ jsx("span", {
+									style: diagnosticLabel,
+									children: label
+								}, `${label}-label`), /* @__PURE__ */ jsx("span", {
+									style: diagnosticValue,
+									children: rowValue
+								}, `${label}-value`)])
+							}),
+							error === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+								role: "alert",
+								style: {
+									...notice,
+									color: "var(--dsw-alias-state-error-primary)"
+								},
+								children: [
+									t("error"),
+									": ",
+									error
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						style: settingsCard,
+						children: [
+							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+								style: settingsSectionHeading,
+								children: t("globalSettings")
+							}), /* @__PURE__ */ jsx("p", {
+								style: settingsBody,
+								children: t("globalSettingsBody")
+							})] }),
+							globalSettings === void 0 ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("globalSettingsLoading")
+							}) : globalSettings.settings.map((setting) => /* @__PURE__ */ jsxs("div", {
+								style: diagnosticGrid,
+								children: [/* @__PURE__ */ jsx("span", {
+									style: diagnosticLabel,
+									children: setting.key === "outputStyle" ? t("outputStyle") : setting.key === "worktreeBranchPrefix" ? t("worktreeBranchPrefix") : setting.key
+								}), setting.kind === "select" ? /* @__PURE__ */ jsx(GlobalSettingSelect, {
+									setting,
+									disabled: globalSettingsBusy,
+									onChange: (nextValue) => {
+										requestGlobalSettings({ [setting.key]: nextValue });
+									}
+								}) : /* @__PURE__ */ jsx(GlobalSettingText, {
+									setting,
+									disabled: globalSettingsBusy,
+									onChange: (nextValue) => {
+										requestGlobalSettings({ [setting.key]: nextValue });
+									}
+								})]
+							}, setting.key)),
+							globalSettings?.settings.some((setting) => setting.effect === "new-session") === true ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("globalSettingsNewSession")
+							}) : null,
+							globalSettings?.settings.some((setting) => setting.effect === "next-worktree") === true ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("worktreeBranchPrefixEffect")
+							}) : null,
+							globalSettingsError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+								role: "alert",
+								style: {
+									...notice,
+									color: "var(--dsw-alias-state-error-primary)"
+								},
+								children: [
+									t("globalSettingsError"),
+									": ",
+									globalSettingsError
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						style: settingsCard,
+						children: [
+							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+								style: settingsSectionHeading,
+								children: t("pluginUpdate")
+							}), /* @__PURE__ */ jsx("p", {
+								style: settingsBody,
+								children: t("pluginUpdateBody")
+							})] }),
+							updateStatus === void 0 ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("updateNotChecked")
+							}) : /* @__PURE__ */ jsxs("div", {
+								style: diagnosticGrid,
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticLabel,
+										children: t("installedVersion")
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticValue,
+										children: updateStatus.currentVersion
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticLabel,
+										children: t("installSource")
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticValue,
+										children: t(`updateSource_${updateStatus.source}`)
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticLabel,
+										children: t("updateStatus")
+									}),
+									/* @__PURE__ */ jsx("span", {
+										style: diagnosticValue,
+										children: t(`updateState_${updateStatus.state}`)
+									}),
+									updateStatus.latestVersion === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+										style: diagnosticLabel,
+										children: t("latestVersion")
+									}), /* @__PURE__ */ jsx("span", {
+										style: diagnosticValue,
+										children: updateStatus.latestVersion
+									})] })
+								]
+							}),
+							updateStatus?.message === void 0 ? null : /* @__PURE__ */ jsx("p", {
 								style: notice,
-								children: t("diagnosticsLoading")
-							}) : /* @__PURE__ */ jsx("div", {
-								style: diagnosticGrid,
-								children: rows.flatMap(([label, rowValue]) => [/* @__PURE__ */ jsx("span", {
-									style: diagnosticLabel,
-									children: label
-								}, `${label}-label`), /* @__PURE__ */ jsx("span", {
-									style: diagnosticValue,
-									children: rowValue
-								}, `${label}-value`)])
+								children: updateStatus.message
 							}),
-							error === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+							updateStatus?.restartRequired !== true ? null : /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("restartRequired")
+							}),
+							updateError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
 								role: "alert",
 								style: {
 									...notice,
 									color: "var(--dsw-alias-state-error-primary)"
 								},
 								children: [
-									t("error"),
+									t("updateError"),
 									": ",
-									error
+									updateError
 								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								style: settingsActions,
+								children: [/* @__PURE__ */ jsx("button", {
+									type: "button",
+									style: button,
+									onClick: () => {
+										requestUpdate("check");
+									},
+									disabled: updateBusy !== void 0,
+									children: updateBusy === "check" ? t("checkingUpdates") : t("checkUpdates")
+								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									style: primaryButton,
+									onClick: () => {
+										requestUpdate("update");
+									},
+									disabled: updateBusy !== void 0 || updateStatus?.canUpdate !== true,
+									children: updateBusy === "update" ? t("updatingPlugin") : t("updatePlugin")
+								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ jsxs("section", {
 						style: settingsCard,
+						children: [/* @__PURE__ */ jsx("h3", {
+							style: settingsSectionHeading,
+							children: t("security")
+						}), /* @__PURE__ */ jsx("p", {
+							style: settingsBody,
+							children: t("securityBody")
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ClaudeRepositoryStatus.tsx
+		function StatusItem({ label, tone = "neutral" }) {
+			const toneStyle = tone === "success" ? repositoryItemSuccess : tone === "warning" ? repositoryItemWarning : tone === "error" ? repositoryItemError : {};
+			return /* @__PURE__ */ jsxs("span", {
+				style: {
+					...repositoryItem,
+					...toneStyle
+				},
+				children: [/* @__PURE__ */ jsx("span", {
+					style: repositoryItemDot,
+					"aria-hidden": "true"
+				}), label]
+			});
+		}
+		function PullRequestIcon({ size = 16 }) {
+			return /* @__PURE__ */ jsxs("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						cx: "4",
+						cy: "3",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "4",
+						cy: "13",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "12",
+						cy: "13",
+						r: "1.6"
+					}),
+					/* @__PURE__ */ jsx("path", { d: "M4 4.6v6.8" }),
+					/* @__PURE__ */ jsx("path", { d: "M7.5 3H9a3 3 0 0 1 3 3v5.4" })
+				]
+			});
+		}
+		function repositoryName(remote) {
+			return remote?.split("/").at(-1);
+		}
+		function relativeAge(value) {
+			if (value === void 0) return void 0;
+			const elapsedHours = Math.max(0, Math.floor((Date.now() - Date.parse(value)) / 36e5));
+			if (!Number.isFinite(elapsedHours)) return void 0;
+			if (elapsedHours < 1) return "<1h";
+			if (elapsedHours < 24) return `${elapsedHours}h`;
+			const days = Math.floor(elapsedHours / 24);
+			return days < 30 ? `${days}d` : `${Math.floor(days / 30)}mo`;
+		}
+		function PullRequestHoverCard({ repository, t }) {
+			const pullRequest = repository.pullRequest;
+			if (pullRequest === void 0) return null;
+			const age = relativeAge(pullRequest.createdAt);
+			return /* @__PURE__ */ jsxs("span", {
+				role: "tooltip",
+				style: repositoryPrHoverCard,
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						style: repositoryPrHoverTop,
 						children: [
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-								style: settingsSectionHeading,
-								children: t("globalSettings")
-							}), /* @__PURE__ */ jsx("p", {
-								style: settingsBody,
-								children: t("globalSettingsBody")
-							})] }),
-							globalSettings === void 0 ? /* @__PURE__ */ jsx("p", {
-								style: notice,
-								children: t("globalSettingsLoading")
-							}) : globalSettings.settings.map((setting) => /* @__PURE__ */ jsxs("div", {
-								style: diagnosticGrid,
-								children: [/* @__PURE__ */ jsx("span", {
-									style: diagnosticLabel,
-									children: setting.key === "outputStyle" ? t("outputStyle") : setting.key
-								}), /* @__PURE__ */ jsx(GlobalSettingSelect, {
-									setting,
-									disabled: globalSettingsBusy,
-									onChange: (nextValue) => {
-										requestGlobalSettings({ [setting.key]: nextValue });
+							/* @__PURE__ */ jsxs("span", {
+								style: repositoryPrStateBadge,
+								children: [/* @__PURE__ */ jsx(PullRequestIcon, { size: 13 }), t(`repositoryState_${pullRequest.state}`)]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								style: repositoryPrHoverRepo,
+								children: [
+									repositoryName(repository.remote),
+									" #",
+									pullRequest.number
+								]
+							}),
+							age === void 0 ? null : /* @__PURE__ */ jsx("span", {
+								style: repositoryPrHoverAge,
+								children: age
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("a", {
+						href: pullRequest.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						style: repositoryPrHoverTitle,
+						children: pullRequest.title
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						style: repositoryPrHoverBottom,
+						children: [pullRequest.author === void 0 ? /* @__PURE__ */ jsx("span", {}) : /* @__PURE__ */ jsxs("span", {
+							style: repositoryPrAuthor,
+							children: [/* @__PURE__ */ jsx("span", {
+								style: repositoryPrAvatar,
+								children: pullRequest.author.slice(0, 1).toUpperCase()
+							}), pullRequest.author]
+						}), /* @__PURE__ */ jsxs("span", {
+							style: repositoryPrHoverStats,
+							children: [/* @__PURE__ */ jsxs("span", { children: [
+								/* @__PURE__ */ jsxs("span", {
+									style: diffAdd,
+									children: ["+", repository.diff?.additions ?? 0]
+								}),
+								" ",
+								/* @__PURE__ */ jsxs("span", {
+									style: diffDelete,
+									children: ["−", repository.diff?.deletions ?? 0]
+								})
+							] }), /* @__PURE__ */ jsx("span", {
+								style: repositoryPrFiles,
+								children: t("diffFilesShort", { count: repository.diff?.files ?? 0 })
+							})]
+						})]
+					})
+				]
+			});
+		}
+		function PullRequestLink({ repository, t }) {
+			const [hovered, setHovered] = useState(false);
+			const closeTimer = useRef();
+			const pullRequest = repository.pullRequest;
+			const open = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				closeTimer.current = void 0;
+				setHovered(true);
+			};
+			const scheduleClose = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				closeTimer.current = setTimeout(() => {
+					closeTimer.current = void 0;
+					setHovered(false);
+				}, 350);
+			};
+			useEffect(() => () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+			}, []);
+			if (pullRequest === void 0) return null;
+			return /* @__PURE__ */ jsxs("span", {
+				style: repositoryPrLinkFrame,
+				onMouseEnter: open,
+				onMouseLeave: scheduleClose,
+				onFocus: open,
+				onBlur: (event) => {
+					if (!event.currentTarget.contains(event.relatedTarget)) scheduleClose();
+				},
+				children: [hovered ? /* @__PURE__ */ jsx("span", {
+					onMouseEnter: open,
+					onMouseLeave: scheduleClose,
+					children: /* @__PURE__ */ jsx(PullRequestHoverCard, {
+						repository,
+						t
+					})
+				}) : null, /* @__PURE__ */ jsxs("a", {
+					href: pullRequest.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					style: repositoryPrLink,
+					"aria-label": t("repositoryOpenPr", { number: pullRequest.number }),
+					children: ["#", pullRequest.number]
+				})]
+			});
+		}
+		function ClaudeRepositoryStatus({ sessionId, useSessions, useClaudeProjection, t, openDiff }) {
+			const blank = useSessions((value) => value.byId[sessionId]?.blank === true);
+			const projection = useClaudeProjection((value) => value);
+			const repository = projection.repository;
+			if (blank || !projection.owned || repository === void 0) return null;
+			const branch = repository.detached === true ? t("repositoryDetached") : repository.branch ?? t("repositoryUnknownBranch");
+			const pullRequest = repository.pullRequest;
+			if (repository.status !== "ready") return /* @__PURE__ */ jsx("div", {
+				style: repositoryBarFrame,
+				children: /* @__PURE__ */ jsxs("div", {
+					style: repositoryBar,
+					children: [/* @__PURE__ */ jsx("span", {
+						style: repositoryPrIcon,
+						children: /* @__PURE__ */ jsx(PullRequestIcon, {})
+					}), /* @__PURE__ */ jsx("span", {
+						style: repositoryPrimary,
+						children: repository.status === "not-repository" ? t("repositoryNotGit") : t("repositoryUnavailable")
+					})]
+				})
+			});
+			return /* @__PURE__ */ jsx("div", {
+				style: repositoryBarFrame,
+				children: /* @__PURE__ */ jsxs("div", {
+					style: repositoryBar,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: repositoryPrIcon,
+							children: /* @__PURE__ */ jsx(PullRequestIcon, {})
+						}),
+						/* @__PURE__ */ jsx(PullRequestLink, {
+							repository,
+							t
+						}),
+						repository.remote === void 0 ? null : /* @__PURE__ */ jsx("span", {
+							style: repositoryRemote,
+							children: repositoryName(repository.remote)
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: repositoryBranch,
+							children: branch
+						}),
+						repository.worktree === true ? /* @__PURE__ */ jsx("span", {
+							style: repositoryWorktree,
+							children: t("repositoryWorktree")
+						}) : null,
+						/* @__PURE__ */ jsxs("span", {
+							style: repositoryStatusItems,
+							children: [repository.diff !== void 0 && (repository.diff.additions > 0 || repository.diff.deletions > 0) ? /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								style: diffTrigger,
+								onClick: openDiff,
+								"aria-label": t("diffOpen"),
+								children: [/* @__PURE__ */ jsxs("span", {
+									style: diffAdd,
+									children: ["+", repository.diff.additions]
+								}), /* @__PURE__ */ jsxs("span", {
+									style: diffDelete,
+									children: ["−", repository.diff.deletions]
+								})]
+							}) : null, pullRequest === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StatusItem, {
+								label: t(`repositoryChecks_${pullRequest.checks}`),
+								tone: pullRequest.checks === "passing" ? "success" : pullRequest.checks === "failing" ? "error" : pullRequest.checks === "pending" ? "warning" : "neutral"
+							}), /* @__PURE__ */ jsx(StatusItem, {
+								label: t(`repositoryReview_${pullRequest.review}`),
+								tone: pullRequest.review === "approved" ? "success" : pullRequest.review === "changes-requested" ? "error" : "neutral"
+							})] })]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/ClaudeDiffPanel.tsx
+		function pathFromHeader(line) {
+			return /^diff --git a\/(.+) b\/(.+)$/u.exec(line)?.[2];
+		}
+		function parseUnifiedDiff(patch) {
+			const files = [];
+			let path;
+			let lines = [];
+			const flush = () => {
+				if (path === void 0) return;
+				const content = lines.filter((line) => !line.startsWith("diff --git ") && !line.startsWith("index ") && !line.startsWith("--- ") && !line.startsWith("+++ "));
+				files.push({
+					path,
+					additions: content.filter((line) => line.startsWith("+")).length,
+					deletions: content.filter((line) => line.startsWith("-")).length,
+					lines: content
+				});
+			};
+			for (const line of patch.split(/\r?\n/u)) {
+				const nextPath = pathFromHeader(line);
+				if (nextPath !== void 0) {
+					flush();
+					path = nextPath;
+					lines = [line];
+				} else if (path !== void 0) lines.push(line);
+			}
+			flush();
+			return files;
+		}
+		function numberDiffLines(lines) {
+			const numbered = [];
+			let oldLine = 0;
+			let newLine = 0;
+			let previousOldEnd;
+			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"
+					});
+					oldLine = nextOld;
+					newLine = Number(hunk[3]);
+					previousOldEnd = nextOld + Number(hunk[2] ?? 1);
+					numbered.push({
+						line,
+						kind: "hunk"
+					});
+					continue;
+				}
+				if (line.startsWith("+")) {
+					numbered.push({
+						line,
+						kind: "add",
+						newLine
+					});
+					newLine += 1;
+				} else if (line.startsWith("-")) {
+					numbered.push({
+						line,
+						kind: "delete",
+						oldLine
+					});
+					oldLine += 1;
+				} else {
+					numbered.push({
+						line,
+						kind: "context",
+						oldLine,
+						newLine
+					});
+					oldLine += 1;
+					newLine += 1;
+				}
+			}
+			return numbered;
+		}
+		function DiffLine({ entry }) {
+			const style = entry.kind === "add" ? diffLineAdd : entry.kind === "delete" ? diffLineDelete : entry.kind === "hunk" || entry.kind === "collapsed" ? diffLineHunk : diffLineContext;
+			const lineNumber = entry.oldLine === void 0 && entry.newLine === void 0 ? "" : entry.oldLine === void 0 ? String(entry.newLine) : entry.newLine === void 0 ? String(entry.oldLine) : String(entry.newLine);
+			return /* @__PURE__ */ jsxs("div", {
+				style: {
+					...diffLine,
+					...style
+				},
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						style: diffLineNumber,
+						children: lineNumber
+					}),
+					/* @__PURE__ */ jsx("span", {
+						style: diffLineMarker,
+						children: entry.kind === "add" ? "+" : entry.kind === "delete" ? "−" : entry.kind === "collapsed" ? "⌄" : " "
+					}),
+					/* @__PURE__ */ jsx("span", { children: entry.kind === "collapsed" ? entry.line : entry.line.slice(entry.kind === "hunk" ? 0 : 1) })
+				]
+			});
+		}
+		function DiffFileSection({ file, initiallyOpen }) {
+			const [open, setOpen] = useState(initiallyOpen);
+			return /* @__PURE__ */ jsxs("section", {
+				style: diffFile,
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					style: diffFileHeader,
+					"aria-expanded": open,
+					onClick: () => setOpen((value) => !value),
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								...chevron,
+								...open ? chevronOpen : {}
+							},
+							children: "›"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: diffFilePath,
+							children: file.path
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							style: diffFileStats,
+							children: [/* @__PURE__ */ jsxs("span", {
+								style: diffAdd,
+								children: ["+", file.additions]
+							}), /* @__PURE__ */ jsxs("span", {
+								style: diffDelete,
+								children: ["−", file.deletions]
+							})]
+						})
+					]
+				}), open ? /* @__PURE__ */ jsx("div", {
+					style: diffCode,
+					children: numberDiffLines(file.lines).map((entry, index) => /* @__PURE__ */ jsx(DiffLine, { entry }, `${index}:${entry.line}`))
+				}) : null]
+			});
+		}
+		function ClaudeDiffPanel({ useClaudeProjection, t, closeDetails }) {
+			const projection = useClaudeProjection((value) => value);
+			const repository = projection.repository;
+			const diff = repository?.diff;
+			const files = useMemo(() => parseUnifiedDiff(diff?.patch ?? ""), [diff?.patch]);
+			useEffect(() => {
+				if (!projection.owned || repository?.status !== "ready" || diff === void 0) closeDetails();
+			}, [
+				closeDetails,
+				diff,
+				projection.owned,
+				repository?.status
+			]);
+			if (!projection.owned || repository?.status !== "ready" || diff === void 0) return null;
+			const branch = repository.detached === true ? t("repositoryDetached") : repository.branch ?? t("repositoryUnknownBranch");
+			return /* @__PURE__ */ jsxs("div", {
+				style: diffPanel,
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						style: diffHeader,
+						children: [/* @__PURE__ */ jsxs("div", {
+							style: diffHeaderTitle,
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									style: diffHeaderBranch,
+									children: branch
+								}),
+								/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									children: "›"
+								}),
+								/* @__PURE__ */ jsx("span", { children: t("diffWorkingTree") })
+							]
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: tasksClose,
+							"aria-label": t("diffClose"),
+							onClick: closeDetails,
+							children: "×"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						style: diffSummary,
+						children: [
+							/* @__PURE__ */ jsx("span", { children: t("diffFiles", { count: diff.files }) }),
+							/* @__PURE__ */ jsxs("span", {
+								style: diffAdd,
+								children: ["+", diff.additions]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								style: diffDelete,
+								children: ["−", diff.deletions]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						style: diffBody,
+						children: [diff.truncated ? /* @__PURE__ */ jsx("p", {
+							style: diffNotice,
+							children: t("diffTruncated")
+						}) : null, files.length === 0 ? /* @__PURE__ */ jsx("p", {
+							style: diffEmpty,
+							children: t("diffEmpty")
+						}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
+							file,
+							initiallyOpen: index === 0
+						}, file.path))]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/hero-dom-bridge.ts
+		const PORTAL_ATTRIBUTE = "data-dsh-claude-hero-controls";
+		function normalizedText(element) {
+			return (element.textContent ?? "").replace(/\s+/gu, " ").trim();
+		}
+		function isClaudePresetText(value) {
+			return /^claude(?: code)?$/iu.test(value.replace(/\s+/gu, " ").trim());
+		}
+		function directChildContaining(parent, descendant) {
+			return Array.from(parent.children).find((child) => child === descendant || child.contains(descendant));
+		}
+		/** Locate rc.8's hero preset seat without relying on hashed CSS module names. */
+		function locateClaudePresetSeat(root = document) {
+			const heroes = Array.from(root.querySelectorAll("[data-phase=\"hero\"]"));
+			if (heroes.length !== 1) return void 0;
+			const hero = heroes[0];
+			if (hero === void 0) return void 0;
+			const presetButtons = Array.from(hero.querySelectorAll("button[aria-haspopup=\"menu\"]")).filter((button) => button.getAttribute("aria-label") === null && isClaudePresetText(normalizedText(button)));
+			if (presetButtons.length !== 1) return void 0;
+			const preset = presetButtons[0];
+			if (preset === void 0) return void 0;
+			let row = preset.parentElement;
+			while (row !== null && row !== hero) {
+				if (Array.from(row.querySelectorAll("button[aria-haspopup=\"menu\"][aria-label]")).length === 1) {
+					const seat = directChildContaining(row, preset);
+					if (seat !== void 0) return {
+						hero,
+						seat
+					};
+				}
+				row = row.parentElement;
+			}
+		}
+		function ensureClaudeHeroPortal(seat) {
+			const sibling = seat.nextElementSibling;
+			if (sibling instanceof HTMLElement && sibling.hasAttribute(PORTAL_ATTRIBUTE)) return sibling;
+			const portal = document.createElement("span");
+			portal.setAttribute(PORTAL_ATTRIBUTE, "");
+			seat.insertAdjacentElement("afterend", portal);
+			return portal;
+		}
+		function removeClaudeHeroPortals(root = document) {
+			for (const portal of root.querySelectorAll(`[${PORTAL_ATTRIBUTE}]`)) portal.remove();
+		}
+		//#endregion
+		//#region src/client/repository-setup-api.ts
+		const HOST_STAGES = /* @__PURE__ */ new Set([
+			"inspecting",
+			"fetching",
+			"creating-worktree",
+			"saving-worktree",
+			"switching-branch"
+		]);
+		function record$1(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		function setupResult(value) {
+			const item = record$1(value);
+			if (item === void 0 || item.mode !== "checkout" && item.mode !== "worktree" || typeof item.root !== "string" || typeof item.path !== "string" || typeof item.branch !== "string" || item.leaseId !== void 0 && typeof item.leaseId !== "string") return void 0;
+			return item;
+		}
+		function parseRepositorySetupEvent(line, onProgress) {
+			const event = record$1(JSON.parse(line));
+			if (event?.type === "progress" && typeof event.stage === "string" && HOST_STAGES.has(event.stage)) {
+				onProgress(event.stage);
+				return;
+			}
+			if (event?.type === "complete") {
+				const result = setupResult(event.result);
+				if (result !== void 0) return result;
+			}
+			if (event?.type === "error" && typeof event.message === "string") throw new Error(event.message);
+			throw new Error("Invalid repository setup progress response.");
+		}
+		async function response(pending) {
+			const result = await pending;
+			const body = await result.json();
+			if (!result.ok) {
+				const error = body;
+				throw new Error(error.message ?? error.error ?? "Repository setup failed.");
+			}
+			return body;
+		}
+		function loadRepositoryBranches(cwd, signal) {
+			return response(fetch(`${CLAUDE_REPOSITORY_SETUP_PATH}/branches?cwd=${encodeURIComponent(cwd)}`, {
+				method: "GET",
+				credentials: "same-origin",
+				headers: { accept: "application/json" },
+				...signal === void 0 ? {} : { signal }
+			}));
+		}
+		async function prepareRepository(cwd, branch, worktree, branchName, onProgress = () => {}) {
+			const result = await fetch(CLAUDE_REPOSITORY_SETUP_PATH, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/x-ndjson",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					cwd,
+					branch,
+					worktree,
+					...branchName === void 0 ? {} : { branchName }
+				})
+			});
+			if (!result.ok) {
+				const body = await result.json();
+				throw new Error(body.message ?? body.error ?? "Repository setup failed.");
+			}
+			if (result.body === null) throw new Error("Repository setup progress stream is unavailable.");
+			const reader = result.body.getReader();
+			const decoder = new TextDecoder();
+			let buffer = "";
+			let completed;
+			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) {
+					if (line.trim().length === 0) continue;
+					const value = parseRepositorySetupEvent(line, onProgress);
+					if (value !== void 0) completed = value;
+				}
+				if (chunk.done) break;
+			}
+			if (buffer.trim().length > 0) {
+				const value = parseRepositorySetupEvent(buffer, onProgress);
+				if (value !== void 0) completed = value;
+			}
+			if (completed === void 0) throw new Error("Repository setup progress ended before completion.");
+			return completed;
+		}
+		async function bindRepositoryLease(leaseId, sessionId) {
+			await response(fetch(`${CLAUDE_REPOSITORY_SETUP_PATH}/bind`, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					leaseId,
+					sessionId
+				})
+			}));
+		}
+		//#endregion
+		//#region src/client/ClaudeHeroRepositoryControls.tsx
+		function shouldInterceptKey(event) {
+			if (event.key !== "Enter" || event.shiftKey || event.repeat || event.isComposing) return false;
+			const target = event.target;
+			return target instanceof HTMLTextAreaElement && target.closest("[data-phase=\"hero\"]") !== null;
+		}
+		function shouldInterceptClick(event) {
+			const target = event.target;
+			if (!(target instanceof Element)) return false;
+			const button = target.closest("[data-phase=\"hero\"] [data-composer-card] button");
+			if (button === null || button.disabled) return false;
+			const card = button.closest("[data-composer-card]");
+			return (card === null ? [] : Array.from(card.querySelectorAll("button:not(:disabled)"))).at(-1) === button;
+		}
+		function repositoryBranchOptions(branches) {
+			const local = new Set(branches.branches);
+			return [...branches.branches, ...branches.remoteBranches.filter((branch) => !local.has(branch))];
+		}
+		function selectedBranchFirst(branches, selected) {
+			return branches.includes(selected) ? [selected, ...branches.filter((branch) => branch !== selected)] : branches;
+		}
+		function filterRepositoryBranches(branches, query) {
+			const normalized = query.trim().toLocaleLowerCase();
+			return normalized.length === 0 ? branches : branches.filter((branch) => branch.toLocaleLowerCase().includes(normalized));
+		}
+		function branchMenuNavigationIndex(current, count, key) {
+			if (count <= 0) return 0;
+			if (key === "Home") return 0;
+			if (key === "End") return count - 1;
+			return (current + (key === "ArrowDown" ? 1 : -1) + count) % count;
+		}
+		const WORKTREE_PROGRESS_STAGES = [
+			"inspecting",
+			"fetching",
+			"creating-worktree",
+			"saving-worktree",
+			"creating-workspace",
+			"starting-session",
+			"transferring-draft",
+			"submitting"
+		];
+		const PROGRESS_LABEL_KEYS = {
+			inspecting: "repositoryProgress_inspecting",
+			fetching: "repositoryProgress_fetching",
+			"creating-worktree": "repositoryProgress_creating-worktree",
+			"saving-worktree": "repositoryProgress_saving-worktree",
+			"switching-branch": "repositoryProgress_switching-branch",
+			"creating-workspace": "repositoryProgress_creating-workspace",
+			"starting-session": "repositoryProgress_starting-session",
+			"transferring-draft": "repositoryProgress_transferring-draft",
+			submitting: "repositoryProgress_submitting"
+		};
+		function progressLabelKey(stage) {
+			return PROGRESS_LABEL_KEYS[stage];
+		}
+		function WorktreeProgressCard({ stage, error, 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", {
+				role: error === void 0 ? "status" : "alert",
+				"aria-live": "polite",
+				style: heroWorktreeProgressCard,
+				children: [/* @__PURE__ */ jsxs("div", {
+					style: heroWorktreeProgressHeader,
+					children: [
+						error === void 0 ? /* @__PURE__ */ jsxs("svg", {
+							"aria-hidden": "true",
+							viewBox: "0 0 20 20",
+							style: heroWorktreeProgressSpinner,
+							children: [/* @__PURE__ */ jsx("circle", {
+								cx: "10",
+								cy: "10",
+								r: "8",
+								fill: "none",
+								stroke: "currentColor",
+								strokeOpacity: "0.2",
+								strokeWidth: "2"
+							}), /* @__PURE__ */ jsx("path", {
+								d: "M10 2a8 8 0 0 1 8 8",
+								fill: "none",
+								stroke: "currentColor",
+								strokeLinecap: "round",
+								strokeWidth: "2",
+								children: /* @__PURE__ */ jsx("animateTransform", {
+									attributeName: "transform",
+									type: "rotate",
+									from: "0 10 10",
+									to: "360 10 10",
+									dur: "0.8s",
+									repeatCount: "indefinite"
+								})
+							})]
+						}) : /* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							style: heroWorktreeProgressError,
+							children: "×"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: heroWorktreeProgressCopy,
+							children: [/* @__PURE__ */ jsx("strong", {
+								style: heroWorktreeProgressTitle,
+								children: error === void 0 ? t("repositoryProgressTitle") : t("repositoryProgressFailed")
+							}), /* @__PURE__ */ jsx("span", {
+								style: heroWorktreeProgressCurrent,
+								children: error ?? t(progressLabelKey(stage))
+							})]
+						}),
+						error === void 0 ? null : /* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: heroWorktreeProgressDismiss,
+							onClick: onDismiss,
+							"aria-label": t("repositoryProgressDismiss"),
+							children: "×"
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					style: heroWorktreeProgressSteps,
+					children: visible.map((item, index) => /* @__PURE__ */ jsxs("span", {
+						style: heroWorktreeProgressStep,
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							style: {
+								...heroWorktreeProgressDot,
+								...index < visible.length - 1 ? heroWorktreeProgressDotDone : heroWorktreeProgressDotActive
+							},
+							children: index < visible.length - 1 ? "✓" : ""
+						}), t(progressLabelKey(item))]
+					}, item))
+				})]
+			});
+		}
+		function ClaudeHeroRepositoryCapsule({ branches, selected, worktree, busy, menuOpen, worktreeLabel, searchPlaceholder, emptySearchLabel, onMenuOpenChange, onSelect, onWorktreeChange }) {
+			const pickerRef = useRef(null);
+			const searchRef = useRef(null);
+			const optionRefs = useRef([]);
+			const [query, setQuery] = useState("");
+			const [activeIndex, setActiveIndex] = useState(0);
+			const [worktreeHovered, setWorktreeHovered] = useState(false);
+			const [worktreeFocused, setWorktreeFocused] = useState(false);
+			const ordered = useMemo(() => selectedBranchFirst(branches, selected), [branches, selected]);
+			const filtered = useMemo(() => filterRepositoryBranches(ordered, query), [ordered, query]);
+			useEffect(() => {
+				if (!menuOpen) {
+					setQuery("");
+					setActiveIndex(0);
+					return;
+				}
+				setActiveIndex(0);
+				searchRef.current?.focus();
+				const closeOnOutsidePointer = (event) => {
+					if (event.target instanceof Node && pickerRef.current?.contains(event.target) !== true) onMenuOpenChange(false);
+				};
+				document.addEventListener("pointerdown", closeOnOutsidePointer);
+				return () => {
+					document.removeEventListener("pointerdown", closeOnOutsidePointer);
+				};
+			}, [menuOpen, onMenuOpenChange]);
+			useEffect(() => {
+				setActiveIndex(0);
+			}, [query]);
+			useEffect(() => {
+				if (menuOpen) optionRefs.current[activeIndex]?.scrollIntoView({ block: "nearest" });
+			}, [activeIndex, menuOpen]);
+			const chooseActive = () => {
+				const branch = filtered[activeIndex];
+				if (branch !== void 0) onSelect(branch);
+			};
+			const handleMenuKeyDown = (event) => {
+				if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Home" || event.key === "End") {
+					event.preventDefault();
+					const key = event.key;
+					setActiveIndex((current) => branchMenuNavigationIndex(current, filtered.length, key));
+				} else if (event.key === "Enter") {
+					event.preventDefault();
+					chooseActive();
+				} else if (event.key === "Escape") {
+					event.preventDefault();
+					onMenuOpenChange(false);
+				}
+			};
+			return /* @__PURE__ */ jsxs("span", {
+				style: heroRepositoryCapsule,
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						ref: pickerRef,
+						style: heroBranchPicker,
+						children: [/* @__PURE__ */ jsxs("button", {
+							type: "button",
+							style: heroBranchTrigger,
+							"aria-haspopup": "menu",
+							"aria-expanded": menuOpen,
+							disabled: busy,
+							onClick: () => {
+								onMenuOpenChange(!menuOpen);
+							},
+							children: [
+								/* @__PURE__ */ jsx(IconBranchOutline16, {}),
+								/* @__PURE__ */ jsx("span", {
+									style: heroBranchName,
+									children: selected
+								}),
+								/* @__PURE__ */ jsx(IconChevronDownOutline14, {})
+							]
+						}), menuOpen ? /* @__PURE__ */ jsxs("span", {
+							role: "menu",
+							"aria-activedescendant": filtered[activeIndex] === void 0 ? void 0 : `claude-branch-option-${activeIndex}`,
+							style: heroBranchMenu,
+							onKeyDown: handleMenuKeyDown,
+							children: [/* @__PURE__ */ jsxs("label", {
+								style: heroBranchSearch,
+								children: [/* @__PURE__ */ jsx(IconSearchOutline16, {}), /* @__PURE__ */ jsx("input", {
+									ref: searchRef,
+									type: "search",
+									value: query,
+									placeholder: searchPlaceholder,
+									"aria-label": searchPlaceholder,
+									style: heroBranchSearchInput,
+									onChange: (event) => {
+										setQuery(event.currentTarget.value);
 									}
 								})]
-							}, setting.key)),
-							globalSettings?.settings.some((setting) => setting.effect === "new-session") === true ? /* @__PURE__ */ jsx("p", {
-								style: notice,
-								children: t("globalSettingsNewSession")
-							}) : null,
-							globalSettingsError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
-								role: "alert",
-								style: {
-									...notice,
-									color: "var(--dsw-alias-state-error-primary)"
-								},
-								children: [
-									t("globalSettingsError"),
-									": ",
-									globalSettingsError
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("section", {
-						style: settingsCard,
-						children: [
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-								style: settingsSectionHeading,
-								children: t("pluginUpdate")
-							}), /* @__PURE__ */ jsx("p", {
-								style: settingsBody,
-								children: t("pluginUpdateBody")
-							})] }),
-							updateStatus === void 0 ? /* @__PURE__ */ jsx("p", {
-								style: notice,
-								children: t("updateNotChecked")
-							}) : /* @__PURE__ */ jsxs("div", {
-								style: diagnosticGrid,
-								children: [
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticLabel,
-										children: t("installedVersion")
-									}),
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticValue,
-										children: updateStatus.currentVersion
-									}),
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticLabel,
-										children: t("installSource")
-									}),
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticValue,
-										children: t(`updateSource_${updateStatus.source}`)
-									}),
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticLabel,
-										children: t("updateStatus")
-									}),
-									/* @__PURE__ */ jsx("span", {
-										style: diagnosticValue,
-										children: t(`updateState_${updateStatus.state}`)
-									}),
-									updateStatus.latestVersion === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-										style: diagnosticLabel,
-										children: t("latestVersion")
-									}), /* @__PURE__ */ jsx("span", {
-										style: diagnosticValue,
-										children: updateStatus.latestVersion
-									})] })
-								]
-							}),
-							updateStatus?.message === void 0 ? null : /* @__PURE__ */ jsx("p", {
-								style: notice,
-								children: updateStatus.message
-							}),
-							updateStatus?.restartRequired !== true ? null : /* @__PURE__ */ jsx("p", {
-								style: notice,
-								children: t("restartRequired")
-							}),
-							updateError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
-								role: "alert",
-								style: {
-									...notice,
-									color: "var(--dsw-alias-state-error-primary)"
-								},
-								children: [
-									t("updateError"),
-									": ",
-									updateError
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								style: settingsActions,
-								children: [/* @__PURE__ */ jsx("button", {
-									type: "button",
-									style: button,
-									onClick: () => {
-										requestUpdate("check");
+							}), /* @__PURE__ */ jsx("span", {
+								style: heroBranchList,
+								children: filtered.length === 0 ? /* @__PURE__ */ jsx("span", {
+									style: heroBranchEmpty,
+									children: emptySearchLabel
+								}) : filtered.map((branch, index) => /* @__PURE__ */ jsxs("button", {
+									ref: (element) => {
+										optionRefs.current[index] = element;
 									},
-									disabled: updateBusy !== void 0,
-									children: updateBusy === "check" ? t("checkingUpdates") : t("checkUpdates")
-								}), /* @__PURE__ */ jsx("button", {
+									id: `claude-branch-option-${index}`,
 									type: "button",
-									style: primaryButton,
+									role: "menuitem",
+									"aria-current": branch === selected ? "true" : void 0,
+									"data-active": index === activeIndex ? "true" : void 0,
+									style: {
+										...heroBranchItem,
+										...index === activeIndex ? heroBranchItemActive : {}
+									},
+									onMouseEnter: () => {
+										setActiveIndex(index);
+									},
 									onClick: () => {
-										requestUpdate("update");
+										onSelect(branch);
 									},
-									disabled: updateBusy !== void 0 || updateStatus?.canUpdate !== true,
-									children: updateBusy === "update" ? t("updatingPlugin") : t("updatePlugin")
-								})]
-							})
-						]
+									children: [/* @__PURE__ */ jsx("span", {
+										style: heroBranchItemName,
+										children: branch
+									}), branch === selected ? /* @__PURE__ */ jsx(IconCheckOutline14, {}) : null]
+								}, branch))
+							})]
+						}) : null]
 					}),
-					/* @__PURE__ */ jsxs("section", {
-						style: settingsCard,
-						children: [/* @__PURE__ */ jsx("h3", {
-							style: settingsSectionHeading,
-							children: t("security")
-						}), /* @__PURE__ */ jsx("p", {
-							style: settingsBody,
-							children: t("securityBody")
-						})]
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						style: heroRepositoryDivider
+					}),
+					/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						role: "checkbox",
+						"aria-checked": worktree,
+						disabled: busy,
+						style: {
+							...heroWorktreeToggle,
+							...worktree || worktreeHovered ? heroWorktreeToggleActive : {},
+							...worktreeFocused ? heroWorktreeToggleFocused : {}
+						},
+						onMouseEnter: () => {
+							setWorktreeHovered(true);
+						},
+						onMouseLeave: () => {
+							setWorktreeHovered(false);
+						},
+						onFocus: () => {
+							setWorktreeFocused(true);
+						},
+						onBlur: () => {
+							setWorktreeFocused(false);
+						},
+						onClick: () => {
+							onWorktreeChange(!worktree);
+						},
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							style: {
+								...heroWorktreeCheckbox,
+								...worktree ? heroWorktreeCheckboxChecked : {}
+							},
+							children: worktree ? /* @__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
+						}), worktreeLabel]
 					})
 				]
 			});
 		}
+		function ClaudeHeroRepositoryControls({ sessionId, useSessions, useWorkspaces, input, t, prepare }) {
+			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();
+			const [branches, setBranches] = useState();
+			const [selected, setSelected] = useState("");
+			const [worktree, setWorktree] = useState(false);
+			const [menuOpen, setMenuOpen] = useState(false);
+			const [busy, setBusy] = useState(false);
+			const [progressStage, setProgressStage] = useState();
+			const [progressError, setProgressError] = useState();
+			const [error, setError] = useState();
+			const pendingRef = useRef(false);
+			const path = workspacePath ?? cwd;
+			useEffect(() => {
+				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
+				let scheduled = false;
+				const reconcile = () => {
+					scheduled = false;
+					const target = locateClaudePresetSeat();
+					if (target === void 0) {
+						removeClaudeHeroPortals();
+						setPortal(void 0);
+						return;
+					}
+					setPortal(ensureClaudeHeroPortal(target.seat));
+				};
+				const schedule = () => {
+					if (scheduled) return;
+					scheduled = true;
+					queueMicrotask(reconcile);
+				};
+				reconcile();
+				const observer = new MutationObserver(schedule);
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true,
+					characterData: true,
+					attributes: true,
+					attributeFilter: ["data-phase"]
+				});
+				return () => {
+					observer.disconnect();
+					removeClaudeHeroPortals();
+				};
+			}, [sessionId]);
+			useEffect(() => {
+				setBranches(void 0);
+				setSelected("");
+				setWorktree(false);
+				setMenuOpen(false);
+				setProgressStage(void 0);
+				setProgressError(void 0);
+				setError(void 0);
+				if (portal === void 0 || path === void 0) return;
+				const controller = new AbortController();
+				loadRepositoryBranches(path, controller.signal).then((value) => {
+					setBranches(value);
+					setSelected(value.current ?? value.branches[0] ?? "");
+				}, (reason) => {
+					if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));
+				});
+				return () => {
+					controller.abort();
+				};
+			}, [
+				portal,
+				path,
+				sessionId
+			]);
+			const availableBranches = branches === void 0 ? [] : repositoryBranchOptions(branches);
+			const changed = branches !== void 0 && selected.length > 0 && (worktree || selected !== branches.current);
+			useEffect(() => {
+				if (!changed || portal === void 0 || busy) return;
+				const submit = (event) => {
+					if (pendingRef.current || input.draft.trim().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);
+					prepare(branches.root, selected, worktree, (stage) => {
+						if (worktree) setProgressStage(stage);
+					}).catch((reason) => {
+						const message = reason instanceof Error ? reason.message : String(reason);
+						if (worktree) setProgressError(message);
+						else setError(message);
+					}).finally(() => {
+						pendingRef.current = false;
+						setBusy(false);
+					});
+				};
+				document.addEventListener("keydown", submit, true);
+				document.addEventListener("click", submit, true);
+				return () => {
+					document.removeEventListener("keydown", submit, true);
+					document.removeEventListener("click", submit, true);
+				};
+			}, [
+				branches,
+				busy,
+				changed,
+				input.draft,
+				portal,
+				prepare,
+				selected,
+				worktree
+			]);
+			if (portal === void 0 || path === void 0) return null;
+			return createPortal(/* @__PURE__ */ jsxs("span", {
+				style: heroRepositoryControls,
+				children: [branches === void 0 ? /* @__PURE__ */ jsx("span", {
+					style: heroRepositoryStatus,
+					children: error ?? t("repositoryBranchesLoading")
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ClaudeHeroRepositoryCapsule, {
+					branches: availableBranches,
+					selected,
+					worktree,
+					busy,
+					menuOpen,
+					worktreeLabel: t("repositoryWorktree"),
+					searchPlaceholder: t("repositoryBranchSearch"),
+					emptySearchLabel: t("repositoryBranchSearchEmpty"),
+					onMenuOpenChange: setMenuOpen,
+					onSelect: (branch) => {
+						setSelected(branch);
+						setMenuOpen(false);
+						setError(void 0);
+					},
+					onWorktreeChange: (checked) => {
+						setWorktree(checked);
+						setError(void 0);
+					}
+				}), error === void 0 ? null : /* @__PURE__ */ jsx("span", {
+					role: "alert",
+					style: heroRepositoryError,
+					children: error
+				})] }), progressStage === void 0 || !busy && progressError === void 0 ? null : /* @__PURE__ */ jsx(WorktreeProgressCard, {
+					stage: progressStage,
+					...progressError === void 0 ? {} : { error: progressError },
+					t,
+					onDismiss: () => {
+						setProgressStage(void 0);
+						setProgressError(void 0);
+					}
+				})]
+			}), portal);
+		}
 		//#endregion
 		//#region src/client/projection.ts
 		const EMPTY_CLAUDE_PROJECTION = {
@@ -1622,12 +3413,52 @@ window.__ModuleLoader__.load({
 		const POLL_INTERVAL_MS = 2e3;
 		const MAX_ACTIVITIES = 1e4;
 		const MAX_COMMANDS = 2e3;
+		const MAX_REPOSITORY_TEXT_CHARS = 1024;
+		const MAX_DIFF_CHARS = 262144;
 		function record(value) {
 			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 		}
 		function nonNegativeInteger(value) {
 			return typeof value === "number" && Number.isSafeInteger(value) && value >= 0;
 		}
+		function optionalBoundedString(value) {
+			return value === void 0 || typeof value === "string" && value.length <= MAX_REPOSITORY_TEXT_CHARS;
+		}
+		function validateRepository(value) {
+			const repository = record(value);
+			if (repository === void 0 || ![
+				"ready",
+				"not-repository",
+				"unavailable"
+			].includes(String(repository.status)) || typeof repository.cwd !== "string" || repository.cwd.length > MAX_REPOSITORY_TEXT_CHARS || !optionalBoundedString(repository.root) || !optionalBoundedString(repository.branch) || !optionalBoundedString(repository.remote) || repository.detached !== void 0 && typeof repository.detached !== "boolean" || repository.worktree !== void 0 && typeof repository.worktree !== "boolean" || repository.dirty !== void 0 && typeof repository.dirty !== "boolean") return false;
+			if (repository.diff !== void 0) {
+				const diff = record(repository.diff);
+				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
+			}
+			if (repository.pullRequest === void 0) return true;
+			const pullRequest = record(repository.pullRequest);
+			if (pullRequest === void 0 || !Number.isSafeInteger(pullRequest.number) || Number(pullRequest.number) <= 0 || typeof pullRequest.title !== "string" || pullRequest.title.length > MAX_REPOSITORY_TEXT_CHARS || typeof pullRequest.url !== "string" || pullRequest.url.length > MAX_REPOSITORY_TEXT_CHARS || ![
+				"open",
+				"closed",
+				"merged"
+			].includes(String(pullRequest.state)) || typeof pullRequest.draft !== "boolean" || ![
+				"approved",
+				"changes-requested",
+				"review-required",
+				"none"
+			].includes(String(pullRequest.review)) || ![
+				"passing",
+				"pending",
+				"failing",
+				"none"
+			].includes(String(pullRequest.checks)) || !optionalBoundedString(pullRequest.mergeState) || !optionalBoundedString(pullRequest.author) || !optionalBoundedString(pullRequest.baseBranch) || pullRequest.createdAt !== void 0 && (typeof pullRequest.createdAt !== "string" || !Number.isFinite(Date.parse(pullRequest.createdAt)))) return false;
+			try {
+				const url = new URL(pullRequest.url);
+				return url.protocol === "https:" && url.hostname === "github.com";
+			} catch {
+				return false;
+			}
+		}
 		/** Validate the public route envelope before publishing it to UI components. */
 		function parseClaudeClientProjection(value) {
 			const input = record(value);
@@ -1643,6 +3474,7 @@ window.__ModuleLoader__.load({
 			if (input.contextUsage !== void 0 && record(input.contextUsage) === void 0) throw new Error("invalid Claude context projection");
 			const tasks = input.tasks === void 0 ? void 0 : record(input.tasks);
 			if (tasks !== void 0 && !Array.isArray(tasks.tasks)) throw new Error("invalid Claude tasks projection");
+			if (input.repository !== void 0 && !validateRepository(input.repository)) throw new Error("invalid Claude repository projection");
 			return input;
 		}
 		/** Create one lazy source: active subscribers trigger an immediate load and bounded polling. */
@@ -1670,15 +3502,13 @@ window.__ModuleLoader__.load({
 					if (!response.ok) throw new Error(`Claude projection request failed (${response.status})`);
 					const next = parseClaudeClientProjection(await response.json());
 					const commandCatalogChanged = JSON.stringify(next.commands) !== JSON.stringify(snapshot.commands);
-					if (next.revision !== snapshot.revision || next.owned !== snapshot.owned || commandCatalogChanged) {
+					const repositoryChanged = JSON.stringify(next.repository) !== JSON.stringify(snapshot.repository);
+					if (next.revision !== snapshot.revision || next.owned !== snapshot.owned || commandCatalogChanged || repositoryChanged) {
 						snapshot = next;
 						for (const listener of [...listeners]) listener();
 					}
 				} catch (error) {
-					if (!(error instanceof DOMException && error.name === "AbortError") && snapshot !== EMPTY_CLAUDE_PROJECTION) {
-						snapshot = EMPTY_CLAUDE_PROJECTION;
-						for (const listener of [...listeners]) listener();
-					}
+					if (error instanceof DOMException && error.name === "AbortError") return;
 				} finally {
 					controller = void 0;
 					schedule();
@@ -1808,6 +3638,170 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/details-resize.ts
+		const DETAILS_MIN_WIDTH = 300;
+		const DETAILS_DEFAULT_WIDTH = 480;
+		const DETAILS_MAX_RATIO = .5;
+		const DRAG_THRESHOLD = 4;
+		function clampDetailsWidth(width, frameWidth) {
+			const maximum = Math.max(DETAILS_MIN_WIDTH, Math.floor(frameWidth * DETAILS_MAX_RATIO));
+			return Math.min(maximum, Math.max(DETAILS_MIN_WIDTH, Math.round(width)));
+		}
+		function defaultDetailsWidth(frameWidth) {
+			return clampDetailsWidth(DETAILS_DEFAULT_WIDTH, frameWidth);
+		}
+		function pixelValue(value) {
+			const parsed = Number.parseFloat(value);
+			return Number.isFinite(parsed) ? parsed : void 0;
+		}
+		/**
+		* Extends the native Details drag handle for the plugin Diff panel without
+		* depending on DSH's private layout store. The returned cleanup restores every
+		* inline value owned by the native frame.
+		*/
+		function enableExpandedDetailsResize() {
+			if (typeof document === "undefined" || typeof window === "undefined") return () => void 0;
+			let frame;
+			let handle;
+			let width;
+			let dragStartX = 0;
+			let dragStartWidth = 0;
+			let pointerId;
+			let dragged = false;
+			let originalGrid = "";
+			let originalHandleLeft = "";
+			let frameWasDragging = false;
+			let handleWasDragging = false;
+			let resizeObserver;
+			let mutationObserver;
+			let animationFrame;
+			const applyWidth = () => {
+				if (frame === void 0 || handle === void 0 || width === void 0) return;
+				const frameWidth = frame.getBoundingClientRect().width;
+				if (frameWidth <= 0) return;
+				width = clampDetailsWidth(width, frameWidth);
+				const grid = `${pixelValue(getComputedStyle(frame).gridTemplateColumns.split(/\s+/u)[0] ?? "") ?? 0}px minmax(0, 1fr) ${width}px`;
+				const left = `${frameWidth - width}px`;
+				if (frame.style.gridTemplateColumns !== grid) frame.style.gridTemplateColumns = grid;
+				if (handle.style.left !== left) handle.style.left = left;
+			};
+			const scheduleApply = () => {
+				if (animationFrame !== void 0) return;
+				animationFrame = window.requestAnimationFrame(() => {
+					animationFrame = void 0;
+					applyWidth();
+				});
+			};
+			const finishDrag = () => {
+				if (pointerId === void 0) return;
+				pointerId = void 0;
+				if (frame !== void 0 && !frameWasDragging) frame.removeAttribute("data-dragging");
+				if (handle !== void 0 && !handleWasDragging) handle.removeAttribute("data-dragging");
+			};
+			const onPointerMove = (event) => {
+				if (event.pointerId !== pointerId || frame === void 0) return;
+				const delta = event.clientX - dragStartX;
+				if (!dragged && Math.abs(delta) < DRAG_THRESHOLD) return;
+				dragged = true;
+				width = clampDetailsWidth(dragStartWidth - delta, frame.getBoundingClientRect().width);
+				applyWidth();
+				event.preventDefault();
+			};
+			const onPointerEnd = (event) => {
+				if (event.pointerId !== pointerId) return;
+				finishDrag();
+			};
+			const onPointerDown = (event) => {
+				const target = event.target;
+				if (!(target instanceof Element)) return;
+				const candidate = target.closest("[data-side=\"details\"]");
+				const candidateFrame = candidate?.parentElement;
+				if (candidate === null || candidate === void 0 || candidateFrame === null || candidateFrame === void 0) return;
+				const currentFrame = candidateFrame;
+				const currentHandle = candidate;
+				const detailsColumn = currentFrame.children.item(2);
+				const measuredWidth = detailsColumn instanceof HTMLElement ? detailsColumn.getBoundingClientRect().width : 0;
+				const frameWidth = currentFrame.getBoundingClientRect().width;
+				if (measuredWidth <= 0 || frameWidth <= 0) return;
+				const firstDrag = frame === void 0;
+				frame = currentFrame;
+				handle = currentHandle;
+				width = clampDetailsWidth(width ?? measuredWidth, frameWidth);
+				dragStartWidth = width;
+				dragStartX = event.clientX;
+				pointerId = event.pointerId;
+				dragged = false;
+				if (firstDrag) {
+					originalGrid = currentFrame.style.gridTemplateColumns;
+					originalHandleLeft = currentHandle.style.left;
+					frameWasDragging = currentFrame.hasAttribute("data-dragging");
+					handleWasDragging = currentHandle.hasAttribute("data-dragging");
+				}
+				currentFrame.setAttribute("data-dragging", "");
+				currentHandle.setAttribute("data-dragging", "true");
+				if (firstDrag) {
+					resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(scheduleApply);
+					resizeObserver?.observe(currentFrame);
+					mutationObserver = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(scheduleApply);
+					mutationObserver?.observe(currentFrame, {
+						attributes: true,
+						attributeFilter: ["style"]
+					});
+					mutationObserver?.observe(currentHandle, {
+						attributes: true,
+						attributeFilter: ["style"]
+					});
+				}
+				event.preventDefault();
+				event.stopPropagation();
+				event.stopImmediatePropagation();
+			};
+			const applyDefaultWidth = () => {
+				const initialHandle = document.querySelector("[data-side=\"details\"]");
+				const initialFrame = initialHandle?.parentElement;
+				if (initialHandle === null || initialHandle === void 0 || initialFrame === null || initialFrame === void 0) return;
+				frame = initialFrame;
+				handle = initialHandle;
+				originalGrid = frame.style.gridTemplateColumns;
+				originalHandleLeft = handle.style.left;
+				frameWasDragging = frame.hasAttribute("data-dragging");
+				handleWasDragging = handle.hasAttribute("data-dragging");
+				width = defaultDetailsWidth(frame.getBoundingClientRect().width);
+				resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(scheduleApply);
+				resizeObserver?.observe(frame);
+				mutationObserver = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(scheduleApply);
+				mutationObserver?.observe(frame, {
+					attributes: true,
+					attributeFilter: ["style"]
+				});
+				mutationObserver?.observe(handle, {
+					attributes: true,
+					attributeFilter: ["style"]
+				});
+				applyWidth();
+			};
+			animationFrame = window.requestAnimationFrame(() => {
+				animationFrame = void 0;
+				applyDefaultWidth();
+			});
+			document.addEventListener("pointerdown", onPointerDown, true);
+			window.addEventListener("pointermove", onPointerMove, true);
+			window.addEventListener("pointerup", onPointerEnd, true);
+			window.addEventListener("pointercancel", onPointerEnd, true);
+			return () => {
+				document.removeEventListener("pointerdown", onPointerDown, true);
+				window.removeEventListener("pointermove", onPointerMove, true);
+				window.removeEventListener("pointerup", onPointerEnd, true);
+				window.removeEventListener("pointercancel", onPointerEnd, true);
+				resizeObserver?.disconnect();
+				mutationObserver?.disconnect();
+				if (animationFrame !== void 0) window.cancelAnimationFrame(animationFrame);
+				finishDrag();
+				if (frame !== void 0) frame.style.gridTemplateColumns = originalGrid;
+				if (handle !== void 0) handle.style.left = originalHandleLeft;
+			};
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		const zh = {
 			nav: "Claude Code",
@@ -1839,12 +3833,14 @@ window.__ModuleLoader__.load({
 			error: "诊断失败",
 			security: "权限边界",
 			securityBody: "Claude 工具权限通过 DSH 审批界面决定；当前版本不宣称对 ~/.claude 与工作区之外路径提供内核级写入隔离。",
-			globalSettings: "Claude Code 全局设置",
-			globalSettingsBody: "修改受支持的 ~/.claude/settings.json 设置；其他字段会被保留。",
+			globalSettings: "Claude Code 设置",
+			globalSettingsBody: "修改受支持的 Claude Code 与插件设置；其他字段会被保留。",
 			globalSettingsLoading: "正在加载全局设置…",
 			globalSettingsNewSession: "Output Style 修改仅对新建 Claude 会话生效。",
 			globalSettingsError: "全局设置保存失败",
 			outputStyle: "Output Style",
+			worktreeBranchPrefix: "Worktree 分支前缀",
+			worktreeBranchPrefixEffect: "分支前缀修改会应用于之后自动创建的 Worktree 分支；显式指定的完整分支名不会被修改。",
 			pluginUpdate: "插件更新",
 			pluginUpdateBody: "检查 npm 上的新版本。只有可唯一识别的 npm 安装才能直接更新；本地开发链接不会被替换。",
 			updateNotChecked: "尚未检查更新。",
@@ -1891,7 +3887,73 @@ window.__ModuleLoader__.load({
 			tasksStopped: "已停止",
 			tasksKilled: "已终止",
 			tasksBackground: "后台",
-			tasksLastTool: "最近工具 {tool}"
+			tasksLastTool: "最近工具 {tool}",
+			repositoryOpen: "查看仓库与 PR 详情",
+			repositoryPanel: "仓库状态",
+			repositoryClose: "关闭仓库面板",
+			repositorySection: "仓库",
+			repositoryStatus: "状态",
+			repositoryAvailable: "可用",
+			repositoryUnavailable: "仓库状态不可用",
+			repositoryNotGit: "非 Git 仓库",
+			repositoryCwd: "会话目录",
+			repositoryRoot: "仓库根目录",
+			repositoryBranch: "分支",
+			repositoryBranchSearch: "检索分支",
+			repositoryBranchSearchEmpty: "没有匹配的分支",
+			repositoryBranchesLoading: "正在加载分支…",
+			repositoryProgressTitle: "正在创建 Worktree",
+			repositoryProgressFailed: "Worktree 创建失败",
+			repositoryProgressDismiss: "关闭 Worktree 进度",
+			repositoryProgress_inspecting: "检查仓库和分支",
+			repositoryProgress_fetching: "刷新远程引用",
+			"repositoryProgress_creating-worktree": "创建分支和 Worktree",
+			"repositoryProgress_saving-worktree": "保存 Worktree 状态",
+			"repositoryProgress_switching-branch": "切换本地分支",
+			"repositoryProgress_creating-workspace": "创建 DSH Workspace",
+			"repositoryProgress_starting-session": "启动 Claude 会话",
+			"repositoryProgress_transferring-draft": "转移消息和附件",
+			repositoryProgress_submitting: "提交消息",
+			repositorySessionUnavailable: "无法准备目标会话。",
+			repositoryDraftTransferFailed: "无法将草稿附件转移到 worktree 会话。",
+			repositoryDetached: "Detached HEAD",
+			repositoryUnknownBranch: "未知分支",
+			repositoryWorktree: "Worktree",
+			repositoryWorktreeLabel: "Git worktree",
+			repositoryChanges: "改动",
+			repositoryModified: "有修改",
+			repositoryClean: "干净",
+			repositoryLocal: "本地仓库",
+			repositoryPullRequest: "Pull Request",
+			repositoryNoPr: "当前分支没有关联 PR",
+			repositoryPr: "PR #{number}",
+			repositoryPrDraft: "草稿 PR #{number}",
+			repositoryPrState: "PR 状态",
+			repositoryDraft: "草稿",
+			repositoryState_open: "开放",
+			repositoryState_closed: "已关闭",
+			repositoryState_merged: "已合并",
+			repositoryChecks: "检查",
+			repositoryChecks_passing: "检查通过",
+			repositoryChecks_pending: "检查进行中",
+			repositoryChecks_failing: "检查失败",
+			repositoryChecks_none: "无检查",
+			repositoryReview: "评审",
+			repositoryReview_approved: "已批准",
+			"repositoryReview_changes-requested": "要求修改",
+			"repositoryReview_review-required": "等待评审",
+			repositoryReview_none: "无评审状态",
+			repositoryMergeState: "合并状态",
+			repositoryOpenPr: "在浏览器中打开 PR #{number}",
+			yes: "是",
+			no: "否",
+			diffOpen: "查看分支改动",
+			diffClose: "关闭 Diff 面板",
+			diffWorkingTree: "分支改动",
+			diffFiles: "{count} 个已修改文件",
+			diffFilesShort: "{count} 个文件",
+			diffTruncated: "Diff 超出安全显示上限。请在终端中查看完整内容。",
+			diffEmpty: "没有可显示的 tracked 文件改动"
 		};
 		const en = {
 			nav: "Claude Code",
@@ -1923,12 +3985,14 @@ window.__ModuleLoader__.load({
 			error: "Doctor failed",
 			security: "Permission boundary",
 			securityBody: "Claude tool permissions are decided through the DSH approval UI. This version does not claim kernel-level write isolation for ~/.claude or paths outside the workspace.",
-			globalSettings: "Claude Code global settings",
-			globalSettingsBody: "Modify supported ~/.claude/settings.json values while preserving every other field.",
+			globalSettings: "Claude Code settings",
+			globalSettingsBody: "Modify supported Claude Code and plugin settings while preserving every other field.",
 			globalSettingsLoading: "Loading global settings…",
 			globalSettingsNewSession: "Output Style changes apply only to new Claude sessions.",
 			globalSettingsError: "Global settings save failed",
 			outputStyle: "Output Style",
+			worktreeBranchPrefix: "Worktree branch prefix",
+			worktreeBranchPrefixEffect: "Prefix changes apply to subsequently generated Worktree branches. Explicit full branch names remain unchanged.",
 			pluginUpdate: "Plugin updates",
 			pluginUpdateBody: "Check npm for new releases. Only a uniquely identified npm installation can update in place; local development links are never replaced.",
 			updateNotChecked: "Updates have not been checked yet.",
@@ -1975,7 +4039,73 @@ window.__ModuleLoader__.load({
 			tasksStopped: "Stopped",
 			tasksKilled: "Killed",
 			tasksBackground: "Background",
-			tasksLastTool: "Last tool {tool}"
+			tasksLastTool: "Last tool {tool}",
+			repositoryOpen: "Show repository and pull request details",
+			repositoryPanel: "Repository status",
+			repositoryClose: "Close repository panel",
+			repositorySection: "Repository",
+			repositoryStatus: "Status",
+			repositoryAvailable: "Available",
+			repositoryUnavailable: "Repository status unavailable",
+			repositoryNotGit: "Not a Git repository",
+			repositoryCwd: "Session directory",
+			repositoryRoot: "Repository root",
+			repositoryBranch: "Branch",
+			repositoryBranchSearch: "Search branches",
+			repositoryBranchSearchEmpty: "No matching branches",
+			repositoryBranchesLoading: "Loading branches…",
+			repositoryProgressTitle: "Creating Worktree",
+			repositoryProgressFailed: "Worktree creation failed",
+			repositoryProgressDismiss: "Dismiss Worktree progress",
+			repositoryProgress_inspecting: "Checking repository and branch",
+			repositoryProgress_fetching: "Refreshing remote references",
+			"repositoryProgress_creating-worktree": "Creating branch and Worktree",
+			"repositoryProgress_saving-worktree": "Saving Worktree state",
+			"repositoryProgress_switching-branch": "Switching local branch",
+			"repositoryProgress_creating-workspace": "Creating DSH Workspace",
+			"repositoryProgress_starting-session": "Starting Claude session",
+			"repositoryProgress_transferring-draft": "Transferring message and attachments",
+			repositoryProgress_submitting: "Submitting message",
+			repositorySessionUnavailable: "The target session could not be prepared.",
+			repositoryDraftTransferFailed: "Draft attachments could not be moved to the worktree session.",
+			repositoryDetached: "Detached HEAD",
+			repositoryUnknownBranch: "Unknown branch",
+			repositoryWorktree: "Worktree",
+			repositoryWorktreeLabel: "Git worktree",
+			repositoryChanges: "Changes",
+			repositoryModified: "Modified",
+			repositoryClean: "Clean",
+			repositoryLocal: "Local repository",
+			repositoryPullRequest: "Pull request",
+			repositoryNoPr: "No pull request for this branch",
+			repositoryPr: "PR #{number}",
+			repositoryPrDraft: "Draft PR #{number}",
+			repositoryPrState: "PR state",
+			repositoryDraft: "Draft",
+			repositoryState_open: "Open",
+			repositoryState_closed: "Closed",
+			repositoryState_merged: "Merged",
+			repositoryChecks: "Checks",
+			repositoryChecks_passing: "Checks passing",
+			repositoryChecks_pending: "Checks pending",
+			repositoryChecks_failing: "Checks failing",
+			repositoryChecks_none: "No checks",
+			repositoryReview: "Review",
+			repositoryReview_approved: "Approved",
+			"repositoryReview_changes-requested": "Changes requested",
+			"repositoryReview_review-required": "Review required",
+			repositoryReview_none: "No review status",
+			repositoryMergeState: "Merge state",
+			repositoryOpenPr: "Open PR #{number} in browser",
+			yes: "Yes",
+			no: "No",
+			diffOpen: "View branch changes",
+			diffClose: "Close diff panel",
+			diffWorkingTree: "Branch changes",
+			diffFiles: "{count} modified file(s)",
+			diffFilesShort: "{count} files",
+			diffTruncated: "The diff exceeds the safe display limit. Use the terminal to inspect the complete content.",
+			diffEmpty: "No tracked file changes to display"
 		};
 		//#endregion
 		//#region src/client/index.tsx
@@ -1985,8 +4115,10 @@ window.__ModuleLoader__.load({
 			"locale",
 			"conversationEvents",
 			"sessions",
+			"workspaces",
 			"inputTriggers",
-			"conversation"
+			"conversation",
+			"connection"
 		];
 		function apply(ctx) {
 			const namespace = "settings.claude-code";
@@ -1998,6 +4130,9 @@ window.__ModuleLoader__.load({
 			const projections = new ClaudeProjectionStore();
 			ctx.effect(() => ctx.inputTriggers.registerSource(createClaudeCommandSource(ctx, projections)), "dsh-claude: Claude slash source");
 			const sessions = ctx.get("sessions");
+			const workspaces = ctx.get("workspaces");
+			const conversation = ctx.get("conversation");
+			const connection = ctx.get("connection");
 			if (sessions !== void 0) ctx.effect(() => sessions.provide({
 				hooks: ["claudeProjection"],
 				resolve: (binding) => ({ hooks: { claudeProjection: projections.source(binding.sessionId) } })
@@ -2012,41 +4147,61 @@ window.__ModuleLoader__.load({
 				locale: namespace
 			}, ClaudeActivityNode));
 			const layout = ctx.get("layout");
-			let disposeTasksDetails;
-			let tasksPanelTarget;
-			const closeTasksPanel = () => {
-				if (disposeTasksDetails === void 0) return;
-				disposeTasksDetails();
-				disposeTasksDetails = void 0;
-				tasksPanelTarget = void 0;
+			let disposePluginDetails;
+			let disposeExpandedDetailsResize;
+			let detailsSessionId;
+			const closePluginDetails = () => {
+				if (disposePluginDetails === void 0) return;
+				disposeExpandedDetailsResize?.();
+				disposeExpandedDetailsResize = void 0;
+				disposePluginDetails();
+				disposePluginDetails = void 0;
+				detailsSessionId = void 0;
 				layout?.closeDetails();
 			};
 			const openTasksPanel = (sessionId, turn) => {
-				closeTasksPanel();
+				closePluginDetails();
 				try {
-					disposeTasksDetails = ctx.slots.register({
+					disposePluginDetails = ctx.slots.register({
 						name: "details",
 						priority: -10,
 						locale: namespace,
 						inject: () => ({
 							t,
 							turn,
-							closeDetails: closeTasksPanel
+							closeDetails: closePluginDetails
 						})
 					}, ClaudeTasksPanel);
 				} catch {
 					return;
 				}
-				tasksPanelTarget = {
-					sessionId,
-					turn
-				};
+				detailsSessionId = sessionId;
+				layout?.openDetails();
+				disposeExpandedDetailsResize = enableExpandedDetailsResize();
+			};
+			const openDiffPanel = (sessionId) => {
+				closePluginDetails();
+				try {
+					disposePluginDetails = ctx.slots.register({
+						name: "details",
+						priority: -10,
+						locale: namespace,
+						inject: () => ({
+							t,
+							closeDetails: closePluginDetails
+						})
+					}, ClaudeDiffPanel);
+				} catch {
+					return;
+				}
+				detailsSessionId = sessionId;
 				layout?.openDetails();
+				disposeExpandedDetailsResize = enableExpandedDetailsResize();
 			};
 			ctx.effect(() => {
-				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => closeTasksPanel();
+				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => closePluginDetails();
 				const observer = new MutationObserver(() => {
-					if (tasksPanelTarget !== void 0 && document.querySelector("[data-details-collapsed]") !== null) closeTasksPanel();
+					if (detailsSessionId !== void 0 && document.querySelector("[data-details-collapsed]") !== null) closePluginDetails();
 				});
 				observer.observe(document.body, {
 					attributes: true,
@@ -2055,9 +4210,9 @@ window.__ModuleLoader__.load({
 				});
 				return () => {
 					observer.disconnect();
-					closeTasksPanel();
+					closePluginDetails();
 				};
-			}, "dsh-claude: tasks panel lifecycle");
+			}, "dsh-claude: details panel lifecycle");
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: "claude-active-tasks",
@@ -2072,9 +4227,62 @@ window.__ModuleLoader__.load({
 					openTasks: (turn) => openTasksPanel(sessionId, turn)
 				})
 			}, ClaudeActivityTail));
+			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "claude-repository-status",
+				order: 20,
+				locale: namespace,
+				inject: (sessionId) => ({
+					t,
+					openDiff: () => openDiffPanel(sessionId)
+				})
+			}, ClaudeRepositoryStatus));
+			if (sessions !== void 0 && workspaces !== void 0 && conversation !== void 0 && connection !== void 0) ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "claude-hero-repository-controls",
+				order: 21,
+				locale: namespace,
+				inject: (sourceSessionId) => ({
+					t,
+					prepare: async (cwd, branch, useWorktree, onProgress) => {
+						const sourceScope = sessions.scope(sourceSessionId);
+						if (sourceScope === void 0) throw new Error(t("repositorySessionUnavailable"));
+						const sourceInput = conversation.input.for(sourceScope);
+						const draft = sourceInput.state.getSnapshot().draft;
+						const imageIds = sourceInput.state.getSnapshot().imageIds;
+						const prepared = await prepareRepository(cwd, branch, useWorktree, void 0, onProgress);
+						if (prepared.mode === "checkout") {
+							sourceInput.submit();
+							return;
+						}
+						onProgress("creating-workspace");
+						const workspace = await workspaces.create({ path: prepared.path });
+						onProgress("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);
+						onProgress("transferring-draft");
+						if (imageIds.length > 0 && !targetInput.addImages(imageIds)) throw new Error(t("repositoryDraftTransferFailed"));
+						if (draft !== "") targetInput.setDraft(draft);
+						if (prepared.leaseId !== void 0) await bindRepositoryLease(prepared.leaseId, targetSessionId);
+						sessions.open(targetSessionId);
+						onProgress("submitting");
+						targetInput.submit();
+						sourceInput.setDraft("");
+						for (const imageId of imageIds) sourceInput.removeImage(imageId);
+					}
+				})
+			}, ClaudeHeroRepositoryControls));
 			if (sessions !== void 0) ctx.effect(() => sessions.list.subscribe(() => {
-				if (tasksPanelTarget !== void 0 && sessions.list.getSnapshot().current !== tasksPanelTarget.sessionId) closeTasksPanel();
-			}), "dsh-claude: tasks panel session tracking");
+				if (detailsSessionId !== void 0 && sessions.list.getSnapshot().current !== detailsSessionId) closePluginDetails();
+			}), "dsh-claude: details panel session tracking");
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "claude-code",