dsh-diff-approval 0.16.0 → 0.18.0

package/lib/client.js

@@ -667,6 +667,143 @@ window.__ModuleLoader__.load({
 			const normalized = text.replace(/\r\n?/g, "\n");
 			return normalized.endsWith("\n") ? normalized.slice(0, -1) : normalized;
 		}
+		/** A changed middle larger than this many old×new line cells falls back to the
+		*  greedy anchor alignment: the `diff` package's O((N+M)·D) Myers scan (and its
+		*  high constant) would otherwise stall on a big, heavily-edited region for no
+		*  benefit. */
+		const MIDDLE_CELL_CAP = 1e6;
+		/** A fast, greedy line alignment for a large changed middle. Lines present on
+		* both sides (in order) become context; a line only on one side is del/add;
+		* two unmatched side-by-side lines are a replacement. It is O(N+M) (amortized,
+		* with per-line index queues) and recognises unchanged lines as context, so a
+		* big scattered file does not get marked as all-changed — it only gives up the
+		* minimal-edit property Myers would provide. */
+		function alignLargeMiddle(midOld, midNew, start) {
+			const rows = [];
+			let removed = 0;
+			let added = 0;
+			const newPos = /* @__PURE__ */ new Map();
+			const oldPos = /* @__PURE__ */ new Map();
+			midNew.forEach((line, index) => {
+				const q = newPos.get(line);
+				if (q) q.push(index);
+				else newPos.set(line, [index]);
+			});
+			midOld.forEach((line, index) => {
+				const q = oldPos.get(line);
+				if (q) q.push(index);
+				else oldPos.set(line, [index]);
+			});
+			let oldLine = start;
+			let newLine = start;
+			let i = 0;
+			let j = 0;
+			while (i < midOld.length && j < midNew.length) {
+				if (midOld[i] === midNew[j]) {
+					rows.push({
+						kind: "context",
+						text: midOld[i],
+						oldLine: ++oldLine,
+						newLine: ++newLine
+					});
+					i++;
+					j++;
+					continue;
+				}
+				const nxtNew = newPos.get(midOld[i])?.find((index) => index >= j);
+				const nxtOld = oldPos.get(midNew[j])?.find((index) => index >= i);
+				if (nxtNew !== void 0 && (nxtOld === void 0 || nxtNew - j <= nxtOld - i)) {
+					for (let k = j; k < nxtNew; k++) {
+						rows.push({
+							kind: "add",
+							text: midNew[k],
+							oldLine: void 0,
+							newLine: ++newLine
+						});
+						added++;
+					}
+					j = nxtNew;
+				} else if (nxtOld !== void 0) {
+					for (let k = i; k < nxtOld; k++) {
+						rows.push({
+							kind: "del",
+							text: midOld[k],
+							oldLine: ++oldLine,
+							newLine: void 0
+						});
+						removed++;
+					}
+					i = nxtOld;
+				} else {
+					rows.push({
+						kind: "del",
+						text: midOld[i],
+						oldLine: ++oldLine,
+						newLine: void 0
+					});
+					removed++;
+					i++;
+					rows.push({
+						kind: "add",
+						text: midNew[j],
+						oldLine: void 0,
+						newLine: ++newLine
+					});
+					added++;
+					j++;
+				}
+			}
+			while (i < midOld.length) {
+				rows.push({
+					kind: "del",
+					text: midOld[i],
+					oldLine: ++oldLine,
+					newLine: void 0
+				});
+				removed++;
+				i++;
+			}
+			while (j < midNew.length) {
+				rows.push({
+					kind: "add",
+					text: midNew[j],
+					oldLine: void 0,
+					newLine: ++newLine
+				});
+				added++;
+				j++;
+			}
+			return {
+				rows,
+				removed,
+				added
+			};
+		}
+		/** Reorder each contiguous change run (a maximal run of non-context rows) into
+		*  the standard unified-diff shape — all `del` rows first, then all `add` rows.
+		*  The diff package's Myers scan can emit per-line replacements (`del add del
+		*  add`) for some content, which reads as interleaved in the viewer and makes
+		*  the split view pair each line separately. Reordering a run to del-block→add-
+		*  block keeps each row's own line numbers and never changes the run's row
+		*  boundaries, so change blocks, split alignment, and keep/revert ranges stay
+		*  correct — it only tidies the display order. */
+		function normalizeChangeRuns(rows) {
+			for (let i = 0; i < rows.length;) {
+				if (rows[i].kind === "context") {
+					i++;
+					continue;
+				}
+				const start = i;
+				while (i < rows.length && rows[i].kind !== "context") i++;
+				const run = rows.slice(start, i);
+				const dels = run.filter((row) => row.kind === "del");
+				const adds = run.filter((row) => row.kind === "add");
+				if (dels.length !== 0 && adds.length !== 0) {
+					rows.splice(start, run.length);
+					rows.splice(start, 0, ...dels, ...adds);
+				}
+			}
+		}
 		function computeWholeFileDiff(oldText, newText) {
 			const oldNorm = oldText.replace(/\r\n?/g, "\n");
 			const newNorm = newText.replace(/\r\n?/g, "\n");
@@ -682,43 +819,94 @@ window.__ModuleLoader__.load({
 			};
 			const oldLines = contentLines(oldNorm);
 			const newLines = contentLines(newNorm);
-			const patch = structuredPatch("", "", oldNorm, newNorm, void 0, void 0, { context: Math.max(1, oldLines.length, newLines.length) });
+			let start = 0;
+			const minLen = Math.min(oldLines.length, newLines.length);
+			while (start < minLen && oldLines[start] === newLines[start]) start++;
+			let endOld = oldLines.length;
+			let endNew = newLines.length;
+			while (start < endOld && start < endNew && oldLines[endOld - 1] === newLines[endNew - 1]) {
+				endOld--;
+				endNew--;
+			}
 			const rows = [];
 			let removed = 0;
 			let added = 0;
-			let oldLine = 0;
-			let newLine = 0;
-			for (const hunk of patch.hunks) for (const line of hunk.lines) {
-				if (line.startsWith("\\")) continue;
-				if (line.startsWith("-")) {
-					oldLine++;
-					rows.push({
-						kind: "del",
-						text: line.slice(1),
-						oldLine,
-						newLine: void 0
-					});
-					removed++;
-				} else if (line.startsWith("+")) {
-					newLine++;
-					rows.push({
-						kind: "add",
-						text: line.slice(1),
-						oldLine: void 0,
-						newLine
-					});
-					added++;
-				} else {
-					oldLine++;
-					newLine++;
-					rows.push({
-						kind: "context",
-						text: line.slice(1),
-						oldLine,
-						newLine
-					});
+			for (let i = 0; i < start; i++) rows.push({
+				kind: "context",
+				text: oldLines[i],
+				oldLine: i + 1,
+				newLine: i + 1
+			});
+			const midOld = oldLines.slice(start, endOld);
+			const midNew = newLines.slice(start, endNew);
+			if (midOld.length === 0 && midNew.length === 0) {} else if (midOld.length === 0) for (let j = 0; j < midNew.length; j++) {
+				rows.push({
+					kind: "add",
+					text: midNew[j],
+					oldLine: void 0,
+					newLine: start + j + 1
+				});
+				added++;
+			}
+			else if (midNew.length === 0) for (let i = 0; i < midOld.length; i++) {
+				rows.push({
+					kind: "del",
+					text: midOld[i],
+					oldLine: start + i + 1,
+					newLine: void 0
+				});
+				removed++;
+			}
+			else if (midOld.length * midNew.length > MIDDLE_CELL_CAP) {
+				const aligned = alignLargeMiddle(midOld, midNew, start);
+				rows.push(...aligned.rows);
+				removed += aligned.removed;
+				added += aligned.added;
+			} else {
+				const context = Math.max(1, midOld.length, midNew.length);
+				const patch = structuredPatch("", "", midOld.join("\n"), midNew.join("\n"), void 0, void 0, { context });
+				let oldLine = start;
+				let newLine = start;
+				for (const hunk of patch.hunks) for (const line of hunk.lines) {
+					if (line.startsWith("\\")) continue;
+					if (line.startsWith("-")) {
+						oldLine++;
+						rows.push({
+							kind: "del",
+							text: line.slice(1),
+							oldLine,
+							newLine: void 0
+						});
+						removed++;
+					} else if (line.startsWith("+")) {
+						newLine++;
+						rows.push({
+							kind: "add",
+							text: line.slice(1),
+							oldLine: void 0,
+							newLine
+						});
+						added++;
+					} else {
+						oldLine++;
+						newLine++;
+						rows.push({
+							kind: "context",
+							text: line.slice(1),
+							oldLine,
+							newLine
+						});
+					}
 				}
 			}
+			const suffixLen = oldLines.length - endOld;
+			for (let k = 0; k < suffixLen; k++) rows.push({
+				kind: "context",
+				text: oldLines[endOld + k],
+				oldLine: endOld + k + 1,
+				newLine: endNew + k + 1
+			});
+			normalizeChangeRuns(rows);
 			return {
 				rows,
 				removed,
@@ -7650,7 +7838,7 @@ window.__ModuleLoader__.load({
 			}
 			return { position: value.length };
 		}
-		function parseColor(sequence) {
+		function parseColor$1(sequence) {
 			const colorMode = sequence.shift();
 			if (colorMode === "2") {
 				const rgb = sequence.splice(0, 3).map((x) => Number.parseInt(x));
@@ -7700,7 +7888,7 @@ window.__ModuleLoader__.load({
 					}
 				});
 				else if (codeInt === 38) {
-					const color = parseColor(sequence);
+					const color = parseColor$1(sequence);
 					if (color) commands.push({
 						type: "setForegroundColor",
 						value: color
@@ -7714,7 +7902,7 @@ window.__ModuleLoader__.load({
 					}
 				});
 				else if (codeInt === 48) {
-					const color = parseColor(sequence);
+					const color = parseColor$1(sequence);
 					if (color) commands.push({
 						type: "setBackgroundColor",
 						value: color
@@ -12015,16 +12203,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return start === end ? String(start) : `${start}-${end}`;
 		}
 		/**
-		* Build the clipboard text for a selected line range, wrapped in parentheses so
-		* the reference reads as one unambiguous token (and can be matched precisely).
+		* Build the bare reference label for a selected line range — `path:range` with
+		* no surrounding parentheses. Used for display (the status-bar copy control
+		* shows the reference without the token-wrapping parens).
 		* @param path - the selected file's path.
 		* @param workspacePath - the current workspace root, or `undefined`.
 		* @param start - first selected line number.
 		* @param end - last selected line number.
-		* @returns the `(path:range)` reference text.
+		* @returns the `path:range` reference label.
 		*/
-		function referenceOf(path, workspacePath, start, end) {
-			return `(${referencePathOf(path, workspacePath)}:${lineRangeLabel(start, end)})`;
+		function referenceLabelOf(path, workspacePath, start, end) {
+			return `${referencePathOf(path, workspacePath)}:${lineRangeLabel(start, end)}`;
 		}
 		/**
 		* Map one referenced line range from `oldContent` coordinates to `newContent`
@@ -12091,6 +12280,132 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		//#endregion
+		//#region lib/types/client/produced-diff.js
+		/**
+		* Inject a "查看差异" button beside each DSH produced-file chip.
+		*
+		* The harness's `ProducedFiles` component renders each produced file as a
+		* `<button>` chip inside `[data-produced-files-row]`; the full path rides the
+		* chip's `title`. This plugin wants a quick "view this file's diff" affordance
+		* there, but the plugin should not have to touch the harness component. So this
+		* module watches the DOM for those chips (via a MutationObserver, the same
+		* bridge the dsh-pocket mobile fork uses to inject its 复制 buttons) and injects
+		* a small button after each one. Clicking it dispatches a window event that the
+		* diff-approval panel listens for (see PendingPanel), which opens the panel and
+		* selects the file when it is still pending, or toasts otherwise.
+		*
+		* The injected button is intentionally self-contained (inline styles + a fixed
+		* label) so it needs no stylesheet and no harness change.
+		*/
+		/** Window event dispatched by the injected button; PendingPanel listens for it. */
+		const OPEN_FILE_EVENT = "diff-approval:open-file";
+		/** Marker set on a produced-file chip once its diff button has been injected. */
+		const INJECTED_ATTR = "data-diff-approval-produced-diff";
+		/** Marker set on the injected "查看差异" button itself (so cleanup can find it). */
+		const BUTTON_ATTR = "data-diff-approval-produced-diff-btn";
+		/** The produced-file chip selector (the container row itself is not needed). */
+		const CHIP_SELECTOR = "[data-produced-files-row] button";
+		/** Read the produced-file path from a chip (`title` carries the full path). */
+		function producedPathOf(chip) {
+			const path = chip.getAttribute("title")?.trim();
+			return path === void 0 || path === "" ? void 0 : path;
+		}
+		/** Inline layout styles matching the file chip's measured values: the chip is
+		* 22px tall / 6px radius / 0 8px inline padding on the `--dsw-alias-bg-base`
+		* surface. `color` is inlined (the chip's gray text) so the icon is always right;
+		* `background` (rest + a deeper hover) stays in the injected <style> rule.
+		* `display` is set separately (see inject) to mirror the chip's visibility. */
+		function buttonStyle() {
+			return {
+				flex: "none",
+				marginLeft: "-4px",
+				alignItems: "center",
+				justifyContent: "center",
+				boxSizing: "border-box",
+				height: "22px",
+				padding: "0 6px",
+				border: "none",
+				borderRadius: "6px",
+				cursor: "pointer",
+				color: "var(--dsw-alias-label-secondary)"
+			};
+		}
+		/** The DSH "open / jump" icon (IconRightUpOutline16): a diagonal arrow pointing
+		*  top-right, i.e. the classic "navigate to / open" affordance — a clean, already
+		*  theme-consistent glyph to use instead of hand-drawing +/-. 16×16 matches the
+		*  harness's own action glyph; `currentColor` rides the chip's gray text. */
+		const DIFF_ICON_SVG = "<svg width=\"7\" height=\"7\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" style=\"color:var(--dsw-alias-label-secondary)\"><path d=\"M13.588429 5.147807C13.588429 4.739638 13.587271 4.403003 13.582013 4.118684L1.703098 15.99968L0.85155 15.148178L0 14.294485L11.878915 2.413442C11.594721 2.408199 11.257569 2.409154 10.849776 2.409154H2.400594V0.000001H10.849776C11.644471 0.000001 12.338899 -0.001059 12.901622 0.059909C13.486363 0.123352 14.071136 0.265493 14.598303 0.648292C14.886598 0.857751 15.141981 1.110984 15.351433 1.399281C15.734578 1.926807 15.876362 2.512925 15.939743 3.098105C16.000775 3.660718 15.99968 4.353347 15.99968 5.147807V13.599133H13.588429V5.147807Z\" fill=\"currentColor\"/></svg>";
+		/**
+		* Start injecting diff buttons into the produced-files row.
+		* @param label - localized "查看差异" text, used as the icon button's accessible
+		*   name + hover title (the button renders only an icon).
+		* @param openPath - called with a produced-file path when its injected button is
+		*   clicked; the diff-approval panel decides whether that file is still pending.
+		* @returns a cleanup that disconnects the observer and removes injected buttons.
+		*/
+		function startProducedDiffInjection(label, openPath) {
+			let ownedStyleEl = null;
+			if (document.querySelector("style[data-diff-approval-produced-diff]") === null) {
+				ownedStyleEl = document.createElement("style");
+				ownedStyleEl.setAttribute("data-diff-approval-produced-diff", "");
+				ownedStyleEl.textContent = `[${BUTTON_ATTR}]{background:rgba(38, 49, 72, 0.06);}[${BUTTON_ATTR}]:hover{background:rgba(38, 49, 72, 0.14);}`;
+				document.head.appendChild(ownedStyleEl);
+			}
+			const inject = () => {
+				const chips = [...document.querySelectorAll(CHIP_SELECTOR)];
+				for (const chip of chips) {
+					const path = producedPathOf(chip);
+					if (path === void 0) continue;
+					if (chip.getAttribute(INJECTED_ATTR) === "1") continue;
+					if ([...document.querySelectorAll(`[${BUTTON_ATTR}]`)].some((btn) => btn.getAttribute("data-path") === path)) {
+						chip.setAttribute(INJECTED_ATTR, "1");
+						continue;
+					}
+					chip.setAttribute(INJECTED_ATTR, "1");
+					const btn = document.createElement("span");
+					btn.setAttribute("role", "button");
+					btn.setAttribute("tabindex", "0");
+					btn.setAttribute(BUTTON_ATTR, "1");
+					btn.setAttribute("data-path", path);
+					btn.setAttribute("aria-label", `${label}: ${path}`);
+					btn.setAttribute("title", `${label}: ${path}`);
+					Object.assign(btn.style, buttonStyle());
+					btn.innerHTML = DIFF_ICON_SVG;
+					btn.addEventListener("click", (event) => {
+						event.preventDefault();
+						event.stopImmediatePropagation();
+						openPath(path);
+					});
+					btn.addEventListener("keydown", (event) => {
+						if (event.key === "Enter" || event.key === " ") {
+							event.preventDefault();
+							openPath(path);
+						}
+					});
+					chip.insertAdjacentElement("afterend", btn);
+				}
+				for (const btn of document.querySelectorAll(`[${BUTTON_ATTR}]`)) {
+					const chip = btn.previousElementSibling;
+					const chipHidden = chip !== null && getComputedStyle(chip).display === "none";
+					btn.style.display = chipHidden ? "none" : "inline-flex";
+				}
+			};
+			inject();
+			const observer = new MutationObserver(() => inject());
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			const onResize = () => inject();
+			window.addEventListener("resize", onResize);
+			return () => {
+				observer.disconnect();
+				window.removeEventListener("resize", onResize);
+				document.querySelectorAll(`[${BUTTON_ATTR}]`).forEach((el) => el.remove());
+				if (ownedStyleEl !== null) ownedStyleEl.remove();
+			};
+		}
+		//#endregion
 		//#region lib/types/client/settings.js
 		/** Client preferences for the review panel, persisted in localStorage. */
 		const PASTE_ON_COPY_KEY = "diff-approval:paste-on-copy";
@@ -12098,6 +12413,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		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 DIFF_FONT_SCALE_KEY = "diff-approval:diff-font-scale";
+		const DIFF_LINE_HEIGHT_KEY = "diff-approval:diff-line-height";
+		const DIFF_ADD_COLOR_KEY = "diff-approval:diff-add-color";
+		const DIFF_DEL_COLOR_KEY = "diff-approval:diff-del-color";
 		const WRAP_PREFIX = "diff-approval:wrap:";
 		/**
 		* Whether copying a reference should also paste it into the chat input and
@@ -12154,6 +12473,68 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			localStorage.setItem(TAB_WIDTH_KEY, String(value));
 		}
 		/**
+		* The diff code font size as a percentage of the current (theme) size. Defaults
+		* to 100 (the current look); the settings UI steps it by ±10.
+		* @returns the font-size scale, as a percentage (e.g. 100, 110, 90).
+		*/
+		function diffFontScale() {
+			const raw = Number.parseInt(localStorage.getItem(DIFF_FONT_SCALE_KEY) ?? "", 10);
+			if (!Number.isFinite(raw)) return 100;
+			return Math.max(50, Math.min(200, raw));
+		}
+		/** Persist the diff's code font-size scale (a percentage). */
+		function setDiffFontScale(value) {
+			localStorage.setItem(DIFF_FONT_SCALE_KEY, String(Math.max(50, Math.min(200, value))));
+		}
+		/**
+		* The diff code line height in px (the fixed row height the virtual window and
+		* jump math are keyed to). Defaults to 22 (the pre-customization value).
+		* @returns the line height in px.
+		*/
+		function diffLineHeight() {
+			const raw = Number.parseInt(localStorage.getItem(DIFF_LINE_HEIGHT_KEY) ?? "", 10);
+			if (!Number.isFinite(raw)) return 22;
+			return Math.max(10, Math.min(36, raw));
+		}
+		/** Persist the diff's code line height (px). */
+		function setDiffLineHeight(value) {
+			localStorage.setItem(DIFF_LINE_HEIGHT_KEY, String(Math.max(10, Math.min(36, value))));
+		}
+		/** Read a theme CSS custom property, with a fallback when it is unavailable. */
+		function themeColor(name, fallback) {
+			if (typeof document !== "undefined") {
+				const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+				if (/^#[0-9a-f]{6}$/i.test(v)) return v;
+			}
+			return fallback;
+		}
+		/** The added-line base color the user chose, or `undefined` (theme color). */
+		function diffAddColor() {
+			const v = localStorage.getItem(DIFF_ADD_COLOR_KEY);
+			return v !== null && v.length > 0 ? v : void 0;
+		}
+		/** Persist the added-line base color (a hex like `#22c55e`). */
+		function setDiffAddColor(value) {
+			localStorage.setItem(DIFF_ADD_COLOR_KEY, value);
+		}
+		/** The removed-line base color the user chose, or `undefined` (theme color). */
+		function diffDelColor() {
+			const v = localStorage.getItem(DIFF_DEL_COLOR_KEY);
+			return v !== null && v.length > 0 ? v : void 0;
+		}
+		/** Persist the removed-line base color (a hex like `#ef4444`). */
+		function setDiffDelColor(value) {
+			localStorage.setItem(DIFF_DEL_COLOR_KEY, value);
+		}
+		/** The theme's added-line base color, for the settings swatch default. */
+		function currentDiffAddColor() {
+			return themeColor("--dsw-alias-state-success-primary", "#22c55e");
+		}
+		/** The theme's removed-line base color, for the settings swatch default. */
+		function currentDiffDelColor() {
+			return themeColor("--dsw-alias-state-error-primary", "#ef4444");
+		}
+		/**
 		* Whether the whole-file diff view uses the two-column (side-by-side) layout.
 		* Default off (single column): the unified diff. Only an explicit `'1'` enables
 		* split mode.
@@ -12194,6 +12575,29 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function setQuickSummonKey(value) {
 			localStorage.setItem(QUICK_SUMMON_KEY, value);
 		}
+		const KEY_PREFIX = "diff-approval:key:";
+		/** Default chord for each configurable action (every supported key except the
+		*  panel's own ESC-to-close, which is intentionally not remapped). */
+		const DEFAULT_KEYBINDINGS = {
+			jumpUp: "Ctrl+ArrowUp",
+			jumpDown: "Ctrl+ArrowDown",
+			copyRef: "Ctrl+L",
+			openSearch: "Ctrl+F",
+			searchNext: "F3",
+			searchPrev: "Shift+F3",
+			undo: "Ctrl+Z",
+			redo: "Ctrl+Shift+Z",
+			cycleNext: "Ctrl+Tab",
+			cyclePrev: "Ctrl+Shift+Tab"
+		};
+		/** The currently configured chord for one action; falls back to its default. */
+		function keybindingOf(action) {
+			return localStorage.getItem(`${KEY_PREFIX}${action}`) ?? DEFAULT_KEYBINDINGS[action] ?? "";
+		}
+		/** Persist one action's chord. */
+		function setKeybinding(action, chord) {
+			localStorage.setItem(`${KEY_PREFIX}${action}`, chord);
+		}
 		/**
 		* Whether a keyboard event matches a chord string like `Ctrl+D`. Modifier
 		* names are matched case-insensitively (`Ctrl`/`Control`, `Alt`/`Option`,
@@ -12216,7 +12620,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_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 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_settingsGroup{border-bottom:1px solid var(--dsw-alias-border-l2);margin-top:8px}.F1KBNa_settingsGroupHeader{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:12px 0;display:flex}.F1KBNa_settingsGroupText{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.F1KBNa_settingsGroupTitle{font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsGroupDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsGroupChevron{margin-left:auto;transition:transform .15s}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupChevron{transform:rotate(180deg)}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupHeader{border-bottom:1px solid var(--dsw-alias-border-l2)}.F1KBNa_settingsGroupBody{flex-direction:column;display:flex}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow{padding-left:16px}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow:last-child,.F1KBNa_settingsPage>.F1KBNa_settingsRow:last-child{border-bottom:none}.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_colorPicker{position:relative}.F1KBNa_colorPickerTrigger{background:var(--dsw-alias-bg-module-platform);width:120px;height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_colorPickerTrigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_colorSwatch{border:1px solid var(--dsw-alias-border-l2);border-radius:50%;flex:none;width:24px;height:24px}.F1KBNa_colorValue{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.F1KBNa_colorPickerChevron{flex:none}.F1KBNa_colorBackdrop{z-index:40;position:fixed;inset:0}.F1KBNa_colorPickerPopover{z-index:41;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);right:0}.F1KBNa_colorPickerPanel{flex-direction:column;gap:8px;display:flex}.F1KBNa_colorPickerInputRow{align-items:center;gap:8px;display:flex}.F1KBNa_colorPickerPreview{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;flex:none;width:22px;height:22px}.F1KBNa_colorPickerInput{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-module-platform);min-width:0;height:30px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 8px;font-size:12px;line-height:28px}.F1KBNa_colorPickerInput:focus{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-1px}.F1KBNa_colorSv{border:1px solid var(--dsw-alias-border-l1);cursor:crosshair;touch-action:none;border-radius:8px;height:140px;position:relative}.F1KBNa_colorSvCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_colorHue{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;touch-action:none;border-radius:7px;height:14px;position:relative}.F1KBNa_colorHueCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_diffPreview{z-index:2;border:1px solid var(--dsw-alias-border-l1);font:var(--dsw-font-markdown-code-block);background:var(--dsw-alias-markdown-code-block);border-radius:8px;margin-bottom:8px;padding:8px;position:sticky;top:0;overflow:hidden}.F1KBNa_diffPreviewTitle{color:var(--dsw-alias-label-tertiary);margin-bottom:6px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_diffPreviewScroll{height:132px;overflow-y:auto}.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);cursor:pointer;border-radius:8px;padding:0;position:relative}.F1KBNa_stepperButton:before,.F1KBNa_stepperButton:after{content:\"\";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.F1KBNa_stepperButton:before{width:10px;height:1px}.F1KBNa_stepperButton:after{width:1px;height:10px;display:none}.F1KBNa_stepperButtonUp:after{display:block}.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(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsh-diff-del-color,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_searchMatch{background-color:#facc1542;border-radius:2px}.F1KBNa_searchMatchCurrent{background-color:#facc1599;border-radius:2px}.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_diffFlashFade;position:absolute;left:0;right:0}.F1KBNa_blockFlashShake{animation:.7s ease-out forwards F1KBNa_diffFlashShake}@keyframes F1KBNa_diffFlashFade{0%{opacity:1}to{opacity:0}}@keyframes F1KBNa_diffFlashShake{0%{opacity:1;transform:translateY(0)}10%{transform:translateY(1px)}20%{transform:translateY(-1px)}30%{transform:translateY(1px)}40%{transform:translateY(-1px)}50%{transform:translateY(1px)}60%{transform:translateY(-1px)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(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%;font-size:calc(1em * var(--dsh-diff-font-scale,1));display:table}.F1KBNa_line{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);-webkit-user-select:none;user-select:none;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(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsh-diff-add-color,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:var(--dsh-diff-line-height,22px)}.F1KBNa_subline{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);white-space:pre;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(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitLadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_splitRdel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitRadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_intraDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 26%, transparent);text-decoration:line-through}.F1KBNa_intraAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,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");
@@ -12226,124 +12630,154 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			document.head.appendChild(tag);
 		}
 		var PendingPanel_module_css_default = {
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"rail": "F1KBNa_rail",
-			"diffBody": "F1KBNa_diffBody",
-			"settingsSelector": "F1KBNa_settingsSelector",
-			"badgeLabel": "F1KBNa_badgeLabel",
-			"panel": "F1KBNa_panel",
-			"hint": "F1KBNa_hint",
-			"importButton": "F1KBNa_importButton",
-			"addCount": "F1KBNa_addCount",
-			"rowPath": "F1KBNa_rowPath",
-			"searchInput": "F1KBNa_searchInput",
-			"title": "F1KBNa_title",
-			"actionPrimary": "F1KBNa_actionPrimary",
-			"blockActions": "F1KBNa_blockActions",
-			"del": "F1KBNa_del",
-			"importNote": "F1KBNa_importNote",
-			"diffBodySplit": "F1KBNa_diffBodySplit",
-			"splitCols": "F1KBNa_splitCols",
-			"note": "F1KBNa_note",
-			"divergedHint": "F1KBNa_divergedHint",
-			"noteCentered": "F1KBNa_noteCentered",
-			"kindHint": "F1KBNa_kindHint",
+			"confirmBackdrop": "F1KBNa_confirmBackdrop",
+			"statusBar": "F1KBNa_statusBar",
+			"layer": "F1KBNa_layer",
+			"flexSpacer": "F1KBNa_flexSpacer",
 			"fileListFloat": "F1KBNa_fileListFloat",
+			"searchBar": "F1KBNa_searchBar",
+			"splitHScrollRow": "F1KBNa_splitHScrollRow",
+			"intraAdd": "F1KBNa_intraAdd",
+			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"settingsRow": "F1KBNa_settingsRow",
 			"toggleOn": "F1KBNa_toggleOn",
-			"wrap": "F1KBNa_wrap",
+			"noteCentered": "F1KBNa_noteCentered",
+			"colorPickerInput": "F1KBNa_colorPickerInput",
+			"divider": "F1KBNa_divider",
+			"del": "F1KBNa_del",
+			"emptyState": "F1KBNa_emptyState",
+			"settingsGroup": "F1KBNa_settingsGroup",
+			"expand": "F1KBNa_expand",
+			"diffFlashFade": "F1KBNa_diffFlashFade",
+			"vSpacer": "F1KBNa_vSpacer",
+			"settingsPage": "F1KBNa_settingsPage",
 			"kindTag": "F1KBNa_kindTag",
-			"subline": "F1KBNa_subline",
-			"settingsRow": "F1KBNa_settingsRow",
-			"langLabel": "F1KBNa_langLabel",
-			"missingHint": "F1KBNa_missingHint",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"splitRoot": "F1KBNa_splitRoot",
+			"searchMatch": "F1KBNa_searchMatch",
+			"rowMeta": "F1KBNa_rowMeta",
+			"splitDivider": "F1KBNa_splitDivider",
+			"colorSv": "F1KBNa_colorSv",
+			"iconAction": "F1KBNa_iconAction",
 			"blockPosition": "F1KBNa_blockPosition",
-			"statusBar": "F1KBNa_statusBar",
-			"footerButtons": "F1KBNa_footerButtons",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
-			"diffActions": "F1KBNa_diffActions",
-			"divider": "F1KBNa_divider",
-			"splitRdel": "F1KBNa_splitRdel",
-			"missing": "F1KBNa_missing",
-			"headerActions": "F1KBNa_headerActions",
+			"stepperValue": "F1KBNa_stepperValue",
+			"kindHint": "F1KBNa_kindHint",
+			"colorValue": "F1KBNa_colorValue",
+			"toggle": "F1KBNa_toggle",
+			"diffPreviewScroll": "F1KBNa_diffPreviewScroll",
+			"row": "F1KBNa_row",
+			"gutter": "F1KBNa_gutter",
+			"actionPrimary": "F1KBNa_actionPrimary",
+			"noticeButton": "F1KBNa_noticeButton",
+			"wrapActive": "F1KBNa_wrapActive",
+			"markerAdd": "F1KBNa_markerAdd",
 			"stepperButton": "F1KBNa_stepperButton",
-			"diffFlash": "F1KBNa_diffFlash",
-			"rowMeta": "F1KBNa_rowMeta",
+			"colorBackdrop": "F1KBNa_colorBackdrop",
+			"wrap": "F1KBNa_wrap",
+			"markerDel": "F1KBNa_markerDel",
+			"actionError": "F1KBNa_actionError",
+			"missingHint": "F1KBNa_missingHint",
+			"settingsGroupTitle": "F1KBNa_settingsGroupTitle",
+			"searchMatchCurrent": "F1KBNa_searchMatchCurrent",
+			"addCount": "F1KBNa_addCount",
+			"searchInput": "F1KBNa_searchInput",
+			"footerButtons": "F1KBNa_footerButtons",
+			"colorPickerPanel": "F1KBNa_colorPickerPanel",
+			"rail": "F1KBNa_rail",
 			"close": "F1KBNa_close",
-			"diffPath": "F1KBNa_diffPath",
-			"overviewMarker": "F1KBNa_overviewMarker",
-			"confirmActions": "F1KBNa_confirmActions",
+			"noticeText": "F1KBNa_noticeText",
+			"confirmCard": "F1KBNa_confirmCard",
+			"intraDel": "F1KBNa_intraDel",
+			"header": "F1KBNa_header",
+			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"blockActions": "F1KBNa_blockActions",
 			"splitHScroll": "F1KBNa_splitHScroll",
-			"actionError": "F1KBNa_actionError",
-			"toggleThumb": "F1KBNa_toggleThumb",
+			"splitRadd": "F1KBNa_splitRadd",
+			"rowFailed": "F1KBNa_rowFailed",
+			"badge": "F1KBNa_badge",
+			"settingsSelector": "F1KBNa_settingsSelector",
+			"badgeCount": "F1KBNa_badgeCount",
 			"readError": "F1KBNa_readError",
+			"importNote": "F1KBNa_importNote",
 			"statusAction": "F1KBNa_statusAction",
+			"title": "F1KBNa_title",
+			"notice": "F1KBNa_notice",
+			"bulkActions": "F1KBNa_bulkActions",
+			"blockFlash": "F1KBNa_blockFlash",
+			"rowHead": "F1KBNa_rowHead",
+			"colorSwatch": "F1KBNa_colorSwatch",
+			"split": "F1KBNa_split",
+			"panel": "F1KBNa_panel",
 			"diffStats": "F1KBNa_diffStats",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"delCount": "F1KBNa_delCount",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"confirmCard": "F1KBNa_confirmCard",
-			"group": "F1KBNa_group",
+			"detail": "F1KBNa_detail",
+			"code": "F1KBNa_code",
+			"settingsGroupChevron": "F1KBNa_settingsGroupChevron",
 			"settingsRowText": "F1KBNa_settingsRowText",
-			"markerDel": "F1KBNa_markerDel",
-			"context": "F1KBNa_context",
-			"expand": "F1KBNa_expand",
-			"splitRoot": "F1KBNa_splitRoot",
-			"rows": "F1KBNa_rows",
-			"overviewRuler": "F1KBNa_overviewRuler",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
+			"splitHScrollFill": "F1KBNa_splitHScrollFill",
+			"toggleThumb": "F1KBNa_toggleThumb",
+			"line": "F1KBNa_line",
+			"detailEmpty": "F1KBNa_detailEmpty",
+			"colorSvCursor": "F1KBNa_colorSvCursor",
+			"splitCol": "F1KBNa_splitCol",
+			"colorPickerTrigger": "F1KBNa_colorPickerTrigger",
+			"confirmText": "F1KBNa_confirmText",
+			"colorPickerChevron": "F1KBNa_colorPickerChevron",
+			"fileList": "F1KBNa_fileList",
 			"listScroll": "F1KBNa_listScroll",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"states": "F1KBNa_states",
+			"confirmActions": "F1KBNa_confirmActions",
+			"headerActions": "F1KBNa_headerActions",
+			"importButton": "F1KBNa_importButton",
+			"settingsGroupHeader": "F1KBNa_settingsGroupHeader",
+			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"diffPreviewTitle": "F1KBNa_diffPreviewTitle",
+			"note": "F1KBNa_note",
+			"rows": "F1KBNa_rows",
+			"diffHeader": "F1KBNa_diffHeader",
+			"hint": "F1KBNa_hint",
+			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
+			"searchCount": "F1KBNa_searchCount",
+			"splitRdel": "F1KBNa_splitRdel",
+			"colorHueCursor": "F1KBNa_colorHueCursor",
+			"lines": "F1KBNa_lines",
+			"stepperButtonUp": "F1KBNa_stepperButtonUp",
+			"delCount": "F1KBNa_delCount",
+			"resizeHandle": "F1KBNa_resizeHandle",
 			"splitLdel": "F1KBNa_splitLdel",
-			"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",
-			"rowFailed": "F1KBNa_rowFailed",
-			"gutter": "F1KBNa_gutter",
-			"wrapActive": "F1KBNa_wrapActive",
-			"blockFlash": "F1KBNa_blockFlash",
-			"splitHScrollFill": "F1KBNa_splitHScrollFill",
-			"noticeText": "F1KBNa_noticeText",
-			"emptyState": "F1KBNa_emptyState",
-			"bulkActions": "F1KBNa_bulkActions",
-			"diffHeader": "F1KBNa_diffHeader",
-			"markerAdd": "F1KBNa_markerAdd",
-			"intraDel": "F1KBNa_intraDel",
-			"splitHScrollRow": "F1KBNa_splitHScrollRow",
-			"header": "F1KBNa_header",
-			"splitLadd": "F1KBNa_splitLadd",
-			"notice": "F1KBNa_notice",
-			"confirmText": "F1KBNa_confirmText",
-			"diffBodyWrap": "F1KBNa_diffBodyWrap",
-			"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",
+			"missing": "F1KBNa_missing",
 			"add": "F1KBNa_add",
-			"splitRadd": "F1KBNa_splitRadd",
-			"vSpacer": "F1KBNa_vSpacer",
-			"stepper": "F1KBNa_stepper",
-			"diff": "F1KBNa_diff",
+			"states": "F1KBNa_states",
+			"colorPicker": "F1KBNa_colorPicker",
 			"expandExpanded": "F1KBNa_expandExpanded",
-			"badge": "F1KBNa_badge",
-			"row": "F1KBNa_row",
-			"iconAction": "F1KBNa_iconAction",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled"
+			"diffFlashShake": "F1KBNa_diffFlashShake",
+			"splitLadd": "F1KBNa_splitLadd",
+			"subline": "F1KBNa_subline",
+			"blockFlashShake": "F1KBNa_blockFlashShake",
+			"langSelect": "F1KBNa_langSelect",
+			"settingsGroupBody": "F1KBNa_settingsGroupBody",
+			"colorPickerPreview": "F1KBNa_colorPickerPreview",
+			"diffPreview": "F1KBNa_diffPreview",
+			"rowPath": "F1KBNa_rowPath",
+			"overviewMarker": "F1KBNa_overviewMarker",
+			"colorPickerPopover": "F1KBNa_colorPickerPopover",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"colorPickerInputRow": "F1KBNa_colorPickerInputRow",
+			"colorHue": "F1KBNa_colorHue",
+			"action": "F1KBNa_action",
+			"group": "F1KBNa_group",
+			"langLabel": "F1KBNa_langLabel",
+			"diffBody": "F1KBNa_diffBody",
+			"diffBodySplit": "F1KBNa_diffBodySplit",
+			"divergedHint": "F1KBNa_divergedHint",
+			"settingsGroupText": "F1KBNa_settingsGroupText",
+			"diff": "F1KBNa_diff",
+			"diffPath": "F1KBNa_diffPath",
+			"settingsGroupDesc": "F1KBNa_settingsGroupDesc",
+			"diffActions": "F1KBNa_diffActions",
+			"stepper": "F1KBNa_stepper",
+			"overviewRuler": "F1KBNa_overviewRuler",
+			"context": "F1KBNa_context",
+			"splitCols": "F1KBNa_splitCols"
 		};
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
@@ -12377,12 +12811,29 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		const MAX_LIST_WIDTH_PX = 560;
 		/** Inset of the floating file-list card from the code scroll box, in px. */
 		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;
+		/** Normalize a path for comparison: forward slashes, no trailing slash. */
+		function normalizeDiffPath(p) {
+			return p.replaceAll("\\", "/").replace(/\/+$/, "");
+		}
+		/** Whether a produced-file chip path and a pending file path refer to the same
+		*  file, tolerant of separator style (\\ vs /) and of a workspace-relative vs
+		*  absolute form. `chipPath` is typically the harness's workspace-relative
+		*  forward-slash path; `filePath` is the host's absolute native-separator path.
+		*  Matching is case-insensitive so a Windows drive/segment case difference does
+		*  not miss the file the user clicked. */
+		function diffPathsMatch(chipPath, filePath, workspacePath) {
+			const toAbsolute = (p) => {
+				const norm = normalizeDiffPath(p);
+				if (/^[A-Za-z]:\//.test(norm) || norm.startsWith("/")) return norm;
+				if (workspacePath !== void 0 && workspacePath !== "") return `${normalizeDiffPath(workspacePath).replace(/\/+$/, "")}/${norm}`;
+				return norm;
+			};
+			const absolute = toAbsolute(chipPath).toLowerCase();
+			const file = toAbsolute(filePath).toLowerCase();
+			if (absolute === file) return true;
+			const rel = normalizeDiffPath(chipPath).toLowerCase();
+			return file === rel || file.endsWith(`/${rel}`);
+		}
 		/** 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
@@ -12687,6 +13138,53 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}, i);
 			});
 		}
+		/** Character ranges of each case-insensitive occurrence of `query` in `text`. */
+		function matchRangesOf(text, query) {
+			if (query === "") return [];
+			const lower = text.toLowerCase();
+			const q = query.toLowerCase();
+			const out = [];
+			let from = 0;
+			for (;;) {
+				const at = lower.indexOf(q, from);
+				if (at === -1) return out;
+				out.push([at, at + query.length]);
+				from = at + query.length;
+			}
+		}
+		/** Render `text[segStart, segEnd)` with every `query` match wrapped in a search
+		*  highlight, keeping the syntax highlight and intra-line chips on the non-match
+		*  parts. When no match is present it renders exactly as before (syntax / intra /
+		*  plain). `segStart`/`segEnd` let the caller render a wrapped sub-line range. */
+		function textWithSearch(text, runs, intra, query, segStart = 0, segEnd = text.length, current = false) {
+			const segText = text.slice(segStart, segEnd);
+			const ranges = matchRangesOf(segText, query);
+			if (ranges.length === 0) return intra !== void 0 && intra.length > 0 ? renderIntra(runs, intra, segStart, segEnd) : runs !== void 0 && runs.length > 0 ? clipRuns(runs, segStart, segEnd) : segText === "" ? "\xA0" : segText;
+			const nodes = [];
+			const push = (absStart, absEnd, isMatch) => {
+				if (isMatch) {
+					nodes.push((0, react_jsx_runtime.jsx)("span", {
+						className: current ? PendingPanel_module_css_default.searchMatchCurrent : PendingPanel_module_css_default.searchMatch,
+						"data-diff-search-match": current ? "current" : "hit",
+						children: text.slice(absStart, absEnd)
+					}, nodes.length));
+					return;
+				}
+				if (intra !== void 0 && intra.length > 0) nodes.push((0, react_jsx_runtime.jsx)("span", { children: renderIntra(runs, intra, absStart, absEnd) }, nodes.length));
+				else if (runs !== void 0 && runs.length > 0) nodes.push((0, react_jsx_runtime.jsx)("span", { children: clipRuns(runs, absStart, absEnd) }, nodes.length));
+				else nodes.push((0, react_jsx_runtime.jsx)("span", { children: text.slice(absStart, absEnd) }, nodes.length));
+			};
+			let cursor = segStart;
+			for (const [s, e] of ranges) {
+				const absS = segStart + s;
+				const absE = segStart + e;
+				if (absS > cursor) push(cursor, absS, false);
+				push(absS, absE, true);
+				cursor = absE;
+			}
+			if (cursor < segEnd) push(cursor, segEnd, false);
+			return nodes;
+		}
 		/**
 		* 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.
@@ -12695,22 +13193,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		* is `wrappedLines.length * 22` by construction.
 		*/
 		const DiffRow = (0, react.memo)(function DiffRow(props) {
-			const { index, row, runs, focused, searchHit, searchCurrent, onRowHover, wrappedLines } = props;
+			const { index, row, runs, focused, searchHit, searchCurrent, searchQuery, onRowHover, wrappedLines } = props;
 			const lineNumber = row.kind === "del" ? row.oldLine : row.newLine;
 			const sideRuns = row.kind === "del" ? runs?.oldRuns : runs?.newRuns;
 			const lineRuns = lineNumber === void 0 ? void 0 : sideRuns?.[lineNumber - 1];
 			let code;
-			if (wrappedLines === void 0) code = lineRuns !== void 0 && lineRuns.length > 0 ? lineRuns.map((span, spanIndex) => (0, react_jsx_runtime.jsx)("span", {
-				style: span.style,
-				children: span.text
-			}, spanIndex)) : row.text === "" ? "\xA0" : row.text;
+			if (wrappedLines === void 0) code = textWithSearch(row.text, lineRuns, void 0, searchQuery, 0, row.text.length, searchCurrent);
 			else {
-				const highlighted = lineRuns !== void 0 && lineRuns.length > 0;
 				let offset = 0;
 				code = wrappedLines.map((line, lineIndex) => {
 					const start = offset;
 					offset += line.length;
-					const content = highlighted ? clipRuns(lineRuns, start, offset) : line === "" ? "\xA0" : line;
+					const content = textWithSearch(row.text, lineRuns, void 0, searchQuery, start, offset, searchCurrent);
 					return (0, react_jsx_runtime.jsx)("div", {
 						className: PendingPanel_module_css_default.subline,
 						children: content
@@ -12729,10 +13223,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				children: [
 					(0, react_jsx_runtime.jsx)("span", {
 						className: PendingPanel_module_css_default.gutter,
+						"data-diff-gutter": true,
 						children: row.oldLine ?? ""
 					}),
 					(0, react_jsx_runtime.jsx)("span", {
 						className: PendingPanel_module_css_default.gutter,
+						"data-diff-gutter": true,
 						children: row.newLine ?? ""
 					}),
 					(0, react_jsx_runtime.jsx)("span", {
@@ -12806,20 +13302,23 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 			return blocks;
 		}
+		/** Row indices whose text contains `query` (case-insensitive); empty for ''. */
+		function matchingRows(rows, query) {
+			if (query === "") return [];
+			const lower = query.toLowerCase();
+			const out = [];
+			for (let i = 0; i < rows.length; i++) if (rows[i].text.toLowerCase().includes(lower)) out.push(i);
+			return out;
+		}
 		/** One side's line-content for the split view: the highlighted runs or plain text. */
-		function splitSideContent(side, wrapped, runs, intra) {
+		function splitSideContent(side, wrapped, runs, intra, query, current) {
 			if (side === void 0) return "";
-			const highlighted = runs !== void 0 && runs.length > 0;
-			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;
+			if (wrapped === void 0) return textWithSearch(side.text, runs, intra, query, 0, side.text.length, current);
 			let offset = 0;
 			return wrapped.map((line, i) => {
 				const start = offset;
 				offset += line.length;
-				const content = hasIntra ? renderIntra(runs, intra, start, offset) : highlighted ? clipRuns(runs, start, offset) : line === "" ? "\xA0" : line;
+				const content = textWithSearch(side.text, runs, intra, query, start, offset, current);
 				return (0, react_jsx_runtime.jsx)("div", {
 					className: PendingPanel_module_css_default.subline,
 					children: content
@@ -12835,7 +13334,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, intra }) {
+		function SplitSideRow({ index, side, wrapped, runs, kind, isLeft, height, focused, searchHit, searchCurrent, searchQuery, 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,
@@ -12848,16 +13347,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				onMouseEnter: onHover,
 				children: [(0, react_jsx_runtime.jsx)("span", {
 					className: PendingPanel_module_css_default.gutter,
+					"data-diff-gutter": true,
 					children: side?.line ?? ""
 				}), (0, react_jsx_runtime.jsx)("span", {
 					className: `${PendingPanel_module_css_default.code} ${tint}`,
 					"data-diff-code": true,
-					children: splitSideContent(side, wrapped, runs, intra)
+					children: splitSideContent(side, wrapped, runs, intra, searchQuery, searchCurrent)
 				})]
 			});
 		}
 		/** 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, leadRows, onBlockKeep, onBlockRevert }, ref) {
+		const SplitDiff = (0, react.forwardRef)(function SplitDiff({ file, model, runs, langWrap, tabWidthSpaces, busy, t, selection, leadRows, onBlockKeep, onBlockRevert, onWrapToast }, ref) {
+			const ROW_HEIGHT_PX = diffLineHeight();
+			const NAV_ANCHOR_TOLERANCE_PX = ROW_HEIGHT_PX / 4;
 			const { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows, true), [model]);
 			const pairCount = pairs.length;
 			const pairRowIndices = (0, react.useMemo)(() => {
@@ -12879,6 +13381,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [hoveredBlock, setHoveredBlock] = (0, react.useState)(void 0);
 			const [focus, setFocus] = (0, react.useState)(0);
 			const [flashKey, setFlashKey] = (0, react.useState)(0);
+			const pinShakeRef = (0, react.useRef)(false);
+			const bumpFlash = (shake) => {
+				pinShakeRef.current = shake;
+				setFlashKey((prev) => prev + 1);
+			};
 			const hoveredBlockRef = (0, react.useRef)(void 0);
 			const leftColRef = (0, react.useRef)(null);
 			const rightColRef = (0, react.useRef)(null);
@@ -12895,7 +13402,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				setFocus(0);
 				bodyRef.current?.focus();
-				setFlashKey((k) => k + 1);
+				bumpFlash(false);
 				setHoveredBlock(void 0);
 				setSearchOpen(false);
 				setSearchQuery("");
@@ -13025,6 +13532,30 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				bodyRef.current?.focus();
 			};
 			const openSearch = () => {
+				if (searchOpen) {
+					searchInputRef.current?.focus();
+					searchInputRef.current?.select();
+					return;
+				}
+				const live = window.getSelection();
+				const liveRange = splitRowRangeOf(live);
+				const range = liveRange !== void 0 ? liveRange : selection;
+				const liveText = (live?.toString() ?? "").trim();
+				const value = liveText !== "" && !liveText.includes("\n") ? liveText : "";
+				setSearchQuery(value);
+				const matches = value === "" ? [] : searchPairs(pairs, value);
+				let index = 0;
+				if (matches.length > 0) {
+					const inSel = range === void 0 ? -1 : matches.findIndex((i) => i >= range.start && i <= range.end);
+					if (inSel !== -1) index = inSel;
+					else {
+						const body = bodyRef.current;
+						const top = body === null ? 0 : pairAtY(body.scrollTop);
+						const at = matches.findIndex((i) => i >= top);
+						index = at === -1 ? 0 : at;
+					}
+				}
+				setSearchIndex(index);
 				setSearchOpen(true);
 				requestAnimationFrame(() => {
 					searchInputRef.current?.focus();
@@ -13040,7 +13571,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (pairIndex === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = Math.max(0, off(pairIndex) - 44);
+				if (body.clientHeight <= 0) return;
+				const viewTop = body.scrollTop;
+				const viewBottom = viewTop + body.clientHeight;
+				const pairTop = off(pairIndex);
+				const pairBottom = pairTop + ROW_HEIGHT_PX;
+				let target;
+				if (pairTop < viewTop) target = pairTop;
+				else if (pairBottom > viewBottom) target = pairBottom - body.clientHeight;
+				if (target === void 0) return;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
@@ -13056,7 +13595,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				const next = Math.max(0, Math.min(operated, count - 1));
 				setFocus(next);
 				setHoveredBlock(void 0);
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 			};
 			const pairAtY = (y) => {
 				if (pairOffsets === null) return Math.floor(y / ROW_HEIGHT_PX);
@@ -13077,20 +13616,52 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				end = Math.max(end, selection.end + 1);
 			}
 			const visiblePairs = pairs.slice(start, end);
-			const jump = (direction) => {
-				if (blockOfPair.length === 0) return;
+			const wrapArmedRef = (0, react.useRef)(0);
+			const jump = (direction, wrapGuard = false) => {
+				const count = blockOfPair.length;
+				if (count === 0) return;
+				if (wrapGuard) {
+					if (count === 1) onWrapToast(t("panel.blockSingle"));
+					else if (direction === 1 && focus === count - 1 || direction === -1 && focus === 0) {
+						if (wrapArmedRef.current !== direction) {
+							wrapArmedRef.current = direction;
+							onWrapToast(t(direction === 1 ? "panel.blockAtEnd" : "panel.blockAtStart"));
+							bumpFlash(true);
+							return;
+						}
+						wrapArmedRef.current = 0;
+					} else wrapArmedRef.current = 0;
+				}
 				setFocus((current) => {
-					if (direction === -1) return (current - 1 + blockOfPair.length) % blockOfPair.length;
+					if (direction === -1) return (current - 1 + count) % count;
 					const top = bodyRef.current?.scrollTop ?? 0;
-					for (let index = current + 1; index < blockOfPair.length; index++) if (off(blockOfPair[index].start) >= top) return index;
+					for (let index = current + 1; index < count; index++) if (off(blockOfPair[index].start) >= top) return index;
 					return 0;
 				});
-				setFlashKey((k) => k + 1);
+				bumpFlash(false);
+			};
+			const stepBlock = (direction) => {
+				const count = blockOfPair.length;
+				if (count === 0) return;
+				const target = ((hoveredBlock ?? focus) + direction + count) % count;
+				setHoveredBlock(target);
+				setFocus(target);
+				bumpFlash(false);
+			};
+			const searchNext = (direction) => {
+				if (!searchOpen) return false;
+				goSearch(direction);
+				return true;
 			};
 			(0, react.useImperativeHandle)(ref, () => ({
 				jump,
-				openSearch
-			}), [jump, openSearch]);
+				openSearch,
+				searchNext
+			}), [
+				jump,
+				openSearch,
+				searchNext
+			]);
 			(0, react.useLayoutEffect)(() => {
 				if (pairCount === 0) return;
 				const block = blockOfPair[focus];
@@ -13108,9 +13679,16 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				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;
+				if (body.clientHeight > 0) {
+					const viewportBottom = body.scrollTop + body.clientHeight;
+					if (body.scrollTop <= NAV_ANCHOR_TOLERANCE_PX) ref = 0;
+					else if (body.scrollHeight - viewportBottom <= NAV_ANCHOR_TOLERANCE_PX) ref = count - 1;
+				}
+				if (ref === -1) {
+					const anchor = body.scrollTop + leadRows * ROW_HEIGHT_PX;
+					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) => {
@@ -13165,6 +13743,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													focused: inFocused(index),
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
+													searchQuery,
 													onHover: () => onPairHover(index),
 													intra: sideIndex?.left === void 0 ? void 0 : model.intra.get(sideIndex.left)
 												}, index);
@@ -13206,6 +13785,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													focused: inFocused(index),
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
+													searchQuery,
 													onHover: () => onPairHover(index),
 													intra: sideIndex?.right === void 0 ? void 0 : model.intra.get(sideIndex.right)
 												}, index);
@@ -13267,8 +13847,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								value: searchQuery,
 								placeholder: t("panel.searchPlaceholder"),
 								onChange: (event) => {
-									setSearchQuery(event.target.value);
-									setSearchIndex(0);
+									const value = event.target.value;
+									setSearchQuery(value);
+									if (value !== "") {
+										const body = bodyRef.current;
+										const matches = searchPairs(pairs, value);
+										const anchor = currentSearchPair ?? (body === null ? 0 : pairAtY(body.scrollTop));
+										const at = matches.findIndex((index) => index >= anchor);
+										setSearchIndex(at === -1 ? 0 : at);
+									} else setSearchIndex(0);
 								},
 								onKeyDown: (event) => {
 									if (event.key === "Enter") {
@@ -13282,27 +13869,37 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								"data-diff-search-count": true,
 								children: searchMatches.length === 0 ? "0/0" : `${searchIndex % searchMatches.length + 1}/${searchMatches.length}`
 							}),
-							(0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
-								"data-diff-search-prev": true,
-								"aria-label": t("action.prevDiff"),
-								disabled: searchMatches.length === 0,
-								onClick: () => {
-									goSearch(-1);
-								},
-								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: `${t("action.prevDiff")} (Shift+F3)`,
+								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-search-prev": true,
+									"aria-label": t("action.prevDiff"),
+									disabled: searchMatches.length === 0,
+									onClick: () => {
+										goSearch(-1);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+								})
 							}),
-							(0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
-								"data-diff-search-next": true,
-								"aria-label": t("action.nextDiff"),
-								disabled: searchMatches.length === 0,
-								onClick: () => {
-									goSearch(1);
-								},
-								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: `${t("action.nextDiff")} (F3)`,
+								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-search-next": true,
+									"aria-label": t("action.nextDiff"),
+									disabled: searchMatches.length === 0,
+									onClick: () => {
+										goSearch(1);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+								})
 							}),
 							(0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -13315,7 +13912,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						]
 					}),
 					focusedBlock !== void 0 && flashKey > 0 && (0, react_jsx_runtime.jsx)("div", {
-						className: PendingPanel_module_css_default.blockFlash,
+						className: pinShakeRef.current ? `${PendingPanel_module_css_default.blockFlash} ${PendingPanel_module_css_default.blockFlashShake}` : PendingPanel_module_css_default.blockFlash,
 						"data-diff-block-flash": true,
 						style: {
 							top: flashTop,
@@ -13341,7 +13938,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								"data-diff-block-prev": true,
 								"aria-label": t("action.prevDiff"),
 								disabled: busy,
-								onClick: () => jump(-1),
+								onClick: () => stepBlock(-1),
 								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
 							}),
 							(0, react_jsx_runtime.jsx)("button", {
@@ -13350,7 +13947,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								"data-diff-block-next": true,
 								"aria-label": t("action.nextDiff"),
 								disabled: busy,
-								onClick: () => jump(1),
+								onClick: () => stepBlock(1),
 								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
 							}),
 							(0, react_jsx_runtime.jsx)("button", {
@@ -13490,6 +14087,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 				if (!(node instanceof Element)) return;
 				const el = node;
+				if (el.dataset.diffGutter !== void 0) return;
 				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);
 			};
@@ -13593,10 +14191,25 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [tabWidthSpaces] = (0, react.useState)(() => tabWidth());
 			const [splitView, setSplitView] = (0, react.useState)(() => splitMode());
 			const leadRows = navLeadRows();
+			const diffFontScaleValue = diffFontScale();
+			const diffLineHeightValue = diffLineHeight();
+			const diffAddColorPx = diffAddColor();
+			const diffDelColorPx = diffDelColor();
+			const diffViewVars = {};
+			diffViewVars["--dsh-diff-font-scale"] = String(diffFontScaleValue / 100);
+			diffViewVars["--dsh-diff-line-height"] = `${diffLineHeightValue}px`;
+			if (diffAddColorPx !== void 0) diffViewVars["--dsh-diff-add-color"] = diffAddColorPx;
+			if (diffDelColorPx !== void 0) diffViewVars["--dsh-diff-del-color"] = diffDelColorPx;
+			const ROW_HEIGHT_PX = diffLineHeightValue;
+			const NAV_ANCHOR_TOLERANCE_PX = ROW_HEIGHT_PX / 4;
 			const toggleSplitView = () => {
 				const next = !splitView;
 				setSplitView(next);
 				setSplitMode(next);
+				if (!next) {
+					setScrollTop(0);
+					setScrollTick((tick) => tick + 1);
+				}
 			};
 			const splitDiffRef = (0, react.useRef)(null);
 			const model = (0, react.useMemo)(() => {
@@ -13675,17 +14288,23 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [hScrollbarPx, setHScrollbarPx] = (0, react.useState)(0);
 			const [hoveredBlock, setHoveredBlock] = (0, react.useState)(void 0);
 			const [selection, setSelection] = (0, react.useState)(void 0);
+			const selectionTextRef = (0, react.useRef)("");
 			const [copied, setCopied] = (0, react.useState)(false);
 			const [searchOpen, setSearchOpen] = (0, react.useState)(false);
 			const [searchQuery, setSearchQuery] = (0, react.useState)("");
 			const [searchIndex, setSearchIndex] = (0, react.useState)(0);
 			const searchInputRef = (0, react.useRef)(null);
 			const [flashKey, setFlashKey] = (0, react.useState)(0);
+			const pinShakeRef = (0, react.useRef)(false);
+			const bumpFlash = (shake) => {
+				pinShakeRef.current = shake;
+				setFlashKey((prev) => prev + 1);
+			};
 			(0, react.useEffect)(() => {
 				setFocus(0);
 				setScrollTick((tick) => tick + 1);
 				bodyRef.current?.focus();
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 				setHoveredBlock(void 0);
 				setSelection(void 0);
 				setLangOverride(void 0);
@@ -13699,7 +14318,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (undoFlash === 0) return;
 				setFocus(0);
 				setScrollTick((tick) => tick + 1);
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 			}, [undoFlash]);
 			const blockRanges = (0, react.useMemo)(() => {
 				return model.blocks.map((block) => blockRangesOf(model.diff.rows, block));
@@ -13730,27 +14349,74 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					end: last.end
 				});
 			}, [coveredBlockIndices, model]);
-			const searchMatches = (0, react.useMemo)(() => {
-				if (searchQuery === "") return [];
-				const lower = searchQuery.toLowerCase();
-				const matches = [];
-				for (let index = 0; index < model.diff.rows.length; index++) if (model.diff.rows[index].text.toLowerCase().includes(lower)) matches.push(index);
-				return matches;
-			}, [model, searchQuery]);
+			const searchMatches = (0, react.useMemo)(() => matchingRows(model.diff.rows, searchQuery), [model, searchQuery]);
 			const searchHitSet = (0, react.useMemo)(() => new Set(searchMatches), [searchMatches]);
 			const currentSearchRow = searchMatches.length === 0 ? void 0 : searchMatches[searchIndex % searchMatches.length];
 			const goSearch = (direction) => {
 				if (searchMatches.length === 0) return;
+				if (cursorPosRef.current !== void 0) {
+					setSearchIndex(startIndexFor(searchQuery));
+					return;
+				}
 				setSearchIndex((current) => (current + direction + searchMatches.length) % searchMatches.length);
 			};
+			/**
+			* The search's start index for `value`. The recorded cursor (the selection, if
+			* any) anchors ONE search, then is consumed; after that the current highlight
+			* drives subsequent searches, and, with neither set, the viewport top is the
+			* start (the "no cursor" fallback).
+			*/
+			const startIndexFor = (value) => {
+				const matches = value === "" ? [] : matchingRows(model.diff.rows, value);
+				const pos = cursorPosRef.current;
+				cursorPosRef.current = void 0;
+				if (matches.length === 0) return 0;
+				const inPos = pos === void 0 ? -1 : matches.findIndex((i) => i >= pos.start && i <= pos.end);
+				if (inPos !== -1) return inPos;
+				const body = bodyRef.current;
+				const fromRow = pos !== void 0 ? pos.start : currentSearchRow ?? (body === null ? 0 : rowAtY(body.scrollTop));
+				const at = matches.findIndex((i) => i >= fromRow);
+				return at === -1 ? 0 : at;
+			};
+			const cursorPosRef = (0, react.useRef)(void 0);
+			const lastRecordedCursorRef = (0, react.useRef)(void 0);
+			const openSearchWithSelection = () => {
+				if (searchOpen) {
+					searchInputRef.current?.focus();
+					searchInputRef.current?.select();
+					return;
+				}
+				const live = window.getSelection();
+				const liveRange = splitView ? splitRowRangeOf(live) : rowRangeOf(live);
+				const pos = liveRange !== void 0 ? liveRange : selection;
+				cursorPosRef.current = pos;
+				lastRecordedCursorRef.current = pos;
+				const liveText = (live?.toString() ?? "").trim();
+				const value = liveText !== "" && !liveText.includes("\n") ? liveText : selectionTextRef.current;
+				setSearchQuery(value);
+				setSearchIndex(startIndexFor(value));
+				setSearchOpen(true);
+				requestAnimationFrame(() => {
+					searchInputRef.current?.focus();
+					searchInputRef.current?.select();
+				});
+			};
+			const openSearchRef = (0, react.useRef)(openSearchWithSelection);
+			openSearchRef.current = openSearchWithSelection;
+			const searchOpenRef = (0, react.useRef)(searchOpen);
+			searchOpenRef.current = searchOpen;
 			const toggleSearch = () => {
 				if (searchOpen) {
+					cursorPosRef.current = void 0;
+					lastRecordedCursorRef.current = void 0;
 					setSearchOpen(false);
 					setSearchQuery("");
 					setSearchIndex(0);
-				} else setSearchOpen(true);
+				} else openSearchWithSelection();
 			};
 			const closeSearch = () => {
+				cursorPosRef.current = void 0;
+				lastRecordedCursorRef.current = void 0;
 				setSearchOpen(false);
 				setSearchQuery("");
 				setSearchIndex(0);
@@ -13758,15 +14424,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				if (searchOpen) searchInputRef.current?.focus();
 			}, [searchOpen]);
-			(0, react.useEffect)(() => {
-				setSearchIndex(0);
-			}, [searchQuery, file.id]);
 			(0, react.useLayoutEffect)(() => {
 				const row = currentSearchRow;
 				if (row === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = offsetOf(row) + extentOf(row, row) / 2 - body.clientHeight / 2;
+				if (body.clientHeight <= 0) return;
+				const viewTop = body.scrollTop;
+				const viewBottom = viewTop + body.clientHeight;
+				const rowTop = offsetOf(row);
+				const rowBottom = rowTop + extentOf(row, row);
+				let target;
+				if (rowTop < viewTop) target = rowTop;
+				else if (rowBottom > viewBottom) target = rowBottom - body.clientHeight;
+				if (target === void 0) return;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
@@ -13838,14 +14509,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.max(0, Math.min(offsetOf(blockEnd + 1) - scrollTop, Math.max(0, viewportHeight - BLOCK_ACTIONS_FRAME_PX)));
+			const blockActionsTop = blockEnd === void 0 ? 0 : Math.max(0, Math.min(offsetOf(blockEnd + 1) - scrollTop - 2, 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.max(0, Math.min(offsetOf(selectionBlockEnd + 1) - scrollTop, Math.max(0, viewportHeight - BLOCK_ACTIONS_FRAME_PX)));
+			const selectionActionsTop = selectionBlockEnd === void 0 ? 0 : Math.max(0, Math.min(offsetOf(selectionBlockEnd + 1) - scrollTop - 2, 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;
@@ -13863,7 +14534,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				return () => {
 					observer?.disconnect();
 				};
-			}, [file.id]);
+			}, [file.id, splitView]);
 			(0, react.useEffect)(() => {
 				const body = bodyRef.current;
 				if (body === null) return;
@@ -13889,12 +14560,27 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
 			}, [scrollTick, rowOffsets === null]);
-			const jump = (direction) => {
+			const wrapArmedRef = (0, react.useRef)(0);
+			const jump = (direction, wrapGuard = false) => {
 				if (rowCount === 0) return;
+				const count = model.blocks.length;
+				if (count === 0) return;
+				if (wrapGuard) {
+					if (count === 1) onToast(t("panel.blockSingle"));
+					else if (direction === 1 && focus === count - 1 || direction === -1 && focus === 0) {
+						if (wrapArmedRef.current !== direction) {
+							wrapArmedRef.current = direction;
+							onToast(t(direction === 1 ? "panel.blockAtEnd" : "panel.blockAtStart"));
+							bumpFlash(true);
+							return;
+						}
+						wrapArmedRef.current = 0;
+					} else wrapArmedRef.current = 0;
+				}
 				setFocus((current) => {
-					if (direction === -1) return (current - 1 + model.blocks.length) % model.blocks.length;
+					if (direction === -1) return (current - 1 + count) % count;
 					const top = bodyRef.current?.scrollTop ?? 0;
-					for (let index = current + 1; index < model.blocks.length; index++) {
+					for (let index = current + 1; index < count; index++) {
 						const block = model.blocks[index];
 						if (block === void 0) continue;
 						if (offsetOf(block.start) >= top) return index;
@@ -13902,14 +14588,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					return 0;
 				});
 				setScrollTick((tick) => tick + 1);
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 			};
-			const jumpBlock = (direction) => {
+			const jumpBlock = (direction, wrapGuard = false) => {
 				if (splitView) {
-					splitDiffRef.current?.jump(direction);
+					splitDiffRef.current?.jump(direction, wrapGuard);
 					return;
 				}
-				jump(direction);
+				jump(direction, wrapGuard);
 			};
 			const jumpBlockRef = (0, react.useRef)(jumpBlock);
 			jumpBlockRef.current = jumpBlock;
@@ -13920,7 +14606,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setHoveredBlock(target);
 				setFocus(target);
 				setScrollTick((tick) => tick + 1);
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 			};
 			const runBlockAction = async (action, range, operated) => {
 				await (action === "keep" ? onBlockKeep(file.sessionId, file.id, range) : onBlockRevert(file.sessionId, file.id, range));
@@ -13930,7 +14616,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setFocus(next);
 				setHoveredBlock(void 0);
 				setScrollTick((tick) => tick + 1);
-				setFlashKey((key) => key + 1);
+				bumpFlash(false);
 			};
 			const handleBlockAction = async (action) => {
 				if (busy || hoveredBlock === void 0) return;
@@ -13943,10 +14629,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				const firstCovered = coveredBlockIndices[0];
 				if (firstCovered === void 0) return;
 				await runBlockAction(action, selectionRange, firstCovered);
+				setSelection(void 0);
+				window.getSelection()?.removeAllRanges?.();
 			};
 			(0, react.useEffect)(() => {
 				if (jumpSignal === 0) return;
-				jumpBlock(1);
+				jumpBlock(1, true);
 			}, [jumpSignal]);
 			const onScroll = () => {
 				const body = bodyRef.current;
@@ -13955,16 +14643,39 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				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;
+				if (body.clientHeight > 0) {
+					const viewportBottom = body.scrollTop + body.clientHeight;
+					if (body.scrollTop <= NAV_ANCHOR_TOLERANCE_PX) ref = 0;
+					else if (body.scrollHeight - viewportBottom <= NAV_ANCHOR_TOLERANCE_PX) ref = count - 1;
+				}
+				if (ref === -1) {
+					const anchor = body.scrollTop + leadRows * ROW_HEIGHT_PX;
+					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()));
+				const update = () => {
+					const live = window.getSelection();
+					const range = splitView ? splitRowRangeOf(live) : rowRangeOf(live);
+					let text = "";
+					if (range !== void 0) {
+						const raw = live?.toString() ?? "";
+						text = raw !== "" && !raw.includes("\n") ? raw.trim() : "";
+					}
+					selectionTextRef.current = text;
+					setSelection(range);
+					const last = lastRecordedCursorRef.current;
+					const sameRange = last !== void 0 && range !== void 0 && last.start === range.start && last.end === range.end;
+					if (searchOpenRef.current && range !== void 0 && text !== "" && !sameRange) {
+						lastRecordedCursorRef.current = range;
+						cursorPosRef.current = range;
+					}
+				};
 				document.addEventListener("selectionchange", update);
 				update();
 				return () => {
@@ -13985,7 +14696,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					document.removeEventListener("copy", onCopy);
 				};
 			}, []);
-			const selectionReference = (() => {
+			const selectionReferenceLabel = (() => {
 				if (selection === void 0) return void 0;
 				if (splitView) {
 					if (selection.side === void 0 || splitPairs === null) return void 0;
@@ -13997,12 +14708,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						if (line !== void 0) lineNumbers.push(line);
 					}
 					if (lineNumbers.length === 0) return void 0;
-					return referenceOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
+					return referenceLabelOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
 				}
 				const lineNumbers = model.diff.rows.slice(selection.start, selection.end + 1).map((row) => row.newLine).filter((number) => number !== void 0);
 				if (lineNumbers.length === 0) return void 0;
-				return referenceOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
+				return referenceLabelOf(file.path, workspacePath, Math.min(...lineNumbers), Math.max(...lineNumbers));
 			})();
+			const selectionReference = selectionReferenceLabel === void 0 ? void 0 : `(${selectionReferenceLabel})`;
 			const copySelection = (0, react.useCallback)(async () => {
 				if (selectionReference === void 0) return;
 				if (pasteOnCopyEnabled()) {
@@ -14024,8 +14736,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			]);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
-					if (!(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey) return;
-					if (event.key.toLowerCase() !== "l") return;
+					if (!matchesShortcut(event, keybindingOf("copyRef"))) return;
 					if (selectionReference === void 0) return;
 					event.preventDefault();
 					copySelection();
@@ -14037,33 +14748,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [copySelection]);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
-					if (!(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey) return;
-					if (event.key.toLowerCase() !== "f") return;
+					if (!matchesShortcut(event, keybindingOf("openSearch"))) return;
 					event.preventDefault();
 					if (splitView) {
 						splitDiffRef.current?.openSearch();
 						return;
 					}
-					setSearchOpen(true);
-					searchInputRef.current?.focus();
-					searchInputRef.current?.select();
+					openSearchRef.current?.();
 				};
 				window.addEventListener("keydown", onKeyDown, true);
 				return () => {
 					window.removeEventListener("keydown", onKeyDown, true);
 				};
-			}, []);
+			}, [searchOpen, splitView]);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					let direction = 0;
+					if (matchesShortcut(event, keybindingOf("searchNext"))) direction = 1;
+					else if (matchesShortcut(event, keybindingOf("searchPrev"))) direction = -1;
+					if (direction === 0) return;
+					if (splitView) {
+						if (splitDiffRef.current?.searchNext(direction)) event.preventDefault();
+						return;
+					}
+					if (searchOpen && searchMatches.length > 0) {
+						event.preventDefault();
+						goSearch(direction);
+					}
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [
+				searchOpen,
+				searchMatches,
+				splitView
+			]);
 			const jumpRef = (0, react.useRef)(jumpBlock);
 			jumpRef.current = jumpBlock;
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
-					if (!(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey) return;
-					const key = event.key.toLowerCase();
-					if (key !== "arrowup" && key !== "arrowdown") return;
+					let direction = 0;
+					if (matchesShortcut(event, keybindingOf("jumpUp"))) direction = -1;
+					else if (matchesShortcut(event, keybindingOf("jumpDown"))) direction = 1;
+					if (direction === 0) return;
 					const target = event.target;
 					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
 					event.preventDefault();
-					jumpRef.current(key === "arrowup" ? -1 : 1);
+					jumpRef.current(direction, true);
 				};
 				window.addEventListener("keydown", onKeyDown, true);
 				return () => {
@@ -14084,6 +14817,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.diff,
 				"data-diff-approval-diff": true,
+				style: diffViewVars,
 				children: [
 					(0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffHeader,
@@ -14158,7 +14892,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.prevDiff"),
 									disabled: busy,
 									onClick: () => {
-										jumpBlock(-1);
+										jumpBlock(-1, true);
 									},
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
 								})
@@ -14173,7 +14907,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.nextDiff"),
 									disabled: busy,
 									onClick: () => {
-										jumpBlock(1);
+										jumpBlock(1, true);
 									},
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
 								})
@@ -14249,7 +14983,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						selection,
 						leadRows,
 						onBlockKeep,
-						onBlockRevert
+						onBlockRevert,
+						onWrapToast: (text) => onToast(text)
 					}) : (0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffBodyWrap,
 						onMouseLeave: () => {
@@ -14284,6 +15019,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 												focused: inFocusedBlock(index),
 												searchHit: searchHitSet.has(index),
 												searchCurrent: index === currentSearchRow,
+												searchQuery,
 												onRowHover,
 												wrappedLines: rowWrapped?.[index]
 											}, index);
@@ -14377,7 +15113,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								]
 							}) : null,
 							focusedBlock !== void 0 && flashKey > 0 && (0, react_jsx_runtime.jsx)("div", {
-								className: PendingPanel_module_css_default.blockFlash,
+								className: pinShakeRef.current ? `${PendingPanel_module_css_default.blockFlash} ${PendingPanel_module_css_default.blockFlashShake}` : PendingPanel_module_css_default.blockFlash,
 								"data-diff-block-flash": true,
 								style: {
 									top: flashTop,
@@ -14396,7 +15132,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										value: searchQuery,
 										placeholder: t("panel.searchPlaceholder"),
 										onChange: (event) => {
-											setSearchQuery(event.target.value);
+											const value = event.target.value;
+											setSearchQuery(value);
+											setSearchIndex(startIndexFor(value));
 										},
 										onKeyDown: (event) => {
 											if (event.key === "Enter") {
@@ -14410,27 +15148,37 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										"data-diff-search-count": true,
 										children: searchMatches.length === 0 ? "0/0" : `${searchIndex % searchMatches.length + 1}/${searchMatches.length}`
 									}),
-									(0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
-										"data-diff-search-prev": true,
-										"aria-label": t("action.prevDiff"),
-										disabled: searchMatches.length === 0,
-										onClick: () => {
-											goSearch(-1);
-										},
-										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: `${t("action.prevDiff")} (Shift+F3)`,
+										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-search-prev": true,
+											"aria-label": t("action.prevDiff"),
+											disabled: searchMatches.length === 0,
+											onClick: () => {
+												goSearch(-1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+										})
 									}),
-									(0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
-										"data-diff-search-next": true,
-										"aria-label": t("action.nextDiff"),
-										disabled: searchMatches.length === 0,
-										onClick: () => {
-											goSearch(1);
-										},
-										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: `${t("action.nextDiff")} (F3)`,
+										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-search-next": true,
+											"aria-label": t("action.nextDiff"),
+											disabled: searchMatches.length === 0,
+											onClick: () => {
+												goSearch(1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+										})
 									}),
 									(0, react_jsx_runtime.jsx)("button", {
 										type: "button",
@@ -14466,17 +15214,25 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								label: copied ? t("action.copied") : `${t("action.copyHint")} (Ctrl+L)`,
 								side: "top",
 								delayMs: 300,
-								children: (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
+								children: (0, react_jsx_runtime.jsx)("span", {
+									role: "button",
+									tabIndex: 0,
 									className: PendingPanel_module_css_default.statusAction,
 									"data-diff-copy": true,
+									"data-mobile-nav-copy": "1",
 									onMouseDown: (event) => {
 										event.preventDefault();
 									},
 									onClick: () => {
 										copySelection();
 									},
-									children: copied ? t("action.copied") : selectionReference
+									onKeyDown: (event) => {
+										if (event.key === "Enter" || event.key === " ") {
+											event.preventDefault();
+											copySelection();
+										}
+									},
+									children: copied ? t("action.copied") : selectionReferenceLabel
 								})
 							}),
 							(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.flexSpacer }),
@@ -14536,7 +15292,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** Render the pending-edit review panel and its unified footer action. */
-		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPasteReference, onUndo, onRedo, onImportVcs, onAckRedoCleared, onAckJustResolved, collapseSidebar, t }) {
+		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPasteReference, onUndo, onRedo, onImportVcs, onAckRedoCleared, collapseSidebar, t }) {
 			const current = useSessions((state) => state.current);
 			const currentBlank = useSessions((state) => {
 				const id = state.current;
@@ -14566,10 +15322,38 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [actionToast, setActionToast] = (0, react.useState)(null);
 			/** A transient banner confirming a reference was copied to the clipboard. */
 			const [copyToast, setCopyToast] = (0, react.useState)(null);
+			const showCopyToast = (text) => {
+				setCopyToast((prev) => ({
+					text,
+					n: (prev?.n ?? 0) + 1
+				}));
+			};
+			const handleOpenFileRef = (0, react.useRef)();
+			handleOpenFileRef.current = (path) => {
+				const entry = snapshot.files.find((file) => diffPathsMatch(path, file.path, snapshot.workspacePath));
+				if (entry === void 0) {
+					showCopyToast(t("panel.fileNotPending"));
+					return;
+				}
+				setOpen(true);
+				setSelected(entry.id);
+			};
+			(0, react.useEffect)(() => {
+				const onOpenFile = (event) => {
+					const path = event.detail?.path;
+					if (typeof path !== "string") return;
+					handleOpenFileRef.current?.(path);
+				};
+				window.addEventListener(OPEN_FILE_EVENT, onOpenFile);
+				return () => {
+					window.removeEventListener(OPEN_FILE_EVENT, onOpenFile);
+				};
+			}, []);
 			/** Whether the redo-cleared notice is showing (bottom-right, OK to dismiss). */
 			const [redoClearedNotice, setRedoClearedNotice] = (0, react.useState)(false);
-			/** A file whose last block just resolved, pending a remove-or-keep choice. */
-			const [confirmDismiss, setConfirmDismiss] = (0, react.useState)(null);
+			/** A last-block keep/revert awaiting the user's remove-or-keep choice; the
+			*  choice rides the same block RPC as its `removeWhenResolved` flag. */
+			const [blockPrompt, setBlockPrompt] = (0, react.useState)(null);
 			/** Bottom offset tracking the chat composer's top edge so the input stays visible. */
 			const [bottomPx, setBottomPx] = (0, react.useState)(FALLBACK_BOTTOM_PX);
 			/** Fullscreen expanded: the panel bottom pins to the window edge, ignoring the composer offset. */
@@ -14708,6 +15492,32 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				};
 			}, [open]);
 			const files = snapshot.files.filter((file) => current !== void 0 && (file.sessionIds ?? [file.sessionId]).includes(current)).sort((left, right) => compareFileNames(left.path, right.path));
+			const blockKeepWithPrompt = (sessionId, id, block, removeWhenResolved) => {
+				const file = files.find((entry) => entry.id === id);
+				if (removeWhenResolved === void 0 && file !== void 0 && changeBlocksOf(computeWholeFileDiff(file.oldText, file.newText)).length === 1) {
+					setBlockPrompt({
+						action: "keep",
+						sessionId,
+						id,
+						block
+					});
+					return Promise.resolve();
+				}
+				return removeWhenResolved === void 0 ? onBlockKeep(sessionId, id, block) : onBlockKeep(sessionId, id, block, removeWhenResolved);
+			};
+			const blockRevertWithPrompt = (sessionId, id, block, removeWhenResolved) => {
+				const file = files.find((entry) => entry.id === id);
+				if (removeWhenResolved === void 0 && file !== void 0 && changeBlocksOf(computeWholeFileDiff(file.oldText, file.newText)).length === 1) {
+					setBlockPrompt({
+						action: "revert",
+						sessionId,
+						id,
+						block
+					});
+					return Promise.resolve();
+				}
+				return removeWhenResolved === void 0 ? onBlockRevert(sessionId, id, block) : onBlockRevert(sessionId, id, block, removeWhenResolved);
+			};
 			/** Per-file keep/revert failures, surfaced inline on the row and detail. */
 			const failed = snapshot.failed ?? EMPTY_FAILED_MAP;
 			const failedInitialized = (0, react.useRef)(false);
@@ -14724,11 +15534,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (fresh.length > 0) setActionToast(fresh[0][1]);
 				failedRef.current = current;
 			}, [snapshot.failed]);
-			(0, react.useEffect)(() => {
-				if (snapshot.justResolved === void 0) return;
-				setConfirmDismiss(snapshot.justResolved);
-				onAckJustResolved();
-			}, [snapshot.justResolved, onAckJustResolved]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
 				if (selected !== "" && files.some((file) => file.id === selected)) return;
@@ -14786,8 +15591,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 			}, entry.id);
 			const selectedFile = files.find((file) => file.id === selected);
-			/** The file whose removal is being confirmed, if any. */
-			const confirmFile = confirmDismiss === null ? void 0 : files.find((file) => file.id === confirmDismiss);
+			/** The file whose removal is being confirmed (a last-block action), if any. */
+			const promptFile = blockPrompt === null ? void 0 : files.find((file) => file.id === blockPrompt.id);
 			const fileListBody = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
 				className: PendingPanel_module_css_default.listScroll,
 				children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
@@ -14835,15 +15640,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (!open || current === void 0) return;
 				const onKeyDown = (event) => {
 					if (!(event.ctrlKey || event.metaKey) || event.altKey) return;
-					const key = event.key.toLowerCase();
-					if (key !== "z" && key !== "y") return;
 					const target = event.target;
 					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
-					event.preventDefault();
-					if (key === "z") {
-						if (event.shiftKey) handleRedo(current);
-						else handleUndo(current);
-					} else handleRedo(current);
+					if (matchesShortcut(event, keybindingOf("undo"))) {
+						event.preventDefault();
+						handleUndo(current);
+						return;
+					}
+					if (matchesShortcut(event, keybindingOf("redo")) || matchesShortcut(event, "Ctrl+Y")) {
+						event.preventDefault();
+						handleRedo(current);
+					}
 				};
 				window.addEventListener("keydown", onKeyDown, true);
 				return () => {
@@ -14858,14 +15665,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				if (!open || current === void 0) return;
 				const onKeyDown = (event) => {
-					if (!(event.ctrlKey || event.metaKey) || event.altKey) return;
-					if (event.key.toLowerCase() !== "tab") return;
+					let direction = 0;
+					if (matchesShortcut(event, keybindingOf("cycleNext"))) direction = 1;
+					else if (matchesShortcut(event, keybindingOf("cyclePrev"))) direction = -1;
+					if (direction === 0) return;
 					const target = event.target;
 					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
 					if (files.length === 0) return;
 					event.preventDefault();
 					const index = files.findIndex((file) => file.id === selected);
-					const direction = event.shiftKey ? -1 : 1;
 					const next = files[(index + direction + files.length) % files.length];
 					if (next !== void 0) setSelected(next.id);
 				};
@@ -14949,11 +15757,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						}
 					}),
 					copyToast !== null && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
-						text: copyToast,
+						text: copyToast.text,
 						onDone: () => {
 							setCopyToast(null);
 						}
-					}),
+					}, copyToast.n),
 					open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [expanded && (0, react_jsx_runtime.jsx)("div", {
 						className: PendingPanel_module_css_default.fullscreenBackdrop,
 						"data-diff-fullscreen-backdrop": true
@@ -15087,14 +15895,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											undoFlash,
 											failedMessage: failed.get(selectedFile.id),
 											onPasteReference,
-											onToast: (text) => {
-												setCopyToast(text);
-											},
+											onToast: showCopyToast,
 											t,
 											onKeep,
 											onRevert,
-											onBlockKeep,
-											onBlockRevert,
+											onBlockKeep: blockKeepWithPrompt,
+											onBlockRevert: blockRevertWithPrompt,
 											onOpen,
 											floatMode,
 											floatOpen,
@@ -15114,7 +15920,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									})
 								]
 							}),
-							confirmFile !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+							blockPrompt !== null && promptFile !== void 0 && (0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.confirmBackdrop,
 								"data-diff-confirm": true,
 								children: (0, react_jsx_runtime.jsxs)("div", {
@@ -15123,7 +15929,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-modal": "true",
 									children: [(0, react_jsx_runtime.jsx)("p", {
 										className: PendingPanel_module_css_default.confirmText,
-										children: t("panel.resolvedAsk", { file: basenameOf(confirmFile.path) })
+										children: t("panel.resolvedAsk", { file: basenameOf(promptFile.path) })
 									}), (0, react_jsx_runtime.jsxs)("div", {
 										className: PendingPanel_module_css_default.confirmActions,
 										children: [(0, react_jsx_runtime.jsx)("button", {
@@ -15131,8 +15937,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
 											"data-diff-confirm-remove": true,
 											onClick: () => {
-												setConfirmDismiss(null);
-												onKeep(confirmFile.sessionId, confirmFile.id);
+												setBlockPrompt(null);
+												const { action, sessionId, id, block } = blockPrompt;
+												action === "keep" ? onBlockKeep(sessionId, id, block, true) : onBlockRevert(sessionId, id, block, true);
 											},
 											children: t("row.dismiss")
 										}), (0, react_jsx_runtime.jsx)("button", {
@@ -15140,7 +15947,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											className: PendingPanel_module_css_default.action,
 											"data-diff-confirm-keep": true,
 											onClick: () => {
-												setConfirmDismiss(null);
+												setBlockPrompt(null);
+												const { action, sessionId, id, block } = blockPrompt;
+												action === "keep" ? onBlockKeep(sessionId, id, block, false) : onBlockRevert(sessionId, id, block, false);
 											},
 											children: t("panel.keepInList")
 										})]
@@ -15194,6 +16003,215 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		//#endregion
+		//#region lib/types/client/ColorPicker.js
+		/** A compact HSV color picker (saturation/value square + hue bar + hex/RGB
+		*  input). Avoids the browser-native color dialog, which cannot be themed, so
+		*  it matches DSH. Pure helpers are exported for testing. */
+		/** Clamp `n` to `[min, max]`. */
+		function clamp(n, min, max) {
+			return Math.max(min, Math.min(max, n));
+		}
+		/** Parse `#rrggbb` / `#rgb` / `rrggbb` / `rgb(r,g,b)` into a normalised
+		*  `#rrggbb`, or `undefined` when the text is not a color. */
+		function parseColor(input) {
+			const text = input.trim();
+			let m = /^#?([0-9a-f]{6})$/i.exec(text);
+			if (m !== null) return `#${m[1].toLowerCase()}`;
+			m = /^#?([0-9a-f]{3})$/i.exec(text);
+			if (m !== null) return `#${m[1].split("").map((c) => c + c).join("").toLowerCase()}`;
+			m = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*[\d.]+\s*)?\)$/i.exec(text);
+			if (m !== null) return `#${[
+				Math.min(255, Number(m[1])),
+				Math.min(255, Number(m[2])),
+				Math.min(255, Number(m[3]))
+			].map((n) => n.toString(16).padStart(2, "0")).join("")}`;
+		}
+		/** Convert a `#rrggbb` hex to HSV (h 0-360, s 0-1, v 0-1). */
+		function hexToHsv(hex) {
+			const m = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
+			const int = m === null ? 2278750 : Number.parseInt(m[1], 16);
+			const r = (int >> 16 & 255) / 255;
+			const g = (int >> 8 & 255) / 255;
+			const b = (int & 255) / 255;
+			const max = Math.max(r, g, b);
+			const d = max - Math.min(r, g, b);
+			let h = 0;
+			if (d !== 0) {
+				if (max === r) h = (g - b) / d % 6;
+				else if (max === g) h = (b - r) / d + 2;
+				else h = (r - g) / d + 4;
+				h *= 60;
+				if (h < 0) h += 360;
+			}
+			const s = max === 0 ? 0 : d / max;
+			return {
+				h,
+				s,
+				v: max
+			};
+		}
+		/** Convert HSV (h 0-360, s 0-1, v 0-1) to a `#rrggbb` hex. */
+		function hsvToHex(h, s, v) {
+			const c = v * s;
+			const x = c * (1 - Math.abs((h % 360 + 360) % 360 / 60 % 2 - 1));
+			const m = v - c;
+			const hp = (h % 360 + 360) % 360;
+			let r = 0;
+			let g = 0;
+			let b = 0;
+			if (hp < 60) {
+				r = c;
+				g = x;
+				b = 0;
+			} else if (hp < 120) {
+				r = x;
+				g = c;
+				b = 0;
+			} else if (hp < 180) {
+				r = 0;
+				g = c;
+				b = x;
+			} else if (hp < 240) {
+				r = 0;
+				g = x;
+				b = c;
+			} else if (hp < 300) {
+				r = x;
+				g = 0;
+				b = c;
+			} else {
+				r = c;
+				g = 0;
+				b = x;
+			}
+			const to8 = (n) => Math.round((n + m) * 255).toString(16).padStart(2, "0");
+			return `#${to8(r)}${to8(g)}${to8(b)}`;
+		}
+		/** A draggable HSV picker: saturation/value square + hue bar + a hex/RGB text
+		*  input. `onChange` reports a normalised `#rrggbb`; `onClose` fires after a
+		*  committed text value so the caller can close the popover. */
+		function ColorPicker({ value, onChange, onClose, ariaLabel }) {
+			const [hsv, setHsv] = (0, react.useState)(() => hexToHsv(value));
+			const [text, setText] = (0, react.useState)(() => value.toUpperCase());
+			const svRef = (0, react.useRef)(null);
+			const hueRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				setHsv(hexToHsv(value));
+				setText(value.toUpperCase());
+			}, [value]);
+			const hueColor = `hsl(${hsv.h.toFixed(1)}, 100%, 50%)`;
+			const commit = (next) => {
+				const normalized = parseColor(next);
+				if (normalized !== void 0 && normalized.toLowerCase() !== value.toLowerCase()) {
+					onChange(normalized);
+					onClose?.();
+				}
+			};
+			const updateSv = (clientX, clientY) => {
+				const el = svRef.current;
+				if (el === null) return;
+				const rect = el.getBoundingClientRect();
+				const s = clamp((clientX - rect.left) / rect.width, 0, 1);
+				const v = 1 - clamp((clientY - rect.top) / rect.height, 0, 1);
+				const hex = hsvToHex(hsv.h, s, v);
+				setHsv((prev) => ({
+					h: prev.h,
+					s,
+					v
+				}));
+				setText(hex.toUpperCase());
+				onChange(hex);
+			};
+			const updateHue = (clientX) => {
+				const el = hueRef.current;
+				if (el === null) return;
+				const rect = el.getBoundingClientRect();
+				const h = clamp((clientX - rect.left) / rect.width, 0, 1) * 360;
+				const hex = hsvToHex(h, hsv.s, hsv.v);
+				setHsv((prev) => ({
+					h,
+					s: prev.s,
+					v: prev.v
+				}));
+				setText(hex.toUpperCase());
+				onChange(hex);
+			};
+			const onSvPointerDown = (e) => {
+				e.currentTarget.setPointerCapture?.(e.pointerId);
+				updateSv(e.clientX, e.clientY);
+			};
+			const onSvPointerMove = (e) => {
+				if (e.buttons > 0) updateSv(e.clientX, e.clientY);
+			};
+			const onHuePointerDown = (e) => {
+				e.currentTarget.setPointerCapture?.(e.pointerId);
+				updateHue(e.clientX);
+			};
+			const onHuePointerMove = (e) => {
+				if (e.buttons > 0) updateHue(e.clientX);
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.colorPickerPanel,
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.colorPickerInputRow,
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.colorPickerPreview,
+							style: { background: value },
+							"aria-hidden": "true"
+						}), (0, react_jsx_runtime.jsx)("input", {
+							className: PendingPanel_module_css_default.colorPickerInput,
+							value: text,
+							"aria-label": ariaLabel,
+							"data-diff-color-input": true,
+							onChange: (e) => {
+								setText(e.target.value.toUpperCase());
+							},
+							onBlur: () => {
+								commit(text);
+							},
+							onKeyDown: (e) => {
+								if (e.key === "Enter") e.currentTarget.blur();
+							}
+						})]
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.colorSv,
+						ref: svRef,
+						style: { background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})` },
+						onPointerDown: onSvPointerDown,
+						onPointerMove: onSvPointerMove,
+						role: "slider",
+						"aria-label": `${ariaLabel} color`,
+						"aria-valuetext": value,
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.colorSvCursor,
+							style: {
+								left: `${hsv.s * 100}%`,
+								top: `${(1 - hsv.v) * 100}%`,
+								background: value
+							},
+							"aria-hidden": "true"
+						})
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.colorHue,
+						ref: hueRef,
+						style: { background: "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)" },
+						onPointerDown: onHuePointerDown,
+						onPointerMove: onHuePointerMove,
+						role: "slider",
+						"aria-label": `${ariaLabel} hue`,
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.colorHueCursor,
+							style: { left: `${hsv.h / 360 * 100}%` },
+							"aria-hidden": "true"
+						})
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region lib/types/client/SettingsTab.js
 		/** DSH Settings top-level section for this plugin's preferences. */
 		/** A toggle switch offering the two boolean states 打开 / 关闭. */
@@ -15293,8 +16311,10 @@ 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 }) {
+		/** A +/- number stepper for an integer preference, clamped to [min, max]. The
+		*  optional `step` changes the increment (default 1) and `unit` is appended to
+		*  the shown value (e.g. '%'). */
+		function StepperRow({ title, description, value, onChange, min, max, dataAttribute, t, step = 1, unit = "" }) {
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsRow,
 				children: [(0, react_jsx_runtime.jsxs)("div", {
@@ -15316,25 +16336,23 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 							"aria-label": t("action.decrease"),
 							disabled: value <= min,
 							onClick: () => {
-								onChange(Math.max(min, value - 1));
-							},
-							children: "−"
+								onChange(Math.max(min, value - step));
+							}
 						}),
-						(0, react_jsx_runtime.jsx)("span", {
+						(0, react_jsx_runtime.jsxs)("span", {
 							className: PendingPanel_module_css_default.stepperValue,
 							[dataAttribute]: true,
-							children: value
+							children: [value, unit]
 						}),
 						(0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: PendingPanel_module_css_default.stepperButton,
+							className: `${PendingPanel_module_css_default.stepperButton} ${PendingPanel_module_css_default.stepperButtonUp}`,
 							"data-diff-stepper-up": true,
 							"aria-label": t("action.increase"),
 							disabled: value >= max,
 							onClick: () => {
-								onChange(Math.min(max, value + 1));
-							},
-							children: "+"
+								onChange(Math.min(max, value + step));
+							}
 						})
 					]
 				})]
@@ -15403,6 +16421,162 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				})]
 			});
 		}
+		/** One color-picker row: title + description left, a DSH pill trigger that opens
+		*  a small HSV dial (a real color picker, not preset swatches) with a hex/RGB
+		*  input. The native color dialog is browser-styled and is avoided. */
+		function ColorRow({ title, description, value, onChange, dataAttribute }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			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.colorPicker,
+					children: [(0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: PendingPanel_module_css_default.colorPickerTrigger,
+						[dataAttribute]: true,
+						"aria-haspopup": "dialog",
+						"aria-expanded": open,
+						"data-diff-color-trigger": true,
+						onClick: () => {
+							setOpen((value) => !value);
+						},
+						children: [
+							(0, react_jsx_runtime.jsx)("span", {
+								className: PendingPanel_module_css_default.colorSwatch,
+								style: { background: value },
+								"aria-hidden": "true"
+							}),
+							(0, react_jsx_runtime.jsx)("span", {
+								className: PendingPanel_module_css_default.colorValue,
+								children: value.toUpperCase()
+							}),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.colorPickerChevron })
+						]
+					}), open && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.colorBackdrop,
+						onClick: () => {
+							setOpen(false);
+						}
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.colorPickerPopover,
+						children: (0, react_jsx_runtime.jsx)(ColorPicker, {
+							value,
+							onChange,
+							onClose: () => {
+								setOpen(false);
+							},
+							ariaLabel: title
+						})
+					})] })]
+				})]
+			});
+		}
+		/** A live single-column diff preview driven by the current diff-view settings.
+		*  It reuses the real diff's CSS (`.line`/`.gutter`/`.code`/`.del`/`.add`/intra)
+		*  and applies the same CSS variables, so it reflects the actual look. */
+		function DiffViewPreview({ fontScale, lineHeight, addColor, delColor, tabSize, t }) {
+			const vars = {
+				"--dsh-diff-font-scale": String(fontScale / 100),
+				"--dsh-diff-line-height": `${lineHeight}px`,
+				"--dsh-diff-add-color": addColor,
+				"--dsh-diff-del-color": delColor
+			};
+			const rows = [
+				{
+					kind: PendingPanel_module_css_default.context,
+					old: "1",
+					next: "1",
+					code: "export function review(file) {"
+				},
+				{
+					kind: PendingPanel_module_css_default.context,
+					old: "2",
+					next: "2",
+					code: "  // 旧实现：保留当前改动"
+				},
+				{
+					kind: PendingPanel_module_css_default.del,
+					old: "3",
+					next: "",
+					code: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						"  return ",
+						(0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.intraDel,
+							children: "keep"
+						}),
+						"(file)"
+					] })
+				},
+				{
+					kind: PendingPanel_module_css_default.context,
+					old: "3",
+					next: "3",
+					code: "  // 新实现：回退该改动"
+				},
+				{
+					kind: PendingPanel_module_css_default.add,
+					old: "",
+					next: "3",
+					code: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						"  return ",
+						(0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.intraAdd,
+							children: "revert"
+						}),
+						"(file)"
+					] })
+				},
+				{
+					kind: PendingPanel_module_css_default.context,
+					old: "4",
+					next: "4",
+					code: "}"
+				}
+			];
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.diffPreview,
+				style: {
+					...vars,
+					tabSize
+				},
+				"data-diff-view-preview": true,
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: PendingPanel_module_css_default.diffPreviewTitle,
+					children: t("settings.diffPreview")
+				}), (0, react_jsx_runtime.jsx)("div", {
+					className: PendingPanel_module_css_default.diffPreviewScroll,
+					children: (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.lines,
+						children: rows.map((row, index) => (0, react_jsx_runtime.jsxs)("div", {
+							className: `${PendingPanel_module_css_default.line} ${row.kind}`,
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.gutter,
+									children: row.old
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.gutter,
+									children: row.next
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.code,
+									children: row.code
+								})
+							]
+						}, index))
+					})
+				})]
+			});
+		}
 		/**
 		* The plugin's preferences: auto-paste a copied reference into the input,
 		* whether importing workspace VCS changes includes untracked files, and the
@@ -15417,7 +16591,27 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [tabOpen, setTabOpen] = (0, react.useState)(false);
 			const [split, setSplitState] = (0, react.useState)(splitMode);
 			const [lead, setLeadState] = (0, react.useState)(navLeadRows);
+			const [fontScale, setFontScaleState] = (0, react.useState)(diffFontScale);
+			const [lineHeight, setLineHeightState] = (0, react.useState)(diffLineHeight);
+			const [addColor, setAddColorState] = (0, react.useState)(() => diffAddColor() ?? currentDiffAddColor());
+			const [delColor, setDelColorState] = (0, react.useState)(() => diffDelColor() ?? currentDiffDelColor());
+			const addDefault = currentDiffAddColor();
+			const delDefault = currentDiffDelColor();
+			const [diffOpen, setDiffOpen] = (0, react.useState)(true);
 			const [summon, setSummonState] = (0, react.useState)(quickSummonKey);
+			const [keysOpen, setKeysOpen] = (0, react.useState)(false);
+			const [keybindings, setKeybindingsState] = (0, react.useState)(() => {
+				const initial = {};
+				for (const action of Object.keys(DEFAULT_KEYBINDINGS)) initial[action] = keybindingOf(action);
+				return initial;
+			});
+			const setKB = (action, chord) => {
+				setKeybindingsState((prev) => ({
+					...prev,
+					[action]: chord
+				}));
+				setKeybinding(action, chord);
+			};
 			const setSummon = (value) => {
 				setSummonState(value);
 				setQuickSummonKey(value);
@@ -15442,17 +16636,171 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setLeadState(value);
 				setNavLeadRows(value);
 			};
+			const setFontScale = (value) => {
+				setFontScaleState(value);
+				setDiffFontScale(value);
+			};
+			const setLineHeight = (value) => {
+				setLineHeightState(value);
+				setDiffLineHeight(value);
+			};
+			const setAddColor = (value) => {
+				setAddColorState(value);
+				setDiffAddColor(value);
+			};
+			const setDelColor = (value) => {
+				setDelColorState(value);
+				setDiffDelColor(value);
+			};
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsPage,
 				"data-diff-settings": true,
 				children: [
-					(0, react_jsx_runtime.jsx)(PreferenceRow, {
-						title: t("panel.pasteOnCopy"),
-						description: t("panel.pasteOnCopyDesc"),
-						value: pasteOnCopy,
-						onSelect: setPasteOnCopy,
-						dataAttribute: "data-diff-paste-on-copy-select",
-						t
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.settingsGroup,
+						"data-open": diffOpen || void 0,
+						children: [(0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: PendingPanel_module_css_default.settingsGroupHeader,
+							onClick: () => {
+								setDiffOpen((open) => !open);
+							},
+							"data-diff-view-toggle": true,
+							children: [(0, react_jsx_runtime.jsxs)("span", {
+								className: PendingPanel_module_css_default.settingsGroupText,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.settingsGroupTitle,
+									children: t("settings.diffView")
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.settingsGroupDesc,
+									children: t("settings.diffViewDesc")
+								})]
+							}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.settingsGroupChevron })]
+						}), diffOpen && (0, react_jsx_runtime.jsxs)("div", {
+							className: PendingPanel_module_css_default.settingsGroupBody,
+							children: [
+								(0, react_jsx_runtime.jsx)(DiffViewPreview, {
+									fontScale,
+									lineHeight,
+									addColor,
+									delColor,
+									tabSize: tab,
+									t
+								}),
+								(0, react_jsx_runtime.jsx)(StepperRow, {
+									title: t("panel.diffFontSize"),
+									description: t("panel.diffFontSizeDesc"),
+									value: fontScale,
+									onChange: setFontScale,
+									min: 50,
+									max: 200,
+									step: 10,
+									unit: "%",
+									dataAttribute: "data-diff-font-size",
+									t
+								}),
+								(0, react_jsx_runtime.jsx)(StepperRow, {
+									title: t("panel.diffLineHeight"),
+									description: t("panel.diffLineHeightDesc"),
+									value: lineHeight,
+									onChange: setLineHeight,
+									min: 10,
+									max: 36,
+									dataAttribute: "data-diff-line-height",
+									t
+								}),
+								(0, react_jsx_runtime.jsx)(ColorRow, {
+									title: t("panel.diffAddColor"),
+									description: t("panel.diffAddColorDesc", { default: addDefault.toUpperCase() }),
+									value: addColor,
+									onChange: setAddColor,
+									dataAttribute: "data-diff-add-color"
+								}),
+								(0, react_jsx_runtime.jsx)(ColorRow, {
+									title: t("panel.diffDelColor"),
+									description: t("panel.diffDelColorDesc", { default: delDefault.toUpperCase() }),
+									value: delColor,
+									onChange: setDelColor,
+									dataAttribute: "data-diff-del-color"
+								}),
+								(0, react_jsx_runtime.jsx)(TabWidthRow, {
+									title: t("panel.tabWidth"),
+									description: t("panel.tabWidthDesc"),
+									value: tab,
+									open: tabOpen,
+									onOpenChange: setTabOpen,
+									onSelect: setTab,
+									dataAttribute: "data-diff-tab-width-select"
+								}),
+								(0, react_jsx_runtime.jsx)(PreferenceRow, {
+									title: t("panel.splitMode"),
+									description: t("panel.splitModeDesc"),
+									value: split,
+									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)(PreferenceRow, {
+									title: t("panel.pasteOnCopy"),
+									description: t("panel.pasteOnCopyDesc"),
+									value: pasteOnCopy,
+									onSelect: setPasteOnCopy,
+									dataAttribute: "data-diff-paste-on-copy-select",
+									t
+								})
+							]
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: PendingPanel_module_css_default.settingsGroup,
+						"data-open": keysOpen || void 0,
+						children: [(0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: PendingPanel_module_css_default.settingsGroupHeader,
+							onClick: () => {
+								setKeysOpen((open) => !open);
+							},
+							"data-diff-keybindings-toggle": true,
+							children: [(0, react_jsx_runtime.jsxs)("span", {
+								className: PendingPanel_module_css_default.settingsGroupText,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.settingsGroupTitle,
+									children: t("settings.keybindings")
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: PendingPanel_module_css_default.settingsGroupDesc,
+									children: t("settings.keybindingsDesc")
+								})]
+							}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.settingsGroupChevron })]
+						}), keysOpen && (0, react_jsx_runtime.jsxs)("div", {
+							className: PendingPanel_module_css_default.settingsGroupBody,
+							children: [(0, react_jsx_runtime.jsx)(ShortcutRow, {
+								title: t("panel.quickSummon"),
+								description: t("panel.quickSummonDesc"),
+								value: summon,
+								onChange: setSummon,
+								dataAttribute: "data-diff-quick-summon-key",
+								placeholder: t("panel.recordShortcut")
+							}), Object.keys(DEFAULT_KEYBINDINGS).map((action) => (0, react_jsx_runtime.jsx)(ShortcutRow, {
+								title: t(`panel.key.${action}`),
+								description: t("panel.keyDesc"),
+								value: keybindings[action] ?? DEFAULT_KEYBINDINGS[action] ?? "",
+								onChange: (chord) => {
+									setKB(action, chord);
+								},
+								dataAttribute: `data-diff-key-${action}`,
+								placeholder: t("panel.recordShortcut")
+							}, action))]
+						})]
 					}),
 					(0, react_jsx_runtime.jsx)(PreferenceRow, {
 						title: t("panel.importUntracked"),
@@ -15461,41 +16809,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						onSelect: setIncludeUntracked,
 						dataAttribute: "data-diff-import-untracked-select",
 						t
-					}),
-					(0, react_jsx_runtime.jsx)(TabWidthRow, {
-						title: t("panel.tabWidth"),
-						description: t("panel.tabWidthDesc"),
-						value: tab,
-						open: tabOpen,
-						onOpenChange: setTabOpen,
-						onSelect: setTab,
-						dataAttribute: "data-diff-tab-width-select"
-					}),
-					(0, react_jsx_runtime.jsx)(PreferenceRow, {
-						title: t("panel.splitMode"),
-						description: t("panel.splitModeDesc"),
-						value: split,
-						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"),
-						value: summon,
-						onChange: setSummon,
-						dataAttribute: "data-diff-quick-summon-key",
-						placeholder: t("panel.recordShortcut")
 					})
 				]
 			});
@@ -15531,18 +16844,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						id
 					}));
 				},
-				async blockKeep(sessionId, id, block) {
+				async blockKeep(sessionId, id, block, removeWhenResolved) {
 					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "block-keep", {
 						sessionId,
 						id,
-						block
+						block,
+						removeWhenResolved
 					}));
 				},
-				async blockRevert(sessionId, id, block) {
+				async blockRevert(sessionId, id, block, removeWhenResolved) {
 					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "block-revert", {
 						sessionId,
 						id,
-						block
+						block,
+						removeWhenResolved
 					}));
 				},
 				async undo(sessionId) {
@@ -15681,17 +16996,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			};
 			const listeners = /* @__PURE__ */ new Set();
 			let redoCleared = false;
-			let justResolved;
 			const publish = (next) => {
 				let result = next;
 				if (redoCleared) result = {
 					...result,
 					redoCleared: true
 				};
-				if (justResolved !== void 0) result = {
-					...result,
-					justResolved
-				};
 				snapshot = result;
 				for (const listener of [...listeners]) listener();
 			};
@@ -15795,15 +17105,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						await port.revert(sessionId, id);
 					});
 				},
-				async blockKeep(sessionId, id, block) {
+				async blockKeep(sessionId, id, block, removeWhenResolved) {
 					const { error: _cleared, ...base } = snapshot;
 					publish({
 						...base,
 						busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
 					});
-					let value;
 					try {
-						value = await port.blockKeep(sessionId, id, block);
+						if (removeWhenResolved === void 0) await port.blockKeep(sessionId, id, block);
+						else await port.blockKeep(sessionId, id, block, removeWhenResolved);
 					} catch (error) {
 						markFailed(id, error instanceof Error ? error.message : String(error));
 						publish({
@@ -15813,18 +17123,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						return;
 					}
 					clearFailed(id);
-					if (value.resolved === true) justResolved = id;
 					await this.refresh(sessionId);
 				},
-				async blockRevert(sessionId, id, block) {
+				async blockRevert(sessionId, id, block, removeWhenResolved) {
 					const { error: _cleared, ...base } = snapshot;
 					publish({
 						...base,
 						busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
 					});
-					let value;
 					try {
-						value = await port.blockRevert(sessionId, id, block);
+						if (removeWhenResolved === void 0) await port.blockRevert(sessionId, id, block);
+						else await port.blockRevert(sessionId, id, block, removeWhenResolved);
 					} catch (error) {
 						markFailed(id, error instanceof Error ? error.message : String(error));
 						publish({
@@ -15834,7 +17143,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						return;
 					}
 					clearFailed(id);
-					if (value.resolved === true) justResolved = id;
 					await this.refresh(sessionId);
 				},
 				async undo(sessionId) {
@@ -15873,7 +17181,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					}
 				},
 				reset() {
-					justResolved = void 0;
 					publish({
 						read: false,
 						files: [],
@@ -15884,11 +17191,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					redoCleared = false;
 					const { redoCleared: _omit, ...rest } = snapshot;
 					publish(rest);
-				},
-				clearJustResolved() {
-					justResolved = void 0;
-					const { justResolved: _omit, ...rest } = snapshot;
-					publish(rest);
 				}
 			};
 		}
@@ -16002,6 +17304,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					if (scoped === void 0) return;
 					scoped.conversation.input.for(scoped.actx).setDraft(text);
 				},
+				appendDraft: (suffix) => {
+					const scoped = resolveConversation(ctx, sessionId());
+					if (scoped === void 0) return;
+					const input = scoped.conversation.input.for(scoped.actx);
+					const current = input.state.getSnapshot().draft ?? "";
+					input.setDraft(current === "" ? suffix : `${current} ${suffix}`);
+				},
 				readQueue: () => {
 					const scoped = resolveConversation(ctx, sessionId());
 					if (scoped === void 0) return [];
@@ -16032,6 +17341,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.aria": "待处理改动",
 			"panel.stats": "+{added} -{removed}",
 			"panel.blockPosition": "第 {current}/{total} 块",
+			"panel.blockAtEnd": "已在最后一个差异块，再按一次即可跳到第一个",
+			"panel.blockAtStart": "已在第一个差异块，再按一次即可跳到最后一个",
+			"panel.blockSingle": "仅有一个差异块",
+			"panel.viewDiff": "查看差异",
+			"panel.fileNotPending": "该文件不在待处理差异列表中",
 			"panel.selectHint": "点击每项查看整个文件的差异；选中文本后，用底部状态栏或 Ctrl+L 复制引用",
 			"panel.searchPlaceholder": "搜索",
 			"panel.missing": "文件已不存在",
@@ -16048,9 +17362,33 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.splitModeDesc": "开启后整文件差异用左「改前」｜右「当前」双栏、逐行对齐的视图展示，默认关闭使用单栏（合并）视图。",
 			"panel.navLeadRows": "差异跳转行距",
 			"panel.navLeadRowsDesc": "按上/下跳转差异时，目标差异上方保留的行数（默认 2）。也用于从当前滚动位置定位上/下一个差异。",
+			"panel.diffFontSize": "字号",
+			"panel.diffFontSizeDesc": "差异代码的文字大小，按当前字号的百分比缩放（默认为100%，每次 ±10%）。",
+			"panel.diffLineHeight": "行高",
+			"panel.diffLineHeightDesc": "差异代码每行的高度（像素，默认 22），滚动与跳转定位会随之调整。",
+			"panel.diffAddColor": "新增颜色",
+			"panel.diffAddColorDesc": "新增行的基础色；行背景与逐词差异由它派生。默认色：{default}。",
+			"panel.diffDelColor": "删除颜色",
+			"panel.diffDelColorDesc": "删除行的基础色；行背景与逐词差异由它派生。默认色：{default}。",
 			"panel.quickSummon": "快速呼出",
 			"panel.quickSummonDesc": "用键盘快捷键打开/关闭差异面板。点击右侧按钮后按下新的按键组合即可修改。",
 			"panel.recordShortcut": "按下快捷键…",
+			"settings.keybindings": "快捷键",
+			"settings.keybindingsDesc": "展开后可配置各项操作的按键组合。",
+			"settings.diffView": "差异视图",
+			"settings.diffViewDesc": "调整差异的显示效果（字号、行高、新增/删除颜色）与布局偏好。",
+			"settings.diffPreview": "预览",
+			"panel.keyDesc": "点击右侧按钮后按下新的按键组合即可修改。",
+			"panel.key.jumpUp": "跳转到上一个差异块",
+			"panel.key.jumpDown": "跳转到下一个差异块",
+			"panel.key.copyRef": "复制引用",
+			"panel.key.openSearch": "打开差异搜索",
+			"panel.key.searchNext": "下一个搜索结果",
+			"panel.key.searchPrev": "上一个搜索结果",
+			"panel.key.undo": "撤销",
+			"panel.key.redo": "重做",
+			"panel.key.cycleNext": "下一个待处理文件",
+			"panel.key.cyclePrev": "上一个待处理文件",
 			"settings.tabLabel": "改动审批",
 			"row.create": "新增文件",
 			"row.failed": "失败",
@@ -16109,6 +17447,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.aria": "Pending changes",
 			"panel.stats": "+{added} -{removed}",
 			"panel.blockPosition": "{current}/{total}",
+			"panel.blockAtEnd": "At the last diff block, press again to jump to the first",
+			"panel.blockAtStart": "At the first diff block, press again to jump to the last",
+			"panel.blockSingle": "Only one diff block",
+			"panel.viewDiff": "View diff",
+			"panel.fileNotPending": "This file is not in the pending diff list",
 			"panel.selectHint": "Select an item to review its whole-file diff; select text and copy its reference from the status bar (Ctrl+L)",
 			"panel.searchPlaceholder": "Search",
 			"panel.missing": "File is gone",
@@ -16125,9 +17468,33 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"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.diffFontSize": "Font size",
+			"panel.diffFontSizeDesc": "Diff code text size as a percentage of the current size (defaults to 100%, ±10% per step).",
+			"panel.diffLineHeight": "Line height",
+			"panel.diffLineHeightDesc": "The diff code line height, in pixels (default 22); scrolling and jump positioning follow it.",
+			"panel.diffAddColor": "Added color",
+			"panel.diffAddColorDesc": "Base color for added lines; the row background and intra-line diff are derived from it. Default: {default}.",
+			"panel.diffDelColor": "Removed color",
+			"panel.diffDelColorDesc": "Base color for removed lines; the row background and intra-line diff are derived from it. Default: {default}.",
 			"panel.quickSummon": "Quick summon",
 			"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.keybindings": "Shortcuts",
+			"settings.keybindingsDesc": "Expand to configure the key combo for each action.",
+			"settings.diffView": "Diff view",
+			"settings.diffViewDesc": "Adjust the diff appearance (font size, line height, add/delete colors) and layout preferences.",
+			"settings.diffPreview": "Preview",
+			"panel.keyDesc": "Click the button, then press a new chord to rebind it.",
+			"panel.key.jumpUp": "Jump to the previous diff block",
+			"panel.key.jumpDown": "Jump to the next diff block",
+			"panel.key.copyRef": "Copy reference",
+			"panel.key.openSearch": "Open diff search",
+			"panel.key.searchNext": "Next search result",
+			"panel.key.searchPrev": "Previous search result",
+			"panel.key.undo": "Undo",
+			"panel.key.redo": "Redo",
+			"panel.key.cycleNext": "Next pending file",
+			"panel.key.cyclePrev": "Previous pending file",
 			"settings.tabLabel": "Diff Approval",
 			"row.create": "New file",
 			"row.failed": "Failed",
@@ -16298,27 +17665,21 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 							if (filePath !== void 0 && before !== void 0 && after !== void 0) remapFile(filePath, before, after);
 						});
 					},
-					onBlockKeep: (sessionId, id, block) => store.blockKeep(sessionId, id, block),
-					onBlockRevert: (sessionId, id, block) => store.blockRevert(sessionId, id, block),
+					onBlockKeep: (sessionId, id, block, removeWhenResolved) => store.blockKeep(sessionId, id, block, removeWhenResolved),
+					onBlockRevert: (sessionId, id, block, removeWhenResolved) => store.blockRevert(sessionId, id, block, removeWhenResolved),
 					onOpen: (sessionId, id, action) => store.open(sessionId, id, action),
 					onUndo: (sessionId) => store.undo(sessionId),
 					onRedo: (sessionId) => store.redo(sessionId),
 					onImportVcs: (sessionId, includeUntracked) => store.importVcs(sessionId, includeUntracked),
 					onAckRedoCleared: () => store.clearRedoCleared(),
-					onAckJustResolved: () => store.clearJustResolved(),
 					onPasteReference: (sessionId, reference) => {
-						const actx = ctx.get("sessions")?.scope(sessionId);
-						if (actx === void 0) return;
-						const conversation = actx.get("conversation");
-						if (conversation?.input === void 0) return;
-						const textarea = document.querySelector("[data-composer-card] textarea");
-						const base = textarea?.value ?? "";
-						conversation.input.for(actx).setDraft(base === "" ? reference : `${base} ${reference}`);
-						textarea?.focus();
+						conversationAccess(ctx, () => sessionId).appendDraft(reference);
+						document.querySelector("[data-composer-input]")?.focus();
 					},
 					collapseSidebar
 				})
 			}, PendingPanel));
+			if (typeof window !== "undefined") ctx.effect(() => startProducedDiffInjection(t("panel.viewDiff"), (path) => window.dispatchEvent(new CustomEvent(OPEN_FILE_EVENT, { detail: { path } }))), "diff-approval: produced-files diff buttons");
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "diff-approval",