dsh-diff-approval 0.9.0 → 0.10.0

package/lib/client.js

@@ -11624,6 +11624,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/** Client preferences for the review panel, persisted in localStorage. */
 		const PASTE_ON_COPY_KEY = "diff-approval:paste-on-copy";
 		const IMPORT_UNTRACKED_KEY = "diff-approval:import-untracked";
+		const TAB_WIDTH_KEY = "diff-approval:tab-size";
+		const WRAP_PREFIX = "diff-approval:wrap:";
 		/**
 		* Whether copying a reference should also paste it into the chat input and
 		* focus it. Defaults to on; only an explicit `'0'` disables it.
@@ -11650,9 +11652,37 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function setIncludeUntrackedEnabled(value) {
 			localStorage.setItem(IMPORT_UNTRACKED_KEY, value ? "1" : "0");
 		}
+		/**
+		* Whether lines wrap (auto-wrap) in the diff for one highlight language.
+		* Defaults to off; only an explicit `'1'` enables it. Stored per language, so
+		* a language's preference never leaks into another's.
+		* @param lang - the highlight language (or `''` for the auto/default bucket).
+		* @returns whether lines wrap.
+		*/
+		function wrapEnabled(lang) {
+			return localStorage.getItem(`${WRAP_PREFIX}${lang}`) === "1";
+		}
+		/** Persist the per-language auto-wrap preference. */
+		function setWrapEnabled(lang, value) {
+			localStorage.setItem(`${WRAP_PREFIX}${lang}`, value ? "1" : "0");
+		}
+		/**
+		* The diff's tab width in spaces. Defaults to 4; the settings UI offers 2/4/8,
+		* but any positive integer is accepted. This drives both the rendered
+		* `tab-size` and the wrapped-line tab measurement, so they always agree.
+		* @returns the number of spaces one tab advances.
+		*/
+		function tabWidth() {
+			const value = Number.parseInt(localStorage.getItem(TAB_WIDTH_KEY) ?? "", 10);
+			return Number.isInteger(value) && value > 0 ? value : 4;
+		}
+		/** Persist the diff's tab width (in spaces). */
+		function setTabWidth(value) {
+			localStorage.setItem(TAB_WIDTH_KEY, String(value));
+		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-diff-approval/dsh-diff-approval/src/client/PendingPanel.module.css.mjs
-		const css = ".F1KBNa_layer{box-sizing:border-box;flex:none;align-items:center;width:calc(100% + 4px);height:42px;margin:4px -2px;display:flex;position:relative}.F1KBNa_footerButtons{align-items:center;width:100%;display:flex}.F1KBNa_badge{box-sizing:border-box;width:100%;height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.F1KBNa_badge:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_badge[data-active]{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_badge:disabled{color:var(--dsw-alias-label-tertiary);cursor:default;background:0 0}.F1KBNa_badgeLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.F1KBNa_badgeCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px;line-height:16px}.F1KBNa_layer.F1KBNa_rail{width:36px;height:36px;margin:8px 0 10px}.F1KBNa_rail .F1KBNa_badge{border-radius:50%;justify-content:center;gap:0;width:36px;height:36px;padding:0}.F1KBNa_rail .F1KBNa_badgeLabel{display:none}.F1KBNa_rail .F1KBNa_badgeCount{box-sizing:border-box;background:var(--dsw-alias-state-business-primary);min-width:18px;height:18px;color:var(--dsw-alias-label-primary-foreground);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;line-height:18px;display:flex;position:absolute;top:-3px;right:-7px}.F1KBNa_fullscreenBackdrop{z-index:29;background:var(--dsw-specific-sidebar-fill);position:fixed;inset:0}.F1KBNa_panel{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:none;box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:8px 8px 128px;overflow:hidden}.F1KBNa_header{box-sizing:border-box;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;display:flex}.F1KBNa_headerActions{align-items:center;gap:2px;display:flex}.F1KBNa_settingsPage{padding:8px 12px}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_states{flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.F1KBNa_split{flex:1;align-items:stretch;min-height:0;display:flex}.F1KBNa_fileList{box-sizing:border-box;border-right:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;width:240px;min-height:0;padding:4px 8px 12px;display:flex}.F1KBNa_listScroll{flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding-top:8px;display:flex}.F1KBNa_bulkActions .F1KBNa_action{text-align:center;flex:1}.F1KBNa_resizeHandle{cursor:col-resize;background:0 0;flex:none;width:5px;margin:0 -2px}.F1KBNa_resizeHandle:hover{background:var(--dsw-alias-border-l2)}.F1KBNa_detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.F1KBNa_detailEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:24px;font-size:12px;line-height:18px;display:flex}.F1KBNa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}.F1KBNa_note,.F1KBNa_readError,.F1KBNa_hint{color:var(--dsw-alias-label-tertiary);margin:4px 0;font-size:12px;line-height:18px}.F1KBNa_noteCentered{text-align:center;margin:auto}.F1KBNa_emptyState{flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.F1KBNa_importButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_importButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_importButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_importNote{color:var(--dsw-alias-label-tertiary);text-align:center;margin:0;font-size:12px;line-height:18px}.F1KBNa_readError{color:var(--dsw-alias-state-error-primary)}.F1KBNa_group{color:var(--dsw-alias-label-tertiary);margin:8px 0 4px;font-size:12px;font-weight:500;line-height:16px}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);flex:1;font-size:12px;line-height:18px;overflow:hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_diffBody [data-diff-search=hit]{background-image:linear-gradient(#facc1529,#facc1529)}.F1KBNa_diffBody [data-diff-search=current]{background-image:linear-gradient(#facc1552,#facc1552)}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlash;position:absolute;left:0;right:0}@keyframes F1KBNa_diffFlash{0%{opacity:1}to{opacity:0}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;display:table}.F1KBNa_line{height:22px;line-height:22px;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;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)}";
+		const css = ".F1KBNa_layer{box-sizing:border-box;flex:none;align-items:center;width:calc(100% + 4px);height:42px;margin:4px -2px;display:flex;position:relative}.F1KBNa_footerButtons{align-items:center;width:100%;display:flex}.F1KBNa_badge{box-sizing:border-box;width:100%;height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.F1KBNa_badge:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_badge[data-active]{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_badge:disabled{color:var(--dsw-alias-label-tertiary);cursor:default;background:0 0}.F1KBNa_badgeLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.F1KBNa_badgeCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px;line-height:16px}.F1KBNa_layer.F1KBNa_rail{width:36px;height:36px;margin:8px 0 10px}.F1KBNa_rail .F1KBNa_badge{border-radius:50%;justify-content:center;gap:0;width:36px;height:36px;padding:0}.F1KBNa_rail .F1KBNa_badgeLabel{display:none}.F1KBNa_rail .F1KBNa_badgeCount{box-sizing:border-box;background:var(--dsw-alias-state-business-primary);min-width:18px;height:18px;color:var(--dsw-alias-label-primary-foreground);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;line-height:18px;display:flex;position:absolute;top:-3px;right:-7px}.F1KBNa_fullscreenBackdrop{z-index:29;background:var(--dsw-specific-sidebar-fill);position:fixed;inset:0}.F1KBNa_panel{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:none;box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:8px 8px 128px;overflow:hidden}.F1KBNa_header{box-sizing:border-box;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;display:flex}.F1KBNa_headerActions{align-items:center;gap:2px;display:flex}.F1KBNa_settingsPage{padding:8px 12px}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_states{flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.F1KBNa_split{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.F1KBNa_fileListFloat{z-index:40;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:12px;flex-direction:column;padding:6px 8px 10px;display:flex;position:absolute;overflow:hidden}.F1KBNa_fileList{box-sizing:border-box;border-right:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;width:240px;min-height:0;padding:4px 8px 12px;display:flex}.F1KBNa_listScroll{flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding-top:8px;display:flex}.F1KBNa_bulkActions .F1KBNa_action{text-align:center;flex:1}.F1KBNa_resizeHandle{cursor:col-resize;background:0 0;flex:none;width:5px;margin:0 -2px}.F1KBNa_resizeHandle:hover{background:var(--dsw-alias-border-l2)}.F1KBNa_detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.F1KBNa_detailEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:24px;font-size:12px;line-height:18px;display:flex}.F1KBNa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}.F1KBNa_note,.F1KBNa_readError,.F1KBNa_hint{color:var(--dsw-alias-label-tertiary);margin:4px 0;font-size:12px;line-height:18px}.F1KBNa_noteCentered{text-align:center;margin:auto}.F1KBNa_emptyState{flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.F1KBNa_importButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_importButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_importButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_importNote{color:var(--dsw-alias-label-tertiary);text-align:center;margin:0;font-size:12px;line-height:18px}.F1KBNa_readError{color:var(--dsw-alias-state-error-primary)}.F1KBNa_group{color:var(--dsw-alias-label-tertiary);margin:8px 0 4px;font-size:12px;font-weight:500;line-height:16px}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);flex:1;font-size:12px;line-height:18px;overflow:hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_diffBody [data-diff-search=hit]{background-image:linear-gradient(#facc1529,#facc1529)}.F1KBNa_diffBody [data-diff-search=current]{background-image:linear-gradient(#facc1552,#facc1552)}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlash;position:absolute;left:0;right:0}@keyframes F1KBNa_diffFlash{0%{opacity:1}to{opacity:0}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;display:table}.F1KBNa_line{height:22px;line-height:22px;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:22px}.F1KBNa_subline{white-space:pre;height:22px;line-height:22px;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}";
 		const 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");
@@ -11662,95 +11692,99 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			document.head.appendChild(tag);
 		}
 		var PendingPanel_module_css_default = {
-			"rows": "F1KBNa_rows",
-			"flexSpacer": "F1KBNa_flexSpacer",
+			"badge": "F1KBNa_badge",
+			"panel": "F1KBNa_panel",
+			"settingsRow": "F1KBNa_settingsRow",
+			"searchBar": "F1KBNa_searchBar",
+			"detail": "F1KBNa_detail",
+			"diffActions": "F1KBNa_diffActions",
+			"markerAdd": "F1KBNa_markerAdd",
+			"diff": "F1KBNa_diff",
+			"gutter": "F1KBNa_gutter",
+			"missingHint": "F1KBNa_missingHint",
+			"wrap": "F1KBNa_wrap",
+			"diffHeader": "F1KBNa_diffHeader",
+			"context": "F1KBNa_context",
 			"importNote": "F1KBNa_importNote",
-			"detailEmpty": "F1KBNa_detailEmpty",
 			"divergedHint": "F1KBNa_divergedHint",
-			"detail": "F1KBNa_detail",
-			"note": "F1KBNa_note",
+			"listScroll": "F1KBNa_listScroll",
+			"statusBar": "F1KBNa_statusBar",
+			"readError": "F1KBNa_readError",
 			"settingsRowDesc": "F1KBNa_settingsRowDesc",
-			"add": "F1KBNa_add",
+			"settingsRowText": "F1KBNa_settingsRowText",
+			"emptyState": "F1KBNa_emptyState",
+			"langLabel": "F1KBNa_langLabel",
+			"expandExpanded": "F1KBNa_expandExpanded",
+			"noticeText": "F1KBNa_noticeText",
+			"addCount": "F1KBNa_addCount",
+			"subline": "F1KBNa_subline",
+			"badgeCount": "F1KBNa_badgeCount",
+			"line": "F1KBNa_line",
+			"header": "F1KBNa_header",
+			"close": "F1KBNa_close",
+			"blockActions": "F1KBNa_blockActions",
+			"actionError": "F1KBNa_actionError",
+			"rows": "F1KBNa_rows",
+			"actionPrimary": "F1KBNa_actionPrimary",
 			"searchCount": "F1KBNa_searchCount",
-			"footerButtons": "F1KBNa_footerButtons",
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"title": "F1KBNa_title",
-			"hint": "F1KBNa_hint",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"gutter": "F1KBNa_gutter",
-			"code": "F1KBNa_code",
-			"badge": "F1KBNa_badge",
-			"badgeLabel": "F1KBNa_badgeLabel",
+			"wrapActive": "F1KBNa_wrapActive",
 			"rail": "F1KBNa_rail",
+			"overviewRuler": "F1KBNa_overviewRuler",
 			"diffBody": "F1KBNa_diffBody",
+			"vSpacer": "F1KBNa_vSpacer",
+			"title": "F1KBNa_title",
 			"rowMeta": "F1KBNa_rowMeta",
-			"resizeHandle": "F1KBNa_resizeHandle",
-			"kindTag": "F1KBNa_kindTag",
-			"states": "F1KBNa_states",
-			"panel": "F1KBNa_panel",
-			"diff": "F1KBNa_diff",
-			"statusAction": "F1KBNa_statusAction",
-			"blockPosition": "F1KBNa_blockPosition",
-			"notice": "F1KBNa_notice",
-			"noticeText": "F1KBNa_noticeText",
-			"rowFailed": "F1KBNa_rowFailed",
-			"context": "F1KBNa_context",
-			"del": "F1KBNa_del",
-			"markerDel": "F1KBNa_markerDel",
-			"langLabel": "F1KBNa_langLabel",
-			"missing": "F1KBNa_missing",
 			"diffStats": "F1KBNa_diffStats",
-			"actionError": "F1KBNa_actionError",
+			"blockPosition": "F1KBNa_blockPosition",
+			"searchInput": "F1KBNa_searchInput",
+			"bulkActions": "F1KBNa_bulkActions",
+			"noteCentered": "F1KBNa_noteCentered",
 			"blockFlash": "F1KBNa_blockFlash",
-			"noticeButton": "F1KBNa_noticeButton",
-			"iconAction": "F1KBNa_iconAction",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
+			"code": "F1KBNa_code",
+			"langSelect": "F1KBNa_langSelect",
+			"kindTag": "F1KBNa_kindTag",
 			"diffFlash": "F1KBNa_diffFlash",
-			"noteCentered": "F1KBNa_noteCentered",
-			"badgeCount": "F1KBNa_badgeCount",
-			"statusBar": "F1KBNa_statusBar",
-			"listScroll": "F1KBNa_listScroll",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"lines": "F1KBNa_lines",
-			"readError": "F1KBNa_readError",
+			"footerButtons": "F1KBNa_footerButtons",
+			"missing": "F1KBNa_missing",
 			"layer": "F1KBNa_layer",
-			"expand": "F1KBNa_expand",
-			"blockActions": "F1KBNa_blockActions",
-			"actionPrimary": "F1KBNa_actionPrimary",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
-			"diffBodyWrap": "F1KBNa_diffBodyWrap",
-			"diffHeader": "F1KBNa_diffHeader",
-			"rowPath": "F1KBNa_rowPath",
-			"headerActions": "F1KBNa_headerActions",
-			"kindHint": "F1KBNa_kindHint",
-			"diffPath": "F1KBNa_diffPath",
+			"noticeButton": "F1KBNa_noticeButton",
+			"fileList": "F1KBNa_fileList",
+			"add": "F1KBNa_add",
 			"split": "F1KBNa_split",
-			"importButton": "F1KBNa_importButton",
-			"diffActions": "F1KBNa_diffActions",
-			"delCount": "F1KBNa_delCount",
-			"rowHead": "F1KBNa_rowHead",
 			"overviewMarker": "F1KBNa_overviewMarker",
-			"header": "F1KBNa_header",
-			"searchInput": "F1KBNa_searchInput",
-			"markerAdd": "F1KBNa_markerAdd",
-			"vSpacer": "F1KBNa_vSpacer",
-			"settingsRowText": "F1KBNa_settingsRowText",
-			"missingHint": "F1KBNa_missingHint",
-			"group": "F1KBNa_group",
-			"emptyState": "F1KBNa_emptyState",
-			"bulkActions": "F1KBNa_bulkActions",
+			"resizeHandle": "F1KBNa_resizeHandle",
 			"settingsSelector": "F1KBNa_settingsSelector",
-			"searchBar": "F1KBNa_searchBar",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"fileListFloat": "F1KBNa_fileListFloat",
+			"expand": "F1KBNa_expand",
+			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"lines": "F1KBNa_lines",
+			"action": "F1KBNa_action",
+			"statusAction": "F1KBNa_statusAction",
+			"notice": "F1KBNa_notice",
+			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
 			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"row": "F1KBNa_row",
-			"close": "F1KBNa_close",
-			"line": "F1KBNa_line",
-			"settingsRow": "F1KBNa_settingsRow",
-			"fileList": "F1KBNa_fileList",
+			"delCount": "F1KBNa_delCount",
+			"flexSpacer": "F1KBNa_flexSpacer",
+			"markerDel": "F1KBNa_markerDel",
+			"note": "F1KBNa_note",
+			"states": "F1KBNa_states",
+			"rowFailed": "F1KBNa_rowFailed",
 			"settingsPage": "F1KBNa_settingsPage",
-			"addCount": "F1KBNa_addCount",
-			"action": "F1KBNa_action",
-			"langSelect": "F1KBNa_langSelect",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled"
+			"rowHead": "F1KBNa_rowHead",
+			"headerActions": "F1KBNa_headerActions",
+			"group": "F1KBNa_group",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"rowPath": "F1KBNa_rowPath",
+			"detailEmpty": "F1KBNa_detailEmpty",
+			"iconAction": "F1KBNa_iconAction",
+			"kindHint": "F1KBNa_kindHint",
+			"hint": "F1KBNa_hint",
+			"importButton": "F1KBNa_importButton",
+			"del": "F1KBNa_del",
+			"diffPath": "F1KBNa_diffPath",
+			"row": "F1KBNa_row"
 		};
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
@@ -11782,8 +11816,144 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/** File-list pane width bounds for the manual split drag, in px. */
 		const MIN_LIST_WIDTH_PX = 160;
 		const MAX_LIST_WIDTH_PX = 560;
+		/** Inset of the floating file-list card from the code scroll box, in px. */
+		const FLOAT_LIST_MARGIN_PX = 12;
 		/** Fixed diff-row height in px; the virtual window and jump math are built on it. */
 		const ROW_HEIGHT_PX = 22;
+		/** Total width of the two line-number gutters, subtracted from the code width
+		* when measuring wrapped line heights. */
+		const WRAP_GUTTERS_PX = 88;
+		/** A shared canvas for measuring wrapped line heights (CPU-only, no DOM reflow). */
+		let measureCanvas;
+		/**
+		* Compute a diff line's visual sub-lines for soft wrap the way VSCode does it:
+		* a Unicode line-break model — break at whitespace and between any two CJK
+		* characters (Chinese han, Japanese kana, fullwidth forms), keep Latin and
+		* numeric words atomic (a word longer than a whole line falls back to a
+		* character split), and honor East Asian kinsoku so an opening bracket never
+		* ends a line and a closing/terminal punctuation never starts one. Tabs
+		* advance to the tab stop derived from the computed `tab-size`. This *is* the
+		* wrap decision — the caller renders the returned sub-lines itself (never
+		* `white-space: pre-wrap`), so the row height equals `subLines.length * 22`
+		* by construction and can never drift from the browser re-wrapping.
+		* The concatenation equals the input (no characters are dropped), so
+		* highlight runs can be clipped back onto sub-lines by character offset.
+		* @param text - the line's content (no trailing newline).
+		* @param widthPx - the available code width, in px.
+		* @param measure - `ctx.measureText` bound to the code font.
+		* @param tabPx - the width of one tab stop, in px.
+		*/
+		const cpOf = (c) => c.codePointAt(0) ?? 0;
+		/** Space, tab, or the ideographic space — whitespace is a break opportunity. */
+		function isSpaceCode(cp) {
+			return cp === 32 || cp === 9 || cp === 12288;
+		}
+		/**
+		* CJK characters — Chinese han, Japanese kana, CJK fullwidth forms. Each is an
+		* independent break opportunity (wrap between any two), unlike Latin words.
+		*/
+		function isCJKCode(cp) {
+			return cp >= 12352 && cp <= 12543 || cp >= 13312 && cp <= 19903 || cp >= 19968 && cp <= 40959 || cp >= 63744 && cp <= 64255 || cp >= 65072 && cp <= 65103 || cp >= 65280 && cp <= 65519 || cp >= 131072 && cp <= 195103;
+		}
+		/** Opening bracket/quote — kinsoku forbids ending a line right after it. */
+		function isOpenPunctCode(cp) {
+			return cp === 40 || cp === 91 || cp === 123 || cp === 12296 || cp === 12298 || cp === 12300 || cp === 12302 || cp === 12304 || cp === 12308 || cp === 12310 || cp === 12312 || cp === 65288 || cp === 65339 || cp === 65371 || cp === 8216 || cp === 8220;
+		}
+		/** Closing bracket/quote or terminal punctuation — kinsoku forbids starting a line with it. */
+		function isClosePunctCode(cp) {
+			return cp === 41 || cp === 93 || cp === 125 || cp === 12289 || cp === 12290 || cp === 12297 || cp === 12299 || cp === 12301 || cp === 12303 || cp === 12305 || cp === 12309 || cp === 12311 || cp === 12313 || cp === 65289 || cp === 65341 || cp === 65373 || cp === 65292 || cp === 65294 || cp === 65281 || cp === 65311 || cp === 65307 || cp === 65306 || cp === 8217 || cp === 8221 || cp === 8230 || cp === 8212;
+		}
+		/**
+		* Whether a line break is allowed between characters `a` (ending the current
+		* line) and `b` (starting the next). Whitespace and any CJK/serial-boundary
+		* admit a break; a full Latin/numeric word does not. Kinsoku forbids a break
+		* after an opening punct or before a closing/terminal one.
+		*/
+		function breakValid(a, b) {
+			const ac = cpOf(a);
+			const bc = cpOf(b);
+			if (isOpenPunctCode(ac)) return false;
+			if (isClosePunctCode(bc)) return false;
+			if (isSpaceCode(ac)) return true;
+			if (isSpaceCode(bc)) return false;
+			if (isCJKCode(ac) || isCJKCode(bc)) return true;
+			return false;
+		}
+		/**
+		* The largest index in `chars` at which a break may occur so the next line can
+		* begin there with the overflowing character `next` (the break may be at the
+		* line's end, `chars.length`). -1 when no position admits a break.
+		*/
+		function lastBreakIndex(chars, next) {
+			for (let k = chars.length; k >= 1; k--) {
+				const a = chars[k - 1];
+				if (breakValid(a, k < chars.length ? chars[k] : next)) return k;
+			}
+			return -1;
+		}
+		/** Width of a code-point array, advancing tabs to the next stop. */
+		function charsWidth(chars, measure, tabPx) {
+			let w = 0;
+			for (const c of chars) if (c === "	") w += tabPx - w % tabPx;
+			else w += measure(c);
+			return w;
+		}
+		function wrapInto(text, widthPx, measure, tabPx) {
+			if (widthPx <= 0) return [text];
+			const codepoints = Array.from(text);
+			if (codepoints.length === 0) return [""];
+			const out = [];
+			let line = [];
+			let lineW = 0;
+			for (const ch of codepoints) {
+				const adv = ch === "	" ? tabPx - lineW % tabPx : measure(ch);
+				if (line.length > 0 && lineW + adv > widthPx) {
+					if (isSpaceCode(cpOf(ch))) {
+						line.push(ch);
+						lineW += adv;
+						out.push(line.join(""));
+						line = [];
+						lineW = 0;
+						continue;
+					}
+					const k = lastBreakIndex(line, ch);
+					if (k >= 1) {
+						out.push(line.slice(0, k).join(""));
+						line = line.slice(k);
+						lineW = charsWidth(line, measure, tabPx);
+					} else {
+						out.push(line.join(""));
+						line = [];
+						lineW = 0;
+					}
+				}
+				line.push(ch);
+				lineW += ch === "	" ? tabPx - lineW % tabPx : measure(ch);
+			}
+			out.push(line.join(""));
+			if (out.length > 1 && out[out.length - 1] === "") out.pop();
+			return out;
+		}
+		/** Resolve the code cell's computed font for canvas measurement. */
+		function codeFontOf() {
+			const code = document.querySelector("[data-diff-code]");
+			if (code === null) return void 0;
+			const computed = getComputedStyle(code);
+			return computed.font || `${computed.fontStyle} ${computed.fontWeight} ${computed.fontSize} ${computed.fontFamily}`;
+		}
+		/** Create a measurer bound to `font`; falls back to a rough char estimate. */
+		function makeMeasurer(font) {
+			if (typeof document === "undefined") return void 0;
+			try {
+				if (measureCanvas === void 0) measureCanvas = document.createElement("canvas").getContext("2d") ?? void 0;
+			} catch {
+				return;
+			}
+			const ctx = measureCanvas;
+			if (ctx === void 0) return void 0;
+			if (font !== void 0) ctx.font = font;
+			return (text) => ctx.measureText(text).width;
+		}
 		/** The overview ruler's width in px (mirrors `.overviewRuler`). The flash is
 		* kept off it even when the scroller has no vertical scrollbar. */
 		const OVERVIEW_RULER_WIDTH_PX = 4;
@@ -11799,6 +11969,22 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			return index < 0 ? path : path.slice(index + 1);
 		}
 		/**
+		* Order two paths by their displayed file name (dictionary, case-insensitive),
+		* breaking a same-name tie on the full path so files in different directories
+		* keep a stable order. The file list shows only the file name, so the panel
+		* sorts by it here — the host's list order (oldest capture first) is not a
+		* display guarantee.
+		*/
+		function compareFileNames(a, b) {
+			const na = basenameOf(a).toLowerCase();
+			const nb = basenameOf(b).toLowerCase();
+			if (na !== nb) return na < nb ? -1 : 1;
+			const pa = a.toLowerCase();
+			const pb = b.toLowerCase();
+			if (pa !== pb) return pa < pb ? -1 : 1;
+			return a < b ? -1 : a > b ? 1 : 0;
+		}
+		/**
 		* Open the DSH settings dialog and switch to this plugin's section. The
 		* settings shell keeps its open state and the active section id as
 		* component-local viewing state with no cross-plugin service, so the dialog
@@ -11824,18 +12010,56 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/** Empty failure map reused as the snapshot's canonical absent value. */
 		const EMPTY_FAILED_MAP = /* @__PURE__ */ new Map();
 		/**
+		* Clip highlight runs (which partition one whole line) to the character range
+		* `[start, end)` of that line, producing the sub-line's highlighted content.
+		*/
+		function clipRuns(runs, start, end) {
+			const nodes = [];
+			let pos = 0;
+			for (const run of runs) {
+				const runStart = pos;
+				const runEnd = pos + run.text.length;
+				pos = runEnd;
+				if (runEnd <= start || runStart >= end) continue;
+				const text = run.text.slice(Math.max(runStart, start) - runStart, Math.min(runEnd, end) - runStart);
+				if (text.length === 0) continue;
+				nodes.push((0, react_jsx_runtime.jsx)("span", {
+					style: run.style,
+					children: text
+				}, nodes.length));
+			}
+			return nodes.length === 0 ? "\xA0" : 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.
+		* With auto-wrap on, `wrappedLines` carries the row's visual sub-lines and the
+		* code cell renders each at a fixed 22px (never `pre-wrap`), so the row height
+		* is `wrappedLines.length * 22` by construction.
 		*/
 		const DiffRow = (0, react.memo)(function DiffRow(props) {
-			const { index, row, runs, focused, searchHit, searchCurrent, onRowHover } = props;
+			const { index, row, runs, focused, searchHit, searchCurrent, 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];
-			const content = lineRuns === void 0 || lineRuns.length === 0 ? row.text === "" ? "\xA0" : row.text : lineRuns.map((span, spanIndex) => (0, react_jsx_runtime.jsx)("span", {
+			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));
+			}, spanIndex)) : row.text === "" ? "\xA0" : row.text;
+			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;
+					return (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.subline,
+						children: content
+					}, lineIndex);
+				});
+			}
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: `${PendingPanel_module_css_default.line} ${ROW_CLASS[row.kind]}`,
 				"data-diff-line": row.kind,
@@ -11857,7 +12081,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					(0, react_jsx_runtime.jsx)("span", {
 						className: PendingPanel_module_css_default.code,
 						"data-diff-code": true,
-						children: content
+						children: code
 					})
 				]
 			});
@@ -12034,7 +12258,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** The selected file's diff, actions, jump controls, and copy toolbar. */
-		function PendingDiff({ file, busy, workspacePath, jumpSignal, undoFlash, failedMessage, onPasteReference, t, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen }) {
+		function PendingDiff({ file, busy, workspacePath, jumpSignal, undoFlash, failedMessage, onPasteReference, t, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, floatMode, floatOpen, onToggleFileList }) {
 			const [langOverride, setLangOverride] = (0, react.useState)(void 0);
 			const [langMenuOpen, setLangMenuOpen] = (0, react.useState)(false);
 			const langMenuItems = (0, react.useMemo)(() => [{
@@ -12047,6 +12271,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const detectedLang = (0, react.useMemo)(() => langFromPath(file.path), [file.path]);
 			const lang = (0, react.useMemo)(() => langOverride ?? detectedLang, [detectedLang, langOverride]);
 			const langLabel = langOverride === void 0 ? detectedLang === void 0 ? t("action.langAuto") : t("action.langAutoDetected", { lang: languageDisplayName(detectedLang) }) : languageDisplayName(langOverride);
+			const wrapKey = lang ?? "";
+			const [langWrap, setLangWrap] = (0, react.useState)(() => wrapEnabled(wrapKey));
+			(0, react.useEffect)(() => {
+				setLangWrap(wrapEnabled(wrapKey));
+			}, [wrapKey]);
+			const toggleLangWrap = () => {
+				const next = !langWrap;
+				setLangWrap(next);
+				setWrapEnabled(wrapKey, next);
+			};
+			const [tabWidthSpaces] = (0, react.useState)(() => tabWidth());
 			const model = (0, react.useMemo)(() => {
 				const diff = computeWholeFileDiff(file.oldText, file.newText);
 				return {
@@ -12112,6 +12347,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [scrollTick, setScrollTick] = (0, react.useState)(0);
 			const [scrollTop, setScrollTop] = (0, react.useState)(0);
 			const [viewportHeight, setViewportHeight] = (0, react.useState)(0);
+			const [bodyWidth, setBodyWidth] = (0, react.useState)(0);
+			const [hScrollbarPx, setHScrollbarPx] = (0, react.useState)(0);
 			const [hoveredBlock, setHoveredBlock] = (0, react.useState)(void 0);
 			const [selection, setSelection] = (0, react.useState)(void 0);
 			const [copied, setCopied] = (0, react.useState)(false);
@@ -12178,7 +12415,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (row === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = row * ROW_HEIGHT_PX + ROW_HEIGHT_PX / 2 - body.clientHeight / 2;
+				const target = offsetOf(row) + extentOf(row, row) / 2 - body.clientHeight / 2;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
@@ -12195,12 +12432,58 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [blockIndexByRow]);
 			const rows = model.diff.rows;
 			const rowCount = rows.length;
-			const viewport = viewportHeight > 0 ? viewportHeight : rowCount * ROW_HEIGHT_PX;
-			const start = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT_PX) - OVERSCAN_ROWS);
-			const end = Math.min(rowCount, Math.ceil((scrollTop + viewport) / ROW_HEIGHT_PX) + OVERSCAN_ROWS);
+			const rowWrapped = (0, react.useMemo)(() => {
+				if (!langWrap || bodyWidth === 0) return null;
+				const measure = makeMeasurer(codeFontOf());
+				if (measure === void 0) return null;
+				const charWidth = measure("0");
+				const wrapping = bodyWidth - WRAP_GUTTERS_PX - charWidth;
+				const tabPx = tabWidthSpaces * measure(" ");
+				return rows.map((row) => wrapInto(row.text, wrapping, measure, tabPx));
+			}, [
+				langWrap,
+				bodyWidth,
+				rows,
+				tabWidthSpaces
+			]);
+			const rowHeights = (0, react.useMemo)(() => {
+				if (rowWrapped === null) return null;
+				return rowWrapped.map((lines) => lines.length * ROW_HEIGHT_PX);
+			}, [rowWrapped]);
+			const rowOffsets = (0, react.useMemo)(() => {
+				if (rowHeights === null) return null;
+				const offs = new Array(rowHeights.length + 1);
+				offs[0] = 0;
+				for (let i = 0; i < rowHeights.length; i++) offs[i + 1] = offs[i] + rowHeights[i];
+				return offs;
+			}, [rowHeights]);
+			const totalHeight = rowOffsets === null ? rowCount * ROW_HEIGHT_PX : rowOffsets[rowCount] ?? 0;
+			const offsetOf = (index) => {
+				if (rowOffsets === null) return index * ROW_HEIGHT_PX;
+				return rowOffsets[Math.max(0, Math.min(index, rowCount))] ?? 0;
+			};
+			const extentOf = (from, to) => {
+				if (rowOffsets === null) return (to - from + 1) * ROW_HEIGHT_PX;
+				return Math.max(0, offsetOf(to + 1) - offsetOf(from));
+			};
+			const rowAtY = (y) => {
+				if (rowOffsets === null) return Math.floor(y / ROW_HEIGHT_PX);
+				if (y <= 0) return 0;
+				let lo = 0;
+				let hi = rowCount;
+				while (lo < hi) {
+					const mid = lo + hi + 1 >> 1;
+					if (rowOffsets[mid] <= y) lo = mid;
+					else hi = mid - 1;
+				}
+				return lo;
+			};
+			const viewport = viewportHeight > 0 ? viewportHeight : totalHeight;
+			const start = Math.max(0, rowAtY(scrollTop) - OVERSCAN_ROWS);
+			const end = Math.min(rowCount, rowAtY(scrollTop + viewport) + OVERSCAN_ROWS);
 			const visibleRows = rows.slice(start, end);
-			const hoveredBlockEnd = hoveredBlock !== void 0 ? model.blocks[hoveredBlock]?.end : void 0;
-			const blockActionsPadPx = hoveredBlockEnd === void 0 ? 0 : Math.max(0, (hoveredBlockEnd + 1) * ROW_HEIGHT_PX + BLOCK_ACTIONS_FRAME_PX - rowCount * ROW_HEIGHT_PX);
+			const blockEnd = hoveredBlock === void 0 ? void 0 : model.blocks[hoveredBlock]?.end;
+			const blockActionsTop = blockEnd === void 0 ? 0 : Math.min(offsetOf(blockEnd + 1), Math.max(0, totalHeight - BLOCK_ACTIONS_FRAME_PX));
 			const widestLine = (0, react.useMemo)(() => {
 				let widest = 0;
 				for (const row of model.diff.rows) if (row.text.length > widest) widest = row.text.length;
@@ -12219,13 +12502,27 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					observer?.disconnect();
 				};
 			}, [file.id]);
+			(0, react.useEffect)(() => {
+				const body = bodyRef.current;
+				if (body === null) return;
+				const measure = () => {
+					setBodyWidth(body.clientWidth);
+					setHScrollbarPx(Math.max(0, body.offsetHeight - body.clientHeight));
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+				observer?.observe(body);
+				return () => {
+					observer?.disconnect();
+				};
+			}, [file.id, langWrap]);
 			(0, react.useLayoutEffect)(() => {
 				if (rowCount === 0) return;
 				const block = model.blocks[focus];
 				if (block === void 0) return;
 				const body = bodyRef.current;
 				if (body === null) return;
-				const target = block.start * ROW_HEIGHT_PX + ROW_HEIGHT_PX / 2 - body.clientHeight / 2;
+				const target = offsetOf(block.start) - 44;
 				const clamped = Math.max(0, Math.min(target, body.scrollHeight - body.clientHeight));
 				if (body.scrollTop !== clamped) body.scrollTop = clamped;
 				setScrollTop(clamped);
@@ -12233,7 +12530,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				model,
 				focus,
 				scrollTick,
-				rowCount
+				rowCount,
+				rowOffsets === null
 			]);
 			const jump = (direction) => {
 				if (rowCount === 0) return;
@@ -12243,13 +12541,22 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					for (let index = current + 1; index < model.blocks.length; index++) {
 						const block = model.blocks[index];
 						if (block === void 0) continue;
-						if (block.start * ROW_HEIGHT_PX >= top) return index;
+						if (offsetOf(block.start) >= top) return index;
 					}
 					return 0;
 				});
 				setScrollTick((tick) => tick + 1);
 				setFlashKey((key) => key + 1);
 			};
+			const stepBlock = (direction) => {
+				const count = model.blocks.length;
+				if (count === 0) return;
+				const target = ((hoveredBlock ?? focus) + direction + count) % count;
+				setHoveredBlock(target);
+				setFocus(target);
+				setScrollTick((tick) => tick + 1);
+				setFlashKey((key) => key + 1);
+			};
 			(0, react.useEffect)(() => {
 				if (jumpSignal === 0) return;
 				jump(1);
@@ -12339,6 +12646,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				const scrollbarWidth = scroller.offsetWidth - scroller.clientWidth;
 				return Math.max(0, scroller.clientWidth - (scrollbarWidth > 0 ? 0 : OVERVIEW_RULER_WIDTH_PX));
 			})();
+			const flashTop = focusedBlock === void 0 ? 0 : Math.max(0, offsetOf(focusedBlock.start) - scrollTop);
+			const flashBottom = focusedBlock === void 0 ? 0 : Math.min(viewportHeight > 0 ? viewportHeight : Number.POSITIVE_INFINITY, offsetOf(focusedBlock.end + 1) - scrollTop);
+			const flashHeight = Math.max(0, flashBottom - flashTop);
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.diff,
 				"data-diff-approval-diff": true,
@@ -12385,6 +12695,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					(0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffActions,
 						children: [
+							floatMode && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t(floatOpen ? "action.hideFileList" : "action.showFileList"),
+								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-file-list-toggle": true,
+									"aria-label": t(floatOpen ? "action.hideFileList" : "action.showFileList"),
+									onClick: onToggleFileList,
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, { size: 14 })
+								})
+							}),
 							(0, react_jsx_runtime.jsx)("span", {
 								className: PendingPanel_module_css_default.diffStats,
 								children: t("panel.stats", {
@@ -12483,14 +12806,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								onMouseLeave: () => {
 									setHoveredBlock(void 0);
 								},
+								style: { tabSize: tabWidthSpaces },
 								"data-diff-body": true,
 								children: [(0, react_jsx_runtime.jsxs)("div", {
-									className: PendingPanel_module_css_default.lines,
-									style: { minWidth: `max(100%, ${widestLine}ch)` },
+									className: `${PendingPanel_module_css_default.lines}${langWrap ? " " + PendingPanel_module_css_default.wrap : ""}`,
+									style: langWrap ? {
+										width: "100%",
+										minWidth: "100%"
+									} : { minWidth: `max(100%, ${widestLine}ch)` },
 									children: [
 										start > 0 && (0, react_jsx_runtime.jsx)("div", {
 											className: PendingPanel_module_css_default.vSpacer,
-											style: { height: start * ROW_HEIGHT_PX },
+											style: { height: offsetOf(start) },
 											"aria-hidden": "true"
 										}),
 										visibleRows.map((row, offset) => {
@@ -12502,24 +12829,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 												focused: inFocusedBlock(index),
 												searchHit: searchHitSet.has(index),
 												searchCurrent: index === currentSearchRow,
-												onRowHover
+												onRowHover,
+												wrappedLines: rowWrapped?.[index]
 											}, index);
 										}),
 										end < rowCount && (0, react_jsx_runtime.jsx)("div", {
 											className: PendingPanel_module_css_default.vSpacer,
-											style: { height: (rowCount - end) * ROW_HEIGHT_PX },
-											"aria-hidden": "true"
-										}),
-										blockActionsPadPx > 0 && (0, react_jsx_runtime.jsx)("div", {
-											className: PendingPanel_module_css_default.vSpacer,
-											style: { height: blockActionsPadPx },
+											style: { height: totalHeight - offsetOf(end) },
 											"aria-hidden": "true"
 										})
 									]
 								}), hoveredBlock !== void 0 && model.blocks[hoveredBlock] !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
 									className: PendingPanel_module_css_default.blockActions,
 									"data-diff-block-actions": true,
-									style: { top: (model.blocks[hoveredBlock].end + 1) * ROW_HEIGHT_PX },
+									style: { top: blockActionsTop },
 									children: [
 										(0, react_jsx_runtime.jsx)("span", {
 											className: PendingPanel_module_css_default.blockPosition,
@@ -12529,6 +12852,28 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 												total: model.blocks.length
 											})
 										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+											"data-diff-block-prev": true,
+											"aria-label": t("action.prevDiff"),
+											disabled: busy,
+											onClick: () => {
+												stepBlock(-1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+											"data-diff-block-next": true,
+											"aria-label": t("action.nextDiff"),
+											disabled: busy,
+											onClick: () => {
+												stepBlock(1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+										}),
 										(0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
@@ -12556,8 +12901,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								className: PendingPanel_module_css_default.blockFlash,
 								"data-diff-block-flash": true,
 								style: {
-									top: focusedBlock.start * ROW_HEIGHT_PX - scrollTop,
-									height: Math.min((focusedBlock.end - focusedBlock.start + 1) * ROW_HEIGHT_PX, viewportHeight > 0 ? viewportHeight : Number.POSITIVE_INFINITY),
+									top: flashTop,
+									height: flashHeight,
 									width: flashWidth
 								}
 							}, flashKey),
@@ -12622,6 +12967,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								className: PendingPanel_module_css_default.overviewRuler,
 								"data-diff-approval-ruler": true,
 								"aria-hidden": "true",
+								style: { bottom: hScrollbarPx },
 								children: rulerMarkers.map((marker, index) => (0, react_jsx_runtime.jsx)("div", {
 									className: `${PendingPanel_module_css_default.overviewMarker} ${marker.kind === "del" ? PendingPanel_module_css_default.markerDel : PendingPanel_module_css_default.markerAdd}`,
 									"data-diff-ruler-marker": marker.kind,
@@ -12687,6 +13033,23 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 12 })]
 									})
 								})
+							}),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: langWrap ? t("action.toggleOff") : t("action.toggleOn"),
+								side: "top",
+								delayMs: 500,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `${PendingPanel_module_css_default.langSelect}${langWrap ? " " + PendingPanel_module_css_default.wrapActive : ""}`,
+									"data-diff-wrap": true,
+									"aria-label": langWrap ? t("action.toggleOff") : t("action.toggleOn"),
+									"aria-pressed": langWrap,
+									onClick: toggleLangWrap,
+									children: (0, react_jsx_runtime.jsx)("span", {
+										className: PendingPanel_module_css_default.langLabel,
+										children: t("action.wrap")
+									})
+								})
 							})
 						]
 					})
@@ -12731,6 +13094,16 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			/** File-list pane width, adjustable by dragging the divider. */
 			const [listWidth, setListWidth] = (0, react.useState)(240);
 			const resizeDrag = (0, react.useRef)(null);
+			/** Whether the floating (collapsed) file list is currently expanded. */
+			const [floatOpen, setFloatOpen] = (0, react.useState)(false);
+			/** The review panel's width, measured so the file list can collapse when it
+			* would take more than a third of it (browser zoom / window resize). */
+			const [panelWidth, setPanelWidth] = (0, react.useState)(0);
+			const panelRef = (0, react.useRef)(null);
+			const splitRef = (0, react.useRef)(null);
+			/** The code scroll box's bounds within the split, so the floating card is
+			* constrained to it. */
+			const [floatBox, setFloatBox] = (0, react.useState)(null);
 			(0, react.useEffect)(() => {
 				onRefresh(current);
 				const timer = setInterval(() => {
@@ -12740,6 +13113,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					clearInterval(timer);
 				};
 			}, [current, onRefresh]);
+			(0, react.useEffect)(() => {
+				const el = panelRef.current;
+				if (el === null) return;
+				const measure = () => {
+					setPanelWidth(el.clientWidth);
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+				observer?.observe(el);
+				return () => {
+					observer?.disconnect();
+				};
+			}, [open]);
+			const floatMode = panelWidth > 0 && listWidth > panelWidth / 3;
+			const toggleFileList = () => {
+				setFloatOpen((value) => !value);
+			};
+			(0, react.useEffect)(() => {
+				if (!floatMode || !floatOpen) return;
+				const el = panelRef.current;
+				if (el === null) return;
+				const onPointerDown = (event) => {
+					const target = event.target;
+					if (target instanceof Element && (target.closest("[data-diff-floating-file-list]") !== null || target.closest("[data-diff-file-list-toggle]") !== null)) return;
+					setFloatOpen(false);
+				};
+				el.addEventListener("pointerdown", onPointerDown, true);
+				return () => {
+					el.removeEventListener("pointerdown", onPointerDown, true);
+				};
+			}, [floatMode, floatOpen]);
+			(0, react.useEffect)(() => {
+				if (!floatMode || !floatOpen) return;
+				const split = splitRef.current;
+				const body = panelRef.current?.querySelector("[data-diff-body]");
+				if (split === null || body == null) return;
+				const s = split.getBoundingClientRect();
+				const b = body.getBoundingClientRect();
+				setFloatBox({
+					left: b.left - s.left,
+					top: b.top - s.top,
+					width: b.width,
+					height: b.height
+				});
+			}, [
+				floatMode,
+				floatOpen,
+				panelWidth
+			]);
 			(0, react.useEffect)(() => {
 				if (!open || !snapshot.redoCleared) return;
 				onAckRedoCleared();
@@ -12792,7 +13214,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					document.removeEventListener("pointerdown", onPointerDown, true);
 				};
 			}, [open]);
-			const files = snapshot.files.filter((file) => file.sessionId === current);
+			const files = snapshot.files.filter((file) => file.sessionId === current).sort((left, right) => compareFileNames(left.path, right.path));
 			/** Per-file keep/revert failures, surfaced inline on the row and detail. */
 			const failed = snapshot.failed ?? EMPTY_FAILED_MAP;
 			const failedInitialized = (0, react.useRef)(false);
@@ -12865,6 +13287,37 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 			}, entry.id);
 			const selectedFile = files.find((file) => file.id === selected);
+			const fileListBody = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
+				className: PendingPanel_module_css_default.listScroll,
+				children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
+					className: PendingPanel_module_css_default.group,
+					children: t("panel.group.current")
+				}), (0, react_jsx_runtime.jsx)("ul", {
+					className: PendingPanel_module_css_default.rows,
+					children: files.map(renderEntry)
+				})] })
+			}), files.length > 0 && (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.bulkActions,
+				children: [(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+					"data-diff-keep-all": true,
+					disabled: bulkBusy !== null,
+					onClick: () => {
+						runBulk("keep");
+					},
+					children: bulkBusy === "keep" ? t("action.busy") : t("action.keepAll")
+				}), (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: PendingPanel_module_css_default.action,
+					"data-diff-revert-all": true,
+					disabled: bulkBusy !== null,
+					onClick: () => {
+						runBulk("revert");
+					},
+					children: bulkBusy === "revert" ? t("action.busy") : t("action.revertAll")
+				})]
+			})] });
 			const handleUndo = async (sessionId) => {
 				const id = await onUndo(sessionId);
 				if (id === void 0) return;
@@ -12948,6 +13401,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					}),
 					open && (0, react_jsx_runtime.jsxs)("section", {
 						className: PendingPanel_module_css_default.panel,
+						ref: panelRef,
 						style: { bottom: expanded ? PANEL_INSET_PX : bottomPx },
 						"data-diff-approval-panel": true,
 						"aria-label": t("panel.title"),
@@ -13046,44 +13500,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 							]
 						}) : (0, react_jsx_runtime.jsxs)("div", {
 							className: PendingPanel_module_css_default.split,
+							ref: splitRef,
 							children: [
-								(0, react_jsx_runtime.jsxs)("nav", {
+								!floatMode && (0, react_jsx_runtime.jsx)("nav", {
 									className: PendingPanel_module_css_default.fileList,
 									style: { width: listWidth },
 									"data-diff-approval-file-list": true,
-									children: [(0, react_jsx_runtime.jsx)("div", {
-										className: PendingPanel_module_css_default.listScroll,
-										children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
-											className: PendingPanel_module_css_default.group,
-											children: t("panel.group.current")
-										}), (0, react_jsx_runtime.jsx)("ul", {
-											className: PendingPanel_module_css_default.rows,
-											children: files.map(renderEntry)
-										})] })
-									}), files.length > 0 && (0, react_jsx_runtime.jsxs)("div", {
-										className: PendingPanel_module_css_default.bulkActions,
-										children: [(0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
-											"data-diff-keep-all": true,
-											disabled: bulkBusy !== null,
-											onClick: () => {
-												runBulk("keep");
-											},
-											children: bulkBusy === "keep" ? t("action.busy") : t("action.keepAll")
-										}), (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: PendingPanel_module_css_default.action,
-											"data-diff-revert-all": true,
-											disabled: bulkBusy !== null,
-											onClick: () => {
-												runBulk("revert");
-											},
-											children: bulkBusy === "revert" ? t("action.busy") : t("action.revertAll")
-										})]
-									})]
+									children: fileListBody
 								}),
-								(0, react_jsx_runtime.jsx)("div", {
+								!floatMode && (0, react_jsx_runtime.jsx)("div", {
 									className: PendingPanel_module_css_default.resizeHandle,
 									"data-diff-resize": true,
 									onMouseDown: startResize
@@ -13106,8 +13531,22 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										onRevert,
 										onBlockKeep,
 										onBlockRevert,
-										onOpen
+										onOpen,
+										floatMode,
+										floatOpen,
+										onToggleFileList: toggleFileList
 									})
+								}),
+								floatMode && floatOpen && files.length > 0 && floatBox !== null && (0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.fileListFloat,
+									style: {
+										left: floatBox.left + FLOAT_LIST_MARGIN_PX,
+										top: floatBox.top + FLOAT_LIST_MARGIN_PX,
+										width: Math.min(listWidth, Math.max(0, floatBox.width - 24)),
+										height: Math.max(0, floatBox.height - 24)
+									},
+									"data-diff-floating-file-list": true,
+									children: fileListBody
 								})
 							]
 						})]
@@ -13216,17 +13655,78 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				})]
 			});
 		}
+		/** A picker offering the tab-width choices 2 / 4 / 8 (spaces). */
+		function TabWidthPicker({ value, open, onOpenChange, onSelect, dataAttribute }) {
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					onOpenChange(false);
+				},
+				items: [
+					2,
+					4,
+					8
+				].map((n) => ({
+					id: String(n),
+					label: String(n)
+				})),
+				selectedId: String(value),
+				onSelect: (id) => {
+					onOpenChange(false);
+					const n = Number.parseInt(id, 10);
+					if (Number.isFinite(n)) onSelect(n);
+				},
+				align: "end",
+				portal: true,
+				anchor: (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: PendingPanel_module_css_default.settingsSelector,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					onClick: () => {
+						onOpenChange(!open);
+					},
+					[dataAttribute]: true,
+					children: [value, (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: PendingPanel_module_css_default.settingsSelectorChevron })]
+				})
+			});
+		}
+		/** One tab-width preference row: title + description, number picker right. */
+		function TabWidthRow({ title, description, value, open, onOpenChange, onSelect, dataAttribute }) {
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.settingsRow,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: PendingPanel_module_css_default.settingsRowText,
+					children: [(0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.settingsRowTitle,
+						children: title
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: PendingPanel_module_css_default.settingsRowDesc,
+						children: description
+					})]
+				}), (0, react_jsx_runtime.jsx)(TabWidthPicker, {
+					value,
+					open,
+					onOpenChange,
+					onSelect,
+					dataAttribute
+				})]
+			});
+		}
 		/**
-		* The plugin's preferences: auto-paste a copied reference into the input, and
-		* whether importing workspace VCS changes includes untracked files. Each row
-		* mirrors the harness's Agent-preset row (title + description on the left, a
-		* pill picker on the right) with the two boolean states 打开 / 关闭.
+		* The plugin's preferences: auto-paste a copied reference into the input,
+		* whether importing workspace VCS changes includes untracked files, and the
+		* diff's tab width. Each row mirrors the harness's Agent-preset row (title +
+		* description on the left, a pill picker on the right); the tab-width row
+		* offers 2 / 4 / 8 spaces.
 		*/
 		function DiffApprovalSettingsTab({ t }) {
 			const [pasteOnCopy, setPasteOnCopyState] = (0, react.useState)(pasteOnCopyEnabled);
 			const [pasteOnCopyOpen, setPasteOnCopyOpen] = (0, react.useState)(false);
 			const [includeUntracked, setIncludeUntrackedState] = (0, react.useState)(includeUntrackedEnabled);
 			const [includeUntrackedOpen, setIncludeUntrackedOpen] = (0, react.useState)(false);
+			const [tab, setTabState] = (0, react.useState)(tabWidth);
+			const [tabOpen, setTabOpen] = (0, react.useState)(false);
 			const setPasteOnCopy = (value) => {
 				setPasteOnCopyState(value);
 				setPasteOnCopyEnabled(value);
@@ -13235,28 +13735,44 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setIncludeUntrackedState(value);
 				setIncludeUntrackedEnabled(value);
 			};
+			const setTab = (value) => {
+				setTabState(value);
+				setTabWidth(value);
+			};
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.settingsPage,
 				"data-diff-settings": true,
-				children: [(0, react_jsx_runtime.jsx)(PreferenceRow, {
-					title: t("panel.pasteOnCopy"),
-					description: t("panel.pasteOnCopyDesc"),
-					value: pasteOnCopy,
-					open: pasteOnCopyOpen,
-					onOpenChange: setPasteOnCopyOpen,
-					onSelect: setPasteOnCopy,
-					dataAttribute: "data-diff-paste-on-copy-select",
-					t
-				}), (0, react_jsx_runtime.jsx)(PreferenceRow, {
-					title: t("panel.importUntracked"),
-					description: t("panel.importUntrackedDesc"),
-					value: includeUntracked,
-					open: includeUntrackedOpen,
-					onOpenChange: setIncludeUntrackedOpen,
-					onSelect: setIncludeUntracked,
-					dataAttribute: "data-diff-import-untracked-select",
-					t
-				})]
+				children: [
+					(0, react_jsx_runtime.jsx)(PreferenceRow, {
+						title: t("panel.pasteOnCopy"),
+						description: t("panel.pasteOnCopyDesc"),
+						value: pasteOnCopy,
+						open: pasteOnCopyOpen,
+						onOpenChange: setPasteOnCopyOpen,
+						onSelect: setPasteOnCopy,
+						dataAttribute: "data-diff-paste-on-copy-select",
+						t
+					}),
+					(0, react_jsx_runtime.jsx)(PreferenceRow, {
+						title: t("panel.importUntracked"),
+						description: t("panel.importUntrackedDesc"),
+						value: includeUntracked,
+						open: includeUntrackedOpen,
+						onOpenChange: setIncludeUntrackedOpen,
+						onSelect: setIncludeUntracked,
+						dataAttribute: "data-diff-import-untracked-select",
+						t
+					}),
+					(0, react_jsx_runtime.jsx)(TabWidthRow, {
+						title: t("panel.tabWidth"),
+						description: t("panel.tabWidthDesc"),
+						value: tab,
+						open: tabOpen,
+						onOpenChange: setTabOpen,
+						onSelect: setTab,
+						dataAttribute: "data-diff-tab-width-select"
+					})
+				]
 			});
 		}
 		//#endregion
@@ -13653,6 +14169,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.pasteOnCopyDesc": "开启后，复制的引用会自动填入消息输入框，输入框会获得焦点。",
 			"panel.importUntracked": "导入未跟踪的文件改动",
 			"panel.importUntrackedDesc": "开启后，导入工作区改动会包含未跟踪/未版本化的新增文件（Git 未跟踪、SVN 未版本化、Perforce 未版本化）。收集改动需要扫描整个工作区，文件数量大时可能较慢。",
+			"panel.tabWidth": "Tab 宽度",
+			"panel.tabWidthDesc": "diff 中制表符（Tab）的缩进宽度，可选 2 / 4 / 8 个空格（默认 4），同时作用于行宽折行测量。",
 			"settings.tabLabel": "改动审批",
 			"row.create": "新增文件",
 			"row.failed": "失败",
@@ -13667,11 +14185,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.busy": "处理中…",
 			"action.prevDiff": "上一处差异",
 			"action.nextDiff": "下一处差异",
+			"action.showFileList": "展开文件列表",
+			"action.hideFileList": "收起文件列表",
 			"action.copyHint": "复制引用",
 			"action.copied": "已复制",
 			"action.langAuto": "自动",
 			"action.langAutoDetected": "自动：{lang}",
 			"action.langSelect": "高亮语言",
+			"action.wrap": "自动换行",
 			"action.toggleOn": "打开",
 			"action.toggleOff": "关闭",
 			"action.importVcs": "导入工作区改动",
@@ -13711,6 +14232,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.pasteOnCopyDesc": "When enabled, a copied reference is pasted into the composer, which then receives focus.",
 			"panel.importUntracked": "Import changes to untracked files",
 			"panel.importUntrackedDesc": "When enabled, importing workspace changes includes new/untracked files (Git-untracked, SVN-unversioned, Perforce-unversioned). Collecting changes scans the whole workspace, which can be slow on large trees.",
+			"panel.tabWidth": "Tab width",
+			"panel.tabWidthDesc": "The indent width of a tab character in the diff, as 2 / 4 / 8 spaces (default 4). Also drives the wrapped-line measurement.",
 			"settings.tabLabel": "Diff Approval",
 			"row.create": "New file",
 			"row.failed": "Failed",
@@ -13725,11 +14248,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"action.busy": "Working…",
 			"action.prevDiff": "Previous diff",
 			"action.nextDiff": "Next diff",
+			"action.showFileList": "Show file list",
+			"action.hideFileList": "Hide file list",
 			"action.copyHint": "Copy reference",
 			"action.copied": "Copied",
 			"action.langAuto": "Auto",
 			"action.langAutoDetected": "Auto: {lang}",
 			"action.langSelect": "Highlight language",
+			"action.wrap": "Wrap lines",
 			"action.toggleOn": "On",
 			"action.toggleOff": "Off",
 			"action.importVcs": "Import workspace changes",