dsh-diff-approval 0.11.0 → 0.13.0

package/lib/client.js

@@ -18,6 +18,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
+		let react_dom = require("react-dom");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/base.js
 		var Diff = class {
@@ -654,6 +655,16 @@ window.__ModuleLoader__.load({
 		function computeWholeFileDiff(oldText, newText) {
 			oldText = oldText.replace(/\r\n?/g, "\n");
 			newText = newText.replace(/\r\n?/g, "\n");
+			if (oldText === newText) return {
+				rows: contentLines(oldText).map((text, index) => ({
+					kind: "context",
+					text,
+					oldLine: index + 1,
+					newLine: index + 1
+				})),
+				removed: 0,
+				added: 0
+			};
 			const oldLines = contentLines(oldText);
 			const newLines = contentLines(newText);
 			const context = Math.max(1, oldLines.length, newLines.length);
@@ -712,6 +723,111 @@ window.__ModuleLoader__.load({
 			return (text.endsWith("\n") ? text.slice(0, -1) : text).split("\n");
 		}
 		//#endregion
+		//#region lib/types/client/split-diff.js
+		/**
+		* Side-by-side (split) diff model: the unified whole-file diff rows are
+		* regrouped into line-aligned pairs for a two-column "before | current" view.
+		* Pure derivation; the view owns rendering. A context row becomes a pair with
+		* both sides, a deletion a left-only pair, an addition a right-only pair, and
+		* an adjacent deletion/addition run is paired line-by-line into a single
+		* replacement pair so the two columns line up.
+		* @module dsh-diff-approval/client/split-diff
+		*/
+		/** One whole-file diff row → its visible left side text. */
+		function leftSideOf(row) {
+			if (row.kind === "add") return void 0;
+			return {
+				text: row.text,
+				line: row.oldLine
+			};
+		}
+		/** One whole-file diff row → its visible right side text. */
+		function rightSideOf(row) {
+			if (row.kind === "del") return void 0;
+			return {
+				text: row.text,
+				line: row.newLine
+			};
+		}
+		/**
+		* Regroup the whole-file rows into aligned split pairs, pairing a deletion run
+		* with a following addition run line-by-line (so a replaced line is one pair),
+		* and leaving a stray deletion or addition as a one-sided pair.
+		* @param rows - the whole-file diff rows.
+		* @returns the split pairs plus the row→pair index map.
+		*/
+		function computeSideBySideDiff(rows) {
+			const pairs = [];
+			const pairOfRow = /* @__PURE__ */ new Map();
+			const pendingDel = [];
+			const push = (pair, rows) => {
+				const index = pairs.length;
+				pairs.push(pair);
+				for (const r of rows) pairOfRow.set(r, index);
+			};
+			const flushPending = () => {
+				for (const { index, row } of pendingDel) push({
+					kind: "del",
+					left: leftSideOf(row),
+					right: void 0
+				}, [index]);
+				pendingDel.length = 0;
+			};
+			for (let i = 0; i < rows.length; i++) {
+				const row = rows[i];
+				if (row.kind === "context") {
+					flushPending();
+					push({
+						kind: "context",
+						left: leftSideOf(row),
+						right: rightSideOf(row)
+					}, [i]);
+				} else if (row.kind === "del") pendingDel.push({
+					index: i,
+					row
+				});
+				else {
+					const del = pendingDel.shift();
+					if (del !== void 0) push({
+						kind: "replace",
+						left: leftSideOf(del.row),
+						right: rightSideOf(row)
+					}, [del.index, i]);
+					else push({
+						kind: "add",
+						left: void 0,
+						right: rightSideOf(row)
+					}, [i]);
+				}
+			}
+			flushPending();
+			return {
+				pairs,
+				pairOfRow
+			};
+		}
+		/**
+		* Pair indices whose left or right text contains the query (case-insensitive).
+		* A pair counts once however many times the query appears, so split search
+		* highlights the whole pair on both columns and a single "current" pair is
+		* stepped through — not each individual left/right occurrence.
+		* @param pairs - the split pairs.
+		* @param query - the query text; an empty query matches nothing.
+		* @returns matching pair indices, in file order.
+		*/
+		function searchPairs(pairs, query) {
+			if (query === "") return [];
+			const lower = query.toLowerCase();
+			const matches = [];
+			for (let index = 0; index < pairs.length; index++) {
+				const p = pairs[index];
+				if (p === void 0) continue;
+				if (p.left !== void 0 && p.left.text.toLowerCase().includes(lower)) matches.push(index);
+				else if (p.right !== void 0 && p.right.text.toLowerCase().includes(lower)) matches.push(index);
+			}
+			return matches;
+		}
+		//#endregion
 		//#region node_modules/.pnpm/@shikijs+types@4.4.3/node_modules/@shikijs/types/dist/index.mjs
 		var ShikiError = class extends Error {
 			constructor(message) {
@@ -11588,6 +11704,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		//#endregion
 		//#region lib/types/client/reference.js
 		/**
+		* Reference labels for the selection toolbar: a workspace-relative path (or
+		* the absolute path when the file is outside the workspace) plus a 1-based
+		* line range. Pure derivation so the display rule is unit-testable without
+		* the panel.
+		* @module dsh-diff-approval/client/reference
+		*/
+		/** The marker that replaces a reference's line number when its lines are gone. */
+		const LINE_MISSING_LABEL = "LINE_MISSING";
+		/**
 		* The path embedded in a copied reference: workspace-relative (forward
 		* slashes) when the file lives inside the current workspace, the absolute
 		* path otherwise. A bare file name is never enough — a reference must resolve
@@ -11615,15 +11740,66 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return start === end ? String(start) : `${start}-${end}`;
 		}
 		/**
-		* Build the clipboard text for a selected line range.
+		* Build the clipboard text for a selected line range, wrapped in parentheses so
+		* the reference reads as one unambiguous token (and can be matched precisely).
 		* @param path - the selected file's path.
 		* @param workspacePath - the current workspace root, or `undefined`.
 		* @param start - first selected line number.
 		* @param end - last selected line number.
-		* @returns the `path:range` reference text.
+		* @returns the `(path:range)` reference text.
 		*/
 		function referenceOf(path, workspacePath, start, end) {
-			return `${referencePathOf(path, workspacePath)}:${lineRangeLabel(start, end)}`;
+			return `(${referencePathOf(path, workspacePath)}:${lineRangeLabel(start, end)})`;
+		}
+		/**
+		* Map one referenced line range from `oldContent` coordinates to `newContent`
+		* coordinates. Lines that survive (unchanged context) map to their new line
+		* numbers, and the surviving lines' min/max span is returned. When every line
+		* in the range was removed, returns `undefined` (the reference is expired).
+		* @param oldContent - the file content the reference was made against.
+		* @param newContent - the file content now.
+		* @param start - first referenced line (1-based, inclusive).
+		* @param end - last referenced line (1-based, inclusive).
+		* @returns the surviving range, or `undefined` when nothing survives.
+		*/
+		function remapReferenceRange(oldContent, newContent, start, end) {
+			const diff = computeWholeFileDiff(oldContent, newContent);
+			const oldToNew = /* @__PURE__ */ new Map();
+			for (const row of diff.rows) if (row.oldLine !== void 0 && row.newLine !== void 0) oldToNew.set(row.oldLine, row.newLine);
+			let min = Infinity;
+			let max = -Infinity;
+			for (let line = start; line <= end; line++) {
+				const next = oldToNew.get(line);
+				if (next === void 0) continue;
+				min = Math.min(min, next);
+				max = Math.max(max, next);
+			}
+			if (min === Infinity) return void 0;
+			return {
+				start: min,
+				end: max
+			};
+		}
+		/**
+		* Rewrite every `(referencePath:line)` / `(referencePath:start-end)` occurrence
+		* in `text`, remapping each range from `oldContent` to `newContent`. A range
+		* whose lines all survived becomes the new range; one whose lines were all
+		* removed becomes `(referencePath:LINE_MISSING)`.
+		* @param text - the free text (composer draft, queued message) to rewrite.
+		* @param referencePath - the file's reference path (workspace-relative or absolute).
+		* @param oldContent - the file content the references were made against.
+		* @param newContent - the file content now.
+		* @returns the rewritten text.
+		*/
+		function remapReferences(text, referencePath, oldContent, newContent) {
+			const escaped = referencePath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+			const regex = new RegExp(`\\(${escaped}:(\\d+)(?:-(\\d+))?\\)`, "g");
+			return text.replace(regex, (_whole, startText, endText) => {
+				const start = Number(startText);
+				const mapped = remapReferenceRange(oldContent, newContent, start, endText === void 0 ? start : Number(endText));
+				if (mapped === void 0) return `(${referencePath}:${LINE_MISSING_LABEL})`;
+				return `(${referencePath}:${lineRangeLabel(mapped.start, mapped.end)})`;
+			});
 		}
 		//#endregion
 		//#region lib/types/client/settings.js
@@ -11631,6 +11807,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		const PASTE_ON_COPY_KEY = "diff-approval:paste-on-copy";
 		const IMPORT_UNTRACKED_KEY = "diff-approval:import-untracked";
 		const TAB_WIDTH_KEY = "diff-approval:tab-size";
+		const SPLIT_MODE_KEY = "diff-approval:split-mode";
 		const WRAP_PREFIX = "diff-approval:wrap:";
 		/**
 		* Whether copying a reference should also paste it into the chat input and
@@ -11686,9 +11863,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function setTabWidth(value) {
 			localStorage.setItem(TAB_WIDTH_KEY, String(value));
 		}
+		/**
+		* Whether the whole-file diff view uses the two-column (side-by-side) layout.
+		* Default off (single column): the unified diff. Only an explicit `'1'` enables
+		* split mode.
+		* @returns whether the split (two-column) diff view is used.
+		*/
+		function splitMode() {
+			return localStorage.getItem(SPLIT_MODE_KEY) === "1";
+		}
+		/** Persist the split-view preference. */
+		function setSplitMode(value) {
+			localStorage.setItem(SPLIT_MODE_KEY, value ? "1" : "0");
+		}
+		const QUICK_SUMMON_KEY = "diff-approval:quick-summon-key";
+		/**
+		* The quick-summon chord. Stored as `Modifier+...+Key`; falls back to
+		* {@link DEFAULT_QUICK_SUMMON}.
+		* @returns the chord string.
+		*/
+		function quickSummonKey() {
+			return localStorage.getItem(QUICK_SUMMON_KEY) ?? "Ctrl+D";
+		}
+		/** Persist the quick-summon chord. */
+		function setQuickSummonKey(value) {
+			localStorage.setItem(QUICK_SUMMON_KEY, value);
+		}
+		/**
+		* Whether a keyboard event matches a chord string like `Ctrl+D`. Modifier
+		* names are matched case-insensitively (`Ctrl`/`Control`, `Alt`/`Option`,
+		* `Shift`, `Meta`/`Cmd`/`Command`/`Win`); the final part is the key. Exact
+		* modifier set is required (extra modifiers do not match).
+		* @param event - the keydown event.
+		* @param shortcut - the chord string.
+		* @returns whether the event matches.
+		*/
+		function matchesShortcut(event, shortcut) {
+			const parts = shortcut.split("+").map((part) => part.trim().toLowerCase());
+			const key = parts.pop();
+			if (key === void 0 || key === "") return false;
+			const mods = new Set(parts);
+			const ctrl = mods.has("ctrl") || mods.has("control");
+			const alt = mods.has("alt") || mods.has("option");
+			const shift = mods.has("shift");
+			const meta = mods.has("meta") || mods.has("cmd") || mods.has("command") || mods.has("win");
+			return event.key.toLowerCase() === key && event.ctrlKey === ctrl && event.altKey === alt && event.shiftKey === shift && event.metaKey === meta;
+		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-diff-approval/dsh-diff-approval/src/client/PendingPanel.module.css.mjs
-		const css = ".F1KBNa_layer{box-sizing:border-box;flex:none;align-items:center;width:calc(100% + 4px);height:42px;margin:4px -2px;display:flex;position:relative}.F1KBNa_footerButtons{align-items:center;width:100%;display:flex}.F1KBNa_badge{box-sizing:border-box;width:100%;height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.F1KBNa_badge:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_badge[data-active]{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_badge:disabled{color:var(--dsw-alias-label-tertiary);cursor:default;background:0 0}.F1KBNa_badgeLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.F1KBNa_badgeCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px;line-height:16px}.F1KBNa_layer.F1KBNa_rail{width:36px;height:36px;margin:8px 0 10px}.F1KBNa_rail .F1KBNa_badge{border-radius:50%;justify-content:center;gap:0;width:36px;height:36px;padding:0}.F1KBNa_rail .F1KBNa_badgeLabel{display:none}.F1KBNa_rail .F1KBNa_badgeCount{box-sizing:border-box;background:var(--dsw-alias-state-business-primary);min-width:18px;height:18px;color:var(--dsw-alias-label-primary-foreground);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;line-height:18px;display:flex;position:absolute;top:-3px;right:-7px}.F1KBNa_fullscreenBackdrop{z-index:29;background:var(--dsw-specific-sidebar-fill);position:fixed;inset:0}.F1KBNa_panel{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:none;box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:8px 8px 128px;overflow:hidden}.F1KBNa_header{box-sizing:border-box;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;display:flex}.F1KBNa_headerActions{align-items:center;gap:2px;display:flex}.F1KBNa_settingsPage{padding:8px 12px}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_states{flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.F1KBNa_split{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.F1KBNa_fileListFloat{z-index:40;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:12px;flex-direction:column;padding:6px 8px 10px;display:flex;position:absolute;overflow:hidden}.F1KBNa_fileList{box-sizing:border-box;border-right:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;width:240px;min-height:0;padding:4px 8px 12px;display:flex}.F1KBNa_listScroll{flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding-top:8px;display:flex}.F1KBNa_bulkActions .F1KBNa_action{text-align:center;flex:1}.F1KBNa_resizeHandle{cursor:col-resize;background:0 0;flex:none;width:5px;margin:0 -2px}.F1KBNa_resizeHandle:hover{background:var(--dsw-alias-border-l2)}.F1KBNa_detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.F1KBNa_detailEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:24px;font-size:12px;line-height:18px;display:flex}.F1KBNa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}.F1KBNa_note,.F1KBNa_readError,.F1KBNa_hint{color:var(--dsw-alias-label-tertiary);margin:4px 0;font-size:12px;line-height:18px}.F1KBNa_noteCentered{text-align:center;margin:auto}.F1KBNa_emptyState{flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.F1KBNa_importButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_importButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_importButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_importNote{color:var(--dsw-alias-label-tertiary);text-align:center;margin:0;font-size:12px;line-height:18px}.F1KBNa_readError{color:var(--dsw-alias-state-error-primary)}.F1KBNa_group{color:var(--dsw-alias-label-tertiary);margin:8px 0 4px;font-size:12px;font-weight:500;line-height:16px}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);flex:1;font-size:12px;line-height:18px;overflow:hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_diffBody [data-diff-search=hit]{background-image:linear-gradient(#facc1529,#facc1529)}.F1KBNa_diffBody [data-diff-search=current]{background-image:linear-gradient(#facc1552,#facc1552)}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlash;position:absolute;left:0;right:0}@keyframes F1KBNa_diffFlash{0%{opacity:1}to{opacity:0}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;display:table}.F1KBNa_line{height:22px;line-height:22px;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:22px}.F1KBNa_subline{white-space:pre;height:22px;line-height:22px;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}";
+		const css = ".F1KBNa_layer{box-sizing:border-box;flex:none;align-items:center;width:calc(100% + 4px);height:42px;margin:4px -2px;display:flex;position:relative}.F1KBNa_footerButtons{align-items:center;width:100%;display:flex}.F1KBNa_badge{box-sizing:border-box;width:100%;height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.F1KBNa_badge:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_badge[data-active]{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_badge:disabled{color:var(--dsw-alias-label-tertiary);cursor:default;background:0 0}.F1KBNa_badgeLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.F1KBNa_badgeCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px;line-height:16px}.F1KBNa_layer.F1KBNa_rail{width:36px;height:36px;margin:8px 0 10px}.F1KBNa_rail .F1KBNa_badge{border-radius:50%;justify-content:center;gap:0;width:36px;height:36px;padding:0}.F1KBNa_rail .F1KBNa_badgeLabel{display:none}.F1KBNa_rail .F1KBNa_badgeCount{box-sizing:border-box;background:var(--dsw-alias-state-business-primary);min-width:18px;height:18px;color:var(--dsw-alias-label-primary-foreground);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;line-height:18px;display:flex;position:absolute;top:-3px;right:-7px}.F1KBNa_fullscreenBackdrop{z-index:29;background:var(--dsw-specific-sidebar-fill);position:fixed;inset:0}.F1KBNa_panel{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:none;box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:8px 8px 128px;overflow:hidden}.F1KBNa_header{box-sizing:border-box;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;display:flex}.F1KBNa_headerActions{align-items:center;gap:2px;display:flex}.F1KBNa_settingsPage{padding:8px 12px}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_states{flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.F1KBNa_split{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.F1KBNa_fileListFloat{z-index:40;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:12px;flex-direction:column;padding:6px 8px 10px;display:flex;position:absolute;overflow:hidden}.F1KBNa_fileList{box-sizing:border-box;border-right:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;width:240px;min-height:0;padding:4px 8px 12px;display:flex}.F1KBNa_listScroll{flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding-top:8px;display:flex}.F1KBNa_bulkActions .F1KBNa_action{text-align:center;flex:1}.F1KBNa_resizeHandle{cursor:col-resize;background:0 0;flex:none;width:5px;margin:0 -2px}.F1KBNa_resizeHandle:hover{background:var(--dsw-alias-border-l2)}.F1KBNa_detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.F1KBNa_detailEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:24px;font-size:12px;line-height:18px;display:flex}.F1KBNa_confirmBackdrop{z-index:5;background:color-mix(in srgb, var(--dsw-alias-bg-base) 55%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.F1KBNa_confirmCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:340px;box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.F1KBNa_confirmText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;line-height:1.5}.F1KBNa_confirmActions{justify-content:flex-end;gap:8px;display:flex}.F1KBNa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}.F1KBNa_note,.F1KBNa_readError,.F1KBNa_hint{color:var(--dsw-alias-label-tertiary);margin:4px 0;font-size:12px;line-height:18px}.F1KBNa_noteCentered{text-align:center;margin:auto}.F1KBNa_emptyState{flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.F1KBNa_importButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_importButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_importButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_importNote{color:var(--dsw-alias-label-tertiary);text-align:center;margin:0;font-size:12px;line-height:18px}.F1KBNa_readError{color:var(--dsw-alias-state-error-primary)}.F1KBNa_group{color:var(--dsw-alias-label-tertiary);margin:8px 0 4px;font-size:12px;font-weight:500;line-height:16px}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);flex:1;font-size:12px;line-height:18px;overflow:hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_diffBody [data-diff-search=hit]{background-image:linear-gradient(#facc1529,#facc1529)}.F1KBNa_diffBody [data-diff-search=current]{background-image:linear-gradient(#facc1552,#facc1552)}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlash;position:absolute;left:0;right:0}@keyframes F1KBNa_diffFlash{0%{opacity:1}to{opacity:0}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;display:table}.F1KBNa_line{height:22px;line-height:22px;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:22px}.F1KBNa_subline{white-space:pre;height:22px;line-height:22px;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_splitRoot{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBodySplit{flex:1;min-height:0;overflow-x:hidden}.F1KBNa_splitCols{width:100%;min-width:0;display:flex}.F1KBNa_splitCol{box-sizing:border-box;flex:1 1 0;min-width:0;overflow:hidden}.F1KBNa_splitDivider{background:var(--dsw-alias-border-l2);flex:0 0 1px}.F1KBNa_splitCol .F1KBNa_gutter,.F1KBNa_splitCol .F1KBNa_code{vertical-align:top}.F1KBNa_splitHScrollRow{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;width:100%;min-width:0;display:flex}.F1KBNa_splitHScroll{flex:1 1 0;min-width:0;height:15px;overflow:auto hidden}.F1KBNa_splitHScroll::-webkit-scrollbar{height:15px}.F1KBNa_splitHScroll::-webkit-scrollbar-track{cursor:default}.F1KBNa_splitHScroll::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_splitHScrollFill{height:1px}.F1KBNa_splitLdel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_splitLadd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_splitRdel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_splitRadd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}";
 		const tagId = "dsh-diff-approval/PendingPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -11698,99 +11921,115 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			document.head.appendChild(tag);
 		}
 		var PendingPanel_module_css_default = {
-			"divergedHint": "F1KBNa_divergedHint",
-			"detail": "F1KBNa_detail",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
-			"diffBody": "F1KBNa_diffBody",
-			"langSelect": "F1KBNa_langSelect",
-			"note": "F1KBNa_note",
-			"code": "F1KBNa_code",
-			"diffHeader": "F1KBNa_diffHeader",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"readError": "F1KBNa_readError",
-			"gutter": "F1KBNa_gutter",
-			"markerAdd": "F1KBNa_markerAdd",
-			"del": "F1KBNa_del",
-			"fileList": "F1KBNa_fileList",
-			"delCount": "F1KBNa_delCount",
-			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"kindHint": "F1KBNa_kindHint",
+			"searchBar": "F1KBNa_searchBar",
+			"diffPath": "F1KBNa_diffPath",
+			"flexSpacer": "F1KBNa_flexSpacer",
+			"splitRdel": "F1KBNa_splitRdel",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"group": "F1KBNa_group",
+			"iconAction": "F1KBNa_iconAction",
 			"blockFlash": "F1KBNa_blockFlash",
-			"context": "F1KBNa_context",
-			"fileListFloat": "F1KBNa_fileListFloat",
-			"diff": "F1KBNa_diff",
-			"rowMeta": "F1KBNa_rowMeta",
-			"panel": "F1KBNa_panel",
-			"title": "F1KBNa_title",
-			"expand": "F1KBNa_expand",
-			"lines": "F1KBNa_lines",
-			"missingHint": "F1KBNa_missingHint",
-			"headerActions": "F1KBNa_headerActions",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"overviewRuler": "F1KBNa_overviewRuler",
+			"row": "F1KBNa_row",
 			"close": "F1KBNa_close",
-			"iconAction": "F1KBNa_iconAction",
-			"rail": "F1KBNa_rail",
-			"wrap": "F1KBNa_wrap",
-			"diffPath": "F1KBNa_diffPath",
-			"importNote": "F1KBNa_importNote",
-			"missing": "F1KBNa_missing",
-			"footerButtons": "F1KBNa_footerButtons",
-			"resizeHandle": "F1KBNa_resizeHandle",
-			"line": "F1KBNa_line",
+			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"states": "F1KBNa_states",
+			"code": "F1KBNa_code",
 			"kindTag": "F1KBNa_kindTag",
-			"bulkActions": "F1KBNa_bulkActions",
-			"vSpacer": "F1KBNa_vSpacer",
+			"badgeCount": "F1KBNa_badgeCount",
+			"badge": "F1KBNa_badge",
 			"emptyState": "F1KBNa_emptyState",
-			"badgeLabel": "F1KBNa_badgeLabel",
-			"rowFailed": "F1KBNa_rowFailed",
+			"rowPath": "F1KBNa_rowPath",
+			"notice": "F1KBNa_notice",
+			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"missingHint": "F1KBNa_missingHint",
+			"resizeHandle": "F1KBNa_resizeHandle",
+			"splitRoot": "F1KBNa_splitRoot",
+			"expandExpanded": "F1KBNa_expandExpanded",
+			"splitLadd": "F1KBNa_splitLadd",
+			"settingsPage": "F1KBNa_settingsPage",
+			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
 			"layer": "F1KBNa_layer",
-			"badgeCount": "F1KBNa_badgeCount",
-			"noteCentered": "F1KBNa_noteCentered",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"settingsSelector": "F1KBNa_settingsSelector",
+			"readError": "F1KBNa_readError",
 			"importButton": "F1KBNa_importButton",
+			"addCount": "F1KBNa_addCount",
+			"context": "F1KBNa_context",
 			"header": "F1KBNa_header",
-			"action": "F1KBNa_action",
-			"actionError": "F1KBNa_actionError",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"settingsRowText": "F1KBNa_settingsRowText",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
+			"gutter": "F1KBNa_gutter",
+			"confirmActions": "F1KBNa_confirmActions",
+			"searchInput": "F1KBNa_searchInput",
+			"importNote": "F1KBNa_importNote",
+			"noticeText": "F1KBNa_noticeText",
+			"wrap": "F1KBNa_wrap",
+			"splitHScrollRow": "F1KBNa_splitHScrollRow",
 			"blockActions": "F1KBNa_blockActions",
-			"listScroll": "F1KBNa_listScroll",
-			"hint": "F1KBNa_hint",
-			"kindHint": "F1KBNa_kindHint",
+			"splitHScroll": "F1KBNa_splitHScroll",
+			"splitHScrollFill": "F1KBNa_splitHScrollFill",
+			"fileListFloat": "F1KBNa_fileListFloat",
+			"noteCentered": "F1KBNa_noteCentered",
 			"diffActions": "F1KBNa_diffActions",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"settingsRow": "F1KBNa_settingsRow",
-			"blockPosition": "F1KBNa_blockPosition",
-			"statusAction": "F1KBNa_statusAction",
-			"searchBar": "F1KBNa_searchBar",
-			"searchInput": "F1KBNa_searchInput",
-			"rows": "F1KBNa_rows",
-			"statusBar": "F1KBNa_statusBar",
-			"settingsPage": "F1KBNa_settingsPage",
-			"overviewMarker": "F1KBNa_overviewMarker",
-			"add": "F1KBNa_add",
-			"langLabel": "F1KBNa_langLabel",
-			"notice": "F1KBNa_notice",
-			"states": "F1KBNa_states",
-			"rowPath": "F1KBNa_rowPath",
 			"searchCount": "F1KBNa_searchCount",
+			"add": "F1KBNa_add",
 			"diffStats": "F1KBNa_diffStats",
-			"badge": "F1KBNa_badge",
+			"langLabel": "F1KBNa_langLabel",
+			"detailEmpty": "F1KBNa_detailEmpty",
+			"actionPrimary": "F1KBNa_actionPrimary",
+			"diffBody": "F1KBNa_diffBody",
+			"rowMeta": "F1KBNa_rowMeta",
+			"diffHeader": "F1KBNa_diffHeader",
+			"blockPosition": "F1KBNa_blockPosition",
+			"subline": "F1KBNa_subline",
+			"splitCol": "F1KBNa_splitCol",
+			"missing": "F1KBNa_missing",
+			"splitDivider": "F1KBNa_splitDivider",
+			"rowFailed": "F1KBNa_rowFailed",
+			"listScroll": "F1KBNa_listScroll",
+			"actionError": "F1KBNa_actionError",
+			"headerActions": "F1KBNa_headerActions",
+			"confirmCard": "F1KBNa_confirmCard",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
 			"markerDel": "F1KBNa_markerDel",
-			"addCount": "F1KBNa_addCount",
-			"settingsSelector": "F1KBNa_settingsSelector",
+			"bulkActions": "F1KBNa_bulkActions",
+			"divergedHint": "F1KBNa_divergedHint",
+			"lines": "F1KBNa_lines",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"detail": "F1KBNa_detail",
+			"splitRadd": "F1KBNa_splitRadd",
+			"footerButtons": "F1KBNa_footerButtons",
+			"expand": "F1KBNa_expand",
+			"overviewMarker": "F1KBNa_overviewMarker",
+			"markerAdd": "F1KBNa_markerAdd",
+			"hint": "F1KBNa_hint",
+			"line": "F1KBNa_line",
+			"wrapActive": "F1KBNa_wrapActive",
+			"diffBodySplit": "F1KBNa_diffBodySplit",
+			"delCount": "F1KBNa_delCount",
+			"confirmText": "F1KBNa_confirmText",
+			"note": "F1KBNa_note",
+			"rows": "F1KBNa_rows",
+			"settingsRow": "F1KBNa_settingsRow",
 			"diffFlash": "F1KBNa_diffFlash",
-			"subline": "F1KBNa_subline",
+			"del": "F1KBNa_del",
+			"title": "F1KBNa_title",
+			"statusAction": "F1KBNa_statusAction",
+			"panel": "F1KBNa_panel",
+			"fileList": "F1KBNa_fileList",
+			"splitCols": "F1KBNa_splitCols",
+			"settingsRowText": "F1KBNa_settingsRowText",
+			"diff": "F1KBNa_diff",
+			"confirmBackdrop": "F1KBNa_confirmBackdrop",
+			"statusBar": "F1KBNa_statusBar",
+			"splitLdel": "F1KBNa_splitLdel",
 			"split": "F1KBNa_split",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"noticeButton": "F1KBNa_noticeButton",
-			"row": "F1KBNa_row",
-			"wrapActive": "F1KBNa_wrapActive",
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"group": "F1KBNa_group",
+			"langSelect": "F1KBNa_langSelect",
+			"rail": "F1KBNa_rail",
 			"rowHead": "F1KBNa_rowHead",
-			"actionPrimary": "F1KBNa_actionPrimary",
-			"noticeText": "F1KBNa_noticeText"
+			"action": "F1KBNa_action",
+			"vSpacer": "F1KBNa_vSpacer",
+			"noticeButton": "F1KBNa_noticeButton"
 		};
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
@@ -11829,6 +12068,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/** Total width of the two line-number gutters, subtracted from the code width
 		* when measuring wrapped line heights. */
 		const WRAP_GUTTERS_PX = 88;
+		/** The dsh shell's sidebar auto-collapse breakpoint (ui-layout columns.ts):
+		* below it the sidebar auto-collapses, and the file list floats on the same
+		* breakpoint so the two stay consistent. */
+		const SIDEBAR_AUTO_COLLAPSE_PX = 1024;
 		/** A shared canvas for measuring wrapped line heights (CPU-only, no DOM reflow). */
 		let measureCanvas;
 		/**
@@ -12155,66 +12398,633 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 			return blocks;
 		}
-		/** The diff-row index containing a node, or undefined. */
-		function rowIndexAt(node) {
-			if (node === null) return void 0;
-			const row = (node instanceof Element ? node : node.parentElement)?.closest("[data-diff-row]");
-			if (row === null || row === void 0) return void 0;
-			const index = Number(row.dataset.diffRow);
-			return Number.isFinite(index) ? index : void 0;
-		}
-		/** Character offset of a selection boundary within its line's code text. */
-		function lineOffsetAt(node, offset) {
-			const code = (node instanceof Element ? node : node.parentElement)?.closest("[data-diff-code]");
-			if (code === null || code === void 0) return 0;
-			let before = 0;
-			const walker = document.createTreeWalker(code, NodeFilter.SHOW_TEXT);
-			let current = walker.nextNode();
-			while (current !== null) {
-				if (current === node) return before + offset;
-				if (node instanceof Element && node.contains(current)) break;
-				before += current.length;
-				current = walker.nextNode();
-			}
-			if (node instanceof Element) {
-				const children = [...node.childNodes];
-				for (let i = 0; i < Math.min(offset, children.length); i++) {
-					const inner = document.createTreeWalker(children[i], NodeFilter.SHOW_TEXT);
-					let text = inner.nextNode();
-					while (text !== null) {
-						before += text.length;
-						text = inner.nextNode();
-					}
-				}
-			}
-			return before;
-		}
-		/** Length of the code text on the line holding a node. */
-		function lineLengthAt(node) {
-			return ((node instanceof Element ? node : node.parentElement)?.closest("[data-diff-code]"))?.textContent?.length ?? 0;
+		/** One side's line-content for the split view: the highlighted runs or plain text. */
+		function splitSideContent(side, wrapped, runs) {
+			if (side === void 0) return "";
+			const highlighted = runs !== void 0 && runs.length > 0;
+			if (wrapped === void 0) return highlighted ? runs.map((span, i) => (0, react_jsx_runtime.jsx)("span", {
+				style: span.style,
+				children: span.text
+			}, i)) : side.text === "" ? "\xA0" : side.text;
+			let offset = 0;
+			return wrapped.map((line, i) => {
+				const start = offset;
+				offset += line.length;
+				const content = highlighted ? clipRuns(runs, start, offset) : line === "" ? "\xA0" : line;
+				return (0, react_jsx_runtime.jsx)("div", {
+					className: PendingPanel_module_css_default.subline,
+					children: content
+				}, i);
+			});
 		}
 		/**
-		* Derive the selected diff-row range from a native text selection. A
-		* boundary sitting exactly at a line edge contributes no content: a start at
-		* the line's end skips to the next line, an end at the line's start falls
-		* back to the previous line.
+		* One side of a split pair row, rendered inside its own column. The two columns
+		* are drawn by two independent `.splitCol` scrollers (each with its own
+		* horizontal scrollbar) that share one vertical scroller, and each row gets the
+		* same fixed `height` (the pair's max of the two sides' wrapped sub-line
+		* counts) so the left/right halves always align on the same Y — no jump when
+		* one side is longer. The gutter and code are top-aligned so sub-lines line up
+		* across the divider.
 		*/
-		function rowRangeOf(selection) {
-			if (selection === null || selection.isCollapsed || selection.rangeCount === 0) return void 0;
-			const range = selection.getRangeAt(0);
-			let start = rowIndexAt(range.startContainer);
-			let end = rowIndexAt(range.endContainer);
-			if (start === void 0 || end === void 0) return void 0;
-			if (lineOffsetAt(range.startContainer, range.startOffset) >= lineLengthAt(range.startContainer)) start += 1;
-			if (lineOffsetAt(range.endContainer, range.endOffset) === 0) end -= 1;
-			if (start > end) return void 0;
-			return {
-				start,
-				end
-			};
-		}
-		/** One row of the file list: the clickable head in the left pane. */
-		function PendingFileRow({ file, selected, failedMessage, t, onSelect }) {
+		function SplitSideRow({ index, side, wrapped, runs, kind, isLeft, height, focused, searchHit, searchCurrent, onHover }) {
+			const tint = isLeft ? kind === "del" || kind === "replace" ? PendingPanel_module_css_default.splitLdel : "" : kind === "add" || kind === "replace" ? PendingPanel_module_css_default.splitRadd : "";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.line,
+				style: { height },
+				"data-diff-split-row": true,
+				"data-diff-split-index": index,
+				"data-diff-split-side": isLeft ? "left" : "right",
+				"data-diff-focused": focused ? "" : void 0,
+				"data-diff-search": searchHit ? searchCurrent ? "current" : "hit" : void 0,
+				onMouseEnter: onHover,
+				children: [(0, react_jsx_runtime.jsx)("span", {
+					className: PendingPanel_module_css_default.gutter,
+					children: side?.line ?? ""
+				}), (0, react_jsx_runtime.jsx)("span", {
+					className: `${PendingPanel_module_css_default.code} ${tint}`,
+					"data-diff-code": true,
+					children: splitSideContent(side, wrapped, runs)
+				})]
+			});
+		}
+		/** The two-column (side-by-side) whole-file diff view. */
+		const SplitDiff = (0, react.forwardRef)(function SplitDiff({ file, model, runs, langWrap, tabWidthSpaces, busy, t, onBlockKeep, onBlockRevert }, ref) {
+			const { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows), [model]);
+			const pairCount = pairs.length;
+			const bodyRef = (0, react.useRef)(null);
+			const [scrollTop, setScrollTop] = (0, react.useState)(0);
+			const [viewportH, setViewportH] = (0, react.useState)(0);
+			const [bodyWidth, setBodyWidth] = (0, react.useState)(0);
+			const [hoveredBlock, setHoveredBlock] = (0, react.useState)(void 0);
+			const [focus, setFocus] = (0, react.useState)(0);
+			const [flashKey, setFlashKey] = (0, react.useState)(0);
+			const hoveredBlockRef = (0, react.useRef)(void 0);
+			const leftColRef = (0, react.useRef)(null);
+			const rightColRef = (0, react.useRef)(null);
+			const leftHScrollRef = (0, react.useRef)(null);
+			const rightHScrollRef = (0, react.useRef)(null);
+			const [fillWidth, setFillWidth] = (0, react.useState)({
+				left: 0,
+				right: 0
+			});
+			const [searchOpen, setSearchOpen] = (0, react.useState)(false);
+			const [searchQuery, setSearchQuery] = (0, react.useState)("");
+			const [searchIndex, setSearchIndex] = (0, react.useState)(0);
+			const searchInputRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				setFocus(0);
+				bodyRef.current?.focus();
+				setFlashKey((k) => k + 1);
+				setHoveredBlock(void 0);
+				setSearchOpen(false);
+				setSearchQuery("");
+				setSearchIndex(0);
+			}, [file.id]);
+			(0, react.useEffect)(() => {
+				const body = bodyRef.current;
+				if (body === null) return;
+				const measure = () => {
+					setViewportH(body.clientHeight);
+					setBodyWidth(body.clientWidth);
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+				observer?.observe(body);
+				return () => {
+					observer?.disconnect();
+				};
+			}, [file.id]);
+			const blockOfPair = (0, react.useMemo)(() => model.blocks.map((block) => ({
+				start: pairOfRow.get(block.start) ?? 0,
+				end: pairOfRow.get(block.end) ?? 0
+			})), [model, pairOfRow]);
+			const blockIndexByPair = (0, react.useMemo)(() => {
+				const map = /* @__PURE__ */ new Map();
+				blockOfPair.forEach((block, bi) => {
+					for (let k = block.start; k <= block.end; k++) map.set(k, bi);
+				});
+				return map;
+			}, [blockOfPair]);
+			const onPairHover = (0, react.useCallback)((k) => {
+				const bi = blockIndexByPair.get(k);
+				setHoveredBlock(bi);
+				if (bi !== void 0) hoveredBlockRef.current = bi;
+			}, [blockIndexByPair]);
+			const colWidth = Math.max(0, (bodyWidth - 1) / 2);
+			const pairWrapped = (0, react.useMemo)(() => {
+				if (!langWrap || bodyWidth === 0) return null;
+				const measure = makeMeasurer(codeFontOf());
+				if (measure === void 0) return null;
+				const charWidth = measure("0");
+				const wrapW = colWidth - WRAP_GUTTERS_PX / 2 - charWidth;
+				const tabPx = tabWidthSpaces * measure(" ");
+				return pairs.map((p) => ({
+					left: p.left === void 0 ? void 0 : wrapInto(p.left.text, wrapW, measure, tabPx),
+					right: p.right === void 0 ? void 0 : wrapInto(p.right.text, wrapW, measure, tabPx)
+				}));
+			}, [
+				pairs,
+				langWrap,
+				bodyWidth,
+				colWidth,
+				tabWidthSpaces
+			]);
+			const pairHeights = (0, react.useMemo)(() => {
+				if (pairWrapped === null) return null;
+				return pairWrapped.map((w) => Math.max(w.left?.length ?? 1, w.right?.length ?? 1) * ROW_HEIGHT_PX);
+			}, [pairWrapped]);
+			const pairOffsets = (0, react.useMemo)(() => {
+				if (pairHeights === null) return null;
+				const offs = new Array(pairHeights.length + 1);
+				offs[0] = 0;
+				for (let i = 0; i < pairHeights.length; i++) offs[i + 1] = offs[i] + pairHeights[i];
+				return offs;
+			}, [pairHeights]);
+			const totalHeight = pairOffsets === null ? pairCount * ROW_HEIGHT_PX : pairOffsets[pairCount] ?? 0;
+			const off = (k) => pairOffsets === null ? k * ROW_HEIGHT_PX : pairOffsets[Math.max(0, Math.min(k, pairCount))] ?? 0;
+			const pairHeightAt = (k) => pairHeights === null ? ROW_HEIGHT_PX : pairHeights[k] ?? ROW_HEIGHT_PX;
+			const widestSide = (0, react.useMemo)(() => {
+				let left = 0;
+				let right = 0;
+				for (const p of pairs) {
+					if (p.left !== void 0) left = Math.max(left, p.left.text.length);
+					if (p.right !== void 0) right = Math.max(right, p.right.text.length);
+				}
+				return {
+					left,
+					right
+				};
+			}, [pairs]);
+			(0, react.useLayoutEffect)(() => {
+				const sync = (side) => {
+					const col = side === "left" ? leftColRef.current : rightColRef.current;
+					const strip = side === "left" ? leftHScrollRef.current : rightHScrollRef.current;
+					if (col === null || strip === null) return;
+					const width = col.scrollWidth;
+					setFillWidth((prev) => prev[side] === width ? prev : {
+						...prev,
+						[side]: width
+					});
+					strip.scrollLeft = col.scrollLeft;
+				};
+				sync("left");
+				sync("right");
+			}, [
+				pairs,
+				langWrap,
+				tabWidthSpaces,
+				bodyWidth
+			]);
+			const onHScroll = (0, react.useCallback)((side) => {
+				const strip = side === "left" ? leftHScrollRef.current : rightHScrollRef.current;
+				const col = side === "left" ? leftColRef.current : rightColRef.current;
+				if (strip === null || col === null) return;
+				col.scrollLeft = strip.scrollLeft;
+			}, []);
+			const searchMatches = (0, react.useMemo)(() => searchPairs(pairs, searchQuery), [pairs, searchQuery]);
+			const searchHitSet = (0, react.useMemo)(() => new Set(searchMatches), [searchMatches]);
+			const currentSearchPair = searchMatches.length === 0 ? void 0 : searchMatches[searchIndex % searchMatches.length];
+			const closeSearch = () => {
+				setSearchOpen(false);
+				setSearchQuery("");
+				setSearchIndex(0);
+				bodyRef.current?.focus();
+			};
+			const openSearch = () => {
+				setSearchOpen(true);
+				requestAnimationFrame(() => {
+					searchInputRef.current?.focus();
+					searchInputRef.current?.select();
+				});
+			};
+			const goSearch = (direction) => {
+				const len = searchMatches.length;
+				if (len === 0) return;
+				const next = (searchIndex + direction + len) % len;
+				setSearchIndex(next);
+				const pairIndex = searchMatches[next];
+				if (pairIndex === void 0) return;
+				const body = bodyRef.current;
+				if (body === null) return;
+				const target = Math.max(0, off(pairIndex) - 44);
+				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
+				if (body.scrollTop !== clamped) body.scrollTop = clamped;
+				setScrollTop(clamped);
+			};
+			const handleBlockAction = async (action) => {
+				const operated = hoveredBlock ?? hoveredBlockRef.current;
+				if (operated === void 0) return;
+				const range = blockRanges[operated];
+				if (range === void 0) return;
+				await (action === "keep" ? onBlockKeep(file.sessionId, file.id, range) : onBlockRevert(file.sessionId, file.id, range));
+				const count = model.blocks.length;
+				if (count === 0) return;
+				const next = Math.max(0, Math.min(operated, count - 1));
+				setFocus(next);
+				setHoveredBlock(void 0);
+				setFlashKey((key) => key + 1);
+			};
+			const pairAtY = (y) => {
+				if (pairOffsets === null) return Math.floor(y / ROW_HEIGHT_PX);
+				if (y <= 0) return 0;
+				let lo = 0, hi = pairCount;
+				while (lo < hi) {
+					const mid = lo + hi + 1 >> 1;
+					if ((pairOffsets[mid] ?? 0) <= y) lo = mid;
+					else hi = mid - 1;
+				}
+				return lo;
+			};
+			const viewport = viewportH > 0 ? viewportH : totalHeight;
+			const start = Math.max(0, pairAtY(scrollTop) - OVERSCAN_ROWS);
+			const end = Math.min(pairCount, pairAtY(scrollTop + viewport) + OVERSCAN_ROWS);
+			const visiblePairs = pairs.slice(start, end);
+			const jump = (direction) => {
+				if (blockOfPair.length === 0) return;
+				setFocus((current) => {
+					if (direction === -1) return (current - 1 + blockOfPair.length) % blockOfPair.length;
+					const top = bodyRef.current?.scrollTop ?? 0;
+					for (let index = current + 1; index < blockOfPair.length; index++) if (off(blockOfPair[index].start) >= top) return index;
+					return 0;
+				});
+				setFlashKey((k) => k + 1);
+			};
+			(0, react.useImperativeHandle)(ref, () => ({
+				jump,
+				openSearch
+			}), [jump, openSearch]);
+			(0, react.useLayoutEffect)(() => {
+				if (pairCount === 0) return;
+				const block = blockOfPair[focus];
+				if (block === void 0) return;
+				const body = bodyRef.current;
+				if (body === null) return;
+				const target = off(block.start) - 44;
+				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
+				if (body.scrollTop !== clamped) body.scrollTop = clamped;
+				setScrollTop(clamped);
+			}, [focus, flashKey]);
+			const onScroll = () => {
+				setScrollTop(bodyRef.current?.scrollTop ?? 0);
+			};
+			const inFocused = (k) => {
+				const block = blockOfPair[focus];
+				return block !== void 0 && k >= block.start && k <= block.end;
+			};
+			const blockRanges = (0, react.useMemo)(() => model.blocks.map((block) => blockRangesOf(model.diff.rows, block)), [model]);
+			const focusedBlock = blockOfPair[focus];
+			const flashTop = focusedBlock === void 0 ? 0 : Math.max(0, off(focusedBlock.start) - scrollTop);
+			const flashBottom = focusedBlock === void 0 ? 0 : Math.min(viewportH > 0 ? viewportH : Number.POSITIVE_INFINITY, off(focusedBlock.end + 1) - scrollTop);
+			const flashHeight = Math.max(0, flashBottom - flashTop);
+			const blockActionsTop = hoveredBlock === void 0 || blockOfPair[hoveredBlock] === void 0 ? 0 : Math.max(0, Math.min(off(blockOfPair[hoveredBlock].end + 1) - scrollTop, Math.max(0, viewportH - BLOCK_ACTIONS_FRAME_PX)));
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.splitRoot,
+				onMouseLeave: () => setHoveredBlock(void 0),
+				children: [
+					(0, react_jsx_runtime.jsx)("div", {
+						className: `${PendingPanel_module_css_default.diffBody} ${PendingPanel_module_css_default.diffBodySplit}`,
+						ref: bodyRef,
+						tabIndex: 0,
+						onScroll,
+						style: { tabSize: tabWidthSpaces },
+						"data-diff-body": true,
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: PendingPanel_module_css_default.splitCols,
+							children: [
+								(0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.splitCol,
+									ref: leftColRef,
+									"data-diff-split-side": "left",
+									children: (0, react_jsx_runtime.jsxs)("div", {
+										className: `${PendingPanel_module_css_default.lines}${langWrap ? " " + PendingPanel_module_css_default.wrap : ""}`,
+										style: langWrap ? void 0 : { minWidth: `max(100%, ${widestSide.left}ch)` },
+										children: [
+											start > 0 && (0, react_jsx_runtime.jsx)("div", {
+												className: PendingPanel_module_css_default.vSpacer,
+												style: { height: off(start) },
+												"aria-hidden": "true"
+											}),
+											visiblePairs.map((pair, offset) => {
+												const index = start + offset;
+												const leftRuns = pair.left === void 0 ? void 0 : runs?.oldRuns?.[(pair.left.line ?? 0) - 1];
+												return (0, react_jsx_runtime.jsx)(SplitSideRow, {
+													index,
+													side: pair.left,
+													wrapped: pairWrapped?.[index]?.left,
+													runs: leftRuns,
+													kind: pair.kind,
+													isLeft: true,
+													height: pairHeightAt(index),
+													focused: inFocused(index),
+													searchHit: searchHitSet.has(index),
+													searchCurrent: index === currentSearchPair,
+													onHover: () => onPairHover(index)
+												}, index);
+											}),
+											end < pairCount && (0, react_jsx_runtime.jsx)("div", {
+												className: PendingPanel_module_css_default.vSpacer,
+												style: { height: totalHeight - off(end) },
+												"aria-hidden": "true"
+											})
+										]
+									})
+								}),
+								(0, react_jsx_runtime.jsx)("div", { className: PendingPanel_module_css_default.splitDivider }),
+								(0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.splitCol,
+									ref: rightColRef,
+									"data-diff-split-side": "right",
+									children: (0, react_jsx_runtime.jsxs)("div", {
+										className: `${PendingPanel_module_css_default.lines}${langWrap ? " " + PendingPanel_module_css_default.wrap : ""}`,
+										style: langWrap ? void 0 : { minWidth: `max(100%, ${widestSide.right}ch)` },
+										children: [
+											start > 0 && (0, react_jsx_runtime.jsx)("div", {
+												className: PendingPanel_module_css_default.vSpacer,
+												style: { height: off(start) },
+												"aria-hidden": "true"
+											}),
+											visiblePairs.map((pair, offset) => {
+												const index = start + offset;
+												const rightRuns = pair.right === void 0 ? void 0 : runs?.newRuns?.[(pair.right.line ?? 0) - 1];
+												return (0, react_jsx_runtime.jsx)(SplitSideRow, {
+													index,
+													side: pair.right,
+													wrapped: pairWrapped?.[index]?.right,
+													runs: rightRuns,
+													kind: pair.kind,
+													isLeft: false,
+													height: pairHeightAt(index),
+													focused: inFocused(index),
+													searchHit: searchHitSet.has(index),
+													searchCurrent: index === currentSearchPair,
+													onHover: () => onPairHover(index)
+												}, index);
+											}),
+											end < pairCount && (0, react_jsx_runtime.jsx)("div", {
+												className: PendingPanel_module_css_default.vSpacer,
+												style: { height: totalHeight - off(end) },
+												"aria-hidden": "true"
+											})
+										]
+									})
+								})
+							]
+						})
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.splitHScrollRow,
+						"data-diff-hscroll-row": true,
+						children: [
+							(0, react_jsx_runtime.jsx)("div", {
+								className: PendingPanel_module_css_default.splitHScroll,
+								ref: leftHScrollRef,
+								"data-diff-hscroll": "left",
+								style: {
+									width: colWidth,
+									flex: "none"
+								},
+								onScroll: () => onHScroll("left"),
+								children: (0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.splitHScrollFill,
+									style: { width: fillWidth.left || void 0 }
+								})
+							}),
+							(0, react_jsx_runtime.jsx)("div", { className: PendingPanel_module_css_default.splitDivider }),
+							(0, react_jsx_runtime.jsx)("div", {
+								className: PendingPanel_module_css_default.splitHScroll,
+								ref: rightHScrollRef,
+								"data-diff-hscroll": "right",
+								style: {
+									width: colWidth,
+									flex: "none"
+								},
+								onScroll: () => onHScroll("right"),
+								children: (0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.splitHScrollFill,
+									style: { width: fillWidth.right || void 0 }
+								})
+							})
+						]
+					}),
+					searchOpen && (0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.searchBar,
+						"data-diff-searchbar": true,
+						children: [
+							(0, react_jsx_runtime.jsx)("input", {
+								ref: searchInputRef,
+								className: PendingPanel_module_css_default.searchInput,
+								"data-diff-search-input": true,
+								value: searchQuery,
+								placeholder: t("panel.searchPlaceholder"),
+								onChange: (event) => {
+									setSearchQuery(event.target.value);
+									setSearchIndex(0);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter") {
+										event.preventDefault();
+										goSearch(event.shiftKey ? -1 : 1);
+									} else if (event.key === "Escape") closeSearch();
+								}
+							}),
+							(0, react_jsx_runtime.jsx)("span", {
+								className: PendingPanel_module_css_default.searchCount,
+								"data-diff-search-count": true,
+								children: searchMatches.length === 0 ? "0/0" : `${searchIndex % searchMatches.length + 1}/${searchMatches.length}`
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+								"data-diff-search-prev": true,
+								"aria-label": t("action.prevDiff"),
+								disabled: searchMatches.length === 0,
+								onClick: () => {
+									goSearch(-1);
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+								"data-diff-search-next": true,
+								"aria-label": t("action.nextDiff"),
+								disabled: searchMatches.length === 0,
+								onClick: () => {
+									goSearch(1);
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+								"data-diff-search-close": true,
+								"aria-label": t("action.close"),
+								onClick: closeSearch,
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+							})
+						]
+					}),
+					focusedBlock !== void 0 && flashKey > 0 && (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.blockFlash,
+						"data-diff-block-flash": true,
+						style: {
+							top: flashTop,
+							height: flashHeight
+						}
+					}, flashKey),
+					hoveredBlock !== void 0 && blockOfPair[hoveredBlock] !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.blockActions,
+						"data-diff-block-actions": true,
+						style: { top: blockActionsTop },
+						children: [
+							(0, react_jsx_runtime.jsx)("span", {
+								className: PendingPanel_module_css_default.blockPosition,
+								"data-diff-block-position": true,
+								children: t("panel.blockPosition", {
+									current: hoveredBlock + 1,
+									total: blockOfPair.length
+								})
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+								"data-diff-block-prev": true,
+								"aria-label": t("action.prevDiff"),
+								disabled: busy,
+								onClick: () => jump(-1),
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+								"data-diff-block-next": true,
+								"aria-label": t("action.nextDiff"),
+								disabled: busy,
+								onClick: () => jump(1),
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+								"data-diff-block-keep": true,
+								disabled: busy,
+								onClick: () => {
+									handleBlockAction("keep");
+								},
+								children: t("action.keep")
+							}),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action}`,
+								"data-diff-block-revert": true,
+								disabled: busy,
+								onClick: () => {
+									handleBlockAction("revert");
+								},
+								children: t("action.revert")
+							})
+						]
+					})
+				]
+			});
+		});
+		/** The diff-row index containing a node, or undefined. */
+		function rowIndexAt(node) {
+			if (node === null) return void 0;
+			const row = (node instanceof Element ? node : node.parentElement)?.closest("[data-diff-row]");
+			if (row === null || row === void 0) return void 0;
+			const index = Number(row.dataset.diffRow);
+			return Number.isFinite(index) ? index : void 0;
+		}
+		/** The split pair index and which side (left=old, right=new) a node sits in, or undefined. */
+		function splitRowInfoAt(node) {
+			if (node === null) return void 0;
+			const row = (node instanceof Element ? node : node.parentElement)?.closest("[data-diff-split-row]");
+			if (row === null || row === void 0) return void 0;
+			const side = row.dataset.diffSplitSide;
+			if (side !== "left" && side !== "right") return void 0;
+			const index = Number(row.dataset.diffSplitIndex);
+			if (!Number.isFinite(index)) return void 0;
+			return {
+				pairIndex: index,
+				side: side === "left" ? "old" : "new"
+			};
+		}
+		/**
+		* Derive the selected split pair range per side (a left-column selection
+		* references the old file, a right-column selection the new file). A selection
+		* spanning the divider (both sides) references two files, so it is rejected.
+		*/
+		function splitRowRangeOf(selection) {
+			if (selection === null || selection.isCollapsed || selection.rangeCount === 0) return void 0;
+			const range = selection.getRangeAt(0);
+			const startInfo = splitRowInfoAt(range.startContainer);
+			const endInfo = splitRowInfoAt(range.endContainer);
+			if (startInfo === void 0 || endInfo === void 0) return void 0;
+			if (startInfo.side !== endInfo.side) return void 0;
+			let start = startInfo.pairIndex;
+			let end = endInfo.pairIndex;
+			if (lineOffsetAt(range.startContainer, range.startOffset) >= lineLengthAt(range.startContainer)) start += 1;
+			if (lineOffsetAt(range.endContainer, range.endOffset) === 0) end -= 1;
+			if (start > end) return void 0;
+			return {
+				start,
+				end,
+				side: startInfo.side
+			};
+		}
+		/** Character offset of a selection boundary within its line's code text. */
+		function lineOffsetAt(node, offset) {
+			const code = (node instanceof Element ? node : node.parentElement)?.closest("[data-diff-code]");
+			if (code === null || code === void 0) return 0;
+			let before = 0;
+			const walker = document.createTreeWalker(code, NodeFilter.SHOW_TEXT);
+			let current = walker.nextNode();
+			while (current !== null) {
+				if (current === node) return before + offset;
+				if (node instanceof Element && node.contains(current)) break;
+				before += current.length;
+				current = walker.nextNode();
+			}
+			if (node instanceof Element) {
+				const children = [...node.childNodes];
+				for (let i = 0; i < Math.min(offset, children.length); i++) {
+					const inner = document.createTreeWalker(children[i], NodeFilter.SHOW_TEXT);
+					let text = inner.nextNode();
+					while (text !== null) {
+						before += text.length;
+						text = inner.nextNode();
+					}
+				}
+			}
+			return before;
+		}
+		/** Length of the code text on the line holding a node. */
+		function lineLengthAt(node) {
+			return ((node instanceof Element ? node : node.parentElement)?.closest("[data-diff-code]"))?.textContent?.length ?? 0;
+		}
+		/**
+		* Derive the selected diff-row range from a native text selection. A
+		* boundary sitting exactly at a line edge contributes no content: a start at
+		* the line's end skips to the next line, an end at the line's start falls
+		* back to the previous line.
+		*/
+		function rowRangeOf(selection) {
+			if (selection === null || selection.isCollapsed || selection.rangeCount === 0) return void 0;
+			const range = selection.getRangeAt(0);
+			let start = rowIndexAt(range.startContainer);
+			let end = rowIndexAt(range.endContainer);
+			if (start === void 0 || end === void 0) return void 0;
+			if (lineOffsetAt(range.startContainer, range.startOffset) >= lineLengthAt(range.startContainer)) start += 1;
+			if (lineOffsetAt(range.endContainer, range.endOffset) === 0) end -= 1;
+			if (start > end) return void 0;
+			return {
+				start,
+				end
+			};
+		}
+		/** One row of the file list: the clickable head in the left pane. */
+		function PendingFileRow({ file, selected, failedMessage, t, onSelect }) {
 			const stats = (0, react.useMemo)(() => computeWholeFileDiff(file.oldText, file.newText), [file.oldText, file.newText]);
 			return (0, react_jsx_runtime.jsx)("li", {
 				className: PendingPanel_module_css_default.row,
@@ -12248,7 +13058,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								title: failedMessage,
 								children: t("row.failed")
 							}),
-							(0, react_jsx_runtime.jsxs)("span", {
+							(stats.added !== 0 || stats.removed !== 0) && (0, react_jsx_runtime.jsxs)("span", {
 								className: PendingPanel_module_css_default.rowMeta,
 								children: [(0, react_jsx_runtime.jsx)("span", {
 									className: PendingPanel_module_css_default.addCount,
@@ -12264,7 +13074,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** The selected file's diff, actions, jump controls, and copy toolbar. */
-		function PendingDiff({ file, busy, workspacePath, jumpSignal, undoFlash, failedMessage, onPasteReference, t, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, floatMode, floatOpen, onToggleFileList }) {
+		function PendingDiff({ file, busy, workspacePath, jumpSignal, undoFlash, failedMessage, onPasteReference, onToast, t, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, floatMode, floatOpen, onToggleFileList }) {
 			const [langOverride, setLangOverride] = (0, react.useState)(void 0);
 			const [langMenuOpen, setLangMenuOpen] = (0, react.useState)(false);
 			const langMenuItems = (0, react.useMemo)(() => [{
@@ -12288,6 +13098,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setWrapEnabled(wrapKey, next);
 			};
 			const [tabWidthSpaces] = (0, react.useState)(() => tabWidth());
+			const splitView = splitMode();
+			const splitDiffRef = (0, react.useRef)(null);
 			const model = (0, react.useMemo)(() => {
 				const diff = computeWholeFileDiff(file.oldText, file.newText);
 				return {
@@ -12295,6 +13107,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					blocks: changeBlocksOf(diff)
 				};
 			}, [file.oldText, file.newText]);
+			const splitPairs = (0, react.useMemo)(() => splitView ? computeSideBySideDiff(model.diff.rows).pairs : null, [splitView, model]);
 			const rulerMarkers = (0, react.useMemo)(() => {
 				const rows = model.diff.rows;
 				const total = rows.length;
@@ -12365,6 +13178,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [flashKey, setFlashKey] = (0, react.useState)(0);
 			(0, react.useEffect)(() => {
 				setFocus(0);
+				setScrollTick((tick) => tick + 1);
 				bodyRef.current?.focus();
 				setFlashKey((key) => key + 1);
 				setHoveredBlock(void 0);
@@ -12385,6 +13199,32 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const blockRanges = (0, react.useMemo)(() => {
 				return model.blocks.map((block) => blockRangesOf(model.diff.rows, block));
 			}, [model]);
+			const coveredBlockIndices = (0, react.useMemo)(() => {
+				if (selection === void 0 || splitView) return [];
+				const covered = [];
+				for (let index = 0; index < model.blocks.length; index++) {
+					const block = model.blocks[index];
+					if (selection.start <= block.start && block.end <= selection.end) covered.push(index);
+				}
+				return covered;
+			}, [
+				selection,
+				splitView,
+				model
+			]);
+			const selectionRange = (0, react.useMemo)(() => {
+				if (coveredBlockIndices.length === 0) return void 0;
+				const firstIndex = coveredBlockIndices[0];
+				const lastIndex = coveredBlockIndices[coveredBlockIndices.length - 1];
+				if (firstIndex === void 0 || lastIndex === void 0) return void 0;
+				const first = model.blocks[firstIndex];
+				const last = model.blocks[lastIndex];
+				if (first === void 0 || last === void 0) return void 0;
+				return blockRangesOf(model.diff.rows, {
+					start: first.start,
+					end: last.end
+				});
+			}, [coveredBlockIndices, model]);
 			const searchMatches = (0, react.useMemo)(() => {
 				if (searchQuery === "") return [];
 				const lower = searchQuery.toLowerCase();
@@ -12490,6 +13330,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const visibleRows = rows.slice(start, end);
 			const blockEnd = hoveredBlock === void 0 ? void 0 : model.blocks[hoveredBlock]?.end;
 			const blockActionsTop = blockEnd === void 0 ? 0 : Math.min(offsetOf(blockEnd + 1), Math.max(0, totalHeight - BLOCK_ACTIONS_FRAME_PX));
+			const selectionBlockEnd = (() => {
+				if (coveredBlockIndices.length === 0) return void 0;
+				const lastIndex = coveredBlockIndices[coveredBlockIndices.length - 1];
+				if (lastIndex === void 0) return void 0;
+				return model.blocks[lastIndex]?.end;
+			})();
+			const selectionActionsTop = selectionBlockEnd === void 0 ? 0 : Math.min(offsetOf(selectionBlockEnd + 1), Math.max(0, totalHeight - BLOCK_ACTIONS_FRAME_PX));
 			const widestLine = (0, react.useMemo)(() => {
 				let widest = 0;
 				for (const row of model.diff.rows) if (row.text.length > widest) widest = row.text.length;
@@ -12533,10 +13380,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
 			}, [
-				model,
 				focus,
 				scrollTick,
-				rowCount,
 				rowOffsets === null
 			]);
 			const jump = (direction) => {
@@ -12554,6 +13399,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setScrollTick((tick) => tick + 1);
 				setFlashKey((key) => key + 1);
 			};
+			const jumpBlock = (direction) => {
+				if (splitView) {
+					splitDiffRef.current?.jump(direction);
+					return;
+				}
+				jump(direction);
+			};
+			const jumpBlockRef = (0, react.useRef)(jumpBlock);
+			jumpBlockRef.current = jumpBlock;
 			const stepBlock = (direction) => {
 				const count = model.blocks.length;
 				if (count === 0) return;
@@ -12563,9 +13417,31 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setScrollTick((tick) => tick + 1);
 				setFlashKey((key) => key + 1);
 			};
+			const runBlockAction = async (action, range, operated) => {
+				await (action === "keep" ? onBlockKeep(file.sessionId, file.id, range) : onBlockRevert(file.sessionId, file.id, range));
+				const count = model.blocks.length;
+				if (count === 0) return;
+				const next = Math.max(0, Math.min(operated, count - 1));
+				setFocus(next);
+				setHoveredBlock(void 0);
+				setScrollTick((tick) => tick + 1);
+				setFlashKey((key) => key + 1);
+			};
+			const handleBlockAction = async (action) => {
+				if (busy || hoveredBlock === void 0) return;
+				const operated = hoveredBlock;
+				const range = blockRanges[operated];
+				await runBlockAction(action, range, operated);
+			};
+			const handleSelectionAction = async (action) => {
+				if (busy || selectionRange === void 0) return;
+				const firstCovered = coveredBlockIndices[0];
+				if (firstCovered === void 0) return;
+				await runBlockAction(action, selectionRange, firstCovered);
+			};
 			(0, react.useEffect)(() => {
 				if (jumpSignal === 0) return;
-				jump(1);
+				jumpBlock(1);
 			}, [jumpSignal]);
 			const onScroll = () => {
 				const body = bodyRef.current;
@@ -12574,31 +13450,49 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setViewportHeight(body.clientHeight);
 			};
 			(0, react.useEffect)(() => {
-				const update = () => setSelection(rowRangeOf(window.getSelection()));
+				const update = () => setSelection(splitView ? splitRowRangeOf(window.getSelection()) : rowRangeOf(window.getSelection()));
 				document.addEventListener("selectionchange", update);
 				update();
 				return () => {
 					document.removeEventListener("selectionchange", update);
 				};
-			}, [file.id]);
+			}, [file.id, splitView]);
 			const selectionReference = (() => {
 				if (selection === void 0) return void 0;
+				if (splitView) {
+					if (selection.side === void 0 || splitPairs === null) return void 0;
+					const lineNumbers = [];
+					for (let index = selection.start; index <= selection.end; index++) {
+						const pair = splitPairs[index];
+						if (pair === void 0) continue;
+						const line = selection.side === "old" ? pair.left?.line : pair.right?.line;
+						if (line !== void 0) lineNumbers.push(line);
+					}
+					if (lineNumbers.length === 0) return void 0;
+					return referenceOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
+				}
 				const lineNumbers = model.diff.rows.slice(selection.start, selection.end + 1).map((row) => row.newLine).filter((number) => number !== void 0);
 				if (lineNumbers.length === 0) return void 0;
 				return referenceOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
 			})();
 			const copySelection = (0, react.useCallback)(async () => {
 				if (selectionReference === void 0) return;
+				if (pasteOnCopyEnabled()) {
+					onPasteReference(file.sessionId, selectionReference);
+					return;
+				}
 				if (!await (0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(selectionReference)) return;
 				setCopied(true);
-				if (pasteOnCopyEnabled()) onPasteReference(file.sessionId, selectionReference);
+				onToast(t("action.copied"));
 				window.setTimeout(() => {
 					setCopied(false);
 				}, 1500);
 			}, [
 				file.sessionId,
 				onPasteReference,
-				selectionReference
+				onToast,
+				selectionReference,
+				t
 			]);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
@@ -12618,6 +13512,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					if (!(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey) return;
 					if (event.key.toLowerCase() !== "f") return;
 					event.preventDefault();
+					if (splitView) {
+						splitDiffRef.current?.openSearch();
+						return;
+					}
 					setSearchOpen(true);
 					searchInputRef.current?.focus();
 					searchInputRef.current?.select();
@@ -12627,8 +13525,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					window.removeEventListener("keydown", onKeyDown, true);
 				};
 			}, []);
-			const jumpRef = (0, react.useRef)(jump);
-			jumpRef.current = jump;
+			const jumpRef = (0, react.useRef)(jumpBlock);
+			jumpRef.current = jumpBlock;
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
 					if (!(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey) return;
@@ -12714,7 +13612,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, { size: 14 })
 								})
 							}),
-							(0, react_jsx_runtime.jsx)("span", {
+							(model.diff.added !== 0 || model.diff.removed !== 0) && (0, react_jsx_runtime.jsx)("span", {
 								className: PendingPanel_module_css_default.diffStats,
 								children: t("panel.stats", {
 									added: model.diff.added,
@@ -12736,7 +13634,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.prevDiff"),
 									disabled: busy,
 									onClick: () => {
-										jump(-1);
+										jumpBlock(-1);
 									},
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
 								})
@@ -12751,7 +13649,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.nextDiff"),
 									disabled: busy,
 									onClick: () => {
-										jump(1);
+										jumpBlock(1);
 									},
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
 								})
@@ -12801,7 +13699,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						className: PendingPanel_module_css_default.missingHint,
 						children: t("panel.missingHint")
 					}),
-					(0, react_jsx_runtime.jsxs)("div", {
+					splitView ? (0, react_jsx_runtime.jsx)(SplitDiff, {
+						ref: splitDiffRef,
+						file,
+						model,
+						runs,
+						langWrap,
+						tabWidthSpaces,
+						busy,
+						t,
+						onBlockKeep,
+						onBlockRevert
+					}) : (0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffBodyWrap,
 						children: [
 							(0, react_jsx_runtime.jsxs)("div", {
@@ -12845,7 +13754,30 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											"aria-hidden": "true"
 										})
 									]
-								}), hoveredBlock !== void 0 && model.blocks[hoveredBlock] !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
+								}), selectionRange !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+									className: PendingPanel_module_css_default.blockActions,
+									"data-diff-selection-actions": true,
+									style: { top: selectionActionsTop },
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+										"data-diff-selection-keep": true,
+										disabled: busy,
+										onClick: () => {
+											handleSelectionAction("keep");
+										},
+										children: t("action.keep")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: PendingPanel_module_css_default.action,
+										"data-diff-selection-revert": true,
+										disabled: busy,
+										onClick: () => {
+											handleSelectionAction("revert");
+										},
+										children: t("action.revert")
+									})]
+								}) : hoveredBlock !== void 0 && model.blocks[hoveredBlock] !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
 									className: PendingPanel_module_css_default.blockActions,
 									"data-diff-block-actions": true,
 									style: { top: blockActionsTop },
@@ -12886,7 +13818,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											"data-diff-block-keep": true,
 											disabled: busy,
 											onClick: () => {
-												onBlockKeep(file.sessionId, file.id, blockRanges[hoveredBlock]);
+												handleBlockAction("keep");
 											},
 											children: t("action.keep")
 										}),
@@ -12896,12 +13828,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											"data-diff-block-revert": true,
 											disabled: busy,
 											onClick: () => {
-												onBlockRevert(file.sessionId, file.id, blockRanges[hoveredBlock]);
+												handleBlockAction("revert");
 											},
 											children: t("action.revert")
 										})
 									]
-								})]
+								}) : null]
 							}),
 							focusedBlock !== void 0 && flashKey > 0 && (0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.blockFlash,
@@ -13063,7 +13995,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** Render the pending-edit review panel and its unified footer action. */
-		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPasteReference, onUndo, onRedo, onImportVcs, onAckRedoCleared, t }) {
+		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPasteReference, onUndo, onRedo, onImportVcs, onAckRedoCleared, onAckJustResolved, collapseSidebar, t }) {
 			const current = useSessions((state) => state.current);
 			const currentBlank = useSessions((state) => {
 				const id = state.current;
@@ -13091,8 +14023,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [importToast, setImportToast] = (0, react.useState)(null);
 			/** A transient banner for a keep/revert failure. */
 			const [actionToast, setActionToast] = (0, react.useState)(null);
+			/** A transient banner confirming a reference was copied to the clipboard. */
+			const [copyToast, setCopyToast] = (0, react.useState)(null);
 			/** Whether the redo-cleared notice is showing (bottom-right, OK to dismiss). */
 			const [redoClearedNotice, setRedoClearedNotice] = (0, react.useState)(false);
+			/** A file whose last block just resolved, pending a remove-or-keep choice. */
+			const [confirmDismiss, setConfirmDismiss] = (0, react.useState)(null);
 			/** Bottom offset tracking the chat composer's top edge so the input stays visible. */
 			const [bottomPx, setBottomPx] = (0, react.useState)(FALLBACK_BOTTOM_PX);
 			/** Fullscreen expanded: the panel bottom pins to the window edge, ignoring the composer offset. */
@@ -13105,6 +14041,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			/** The review panel's width, measured so the file list can collapse when it
 			* would take more than a third of it (browser zoom / window resize). */
 			const [panelWidth, setPanelWidth] = (0, react.useState)(0);
+			const [viewportWidth, setViewportWidth] = (0, react.useState)(() => window.innerWidth);
 			const panelRef = (0, react.useRef)(null);
 			const splitRef = (0, react.useRef)(null);
 			/** The code scroll box's bounds within the split, so the floating card is
@@ -13132,10 +14069,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					observer?.disconnect();
 				};
 			}, [open]);
-			const floatMode = panelWidth > 0 && listWidth > panelWidth / 3;
+			const floatMode = viewportWidth < SIDEBAR_AUTO_COLLAPSE_PX;
 			const toggleFileList = () => {
 				setFloatOpen((value) => !value);
 			};
+			(0, react.useEffect)(() => {
+				const onResize = () => {
+					setViewportWidth(window.innerWidth);
+				};
+				window.addEventListener("resize", onResize);
+				return () => {
+					window.removeEventListener("resize", onResize);
+				};
+			}, []);
 			(0, react.useEffect)(() => {
 				if (!floatMode || !floatOpen) return;
 				const el = panelRef.current;
@@ -13237,6 +14183,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (fresh.length > 0) setActionToast(fresh[0][1]);
 				failedRef.current = current;
 			}, [snapshot.failed]);
+			(0, react.useEffect)(() => {
+				if (snapshot.justResolved === void 0) return;
+				setConfirmDismiss(snapshot.justResolved);
+				onAckJustResolved();
+			}, [snapshot.justResolved, onAckJustResolved]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
 				if (selected !== "" && files.some((file) => file.id === selected)) return;
@@ -13267,6 +14218,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 			};
 			const toggleOpen = () => {
+				if (!open) collapseSidebar();
 				setOpen((value) => !value);
 			};
 			(0, react.useEffect)(() => {
@@ -13293,6 +14245,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 			}, entry.id);
 			const selectedFile = files.find((file) => file.id === selected);
+			/** The file whose removal is being confirmed, if any. */
+			const confirmFile = confirmDismiss === null ? void 0 : files.find((file) => file.id === confirmDismiss);
 			const fileListBody = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
 				className: PendingPanel_module_css_default.listScroll,
 				children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
@@ -13360,6 +14314,58 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				handleUndo,
 				handleRedo
 			]);
+			(0, react.useEffect)(() => {
+				if (!open || current === void 0) return;
+				const onKeyDown = (event) => {
+					if (!(event.ctrlKey || event.metaKey) || event.altKey) return;
+					if (event.key.toLowerCase() !== "tab") return;
+					const target = event.target;
+					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
+					if (files.length === 0) return;
+					event.preventDefault();
+					const index = files.findIndex((file) => file.id === selected);
+					const direction = event.shiftKey ? -1 : 1;
+					const next = files[(index + direction + files.length) % files.length];
+					if (next !== void 0) setSelected(next.id);
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [
+				open,
+				current,
+				files,
+				selected
+			]);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (!matchesShortcut(event, quickSummonKey())) return;
+					const target = event.target;
+					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
+					event.preventDefault();
+					if (!open) collapseSidebar();
+					setOpen((value) => !value);
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [open, collapseSidebar]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onKeyDown = (event) => {
+					if (event.key !== "Escape") return;
+					const target = event.target;
+					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
+					event.preventDefault();
+					setOpen(false);
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [open]);
 			/** Drag the list/detail divider; width follows the pointer within its bounds. */
 			const startResize = (event) => {
 				if (event.button !== 0) return;
@@ -13401,162 +14407,207 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 							setActionToast(null);
 						}
 					}),
-					open && expanded && (0, react_jsx_runtime.jsx)("div", {
+					copyToast !== null && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
+						text: copyToast,
+						onDone: () => {
+							setCopyToast(null);
+						}
+					}),
+					open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [expanded && (0, react_jsx_runtime.jsx)("div", {
 						className: PendingPanel_module_css_default.fullscreenBackdrop,
 						"data-diff-fullscreen-backdrop": true
-					}),
-					open && (0, react_jsx_runtime.jsxs)("section", {
+					}), (0, react_jsx_runtime.jsxs)("section", {
 						className: PendingPanel_module_css_default.panel,
 						ref: panelRef,
 						style: { bottom: expanded ? PANEL_INSET_PX : bottomPx },
 						"data-diff-approval-panel": true,
 						"aria-label": t("panel.title"),
-						children: [(0, react_jsx_runtime.jsxs)("header", {
-							className: PendingPanel_module_css_default.header,
-							children: [(0, react_jsx_runtime.jsx)("span", {
-								className: PendingPanel_module_css_default.title,
-								children: t("panel.title")
-							}), (0, react_jsx_runtime.jsxs)("div", {
-								className: PendingPanel_module_css_default.headerActions,
-								children: [
-									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-										label: t("action.settings"),
-										side: "bottom",
-										delayMs: 500,
-										children: (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: PendingPanel_module_css_default.expand,
-											"data-diff-approval-settings": true,
-											"aria-label": t("action.settings"),
-											onClick: () => {
-												setOpen(false);
-												openSettingsSection(t("settings.tabLabel"));
-											},
-											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSettingsOutline16, { size: 14 })
+						children: [
+							(0, react_jsx_runtime.jsxs)("header", {
+								className: PendingPanel_module_css_default.header,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.title,
+									children: t("panel.title")
+								}), (0, react_jsx_runtime.jsxs)("div", {
+									className: PendingPanel_module_css_default.headerActions,
+									children: [
+										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t("action.settings"),
+											side: "bottom",
+											delayMs: 500,
+											children: (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: PendingPanel_module_css_default.expand,
+												"data-diff-approval-settings": true,
+												"aria-label": t("action.settings"),
+												onClick: () => {
+													setOpen(false);
+													openSettingsSection(t("settings.tabLabel"));
+												},
+												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSettingsOutline16, { size: 14 })
+											})
+										}),
+										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t(expanded ? "action.exitFullscreen" : "action.expand"),
+											side: "bottom",
+											delayMs: 500,
+											children: (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: expanded ? `${PendingPanel_module_css_default.expand} ${PendingPanel_module_css_default.expandExpanded}` : PendingPanel_module_css_default.expand,
+												"data-diff-approval-expand": true,
+												"aria-label": t(expanded ? "action.exitFullscreen" : "action.expand"),
+												onClick: () => {
+													if (!expanded) collapseSidebar();
+													setExpanded((value) => !value);
+												},
+												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, { size: 14 })
+											})
+										}),
+										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t("action.close"),
+											side: "bottom",
+											delayMs: 500,
+											children: (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: PendingPanel_module_css_default.close,
+												"data-diff-approval-close": true,
+												"aria-label": t("action.close"),
+												onClick: () => {
+													setOpen(false);
+												},
+												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+											})
 										})
+									]
+								})]
+							}),
+							snapshot.error !== void 0 || !snapshot.read || files.length === 0 ? (0, react_jsx_runtime.jsxs)("div", {
+								className: PendingPanel_module_css_default.states,
+								children: [
+									snapshot.error !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+										className: PendingPanel_module_css_default.readError,
+										role: "alert",
+										children: t("panel.readFailed", { message: snapshot.error })
 									}),
-									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-										label: t(expanded ? "action.exitFullscreen" : "action.expand"),
-										side: "bottom",
-										delayMs: 500,
-										children: (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: expanded ? `${PendingPanel_module_css_default.expand} ${PendingPanel_module_css_default.expandExpanded}` : PendingPanel_module_css_default.expand,
-											"data-diff-approval-expand": true,
-											"aria-label": t(expanded ? "action.exitFullscreen" : "action.expand"),
-											onClick: () => {
-												setExpanded((value) => !value);
+									!snapshot.read && snapshot.error === void 0 && (0, react_jsx_runtime.jsx)("p", {
+										className: PendingPanel_module_css_default.note,
+										children: t("panel.loading")
+									}),
+									snapshot.read && snapshot.error === void 0 && files.length === 0 && (0, react_jsx_runtime.jsxs)("div", {
+										className: PendingPanel_module_css_default.emptyState,
+										children: [
+											(0, react_jsx_runtime.jsx)("p", {
+												className: `${PendingPanel_module_css_default.note} ${PendingPanel_module_css_default.noteCentered}`,
+												children: t("panel.empty")
+											}),
+											(0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: PendingPanel_module_css_default.importButton,
+												"data-diff-import-vcs": true,
+												disabled: importBusy,
+												onClick: () => {
+													runImportVcs();
+												},
+												children: importBusy ? t("action.importVcsBusy") : t("action.importVcs")
+											}),
+											importNote !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+												className: PendingPanel_module_css_default.importNote,
+												role: importFailed ? "alert" : void 0,
+												children: importNote
+											})
+										]
+									})
+								]
+							}) : (0, react_jsx_runtime.jsxs)("div", {
+								className: PendingPanel_module_css_default.split,
+								ref: splitRef,
+								children: [
+									!floatMode && (0, react_jsx_runtime.jsx)("nav", {
+										className: PendingPanel_module_css_default.fileList,
+										style: { width: listWidth },
+										"data-diff-approval-file-list": true,
+										children: fileListBody
+									}),
+									!floatMode && (0, react_jsx_runtime.jsx)("div", {
+										className: PendingPanel_module_css_default.resizeHandle,
+										"data-diff-resize": true,
+										onMouseDown: startResize
+									}),
+									(0, react_jsx_runtime.jsx)("div", {
+										className: PendingPanel_module_css_default.detail,
+										children: selectedFile === void 0 ? (0, react_jsx_runtime.jsx)("p", {
+											className: PendingPanel_module_css_default.detailEmpty,
+											children: t("panel.selectHint")
+										}) : (0, react_jsx_runtime.jsx)(PendingDiff, {
+											file: selectedFile,
+											busy: snapshot.busy.has(selectedFile.id),
+											workspacePath: snapshot.workspacePath,
+											jumpSignal,
+											undoFlash,
+											failedMessage: failed.get(selectedFile.id),
+											onPasteReference,
+											onToast: (text) => {
+												setCopyToast(text);
 											},
-											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, { size: 14 })
+											t,
+											onKeep,
+											onRevert,
+											onBlockKeep,
+											onBlockRevert,
+											onOpen,
+											floatMode,
+											floatOpen,
+											onToggleFileList: toggleFileList
 										})
 									}),
-									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-										label: t("action.close"),
-										side: "bottom",
-										delayMs: 500,
-										children: (0, react_jsx_runtime.jsx)("button", {
+									floatMode && floatOpen && files.length > 0 && floatBox !== null && (0, react_jsx_runtime.jsx)("div", {
+										className: PendingPanel_module_css_default.fileListFloat,
+										style: {
+											left: floatBox.left + FLOAT_LIST_MARGIN_PX,
+											top: floatBox.top + FLOAT_LIST_MARGIN_PX,
+											width: Math.min(listWidth, Math.max(0, floatBox.width - 24)),
+											height: Math.max(0, floatBox.height - 24)
+										},
+										"data-diff-floating-file-list": true,
+										children: fileListBody
+									})
+								]
+							}),
+							confirmFile !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+								className: PendingPanel_module_css_default.confirmBackdrop,
+								"data-diff-confirm": true,
+								children: (0, react_jsx_runtime.jsxs)("div", {
+									className: PendingPanel_module_css_default.confirmCard,
+									role: "dialog",
+									"aria-modal": "true",
+									children: [(0, react_jsx_runtime.jsx)("p", {
+										className: PendingPanel_module_css_default.confirmText,
+										children: t("panel.resolvedAsk", { file: basenameOf(confirmFile.path) })
+									}), (0, react_jsx_runtime.jsxs)("div", {
+										className: PendingPanel_module_css_default.confirmActions,
+										children: [(0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: PendingPanel_module_css_default.close,
-											"data-diff-approval-close": true,
-											"aria-label": t("action.close"),
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+											"data-diff-confirm-remove": true,
 											onClick: () => {
-												setOpen(false);
+												setConfirmDismiss(null);
+												onKeep(confirmFile.sessionId, confirmFile.id);
 											},
-											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
-										})
-									})
-								]
-							})]
-						}), snapshot.error !== void 0 || !snapshot.read || files.length === 0 ? (0, react_jsx_runtime.jsxs)("div", {
-							className: PendingPanel_module_css_default.states,
-							children: [
-								snapshot.error !== void 0 && (0, react_jsx_runtime.jsx)("p", {
-									className: PendingPanel_module_css_default.readError,
-									role: "alert",
-									children: t("panel.readFailed", { message: snapshot.error })
-								}),
-								!snapshot.read && snapshot.error === void 0 && (0, react_jsx_runtime.jsx)("p", {
-									className: PendingPanel_module_css_default.note,
-									children: t("panel.loading")
-								}),
-								snapshot.read && snapshot.error === void 0 && files.length === 0 && (0, react_jsx_runtime.jsxs)("div", {
-									className: PendingPanel_module_css_default.emptyState,
-									children: [
-										(0, react_jsx_runtime.jsx)("p", {
-											className: `${PendingPanel_module_css_default.note} ${PendingPanel_module_css_default.noteCentered}`,
-											children: t("panel.empty")
-										}),
-										(0, react_jsx_runtime.jsx)("button", {
+											children: t("row.dismiss")
+										}), (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: PendingPanel_module_css_default.importButton,
-											"data-diff-import-vcs": true,
-											disabled: importBusy,
+											className: PendingPanel_module_css_default.action,
+											"data-diff-confirm-keep": true,
 											onClick: () => {
-												runImportVcs();
+												setConfirmDismiss(null);
 											},
-											children: importBusy ? t("action.importVcsBusy") : t("action.importVcs")
-										}),
-										importNote !== void 0 && (0, react_jsx_runtime.jsx)("p", {
-											className: PendingPanel_module_css_default.importNote,
-											role: importFailed ? "alert" : void 0,
-											children: importNote
-										})
-									]
+											children: t("panel.keepInList")
+										})]
+									})]
 								})
-							]
-						}) : (0, react_jsx_runtime.jsxs)("div", {
-							className: PendingPanel_module_css_default.split,
-							ref: splitRef,
-							children: [
-								!floatMode && (0, react_jsx_runtime.jsx)("nav", {
-									className: PendingPanel_module_css_default.fileList,
-									style: { width: listWidth },
-									"data-diff-approval-file-list": true,
-									children: fileListBody
-								}),
-								!floatMode && (0, react_jsx_runtime.jsx)("div", {
-									className: PendingPanel_module_css_default.resizeHandle,
-									"data-diff-resize": true,
-									onMouseDown: startResize
-								}),
-								(0, react_jsx_runtime.jsx)("div", {
-									className: PendingPanel_module_css_default.detail,
-									children: selectedFile === void 0 ? (0, react_jsx_runtime.jsx)("p", {
-										className: PendingPanel_module_css_default.detailEmpty,
-										children: t("panel.selectHint")
-									}) : (0, react_jsx_runtime.jsx)(PendingDiff, {
-										file: selectedFile,
-										busy: snapshot.busy.has(selectedFile.id),
-										workspacePath: snapshot.workspacePath,
-										jumpSignal,
-										undoFlash,
-										failedMessage: failed.get(selectedFile.id),
-										onPasteReference,
-										t,
-										onKeep,
-										onRevert,
-										onBlockKeep,
-										onBlockRevert,
-										onOpen,
-										floatMode,
-										floatOpen,
-										onToggleFileList: toggleFileList
-									})
-								}),
-								floatMode && floatOpen && files.length > 0 && floatBox !== null && (0, react_jsx_runtime.jsx)("div", {
-									className: PendingPanel_module_css_default.fileListFloat,
-									style: {
-										left: floatBox.left + FLOAT_LIST_MARGIN_PX,
-										top: floatBox.top + FLOAT_LIST_MARGIN_PX,
-										width: Math.min(listWidth, Math.max(0, floatBox.width - 24)),
-										height: Math.max(0, floatBox.height - 24)
-									},
-									"data-diff-floating-file-list": true,
-									children: fileListBody
-								})
-							]
-						})]
-					}),
+							})
+						]
+					})] }), document.body),
 					(0, react_jsx_runtime.jsx)("div", {
 						className: PendingPanel_module_css_default.footerButtons,
 						children: (0, react_jsx_runtime.jsxs)("button", {
@@ -13719,6 +14770,69 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				})]
 			});
 		}
+		/** Build the `Modifier+...+Key` chord label from a keydown event; a bare
+		* modifier key alone returns undefined (wait for the full combo). */
+		function chordLabel(event) {
+			const key = event.key;
+			if (key === "Control" || key === "Shift" || key === "Alt" || key === "Meta") return void 0;
+			const parts = [];
+			if (event.ctrlKey) parts.push("Ctrl");
+			if (event.altKey) parts.push("Alt");
+			if (event.shiftKey) parts.push("Shift");
+			if (event.metaKey) parts.push("Meta");
+			parts.push(key.length === 1 ? key.toUpperCase() : key);
+			return parts.join("+");
+		}
+		/** A button that records the next key chord (modifiers + key) as the shortcut. */
+		function ShortcutRecorder({ value, onChange, dataAttribute, placeholder }) {
+			const [recording, setRecording] = (0, react.useState)(false);
+			return (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: PendingPanel_module_css_default.settingsSelector,
+				onClick: () => {
+					setRecording(true);
+				},
+				onBlur: () => {
+					setRecording(false);
+				},
+				onKeyDown: recording ? (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					if (event.key === "Escape") {
+						setRecording(false);
+						return;
+					}
+					const chord = chordLabel(event);
+					if (chord !== void 0) {
+						onChange(chord);
+						setRecording(false);
+					}
+				} : void 0,
+				[dataAttribute]: true,
+				children: [recording ? placeholder : value, (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.settingsSelectorChevron })]
+			});
+		}
+		/** One shortcut row: title + description, chord recorder right. */
+		function ShortcutRow({ title, description, value, onChange, dataAttribute, placeholder }) {
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.settingsRow,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: PendingPanel_module_css_default.settingsRowText,
+					children: [(0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.settingsRowTitle,
+						children: title
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.settingsRowDesc,
+						children: description
+					})]
+				}), (0, react_jsx_runtime.jsx)(ShortcutRecorder, {
+					value,
+					onChange,
+					dataAttribute,
+					placeholder
+				})]
+			});
+		}
 		/**
 		* The plugin's preferences: auto-paste a copied reference into the input,
 		* whether importing workspace VCS changes includes untracked files, and the
@@ -13733,6 +14847,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [includeUntrackedOpen, setIncludeUntrackedOpen] = (0, react.useState)(false);
 			const [tab, setTabState] = (0, react.useState)(tabWidth);
 			const [tabOpen, setTabOpen] = (0, react.useState)(false);
+			const [split, setSplitState] = (0, react.useState)(splitMode);
+			const [splitOpen, setSplitOpen] = (0, react.useState)(false);
+			const [summon, setSummonState] = (0, react.useState)(quickSummonKey);
+			const setSummon = (value) => {
+				setSummonState(value);
+				setQuickSummonKey(value);
+			};
 			const setPasteOnCopy = (value) => {
 				setPasteOnCopyState(value);
 				setPasteOnCopyEnabled(value);
@@ -13745,6 +14866,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setTabState(value);
 				setTabWidth(value);
 			};
+			const setSplit = (value) => {
+				setSplitState(value);
+				setSplitMode(value);
+			};
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsPage,
 				"data-diff-settings": true,
@@ -13777,6 +14902,24 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						onOpenChange: setTabOpen,
 						onSelect: setTab,
 						dataAttribute: "data-diff-tab-width-select"
+					}),
+					(0, react_jsx_runtime.jsx)(PreferenceRow, {
+						title: t("panel.splitMode"),
+						description: t("panel.splitModeDesc"),
+						value: split,
+						open: splitOpen,
+						onOpenChange: setSplitOpen,
+						onSelect: setSplit,
+						dataAttribute: "data-diff-split-mode-select",
+						t
+					}),
+					(0, react_jsx_runtime.jsx)(ShortcutRow, {
+						title: t("panel.quickSummon"),
+						description: t("panel.quickSummonDesc"),
+						value: summon,
+						onChange: setSummon,
+						dataAttribute: "data-diff-quick-summon-key",
+						placeholder: t("panel.recordShortcut")
 					})
 				]
 			});
@@ -13900,9 +15043,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const outcome = value.outcome;
 			if (outcome !== "kept" && outcome !== "reverted" && outcome !== "missing" && outcome !== "undone" && outcome !== "redone" && outcome !== "nothing") throw new Error("the action returned a malformed outcome");
 			const id = value.id;
-			return {
+			const entryId = typeof id === "string" && id.length > 0 ? id : void 0;
+			return value.resolved === true ? {
 				outcome,
-				id: typeof id === "string" && id.length > 0 ? id : void 0
+				id: entryId,
+				resolved: true
+			} : {
+				outcome,
+				id: entryId
 			};
 		}
 		/** Narrow the vcs-import endpoint's value; a malformed wire value is a failure. */
@@ -13955,11 +15103,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			};
 			const listeners = /* @__PURE__ */ new Set();
 			let redoCleared = false;
+			let justResolved;
 			const publish = (next) => {
-				snapshot = redoCleared ? {
-					...next,
+				let result = next;
+				if (redoCleared) result = {
+					...result,
 					redoCleared: true
-				} : next;
+				};
+				if (justResolved !== void 0) result = {
+					...result,
+					justResolved
+				};
+				snapshot = result;
 				for (const listener of [...listeners]) listener();
 			};
 			const failedOf = (value) => value.failed ?? EMPTY_FAILED;
@@ -14068,8 +15223,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						...base,
 						busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
 					});
+					let value;
 					try {
-						await port.blockKeep(sessionId, id, block);
+						value = await port.blockKeep(sessionId, id, block);
 					} catch (error) {
 						markFailed(id, error instanceof Error ? error.message : String(error));
 						publish({
@@ -14079,6 +15235,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						return;
 					}
 					clearFailed(id);
+					if (value.resolved === true) justResolved = id;
 					await this.refresh(sessionId);
 				},
 				async blockRevert(sessionId, id, block) {
@@ -14087,8 +15244,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						...base,
 						busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
 					});
+					let value;
 					try {
-						await port.blockRevert(sessionId, id, block);
+						value = await port.blockRevert(sessionId, id, block);
 					} catch (error) {
 						markFailed(id, error instanceof Error ? error.message : String(error));
 						publish({
@@ -14098,6 +15256,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						return;
 					}
 					clearFailed(id);
+					if (value.resolved === true) justResolved = id;
 					await this.refresh(sessionId);
 				},
 				async undo(sessionId) {
@@ -14136,6 +15295,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					}
 				},
 				reset() {
+					justResolved = void 0;
 					publish({
 						read: false,
 						files: [],
@@ -14146,6 +15306,131 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					redoCleared = false;
 					const { redoCleared: _omit, ...rest } = snapshot;
 					publish(rest);
+				},
+				clearJustResolved() {
+					justResolved = void 0;
+					const { justResolved: _omit, ...rest } = snapshot;
+					publish(rest);
+				}
+			};
+		}
+		//#endregion
+		//#region lib/types/client/remap-sync.js
+		/**
+		* Reference remapping sync: track each pending file's last-seen content and,
+		* when it changes (an agent edit, a block revert, or an external adoption),
+		* rewrite stale references in the current composer draft and the pending queue.
+		* Pure orchestration over the pending store; the actual line remapping lives in
+		* `reference.ts`.
+		* @module dsh-diff-approval/client/remap-sync
+		*/
+		/**
+		* Subscribe to the pending store and remap references as each file's content
+		* changes. The first observation of a file only seeds the baseline; a later
+		* `newText` change remaps (draft + queue) and advances the baseline. Files that
+		* leave the list drop their baseline so a future re-appearance re-baselines.
+		* @param opts - the sync inputs.
+		* @returns an unsubscribe function plus a direct remap verb for whole-file reverts.
+		*/
+		function attachReferenceRemap(opts) {
+			const { store, readDraft, writeDraft, readQueue, writeQueue } = opts;
+			const lastContent = /* @__PURE__ */ new Map();
+			const remap = (path, oldText, newText, workspacePath) => {
+				const referencePath = referencePathOf(path, workspacePath);
+				const draft = readDraft();
+				if (draft !== void 0 && draft !== "") {
+					const rewritten = remapReferences(draft, referencePath, oldText, newText);
+					if (rewritten !== draft) writeDraft(rewritten);
+				}
+				for (const message of readQueue()) {
+					let changed = false;
+					const content = message.content.map((block) => {
+						if (block.type !== "text" || block.text === void 0) return block;
+						const rewritten = remapReferences(block.text, referencePath, oldText, newText);
+						if (rewritten !== block.text) {
+							changed = true;
+							return {
+								...block,
+								text: rewritten
+							};
+						}
+						return block;
+					});
+					if (changed) writeQueue(message.id, content);
+				}
+			};
+			const observe = () => {
+				const snapshot = store.getSnapshot();
+				for (const file of snapshot.files) {
+					const previous = lastContent.get(file.path);
+					if (previous === void 0) lastContent.set(file.path, file.newText);
+					else if (previous !== file.newText) {
+						remap(file.path, previous, file.newText, snapshot.workspacePath);
+						lastContent.set(file.path, file.newText);
+					}
+				}
+				for (const path of [...lastContent.keys()]) if (!snapshot.files.some((file) => file.path === path)) lastContent.delete(path);
+			};
+			const unsubscribe = store.subscribe(observe);
+			observe();
+			return {
+				unsubscribe,
+				remapFile: (path, oldText, newText) => {
+					remap(path, oldText, newText, store.getSnapshot().workspacePath);
+				}
+			};
+		}
+		//#endregion
+		//#region lib/types/client/conversation-access.js
+		/**
+		* Scope-addressed access to the session's composer draft and pending queue.
+		* Extracted from the plugin entry so the wiring (not just the remap math) is
+		* unit-testable against a faithful fake of the DSH conversation service.
+		* @module dsh-diff-approval/client/conversation-access
+		*/
+		/**
+		* Resolve the current session's scoped conversation face. The scoped context
+		* (`sessions.scope(id)`) carries no `conversation` inject of its own, so reading
+		* it as a property (`actx.conversation`) trips Cordis's inject check and throws
+		* `cannot get property "conversation" without inject`. `actx.get('conversation')`
+		* bypasses that check yet still returns the traceable bound to `actx`, so its
+		* verbs (e.g. `updateQueue`) resolve the right session scope.
+		*/
+		function resolveConversation(ctx, sessionId) {
+			if (sessionId === void 0) return void 0;
+			const actx = ctx.get("sessions")?.scope(sessionId);
+			if (actx === void 0) return void 0;
+			const conversation = actx.get("conversation");
+			if (conversation?.input === void 0) return void 0;
+			return {
+				actx,
+				conversation
+			};
+		}
+		/**
+		* Build the per-call-resolved draft/queue accessor. `sessionId` is a function
+		* so the accessor always addresses the *current* session, even though it is
+		* handed to the remap sync once.
+		*/
+		function conversationAccess(ctx, sessionId) {
+			return {
+				writeDraft: (text) => {
+					const scoped = resolveConversation(ctx, sessionId());
+					if (scoped === void 0) return;
+					scoped.conversation.input.for(scoped.actx).setDraft(text);
+				},
+				readQueue: () => {
+					const scoped = resolveConversation(ctx, sessionId());
+					if (scoped === void 0) return [];
+					return scoped.conversation.input.for(scoped.actx).state.getSnapshot().queue.filter((item) => item.placement === "queued");
+				},
+				writeQueue: (itemId, content) => {
+					const scoped = resolveConversation(ctx, sessionId());
+					if (scoped === void 0) return;
+					scoped.conversation.updateQueue(itemId, {
+						kind: "edit",
+						content
+					});
 				}
 			};
 		}
@@ -14175,11 +15460,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.pasteOnCopyDesc": "开启后，复制的引用会自动填入消息输入框，输入框会获得焦点。",
 			"panel.importUntracked": "导入未跟踪的文件改动",
 			"panel.importUntrackedDesc": "开启后，导入工作区改动会包含未跟踪/未版本化的新增文件（Git 未跟踪、SVN 未版本化、Perforce 未版本化）。收集改动需要扫描整个工作区，文件数量大时可能较慢。",
-			"panel.tabWidth": "Tab 宽度",
-			"panel.tabWidthDesc": "diff 中制表符（Tab）的缩进宽度，可选 2 / 4 / 8 个空格（默认 4），同时作用于行宽折行测量。",
+			"panel.tabWidth": "制表符宽度",
+			"panel.tabWidthDesc": "差异中制表符的缩进宽度，可选 2 / 4 / 8 个空格（默认 4），同时作用于行宽折行测量。",
+			"panel.splitMode": "双栏对比",
+			"panel.splitModeDesc": "开启后整文件差异用左「改前」｜右「当前」双栏、逐行对齐的视图展示，默认关闭使用单栏（合并）视图。",
+			"panel.quickSummon": "快速呼出",
+			"panel.quickSummonDesc": "用键盘快捷键打开/关闭差异面板（默认 Ctrl+D）。点击右侧按钮后按下新的按键组合即可修改，Esc 取消。",
+			"panel.recordShortcut": "按下快捷键…",
 			"settings.tabLabel": "改动审批",
 			"row.create": "新增文件",
 			"row.failed": "失败",
+			"row.dismiss": "移除",
 			"row.added": "+{added}",
 			"row.removed": "-{removed}",
 			"action.keep": "保留",
@@ -14214,7 +15505,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.close": "关闭",
 			"status.kept": "已保留",
 			"status.reverted": "已回退",
-			"status.missing": "该改动已不存在"
+			"status.missing": "该改动已不存在",
+			"panel.resolvedAsk": "「{file}」的所有改动都已处理，是否从列表移除？",
+			"panel.keepInList": "保留在列表"
 		};
 		/** English pending-edit review messages. */
 		const en = {
@@ -14239,10 +15532,16 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.importUntracked": "Import changes to untracked files",
 			"panel.importUntrackedDesc": "When enabled, importing workspace changes includes new/untracked files (Git-untracked, SVN-unversioned, Perforce-unversioned). Collecting changes scans the whole workspace, which can be slow on large trees.",
 			"panel.tabWidth": "Tab width",
-			"panel.tabWidthDesc": "The indent width of a tab character in the diff, as 2 / 4 / 8 spaces (default 4). Also drives the wrapped-line measurement.",
+			"panel.tabWidthDesc": "The indent width of a tab character in the differences, as 2 / 4 / 8 spaces (default 4). Also drives the wrapped-line measurement.",
+			"panel.splitMode": "Side-by-side view",
+			"panel.splitModeDesc": "When on, the whole-file differences render as a side-by-side (left \"before\" | right \"current\") line-aligned view. Off (default) uses the single-column unified view.",
+			"panel.quickSummon": "Quick summon",
+			"panel.quickSummonDesc": "Open or close the diff panel with a keyboard shortcut (default Ctrl+D). Click the button and press a new chord to change it; Esc cancels.",
+			"panel.recordShortcut": "Press keys…",
 			"settings.tabLabel": "Diff Approval",
 			"row.create": "New file",
 			"row.failed": "Failed",
+			"row.dismiss": "Remove",
 			"row.added": "+{added}",
 			"row.removed": "-{removed}",
 			"action.keep": "Keep",
@@ -14277,17 +15576,21 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.close": "Close",
 			"status.kept": "Kept",
 			"status.reverted": "Reverted",
-			"status.missing": "This change no longer exists"
+			"status.missing": "This change no longer exists",
+			"panel.resolvedAsk": "All changes in \"{file}\" are resolved. Remove it from the list?",
+			"panel.keepInList": "Keep in list"
 		};
 		//#endregion
 		//#region lib/types/client/index.js
 		/** Pending-edit review panel, browser half: footer action, pending list, and whole-file diff viewer. */
-		/** Required services: locale, slots, the wire channel, and the current session. */
+		/** Required services: locale, slots, the wire channel, the current session, and
+		* the layout controller (this plugin collapses the sidebar before its modal opens). */
 		const inject = [
 			"slots",
 			"locale",
 			"connection",
-			"sessions"
+			"sessions",
+			"layout"
 		];
 		/**
 		* The dsh web-react renderer gives `div[data-slot="sidebar.footer.action"]` an
@@ -14354,6 +15657,29 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}), "ui-diff-approval: dictionaries");
 			const t = ctx.locale.bind(NS);
 			const store = createPendingDiffStore(createDiffApprovalPort(ctx.get("connection").rpc));
+			let currentSessionId;
+			let remapFile = () => {};
+			const access = conversationAccess(ctx, () => currentSessionId);
+			ctx.effect(() => {
+				const attached = attachReferenceRemap({
+					store,
+					readDraft: () => document.querySelector("[data-composer-card] textarea")?.value,
+					writeDraft: access.writeDraft,
+					readQueue: access.readQueue,
+					writeQueue: access.writeQueue
+				});
+				remapFile = attached.remapFile;
+				return attached.unsubscribe;
+			}, "diff-approval: reference remap");
+			const collapseSidebar = () => {
+				if (window.innerWidth >= 1024) return;
+				const ctxLayout = ctx.layout;
+				if (ctxLayout === void 0) return;
+				if (document.querySelector("[data-sidebar-collapsed]") !== null) return;
+				try {
+					ctxLayout.toggleSidebar();
+				} catch {}
+			};
 			ctx.on("connection/reset", () => {
 				store.reset();
 			});
@@ -14364,10 +15690,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				inject: () => ({
 					hooks: { pending: store },
 					onRefresh: (sessionId) => {
+						currentSessionId = sessionId;
 						store.refresh(sessionId);
 					},
 					onKeep: (sessionId, path) => store.keep(sessionId, path),
-					onRevert: (sessionId, path) => store.revert(sessionId, path),
+					onRevert: (sessionId, path) => {
+						const entry = store.getSnapshot().files.find((file) => file.id === path);
+						const before = entry?.newText;
+						const after = entry?.oldText;
+						const filePath = entry?.path;
+						return store.revert(sessionId, path).then(() => {
+							if (filePath !== void 0 && before !== void 0 && after !== void 0) remapFile(filePath, before, after);
+						});
+					},
 					onBlockKeep: (sessionId, id, block) => store.blockKeep(sessionId, id, block),
 					onBlockRevert: (sessionId, id, block) => store.blockRevert(sessionId, id, block),
 					onOpen: (sessionId, id, action) => store.open(sessionId, id, action),
@@ -14375,6 +15710,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					onRedo: (sessionId) => store.redo(sessionId),
 					onImportVcs: (sessionId, includeUntracked) => store.importVcs(sessionId, includeUntracked),
 					onAckRedoCleared: () => store.clearRedoCleared(),
+					onAckJustResolved: () => store.clearJustResolved(),
 					onPasteReference: (sessionId, reference) => {
 						const actx = ctx.get("sessions")?.scope(sessionId);
 						if (actx === void 0) return;
@@ -14384,7 +15720,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						const base = textarea?.value ?? "";
 						conversation.input.for(actx).setDraft(base === "" ? reference : `${base} ${reference}`);
 						textarea?.focus();
-					}
+					},
+					collapseSidebar
 				})
 			}, PendingPanel));
 			ctx.slots.inject("settings.section", () => ctx.slots.register({