dsh-diff-approval 0.14.1 → 0.16.0

package/lib/client.js

@@ -535,7 +535,10 @@ window.__ModuleLoader__.load({
 				return value;
 			}
 		};
-		new ArrayDiff();
+		const arrayDiff = new ArrayDiff();
+		function diffArrays(oldArr, newArr, options) {
+			return arrayDiff.diff(oldArr, newArr, options);
+		}
 		//#endregion
 		//#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/patch/create.js
 		function structuredPatch(oldFileName, newFileName, oldStr, newStr, oldHeader, newHeader, options) {
@@ -722,6 +725,246 @@ window.__ModuleLoader__.load({
 				added
 			};
 		}
+		/** Minimum similarity for a del/add pair to receive an intra-line diff. */
+		const INTRA_SIMILARITY_THRESHOLD = .4;
+		/** Lines longer than this are skipped (a single pathological line would make the
+		*  token-diff O(n²) and only ever show a noise floor). Mirrors the highlighting
+		*  cap so a review stays bounded. */
+		const INTRA_MAX_LINE_LENGTH = 2e3;
+		/** A similarity-alignment block larger than this many cell-and-compare pairs
+		*  falls back to by-order pairing: the O(n·m) scan and DP would stall on a
+		*  whole-file rewrite for no benefit. */
+		const INTRA_MAX_ALIGN_CELLS = 8192;
+		const WORD_CHAR_RE = /[\p{L}\p{N}_]/u;
+		/** CJK characters — Chinese han, Japanese kana, CJK fullwidth forms. Each is an
+		*  independent unit (there is no whitespace word boundary), so one token each. */
+		function isCJKCode$1(cp) {
+			return cp >= 12352 && cp <= 12543 || cp >= 13312 && cp <= 19903 || cp >= 19968 && cp <= 40959 || cp >= 63744 && cp <= 64255 || cp >= 65072 && cp <= 65103 || cp >= 65280 && cp <= 65519 || cp >= 131072 && cp <= 195103;
+		}
+		/** Space, tab, or the ideographic space — whitespace is a break opportunity. */
+		function isSpaceCode$1(cp) {
+			return cp === 32 || cp === 9 || cp === 12288;
+		}
+		/**
+		* Tokenize a line for an intra-line diff, into a lossless array of tokens whose
+		* concatenation equals the input. Word-based for space-delimited scripts: a
+		* maximal run of letters/numbers/underscore (any script except CJK) is one
+		* token, so a whole edited word stays a single run instead of per-character.
+		* Each CJK character is its own token (there is no word boundary), as is each
+		* punctuation/symbol character (a run of different punctuation carries no
+		* meaning, so it diffs atomically), while a maximal whitespace run stays one
+		* token as a natural break. This yields clean word-level highlights for English
+		* and per-character precision for CJK and punctuation.
+		* @param text - the line's content.
+		* @returns the tokens.
+		*/
+		function tokenizeLine(text) {
+			const tokens = [];
+			let cur = "";
+			let runKind;
+			const flush = () => {
+				if (cur !== "") {
+					tokens.push(cur);
+					cur = "";
+				}
+			};
+			for (const ch of text) {
+				const cp = ch.codePointAt(0) ?? 0;
+				const word = WORD_CHAR_RE.test(ch);
+				if (isCJKCode$1(cp) || !word && !isSpaceCode$1(cp)) {
+					flush();
+					runKind = void 0;
+					tokens.push(ch);
+					continue;
+				}
+				const kind = word ? "word" : "space";
+				if (kind !== runKind) {
+					flush();
+					runKind = kind;
+				}
+				cur += ch;
+			}
+			flush();
+			return tokens;
+		}
+		/**
+		* Raw similarity of a del/add line pair in `[0, 1]`, or `-1` when the pair
+		* cannot be meaningfully compared (identical lines, either side empty, or over
+		* the length cap). Used both by the intra-line gate and by the similarity
+		* alignment, so the two always agree on what counts as "changed".
+		* @param oldText - the removed side's line text.
+		* @param newText - the added side's line text.
+		* @returns the similarity ratio, or `-1` when incomparable.
+		*/
+		function lineSimilarity(oldText, newText) {
+			if (oldText === newText || oldText === "" || newText === "") return -1;
+			if (oldText.length > INTRA_MAX_LINE_LENGTH || newText.length > INTRA_MAX_LINE_LENGTH) return -1;
+			return 2 * diffArrays(tokenizeLine(oldText), tokenizeLine(newText)).reduce((sum, change) => change.removed || change.added ? sum : sum + change.value.join("").length, 0) / (oldText.length + newText.length);
+		}
+		/**
+		* Compute the intra-line runs for one del/add line pair, or `undefined` when
+		* the pair should not be annotated: identical lines (no internal change) or
+		* lines too dissimilar to be a modification (a rewrite, not an edit).
+		* Word-based via the `diff` package's `diffArrays` over `tokenizeLine`'s
+		* tokens, so an English edit highlights whole changed words and a CJK edit
+		* highlights the individual changed characters.
+		* @param oldText - the removed side's line text.
+		* @param newText - the added side's line text.
+		* @returns the del-side and add-side runs, or `undefined` to skip annotation.
+		*/
+		function intraRunsOf(oldText, newText) {
+			if (lineSimilarity(oldText, newText) < INTRA_SIMILARITY_THRESHOLD) return void 0;
+			const changes = diffArrays(tokenizeLine(oldText), tokenizeLine(newText));
+			const del = [];
+			const add = [];
+			for (const change of changes) {
+				const text = change.value.join("");
+				if (change.removed) del.push({
+					text,
+					kind: "del"
+				});
+				else if (change.added) add.push({
+					text,
+					kind: "add"
+				});
+				else {
+					del.push({
+						text,
+						kind: "same"
+					});
+					add.push({
+						text,
+						kind: "same"
+					});
+				}
+			}
+			if (!del.some((run) => run.kind === "del") && !add.some((run) => run.kind === "add")) return void 0;
+			return {
+				del,
+				add
+			};
+		}
+		/**
+		* Align a del run with the following add run. By order (the baseline) pairs
+		* `del[i]`↔`add[i]`. With similarity alignment, an order-preserving best match
+		* pairs each del with the add that maximises total similarity, keeping a pair
+		* only when it clears the similarity threshold — so a lone insert or delete in
+		* a mixed block stays unaligned instead of being forced onto a wrong line.
+		* @param delRows - the run's del rows (index + text).
+		* @param addRows - the run's add rows (index + text).
+		* @param alignBySimilarity - whether to use the similarity-based matching.
+		* @returns the aligned pairs and the unmatched sides.
+		*/
+		function alignChangedBlock(delRows, addRows, alignBySimilarity) {
+			const byOrder = () => {
+				const min = Math.min(delRows.length, addRows.length);
+				const pairs = [];
+				for (let i = 0; i < min; i++) pairs.push({
+					delIndex: delRows[i].index,
+					addIndex: addRows[i].index
+				});
+				return {
+					pairs,
+					delOnly: delRows.slice(min).map((row) => row.index),
+					addOnly: addRows.slice(min).map((row) => row.index),
+					usedSimilarity: false
+				};
+			};
+			if (!alignBySimilarity) return byOrder();
+			const n = delRows.length;
+			const m = addRows.length;
+			if (n * m > INTRA_MAX_ALIGN_CELLS) return byOrder();
+			const sim = [];
+			for (let i = 0; i < n; i++) {
+				const row = [];
+				for (let j = 0; j < m; j++) row.push(lineSimilarity(delRows[i].text, addRows[j].text));
+				sim.push(row);
+			}
+			const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+			for (let i = 1; i <= n; i++) for (let j = 1; j <= m; j++) {
+				const skipDel = dp[i - 1][j];
+				const skipAdd = dp[i][j - 1];
+				const s = sim[i - 1][j - 1];
+				const pair = s >= INTRA_SIMILARITY_THRESHOLD ? dp[i - 1][j - 1] + s : Number.NEGATIVE_INFINITY;
+				dp[i][j] = Math.max(skipDel, skipAdd, pair);
+			}
+			const pairs = [];
+			const delOnly = [];
+			const addOnly = [];
+			let i = n;
+			let j = m;
+			while (i > 0 || j > 0) {
+				const s = i > 0 && j > 0 ? sim[i - 1][j - 1] : Number.NEGATIVE_INFINITY;
+				if (i > 0 && j > 0 && s >= INTRA_SIMILARITY_THRESHOLD && dp[i][j] === dp[i - 1][j - 1] + s) {
+					pairs.push({
+						delIndex: delRows[i - 1].index,
+						addIndex: addRows[j - 1].index
+					});
+					i--;
+					j--;
+				} else if (i > 0 && dp[i][j] === dp[i - 1][j]) {
+					delOnly.push(delRows[i - 1].index);
+					i--;
+				} else if (j > 0) {
+					addOnly.push(addRows[j - 1].index);
+					j--;
+				} else break;
+			}
+			pairs.reverse();
+			delOnly.reverse();
+			addOnly.reverse();
+			return {
+				pairs,
+				delOnly,
+				addOnly,
+				usedSimilarity: true
+			};
+		}
+		/**
+		* Derive intra-line runs for a whole-file row list. Each del/add block is
+		* aligned (by order, or by similarity when `alignBySimilarity`), and each
+		* matched pair is compared by `intraRunsOf`. Returns a map keyed by the row's
+		* index in `rows`, present only for rows that carry a highlight.
+		* @param rows - the unified `WholeFileDiff` row list.
+		* @param alignBySimilarity - align blocks by similarity instead of by order.
+		* @returns per-row-index intra-line runs for annotated del/add rows.
+		*/
+		function computeIntraLineDiff(rows, alignBySimilarity = false) {
+			const result = /* @__PURE__ */ new Map();
+			let i = 0;
+			while (i < rows.length) {
+				if (rows[i].kind !== "del") {
+					i++;
+					continue;
+				}
+				const delIndices = [];
+				while (i < rows.length && rows[i].kind === "del") {
+					delIndices.push(i);
+					i++;
+				}
+				const addIndices = [];
+				while (i < rows.length && rows[i].kind === "add") {
+					addIndices.push(i);
+					i++;
+				}
+				const alignment = alignChangedBlock(delIndices.map((index) => ({
+					index,
+					text: rows[index].text
+				})), addIndices.map((index) => ({
+					index,
+					text: rows[index].text
+				})), alignBySimilarity);
+				if (alignBySimilarity && !alignment.usedSimilarity) continue;
+				for (const pair of alignment.pairs) {
+					const intra = intraRunsOf(rows[pair.delIndex].text, rows[pair.addIndex].text);
+					if (intra !== void 0) {
+						result.set(pair.delIndex, intra.del);
+						result.set(pair.addIndex, intra.add);
+					}
+				}
+			}
+			return result;
+		}
 		/**
 		* Split a side's text into its content lines, with the diff card's terminator
 		* rule: empty text is zero lines, and a single trailing newline is a line
@@ -761,57 +1004,78 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* 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.
+		* Regroup the whole-file rows into aligned split pairs. By order, a deletion
+		* run pairs line-by-line with a following addition run; with similarity
+		* alignment, each deletion pairs with its most-similar addition (order
+		* preserved, threshold-bounded) so a mixed insert/delete block does not force a
+		* wrong line together. A stray deletion or addition stays a one-sided pair.
 		* @param rows - the whole-file diff rows.
+		* @param alignBySimilarity - align a change block by similarity instead of order.
 		* @returns the split pairs plus the row→pair index map.
 		*/
-		function computeSideBySideDiff(rows) {
+		function computeSideBySideDiff(rows, alignBySimilarity = false) {
 			const pairs = [];
 			const pairOfRow = /* @__PURE__ */ new Map();
-			const pendingDel = [];
-			const push = (pair, rows) => {
+			const push = (pair, pairRows) => {
 				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 (const r of pairRows) pairOfRow.set(r, index);
 			};
-			for (let i = 0; i < rows.length; i++) {
+			let i = 0;
+			while (i < rows.length) {
 				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({
+					i++;
+					continue;
+				}
+				const delRows = [];
+				const addRows = [];
+				if (row.kind === "del") while (i < rows.length && rows[i].kind === "del") {
+					delRows.push({
+						index: i,
+						row: rows[i]
+					});
+					i++;
+				}
+				while (i < rows.length && rows[i].kind === "add") {
+					addRows.push({
+						index: i,
+						row: rows[i]
+					});
+					i++;
+				}
+				const alignment = alignChangedBlock(delRows.map((d) => ({
+					index: d.index,
+					text: d.row.text
+				})), addRows.map((a) => ({
+					index: a.index,
+					text: a.row.text
+				})), alignBySimilarity);
+				for (const p of alignment.pairs) {
+					const del = delRows.find((d) => d.index === p.delIndex);
+					const add = addRows.find((a) => a.index === p.addIndex);
+					push({
 						kind: "replace",
 						left: leftSideOf(del.row),
-						right: rightSideOf(row)
-					}, [del.index, i]);
-					else push({
-						kind: "add",
-						left: void 0,
-						right: rightSideOf(row)
-					}, [i]);
+						right: rightSideOf(add.row)
+					}, [p.delIndex, p.addIndex]);
 				}
+				for (const d of alignment.delOnly) push({
+					kind: "del",
+					left: leftSideOf(delRows.find((x) => x.index === d).row),
+					right: void 0
+				}, [d]);
+				for (const a of alignment.addOnly) push({
+					kind: "add",
+					left: void 0,
+					right: rightSideOf(addRows.find((x) => x.index === a).row)
+				}, [a]);
 			}
-			flushPending();
 			return {
 				pairs,
 				pairOfRow
@@ -11833,6 +12097,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		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 NAV_LEAD_KEY = "diff-approval:nav-lead-rows";
 		const WRAP_PREFIX = "diff-approval:wrap:";
 		/**
 		* Whether copying a reference should also paste it into the chat input and
@@ -11901,6 +12166,21 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function setSplitMode(value) {
 			localStorage.setItem(SPLIT_MODE_KEY, value ? "1" : "0");
 		}
+		/**
+		* How many rows of lead the diff block jump leaves above the jumped-to block,
+		* and how far the anchored navigation scans. Defaults to 2; an out-of-range or
+		* non-integer value falls back to the default.
+		* @returns the lead row count.
+		*/
+		function navLeadRows() {
+			const raw = Number.parseInt(localStorage.getItem(NAV_LEAD_KEY) ?? "", 10);
+			if (!Number.isInteger(raw)) return 2;
+			return Math.max(0, Math.min(10, raw));
+		}
+		/** Persist the block-jump lead row count. */
+		function setNavLeadRows(value) {
+			localStorage.setItem(NAV_LEAD_KEY, String(Math.max(0, Math.min(10, value))));
+		}
 		const QUICK_SUMMON_KEY = "diff-approval:quick-summon-key";
 		/**
 		* The quick-summon chord. Stored as `Modifier+...+Key`; falls back to
@@ -11936,7 +12216,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		}
 		//#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_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{-webkit-user-select:none;user-select:none;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;-webkit-user-select:none;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;-webkit-user-select:text;user-select:text;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 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_toggle{border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:18px;flex:none;width:60px;height:36px;padding:0;position:relative}.F1KBNa_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.F1KBNa_toggleOn{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-primary)}.F1KBNa_toggleOn:hover{background:var(--dsw-alias-state-business-primary)}.F1KBNa_toggleThumb{background:var(--dsw-alias-label-primary);border-radius:50%;width:28px;height:28px;transition:left .12s;position:absolute;top:3px;left:3px}.F1KBNa_toggleOn .F1KBNa_toggleThumb{background:#fff;left:27px}.F1KBNa_stepper{align-items:center;gap:6px;display:inline-flex}.F1KBNa_stepperButton{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);width:32px;height:32px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:8px;font-size:16px;line-height:1}.F1KBNa_stepperButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_stepperButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_stepperValue{text-align:center;min-width:2ch;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:14px;line-height:22px}.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{white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);-webkit-user-select:text;user-select:text;flex:1;font-size:12px;line-height:18px;overflow:auto 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_divider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px;margin:2px 0}.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{-webkit-user-select:none;user-select:none;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;-webkit-user-select:none;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;-webkit-user-select:text;user-select:text;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)}.F1KBNa_intraDel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 26%, transparent);text-decoration:line-through}.F1KBNa_intraAdd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 24%, 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");
@@ -11946,115 +12226,124 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			document.head.appendChild(tag);
 		}
 		var PendingPanel_module_css_default = {
-			"confirmBackdrop": "F1KBNa_confirmBackdrop",
-			"kindHint": "F1KBNa_kindHint",
-			"splitRdel": "F1KBNa_splitRdel",
-			"missingHint": "F1KBNa_missingHint",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"readError": "F1KBNa_readError",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"rail": "F1KBNa_rail",
 			"diffBody": "F1KBNa_diffBody",
-			"lines": "F1KBNa_lines",
-			"langLabel": "F1KBNa_langLabel",
-			"splitCol": "F1KBNa_splitCol",
-			"splitRadd": "F1KBNa_splitRadd",
-			"diffPath": "F1KBNa_diffPath",
-			"diffActions": "F1KBNa_diffActions",
+			"settingsSelector": "F1KBNa_settingsSelector",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"panel": "F1KBNa_panel",
+			"hint": "F1KBNa_hint",
+			"importButton": "F1KBNa_importButton",
+			"addCount": "F1KBNa_addCount",
 			"rowPath": "F1KBNa_rowPath",
-			"listScroll": "F1KBNa_listScroll",
+			"searchInput": "F1KBNa_searchInput",
+			"title": "F1KBNa_title",
 			"actionPrimary": "F1KBNa_actionPrimary",
-			"importButton": "F1KBNa_importButton",
-			"rows": "F1KBNa_rows",
-			"searchCount": "F1KBNa_searchCount",
-			"statusBar": "F1KBNa_statusBar",
-			"footerButtons": "F1KBNa_footerButtons",
-			"layer": "F1KBNa_layer",
-			"badgeLabel": "F1KBNa_badgeLabel",
+			"blockActions": "F1KBNa_blockActions",
+			"del": "F1KBNa_del",
+			"importNote": "F1KBNa_importNote",
+			"diffBodySplit": "F1KBNa_diffBodySplit",
+			"splitCols": "F1KBNa_splitCols",
+			"note": "F1KBNa_note",
 			"divergedHint": "F1KBNa_divergedHint",
-			"actionError": "F1KBNa_actionError",
-			"code": "F1KBNa_code",
-			"splitDivider": "F1KBNa_splitDivider",
-			"confirmCard": "F1KBNa_confirmCard",
-			"title": "F1KBNa_title",
+			"noteCentered": "F1KBNa_noteCentered",
+			"kindHint": "F1KBNa_kindHint",
+			"fileListFloat": "F1KBNa_fileListFloat",
+			"toggleOn": "F1KBNa_toggleOn",
 			"wrap": "F1KBNa_wrap",
-			"statusAction": "F1KBNa_statusAction",
-			"noticeButton": "F1KBNa_noticeButton",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"confirmActions": "F1KBNa_confirmActions",
-			"searchInput": "F1KBNa_searchInput",
-			"settingsRowText": "F1KBNa_settingsRowText",
-			"header": "F1KBNa_header",
-			"diffStats": "F1KBNa_diffStats",
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"blockFlash": "F1KBNa_blockFlash",
-			"row": "F1KBNa_row",
+			"kindTag": "F1KBNa_kindTag",
+			"subline": "F1KBNa_subline",
+			"settingsRow": "F1KBNa_settingsRow",
+			"langLabel": "F1KBNa_langLabel",
+			"missingHint": "F1KBNa_missingHint",
+			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"blockPosition": "F1KBNa_blockPosition",
+			"statusBar": "F1KBNa_statusBar",
+			"footerButtons": "F1KBNa_footerButtons",
 			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
+			"diffActions": "F1KBNa_diffActions",
+			"divider": "F1KBNa_divider",
+			"splitRdel": "F1KBNa_splitRdel",
 			"missing": "F1KBNa_missing",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
-			"searchBar": "F1KBNa_searchBar",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"notice": "F1KBNa_notice",
-			"splitCols": "F1KBNa_splitCols",
-			"markerAdd": "F1KBNa_markerAdd",
-			"splitRoot": "F1KBNa_splitRoot",
-			"blockPosition": "F1KBNa_blockPosition",
+			"headerActions": "F1KBNa_headerActions",
+			"stepperButton": "F1KBNa_stepperButton",
+			"diffFlash": "F1KBNa_diffFlash",
+			"rowMeta": "F1KBNa_rowMeta",
+			"close": "F1KBNa_close",
+			"diffPath": "F1KBNa_diffPath",
 			"overviewMarker": "F1KBNa_overviewMarker",
-			"noticeText": "F1KBNa_noticeText",
-			"iconAction": "F1KBNa_iconAction",
-			"splitHScrollRow": "F1KBNa_splitHScrollRow",
-			"delCount": "F1KBNa_delCount",
-			"splitLadd": "F1KBNa_splitLadd",
-			"hint": "F1KBNa_hint",
+			"confirmActions": "F1KBNa_confirmActions",
 			"splitHScroll": "F1KBNa_splitHScroll",
-			"note": "F1KBNa_note",
-			"settingsPage": "F1KBNa_settingsPage",
+			"actionError": "F1KBNa_actionError",
+			"toggleThumb": "F1KBNa_toggleThumb",
+			"readError": "F1KBNa_readError",
+			"statusAction": "F1KBNa_statusAction",
+			"diffStats": "F1KBNa_diffStats",
+			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"delCount": "F1KBNa_delCount",
+			"detailEmpty": "F1KBNa_detailEmpty",
+			"confirmCard": "F1KBNa_confirmCard",
+			"group": "F1KBNa_group",
+			"settingsRowText": "F1KBNa_settingsRowText",
+			"markerDel": "F1KBNa_markerDel",
+			"context": "F1KBNa_context",
+			"expand": "F1KBNa_expand",
+			"splitRoot": "F1KBNa_splitRoot",
+			"rows": "F1KBNa_rows",
+			"overviewRuler": "F1KBNa_overviewRuler",
+			"listScroll": "F1KBNa_listScroll",
+			"flexSpacer": "F1KBNa_flexSpacer",
+			"states": "F1KBNa_states",
 			"splitLdel": "F1KBNa_splitLdel",
-			"rail": "F1KBNa_rail",
-			"del": "F1KBNa_del",
-			"noteCentered": "F1KBNa_noteCentered",
-			"line": "F1KBNa_line",
+			"langSelect": "F1KBNa_langSelect",
+			"rowHead": "F1KBNa_rowHead",
 			"action": "F1KBNa_action",
+			"toggle": "F1KBNa_toggle",
+			"code": "F1KBNa_code",
+			"resizeHandle": "F1KBNa_resizeHandle",
+			"intraAdd": "F1KBNa_intraAdd",
+			"layer": "F1KBNa_layer",
+			"settingsPage": "F1KBNa_settingsPage",
 			"fileList": "F1KBNa_fileList",
-			"rowMeta": "F1KBNa_rowMeta",
-			"diffFlash": "F1KBNa_diffFlash",
-			"add": "F1KBNa_add",
-			"settingsSelector": "F1KBNa_settingsSelector",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"langSelect": "F1KBNa_langSelect",
-			"fileListFloat": "F1KBNa_fileListFloat",
-			"emptyState": "F1KBNa_emptyState",
-			"kindTag": "F1KBNa_kindTag",
 			"rowFailed": "F1KBNa_rowFailed",
-			"addCount": "F1KBNa_addCount",
+			"gutter": "F1KBNa_gutter",
 			"wrapActive": "F1KBNa_wrapActive",
-			"close": "F1KBNa_close",
-			"diffHeader": "F1KBNa_diffHeader",
-			"badge": "F1KBNa_badge",
+			"blockFlash": "F1KBNa_blockFlash",
+			"splitHScrollFill": "F1KBNa_splitHScrollFill",
+			"noticeText": "F1KBNa_noticeText",
+			"emptyState": "F1KBNa_emptyState",
 			"bulkActions": "F1KBNa_bulkActions",
-			"expand": "F1KBNa_expand",
-			"group": "F1KBNa_group",
-			"rowHead": "F1KBNa_rowHead",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"settingsRow": "F1KBNa_settingsRow",
-			"panel": "F1KBNa_panel",
-			"detail": "F1KBNa_detail",
-			"split": "F1KBNa_split",
-			"importNote": "F1KBNa_importNote",
-			"resizeHandle": "F1KBNa_resizeHandle",
-			"diff": "F1KBNa_diff",
-			"blockActions": "F1KBNa_blockActions",
+			"diffHeader": "F1KBNa_diffHeader",
+			"markerAdd": "F1KBNa_markerAdd",
+			"intraDel": "F1KBNa_intraDel",
+			"splitHScrollRow": "F1KBNa_splitHScrollRow",
+			"header": "F1KBNa_header",
+			"splitLadd": "F1KBNa_splitLadd",
+			"notice": "F1KBNa_notice",
 			"confirmText": "F1KBNa_confirmText",
-			"vSpacer": "F1KBNa_vSpacer",
-			"gutter": "F1KBNa_gutter",
-			"states": "F1KBNa_states",
-			"markerDel": "F1KBNa_markerDel",
-			"context": "F1KBNa_context",
-			"diffBodySplit": "F1KBNa_diffBodySplit",
 			"diffBodyWrap": "F1KBNa_diffBodyWrap",
-			"subline": "F1KBNa_subline",
-			"splitHScrollFill": "F1KBNa_splitHScrollFill",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
-			"headerActions": "F1KBNa_headerActions",
-			"badgeCount": "F1KBNa_badgeCount"
+			"line": "F1KBNa_line",
+			"noticeButton": "F1KBNa_noticeButton",
+			"lines": "F1KBNa_lines",
+			"confirmBackdrop": "F1KBNa_confirmBackdrop",
+			"searchCount": "F1KBNa_searchCount",
+			"stepperValue": "F1KBNa_stepperValue",
+			"split": "F1KBNa_split",
+			"splitCol": "F1KBNa_splitCol",
+			"splitDivider": "F1KBNa_splitDivider",
+			"badgeCount": "F1KBNa_badgeCount",
+			"detail": "F1KBNa_detail",
+			"searchBar": "F1KBNa_searchBar",
+			"add": "F1KBNa_add",
+			"splitRadd": "F1KBNa_splitRadd",
+			"vSpacer": "F1KBNa_vSpacer",
+			"stepper": "F1KBNa_stepper",
+			"diff": "F1KBNa_diff",
+			"expandExpanded": "F1KBNa_expandExpanded",
+			"badge": "F1KBNa_badge",
+			"row": "F1KBNa_row",
+			"iconAction": "F1KBNa_iconAction",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled"
 		};
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
@@ -12090,6 +12379,51 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		const FLOAT_LIST_MARGIN_PX = 12;
 		/** Fixed diff-row height in px; the virtual window and jump math are built on it. */
 		const ROW_HEIGHT_PX = 22;
+		/** Tolerance absorbed when comparing a block's offset to the navigation anchor,
+		*  so a sub-pixel float error (wrapped row heights, fractional scrollTop) never
+		*  mis-classifies the block the view is sitting on. Half a row height. */
+		const NAV_ANCHOR_TOLERANCE_PX = ROW_HEIGHT_PX / 4;
+		/** The diff view-mode toggle glyph: the whole file as one column of text lines
+		*  (unified) or two side-by-side columns of text lines (split). Hand-drawn
+		*  because the icon library has no single/double-column glyph. Rendered 1:1
+		*  (viewBox matches the size) with integer bar geometry, so every thin line
+		*  lands on whole pixels and stays crisp on any display scale. */
+		function ViewModeIcon({ split, size = 14 }) {
+			const lineY = [
+				1,
+				4,
+				7,
+				10,
+				13
+			];
+			const lineH = 1;
+			return (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 14 14",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: split ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [lineY.map((y) => (0, react_jsx_runtime.jsx)("rect", {
+					x: "1",
+					y,
+					width: "5",
+					height: lineH,
+					fill: "currentColor"
+				}, `l${y}`)), lineY.map((y) => (0, react_jsx_runtime.jsx)("rect", {
+					x: "8",
+					y,
+					width: "5",
+					height: lineH,
+					fill: "currentColor"
+				}, `r${y}`))] }) : lineY.map((y) => (0, react_jsx_runtime.jsx)("rect", {
+					x: "1",
+					y,
+					width: "12",
+					height: lineH,
+					fill: "currentColor"
+				}, `u${y}`))
+			});
+		}
 		/** Total width of the two line-number gutters, subtracted from the code width
 		* when measuring wrapped line heights. */
 		const WRAP_GUTTERS_PX = 88;
@@ -12304,6 +12638,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}
 			return nodes.length === 0 ? "\xA0" : nodes;
 		}
+		/** Chip styling for each intra-line run: removed chars and added chars stand out. */
+		const INTRA_CLASS = {
+			same: void 0,
+			del: PendingPanel_module_css_default.intraDel,
+			add: PendingPanel_module_css_default.intraAdd
+		};
+		/** Clip intra-line runs to a character range, renumbering each cut run. */
+		function clipIntra(intra, start, end) {
+			const out = [];
+			let pos = 0;
+			for (const run of intra) {
+				const runStart = pos;
+				const runEnd = pos + run.text.length;
+				pos = runEnd;
+				if (runEnd <= start || runStart >= end) continue;
+				const text = run.text.slice(Math.max(runStart, start) - runStart, Math.min(runEnd, end) - runStart);
+				if (text.length === 0) continue;
+				out.push({
+					text,
+					kind: run.kind
+				});
+			}
+			return out;
+		}
+		/**
+		* Render a character range as intra-line runs, with the syntax color clipped
+		* back onto each run. Context (`same`) runs show no draw; removed/added runs
+		* carry the chip draw. `intra` must cover `[start, end)` — it is clipped and
+		* reassembled per run, so the returned nodes concatenate to that range.
+		* @param runs - the syntax highlight for the whole line, or undefined.
+		* @param intra - the intra-line runs for the whole line.
+		* @param start - the range start (character offset in the line).
+		* @param end - the range end (exclusive).
+		* @returns the merged spans for the range.
+		*/
+		function renderIntra(runs, intra, start, end) {
+			const clipped = clipIntra(intra, start, end);
+			let cursor = start;
+			return clipped.map((run, i) => {
+				const runStart = cursor;
+				const runEnd = runStart + run.text.length;
+				cursor = runEnd;
+				const syntax = runs !== void 0 && runs.length > 0 ? clipRuns(runs, runStart, runEnd) : run.text;
+				return (0, react_jsx_runtime.jsx)("span", {
+					className: INTRA_CLASS[run.kind],
+					children: syntax
+				}, i);
+			});
+		}
 		/**
 		* One rendered diff row, memoized so a poll or an unrelated state change
 		* does not re-render rows whose content, highlight, and focus are unchanged.
@@ -12424,10 +12807,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return blocks;
 		}
 		/** One side's line-content for the split view: the highlighted runs or plain text. */
-		function splitSideContent(side, wrapped, runs) {
+		function splitSideContent(side, wrapped, runs, intra) {
 			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", {
+			const hasIntra = intra !== void 0 && intra.length > 0;
+			if (wrapped === void 0) return hasIntra ? renderIntra(runs, intra, 0, side.text.length) : highlighted ? runs.map((span, i) => (0, react_jsx_runtime.jsx)("span", {
 				style: span.style,
 				children: span.text
 			}, i)) : side.text === "" ? "\xA0" : side.text;
@@ -12435,7 +12819,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return wrapped.map((line, i) => {
 				const start = offset;
 				offset += line.length;
-				const content = highlighted ? clipRuns(runs, start, offset) : line === "" ? "\xA0" : line;
+				const content = hasIntra ? renderIntra(runs, intra, start, offset) : highlighted ? clipRuns(runs, start, offset) : line === "" ? "\xA0" : line;
 				return (0, react_jsx_runtime.jsx)("div", {
 					className: PendingPanel_module_css_default.subline,
 					children: content
@@ -12451,7 +12835,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		* one side is longer. The gutter and code are top-aligned so sub-lines line up
 		* across the divider.
 		*/
-		function SplitSideRow({ index, side, wrapped, runs, kind, isLeft, height, focused, searchHit, searchCurrent, onHover }) {
+		function SplitSideRow({ index, side, wrapped, runs, kind, isLeft, height, focused, searchHit, searchCurrent, onHover, intra }) {
 			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,
@@ -12468,14 +12852,26 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}), (0, react_jsx_runtime.jsx)("span", {
 					className: `${PendingPanel_module_css_default.code} ${tint}`,
 					"data-diff-code": true,
-					children: splitSideContent(side, wrapped, runs)
+					children: splitSideContent(side, wrapped, runs, intra)
 				})]
 			});
 		}
 		/** The two-column (side-by-side) whole-file diff view. */
-		const SplitDiff = (0, react.forwardRef)(function SplitDiff({ file, model, runs, langWrap, tabWidthSpaces, busy, t, selection, onBlockKeep, onBlockRevert }, ref) {
-			const { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows), [model]);
+		const SplitDiff = (0, react.forwardRef)(function SplitDiff({ file, model, runs, langWrap, tabWidthSpaces, busy, t, selection, leadRows, onBlockKeep, onBlockRevert }, ref) {
+			const { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows, true), [model]);
 			const pairCount = pairs.length;
+			const pairRowIndices = (0, react.useMemo)(() => {
+				const map = /* @__PURE__ */ new Map();
+				model.diff.rows.forEach((row, rowIndex) => {
+					const pairIndex = pairOfRow.get(rowIndex);
+					if (pairIndex === void 0) return;
+					const entry = map.get(pairIndex) ?? {};
+					if (row.kind !== "add") entry.left = rowIndex;
+					if (row.kind !== "del") entry.right = rowIndex;
+					map.set(pairIndex, entry);
+				});
+				return map;
+			}, [model, pairOfRow]);
 			const bodyRef = (0, react.useRef)(null);
 			const [scrollTop, setScrollTop] = (0, react.useState)(0);
 			const [viewportH, setViewportH] = (0, react.useState)(0);
@@ -12519,17 +12915,30 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					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 blockOfPair = (0, react.useMemo)(() => model.blocks.map((block) => {
+				let start = Number.POSITIVE_INFINITY;
+				let end = Number.NEGATIVE_INFINITY;
+				for (let row = block.start; row <= block.end; row++) {
+					const pair = pairOfRow.get(row);
+					if (pair === void 0) continue;
+					if (pair < start) start = pair;
+					if (pair > end) end = pair;
+				}
+				return {
+					start: Number.isFinite(start) ? start : 0,
+					end: Number.isFinite(end) ? 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);
+				model.blocks.forEach((block, bi) => {
+					for (let row = block.start; row <= block.end; row++) {
+						const pair = pairOfRow.get(row);
+						if (pair !== void 0) map.set(pair, bi);
+					}
 				});
 				return map;
-			}, [blockOfPair]);
+			}, [model, pairOfRow]);
 			const onPairHover = (0, react.useCallback)((k) => {
 				const bi = blockIndexByPair.get(k);
 				setHoveredBlock(bi);
@@ -12688,13 +13097,21 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (block === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = off(block.start) - 44;
+				const target = off(block.start) - leadRows * ROW_HEIGHT_PX;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
-			}, [focus, flashKey]);
+			}, [flashKey]);
 			const onScroll = () => {
-				setScrollTop(bodyRef.current?.scrollTop ?? 0);
+				const body = bodyRef.current;
+				if (body === null) return;
+				setScrollTop(body.scrollTop);
+				const count = blockOfPair.length;
+				if (count === 0) return;
+				const anchor = body.scrollTop + leadRows * ROW_HEIGHT_PX;
+				let ref = -1;
+				for (let index = 0; index < count; index++) if (off(blockOfPair[index].start) <= anchor + NAV_ANCHOR_TOLERANCE_PX) ref = index;
+				setFocus(ref === -1 ? 0 : ref);
 			};
 			const inFocused = (k) => {
 				const block = blockOfPair[focus];
@@ -12736,6 +13153,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											visiblePairs.map((pair, offset) => {
 												const index = start + offset;
 												const leftRuns = pair.left === void 0 ? void 0 : runs?.oldRuns?.[(pair.left.line ?? 0) - 1];
+												const sideIndex = pairRowIndices.get(index);
 												return (0, react_jsx_runtime.jsx)(SplitSideRow, {
 													index,
 													side: pair.left,
@@ -12747,7 +13165,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													focused: inFocused(index),
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
-													onHover: () => onPairHover(index)
+													onHover: () => onPairHover(index),
+													intra: sideIndex?.left === void 0 ? void 0 : model.intra.get(sideIndex.left)
 												}, index);
 											}),
 											end < pairCount && (0, react_jsx_runtime.jsx)("div", {
@@ -12775,6 +13194,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											visiblePairs.map((pair, offset) => {
 												const index = start + offset;
 												const rightRuns = pair.right === void 0 ? void 0 : runs?.newRuns?.[(pair.right.line ?? 0) - 1];
+												const sideIndex = pairRowIndices.get(index);
 												return (0, react_jsx_runtime.jsx)(SplitSideRow, {
 													index,
 													side: pair.right,
@@ -12786,7 +13206,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													focused: inFocused(index),
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
-													onHover: () => onPairHover(index)
+													onHover: () => onPairHover(index),
+													intra: sideIndex?.right === void 0 ? void 0 : model.intra.get(sideIndex.right)
 												}, index);
 											}),
 											end < pairCount && (0, react_jsx_runtime.jsx)("div", {
@@ -13043,6 +13464,39 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return codeCellAt(node)?.textContent?.length ?? 0;
 		}
 		/**
+		* Reconstruct the plain text of the current selection so auto-wrap's visual
+		* line breaks never leak into the clipboard. A wrapped row renders its code as
+		* several `.subline` block elements, and the browser's default copy inserts a
+		* newline between them; those segments form one logical line, so they are joined
+		* without a newline while the real newline between diff rows is kept.
+		*/
+		function selectedPlainText() {
+			const selection = window.getSelection();
+			if (selection === null || selection.rangeCount === 0 || selection.isCollapsed) return void 0;
+			const range = selection.getRangeAt(0);
+			const container = document.createElement("div");
+			container.appendChild(range.cloneContents());
+			const parts = [];
+			let atLineStart = true;
+			const push = (text) => {
+				if (text.length === 0) return;
+				parts.push(text);
+				atLineStart = text.endsWith("\n");
+			};
+			const walk = (node) => {
+				if (node.nodeType === Node.TEXT_NODE) {
+					push(node.textContent ?? "");
+					return;
+				}
+				if (!(node instanceof Element)) return;
+				const el = node;
+				if ((el.dataset.diffRow !== void 0 || el.dataset.diffSplitRow !== void 0 || el.dataset.diffSplitIndex !== void 0) && !atLineStart) push("\n");
+				for (const child of node.childNodes) walk(child);
+			};
+			walk(container);
+			return parts.join("");
+		}
+		/**
 		* 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
@@ -13137,16 +13591,28 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setWrapEnabled(wrapKey, next);
 			};
 			const [tabWidthSpaces] = (0, react.useState)(() => tabWidth());
-			const splitView = splitMode();
+			const [splitView, setSplitView] = (0, react.useState)(() => splitMode());
+			const leadRows = navLeadRows();
+			const toggleSplitView = () => {
+				const next = !splitView;
+				setSplitView(next);
+				setSplitMode(next);
+			};
 			const splitDiffRef = (0, react.useRef)(null);
 			const model = (0, react.useMemo)(() => {
 				const diff = computeWholeFileDiff(file.oldText, file.newText);
+				const intra = splitView ? computeIntraLineDiff(diff.rows, true) : /* @__PURE__ */ new Map();
 				return {
 					diff,
-					blocks: changeBlocksOf(diff)
+					blocks: changeBlocksOf(diff),
+					intra
 				};
-			}, [file.oldText, file.newText]);
-			const splitPairs = (0, react.useMemo)(() => splitView ? computeSideBySideDiff(model.diff.rows).pairs : null, [splitView, model]);
+			}, [
+				file.oldText,
+				file.newText,
+				splitView
+			]);
+			const splitPairs = (0, react.useMemo)(() => splitView ? computeSideBySideDiff(model.diff.rows, true).pairs : null, [splitView, model]);
 			const rulerMarkers = (0, react.useMemo)(() => {
 				const rows = model.diff.rows;
 				const total = rows.length;
@@ -13372,14 +13838,14 @@ 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 blockActionsTop = blockEnd === void 0 ? 0 : Math.max(0, Math.min(offsetOf(blockEnd + 1) - scrollTop, Math.max(0, viewportHeight - 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 selectionActionsTop = selectionBlockEnd === void 0 ? 0 : Math.max(0, Math.min(offsetOf(selectionBlockEnd + 1) - scrollTop, Math.max(0, viewportHeight - 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;
@@ -13418,15 +13884,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (block === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = offsetOf(block.start) - 44;
+				const target = offsetOf(block.start) - leadRows * ROW_HEIGHT_PX;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
-			}, [
-				focus,
-				scrollTick,
-				rowOffsets === null
-			]);
+			}, [scrollTick, rowOffsets === null]);
 			const jump = (direction) => {
 				if (rowCount === 0) return;
 				setFocus((current) => {
@@ -13491,6 +13953,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (body === null) return;
 				setScrollTop(body.scrollTop);
 				setViewportHeight(body.clientHeight);
+				const count = model.blocks.length;
+				if (rowCount === 0 || count === 0) return;
+				const anchor = body.scrollTop + leadRows * ROW_HEIGHT_PX;
+				let ref = -1;
+				for (let index = 0; index < count; index++) {
+					const block = model.blocks[index];
+					if (block !== void 0 && offsetOf(block.start) <= anchor + NAV_ANCHOR_TOLERANCE_PX) ref = index;
+				}
+				setFocus(ref === -1 ? 0 : ref);
 			};
 			(0, react.useEffect)(() => {
 				const update = () => setSelection(splitView ? splitRowRangeOf(window.getSelection()) : rowRangeOf(window.getSelection()));
@@ -13500,6 +13971,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					document.removeEventListener("selectionchange", update);
 				};
 			}, [file.id, splitView]);
+			(0, react.useEffect)(() => {
+				const onCopy = (event) => {
+					const anchor = window.getSelection()?.anchorNode;
+					if (!((anchor instanceof Element ? anchor : anchor?.parentElement)?.closest("[data-diff-code]") !== null)) return;
+					const text = selectedPlainText();
+					if (text === void 0) return;
+					event.preventDefault();
+					event.clipboardData?.setData("text/plain", text);
+				};
+				document.addEventListener("copy", onCopy);
+				return () => {
+					document.removeEventListener("copy", onCopy);
+				};
+			}, []);
 			const selectionReference = (() => {
 				if (selection === void 0) return void 0;
 				if (splitView) {
@@ -13662,10 +14147,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									removed: model.diff.removed
 								})
 							}),
-							file.kind === "create" && (0, react_jsx_runtime.jsx)("span", {
-								className: PendingPanel_module_css_default.kindHint,
-								children: t("panel.createHint")
-							}),
 							model.blocks.length > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
 								label: `${t("action.prevDiff")} (Ctrl+↑)`,
 								side: "bottom",
@@ -13710,6 +14191,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 14 })
 								})
 							}),
+							(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.divider }),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t(splitView ? "action.viewUnified" : "action.viewSplit"),
+								side: "bottom",
+								delayMs: 500,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+									"data-diff-toggle-view": true,
+									"aria-label": t(splitView ? "action.viewUnified" : "action.viewSplit"),
+									onClick: toggleSplitView,
+									children: (0, react_jsx_runtime.jsx)(ViewModeIcon, { split: splitView })
+								})
+							}),
 							(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.flexSpacer }),
 							(0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -13729,7 +14224,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								onClick: () => {
 									onRevert(file.sessionId, file.id);
 								},
-								children: t("action.revert")
+								children: file.kind === "create" ? t("action.delete") : t("action.revert")
 							})
 						]
 					}),
@@ -13752,22 +14247,23 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						busy,
 						t,
 						selection,
+						leadRows,
 						onBlockKeep,
 						onBlockRevert
 					}) : (0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffBodyWrap,
+						onMouseLeave: () => {
+							setHoveredBlock(void 0);
+						},
 						children: [
-							(0, react_jsx_runtime.jsxs)("div", {
+							(0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.diffBody,
 								ref: bodyRef,
 								tabIndex: 0,
 								onScroll,
-								onMouseLeave: () => {
-									setHoveredBlock(void 0);
-								},
 								style: { tabSize: tabWidthSpaces },
 								"data-diff-body": true,
-								children: [(0, react_jsx_runtime.jsxs)("div", {
+								children: (0, react_jsx_runtime.jsxs)("div", {
 									className: `${PendingPanel_module_css_default.lines}${langWrap ? " " + PendingPanel_module_css_default.wrap : ""}`,
 									style: langWrap ? {
 										width: "100%",
@@ -13798,87 +14294,88 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											"aria-hidden": "true"
 										})
 									]
-								}), 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", {
+								})
+							}),
+							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 },
+								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: model.blocks.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: () => {
+											stepBlock(-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: () => {
+											stepBlock(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-selection-keep": true,
+										"data-diff-block-keep": true,
 										disabled: busy,
 										onClick: () => {
-											handleSelectionAction("keep");
+											handleBlockAction("keep");
 										},
 										children: t("action.keep")
-									}), (0, react_jsx_runtime.jsx)("button", {
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: PendingPanel_module_css_default.action,
-										"data-diff-selection-revert": true,
+										"data-diff-block-revert": true,
 										disabled: busy,
 										onClick: () => {
-											handleSelectionAction("revert");
+											handleBlockAction("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 },
-									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: model.blocks.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: () => {
-												stepBlock(-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: () => {
-												stepBlock(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")
-										})
-									]
-								}) : null]
-							}),
+									})
+								]
+							}) : null,
 							focusedBlock !== void 0 && flashKey > 0 && (0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.blockFlash,
 								"data-diff-block-flash": true,
@@ -14699,42 +15196,26 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		//#endregion
 		//#region lib/types/client/SettingsTab.js
 		/** DSH Settings top-level section for this plugin's preferences. */
-		/** A pill picker offering the two boolean states 打开 / 关闭. */
-		function OnOffPicker({ value, open, onOpenChange, onSelect, dataAttribute, t }) {
-			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
-				open,
-				onClose: () => {
-					onOpenChange(false);
-				},
-				items: [{
-					id: "on",
-					label: t("action.toggleOn")
-				}, {
-					id: "off",
-					label: t("action.toggleOff")
-				}],
-				selectedId: value ? "on" : "off",
-				onSelect: (id) => {
-					onOpenChange(false);
-					onSelect(id === "on");
+		/** A toggle switch offering the two boolean states 打开 / 关闭. */
+		function OnOffToggle({ value, onSelect, dataAttribute, t }) {
+			return (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				role: "switch",
+				"aria-checked": value,
+				"aria-label": value ? t("action.toggleOn") : t("action.toggleOff"),
+				className: `${PendingPanel_module_css_default.toggle}${value ? " " + PendingPanel_module_css_default.toggleOn : ""}`,
+				[dataAttribute]: true,
+				onClick: () => {
+					onSelect(!value);
 				},
-				align: "end",
-				portal: true,
-				anchor: (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: PendingPanel_module_css_default.settingsSelector,
-					"aria-haspopup": "menu",
-					"aria-expanded": open,
-					onClick: () => {
-						onOpenChange(!open);
-					},
-					[dataAttribute]: true,
-					children: [value ? t("action.toggleOn") : t("action.toggleOff"), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.settingsSelectorChevron })]
+				children: (0, react_jsx_runtime.jsx)("span", {
+					className: PendingPanel_module_css_default.toggleThumb,
+					"aria-hidden": "true"
 				})
 			});
 		}
-		/** One Agent-preset-style preference row: title + description, pill picker right. */
-		function PreferenceRow({ title, description, value, open, onOpenChange, onSelect, dataAttribute, t }) {
+		/** One Agent-preset-style preference row: title + description, toggle right. */
+		function PreferenceRow({ title, description, value, onSelect, dataAttribute, t }) {
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsRow,
 				children: [(0, react_jsx_runtime.jsxs)("div", {
@@ -14746,10 +15227,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						className: PendingPanel_module_css_default.settingsRowDesc,
 						children: description
 					})]
-				}), (0, react_jsx_runtime.jsx)(OnOffPicker, {
+				}), (0, react_jsx_runtime.jsx)(OnOffToggle, {
 					value,
-					open,
-					onOpenChange,
 					onSelect,
 					dataAttribute,
 					t
@@ -14814,6 +15293,53 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				})]
 			});
 		}
+		/** A +/- number stepper for an integer preference, clamped to [min, max]. */
+		function StepperRow({ title, description, value, onChange, min, max, dataAttribute, t }) {
+			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.jsxs)("div", {
+					className: PendingPanel_module_css_default.stepper,
+					children: [
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: PendingPanel_module_css_default.stepperButton,
+							"data-diff-stepper-down": true,
+							"aria-label": t("action.decrease"),
+							disabled: value <= min,
+							onClick: () => {
+								onChange(Math.max(min, value - 1));
+							},
+							children: "−"
+						}),
+						(0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.stepperValue,
+							[dataAttribute]: true,
+							children: value
+						}),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: PendingPanel_module_css_default.stepperButton,
+							"data-diff-stepper-up": true,
+							"aria-label": t("action.increase"),
+							disabled: value >= max,
+							onClick: () => {
+								onChange(Math.min(max, value + 1));
+							},
+							children: "+"
+						})
+					]
+				})]
+			});
+		}
 		/** 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) {
@@ -14886,13 +15412,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		*/
 		function DiffApprovalSettingsTab({ t }) {
 			const [pasteOnCopy, setPasteOnCopyState] = (0, react.useState)(pasteOnCopyEnabled);
-			const [pasteOnCopyOpen, setPasteOnCopyOpen] = (0, react.useState)(false);
 			const [includeUntracked, setIncludeUntrackedState] = (0, react.useState)(includeUntrackedEnabled);
-			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 [lead, setLeadState] = (0, react.useState)(navLeadRows);
 			const [summon, setSummonState] = (0, react.useState)(quickSummonKey);
 			const setSummon = (value) => {
 				setSummonState(value);
@@ -14914,6 +15438,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setSplitState(value);
 				setSplitMode(value);
 			};
+			const setLead = (value) => {
+				setLeadState(value);
+				setNavLeadRows(value);
+			};
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsPage,
 				"data-diff-settings": true,
@@ -14922,8 +15450,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						title: t("panel.pasteOnCopy"),
 						description: t("panel.pasteOnCopyDesc"),
 						value: pasteOnCopy,
-						open: pasteOnCopyOpen,
-						onOpenChange: setPasteOnCopyOpen,
 						onSelect: setPasteOnCopy,
 						dataAttribute: "data-diff-paste-on-copy-select",
 						t
@@ -14932,8 +15458,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						title: t("panel.importUntracked"),
 						description: t("panel.importUntrackedDesc"),
 						value: includeUntracked,
-						open: includeUntrackedOpen,
-						onOpenChange: setIncludeUntrackedOpen,
 						onSelect: setIncludeUntracked,
 						dataAttribute: "data-diff-import-untracked-select",
 						t
@@ -14951,12 +15475,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						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)(StepperRow, {
+						title: t("panel.navLeadRows"),
+						description: t("panel.navLeadRowsDesc"),
+						value: lead,
+						onChange: setLead,
+						min: 0,
+						max: 10,
+						dataAttribute: "data-diff-nav-lead-rows",
+						t
+					}),
 					(0, react_jsx_runtime.jsx)(ShortcutRow, {
 						title: t("panel.quickSummon"),
 						description: t("panel.quickSummonDesc"),
@@ -15506,7 +16038,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.missingHint": "该文件已不存在，回退会恢复该文件。",
 			"panel.externalChanged": "检测到文件在外部被修改，已更新对比并新建撤销点；重做历史已被重置。",
 			"panel.dismiss": "知道了",
-			"panel.createHint": "回退会删除该新建的文件。",
 			"panel.pasteOnCopy": "复制引用后自动粘贴到消息输入框",
 			"panel.pasteOnCopyDesc": "开启后，复制的引用会自动填入消息输入框，输入框会获得焦点。",
 			"panel.importUntracked": "导入未跟踪的文件改动",
@@ -15515,8 +16046,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.tabWidthDesc": "差异中制表符的缩进宽度，可选 2 / 4 / 8 个空格（默认 4），同时作用于行宽折行测量。",
 			"panel.splitMode": "双栏对比",
 			"panel.splitModeDesc": "开启后整文件差异用左「改前」｜右「当前」双栏、逐行对齐的视图展示，默认关闭使用单栏（合并）视图。",
+			"panel.navLeadRows": "差异跳转行距",
+			"panel.navLeadRowsDesc": "按上/下跳转差异时，目标差异上方保留的行数（默认 2）。也用于从当前滚动位置定位上/下一个差异。",
 			"panel.quickSummon": "快速呼出",
-			"panel.quickSummonDesc": "用键盘快捷键打开/关闭差异面板（默认 Ctrl+D）。点击右侧按钮后按下新的按键组合即可修改，Esc 取消。",
+			"panel.quickSummonDesc": "用键盘快捷键打开/关闭差异面板。点击右侧按钮后按下新的按键组合即可修改。",
 			"panel.recordShortcut": "按下快捷键…",
 			"settings.tabLabel": "改动审批",
 			"row.create": "新增文件",
@@ -15526,6 +16059,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"row.removed": "-{removed}",
 			"action.keep": "保留",
 			"action.revert": "回退",
+			"action.delete": "删除",
 			"action.keepAll": "全部保留",
 			"action.revertAll": "全部回退",
 			"action.openFile": "打开文件",
@@ -15535,6 +16069,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.nextDiff": "下一处差异",
 			"action.showFileList": "展开文件列表",
 			"action.hideFileList": "收起文件列表",
+			"action.viewSplit": "切换到双栏",
+			"action.viewUnified": "切换到单栏",
 			"action.copyHint": "复制引用",
 			"action.copied": "已复制",
 			"action.langAuto": "自动",
@@ -15543,6 +16079,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.wrap": "自动换行",
 			"action.toggleOn": "打开",
 			"action.toggleOff": "关闭",
+			"action.decrease": "减小",
+			"action.increase": "增大",
 			"action.importVcs": "导入工作区改动",
 			"action.importVcsBusy": "导入中…",
 			"panel.importNone": "没有可导入的改动",
@@ -15577,7 +16115,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.missingHint": "This file no longer exists; reverting restores it.",
 			"panel.externalChanged": "A file changed outside the review. The comparison was updated and a new undo point created; the redo history was reset.",
 			"panel.dismiss": "Got it",
-			"panel.createHint": "Reverting removes this created file.",
 			"panel.pasteOnCopy": "Paste the copied reference into the composer",
 			"panel.pasteOnCopyDesc": "When enabled, a copied reference is pasted into the composer, which then receives focus.",
 			"panel.importUntracked": "Import changes to untracked files",
@@ -15586,8 +16123,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"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.navLeadRows": "Block jump lead rows",
+			"panel.navLeadRowsDesc": "Rows left above the jumped-to diff block on up/down navigation (default 2). Also used to locate the previous/next diff from the current scroll position.",
 			"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.quickSummonDesc": "Open or close the diff panel with a keyboard shortcut. Click the button and press a new chord to change it.",
 			"panel.recordShortcut": "Press keys…",
 			"settings.tabLabel": "Diff Approval",
 			"row.create": "New file",
@@ -15597,6 +16136,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"row.removed": "-{removed}",
 			"action.keep": "Keep",
 			"action.revert": "Revert",
+			"action.delete": "Delete",
 			"action.keepAll": "Keep all",
 			"action.revertAll": "Revert all",
 			"action.openFile": "Open file",
@@ -15606,6 +16146,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.nextDiff": "Next diff",
 			"action.showFileList": "Show file list",
 			"action.hideFileList": "Hide file list",
+			"action.viewSplit": "Switch to side-by-side",
+			"action.viewUnified": "Switch to unified",
 			"action.copyHint": "Copy reference",
 			"action.copied": "Copied",
 			"action.langAuto": "Auto",
@@ -15614,6 +16156,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.wrap": "Wrap lines",
 			"action.toggleOn": "On",
 			"action.toggleOff": "Off",
+			"action.decrease": "Decrease",
+			"action.increase": "Increase",
 			"action.importVcs": "Import workspace changes",
 			"action.importVcsBusy": "Importing…",
 			"panel.importNone": "No changes to import",