dsh-diff-approval 0.16.0 → 0.17.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,
@@ -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,128 @@ 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}]`)) btn.style.display = "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";
@@ -12194,6 +12505,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 +12550,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;background:0 0;border:none;align-items:center;gap:8px;padding:12px 0;display:flex}.F1KBNa_settingsGroupTitle{font-size:14px;font-weight:400;line-height:22px}.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{display:grid}.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_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(--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_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%;display:table}.F1KBNa_line{-webkit-user-select:none;user-select:none;height:22px;line-height:22px;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;-webkit-user-select:text;user-select:text;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:22px}.F1KBNa_subline{white-space:pre;height:22px;line-height:22px;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_splitRoot{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBodySplit{flex:1;min-height:0;overflow-x:hidden}.F1KBNa_splitCols{width:100%;min-width:0;display:flex}.F1KBNa_splitCol{box-sizing:border-box;flex:1 1 0;min-width:0;overflow:hidden}.F1KBNa_splitDivider{background:var(--dsw-alias-border-l2);flex:0 0 1px}.F1KBNa_splitCol .F1KBNa_gutter,.F1KBNa_splitCol .F1KBNa_code{vertical-align:top}.F1KBNa_splitHScrollRow{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;width:100%;min-width:0;display:flex}.F1KBNa_splitHScroll{flex:1 1 0;min-width:0;height:15px;overflow:auto hidden}.F1KBNa_splitHScroll::-webkit-scrollbar{height:15px}.F1KBNa_splitHScroll::-webkit-scrollbar-track{cursor:default}.F1KBNa_splitHScroll::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_splitHScrollFill{height:1px}.F1KBNa_splitLdel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_splitLadd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_splitRdel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_splitRadd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_intraDel{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 26%, transparent);text-decoration:line-through}.F1KBNa_intraAdd{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 24%, transparent)}";
 		const tagId = "dsh-diff-approval/PendingPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12226,124 +12560,134 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			document.head.appendChild(tag);
 		}
 		var PendingPanel_module_css_default = {
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"stepperButton": "F1KBNa_stepperButton",
+			"divergedHint": "F1KBNa_divergedHint",
+			"delCount": "F1KBNa_delCount",
+			"expandExpanded": "F1KBNa_expandExpanded",
+			"noticeButton": "F1KBNa_noticeButton",
+			"detail": "F1KBNa_detail",
+			"settingsRow": "F1KBNa_settingsRow",
+			"diffFlashFade": "F1KBNa_diffFlashFade",
+			"searchMatch": "F1KBNa_searchMatch",
 			"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",
+			"diffFlashShake": "F1KBNa_diffFlashShake",
+			"line": "F1KBNa_line",
+			"split": "F1KBNa_split",
+			"missing": "F1KBNa_missing",
+			"searchBar": "F1KBNa_searchBar",
+			"splitHScroll": "F1KBNa_splitHScroll",
+			"splitRadd": "F1KBNa_splitRadd",
 			"noteCentered": "F1KBNa_noteCentered",
-			"kindHint": "F1KBNa_kindHint",
-			"fileListFloat": "F1KBNa_fileListFloat",
+			"overviewRuler": "F1KBNa_overviewRuler",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
+			"states": "F1KBNa_states",
+			"vSpacer": "F1KBNa_vSpacer",
+			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
+			"resizeHandle": "F1KBNa_resizeHandle",
+			"diffBodySplit": "F1KBNa_diffBodySplit",
+			"splitCol": "F1KBNa_splitCol",
+			"badge": "F1KBNa_badge",
+			"settingsGroupHeader": "F1KBNa_settingsGroupHeader",
+			"code": "F1KBNa_code",
+			"settingsGroupTitle": "F1KBNa_settingsGroupTitle",
 			"toggleOn": "F1KBNa_toggleOn",
+			"diffPath": "F1KBNa_diffPath",
+			"confirmText": "F1KBNa_confirmText",
+			"searchCount": "F1KBNa_searchCount",
+			"blockFlashShake": "F1KBNa_blockFlashShake",
+			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"hint": "F1KBNa_hint",
+			"settingsGroupBody": "F1KBNa_settingsGroupBody",
+			"group": "F1KBNa_group",
 			"wrap": "F1KBNa_wrap",
-			"kindTag": "F1KBNa_kindTag",
-			"subline": "F1KBNa_subline",
-			"settingsRow": "F1KBNa_settingsRow",
-			"langLabel": "F1KBNa_langLabel",
-			"missingHint": "F1KBNa_missingHint",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
-			"blockPosition": "F1KBNa_blockPosition",
-			"statusBar": "F1KBNa_statusBar",
-			"footerButtons": "F1KBNa_footerButtons",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
+			"splitHScrollRow": "F1KBNa_splitHScrollRow",
+			"header": "F1KBNa_header",
+			"iconAction": "F1KBNa_iconAction",
+			"gutter": "F1KBNa_gutter",
 			"diffActions": "F1KBNa_diffActions",
+			"settingsPage": "F1KBNa_settingsPage",
+			"badgeCount": "F1KBNa_badgeCount",
+			"footerButtons": "F1KBNa_footerButtons",
+			"noticeText": "F1KBNa_noticeText",
+			"detailEmpty": "F1KBNa_detailEmpty",
 			"divider": "F1KBNa_divider",
+			"searchMatchCurrent": "F1KBNa_searchMatchCurrent",
+			"splitLadd": "F1KBNa_splitLadd",
+			"actionError": "F1KBNa_actionError",
+			"expand": "F1KBNa_expand",
+			"blockPosition": "F1KBNa_blockPosition",
+			"splitHScrollFill": "F1KBNa_splitHScrollFill",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"stepper": "F1KBNa_stepper",
+			"statusBar": "F1KBNa_statusBar",
+			"markerDel": "F1KBNa_markerDel",
+			"confirmCard": "F1KBNa_confirmCard",
+			"blockActions": "F1KBNa_blockActions",
+			"toggle": "F1KBNa_toggle",
+			"missingHint": "F1KBNa_missingHint",
+			"diffHeader": "F1KBNa_diffHeader",
 			"splitRdel": "F1KBNa_splitRdel",
-			"missing": "F1KBNa_missing",
 			"headerActions": "F1KBNa_headerActions",
-			"stepperButton": "F1KBNa_stepperButton",
-			"diffFlash": "F1KBNa_diffFlash",
-			"rowMeta": "F1KBNa_rowMeta",
-			"close": "F1KBNa_close",
-			"diffPath": "F1KBNa_diffPath",
-			"overviewMarker": "F1KBNa_overviewMarker",
-			"confirmActions": "F1KBNa_confirmActions",
-			"splitHScroll": "F1KBNa_splitHScroll",
-			"actionError": "F1KBNa_actionError",
-			"toggleThumb": "F1KBNa_toggleThumb",
+			"actionPrimary": "F1KBNa_actionPrimary",
 			"readError": "F1KBNa_readError",
-			"statusAction": "F1KBNa_statusAction",
-			"diffStats": "F1KBNa_diffStats",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"delCount": "F1KBNa_delCount",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"confirmCard": "F1KBNa_confirmCard",
-			"group": "F1KBNa_group",
+			"splitCols": "F1KBNa_splitCols",
+			"kindHint": "F1KBNa_kindHint",
 			"settingsRowText": "F1KBNa_settingsRowText",
-			"markerDel": "F1KBNa_markerDel",
-			"context": "F1KBNa_context",
-			"expand": "F1KBNa_expand",
-			"splitRoot": "F1KBNa_splitRoot",
-			"rows": "F1KBNa_rows",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"listScroll": "F1KBNa_listScroll",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"states": "F1KBNa_states",
-			"splitLdel": "F1KBNa_splitLdel",
+			"blockFlash": "F1KBNa_blockFlash",
 			"langSelect": "F1KBNa_langSelect",
+			"settingsGroup": "F1KBNa_settingsGroup",
+			"wrapActive": "F1KBNa_wrapActive",
+			"rowFailed": "F1KBNa_rowFailed",
+			"del": "F1KBNa_del",
+			"kindTag": "F1KBNa_kindTag",
+			"diff": "F1KBNa_diff",
+			"searchInput": "F1KBNa_searchInput",
+			"lines": "F1KBNa_lines",
+			"stepperButtonUp": "F1KBNa_stepperButtonUp",
+			"confirmActions": "F1KBNa_confirmActions",
+			"listScroll": "F1KBNa_listScroll",
+			"notice": "F1KBNa_notice",
+			"panel": "F1KBNa_panel",
 			"rowHead": "F1KBNa_rowHead",
-			"action": "F1KBNa_action",
-			"toggle": "F1KBNa_toggle",
-			"code": "F1KBNa_code",
-			"resizeHandle": "F1KBNa_resizeHandle",
+			"settingsSelector": "F1KBNa_settingsSelector",
+			"note": "F1KBNa_note",
+			"row": "F1KBNa_row",
+			"markerAdd": "F1KBNa_markerAdd",
 			"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",
+			"importButton": "F1KBNa_importButton",
+			"overviewMarker": "F1KBNa_overviewMarker",
 			"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",
+			"rowPath": "F1KBNa_rowPath",
+			"diffStats": "F1KBNa_diffStats",
+			"emptyState": "F1KBNa_emptyState",
+			"toggleThumb": "F1KBNa_toggleThumb",
 			"stepperValue": "F1KBNa_stepperValue",
-			"split": "F1KBNa_split",
-			"splitCol": "F1KBNa_splitCol",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"diffBody": "F1KBNa_diffBody",
+			"subline": "F1KBNa_subline",
+			"addCount": "F1KBNa_addCount",
+			"layer": "F1KBNa_layer",
+			"intraDel": "F1KBNa_intraDel",
+			"langLabel": "F1KBNa_langLabel",
+			"statusAction": "F1KBNa_statusAction",
+			"action": "F1KBNa_action",
+			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"rows": "F1KBNa_rows",
+			"splitRoot": "F1KBNa_splitRoot",
 			"splitDivider": "F1KBNa_splitDivider",
-			"badgeCount": "F1KBNa_badgeCount",
-			"detail": "F1KBNa_detail",
-			"searchBar": "F1KBNa_searchBar",
+			"confirmBackdrop": "F1KBNa_confirmBackdrop",
+			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"splitLdel": "F1KBNa_splitLdel",
 			"add": "F1KBNa_add",
-			"splitRadd": "F1KBNa_splitRadd",
-			"vSpacer": "F1KBNa_vSpacer",
-			"stepper": "F1KBNa_stepper",
-			"diff": "F1KBNa_diff",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"badge": "F1KBNa_badge",
-			"row": "F1KBNa_row",
-			"iconAction": "F1KBNa_iconAction",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled"
+			"fileList": "F1KBNa_fileList",
+			"fileListFloat": "F1KBNa_fileListFloat",
+			"flexSpacer": "F1KBNa_flexSpacer",
+			"rowMeta": "F1KBNa_rowMeta",
+			"settingsGroupChevron": "F1KBNa_settingsGroupChevron",
+			"context": "F1KBNa_context",
+			"close": "F1KBNa_close"
 		};
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
@@ -12687,6 +13031,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 +13086,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 +13116,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 +13195,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 +13227,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 +13240,17 @@ 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 { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows, true), [model]);
 			const pairCount = pairs.length;
 			const pairRowIndices = (0, react.useMemo)(() => {
@@ -12879,6 +13272,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 +13293,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 +13423,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 +13462,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 +13486,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 +13507,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 +13570,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 +13634,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 +13676,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 +13738,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 +13760,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 +13803,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 +13829,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 +13838,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 +13978,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);
 			};
@@ -13597,6 +14086,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				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 +14168,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 +14198,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 +14229,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 +14304,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 +14389,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 +14414,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 +14440,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 +14468,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 +14486,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 +14496,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 +14509,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 +14523,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 +14576,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 +14588,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 +14616,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 +14628,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 () => {
@@ -14158,7 +14771,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 +14786,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 +14862,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 +14898,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 +14992,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 +15011,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 +15027,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 +15093,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 }),
@@ -14566,6 +15201,33 @@ 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) => file.path === path);
+				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. */
@@ -14727,7 +15389,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				if (snapshot.justResolved === void 0) return;
 				setConfirmDismiss(snapshot.justResolved);
-				onAckJustResolved();
+				const timer = window.setTimeout(() => {
+					onAckJustResolved();
+				}, 0);
+				return () => {
+					window.clearTimeout(timer);
+				};
 			}, [snapshot.justResolved, onAckJustResolved]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
@@ -14835,15 +15502,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 +15527,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 +15619,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,9 +15757,7 @@ 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,
@@ -15317,8 +15985,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 							disabled: value <= min,
 							onClick: () => {
 								onChange(Math.max(min, value - 1));
-							},
-							children: "−"
+							}
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: PendingPanel_module_css_default.stepperValue,
@@ -15327,14 +15994,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						}),
 						(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: "+"
+							}
 						})
 					]
 				})]
@@ -15418,6 +16084,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [split, setSplitState] = (0, react.useState)(splitMode);
 			const [lead, setLeadState] = (0, react.useState)(navLeadRows);
 			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);
@@ -15446,6 +16125,41 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				className: PendingPanel_module_css_default.settingsPage,
 				"data-diff-settings": true,
 				children: [
+					(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.jsx)("span", {
+								className: PendingPanel_module_css_default.settingsGroupTitle,
+								children: t("settings.keybindings")
+							}), (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.pasteOnCopy"),
 						description: t("panel.pasteOnCopyDesc"),
@@ -15488,14 +16202,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						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")
 					})
 				]
 			});
@@ -16002,6 +16708,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 +16745,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": "文件已不存在",
@@ -16051,6 +16769,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.quickSummon": "快速呼出",
 			"panel.quickSummonDesc": "用键盘快捷键打开/关闭差异面板。点击右侧按钮后按下新的按键组合即可修改。",
 			"panel.recordShortcut": "按下快捷键…",
+			"settings.keybindings": "按键设置",
+			"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 +16839,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",
@@ -16128,6 +16863,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"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": "Keybindings",
+			"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",
@@ -16307,18 +17054,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					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",