dsh-diff-approval 0.19.2 → 0.20.0

package/lib/client.js

@@ -20,6 +20,539 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let react_dom = require("react-dom");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region \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_settingsGroup{border-bottom:1px solid var(--dsw-alias-border-l2);margin-top:8px}.F1KBNa_settingsGroupHeader{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsGroupText{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.F1KBNa_settingsGroupTitle{font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsGroupDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsGroupChevron{margin-left:auto;transition:transform .15s}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupChevron{transform:rotate(180deg)}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupHeader{border-bottom:1px solid var(--dsw-alias-border-l2)}.F1KBNa_settingsGroupBody{flex-direction:column;display:flex}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow{padding-left:16px}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow:last-child,.F1KBNa_settingsPage>.F1KBNa_settingsRow:last-child{border-bottom:none}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_colorPicker{position:relative}.F1KBNa_colorPickerTrigger{background:var(--dsw-alias-bg-module-platform);width:120px;height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_colorPickerTrigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_colorSwatch{border:1px solid var(--dsw-alias-border-l2);border-radius:50%;flex:none;width:24px;height:24px}.F1KBNa_colorValue{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.F1KBNa_colorPickerChevron{flex:none}.F1KBNa_colorBackdrop{z-index:40;position:fixed;inset:0}.F1KBNa_colorPickerPopover{z-index:41;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);right:0}.F1KBNa_colorPickerPanel{flex-direction:column;gap:8px;display:flex}.F1KBNa_colorPickerInputRow{align-items:center;gap:8px;display:flex}.F1KBNa_colorPickerPreview{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;flex:none;width:22px;height:22px}.F1KBNa_colorPickerInput{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-module-platform);min-width:0;height:30px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 8px;font-size:12px;line-height:28px}.F1KBNa_colorPickerInput:focus{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-1px}.F1KBNa_colorSv{border:1px solid var(--dsw-alias-border-l1);cursor:crosshair;touch-action:none;border-radius:8px;height:140px;position:relative}.F1KBNa_colorSvCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_colorHue{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;touch-action:none;border-radius:7px;height:14px;position:relative}.F1KBNa_colorHueCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_diffPreview{z-index:2;border:1px solid var(--dsw-alias-border-l1);font:var(--dsw-font-markdown-code-block);background:var(--dsw-alias-markdown-code-block);border-radius:8px;margin:16px 0 8px;padding:8px;position:sticky;top:0;overflow:hidden}.F1KBNa_diffPreviewTitle{color:var(--dsw-alias-label-tertiary);margin-bottom:6px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_diffPreviewScroll{height:132px;overflow-y:auto}.F1KBNa_mdPreviewWrap{flex:1;min-width:0;min-height:0;display:flex;position:relative}.F1KBNa_mdPreviewBody{min-width:0;min-height:0;color:var(--dsw-alias-label-primary);flex:1;padding:12px 16px;position:relative;overflow:auto}.F1KBNa_mdPreviewContent{width:100%;min-width:0;margin:0 auto}.F1KBNa_mdPreviewSingle{display:block}.F1KBNa_mdPreviewDouble{display:flex}.F1KBNa_mdPreviewBody .mdBlock{border-radius:4px;margin-bottom:12px;padding:2px 6px}.F1KBNa_mdPreviewBody .mdAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_mdPreviewBody .mdDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_mdPreviewBody .mdWordDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 34%, transparent);border-radius:2px;padding:0 1px}.F1KBNa_mdPreviewBody .mdWordAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 34%, transparent);border-radius:2px;padding:0 1px}.F1KBNa_mdPreviewBody .mdDouble{flex-direction:column;width:100%;min-width:0;display:flex}.F1KBNa_mdPreviewBody .mdDoubleRow{align-items:flex-start;width:100%;min-width:0;display:flex}.F1KBNa_mdPreviewBody .mdDoubleCol{flex:1;min-width:0}.F1KBNa_mdPreviewBody .mdDoubleRule{background:var(--dsw-alias-border-l2);flex:none;align-self:stretch;width:1px;margin:0 12px}.F1KBNa_mdPreviewFallback{font-family:var(--dsw-font-markdown-code-block);color:var(--dsw-alias-label-tertiary);padding:12px 16px;font-size:12px;line-height:18px}.F1KBNa_mdPreviewBody{word-break:break-word;font-size:13px;line-height:20px}.F1KBNa_mdPreviewBody>:first-child{margin-top:0}.F1KBNa_mdPreviewBody>:last-child{margin-bottom:0}.F1KBNa_mdPreviewBody h1,.F1KBNa_mdPreviewBody h2,.F1KBNa_mdPreviewBody h3,.F1KBNa_mdPreviewBody h4,.F1KBNa_mdPreviewBody h5,.F1KBNa_mdPreviewBody h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.F1KBNa_mdPreviewBody h1{font-size:22px}.F1KBNa_mdPreviewBody h2{font-size:19px}.F1KBNa_mdPreviewBody h3{font-size:16px}.F1KBNa_mdPreviewBody h4{font-size:15px}.F1KBNa_mdPreviewBody h5{font-size:14px}.F1KBNa_mdPreviewBody h6{font-size:13px}.F1KBNa_mdPreviewBody p{margin:8px 0}.F1KBNa_mdPreviewBody ul,.F1KBNa_mdPreviewBody ol{margin:8px 0;padding-left:22px}.F1KBNa_mdPreviewBody li{margin:2px 0}.F1KBNa_mdPreviewBody a{color:var(--dsw-alias-state-business-primary);text-decoration:none}.F1KBNa_mdPreviewBody a:hover{text-decoration:underline}.F1KBNa_mdPreviewBody code{font-family:var(--dsw-font-markdown-code-block);background:#9e9e9e40;border-radius:4px;padding:1px 5px;font-size:12.5px}.F1KBNa_mdPreviewBody pre{border:1px solid var(--dsw-alias-border-l1);font-family:var(--dsw-font-markdown-code-block);background:#9e9e9e40;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:12.5px;line-height:18px;overflow:auto}.F1KBNa_mdPreviewBody pre code{background:0 0;padding:0}.F1KBNa_mdPreviewBody blockquote{border-left:3px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);margin:8px 0;padding:0 12px}.F1KBNa_mdPreviewBody hr{background:var(--dsw-alias-border-l1);border:none;height:1px;margin:16px 0}.F1KBNa_mdPreviewBody table{border-collapse:collapse;margin:8px 0}.F1KBNa_mdPreviewBody th,.F1KBNa_mdPreviewBody td{border:1px solid var(--dsw-alias-border-l1);padding:4px 10px}.F1KBNa_mdPreviewBody img{max-width:100%}.F1KBNa_mdPreviewBody .mdImageFallback{border:1px dashed var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-markdown-code-block) 45%, transparent);width:100%;min-height:120px;color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-markdown-code-block);text-align:center;white-space:pre-wrap;word-break:break-all;border-radius:4px;justify-content:center;align-items:center;margin:0 auto;padding:8px 12px;font-size:12px;line-height:16px;display:flex}.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 2px 12px 8px;display:flex}.F1KBNa_listScroll{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding:8px 8px 0 0;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{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.F1KBNa_pickerCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:420px;max-width:100%;height:70%;max-height:100%;box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.F1KBNa_pickerTitle{color:var(--dsw-alias-label-primary);flex:none;font-size:13px;font-weight:500;line-height:20px}.F1KBNa_pickerClose{width:22px;height:22px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.F1KBNa_pickerClose:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_pickerForm{flex:none;gap:8px;display:flex}.F1KBNa_pickerInput{border:1px solid var(--dsw-alias-border-l1);min-width:0;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;flex:auto;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_pickerInput:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}.F1KBNa_tree{scrollbar-gutter:stable;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex:auto;min-height:0;padding:4px 2px 4px 4px;overflow:auto}.F1KBNa_treeRow{border-radius:6px;align-items:center;gap:2px;padding-right:4px;display:flex}.F1KBNa_treeRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_treeRow[data-selected]{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent)}.F1KBNa_treeCaret{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_treeCaret:hover{color:var(--dsw-alias-label-primary)}.F1KBNa_treeName{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:auto;align-items:center;gap:6px;padding:2px 4px;font-family:inherit;font-size:12px;line-height:18px;display:flex}.F1KBNa_treeName:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_treeNote{color:var(--dsw-alias-label-tertiary);margin:2px 0;font-size:12px;line-height:18px}.F1KBNa_pickerIcon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.F1KBNa_pickerName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.F1KBNa_pickerNote{color:var(--dsw-alias-label-tertiary);flex:none;margin:0;font-size:12px;line-height:18px}.F1KBNa_pickerCheck{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;margin-right:auto;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_groupHead{align-items:center;gap:4px;margin:8px 0 4px;padding-right:4px;display:flex}.F1KBNa_action.F1KBNa_addButton{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;min-height:0;padding:0;display:inline-flex}.F1KBNa_groupHead>.F1KBNa_group{margin:0}.F1KBNa_emptyActions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);-webkit-user-select:text;user-select:text;flex:1;font-size:12px;line-height:18px;overflow:auto hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_divider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px;margin:2px 0}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_searchToggle{border:1px solid var(--dsw-alias-border-l1);min-height:25px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.F1KBNa_searchToggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_searchToggleOn{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchMatch{color:inherit;background-color:#facc1542;border-radius:2px}.F1KBNa_searchMatchCurrent{color:inherit;background-color:#facc1599;border-radius:2px}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlashFade;position:absolute;left:0;right:0}.F1KBNa_blockFlashShake{animation:.7s ease-out forwards F1KBNa_diffFlashShake}@keyframes F1KBNa_diffFlashFade{0%{opacity:1}to{opacity:0}}@keyframes F1KBNa_diffFlashShake{0%{opacity:1;transform:translateY(0)}10%{transform:translateY(1px)}20%{transform:translateY(-1px)}30%{transform:translateY(1px)}40%{transform:translateY(-1px)}50%{transform:translateY(1px)}60%{transform:translateY(-1px)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;font-size:calc(1em * var(--dsh-diff-font-scale,1));display:table}.F1KBNa_line{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);-webkit-user-select:none;user-select:none;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;-webkit-user-select:text;user-select:text;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:var(--dsh-diff-line-height,22px)}.F1KBNa_subline{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);white-space:pre;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_splitRoot{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBodySplit{flex:1;min-height:0;overflow-x:hidden}.F1KBNa_splitCols{width:100%;min-width:0;display:flex}.F1KBNa_splitCol{box-sizing:border-box;flex:1 1 0;min-width:0;overflow:hidden}.F1KBNa_splitDivider{background:var(--dsw-alias-border-l2);flex:0 0 1px}.F1KBNa_splitCol .F1KBNa_gutter,.F1KBNa_splitCol .F1KBNa_code{vertical-align:top}.F1KBNa_splitHScrollRow{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;width:100%;min-width:0;display:flex}.F1KBNa_splitHScroll{flex:1 1 0;min-width:0;height:15px;overflow:auto hidden}.F1KBNa_splitHScroll::-webkit-scrollbar{height:15px}.F1KBNa_splitHScroll::-webkit-scrollbar-track{cursor:default}.F1KBNa_splitHScroll::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_splitHScrollFill{height:1px}.F1KBNa_splitLdel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitLadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_splitRdel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitRadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_intraDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 26%, transparent);text-decoration:line-through}.F1KBNa_intraAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 24%, transparent)}";
+		const tagId = "dsh-diff-approval/PendingPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-diff-approval";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var PendingPanel_module_css_default = {
+			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
+			"vSpacer": "F1KBNa_vSpacer",
+			"colorPickerPopover": "F1KBNa_colorPickerPopover",
+			"pickerCard": "F1KBNa_pickerCard",
+			"colorHueCursor": "F1KBNa_colorHueCursor",
+			"overviewRuler": "F1KBNa_overviewRuler",
+			"line": "F1KBNa_line",
+			"wrap": "F1KBNa_wrap",
+			"colorPickerPreview": "F1KBNa_colorPickerPreview",
+			"searchInput": "F1KBNa_searchInput",
+			"pickerForm": "F1KBNa_pickerForm",
+			"notice": "F1KBNa_notice",
+			"splitCols": "F1KBNa_splitCols",
+			"mdPreviewContent": "F1KBNa_mdPreviewContent",
+			"pickerClose": "F1KBNa_pickerClose",
+			"diffStats": "F1KBNa_diffStats",
+			"settingsGroupText": "F1KBNa_settingsGroupText",
+			"splitRoot": "F1KBNa_splitRoot",
+			"colorBackdrop": "F1KBNa_colorBackdrop",
+			"splitHScroll": "F1KBNa_splitHScroll",
+			"states": "F1KBNa_states",
+			"addCount": "F1KBNa_addCount",
+			"iconAction": "F1KBNa_iconAction",
+			"blockPosition": "F1KBNa_blockPosition",
+			"pickerTitle": "F1KBNa_pickerTitle",
+			"readError": "F1KBNa_readError",
+			"tree": "F1KBNa_tree",
+			"diff": "F1KBNa_diff",
+			"colorPickerPanel": "F1KBNa_colorPickerPanel",
+			"divergedHint": "F1KBNa_divergedHint",
+			"statusBar": "F1KBNa_statusBar",
+			"mdPreviewBody": "F1KBNa_mdPreviewBody",
+			"rowFailed": "F1KBNa_rowFailed",
+			"blockFlash": "F1KBNa_blockFlash",
+			"diffFlashFade": "F1KBNa_diffFlashFade",
+			"diffPreviewTitle": "F1KBNa_diffPreviewTitle",
+			"splitDivider": "F1KBNa_splitDivider",
+			"divider": "F1KBNa_divider",
+			"mdPreviewFallback": "F1KBNa_mdPreviewFallback",
+			"blockActions": "F1KBNa_blockActions",
+			"treeRow": "F1KBNa_treeRow",
+			"noticeText": "F1KBNa_noticeText",
+			"delCount": "F1KBNa_delCount",
+			"expandExpanded": "F1KBNa_expandExpanded",
+			"pickerInput": "F1KBNa_pickerInput",
+			"diffBody": "F1KBNa_diffBody",
+			"splitHScrollFill": "F1KBNa_splitHScrollFill",
+			"splitRdel": "F1KBNa_splitRdel",
+			"settingsGroupBody": "F1KBNa_settingsGroupBody",
+			"settingsRowTitle": "F1KBNa_settingsRowTitle",
+			"toggle": "F1KBNa_toggle",
+			"confirmText": "F1KBNa_confirmText",
+			"searchBar": "F1KBNa_searchBar",
+			"confirmBackdrop": "F1KBNa_confirmBackdrop",
+			"action": "F1KBNa_action",
+			"settingsRowText": "F1KBNa_settingsRowText",
+			"layer": "F1KBNa_layer",
+			"colorSv": "F1KBNa_colorSv",
+			"settingsGroup": "F1KBNa_settingsGroup",
+			"listScroll": "F1KBNa_listScroll",
+			"searchCount": "F1KBNa_searchCount",
+			"code": "F1KBNa_code",
+			"stepperButton": "F1KBNa_stepperButton",
+			"footerButtons": "F1KBNa_footerButtons",
+			"settingsRow": "F1KBNa_settingsRow",
+			"settingsSelector": "F1KBNa_settingsSelector",
+			"stepperButtonUp": "F1KBNa_stepperButtonUp",
+			"intraDel": "F1KBNa_intraDel",
+			"detailEmpty": "F1KBNa_detailEmpty",
+			"rowMeta": "F1KBNa_rowMeta",
+			"flexSpacer": "F1KBNa_flexSpacer",
+			"searchMatchCurrent": "F1KBNa_searchMatchCurrent",
+			"note": "F1KBNa_note",
+			"hint": "F1KBNa_hint",
+			"row": "F1KBNa_row",
+			"langLabel": "F1KBNa_langLabel",
+			"settingsGroupTitle": "F1KBNa_settingsGroupTitle",
+			"importButton": "F1KBNa_importButton",
+			"splitHScrollRow": "F1KBNa_splitHScrollRow",
+			"confirmActions": "F1KBNa_confirmActions",
+			"markerAdd": "F1KBNa_markerAdd",
+			"colorPickerInput": "F1KBNa_colorPickerInput",
+			"mdPreviewWrap": "F1KBNa_mdPreviewWrap",
+			"kindTag": "F1KBNa_kindTag",
+			"actionError": "F1KBNa_actionError",
+			"headerActions": "F1KBNa_headerActions",
+			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
+			"expand": "F1KBNa_expand",
+			"blockFlashShake": "F1KBNa_blockFlashShake",
+			"del": "F1KBNa_del",
+			"splitCol": "F1KBNa_splitCol",
+			"panel": "F1KBNa_panel",
+			"mdPreviewSingle": "F1KBNa_mdPreviewSingle",
+			"searchMatch": "F1KBNa_searchMatch",
+			"mdPreviewDouble": "F1KBNa_mdPreviewDouble",
+			"missing": "F1KBNa_missing",
+			"badgeLabel": "F1KBNa_badgeLabel",
+			"treeNote": "F1KBNa_treeNote",
+			"groupHead": "F1KBNa_groupHead",
+			"addButton": "F1KBNa_addButton",
+			"kindHint": "F1KBNa_kindHint",
+			"diffFlashShake": "F1KBNa_diffFlashShake",
+			"markerDel": "F1KBNa_markerDel",
+			"splitLadd": "F1KBNa_splitLadd",
+			"treeCaret": "F1KBNa_treeCaret",
+			"settingsRowDesc": "F1KBNa_settingsRowDesc",
+			"stepper": "F1KBNa_stepper",
+			"emptyActions": "F1KBNa_emptyActions",
+			"pickerIcon": "F1KBNa_pickerIcon",
+			"pickerName": "F1KBNa_pickerName",
+			"close": "F1KBNa_close",
+			"confirmCard": "F1KBNa_confirmCard",
+			"settingsGroupChevron": "F1KBNa_settingsGroupChevron",
+			"rowPath": "F1KBNa_rowPath",
+			"rail": "F1KBNa_rail",
+			"stepperValue": "F1KBNa_stepperValue",
+			"toggleOn": "F1KBNa_toggleOn",
+			"treeName": "F1KBNa_treeName",
+			"statusAction": "F1KBNa_statusAction",
+			"badge": "F1KBNa_badge",
+			"actionPrimary": "F1KBNa_actionPrimary",
+			"splitRadd": "F1KBNa_splitRadd",
+			"diffPreviewScroll": "F1KBNa_diffPreviewScroll",
+			"colorValue": "F1KBNa_colorValue",
+			"pickerCheck": "F1KBNa_pickerCheck",
+			"title": "F1KBNa_title",
+			"group": "F1KBNa_group",
+			"diffBodyWrap": "F1KBNa_diffBodyWrap",
+			"pickerNote": "F1KBNa_pickerNote",
+			"intraAdd": "F1KBNa_intraAdd",
+			"settingsPage": "F1KBNa_settingsPage",
+			"settingsGroupHeader": "F1KBNa_settingsGroupHeader",
+			"colorPickerInputRow": "F1KBNa_colorPickerInputRow",
+			"diffPreview": "F1KBNa_diffPreview",
+			"colorPickerTrigger": "F1KBNa_colorPickerTrigger",
+			"colorPickerChevron": "F1KBNa_colorPickerChevron",
+			"diffHeader": "F1KBNa_diffHeader",
+			"gutter": "F1KBNa_gutter",
+			"add": "F1KBNa_add",
+			"fileListFloat": "F1KBNa_fileListFloat",
+			"rows": "F1KBNa_rows",
+			"context": "F1KBNa_context",
+			"noteCentered": "F1KBNa_noteCentered",
+			"colorPicker": "F1KBNa_colorPicker",
+			"overviewMarker": "F1KBNa_overviewMarker",
+			"bulkActions": "F1KBNa_bulkActions",
+			"diffBodySplit": "F1KBNa_diffBodySplit",
+			"missingHint": "F1KBNa_missingHint",
+			"searchToggle": "F1KBNa_searchToggle",
+			"langSelect": "F1KBNa_langSelect",
+			"fileList": "F1KBNa_fileList",
+			"colorSvCursor": "F1KBNa_colorSvCursor",
+			"settingsGroupDesc": "F1KBNa_settingsGroupDesc",
+			"split": "F1KBNa_split",
+			"splitLdel": "F1KBNa_splitLdel",
+			"noticeButton": "F1KBNa_noticeButton",
+			"detail": "F1KBNa_detail",
+			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
+			"importNote": "F1KBNa_importNote",
+			"rowHead": "F1KBNa_rowHead",
+			"wrapActive": "F1KBNa_wrapActive",
+			"emptyState": "F1KBNa_emptyState",
+			"searchToggleOn": "F1KBNa_searchToggleOn",
+			"colorSwatch": "F1KBNa_colorSwatch",
+			"header": "F1KBNa_header",
+			"resizeHandle": "F1KBNa_resizeHandle",
+			"colorHue": "F1KBNa_colorHue",
+			"lines": "F1KBNa_lines",
+			"diffPath": "F1KBNa_diffPath",
+			"diffActions": "F1KBNa_diffActions",
+			"badgeCount": "F1KBNa_badgeCount",
+			"toggleThumb": "F1KBNa_toggleThumb",
+			"subline": "F1KBNa_subline"
+		};
+		//#endregion
+		//#region lib/types/client/PathPicker.js
+		/**
+		* The add-path dialog: pick one path in a lazily-loaded workspace tree — or type
+		* it outright — then press Add. Nothing is added by pointing at it: the path and
+		* the no-change box are prepared first, and the host judges them once the button
+		* is pressed.
+		*
+		* The path box is the single source of truth for the selection: a tree row is
+		* highlighted while its path is the box's text, and editing the text by hand
+		* simply leaves no row highlighted.
+		*
+		* The dialog is a modal inside the panel: it owns Escape while it is on screen
+		* (the panel's own chords stand down, see `pathPickerOpen`).
+		* @module dsh-diff-approval/client/PathPicker
+		*/
+		/** Whether this panel's add-path dialog is on screen. The panel's global chords
+		*  consult this so the modal owns the keyboard while it is open. */
+		function pathPickerOpen() {
+			return typeof document !== "undefined" && document.querySelector("[data-diff-path-picker]") !== null;
+		}
+		/**
+		* The file glyph the icon library lacks (it ships folders only): a page with a
+		* folded corner, drawn on the same 16px grid as the folder icons.
+		* @returns the 16px file glyph.
+		*/
+		function FileIcon() {
+			return (0, react_jsx_runtime.jsx)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true",
+				"data-diff-file-icon": true,
+				children: (0, react_jsx_runtime.jsx)("path", {
+					fill: "currentColor",
+					fillRule: "evenodd",
+					clipRule: "evenodd",
+					d: "M3.5 1.5h5l4 4v9h-9zM8.5 1.5v4h4z"
+				})
+			});
+		}
+		/**
+		* The add-path dialog.
+		* @param props - the workspace root, the host calls, and the close/toast sinks.
+		* @returns the modal (rendered only while open by its parent).
+		*/
+		function PathPicker({ rootPath, onBrowse, onAdd, onToast, onClose, t }) {
+			/** The path box: the target, and the tree's selection, in one string. */
+			const [path, setPath] = (0, react.useState)("");
+			const [levels, setLevels] = (0, react.useState)({});
+			const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set([""]));
+			/** Every open starts unticked: the box is a per-add decision. */
+			const [includeUnchanged, setIncludeUnchanged] = (0, react.useState)(false);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const inputRef = (0, react.useRef)(null);
+			const browseRef = (0, react.useRef)(onBrowse);
+			browseRef.current = onBrowse;
+			const addRef = (0, react.useRef)(onAdd);
+			addRef.current = onAdd;
+			const toastRef = (0, react.useRef)(onToast);
+			toastRef.current = onToast;
+			const closeRef = (0, react.useRef)(onClose);
+			closeRef.current = onClose;
+			/** Load one directory level; `dir` is workspace-relative (`''` is the root). */
+			const load = (0, react.useCallback)(async (dir) => {
+				setLevels((prev) => ({
+					...prev,
+					[dir]: { status: "loading" }
+				}));
+				try {
+					const value = await browseRef.current(dir === "" ? void 0 : dir);
+					setLevels((prev) => ({
+						...prev,
+						[dir]: {
+							status: "ready",
+							entries: value.entries,
+							truncated: value.truncated
+						}
+					}));
+				} catch (error) {
+					setLevels((prev) => ({
+						...prev,
+						[dir]: {
+							status: "failed",
+							error: error instanceof Error ? error.message : String(error)
+						}
+					}));
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load("");
+				inputRef.current?.focus();
+			}, [load]);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (event.key !== "Escape") return;
+					event.preventDefault();
+					closeRef.current();
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, []);
+			/** Report one add outcome; only a landed add closes the dialog. */
+			const report = (value) => {
+				const toast = toastRef.current;
+				if (value.outcome === "added") {
+					toast(value.truncated === true ? t("panel.addDoneTruncated", { count: value.added }) : t("panel.addDone", { count: value.added }));
+					closeRef.current();
+					return;
+				}
+				if (value.outcome === "duplicate") toast(t("panel.addDuplicate"));
+				else if (value.outcome === "unchanged") toast(t("panel.addUnchanged"));
+				else if (value.outcome === "empty") toast(t("panel.addEmpty"));
+				else if (value.outcome === "missing") toast(t("panel.addMissing"));
+				else if (value.outcome === "outside") toast(t("panel.addOutside"));
+				else if (value.outcome === "no-vcs") toast(t("panel.importNoVcs"));
+				else toast(t("panel.addFailed", { message: value.message ?? "" }));
+			};
+			/** The dialog's one action: the host judges the path here, not on selection. */
+			const submit = async () => {
+				const target = path.trim();
+				if (target === "" || busy) return;
+				setBusy(true);
+				try {
+					report(await addRef.current(target, includeUnchanged));
+				} catch (error) {
+					toastRef.current(t("panel.addFailed", { message: error instanceof Error ? error.message : String(error) }));
+				} finally {
+					setBusy(false);
+				}
+			};
+			/** Expand or collapse one directory, loading its level the first time. */
+			const toggle = (dir) => {
+				setExpanded((prev) => {
+					const next = new Set(prev);
+					if (next.has(dir)) next.delete(dir);
+					else next.add(dir);
+					return next;
+				});
+				if (levels[dir] === void 0) load(dir);
+			};
+			/** One tree row: caret, icon, name. Selecting only fills the path box. */
+			const row = (entry, depth) => {
+				const isDirectory = entry.type === "directory";
+				const isOpen = expanded.has(entry.path);
+				const selected = path === entry.path;
+				return (0, react_jsx_runtime.jsxs)("div", {
+					className: PendingPanel_module_css_default.treeRow,
+					style: { paddingLeft: `${4 + depth * 14}px` },
+					"data-diff-picker-row": entry.path,
+					"data-selected": selected ? "" : void 0,
+					children: [isDirectory ? (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PendingPanel_module_css_default.treeCaret,
+						"data-diff-picker-toggle": entry.path,
+						"aria-expanded": isOpen,
+						"aria-label": isOpen ? t("action.collapseRow") : t("action.expandRow"),
+						onClick: () => {
+							toggle(entry.path);
+						},
+						children: isOpen ? (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.IconChevronRightOutline14, { size: 14 })
+					}) : (0, react_jsx_runtime.jsx)("span", {
+						className: PendingPanel_module_css_default.treeCaret,
+						"aria-hidden": "true"
+					}), (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: PendingPanel_module_css_default.treeName,
+						"data-diff-picker-select": entry.path,
+						"aria-pressed": selected,
+						onClick: () => {
+							setPath(entry.path);
+						},
+						children: [isDirectory ? isOpen ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpen16, {
+							size: 16,
+							className: PendingPanel_module_css_default.pickerIcon
+						}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, {
+							size: 16,
+							className: PendingPanel_module_css_default.pickerIcon
+						}) : (0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.pickerIcon,
+							children: (0, react_jsx_runtime.jsx)(FileIcon, {})
+						}), (0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.pickerName,
+							children: entry.name
+						})]
+					})]
+				}, entry.path);
+			};
+			/** One loaded level's children, expanded directories recursing into their own.
+			*  `trail` carries the branch's ancestors: a directory that lists itself (a
+			*  symlink loop) must stop the walk rather than recurse forever. */
+			const levelRows = (dir, depth, trail) => {
+				const level = levels[dir];
+				if (level === void 0 || level.status === "loading") return (0, react_jsx_runtime.jsx)("p", {
+					className: PendingPanel_module_css_default.treeNote,
+					style: { paddingLeft: `${10 + depth * 14}px` },
+					children: t("panel.loading")
+				});
+				if (level.status === "failed") return (0, react_jsx_runtime.jsx)("p", {
+					className: PendingPanel_module_css_default.treeNote,
+					style: { paddingLeft: `${10 + depth * 14}px` },
+					role: "alert",
+					children: level.error
+				});
+				if (level.entries.length === 0) return (0, react_jsx_runtime.jsx)("p", {
+					className: PendingPanel_module_css_default.treeNote,
+					style: { paddingLeft: `${10 + depth * 14}px` },
+					children: t("panel.addNoEntries")
+				});
+				return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [level.entries.map((entry) => {
+					const descends = entry.type === "directory" && expanded.has(entry.path) && !trail.has(entry.path);
+					return (0, react_jsx_runtime.jsxs)("div", { children: [row(entry, depth), descends ? levelRows(entry.path, depth + 1, /* @__PURE__ */ new Set([...trail, entry.path])) : null] }, entry.path);
+				}), level.truncated && (0, react_jsx_runtime.jsx)("p", {
+					className: PendingPanel_module_css_default.treeNote,
+					style: { paddingLeft: `${10 + depth * 14}px` },
+					children: t("panel.addTruncated", { count: level.entries.length })
+				})] });
+			};
+			const rootSelected = rootPath !== void 0 && path === rootPath;
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: PendingPanel_module_css_default.confirmBackdrop,
+				"data-diff-path-picker": true,
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					className: PendingPanel_module_css_default.pickerCard,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": t("panel.addTitle"),
+					children: [
+						(0, react_jsx_runtime.jsx)("span", {
+							className: PendingPanel_module_css_default.pickerTitle,
+							children: t("panel.addTitle")
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							className: PendingPanel_module_css_default.pickerForm,
+							children: (0, react_jsx_runtime.jsx)("input", {
+								ref: inputRef,
+								className: PendingPanel_module_css_default.pickerInput,
+								"data-diff-picker-input": true,
+								value: path,
+								placeholder: t("panel.addPathPlaceholder"),
+								onChange: (event) => {
+									setPath(event.target.value);
+								},
+								onKeyDown: (event) => {
+									if (event.key !== "Enter") return;
+									event.preventDefault();
+									submit();
+								}
+							})
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: PendingPanel_module_css_default.tree,
+							"data-diff-picker-tree": true,
+							children: [(0, react_jsx_runtime.jsxs)("div", {
+								className: PendingPanel_module_css_default.treeRow,
+								style: { paddingLeft: "4px" },
+								"data-diff-picker-row": rootPath ?? "",
+								"data-selected": rootSelected ? "" : void 0,
+								children: [(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: PendingPanel_module_css_default.treeCaret,
+									"data-diff-picker-toggle": "",
+									"aria-expanded": expanded.has(""),
+									"aria-label": expanded.has("") ? t("action.collapseRow") : t("action.expandRow"),
+									onClick: () => {
+										toggle("");
+									},
+									children: expanded.has("") ? (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.IconChevronRightOutline14, { size: 14 })
+								}), (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: PendingPanel_module_css_default.treeName,
+									"data-diff-picker-select": "",
+									"aria-pressed": rootSelected,
+									disabled: rootPath === void 0,
+									onClick: () => {
+										setPath(rootPath ?? "");
+									},
+									children: [expanded.has("") ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpen16, {
+										size: 16,
+										className: PendingPanel_module_css_default.pickerIcon
+									}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, {
+										size: 16,
+										className: PendingPanel_module_css_default.pickerIcon
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: PendingPanel_module_css_default.pickerName,
+										children: t("panel.addRoot")
+									})]
+								})]
+							}), expanded.has("") ? levelRows("", 1, /* @__PURE__ */ new Set([""])) : null]
+						}),
+						(0, react_jsx_runtime.jsx)("p", {
+							className: PendingPanel_module_css_default.pickerNote,
+							children: t("panel.addHint")
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: PendingPanel_module_css_default.confirmActions,
+							children: [
+								(0, react_jsx_runtime.jsxs)("label", {
+									className: PendingPanel_module_css_default.pickerCheck,
+									children: [(0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										"data-diff-picker-unchanged": true,
+										checked: includeUnchanged,
+										onChange: (event) => {
+											setIncludeUnchanged(event.target.checked);
+										}
+									}), t("panel.addIncludeUnchanged")]
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: PendingPanel_module_css_default.action,
+									"data-diff-picker-cancel": true,
+									onClick: () => {
+										closeRef.current();
+									},
+									children: t("action.cancel")
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+									"data-diff-picker-submit": true,
+									disabled: busy || path.trim() === "",
+									onClick: () => {
+										submit();
+									},
+									children: t("panel.addPathGo")
+								})
+							]
+						}),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: PendingPanel_module_css_default.pickerClose,
+							"data-diff-picker-close": true,
+							"aria-label": t("action.close"),
+							onClick: () => {
+								closeRef.current();
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+						})
+					]
+				})
+			});
+		}
+		//#endregion
 		//#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/base.js
 		var Diff = class {
 			diff(oldStr, newStr, options = {}) {
@@ -625,25 +1158,91 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
-		* Split `text` into an array of lines, including the trailing newline character (where present)
-		*/
-		function splitLines$1(text) {
-			const hasTrailingNl = text.endsWith("\n");
-			const result = text.split("\n").map((line) => line + "\n");
-			if (hasTrailingNl) result.pop();
-			else result.push(result.pop().slice(0, -1));
-			return result;
-		}
-		//#endregion
-		//#region lib/types/client/whole-file-diff.js
-		/**
-		* Whole-file diff model for the pending review viewer: one unified row list
-		* over the complete old and new contents, so the viewer renders the entire
-		* file with changed lines marked and unchanged lines as context. Pure
-		* derivation; the panel owns rendering. The `diff` package is browser-safe.
-		* @module dsh-diff-approval/client/whole-file-diff
-		*/
-		/**
+		* Split `text` into an array of lines, including the trailing newline character (where present)
+		*/
+		function splitLines$1(text) {
+			const hasTrailingNl = text.endsWith("\n");
+			const result = text.split("\n").map((line) => line + "\n");
+			if (hasTrailingNl) result.pop();
+			else result.push(result.pop().slice(0, -1));
+			return result;
+		}
+		//#endregion
+		//#region lib/types/client/whole-file-diff.js
+		/**
+		* Whole-file diff model for the pending review viewer: one unified row list
+		* over the complete old and new contents, so the viewer renders the entire
+		* file with changed lines marked and unchanged lines as context. Pure
+		* derivation; the panel owns rendering. The `diff` package is browser-safe.
+		* @module dsh-diff-approval/client/whole-file-diff
+		*/
+		/** Split a row list into maximal runs of non-context rows. */
+		function changeBlocksOf(diff) {
+			const blocks = [];
+			let start = -1;
+			diff.rows.forEach((row, index) => {
+				if (row.kind !== "context") {
+					if (start === -1) start = index;
+				} else if (start !== -1) {
+					blocks.push({
+						start,
+						end: index - 1
+					});
+					start = -1;
+				}
+			});
+			if (start !== -1) blocks.push({
+				start,
+				end: diff.rows.length - 1
+			});
+			return blocks;
+		}
+		/**
+		* One diff block's old/new line ranges, 1-based inclusive, for block-level
+		* keep/revert. A side with no lines (a pure addition or deletion) is empty; its
+		* start is that side's insertion point — the line after the surrounding context
+		* — so the host can insert there.
+		*
+		* Shared by the source view and the Markdown preview: both derive blocks from
+		* the same rows, so a preview element and a source row name the same target.
+		* @param rows - the whole-file diff rows.
+		* @param block - the block's row range.
+		* @returns the old and new line ranges.
+		*/
+		function blockRangesOf(rows, block) {
+			let oldStart = Infinity;
+			let oldEnd = -Infinity;
+			let newStart = Infinity;
+			let newEnd = -Infinity;
+			for (let index = block.start; index <= block.end; index++) {
+				const row = rows[index];
+				if (row === void 0) continue;
+				if (row.oldLine !== void 0) {
+					oldStart = Math.min(oldStart, row.oldLine);
+					oldEnd = Math.max(oldEnd, row.oldLine);
+				}
+				if (row.newLine !== void 0) {
+					newStart = Math.min(newStart, row.newLine);
+					newEnd = Math.max(newEnd, row.newLine);
+				}
+			}
+			const before = rows[block.start - 1];
+			if (oldStart === Infinity) {
+				oldStart = (before?.oldLine ?? 0) + 1;
+				oldEnd = oldStart - 1;
+			}
+			if (newStart === Infinity) {
+				newStart = (before?.newLine ?? 0) + 1;
+				newEnd = newStart - 1;
+			}
+			return {
+				oldStart,
+				oldEnd,
+				newStart,
+				newEnd
+			};
+		}
+		/**
 		* Compute the whole-file view between two contents. The context budget is the
 		* side lengths, so every hunk covers the file and unchanged lines survive as
 		* context rows; the `` patch marker is annotation
@@ -5224,21 +5823,28 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		function computeDiffOf(oldText, newText) {
 			return computeWholeFileDiff(oldText, newText);
 		}
-		/** Group the whole-file diff rows into contiguous runs of the same kind. */
+		/** Group the whole-file diff rows into contiguous same-kind runs, tagged with
+		*  their change block (a run never spans two blocks: context separates them). */
 		function diffRuns(oldText, newText) {
 			const diff = computeDiffOf(oldText, newText);
+			const blockOfRow = /* @__PURE__ */ new Map();
+			changeBlocksOf(diff).forEach((block, index) => {
+				for (let row = block.start; row <= block.end; row++) blockOfRow.set(row, index);
+			});
 			const runs = [];
 			let current = null;
-			for (const row of diff.rows) {
+			diff.rows.forEach((row, index) => {
 				const kind = row.kind === "add" ? "add" : row.kind === "del" ? "del" : "context";
-				if (current === null || current.kind !== kind) {
+				const block = blockOfRow.get(index);
+				if (current === null || current.kind !== kind || current.block !== block) {
 					current = {
 						kind,
-						text: row.text
+						text: row.text,
+						block
 					};
 					runs.push(current);
 				} else current.text += `\n${row.text}`;
-			}
+			});
 			return runs;
 		}
 		/** Render one text run to sanitized HTML (Markdown). */
@@ -5291,9 +5897,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				add: wrapChanged(runs.add, "add")
 			};
 		}
-		/** One run rendered as a block carrying its diff-kind class. */
+		/** The change-block attributes one block-carrying run renders with; empty for
+		*  context, which belongs to no block and takes no keep/revert action. */
+		function blockAttrs(run) {
+			return run.block === void 0 ? "" : ` data-md-block="${run.block}" data-md-kind="${run.kind}"`;
+		}
+		/** One run rendered as a block carrying its diff-kind class and, for a changed
+		*  run, the change block it belongs to. */
 		function renderBlock(run) {
-			return `<div class="${run.kind === "add" ? "mdBlock mdAdd" : run.kind === "del" ? "mdBlock mdDel" : "mdBlock"}">${renderRun(run)}</div>`;
+			return `<div class="${run.kind === "add" ? "mdBlock mdAdd" : run.kind === "del" ? "mdBlock mdDel" : "mdBlock"}"${blockAttrs(run)}>${renderRun(run)}</div>`;
 		}
 		/**
 		* Pair the diff runs into aligned rows so a deletion and the addition that
@@ -5351,8 +5963,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			if (before !== void 0 && after !== void 0 && before.kind === "del" && after.kind === "add") {
 				const hl = wordHighlight(before.text, after.text);
 				if (hl !== void 0) {
-					beforeHtml = `<div class="mdBlock mdDel">${renderMarkdownInline(hl.del)}</div>`;
-					afterHtml = `<div class="mdBlock mdAdd">${renderMarkdownInline(hl.add)}</div>`;
+					beforeHtml = `<div class="mdBlock mdDel"${blockAttrs(before)}>${renderMarkdownInline(hl.del)}</div>`;
+					afterHtml = `<div class="mdBlock mdAdd"${blockAttrs(after)}>${renderMarkdownInline(hl.add)}</div>`;
 				}
 			}
 			return `<div class="mdDoubleRow"><div class="mdDoubleCol">${beforeHtml}</div><div class="mdDoubleRule"></div><div class="mdDoubleCol">${afterHtml}</div></div>`;
@@ -5448,6 +6060,51 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}
 		}
 		//#endregion
+		//#region lib/types/client/search.js
+		/**
+		* The in-file search matcher, shared by the unified diff and the split view so
+		* both highlight and count the same occurrences.
+		* @module dsh-diff-approval/client/search
+		*/
+		/** The plain search: case-insensitive, substring. */
+		const DEFAULT_SEARCH_OPTIONS = {
+			caseSensitive: false,
+			wholeWord: false
+		};
+		/**
+		* Whether `at` holds an identifier character (the ASCII set editors use), or
+		* false outside the string, so a match at either edge counts as a whole word.
+		* @param text - the searched line.
+		* @param at - the character index to test.
+		* @returns whether that position is part of a word.
+		*/
+		function isWordCharAt(text, at) {
+			if (at < 0 || at >= text.length) return false;
+			return /[A-Za-z0-9_]/.test(text.charAt(at));
+		}
+		/**
+		* Character ranges of every occurrence of `query` in `text` that the options
+		* accept. Case-insensitive and substring-based unless narrowed.
+		* @param text - the line to search.
+		* @param query - the search text; empty matches nothing.
+		* @param options - case and whole-word narrowing.
+		* @returns `[start, end)` ranges in ascending order.
+		*/
+		function matchRangesOf(text, query, options = DEFAULT_SEARCH_OPTIONS) {
+			if (query === "") return [];
+			const haystack = options.caseSensitive ? text : text.toLowerCase();
+			const needle = options.caseSensitive ? query : query.toLowerCase();
+			const out = [];
+			let from = 0;
+			for (;;) {
+				const at = haystack.indexOf(needle, from);
+				if (at === -1) return out;
+				const end = at + needle.length;
+				if (!options.wholeWord || !isWordCharAt(text, at - 1) && !isWordCharAt(text, end)) out.push([at, end]);
+				from = end;
+			}
+		}
+		//#endregion
 		//#region lib/types/client/split-diff.js
 		/**
 		* Side-by-side (split) diff model: the unified whole-file diff rows are
@@ -5553,23 +6210,23 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			};
 		}
 		/**
-		* Pair indices whose left or right text contains the query (case-insensitive).
-		* A pair counts once however many times the query appears, so split search
-		* highlights the whole pair on both columns and a single "current" pair is
-		* stepped through — not each individual left/right occurrence.
+		* Pair indices whose left or right text matches the query. A pair counts once
+		* however many times the query appears, so split search highlights the whole pair
+		* on both columns and a single "current" pair is stepped through — not each
+		* individual left/right occurrence.
 		* @param pairs - the split pairs.
 		* @param query - the query text; an empty query matches nothing.
+		* @param options - case and whole-word narrowing.
 		* @returns matching pair indices, in file order.
 		*/
-		function searchPairs(pairs, query) {
+		function searchPairs(pairs, query, options = DEFAULT_SEARCH_OPTIONS) {
 			if (query === "") return [];
-			const lower = query.toLowerCase();
 			const matches = [];
 			for (let index = 0; index < pairs.length; index++) {
 				const p = pairs[index];
 				if (p === void 0) continue;
-				if (p.left !== void 0 && p.left.text.toLowerCase().includes(lower)) matches.push(index);
-				else if (p.right !== void 0 && p.right.text.toLowerCase().includes(lower)) matches.push(index);
+				if (p.left !== void 0 && matchRangesOf(p.left.text, query, options).length > 0) matches.push(index);
+				else if (p.right !== void 0 && matchRangesOf(p.right.text, query, options).length > 0) matches.push(index);
 			}
 			return matches;
 		}
@@ -16182,31 +16839,25 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/**
 		* Tokenize guards: the viewer must never let the synchronous JS-regex engine
 		* block the main thread on a hostile file. Lines above the length cap are
-		* returned plain by shiki, the per-line budget caps a single pathological
-		* line, and whole files above the size/line caps skip highlighting entirely
-		* (the diff still shows its added/deleted coloring). Company-workload files
-		* (generated bundles, minified output, huge data dumps) otherwise stall the
-		* tab for tens of seconds and can OOM it.
+		* returned plain by shiki, the per-line budget caps a single pathological line,
+		* and a window whose own text is enormous degrades to plain. Windows are what
+		* keeps this bounded in the first place — the viewer never tokenizes more than
+		* the lines it is about to show (see the windowed highlight hook), so a huge
+		* file is no longer skipped wholesale: it is highlighted a screen at a time.
 		*/
 		const MAX_LINE_LENGTH = 2e3;
 		const TOKENIZE_TIME_LIMIT_MS = 100;
-		const MAX_HIGHLIGHT_CHARS = 3e5;
-		const MAX_HIGHLIGHT_LINES = 1e4;
+		const MAX_WINDOW_CHARS = 5e5;
 		/**
-		* Bounded tokenize cache keyed by the code string: reselecting a recently
-		* viewed file (or a file whose content reference reappears) reuses the runs
-		* instead of re-running the engine. Insertion-ordered, so the oldest entry is
-		* evicted first; 16 codes bounds both memory and the eviction cost.
+		* Bounded tokenize cache keyed by the window's own text and language: scrolling
+		* back over a window that was just highlighted reuses its runs instead of
+		* re-running the engine. Insertion-ordered, so the oldest entry is evicted first;
+		* 24 entries bounds both memory and the eviction cost. Windows highlighted from a
+		* saved grammar state are not cached (the state is opaque, so it cannot be part
+		* of the key).
 		*/
-		const TOKENIZE_CACHE_MAX = 16;
+		const TOKENIZE_CACHE_MAX = 24;
 		const tokenizeCache = /* @__PURE__ */ new Map();
-		/** Whether `code` is too large to highlight safely (short-circuits fast). */
-		function tooLargeToHighlight(code) {
-			if (code.length > MAX_HIGHLIGHT_CHARS) return true;
-			let newlines = 0;
-			for (let index = 0; index < code.length; index++) if (code.charCodeAt(index) === 10 && ++newlines > MAX_HIGHLIGHT_LINES) return true;
-			return false;
-		}
 		/** All grammars this bundle registers; each entry's own `name` is the tokenize id. */
 		const LANGS = [
 			c_default,
@@ -16347,43 +16998,316 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			highlighter();
 		}, 0).unref?.();
 		/**
-		* Tokenize `code` into per-line highlighted runs when `lang` names a
-		* registered grammar; `undefined` means the caller renders its plain fallback.
-		* Each run's color is a `--shiki-*` custom property, keeping token colors on
-		* the harness theme's sheets. The trailing newline shiki appends as a final
-		* empty line is dropped so the run count matches the caller's own line array.
-		* @param code - the source text.
+		* Tokenize the lines `[from, to)` into per-line highlighted runs when `lang`
+		* names a registered grammar; `undefined` means the caller renders its plain
+		* fallback. Each run's color is a `--shiki-*` custom property, keeping token
+		* colors on the harness theme's sheets. The trailing newline shiki appends as a
+		* final empty line is dropped so the run count matches the caller's own array.
+		*
+		* This is the viewer's only entry point, and it is deliberately windowed: the
+		* code view renders a virtual window of rows, so highlighting a whole file to
+		* show one screenful is almost all waste (measured on a 3818-line file: ~945 ms
+		* for both sides whole-file against ~8 ms for one window). A window is continued
+		* *exactly* from a previous one's `state`, or approximately from `context` lines
+		* when no state is known yet — which is what lets a jump straight to the middle
+		* of a file colour correctly without tokenizing anything above it.
+		* @param lines - the side's lines, indexed from 0 as the caller's line numbers are.
 		* @param lang - the Shiki grammar id, or `undefined` for plain text.
-		* @returns one entry per source line (each an array of runs), or `undefined` when unhighlightable.
+		* @param from - the first line index to highlight (inclusive, clamped).
+		* @param to - one past the last line index to highlight (clamped).
+		* @param options - the grammar state to resume from and/or context lines for the grammar.
+		* @returns the window's runs and its end state, or `undefined` when the language
+		*   is unknown, the range is empty, or the window's own text is too large.
 		*/
-		function highlightLines(code, lang) {
-			if (lang === void 0 || code === "") return void 0;
+		function highlightWindow(lines, lang, from, to, options = {}) {
+			if (lang === void 0) return void 0;
 			if (!highlighter().getLoadedLanguages().includes(lang)) return void 0;
-			if (tooLargeToHighlight(code)) return void 0;
-			const cached = tokenizeCache.get(code)?.get(lang);
-			if (cached !== void 0) return cached;
-			const { tokens } = highlighter().codeToTokens(code, {
+			const start = Math.max(0, Math.min(from, lines.length));
+			const end = Math.max(start, Math.min(to, lines.length));
+			if (end === start) return void 0;
+			const context = options.state === void 0 ? Math.max(0, options.context ?? 0) : 0;
+			const contextFrom = Math.max(0, start - context);
+			const text = lines.slice(contextFrom, end).join("\n");
+			if (text.length > MAX_WINDOW_CHARS) return void 0;
+			const spans = end - start;
+			const cacheKey = options.state === void 0 ? `${lang}\u0000${contextFrom}\u0000${text}` : void 0;
+			const cached = cacheKey === void 0 ? void 0 : tokenizeCache.get(cacheKey);
+			if (cached !== void 0 && cached.length === spans) return {
+				runs: cached,
+				state: void 0
+			};
+			const { tokens, grammarState } = highlighter().codeToTokens(text, {
 				lang,
 				theme: "css-variables",
 				tokenizeTimeLimit: TOKENIZE_TIME_LIMIT_MS,
-				tokenizeMaxLineLength: MAX_LINE_LENGTH
+				tokenizeMaxLineLength: MAX_LINE_LENGTH,
+				...options.state === void 0 ? {} : { grammarState: options.state }
 			});
-			const last = tokens[tokens.length - 1];
-			const runs = (tokens.length > 1 && last !== void 0 && last.length === 0 ? tokens.slice(0, -1) : tokens).map((line) => line.map((token) => ({
+			const runs = tokens.slice(start - contextFrom).map((line) => line.map((token) => ({
 				text: token.content,
 				style: { color: token.color }
 			})));
-			let byLang = tokenizeCache.get(code);
-			if (byLang === void 0) {
+			if (cacheKey !== void 0) {
 				if (tokenizeCache.size >= TOKENIZE_CACHE_MAX) {
 					const oldest = tokenizeCache.keys().next().value;
 					if (oldest !== void 0) tokenizeCache.delete(oldest);
 				}
-				byLang = /* @__PURE__ */ new Map();
-				tokenizeCache.set(code, byLang);
+				tokenizeCache.set(cacheKey, runs);
 			}
-			byLang.set(lang, runs);
-			return runs;
+			return {
+				runs,
+				state: grammarState
+			};
+		}
+		//#endregion
+		//#region lib/types/client/windowed-highlight.js
+		/**
+		* Windowed syntax highlighting for the diff viewer.
+		*
+		* The code view renders a virtual window of rows, so the viewer only ever needs
+		* the colors of the lines near the viewport. Highlighting a whole file to show
+		* one screenful is almost all waste — measured on a 3818-line file, the two
+		* sides whole-file cost ~945 ms of main-thread time against ~8 ms for one window
+		* — so this hook keeps a per-side store of highlighted lines and fills it:
+		*
+		* 1. **The window first.** Whenever the visible line range changes, the lines
+		*    that are missing are highlighted (with a margin either side, debounced, so a
+		*    fast scroll computes the window it lands on instead of every window it
+		*    passes). A window with no state yet gets `context` lines above it so a
+		*    construct that started earlier still colours correctly.
+		* 2. **Already-highlighted lines are kept.** Scrolling back, or nudging the
+		*    window by a few rows, finds the lines present and does no work at all.
+		* 3. **An idle backfill** walks the file top-down in chunks when the pane reports
+		*    a real viewport, recording the exact grammar state at each chunk boundary.
+		*    Windows inside a backfilled region then resume exactly (no context guess),
+		*    and a random scroll position is coloured before the user gets there.
+		*
+		* Lines that have never been highlighted are holes in the returned arrays: the
+		* viewer renders them plain, which is the honest state of the work done so far.
+		* @module dsh-diff-approval/client/windowed-highlight
+		*/
+		/** Lines either side of the visible window to highlight, so a small scroll reuses
+		*  what is already there instead of starting a new pass. */
+		const WINDOW_MARGIN_LINES = 40;
+		/** Ceiling on one pass. A huge viewport (or a pane that reports no viewport at
+		*  all, where the virtual window falls back to the whole file) must not turn one
+		*  pass into a whole-file tokenize. */
+		const MAX_WINDOW_LINES = 400;
+		/** Lines above a window that only inform the grammar when no state is saved. */
+		const CONTEXT_LINES = 40;
+		/** A window pass waits this long, so scrolling computes where it lands, not every
+		*  window it crosses (a crossed window costs ~8 ms, a swept file ~1.3 s). */
+		const DEBOUNCE_MS = 90;
+		/** How much of the file the idle backfill tokenizes per step. */
+		const BACKFILL_CHUNK_LINES = 400;
+		/** Where the idle backfill stops, per side. A few screens ahead is where the
+		*  payoff is; past that the window pass colours whatever is looked at anyway, and
+		*  a huge file must not churn in the background indefinitely. */
+		const BACKFILL_MAX_LINES = 6e3;
+		/** Idle delay before the backfill's next chunk (also its `requestIdleCallback`
+		*  timeout, so a busy page still makes progress). */
+		const BACKFILL_DELAY_MS = 120;
+		function emptySide() {
+			return {
+				runs: [],
+				states: /* @__PURE__ */ new Map(),
+				filled: 0
+			};
+		}
+		function emptyStore(key) {
+			return {
+				key,
+				old: emptySide(),
+				new: emptySide()
+			};
+		}
+		/** The greatest saved state at or before `line`, or undefined when the file's own
+		*  top is the only known state. States are only written at chunk boundaries, so
+		*  the map stays tiny; the scan is over those, never over the file. */
+		function stateAt(side, line) {
+			let best = -1;
+			let state;
+			for (const [at, value] of side.states) if (at <= line && at > best) {
+				best = at;
+				state = value;
+			}
+			return state;
+		}
+		/**
+		* Whether every line of `[from, to)` already has runs.
+		* @param side - the side's store.
+		* @param from - first line index.
+		* @param to - one past the last line index.
+		* @returns whether the range is fully covered.
+		*/
+		function covered(side, from, to) {
+			for (let line = from; line < to; line++) if (side.runs[line] === void 0) return false;
+			return true;
+		}
+		/**
+		* Highlight one side's line range into its store, resuming exactly from any saved
+		* state at or above it (and from context lines when there is none).
+		* @param side - the side's store.
+		* @param lines - the side's lines.
+		* @param lang - the grammar id.
+		* @param from - first line index.
+		* @param to - one past the last line index.
+		* @returns whether anything was written.
+		*/
+		function fill(side, lines, lang, from, to) {
+			let start = Math.max(0, Math.min(from, lines.length));
+			let end = Math.max(0, Math.min(to, lines.length));
+			if (end <= start) return false;
+			while (start < end && side.runs[start] !== void 0) start++;
+			while (end > start && side.runs[end - 1] !== void 0) end--;
+			if (end <= start) return false;
+			const state = stateAt(side, start);
+			const result = highlightWindow(lines, lang, start, end, { ...state === void 0 ? { context: CONTEXT_LINES } : { state } });
+			if (result === void 0) return false;
+			result.runs.forEach((runs, index) => {
+				side.runs[start + index] = runs;
+			});
+			side.states.set(end, result.state);
+			return true;
+		}
+		/**
+		* Keep syntax highlighting for the pane's visible window, plus (with a live
+		* viewport) an idle top-down backfill of the rest.
+		* @param input - the file's lines, language, and the visible line ranges.
+		* @returns the runs per side, indexed by line - 1, with holes for unhighlighted lines.
+		*/
+		function useWindowedHighlight(input) {
+			const storeRef = (0, react.useRef)(emptyStore(input.key));
+			const [sides, setSides] = (0, react.useState)({
+				oldRuns: [],
+				newRuns: []
+			});
+			const windowPendingRef = (0, react.useRef)(false);
+			const publish = () => {
+				const store = storeRef.current;
+				setSides({
+					oldRuns: [...store.old.runs],
+					newRuns: [...store.new.runs]
+				});
+			};
+			(0, react.useEffect)(() => {
+				if (Object.is(storeRef.current.key, input.key)) return;
+				storeRef.current = emptyStore(input.key);
+				setSides({
+					oldRuns: [],
+					newRuns: []
+				});
+			}, [input.key]);
+			const { oldLines, newLines, lang, oldRange, newRange, live } = input;
+			const oldFrom = oldRange?.from;
+			const oldTo = oldRange?.to;
+			const newFrom = newRange?.from;
+			const newTo = newRange?.to;
+			(0, react.useEffect)(() => {
+				const store = storeRef.current;
+				if (!Object.is(store.key, input.key)) return;
+				const pending = [{
+					side: store.old,
+					lines: oldLines,
+					range: oldRange
+				}, {
+					side: store.new,
+					lines: newLines,
+					range: newRange
+				}].filter(({ side, lines, range }) => {
+					if (range === void 0) return false;
+					return !covered(side, Math.max(0, range.from - 1), Math.min(lines.length, range.to));
+				});
+				if (pending.length === 0) {
+					windowPendingRef.current = false;
+					return;
+				}
+				windowPendingRef.current = true;
+				const first = store.old.runs.length === 0 && store.new.runs.length === 0;
+				const timer = window.setTimeout(() => {
+					windowPendingRef.current = false;
+					if (!Object.is(storeRef.current.key, input.key)) return;
+					let wrote = false;
+					for (const { side, lines, range } of pending) {
+						if (range === void 0) continue;
+						const visibleFrom = Math.max(0, range.from - 1);
+						const visibleTo = Math.min(lines.length, range.to);
+						const from = Math.max(0, visibleFrom - WINDOW_MARGIN_LINES);
+						const to = Math.min(lines.length, visibleTo + WINDOW_MARGIN_LINES, from + MAX_WINDOW_LINES);
+						wrote = fill(side, lines, lang, from, to) || wrote;
+					}
+					if (wrote) publish();
+				}, first ? 0 : DEBOUNCE_MS);
+				return () => {
+					window.clearTimeout(timer);
+					windowPendingRef.current = false;
+				};
+			}, [
+				input.key,
+				oldLines,
+				newLines,
+				lang,
+				oldFrom,
+				oldTo,
+				newFrom,
+				newTo,
+				oldRange,
+				newRange
+			]);
+			(0, react.useEffect)(() => {
+				if (!live) return;
+				let cancelled = false;
+				let timer;
+				let idleHandle;
+				const requestIdle = window.requestIdleCallback;
+				const step = () => {
+					if (cancelled || windowPendingRef.current) {
+						schedule();
+						return;
+					}
+					const store = storeRef.current;
+					if (!Object.is(store.key, input.key)) return;
+					const next = [{
+						side: store.old,
+						lines: oldLines
+					}, {
+						side: store.new,
+						lines: newLines
+					}].sort((a, b) => a.side.filled / (a.lines.length || 1) - b.side.filled / (b.lines.length || 1)).find(({ side, lines }) => side.filled < Math.min(lines.length, BACKFILL_MAX_LINES));
+					if (next === void 0) return;
+					const to = Math.min(next.lines.length, next.side.filled + BACKFILL_CHUNK_LINES, BACKFILL_MAX_LINES);
+					const state = stateAt(next.side, next.side.filled);
+					const result = highlightWindow(next.lines, lang, next.side.filled, to, { state });
+					if (result !== void 0) {
+						result.runs.forEach((runs, index) => {
+							next.side.runs[next.side.filled + index] = runs;
+						});
+						next.side.states.set(to, result.state);
+						next.side.filled = to;
+						publish();
+					} else next.side.filled = to;
+					schedule();
+				};
+				const schedule = () => {
+					if (cancelled) return;
+					if (requestIdle !== void 0) idleHandle = requestIdle(step, { timeout: BACKFILL_DELAY_MS });
+					else timer = window.setTimeout(step, BACKFILL_DELAY_MS);
+				};
+				schedule();
+				return () => {
+					cancelled = true;
+					if (timer !== void 0) window.clearTimeout(timer);
+					const cancelIdle = window.cancelIdleCallback;
+					if (idleHandle !== void 0 && cancelIdle !== void 0) cancelIdle(idleHandle);
+				};
+			}, [
+				input.key,
+				live,
+				oldLines,
+				newLines,
+				lang
+			]);
+			return sides;
 		}
 		//#endregion
 		//#region lib/types/client/lang.js
@@ -16442,10 +17366,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		* @returns the language id, or `undefined` when unknown.
 		*/
 		function langFromPath(path) {
-			const match = /\.([^./\\]+)$/.exec(path);
-			if (match === null) return void 0;
-			const extension = match[1];
-			return extension === void 0 ? void 0 : EXTENSION_LANGS[extension.toLowerCase()];
+			const suffix = suffixOfPath(path);
+			return suffix === void 0 ? void 0 : EXTENSION_LANGS[suffix];
+		}
+		/**
+		* The lowercase extension of a file path, without the dot — the key a manual
+		* language choice is remembered under. A name with no dot has no suffix, so a
+		* per-suffix preference never leaks onto every extension-less file at once.
+		* @param path - the file path, any separator style.
+		* @returns the suffix, or `undefined` when the name carries none.
+		*/
+		function suffixOfPath(path) {
+			const suffix = /\.([^./\\]+)$/.exec(path)?.[1];
+			return suffix === void 0 || suffix === "" ? void 0 : suffix.toLowerCase();
 		}
 		//#endregion
 		//#region lib/types/client/reference.js
@@ -16697,6 +17630,9 @@ 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 CONFIRM_FILE_REMOVE_KEY = "diff-approval:confirm-file-remove";
+		const SEARCH_CASE_KEY = "diff-approval:search-case";
+		const SEARCH_WORD_KEY = "diff-approval:search-word";
 		const TAB_WIDTH_KEY = "diff-approval:tab-size";
 		const SPLIT_MODE_KEY = "diff-approval:split-mode";
 		const MD_PREVIEW_KEY = "diff-approval:md-preview";
@@ -16706,6 +17642,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		const DIFF_LINE_HEIGHT_KEY = "diff-approval:diff-line-height";
 		const DIFF_ADD_COLOR_KEY = "diff-approval:diff-add-color";
 		const DIFF_DEL_COLOR_KEY = "diff-approval:diff-del-color";
+		const LANG_BY_SUFFIX_KEY = "diff-approval:lang-by-suffix";
 		const WRAP_PREFIX = "diff-approval:wrap:";
 		const MD_MAX_WIDTH_MAX = 1600;
 		/**
@@ -16735,374 +17672,289 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			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));
-		}
-		/**
-		* The diff code font size as a percentage of the current (theme) size. Defaults
-		* to 100 (the current look); the settings UI steps it by ±10.
-		* @returns the font-size scale, as a percentage (e.g. 100, 110, 90).
-		*/
-		function diffFontScale() {
-			const raw = Number.parseInt(localStorage.getItem(DIFF_FONT_SCALE_KEY) ?? "", 10);
-			if (!Number.isFinite(raw)) return 100;
-			return Math.max(50, Math.min(200, raw));
-		}
-		/** Persist the diff's code font-size scale (a percentage). */
-		function setDiffFontScale(value) {
-			localStorage.setItem(DIFF_FONT_SCALE_KEY, String(Math.max(50, Math.min(200, value))));
-		}
-		/**
-		* The diff code line height in px (the fixed row height the virtual window and
-		* jump math are keyed to). Defaults to 22 (the pre-customization value).
-		* @returns the line height in px.
-		*/
-		function diffLineHeight() {
-			const raw = Number.parseInt(localStorage.getItem(DIFF_LINE_HEIGHT_KEY) ?? "", 10);
-			if (!Number.isFinite(raw)) return 22;
-			return Math.max(10, Math.min(36, raw));
-		}
-		/** Persist the diff's code line height (px). */
-		function setDiffLineHeight(value) {
-			localStorage.setItem(DIFF_LINE_HEIGHT_KEY, String(Math.max(10, Math.min(36, value))));
-		}
-		/** Read a theme CSS custom property, with a fallback when it is unavailable. */
-		function themeColor(name, fallback) {
-			if (typeof document !== "undefined") {
-				const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
-				if (/^#[0-9a-f]{6}$/i.test(v)) return v;
-			}
-			return fallback;
-		}
-		/** The added-line base color the user chose, or `undefined` (theme color). */
-		function diffAddColor() {
-			const v = localStorage.getItem(DIFF_ADD_COLOR_KEY);
-			return v !== null && v.length > 0 ? v : void 0;
-		}
-		/** Persist the added-line base color (a hex like `#22c55e`). */
-		function setDiffAddColor(value) {
-			localStorage.setItem(DIFF_ADD_COLOR_KEY, value);
-		}
-		/** The removed-line base color the user chose, or `undefined` (theme color). */
-		function diffDelColor() {
-			const v = localStorage.getItem(DIFF_DEL_COLOR_KEY);
-			return v !== null && v.length > 0 ? v : void 0;
-		}
-		/** Persist the removed-line base color (a hex like `#ef4444`). */
-		function setDiffDelColor(value) {
-			localStorage.setItem(DIFF_DEL_COLOR_KEY, value);
-		}
-		/** The theme's added-line base color, for the settings swatch default. */
-		function currentDiffAddColor() {
-			return themeColor("--dsw-alias-state-success-primary", "#22c55e");
-		}
-		/** The theme's removed-line base color, for the settings swatch default. */
-		function currentDiffDelColor() {
-			return themeColor("--dsw-alias-state-error-primary", "#ef4444");
-		}
-		/**
-		* Whether the whole-file diff view uses the two-column (side-by-side) layout.
-		* Default off (single column): the unified diff. Only an explicit `'1'` enables
-		* split mode.
-		* @returns whether the split (two-column) diff view is used.
+		* Whether a whole-file keep/revert asks before dropping the resolved file from
+		* the list. Defaults to on; only an explicit `'0'` disables it, which then
+		* removes the file straight away.
+		* @returns whether the remove prompt is enabled.
 		*/
-		function splitMode() {
-			return localStorage.getItem(SPLIT_MODE_KEY) === "1";
+		function confirmFileRemoveEnabled() {
+			return localStorage.getItem(CONFIRM_FILE_REMOVE_KEY) !== "0";
 		}
-		/** Persist the split-view preference. */
-		function setSplitMode(value) {
-			localStorage.setItem(SPLIT_MODE_KEY, value ? "1" : "0");
+		/** Persist the whole-file remove-prompt preference. */
+		function setConfirmFileRemoveEnabled(value) {
+			localStorage.setItem(CONFIRM_FILE_REMOVE_KEY, value ? "1" : "0");
 		}
 		/**
-		* Whether the rendered Markdown preview is shown by default (for Markdown files).
-		* Default off: the source diff is shown unless the panel toggle is used. Only an
-		* explicit `'1'` enables the preview default.
-		* @returns whether the Markdown preview default is enabled.
+		* Whether the in-file search matches letter case exactly. Defaults to off, so a
+		* plain query keeps matching either case; only an explicit `'1'` turns it on.
+		* @returns whether the search is case-sensitive.
 		*/
-		function mdPreviewEnabled() {
-			return localStorage.getItem(MD_PREVIEW_KEY) === "1";
+		function searchCaseSensitive() {
+			return localStorage.getItem(SEARCH_CASE_KEY) === "1";
 		}
-		/** Persist the Markdown-preview default preference. */
-		function setMdPreviewEnabled(value) {
-			localStorage.setItem(MD_PREVIEW_KEY, value ? "1" : "0");
+		/** Persist the search case-sensitivity preference. */
+		function setSearchCaseSensitive(value) {
+			localStorage.setItem(SEARCH_CASE_KEY, value ? "1" : "0");
 		}
 		/**
-		* The Markdown-preview content max width, in pixels (single column). Defaults to
-		* 800; the double-column view totals 2x this. An out-of-range or non-integer
-		* value falls back to the default.
-		* @returns the max width in pixels.
+		* Whether the in-file search only matches whole words. Defaults to off; only an
+		* explicit `'1'` enables it.
+		* @returns whether the search matches whole words only.
 		*/
-		function mdMaxWidth() {
-			const raw = Number.parseInt(localStorage.getItem(MD_MAX_WIDTH_KEY) ?? "", 10);
-			if (!Number.isInteger(raw)) return 800;
-			return Math.max(480, Math.min(MD_MAX_WIDTH_MAX, raw));
+		function searchWholeWord() {
+			return localStorage.getItem(SEARCH_WORD_KEY) === "1";
 		}
-		/** Persist the Markdown-preview content max width. */
-		function setMdMaxWidth(value) {
-			localStorage.setItem(MD_MAX_WIDTH_KEY, String(Math.max(480, Math.min(MD_MAX_WIDTH_MAX, value))));
+		/** Persist the search whole-word preference. */
+		function setSearchWholeWord(value) {
+			localStorage.setItem(SEARCH_WORD_KEY, value ? "1" : "0");
 		}
 		/**
-		* How many rows of lead the diff block jump leaves above the jumped-to block,
-		* and how far the anchored navigation scans. Defaults to 2; an out-of-range or
-		* non-integer value falls back to the default.
-		* @returns the lead row count.
-		*/
-		function navLeadRows() {
-			const raw = Number.parseInt(localStorage.getItem(NAV_LEAD_KEY) ?? "", 10);
-			if (!Number.isInteger(raw)) return 2;
-			return Math.max(0, Math.min(10, raw));
+		* 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 block-jump lead row count. */
-		function setNavLeadRows(value) {
-			localStorage.setItem(NAV_LEAD_KEY, String(Math.max(0, Math.min(10, value))));
+		/** Persist the per-language auto-wrap preference. */
+		function setWrapEnabled(lang, value) {
+			localStorage.setItem(`${WRAP_PREFIX}${lang}`, value ? "1" : "0");
 		}
-		const QUICK_SUMMON_KEY = "diff-approval:quick-summon-key";
 		/**
-		* The quick-summon chord. Stored as `Modifier+...+Key`; falls back to
-		* {@link DEFAULT_QUICK_SUMMON}.
-		* @returns the chord string.
+		* 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 quickSummonKey() {
-			return localStorage.getItem(QUICK_SUMMON_KEY) ?? "Ctrl+D";
+		function tabWidth() {
+			const value = Number.parseInt(localStorage.getItem(TAB_WIDTH_KEY) ?? "", 10);
+			return Number.isInteger(value) && value > 0 ? value : 4;
 		}
-		/** Persist the quick-summon chord. */
-		function setQuickSummonKey(value) {
-			localStorage.setItem(QUICK_SUMMON_KEY, value);
+		/** Persist the diff's tab width (in spaces). */
+		function setTabWidth(value) {
+			localStorage.setItem(TAB_WIDTH_KEY, String(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] ?? "";
+		/**
+		* The diff code font size as a percentage of the current (theme) size. Defaults
+		* to 100 (the current look); the settings UI steps it by ±10.
+		* @returns the font-size scale, as a percentage (e.g. 100, 110, 90).
+		*/
+		function diffFontScale() {
+			const raw = Number.parseInt(localStorage.getItem(DIFF_FONT_SCALE_KEY) ?? "", 10);
+			if (!Number.isFinite(raw)) return 100;
+			return Math.max(50, Math.min(200, raw));
 		}
-		/** Persist one action's chord. */
-		function setKeybinding(action, chord) {
-			localStorage.setItem(`${KEY_PREFIX}${action}`, chord);
+		/** Persist the diff's code font-size scale (a percentage). */
+		function setDiffFontScale(value) {
+			localStorage.setItem(DIFF_FONT_SCALE_KEY, String(Math.max(50, Math.min(200, value))));
 		}
 		/**
-		* Whether a keyboard event matches a chord string like `Ctrl+D`. Modifier
-		* names are matched case-insensitively (`Ctrl`/`Control`, `Alt`/`Option`,
-		* `Shift`, `Meta`/`Cmd`/`Command`/`Win`); the final part is the key. Exact
-		* modifier set is required (extra modifiers do not match).
-		* @param event - the keydown event.
-		* @param shortcut - the chord string.
-		* @returns whether the event matches.
+		* The diff code line height in px (the fixed row height the virtual window and
+		* jump math are keyed to). Defaults to 22 (the pre-customization value).
+		* @returns the line height in px.
 		*/
-		function matchesShortcut(event, shortcut) {
-			const parts = shortcut.split("+").map((part) => part.trim().toLowerCase());
-			const key = parts.pop();
-			if (key === void 0 || key === "") return false;
-			const mods = new Set(parts);
-			const ctrl = mods.has("ctrl") || mods.has("control");
-			const alt = mods.has("alt") || mods.has("option");
-			const shift = mods.has("shift");
-			const meta = mods.has("meta") || mods.has("cmd") || mods.has("command") || mods.has("win");
-			return event.key.toLowerCase() === key && event.ctrlKey === ctrl && event.altKey === alt && event.shiftKey === shift && event.metaKey === meta;
+		function diffLineHeight() {
+			const raw = Number.parseInt(localStorage.getItem(DIFF_LINE_HEIGHT_KEY) ?? "", 10);
+			if (!Number.isFinite(raw)) return 22;
+			return Math.max(10, Math.min(36, raw));
 		}
-		//#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_settingsGroup{border-bottom:1px solid var(--dsw-alias-border-l2);margin-top:8px}.F1KBNa_settingsGroupHeader{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:12px 0;display:flex}.F1KBNa_settingsGroupText{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.F1KBNa_settingsGroupTitle{font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsGroupDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsGroupChevron{margin-left:auto;transition:transform .15s}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupChevron{transform:rotate(180deg)}.F1KBNa_settingsGroup[data-open] .F1KBNa_settingsGroupHeader{border-bottom:1px solid var(--dsw-alias-border-l2)}.F1KBNa_settingsGroupBody{flex-direction:column;display:flex}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow{padding-left:16px}.F1KBNa_settingsGroupBody .F1KBNa_settingsRow:last-child,.F1KBNa_settingsPage>.F1KBNa_settingsRow:last-child{border-bottom:none}.F1KBNa_settingsRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.F1KBNa_settingsRowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.F1KBNa_settingsRowTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.F1KBNa_settingsRowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.F1KBNa_settingsSelector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.F1KBNa_settingsSelector:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_settingsSelectorChevron{flex:none}.F1KBNa_colorPicker{position:relative}.F1KBNa_colorPickerTrigger{background:var(--dsw-alias-bg-module-platform);width:120px;height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_colorPickerTrigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_colorSwatch{border:1px solid var(--dsw-alias-border-l2);border-radius:50%;flex:none;width:24px;height:24px}.F1KBNa_colorValue{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.F1KBNa_colorPickerChevron{flex:none}.F1KBNa_colorBackdrop{z-index:40;position:fixed;inset:0}.F1KBNa_colorPickerPopover{z-index:41;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);right:0}.F1KBNa_colorPickerPanel{flex-direction:column;gap:8px;display:flex}.F1KBNa_colorPickerInputRow{align-items:center;gap:8px;display:flex}.F1KBNa_colorPickerPreview{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;flex:none;width:22px;height:22px}.F1KBNa_colorPickerInput{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-module-platform);min-width:0;height:30px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 8px;font-size:12px;line-height:28px}.F1KBNa_colorPickerInput:focus{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-1px}.F1KBNa_colorSv{border:1px solid var(--dsw-alias-border-l1);cursor:crosshair;touch-action:none;border-radius:8px;height:140px;position:relative}.F1KBNa_colorSvCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_colorHue{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;touch-action:none;border-radius:7px;height:14px;position:relative}.F1KBNa_colorHueCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.F1KBNa_diffPreview{z-index:2;border:1px solid var(--dsw-alias-border-l1);font:var(--dsw-font-markdown-code-block);background:var(--dsw-alias-markdown-code-block);border-radius:8px;margin-bottom:8px;padding:8px;position:sticky;top:0;overflow:hidden}.F1KBNa_diffPreviewTitle{color:var(--dsw-alias-label-tertiary);margin-bottom:6px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_diffPreviewScroll{height:132px;overflow-y:auto}.F1KBNa_mdPreviewWrap{flex:1;min-width:0;min-height:0;display:flex;position:relative}.F1KBNa_mdPreviewBody{min-width:0;min-height:0;color:var(--dsw-alias-label-primary);flex:1;padding:12px 16px;position:relative;overflow:auto}.F1KBNa_mdPreviewContent{width:100%;min-width:0;margin:0 auto}.F1KBNa_mdPreviewSingle{display:block}.F1KBNa_mdPreviewDouble{display:flex}.F1KBNa_mdPreviewBody .mdBlock{border-radius:4px;margin-bottom:12px;padding:2px 6px}.F1KBNa_mdPreviewBody .mdAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_mdPreviewBody .mdDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_mdPreviewBody .mdWordDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 34%, transparent);border-radius:2px;padding:0 1px}.F1KBNa_mdPreviewBody .mdWordAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 34%, transparent);border-radius:2px;padding:0 1px}.F1KBNa_mdPreviewBody .mdDouble{flex-direction:column;width:100%;min-width:0;display:flex}.F1KBNa_mdPreviewBody .mdDoubleRow{align-items:flex-start;width:100%;min-width:0;display:flex}.F1KBNa_mdPreviewBody .mdDoubleCol{flex:1;min-width:0}.F1KBNa_mdPreviewBody .mdDoubleRule{background:var(--dsw-alias-border-l2);flex:none;align-self:stretch;width:1px;margin:0 12px}.F1KBNa_mdPreviewFallback{font-family:var(--dsw-font-markdown-code-block);color:var(--dsw-alias-label-tertiary);padding:12px 16px;font-size:12px;line-height:18px}.F1KBNa_mdPreviewBody{word-break:break-word;font-size:13px;line-height:20px}.F1KBNa_mdPreviewBody>:first-child{margin-top:0}.F1KBNa_mdPreviewBody>:last-child{margin-bottom:0}.F1KBNa_mdPreviewBody h1,.F1KBNa_mdPreviewBody h2,.F1KBNa_mdPreviewBody h3,.F1KBNa_mdPreviewBody h4,.F1KBNa_mdPreviewBody h5,.F1KBNa_mdPreviewBody h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.F1KBNa_mdPreviewBody h1{font-size:22px}.F1KBNa_mdPreviewBody h2{font-size:19px}.F1KBNa_mdPreviewBody h3{font-size:16px}.F1KBNa_mdPreviewBody h4{font-size:15px}.F1KBNa_mdPreviewBody h5{font-size:14px}.F1KBNa_mdPreviewBody h6{font-size:13px}.F1KBNa_mdPreviewBody p{margin:8px 0}.F1KBNa_mdPreviewBody ul,.F1KBNa_mdPreviewBody ol{margin:8px 0;padding-left:22px}.F1KBNa_mdPreviewBody li{margin:2px 0}.F1KBNa_mdPreviewBody a{color:var(--dsw-alias-state-business-primary);text-decoration:none}.F1KBNa_mdPreviewBody a:hover{text-decoration:underline}.F1KBNa_mdPreviewBody code{font-family:var(--dsw-font-markdown-code-block);background:#9e9e9e40;border-radius:4px;padding:1px 5px;font-size:12.5px}.F1KBNa_mdPreviewBody pre{border:1px solid var(--dsw-alias-border-l1);font-family:var(--dsw-font-markdown-code-block);background:#9e9e9e40;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:12.5px;line-height:18px;overflow:auto}.F1KBNa_mdPreviewBody pre code{background:0 0;padding:0}.F1KBNa_mdPreviewBody blockquote{border-left:3px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);margin:8px 0;padding:0 12px}.F1KBNa_mdPreviewBody hr{background:var(--dsw-alias-border-l1);border:none;height:1px;margin:16px 0}.F1KBNa_mdPreviewBody table{border-collapse:collapse;margin:8px 0}.F1KBNa_mdPreviewBody th,.F1KBNa_mdPreviewBody td{border:1px solid var(--dsw-alias-border-l1);padding:4px 10px}.F1KBNa_mdPreviewBody img{max-width:100%}.F1KBNa_mdPreviewBody .mdImageFallback{border:1px dashed var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-markdown-code-block) 45%, transparent);width:100%;min-height:120px;color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-markdown-code-block);text-align:center;white-space:pre-wrap;word-break:break-all;border-radius:4px;justify-content:center;align-items:center;margin:0 auto;padding:8px 12px;font-size:12px;line-height:16px;display:flex}.F1KBNa_toggle{border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:18px;flex:none;width:60px;height:36px;padding:0;position:relative}.F1KBNa_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.F1KBNa_toggleOn{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-primary)}.F1KBNa_toggleOn:hover{background:var(--dsw-alias-state-business-primary)}.F1KBNa_toggleThumb{background:var(--dsw-alias-label-primary);border-radius:50%;width:28px;height:28px;transition:left .12s;position:absolute;top:3px;left:3px}.F1KBNa_toggleOn .F1KBNa_toggleThumb{background:#fff;left:27px}.F1KBNa_stepper{align-items:center;gap:6px;display:inline-flex}.F1KBNa_stepperButton{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);width:32px;height:32px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:8px;padding:0;position:relative}.F1KBNa_stepperButton:before,.F1KBNa_stepperButton:after{content:\"\";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.F1KBNa_stepperButton:before{width:10px;height:1px}.F1KBNa_stepperButton:after{width:1px;height:10px;display:none}.F1KBNa_stepperButtonUp:after{display:block}.F1KBNa_stepperButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_stepperButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_stepperValue{text-align:center;min-width:2ch;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:14px;line-height:22px}.F1KBNa_states{flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex;overflow-y:auto}.F1KBNa_split{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.F1KBNa_fileListFloat{z-index:40;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);box-shadow:var(--dsw-shadow-lv2);border-radius:12px;flex-direction:column;padding:6px 8px 10px;display:flex;position:absolute;overflow:hidden}.F1KBNa_fileList{box-sizing:border-box;border-right:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;width:240px;min-height:0;padding:4px 8px 12px;display:flex}.F1KBNa_listScroll{flex:1;min-height:0;overflow-y:auto}.F1KBNa_bulkActions{flex:none;gap:6px;padding-top:8px;display:flex}.F1KBNa_bulkActions .F1KBNa_action{text-align:center;flex:1}.F1KBNa_resizeHandle{cursor:col-resize;background:0 0;flex:none;width:5px;margin:0 -2px}.F1KBNa_resizeHandle:hover{background:var(--dsw-alias-border-l2)}.F1KBNa_detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.F1KBNa_detailEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;margin:0;padding:24px;font-size:12px;line-height:18px;display:flex}.F1KBNa_confirmBackdrop{z-index:5;background:color-mix(in srgb, var(--dsw-alias-bg-base) 55%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.F1KBNa_confirmCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:340px;box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.F1KBNa_confirmText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;line-height:1.5}.F1KBNa_confirmActions{justify-content:flex-end;gap:8px;display:flex}.F1KBNa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}.F1KBNa_note,.F1KBNa_readError,.F1KBNa_hint{color:var(--dsw-alias-label-tertiary);margin:4px 0;font-size:12px;line-height:18px}.F1KBNa_noteCentered{text-align:center;margin:auto}.F1KBNa_emptyState{flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.F1KBNa_importButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_importButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_importButton:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_importNote{color:var(--dsw-alias-label-tertiary);text-align:center;margin:0;font-size:12px;line-height:18px}.F1KBNa_readError{color:var(--dsw-alias-state-error-primary)}.F1KBNa_group{color:var(--dsw-alias-label-tertiary);margin:8px 0 4px;font-size:12px;font-weight:500;line-height:16px}.F1KBNa_rows{margin:0;padding:0;list-style:none}.F1KBNa_row{border:1px solid #0000;border-radius:10px;margin:2px 0}.F1KBNa_rowHead{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.F1KBNa_rowHead:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_rowHead[data-selected]{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_rowPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-markdown-code-block);overflow:hidden}.F1KBNa_kindTag{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_kindHint{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:16px}.F1KBNa_divergedHint,.F1KBNa_missingHint{border-bottom:1px solid var(--dsw-alias-border-l2);margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missing{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary));white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_rowFailed{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);white-space:nowrap;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;line-height:14px}.F1KBNa_actionError{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;margin:0;padding:6px 8px;font-size:12px;line-height:18px}.F1KBNa_missingHint{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-state-warn-primary))}.F1KBNa_rowMeta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.F1KBNa_addCount{color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 60%, var(--dsw-alias-label-primary))}.F1KBNa_delCount{color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 60%, var(--dsw-alias-label-primary))}.F1KBNa_diff{background:var(--dsw-alias-markdown-code-block);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.F1KBNa_diffHeader{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffPath{white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block);-webkit-user-select:text;user-select:text;flex:1;font-size:12px;line-height:18px;overflow:auto hidden}.F1KBNa_diffActions{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:6px 8px;display:flex}.F1KBNa_diffStats{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.F1KBNa_flexSpacer{flex:1}.F1KBNa_divider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px;margin:2px 0}.F1KBNa_action{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_action:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.F1KBNa_actionPrimary{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_actionPrimary:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_actionPrimary:disabled{background:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:.55}.F1KBNa_actionQuietDisabled:disabled{cursor:pointer;color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1);background:0 0}.F1KBNa_actionPrimary.F1KBNa_actionQuietDisabled:disabled{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50);opacity:1}.F1KBNa_iconAction{justify-content:center;align-items:center;min-height:25px;padding:4px 6px;display:inline-flex}.F1KBNa_close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expand{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.F1KBNa_expand:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.F1KBNa_expandExpanded svg{transform:rotate(180deg)}.F1KBNa_diffBodyWrap{flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBody{min-width:0;font:var(--dsw-font-markdown-code-block);-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:text;outline:none;flex:1;padding:0;position:relative;overflow:auto}.F1KBNa_diffBody::-webkit-scrollbar,.F1KBNa_diffBody::-webkit-scrollbar-track,.F1KBNa_diffBody::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_blockActions{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);z-index:2;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex;position:absolute;right:8px}.F1KBNa_blockPosition{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;margin-left:7px;font-size:12px;line-height:16px}.F1KBNa_searchBar{z-index:3;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);box-shadow:var(--dsw-shadow-lv1);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.F1KBNa_searchInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);width:150px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_searchInput:focus{border-color:var(--dsw-alias-state-business-primary)}.F1KBNa_searchCount{text-align:center;min-width:34px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.F1KBNa_searchMatch{background-color:#facc1542;border-radius:2px}.F1KBNa_searchMatchCurrent{background-color:#facc1599;border-radius:2px}.F1KBNa_blockFlash{z-index:1;box-sizing:border-box;border:2px solid var(--dsw-alias-state-business-primary);pointer-events:none;border-radius:4px;animation:1s ease-out forwards F1KBNa_diffFlashFade;position:absolute;left:0;right:0}.F1KBNa_blockFlashShake{animation:.7s ease-out forwards F1KBNa_diffFlashShake}@keyframes F1KBNa_diffFlashFade{0%{opacity:1}to{opacity:0}}@keyframes F1KBNa_diffFlashShake{0%{opacity:1;transform:translateY(0)}10%{transform:translateY(1px)}20%{transform:translateY(-1px)}30%{transform:translateY(1px)}40%{transform:translateY(-1px)}50%{transform:translateY(1px)}60%{transform:translateY(-1px)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.F1KBNa_overviewRuler{pointer-events:none;opacity:.5;width:4px;position:absolute;top:0;bottom:0;right:0}.F1KBNa_overviewMarker{border-radius:2px;width:100%;min-height:2px;position:absolute;right:0}.F1KBNa_markerDel{background-color:var(--dsw-alias-state-error-primary)}.F1KBNa_markerAdd{background-color:var(--dsw-alias-state-success-primary)}.F1KBNa_lines{border-spacing:0;width:max-content;min-width:100%;font-size:calc(1em * var(--dsh-diff-font-scale,1));display:table}.F1KBNa_line{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);-webkit-user-select:none;user-select:none;display:table-row}.F1KBNa_vSpacer{display:table-row}.F1KBNa_gutter{box-sizing:border-box;text-align:right;width:44px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:default;padding-right:10px;display:table-cell}.F1KBNa_code{white-space:pre;-webkit-user-select:text;user-select:text;display:table-cell}.F1KBNa_context{color:var(--dsw-alias-label-primary)}.F1KBNa_del{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_add{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_statusBar{box-sizing:border-box;border-top:1px solid var(--dsw-alias-border-l2);height:34px;color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-markdown-code-block);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.F1KBNa_statusAction{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px}.F1KBNa_statusAction:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langSelect{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 12px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.F1KBNa_langSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}.F1KBNa_langLabel{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.F1KBNa_notice{z-index:60;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);max-width:360px;box-shadow:var(--dsw-shadow-lv3);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.F1KBNa_noticeText{font:var(--dsw-font-caption);color:var(--dsw-alias-label-primary);flex:1;margin:0;line-height:1.45}.F1KBNa_noticeButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font:var(--dsw-font-caption);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.F1KBNa_noticeButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.F1KBNa_wrap .F1KBNa_line{height:auto;min-height:var(--dsh-diff-line-height,22px)}.F1KBNa_subline{height:var(--dsh-diff-line-height,22px);line-height:var(--dsh-diff-line-height,22px);white-space:pre;display:block;overflow:hidden}.F1KBNa_wrapActive{background:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-static-neutral-bluish-50)}.F1KBNa_wrapActive:hover{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 85%, var(--dsw-static-neutral-bluish-1000))}.F1KBNa_splitRoot{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.F1KBNa_diffBodySplit{flex:1;min-height:0;overflow-x:hidden}.F1KBNa_splitCols{width:100%;min-width:0;display:flex}.F1KBNa_splitCol{box-sizing:border-box;flex:1 1 0;min-width:0;overflow:hidden}.F1KBNa_splitDivider{background:var(--dsw-alias-border-l2);flex:0 0 1px}.F1KBNa_splitCol .F1KBNa_gutter,.F1KBNa_splitCol .F1KBNa_code{vertical-align:top}.F1KBNa_splitHScrollRow{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;width:100%;min-width:0;display:flex}.F1KBNa_splitHScroll{flex:1 1 0;min-width:0;height:15px;overflow:auto hidden}.F1KBNa_splitHScroll::-webkit-scrollbar{height:15px}.F1KBNa_splitHScroll::-webkit-scrollbar-track{cursor:default}.F1KBNa_splitHScroll::-webkit-scrollbar-thumb{cursor:default}.F1KBNa_splitHScrollFill{height:1px}.F1KBNa_splitLdel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitLadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_splitRdel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 12%, transparent)}.F1KBNa_splitRadd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 10%, transparent)}.F1KBNa_intraDel{background-color:color-mix(in srgb, var(--dsh-diff-del-color,var(--dsw-alias-state-error-primary)) 26%, transparent);text-decoration:line-through}.F1KBNa_intraAdd{background-color:color-mix(in srgb, var(--dsh-diff-add-color,var(--dsw-alias-state-success-primary)) 24%, transparent)}";
-		const tagId = "dsh-diff-approval/PendingPanel.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "dsh-diff-approval";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
-			document.head.appendChild(tag);
+		/** Persist the diff's code line height (px). */
+		function setDiffLineHeight(value) {
+			localStorage.setItem(DIFF_LINE_HEIGHT_KEY, String(Math.max(10, Math.min(36, value))));
 		}
-		var PendingPanel_module_css_default = {
-			"header": "F1KBNa_header",
-			"confirmActions": "F1KBNa_confirmActions",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"code": "F1KBNa_code",
-			"action": "F1KBNa_action",
-			"colorPickerPreview": "F1KBNa_colorPickerPreview",
-			"diffBody": "F1KBNa_diffBody",
-			"splitDivider": "F1KBNa_splitDivider",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
-			"colorSv": "F1KBNa_colorSv",
-			"colorValue": "F1KBNa_colorValue",
-			"rail": "F1KBNa_rail",
-			"layer": "F1KBNa_layer",
-			"statusBar": "F1KBNa_statusBar",
-			"splitRoot": "F1KBNa_splitRoot",
-			"importNote": "F1KBNa_importNote",
-			"confirmCard": "F1KBNa_confirmCard",
-			"toggleThumb": "F1KBNa_toggleThumb",
-			"emptyState": "F1KBNa_emptyState",
-			"rows": "F1KBNa_rows",
-			"wrapActive": "F1KBNa_wrapActive",
-			"actionError": "F1KBNa_actionError",
-			"noteCentered": "F1KBNa_noteCentered",
-			"diffActions": "F1KBNa_diffActions",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
-			"delCount": "F1KBNa_delCount",
-			"colorSwatch": "F1KBNa_colorSwatch",
-			"markerAdd": "F1KBNa_markerAdd",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"split": "F1KBNa_split",
-			"colorSvCursor": "F1KBNa_colorSvCursor",
-			"group": "F1KBNa_group",
-			"searchBar": "F1KBNa_searchBar",
-			"langSelect": "F1KBNa_langSelect",
-			"diffBodySplit": "F1KBNa_diffBodySplit",
-			"missing": "F1KBNa_missing",
-			"markerDel": "F1KBNa_markerDel",
-			"rowFailed": "F1KBNa_rowFailed",
-			"colorPickerInputRow": "F1KBNa_colorPickerInputRow",
-			"colorHue": "F1KBNa_colorHue",
-			"fileList": "F1KBNa_fileList",
-			"settingsGroupText": "F1KBNa_settingsGroupText",
-			"add": "F1KBNa_add",
-			"badge": "F1KBNa_badge",
-			"colorPicker": "F1KBNa_colorPicker",
-			"colorHueCursor": "F1KBNa_colorHueCursor",
-			"confirmText": "F1KBNa_confirmText",
-			"mdPreviewFallback": "F1KBNa_mdPreviewFallback",
-			"rowMeta": "F1KBNa_rowMeta",
-			"colorPickerInput": "F1KBNa_colorPickerInput",
-			"bulkActions": "F1KBNa_bulkActions",
-			"diffBodyWrap": "F1KBNa_diffBodyWrap",
-			"splitHScroll": "F1KBNa_splitHScroll",
-			"footerButtons": "F1KBNa_footerButtons",
-			"states": "F1KBNa_states",
-			"blockPosition": "F1KBNa_blockPosition",
-			"panel": "F1KBNa_panel",
-			"diffStats": "F1KBNa_diffStats",
-			"intraDel": "F1KBNa_intraDel",
-			"settingsGroupChevron": "F1KBNa_settingsGroupChevron",
-			"fileListFloat": "F1KBNa_fileListFloat",
-			"settingsGroupHeader": "F1KBNa_settingsGroupHeader",
-			"colorPickerPanel": "F1KBNa_colorPickerPanel",
-			"line": "F1KBNa_line",
-			"blockFlash": "F1KBNa_blockFlash",
-			"badgeCount": "F1KBNa_badgeCount",
-			"gutter": "F1KBNa_gutter",
-			"toggleOn": "F1KBNa_toggleOn",
-			"note": "F1KBNa_note",
-			"settingsSelector": "F1KBNa_settingsSelector",
-			"mdPreviewBody": "F1KBNa_mdPreviewBody",
-			"settingsGroup": "F1KBNa_settingsGroup",
-			"statusAction": "F1KBNa_statusAction",
-			"rowHead": "F1KBNa_rowHead",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"title": "F1KBNa_title",
-			"headerActions": "F1KBNa_headerActions",
-			"colorPickerPopover": "F1KBNa_colorPickerPopover",
-			"actionPrimary": "F1KBNa_actionPrimary",
-			"addCount": "F1KBNa_addCount",
-			"noticeText": "F1KBNa_noticeText",
-			"divider": "F1KBNa_divider",
-			"importButton": "F1KBNa_importButton",
-			"subline": "F1KBNa_subline",
-			"splitHScrollRow": "F1KBNa_splitHScrollRow",
-			"toggle": "F1KBNa_toggle",
-			"colorPickerChevron": "F1KBNa_colorPickerChevron",
-			"stepperButtonUp": "F1KBNa_stepperButtonUp",
-			"confirmBackdrop": "F1KBNa_confirmBackdrop",
-			"hint": "F1KBNa_hint",
-			"listScroll": "F1KBNa_listScroll",
-			"diffPreviewScroll": "F1KBNa_diffPreviewScroll",
-			"diffPath": "F1KBNa_diffPath",
-			"iconAction": "F1KBNa_iconAction",
-			"blockActions": "F1KBNa_blockActions",
-			"missingHint": "F1KBNa_missingHint",
-			"settingsGroupTitle": "F1KBNa_settingsGroupTitle",
-			"resizeHandle": "F1KBNa_resizeHandle",
-			"noticeButton": "F1KBNa_noticeButton",
-			"diffHeader": "F1KBNa_diffHeader",
-			"diffPreviewTitle": "F1KBNa_diffPreviewTitle",
-			"settingsRowText": "F1KBNa_settingsRowText",
-			"divergedHint": "F1KBNa_divergedHint",
-			"notice": "F1KBNa_notice",
-			"stepperValue": "F1KBNa_stepperValue",
-			"searchInput": "F1KBNa_searchInput",
-			"mdPreviewContent": "F1KBNa_mdPreviewContent",
-			"kindTag": "F1KBNa_kindTag",
-			"colorPickerTrigger": "F1KBNa_colorPickerTrigger",
-			"mdPreviewWrap": "F1KBNa_mdPreviewWrap",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"colorBackdrop": "F1KBNa_colorBackdrop",
-			"stepperButton": "F1KBNa_stepperButton",
-			"splitHScrollFill": "F1KBNa_splitHScrollFill",
-			"splitLdel": "F1KBNa_splitLdel",
-			"intraAdd": "F1KBNa_intraAdd",
-			"mdPreviewDouble": "F1KBNa_mdPreviewDouble",
-			"kindHint": "F1KBNa_kindHint",
-			"blockFlashShake": "F1KBNa_blockFlashShake",
-			"splitCols": "F1KBNa_splitCols",
-			"badgeLabel": "F1KBNa_badgeLabel",
-			"detail": "F1KBNa_detail",
-			"lines": "F1KBNa_lines",
-			"searchMatch": "F1KBNa_searchMatch",
-			"wrap": "F1KBNa_wrap",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"settingsGroupBody": "F1KBNa_settingsGroupBody",
-			"settingsRow": "F1KBNa_settingsRow",
-			"stepper": "F1KBNa_stepper",
-			"overviewMarker": "F1KBNa_overviewMarker",
-			"close": "F1KBNa_close",
-			"del": "F1KBNa_del",
-			"splitCol": "F1KBNa_splitCol",
-			"diffFlashShake": "F1KBNa_diffFlashShake",
-			"vSpacer": "F1KBNa_vSpacer",
-			"diffPreview": "F1KBNa_diffPreview",
-			"row": "F1KBNa_row",
-			"splitRadd": "F1KBNa_splitRadd",
-			"diff": "F1KBNa_diff",
-			"rowPath": "F1KBNa_rowPath",
-			"langLabel": "F1KBNa_langLabel",
-			"splitLadd": "F1KBNa_splitLadd",
-			"settingsGroupDesc": "F1KBNa_settingsGroupDesc",
-			"expand": "F1KBNa_expand",
-			"settingsPage": "F1KBNa_settingsPage",
-			"searchCount": "F1KBNa_searchCount",
-			"searchMatchCurrent": "F1KBNa_searchMatchCurrent",
-			"splitRdel": "F1KBNa_splitRdel",
-			"mdPreviewSingle": "F1KBNa_mdPreviewSingle",
-			"context": "F1KBNa_context",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
-			"diffFlashFade": "F1KBNa_diffFlashFade",
-			"readError": "F1KBNa_readError"
+		/** Read a theme CSS custom property, with a fallback when it is unavailable. */
+		function themeColor(name, fallback) {
+			if (typeof document !== "undefined") {
+				const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+				if (/^#[0-9a-f]{6}$/i.test(v)) return v;
+			}
+			return fallback;
+		}
+		/** The added-line base color the user chose, or `undefined` (theme color). */
+		function diffAddColor() {
+			const v = localStorage.getItem(DIFF_ADD_COLOR_KEY);
+			return v !== null && v.length > 0 ? v : void 0;
+		}
+		/** Persist the added-line base color (a hex like `#22c55e`). */
+		function setDiffAddColor(value) {
+			localStorage.setItem(DIFF_ADD_COLOR_KEY, value);
+		}
+		/** The removed-line base color the user chose, or `undefined` (theme color). */
+		function diffDelColor() {
+			const v = localStorage.getItem(DIFF_DEL_COLOR_KEY);
+			return v !== null && v.length > 0 ? v : void 0;
+		}
+		/** Persist the removed-line base color (a hex like `#ef4444`). */
+		function setDiffDelColor(value) {
+			localStorage.setItem(DIFF_DEL_COLOR_KEY, value);
+		}
+		/** The theme's added-line base color, for the settings swatch default. */
+		function currentDiffAddColor() {
+			return themeColor("--dsw-alias-state-success-primary", "#22c55e");
+		}
+		/** The theme's removed-line base color, for the settings swatch default. */
+		function currentDiffDelColor() {
+			return themeColor("--dsw-alias-state-error-primary", "#ef4444");
+		}
+		/**
+		* The highlight language chosen by hand for one file suffix, remembered so the
+		* choice sticks for every file with that suffix. Not a Settings row: it is a
+		* per-suffix consequence of using the language picker, so it lives here as
+		* storage only.
+		* @param suffix - the lowercase extension without the dot (see `suffixOfPath`).
+		* @returns the remembered language id, or undefined for "auto".
+		*/
+		function languageForSuffix(suffix) {
+			const language = rememberedLanguages()[suffix];
+			return language === void 0 || language === "" ? void 0 : language;
+		}
+		/**
+		* Remember (or clear) the language chosen for one suffix. A `null` language
+		* forgets the suffix, which is what picking "auto" means.
+		* @param suffix - the lowercase extension without the dot.
+		* @param language - the language id, or null to forget the suffix.
+		*/
+		function setLanguageForSuffix(suffix, language) {
+			const stored = rememberedLanguages();
+			if (language === null) {
+				if (stored[suffix] === void 0) return;
+				delete stored[suffix];
+			} else {
+				if (stored[suffix] === language) return;
+				stored[suffix] = language;
+			}
+			localStorage.setItem(LANG_BY_SUFFIX_KEY, JSON.stringify(stored));
+		}
+		/** The whole suffix → language map (empty when unset or unreadable). */
+		function rememberedLanguages() {
+			const raw = localStorage.getItem(LANG_BY_SUFFIX_KEY);
+			if (raw === null) return {};
+			try {
+				const parsed = JSON.parse(raw);
+				if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) return {};
+				const cleaned = {};
+				for (const [suffix, language] of Object.entries(parsed)) if (typeof language === "string" && language !== "") cleaned[suffix] = language;
+				return cleaned;
+			} catch {
+				return {};
+			}
+		}
+		/**
+		* Whether the whole-file diff view uses the two-column (side-by-side) layout.
+		* Default off (single column): the unified diff. Only an explicit `'1'` enables
+		* split mode.
+		* @returns whether the split (two-column) diff view is used.
+		*/
+		function splitMode() {
+			return localStorage.getItem(SPLIT_MODE_KEY) === "1";
+		}
+		/** Persist the split-view preference. */
+		function setSplitMode(value) {
+			localStorage.setItem(SPLIT_MODE_KEY, value ? "1" : "0");
+		}
+		/**
+		* Whether the rendered Markdown preview is shown by default (for Markdown files).
+		* Default off: the source diff is shown unless the panel toggle is used. Only an
+		* explicit `'1'` enables the preview default.
+		* @returns whether the Markdown preview default is enabled.
+		*/
+		function mdPreviewEnabled() {
+			return localStorage.getItem(MD_PREVIEW_KEY) === "1";
+		}
+		/** Persist the Markdown-preview default preference. */
+		function setMdPreviewEnabled(value) {
+			localStorage.setItem(MD_PREVIEW_KEY, value ? "1" : "0");
+		}
+		/**
+		* The Markdown-preview content max width, in pixels (single column). Defaults to
+		* 800; the double-column view totals 2x this. An out-of-range or non-integer
+		* value falls back to the default.
+		* @returns the max width in pixels.
+		*/
+		function mdMaxWidth() {
+			const raw = Number.parseInt(localStorage.getItem(MD_MAX_WIDTH_KEY) ?? "", 10);
+			if (!Number.isInteger(raw)) return 800;
+			return Math.max(480, Math.min(MD_MAX_WIDTH_MAX, raw));
+		}
+		/** Persist the Markdown-preview content max width. */
+		function setMdMaxWidth(value) {
+			localStorage.setItem(MD_MAX_WIDTH_KEY, String(Math.max(480, Math.min(MD_MAX_WIDTH_MAX, value))));
+		}
+		/**
+		* How many rows of lead the diff block jump leaves above the jumped-to block,
+		* and how far the anchored navigation scans. Defaults to 2; an out-of-range or
+		* non-integer value falls back to the default.
+		* @returns the lead row count.
+		*/
+		function navLeadRows() {
+			const raw = Number.parseInt(localStorage.getItem(NAV_LEAD_KEY) ?? "", 10);
+			if (!Number.isInteger(raw)) return 2;
+			return Math.max(0, Math.min(10, raw));
+		}
+		/** Persist the block-jump lead row count. */
+		function setNavLeadRows(value) {
+			localStorage.setItem(NAV_LEAD_KEY, String(Math.max(0, Math.min(10, value))));
+		}
+		const QUICK_SUMMON_KEY = "diff-approval:quick-summon-key";
+		/**
+		* The quick-summon chord. Stored as `Modifier+...+Key`; falls back to
+		* {@link DEFAULT_QUICK_SUMMON}.
+		* @returns the chord string.
+		*/
+		function quickSummonKey() {
+			return localStorage.getItem(QUICK_SUMMON_KEY) ?? "Ctrl+D";
+		}
+		/** Persist the quick-summon chord. */
+		function setQuickSummonKey(value) {
+			localStorage.setItem(QUICK_SUMMON_KEY, value);
+		}
+		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",
+			matchCase: "Alt+C",
+			matchWholeWord: "Alt+W",
+			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`,
+		* `Shift`, `Meta`/`Cmd`/`Command`/`Win`); the final part is the key. Exact
+		* modifier set is required (extra modifiers do not match).
+		* @param event - the keydown event.
+		* @param shortcut - the chord string.
+		* @returns whether the event matches.
+		*/
+		function matchesShortcut(event, shortcut) {
+			const parts = shortcut.split("+").map((part) => part.trim().toLowerCase());
+			const key = parts.pop();
+			if (key === void 0 || key === "") return false;
+			const mods = new Set(parts);
+			const ctrl = mods.has("ctrl") || mods.has("control");
+			const alt = mods.has("alt") || mods.has("option");
+			const shift = mods.has("shift");
+			const meta = mods.has("meta") || mods.has("cmd") || mods.has("command") || mods.has("win");
+			return event.key.toLowerCase() === key && event.ctrlKey === ctrl && event.altKey === alt && event.shiftKey === shift && event.metaKey === meta;
+		}
 		//#endregion
 		//#region lib/types/client/PendingPanel.js
 		/** Sidebar-foot pending-edit review action and the split review panel it opens. */
@@ -17126,8 +17978,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		const COMPOSER_HEIGHT_VAR = "--dsh-composer-height";
 		/** Interactive composer/approval cards; clicking these keeps the panel open.
 		Deliberately the cards themselves, not the seat: the approval frame's wide
-		side gutters are blank space, so a click there must still close. */
-		const KEEP_OPEN_SELECTOR = "[data-composer-card],[data-question-key] > *,[data-plan-review-key] > *,[data-approval-key] > *";
+		side gutters are blank space, so a click there must still close.
+		`[role="menu"]` covers the portaled menus this panel opens (the highlight
+		language picker): the list is rendered into `document.body`, so picking an
+		item is a pointerdown outside the panel element and would otherwise close it. */
+		const KEEP_OPEN_SELECTOR = "[data-composer-card],[data-question-key] > *,[data-plan-review-key] > *,[data-approval-key] > *,[role=\"menu\"]";
 		/** Seat counts as docked when its bottom is this close to the window bottom. */
 		const DOCKED_TOLERANCE_PX = 48;
 		/** File-list pane width bounds for the manual split drag, in px. */
@@ -17379,6 +18234,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		* 5px frame padding on each side + 1px border on each side, plus a little
 		* breathing room so the bottom padding never sits flush against it. */
 		const BLOCK_ACTIONS_FRAME_PX = 40;
+		/** How far a floating block-action frame stays inside the surface it is anchored
+		*  to (the content's right edge in the Markdown preview, the pane's in the code
+		*  view). */
+		const FRAME_INSET_PX = 8;
 		/** The trailing file-name segment of a path, used for row display. */
 		function basenameOf(path) {
 			const index = Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\"));
@@ -17431,6 +18290,29 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				Array.from(document.querySelectorAll("button")).find((button) => button.textContent?.trim() === sectionLabel)?.click();
 			});
 		}
+		/**
+		* Search narrowing glyphs, taken from VS Code's Codicons so the two find-widget
+		* toggles read exactly as they do in that editor: `case-sensitive` (an upper- and
+		* lower-case letter pair) and `whole-word` (the same letter pair over a bar that
+		* marks the word boundary). Inline SVG because the icon library ships neither.
+		* @param props.kind - which glyph to draw.
+		* @returns the 16px-grid glyph.
+		*/
+		function SearchOptionIcon({ kind }) {
+			return (0, react_jsx_runtime.jsx)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: (0, react_jsx_runtime.jsx)("path", {
+					fill: "currentColor",
+					fillRule: "evenodd",
+					clipRule: "evenodd",
+					d: kind === "case" ? `M4.02602 3.34176C4.16218 2.93404 4.83818 2.93398 4.97426 3.34176L6.97426 9.34274C6.97526 9.34674 6.97817 9.35544 6.97817 9.35544L7.97426 12.3427C8.06126 12.6047 7.91984 12.8875 7.65786 12.9756C7.60486 12.9926 7.55165 13.0009 7.49965 13.0009C7.29082 13.0008 7.09602 12.868 7.02602 12.6591L6.14028 10.0009H2.86L1.97426 12.6591C1.88728 12.919 1.60634 13.0634 1.34243 12.9746C1.08043 12.8866 0.93902 12.6038 1.02602 12.3418L2.02211 9.35544C2.02311 9.35144 2.02602 9.34274 2.02602 9.34274L4.02602 3.34176ZM3.19399 8.99997H5.80629L4.49965 5.08102L3.19399 8.99997ZM11.8581 6.66794C13.165 6.73296 13.9427 7.48427 13.9967 8.69626L13.9997 8.83297V12.5078C13.9957 12.7568 13.809 12.9621 13.568 12.9951L13.4997 13C13.2469 12.9998 13.0376 12.8121 13.0045 12.5683L12.9997 12.5V12.4297C12.3407 12.8066 11.7316 13 11.1666 13C9.94081 12.9998 8.99965 12.1369 8.99965 10.833C8.99967 9.68299 9.79211 8.82889 11.1061 8.66989C11.7279 8.59493 12.3589 8.64164 12.9987 8.80954C12.9915 8.07194 12.6279 7.70704 11.8082 7.66598C11.1672 7.63398 10.7158 7.72415 10.4518 7.90915C10.2258 8.06799 9.91347 8.01301 9.75551 7.78708C9.59671 7.56115 9.65178 7.24878 9.87758 7.09079C10.3165 6.78283 10.9138 6.64715 11.6666 6.6611L11.8581 6.66794ZM12.7965 9.8154C12.2587 9.66749 11.7361 9.62551 11.2262 9.68747C10.4042 9.78747 9.99868 10.2244 9.99868 10.8574C9.99884 11.5881 10.474 12.0242 11.1657 12.0244C11.6196 12.0244 12.1777 11.8137 12.8336 11.3818L12.9987 11.2695V9.87594L12.7965 9.8154Z` : `M4.8584 5.6709C6.16516 5.73603 6.94308 6.48734 6.99707 7.69922L7 7.83594V11.5107C6.996 11.7596 6.80919 11.9649 6.56836 11.998L6.5 12.0029C6.24709 12.0029 6.038 11.8152 6.00488 11.5713L6 11.5029V11.4326C5.341 11.8096 4.73199 12.0029 4.16699 12.0029C2.941 12.0029 2 11.1399 2 9.83594C2.00003 8.68597 2.79247 7.83185 4.10645 7.67285C4.7283 7.59793 5.35918 7.64552 5.99902 7.81348C5.99202 7.07548 5.62762 6.70995 4.80762 6.66895C4.16686 6.637 3.7161 6.72717 3.45215 6.91211C3.22615 7.07111 2.91386 7.01604 2.75586 6.79004C2.5969 6.56404 2.65194 6.25174 2.87793 6.09375C3.31692 5.78579 3.91404 5.65006 4.66699 5.66406L4.8584 5.6709ZM5.79688 8.81836C5.25888 8.67037 4.73558 8.62843 4.22559 8.69043C3.40389 8.79054 2.99902 9.22747 2.99902 9.86035C2.99917 10.5911 3.47413 11.0273 4.16602 11.0273C4.62001 11.0273 5.17799 10.8168 5.83398 10.3848L5.99902 10.2725V8.87891L5.79688 8.81836ZM9.55078 2.00586C9.78578 2.02986 9.97307 2.21715 9.99707 2.45215C10 2.46907 10 2.48601 10 2.50293V6.60254C10.418 6.22566 10.9371 6.00293 11.5 6.00293C12.881 6.00293 14 7.34596 14 9.00293C14 10.6599 12.881 12.0029 11.5 12.0029C10.9371 12.0029 10.418 11.7802 10 11.4033V11.5029C10 11.7619 9.80278 11.974 9.55078 12C9.53385 12.003 9.51693 12.0029 9.5 12.0029C9.224 12.0029 9 11.7789 9 11.5029V2.50293C9 2.486 9.00095 2.46907 9.00293 2.45215C9.02793 2.20015 9.241 2.00293 9.5 2.00293C9.51692 2.00293 9.53386 2.00388 9.55078 2.00586ZM11.4355 7.00391C11.0307 7.03208 10.5769 7.31545 10.29 7.82227C10.1232 8.12611 10.018 8.49479 10.002 8.89453C9.99995 8.92952 10 8.96597 10 9.00195C10 9.03795 10.001 9.07438 10.002 9.10938C10.018 9.50814 10.1222 9.87582 10.2891 10.1797C10.576 10.6875 11.0307 10.9728 11.4355 11C11.4565 11.002 11.478 11.002 11.5 11.002C11.522 11.002 11.5435 11.001 11.5645 11C11.9693 10.9728 12.424 10.6875 12.7109 10.1797C12.8778 9.87582 12.982 9.50814 12.998 9.10938C13 9.07438 13 9.03795 13 9.00195C13 8.96597 12.999 8.92952 12.998 8.89453C12.982 8.49479 12.8768 8.12611 12.71 7.82227C12.4231 7.31545 11.9693 7.03109 11.5645 7.00391C11.5435 7.00191 11.522 7.00195 11.5 7.00195C11.478 7.00195 11.4565 7.00291 11.4355 7.00391ZM15.5 12.5C15.776 12.5 16 12.724 16 13V13.5C16 14.327 15.327 15 14.5 15H1.5C0.673 15 0 14.327 0 13.5V13C0 12.724 0.224 12.5 0.5 12.5C0.776 12.5 1 12.724 1 13V13.5C1 13.775 1.224 14 1.5 14H14.5C14.776 14 15 13.775 15 13.5V13C15 12.724 15.224 12.5 15.5 12.5Z`
+				})
+			});
+		}
 		/** The diff body's row class per line kind. */
 		const ROW_CLASS = {
 			context: PendingPanel_module_css_default.context,
@@ -17509,27 +18391,13 @@ 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) {
+		function textWithSearch(text, runs, intra, options, query, segStart = 0, segEnd = text.length, current = false) {
 			const segText = text.slice(segStart, segEnd);
-			const ranges = matchRangesOf(segText, query);
+			const ranges = matchRangesOf(segText, query, options);
 			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) => {
@@ -17556,6 +18424,96 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			if (cursor < segEnd) push(cursor, segEnd, false);
 			return nodes;
 		}
+		/** Arrow keys render as arrows in a tooltip hint (`Ctrl+↑`, not `Ctrl+ArrowUp`). */
+		const CHORD_KEY_GLYPHS = {
+			ArrowUp: "↑",
+			ArrowDown: "↓",
+			ArrowLeft: "←",
+			ArrowRight: "→"
+		};
+		/**
+		* A tooltip label with the action's configured chord appended. The hint states
+		* the binding the user actually has — including one rebound in Settings — rather
+		* than a default baked into the label.
+		* @param label - the translated action label.
+		* @param action - the keybinding action id (see `DEFAULT_KEYBINDINGS`).
+		* @returns the label, with ` (chord)` appended when one is configured.
+		*/
+		function withChord(label, action) {
+			const chord = keybindingOf(action);
+			if (chord === "") return label;
+			return `${label} (${chord.split("+").map((part) => CHORD_KEY_GLYPHS[part] ?? part).join("+")})`;
+		}
+		/**
+		* Whether a key event's target is one of the panel's search query boxes. The
+		* bar's own chords (step, narrow) are scoped this way: the caret has to be in
+		* the box, so an open bar is not enough — the same chord must stay free for
+		* whatever else happens to have focus (the chat composer above all), and a mouse
+		* click on a bar button hands the focus straight back to the box.
+		* @param event - the keydown event.
+		* @returns whether the event came from a search query box.
+		*/
+		function isSearchInputEvent(event) {
+			const target = event.target;
+			return target instanceof HTMLInputElement && target.hasAttribute("data-diff-search-input");
+		}
+		/**
+		* Whether a key event came from inside the plugin's own panel. Esc is split along
+		* that line: a press inside the panel is the panel's to dismiss (its search bar
+		* first, otherwise the panel itself), while anything outside it — the chat
+		* composer above all — dismisses the panel and keeps its own Esc besides.
+		* @param event - the keydown event.
+		* @returns whether the event came from inside the panel.
+		*/
+		function isInPanelEvent(event) {
+			const target = event.target;
+			return target instanceof Element && target.closest("[data-diff-approval-panel]") !== null;
+		}
+		/**
+		* Whether a key event came from a text field that owns its own keys (`Esc`,
+		* cursor moves). The chat composer is the one that matters: the panel leaves it
+		* alone even while its own search bar is open.
+		* @param event - the keydown event.
+		* @returns whether the event came from a text field.
+		*/
+		function isTextFieldEvent(event) {
+			const target = event.target;
+			return target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null;
+		}
+		/**
+		* The in-file search's narrowing toggles. The persisted preference is the
+		* source of truth, so the choice survives a reopen and the two views cannot
+		* disagree: each bar owns one of these, and it re-reads the stored flags with
+		* {@link sync} whenever its bar opens. The options object is memoized so the
+		* memoized rows only re-render when a toggle changes.
+		* @returns the options, their current values, the two toggles, and the re-read.
+		*/
+		function useSearchOptions() {
+			const [caseSensitive, setCase] = (0, react.useState)(searchCaseSensitive);
+			const [wholeWord, setWord] = (0, react.useState)(searchWholeWord);
+			return {
+				options: (0, react.useMemo)(() => ({
+					caseSensitive,
+					wholeWord
+				}), [caseSensitive, wholeWord]),
+				caseSensitive,
+				wholeWord,
+				toggleCase: (0, react.useCallback)(() => {
+					const next = !searchCaseSensitive();
+					setSearchCaseSensitive(next);
+					setCase(next);
+				}, []),
+				toggleWord: (0, react.useCallback)(() => {
+					const next = !searchWholeWord();
+					setSearchWholeWord(next);
+					setWord(next);
+				}, []),
+				sync: (0, react.useCallback)(() => {
+					setCase(searchCaseSensitive());
+					setWord(searchWholeWord());
+				}, [])
+			};
+		}
 		/**
 		* 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.
@@ -17564,18 +18522,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, searchQuery, onRowHover, wrappedLines } = props;
+			const { index, row, runs, focused, searchHit, searchCurrent, searchQuery, searchOptions, 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 = textWithSearch(row.text, lineRuns, void 0, searchQuery, 0, row.text.length, searchCurrent);
+			if (wrappedLines === void 0) code = textWithSearch(row.text, lineRuns, void 0, searchOptions, searchQuery, 0, row.text.length, searchCurrent);
 			else {
 				let offset = 0;
 				code = wrappedLines.map((line, lineIndex) => {
 					const start = offset;
 					offset += line.length;
-					const content = textWithSearch(row.text, lineRuns, void 0, searchQuery, start, offset, searchCurrent);
+					const content = textWithSearch(row.text, lineRuns, void 0, searchOptions, searchQuery, start, offset, searchCurrent);
 					return (0, react_jsx_runtime.jsx)("div", {
 						className: PendingPanel_module_css_default.subline,
 						children: content
@@ -17611,69 +18569,6 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				]
 			});
 		});
-		/**
-		* One diff block's old/new line ranges, 1-based inclusive, for block-level
-		* keep/revert. A side with no lines (a pure addition or deletion) is empty;
-		* its start is that side's insertion point — the line after the surrounding
-		* context — so the host can insert there.
-		* @param rows - the whole-file diff rows.
-		* @param block - the block's row range.
-		* @returns the old and new line ranges.
-		*/
-		function blockRangesOf(rows, block) {
-			let oldStart = Infinity;
-			let oldEnd = -Infinity;
-			let newStart = Infinity;
-			let newEnd = -Infinity;
-			for (let index = block.start; index <= block.end; index++) {
-				const row = rows[index];
-				if (row === void 0) continue;
-				if (row.oldLine !== void 0) {
-					oldStart = Math.min(oldStart, row.oldLine);
-					oldEnd = Math.max(oldEnd, row.oldLine);
-				}
-				if (row.newLine !== void 0) {
-					newStart = Math.min(newStart, row.newLine);
-					newEnd = Math.max(newEnd, row.newLine);
-				}
-			}
-			const before = rows[block.start - 1];
-			if (oldStart === Infinity) {
-				oldStart = (before?.oldLine ?? 0) + 1;
-				oldEnd = oldStart - 1;
-			}
-			if (newStart === Infinity) {
-				newStart = (before?.newLine ?? 0) + 1;
-				newEnd = newStart - 1;
-			}
-			return {
-				oldStart,
-				oldEnd,
-				newStart,
-				newEnd
-			};
-		}
-		/** Split a row list into maximal runs of non-context rows. */
-		function changeBlocksOf(diff) {
-			const blocks = [];
-			let start = -1;
-			diff.rows.forEach((row, index) => {
-				if (row.kind !== "context") {
-					if (start === -1) start = index;
-				} else if (start !== -1) {
-					blocks.push({
-						start,
-						end: index - 1
-					});
-					start = -1;
-				}
-			});
-			if (start !== -1) blocks.push({
-				start,
-				end: diff.rows.length - 1
-			});
-			return blocks;
-		}
 		/** Whether a block keep/revert range covers the file's entire change region, so
 		*  applying it leaves the file with no pending diff — the "remove or keep in
 		*  list" prompt applies. This generalises the single-block case to a selection
@@ -17695,23 +18590,60 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}
 			return block.oldStart <= oldMin && block.oldEnd >= oldMax && block.newStart <= newMin && block.newEnd >= newMax;
 		}
-		/** Row indices whose text contains `query` (case-insensitive); empty for ''. */
-		function matchingRows(rows, query) {
+		/** Row indices whose text matches `query` under the options; empty for ''. Counted
+		*  through the same matcher the highlights use, so the tally can never disagree
+		*  with what is drawn. */
+		function matchingRows(rows, query, options) {
 			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);
+			for (let i = 0; i < rows.length; i++) if (matchRangesOf(rows[i].text, query, options).length > 0) out.push(i);
 			return out;
 		}
+		/** The source lines one row window covers on a side (1-based, inclusive), or
+		*  undefined when the window shows none of that side — an all-added or
+		*  all-deleted stretch, where the other side has nothing to highlight. */
+		function windowLineRange(rows, from, to, side) {
+			let first = Infinity;
+			let last = -Infinity;
+			for (let index = from; index < to; index++) {
+				const row = rows[index];
+				if (row === void 0) continue;
+				const line = side === "old" ? row.oldLine : row.newLine;
+				if (line === void 0) continue;
+				if (line < first) first = line;
+				if (line > last) last = line;
+			}
+			return Number.isFinite(first) ? {
+				from: first,
+				to: last
+			} : void 0;
+		}
+		/** The source lines one split-view pair window covers on a side (1-based,
+		*  inclusive), or undefined when the window shows none of that side. */
+		function pairLineRange(pairs, from, to, side) {
+			let first = Infinity;
+			let last = -Infinity;
+			for (let index = from; index < to; index++) {
+				const pair = pairs[index];
+				const line = side === "left" ? pair?.left?.line : pair?.right?.line;
+				if (line === void 0) continue;
+				if (line < first) first = line;
+				if (line > last) last = line;
+			}
+			return Number.isFinite(first) ? {
+				from: first,
+				to: last
+			} : void 0;
+		}
 		/** One side's line-content for the split view: the highlighted runs or plain text. */
-		function splitSideContent(side, wrapped, runs, intra, query, current) {
+		function splitSideContent(side, wrapped, runs, intra, options, query, current) {
 			if (side === void 0) return "";
-			if (wrapped === void 0) return textWithSearch(side.text, runs, intra, query, 0, side.text.length, current);
+			if (wrapped === void 0) return textWithSearch(side.text, runs, intra, options, query, 0, side.text.length, current);
 			let offset = 0;
 			return wrapped.map((line, i) => {
 				const start = offset;
 				offset += line.length;
-				const content = textWithSearch(side.text, runs, intra, query, start, offset, current);
+				const content = textWithSearch(side.text, runs, intra, options, query, start, offset, current);
 				return (0, react_jsx_runtime.jsx)("div", {
 					className: PendingPanel_module_css_default.subline,
 					children: content
@@ -17727,7 +18659,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, searchQuery, onHover, intra }) {
+		function SplitSideRow({ index, side, wrapped, runs, kind, isLeft, height, focused, searchHit, searchCurrent, searchQuery, searchOptions, 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,
@@ -17746,12 +18678,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					className: `${PendingPanel_module_css_default.code} ${tint}`,
 					"data-diff-code": true,
 					"data-diff-code-side": isLeft ? "left" : "right",
-					children: splitSideContent(side, wrapped, runs, intra, searchQuery, searchCurrent)
+					children: splitSideContent(side, wrapped, runs, intra, searchOptions, 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, onWrapToast }, ref) {
+		const SplitDiff = (0, react.forwardRef)(function SplitDiff({ file, model, runs, langWrap, tabWidthSpaces, busy, t, selection, leadRows, onBlockKeep, onBlockRevert, onWrapToast, onVisibleLines }, ref) {
 			const ROW_HEIGHT_PX = diffLineHeight();
 			const NAV_ANCHOR_TOLERANCE_PX = ROW_HEIGHT_PX / 4;
 			const { pairs, pairOfRow } = (0, react.useMemo)(() => computeSideBySideDiff(model.diff.rows, true), [model]);
@@ -17791,6 +18723,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 			const [searchOpen, setSearchOpen] = (0, react.useState)(false);
 			const [searchQuery, setSearchQuery] = (0, react.useState)("");
+			const search = useSearchOptions();
 			const [searchIndex, setSearchIndex] = (0, react.useState)(0);
 			const searchInputRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -17916,14 +18849,43 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (strip === null || col === null) return;
 				col.scrollLeft = strip.scrollLeft;
 			}, []);
-			const searchMatches = (0, react.useMemo)(() => searchPairs(pairs, searchQuery), [pairs, searchQuery]);
+			const searchMatches = (0, react.useMemo)(() => searchPairs(pairs, searchQuery, search.options), [
+				pairs,
+				searchQuery,
+				search.options
+			]);
 			const searchHitSet = (0, react.useMemo)(() => new Set(searchMatches), [searchMatches]);
 			const currentSearchPair = searchMatches.length === 0 ? void 0 : searchMatches[searchIndex % searchMatches.length];
 			const closeSearch = () => {
+				if (!searchOpen) return false;
 				setSearchOpen(false);
 				setSearchQuery("");
 				setSearchIndex(0);
 				bodyRef.current?.focus();
+				return true;
+			};
+			/** Run one bar control's action, then hand the focus back to the query box:
+			*  the bar's chords are scoped to the box (its Esc to the bar), so a mouse
+			*  click on a bar button must not leave them dead on the button it landed on. */
+			const andRefocus = (action) => {
+				action();
+				searchInputRef.current?.focus();
+			};
+			/** The shared toolbar's search button: the split view owns its own bar, so the
+			*  button has to toggle this one rather than the single-column state. */
+			const toggleSearch = () => {
+				if (searchOpen) closeSearch();
+				else openSearch();
+			};
+			const toggleMatchCase = () => {
+				if (!searchOpen) return false;
+				search.toggleCase();
+				return true;
+			};
+			const toggleMatchWholeWord = () => {
+				if (!searchOpen) return false;
+				search.toggleWord();
+				return true;
 			};
 			const openSearch = () => {
 				if (searchOpen) {
@@ -17931,13 +18893,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					searchInputRef.current?.select();
 					return;
 				}
+				search.sync();
 				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);
+				const matches = value === "" ? [] : searchPairs(pairs, value, search.options);
 				let index = 0;
 				if (matches.length > 0) {
 					const inSel = range === void 0 ? -1 : matches.findIndex((i) => i >= range.start && i <= range.end);
@@ -18010,6 +18973,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				end = Math.max(end, selection.end + 1);
 			}
 			const visiblePairs = pairs.slice(start, end);
+			(0, react.useEffect)(() => {
+				onVisibleLines({
+					oldRange: pairLineRange(pairs, start, end, "left"),
+					newRange: pairLineRange(pairs, start, end, "right"),
+					live: viewportH > 0
+				});
+			}, [
+				onVisibleLines,
+				pairs,
+				start,
+				end,
+				viewportH
+			]);
 			const wrapArmedRef = (0, react.useRef)(0);
 			const jump = (direction, wrapGuard = false, singleToast = wrapGuard) => {
 				const count = blockOfPair.length;
@@ -18051,11 +19027,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useImperativeHandle)(ref, () => ({
 				jump,
 				openSearch,
-				searchNext
+				toggleSearch,
+				closeSearch,
+				searchNext,
+				toggleMatchCase,
+				toggleMatchWholeWord
 			}), [
 				jump,
 				openSearch,
-				searchNext
+				toggleSearch,
+				closeSearch,
+				searchNext,
+				toggleMatchCase,
+				toggleMatchWholeWord
 			]);
 			(0, react.useLayoutEffect)(() => {
 				if (pairCount === 0) return;
@@ -18139,6 +19123,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
 													searchQuery,
+													searchOptions: search.options,
 													onHover: () => onPairHover(index),
 													intra: sideIndex?.left === void 0 ? void 0 : model.intra.get(sideIndex.left)
 												}, index);
@@ -18181,6 +19166,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 													searchHit: searchHitSet.has(index),
 													searchCurrent: index === currentSearchPair,
 													searchQuery,
+													searchOptions: search.options,
 													onHover: () => onPairHover(index),
 													intra: sideIndex?.right === void 0 ? void 0 : model.intra.get(sideIndex.right)
 												}, index);
@@ -18246,7 +19232,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									setSearchQuery(value);
 									if (value !== "") {
 										const body = bodyRef.current;
-										const matches = searchPairs(pairs, value);
+										const matches = searchPairs(pairs, value, search.options);
 										const anchor = currentSearchPair ?? (body === null ? 0 : pairAtY(body.scrollTop));
 										const at = matches.findIndex((index) => index >= anchor);
 										setSearchIndex(at === -1 ? 0 : at);
@@ -18256,7 +19242,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									if (event.key === "Enter") {
 										event.preventDefault();
 										goSearch(event.shiftKey ? -1 : 1);
-									} else if (event.key === "Escape") closeSearch();
+									}
 								}
 							}),
 							(0, react_jsx_runtime.jsx)("span", {
@@ -18265,7 +19251,45 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								children: searchMatches.length === 0 ? "0/0" : `${searchIndex % searchMatches.length + 1}/${searchMatches.length}`
 							}),
 							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-								label: `${t("action.prevDiff")} (Shift+F3)`,
+								label: withChord(t("action.matchCase"), "matchCase"),
+								side: "bottom",
+								delayMs: 500,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: search.caseSensitive ? `${PendingPanel_module_css_default.searchToggle} ${PendingPanel_module_css_default.searchToggleOn}` : PendingPanel_module_css_default.searchToggle,
+									"data-diff-search-case": true,
+									"data-on": search.caseSensitive ? "" : void 0,
+									"aria-label": t("action.matchCase"),
+									"aria-pressed": search.caseSensitive,
+									onClick: () => {
+										andRefocus(() => {
+											search.toggleCase();
+										});
+									},
+									children: (0, react_jsx_runtime.jsx)(SearchOptionIcon, { kind: "case" })
+								})
+							}),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: withChord(t("action.matchWholeWord"), "matchWholeWord"),
+								side: "bottom",
+								delayMs: 500,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: search.wholeWord ? `${PendingPanel_module_css_default.searchToggle} ${PendingPanel_module_css_default.searchToggleOn}` : PendingPanel_module_css_default.searchToggle,
+									"data-diff-search-word": true,
+									"data-on": search.wholeWord ? "" : void 0,
+									"aria-label": t("action.matchWholeWord"),
+									"aria-pressed": search.wholeWord,
+									onClick: () => {
+										andRefocus(() => {
+											search.toggleWord();
+										});
+									},
+									children: (0, react_jsx_runtime.jsx)(SearchOptionIcon, { kind: "word" })
+								})
+							}),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: withChord(t("action.prevDiff"), "searchPrev"),
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -18275,13 +19299,15 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.prevDiff"),
 									disabled: searchMatches.length === 0,
 									onClick: () => {
-										goSearch(-1);
+										andRefocus(() => {
+											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.nextDiff")} (F3)`,
+								label: withChord(t("action.nextDiff"), "searchNext"),
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -18291,7 +19317,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									"aria-label": t("action.nextDiff"),
 									disabled: searchMatches.length === 0,
 									onClick: () => {
-										goSearch(1);
+										andRefocus(() => {
+											goSearch(1);
+										});
 									},
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
 								})
@@ -18422,6 +19450,21 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function codeCellAt(node) {
 			return ((node instanceof Element ? node : node.parentElement)?.closest("[data-diff-row], [data-diff-split-row]"))?.querySelector("[data-diff-code]") ?? null;
 		}
+		/**
+		* The change block a rendered Markdown-preview node belongs to, or undefined (a
+		* context block, or a node outside any tagged block). The preview tags every
+		* changed run's element with `data-md-block`, carrying the same block index the
+		* source view's `changeBlocksOf` derives over the same contents — so a preview
+		* element and a source block name the same keep/revert target.
+		* @param node - the node under the pointer.
+		* @returns the block index, or undefined.
+		*/
+		function previewBlockAt(node) {
+			const raw = (node instanceof Element ? node : node?.parentElement ?? null)?.closest("[data-md-block]")?.getAttribute("data-md-block");
+			if (raw === null || raw === void 0) return void 0;
+			const index = Number(raw);
+			return Number.isInteger(index) && index >= 0 ? index : void 0;
+		}
 		/** Character offset of a selection boundary within its line's code text. A
 		* boundary outside the code cell (the line-number gutter) sits at the line's
 		* start — offset 0, never the line's end — so it never skips the line. */
@@ -18590,7 +19633,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, onToast, t, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPreviewImage, floatMode, floatOpen, onToggleFileList }) {
+		function PendingDiff({ file, busy, workspacePath, jumpSignal, undoFlash, failedMessage, onPasteReference, onToast, t, onKeep, onRevert, onRefreshVcs, onBlockKeep, onBlockRevert, onOpen, onPreviewImage, floatMode, floatOpen, onToggleFileList }) {
 			const [langOverride, setLangOverride] = (0, react.useState)(void 0);
 			const [langMenuOpen, setLangMenuOpen] = (0, react.useState)(false);
 			const langMenuItems = (0, react.useMemo)(() => [{
@@ -18601,8 +19644,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				label: languageDisplayName(language)
 			}))], [t]);
 			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 langSuffix = (0, react.useMemo)(() => suffixOfPath(file.path), [file.path]);
+			const rememberedLang = (0, react.useMemo)(() => langSuffix === void 0 ? void 0 : languageForSuffix(langSuffix), [langSuffix]);
+			const effectiveLang = langOverride ?? rememberedLang;
+			const lang = (0, react.useMemo)(() => effectiveLang ?? detectedLang, [detectedLang, effectiveLang]);
+			const langLabel = effectiveLang === void 0 ? detectedLang === void 0 ? t("action.langAuto") : t("action.langAutoDetected", { lang: languageDisplayName(detectedLang) }) : languageDisplayName(effectiveLang);
 			const wrapKey = lang ?? "";
 			const [langWrap, setLangWrap] = (0, react.useState)(() => wrapEnabled(wrapKey));
 			(0, react.useEffect)(() => {
@@ -18616,6 +19662,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const [tabWidthSpaces] = (0, react.useState)(() => tabWidth());
 			const [splitView, setSplitView] = (0, react.useState)(() => splitMode());
 			const [mdPreview, setMdPreview] = (0, react.useState)(() => mdPreviewEnabled());
+			const previewActive = mdPreview && lang === "markdown";
 			const mdPreviewBodyRef = (0, react.useRef)(null);
 			const [mdRulerMarkers, setMdRulerMarkers] = (0, react.useState)([]);
 			const [mdImageTick, setMdImageTick] = (0, react.useState)(0);
@@ -18657,12 +19704,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			]);
 			const splitPairs = (0, react.useMemo)(() => splitView ? computeSideBySideDiff(model.diff.rows, true).pairs : null, [splitView, model]);
 			(0, react.useEffect)(() => {
-				if (!mdPreview) return;
+				if (!previewActive) return;
 				const body = mdPreviewBodyRef.current;
 				if (body === null) return;
 				resolvePreviewImages(body, file.path, workspacePath, (path) => onPreviewImage(file.sessionId, path)).then(() => setMdImageTick((tick) => tick + 1));
 			}, [
-				mdPreview,
+				previewActive,
 				splitView,
 				file.path,
 				file.sessionId,
@@ -18705,37 +19752,31 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				return markers;
 			}, [model]);
 			(0, react.useLayoutEffect)(() => {
-				if (!mdPreview || splitView) return;
+				if (!previewActive) return;
 				const body = mdPreviewBodyRef.current;
 				if (body === null) return;
 				const measured = markdownPreviewMarkers(body);
 				setMdRulerMarkers(measured.length > 0 ? measured : rulerMarkers);
 			}, [
-				mdPreview,
+				previewActive,
 				splitView,
 				file.oldText,
 				file.newText,
 				mdImageTick,
 				rulerMarkers
 			]);
-			const [runs, setRuns] = (0, react.useState)(void 0);
-			(0, react.useEffect)(() => {
-				setRuns(void 0);
-				const timer = window.setTimeout(() => {
-					setRuns({
-						oldRuns: highlightLines(file.oldText, lang),
-						newRuns: highlightLines(file.newText, lang)
-					});
-				}, 0);
-				return () => {
-					window.clearTimeout(timer);
-				};
-			}, [
+			const oldLines = (0, react.useMemo)(() => file.oldText.split("\n"), [file.oldText]);
+			const newLines = (0, react.useMemo)(() => file.newText.split("\n"), [file.newText]);
+			const highlightKey = (0, react.useMemo)(() => ({
+				file: file.id,
+				lang
+			}), [
 				file.id,
+				lang,
 				file.oldText,
-				file.newText,
-				lang
+				file.newText
 			]);
+			const [splitVisible, setSplitVisible] = (0, react.useState)(void 0);
 			const bodyRef = (0, react.useRef)(null);
 			const [focus, setFocus] = (0, react.useState)(0);
 			const [scrollTick, setScrollTick] = (0, react.useState)(0);
@@ -18745,10 +19786,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 [previewFrame, setPreviewFrame] = (0, react.useState)(void 0);
+			const [previewCovered, setPreviewCovered] = (0, react.useState)([]);
+			const [previewSelectionFrame, setPreviewSelectionFrame] = (0, react.useState)(void 0);
+			const previewScrollTopRef = (0, react.useRef)(0);
+			const previewHoverFrameRef = (0, react.useRef)(null);
+			const previewSelectionFrameRef = (0, react.useRef)(null);
+			const previewSearchHitsRef = (0, react.useRef)([]);
+			const [previewHitCount, setPreviewHitCount] = (0, react.useState)(0);
+			const previewSearchAnchorRef = (0, react.useRef)(false);
+			const [previewFlash, setPreviewFlash] = (0, react.useState)(void 0);
+			const previewFlashRef = (0, react.useRef)(null);
+			const previewFlashPendingRef = (0, react.useRef)(false);
 			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 search = useSearchOptions();
 			const [searchIndex, setSearchIndex] = (0, react.useState)(0);
 			const searchInputRef = (0, react.useRef)(null);
 			const [flashKey, setFlashKey] = (0, react.useState)(0);
@@ -18756,6 +19810,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const bumpFlash = (shake) => {
 				pinShakeRef.current = shake;
 				setFlashKey((prev) => prev + 1);
+				previewFlashPendingRef.current = true;
 			};
 			(0, react.useEffect)(() => {
 				setFocus(0);
@@ -18781,6 +19836,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				return model.blocks.map((block) => blockRangesOf(model.diff.rows, block));
 			}, [model]);
 			const coveredBlockIndices = (0, react.useMemo)(() => {
+				if (previewActive) return previewCovered;
 				if (selection === void 0 || splitView) return [];
 				const covered = [];
 				for (let index = 0; index < model.blocks.length; index++) {
@@ -18791,7 +19847,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				selection,
 				splitView,
-				model
+				model,
+				mdPreview,
+				lang,
+				previewCovered
 			]);
 			const selectionRange = (0, react.useMemo)(() => {
 				if (coveredBlockIndices.length === 0) return void 0;
@@ -18806,10 +19865,324 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					end: last.end
 				});
 			}, [coveredBlockIndices, model]);
-			const searchMatches = (0, react.useMemo)(() => matchingRows(model.diff.rows, searchQuery), [model, searchQuery]);
+			const searchMatches = (0, react.useMemo)(() => matchingRows(model.diff.rows, searchQuery, search.options), [
+				model,
+				searchQuery,
+				search.options
+			]);
 			const searchHitSet = (0, react.useMemo)(() => new Set(searchMatches), [searchMatches]);
 			const currentSearchRow = searchMatches.length === 0 ? void 0 : searchMatches[searchIndex % searchMatches.length];
+			const searchMatchCount = previewActive ? previewHitCount : searchMatches.length;
+			/**
+			* Measure one frame's placement for a set of change blocks in the Markdown
+			* preview. The block's bottom is stored in *content* coordinates (scroll
+			* independent), so the scroll path can move the frame without re-measuring or
+			* re-rendering — the preview's markdown re-render is far too heavy to run per
+			* scroll event.
+			*
+			* - vertically at the block group's bottom edge, clamped into the pane exactly
+			*   like the code view (`pane height - frame height`), so a block near or past
+			*   the bottom keeps its actions visible at the pane's bottom edge;
+			* - horizontally at the *content's* right edge, because the preview content is
+			*   centred under a max width — anchoring to the pane would leave the frame
+			*   stranded in the empty margin on a wide panel.
+			* @param indices - the block indices the frame acts on.
+			* @returns the placement, or undefined when nothing is rendered.
+			*/
+			const previewFrameFor = (0, react.useCallback)((indices) => {
+				const body = mdPreviewBodyRef.current;
+				if (body === null || indices.length === 0) return void 0;
+				const bodyRect = body.getBoundingClientRect();
+				let bottom = -Infinity;
+				for (const index of indices) for (const element of body.querySelectorAll(`[data-md-block="${index}"]`)) bottom = Math.max(bottom, element.getBoundingClientRect().bottom);
+				if (!Number.isFinite(bottom)) return void 0;
+				const content = body.querySelector("[data-diff-md-preview-content]");
+				const contentRight = content === null ? bodyRect.right : content.getBoundingClientRect().right;
+				previewScrollTopRef.current = body.scrollTop;
+				return {
+					contentBottom: bottom - bodyRect.top + body.scrollTop,
+					maxTop: Math.max(0, body.clientHeight - BLOCK_ACTIONS_FRAME_PX),
+					right: Math.max(0, bodyRect.right - contentRight) + FRAME_INSET_PX
+				};
+			}, []);
+			/** One placement's viewport top at a given scroll offset, clamped into the pane. */
+			const previewFrameTop = (frame, scrollTop) => frame === void 0 ? void 0 : Math.min(Math.max(0, frame.contentBottom - scrollTop - 2), frame.maxTop);
+			/** Write one placement onto its element right away, so a scroll tracks the pane
+			*  in the same frame as the content instead of waiting for a React render. */
+			const applyPreviewFrame = (element, frame) => {
+				if (element === null || frame === void 0) return;
+				const top = previewFrameTop(frame, previewScrollTopRef.current);
+				if (top === void 0) return;
+				element.style.top = `${top}px`;
+				element.style.right = `${frame.right}px`;
+			};
+			/**
+			* Measure the flash box for one preview change block: the union of the block's
+			* rendered elements, in content coordinates. The box is the background-diff
+			* area itself — the code view's outline spans its pane the same way — so
+			* vertically it is the tinted block, and horizontally the widest thing that
+			* tint belongs to: its own edge in the single column, and the *aligned row* in
+			* the double column, which spans both columns even when the change exists on
+			* one side only. The code view derives that from row offsets; rendered
+			* Markdown has no rows, so the elements are measured.
+			* @param index - the change block to outline.
+			* @returns the placement, or undefined when the block is not rendered.
+			*/
+			const previewFlashFor = (index) => {
+				const body = mdPreviewBodyRef.current;
+				if (body === null) return void 0;
+				const bodyRect = body.getBoundingClientRect();
+				let top = Infinity;
+				let bottom = -Infinity;
+				let left = Infinity;
+				let right = -Infinity;
+				for (const element of body.querySelectorAll(`[data-md-block="${index}"]`)) {
+					const rect = element.getBoundingClientRect();
+					top = Math.min(top, rect.top);
+					bottom = Math.max(bottom, rect.bottom);
+					const row = element.closest(".mdDoubleRow");
+					const span = row === null ? rect : row.getBoundingClientRect();
+					left = Math.min(left, span.left);
+					right = Math.max(right, span.right);
+				}
+				if (!Number.isFinite(top) || !Number.isFinite(bottom)) return void 0;
+				return {
+					contentTop: top - bodyRect.top + body.scrollTop,
+					contentBottom: bottom - bodyRect.top + body.scrollTop,
+					left: Math.max(0, left - bodyRect.left),
+					right: Math.max(0, bodyRect.right - right)
+				};
+			};
+			/** One flash's viewport box at a given scroll offset. The block is clamped into
+			*  the pane exactly like the code view clamps its rows, so a block taller than
+			*  the pane outlines the visible part instead of running past the edge. */
+			const previewFlashBox = (flash, scrollTop) => {
+				if (flash === void 0) return void 0;
+				const paneHeight = mdPreviewBodyRef.current?.clientHeight ?? 0;
+				const top = Math.max(0, flash.contentTop - scrollTop);
+				const bottom = Math.min(paneHeight > 0 ? paneHeight : Number.POSITIVE_INFINITY, flash.contentBottom - scrollTop);
+				return {
+					top,
+					height: Math.max(0, bottom - top)
+				};
+			};
+			/** Write the flash box onto its element right away (the scroll path, so the box
+			*  tracks its block for the second it is visible). */
+			const applyPreviewFlash = (element, flash) => {
+				if (element === null || flash === void 0) return;
+				const box = previewFlashBox(flash, previewScrollTopRef.current);
+				if (box === void 0) return;
+				element.style.top = `${box.top}px`;
+				element.style.height = `${box.height}px`;
+				element.style.left = `${flash.left}px`;
+				element.style.right = `${flash.right}px`;
+			};
+			/** Re-place the two action frames at the mirrored scroll offset. */
+			const applyPreviewFrames = () => {
+				applyPreviewFrame(previewHoverFrameRef.current, previewFrame);
+				applyPreviewFrame(previewSelectionFrameRef.current, previewSelectionFrame);
+			};
+			/** Re-place every preview overlay: the frames follow the pointer and the
+			*  selection, the flash box the last jump. Only a user scroll uses this — the
+			*  landing path re-measures the flash instead, and writing the previous
+			*  placement there would stomp the element that React then declines to
+			*  rewrite (its style values come out equal, so the write is skipped). */
+			const applyPreviewOverlays = () => {
+				applyPreviewFrames();
+				applyPreviewFlash(previewFlashRef.current, previewFlash);
+			};
+			(0, react.useLayoutEffect)(() => {
+				if (!previewActive) return;
+				setPreviewFrame(hoveredBlock === void 0 ? void 0 : previewFrameFor([hoveredBlock]));
+			}, [
+				mdPreview,
+				lang,
+				hoveredBlock,
+				file.oldText,
+				file.newText,
+				splitView,
+				mdImageTick,
+				previewFrameFor
+			]);
+			(0, react.useLayoutEffect)(() => {
+				if (!previewActive) return;
+				setPreviewSelectionFrame(previewFrameFor(previewCovered));
+			}, [
+				mdPreview,
+				lang,
+				previewCovered,
+				file.oldText,
+				file.newText,
+				splitView,
+				mdImageTick,
+				previewFrameFor
+			]);
+			(0, react.useEffect)(() => {
+				setHoveredBlock(void 0);
+				setPreviewCovered([]);
+			}, [mdPreview, lang]);
+			/** The change blocks a live native selection inside the preview fully covers,
+			*  in order — the preview's counterpart of the code view's row-range rule. */
+			const coveredPreviewBlocks = () => {
+				const body = mdPreviewBodyRef.current;
+				const live = window.getSelection();
+				if (body === null || live === null || live.isCollapsed || live.rangeCount === 0) return [];
+				const range = live.getRangeAt(0);
+				if (!body.contains(range.commonAncestorContainer)) return [];
+				const covered = [];
+				for (let index = 0; index < model.blocks.length; index++) {
+					const elements = body.querySelectorAll(`[data-md-block="${index}"]`);
+					if (elements.length === 0) continue;
+					let inside = true;
+					for (const element of elements) {
+						const blockRange = document.createRange();
+						blockRange.selectNode(element);
+						if (range.compareBoundaryPoints(Range.START_TO_START, blockRange) > 0 || range.compareBoundaryPoints(Range.END_TO_END, blockRange) < 0) {
+							inside = false;
+							break;
+						}
+					}
+					if (inside) covered.push(index);
+				}
+				return covered;
+			};
+			/**
+			* Bring one preview block into view. The code view scrolls arithmetically on
+			* row offsets; rendered Markdown has no rows to count, so the block's own
+			* element is measured instead. Its top edge lands `leadRows` code rows below
+			* the pane's top — the same lead the code view leaves — clamped to the scroll
+			* range, so a jump always lands the block in the same place (a bare
+			* `scrollIntoView({ block: 'nearest' })` left it flush against whichever edge
+			* it came from). The settled offset is mirrored into the frames right away: a
+			* programmatic `scrollTop` fires `scroll` no earlier than the next task, and
+			* the frames must not lag the content.
+			* @param index - the change block to bring into view.
+			*/
+			const scrollPreviewBlockIntoView = (index) => {
+				const body = mdPreviewBodyRef.current;
+				if (body === null) return;
+				const element = body.querySelector(`[data-md-block="${index}"]`);
+				if (element === null) return;
+				const elementTop = element.getBoundingClientRect().top - body.getBoundingClientRect().top + body.scrollTop;
+				const maxTop = Math.max(0, body.scrollHeight - body.clientHeight);
+				const target = Math.max(0, Math.min(elementTop - leadRows * ROW_HEIGHT_PX, maxTop));
+				if (body.scrollTop !== target) body.scrollTop = target;
+				previewScrollTopRef.current = body.scrollTop;
+				applyPreviewFrames();
+			};
+			/**
+			* Bring one preview search occurrence into view. The code view's search rule is
+			* reused: a hit that is already fully visible is left alone (a search must not
+			* yank the pane off what the user can see), one above the viewport lands with
+			* the lead rows above it — the block-jump rule — and one below lands at the
+			* bottom edge. The settled offset is mirrored into the frames, as for a jump.
+			* @param hit - the highlighted occurrence to reveal.
+			*/
+			const scrollPreviewHitIntoView = (hit) => {
+				const body = mdPreviewBodyRef.current;
+				if (body === null) return;
+				const bodyRect = body.getBoundingClientRect();
+				const hitTop = hit.getBoundingClientRect().top - bodyRect.top + body.scrollTop;
+				const hitBottom = hit.getBoundingClientRect().bottom - bodyRect.top + body.scrollTop;
+				const viewTop = body.scrollTop;
+				const viewBottom = viewTop + body.clientHeight;
+				let target;
+				if (hitTop - leadRows * ROW_HEIGHT_PX < viewTop) target = hitTop - leadRows * ROW_HEIGHT_PX;
+				else if (hitBottom > viewBottom) target = hitBottom - body.clientHeight;
+				if (target === void 0) return;
+				const maxTop = Math.max(0, body.scrollHeight - body.clientHeight);
+				const clamped = Math.max(0, Math.min(target, maxTop));
+				if (body.scrollTop !== clamped) body.scrollTop = clamped;
+				previewScrollTopRef.current = body.scrollTop;
+				applyPreviewOverlays();
+			};
+			/**
+			* Highlight the query inside the rendered preview. The preview's HTML is one
+			* sanitized string (a flat blob to React) and re-rendering the Markdown per
+			* keystroke is far too heavy, so the matches are wrapped onto the text nodes
+			* that are already there — same matcher, same colors as the code view. The
+			* wrapped elements become the preview's match list, since rendered Markdown
+			* has no rows to map hits onto. A match Markdown split across elements (say
+			* `**bo**ld` for `bold`) is not found: matching what is rendered cannot see
+			* through the markup, which is the honest trade for highlighting the text the
+			* user is actually looking at.
+			*/
+			(0, react.useLayoutEffect)(() => {
+				for (const hit of previewSearchHitsRef.current) {
+					hit.replaceWith(document.createTextNode(hit.textContent ?? ""));
+					hit.parentNode?.normalize();
+				}
+				previewSearchHitsRef.current = [];
+				const body = mdPreviewBodyRef.current;
+				const content = body?.querySelector("[data-diff-md-preview-content]") ?? null;
+				if (!previewActive || content === null || searchQuery === "") {
+					setPreviewHitCount(0);
+					return;
+				}
+				const walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
+				const texts = [];
+				for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) texts.push(node);
+				const hits = [];
+				for (const node of texts) {
+					const parent = node.parentElement;
+					if (parent === null || parent.closest("script,style") !== null) continue;
+					const ranges = matchRangesOf(node.data, searchQuery, search.options);
+					if (ranges.length === 0) continue;
+					const marks = [];
+					for (let index = ranges.length - 1; index >= 0; index--) {
+						const [start, end] = ranges[index];
+						const range = document.createRange();
+						range.setStart(node, start);
+						range.setEnd(node, end);
+						const mark = document.createElement("mark");
+						mark.className = PendingPanel_module_css_default.searchMatch ?? "";
+						mark.setAttribute("data-diff-search-match", "hit");
+						range.surroundContents(mark);
+						marks.push(mark);
+					}
+					hits.push(...marks.reverse());
+				}
+				previewSearchHitsRef.current = hits;
+				setPreviewHitCount(hits.length);
+				if (previewSearchAnchorRef.current) {
+					previewSearchAnchorRef.current = false;
+					const bodyTop = body === null ? 0 : body.getBoundingClientRect().top;
+					const scrollTop = body?.scrollTop ?? 0;
+					const at = hits.findIndex((hit) => hit.getBoundingClientRect().top - bodyTop + scrollTop >= scrollTop - 1);
+					setSearchIndex(at === -1 ? 0 : at);
+				}
+			}, [
+				previewActive,
+				searchQuery,
+				search.options,
+				file.oldText,
+				file.newText,
+				splitView
+			]);
+			(0, react.useEffect)(() => {
+				const hits = previewSearchHitsRef.current;
+				if (!previewActive || hits.length === 0) return;
+				const current = searchIndex % hits.length;
+				hits.forEach((hit, index) => {
+					const isCurrent = index === current;
+					hit.className = (isCurrent ? PendingPanel_module_css_default.searchMatchCurrent : PendingPanel_module_css_default.searchMatch) ?? "";
+					hit.setAttribute("data-diff-search-match", isCurrent ? "current" : "hit");
+				});
+			}, [
+				previewActive,
+				previewHitCount,
+				searchIndex
+			]);
 			const goSearch = (direction) => {
+				if (previewActive) {
+					cursorPosRef.current = void 0;
+					const hits = previewSearchHitsRef.current;
+					if (hits.length === 0) return;
+					const next = (searchIndex % hits.length + direction + hits.length) % hits.length;
+					setSearchIndex(next);
+					scrollPreviewHitIntoView(hits[next]);
+					return;
+				}
 				if (searchMatches.length === 0) return;
 				if (cursorPosRef.current !== void 0) {
 					setSearchIndex(startIndexFor(searchQuery));
@@ -18824,7 +20197,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			* start (the "no cursor" fallback).
 			*/
 			const startIndexFor = (value) => {
-				const matches = value === "" ? [] : matchingRows(model.diff.rows, value);
+				const matches = value === "" ? [] : matchingRows(model.diff.rows, value, search.options);
 				const pos = cursorPosRef.current;
 				cursorPosRef.current = void 0;
 				if (matches.length === 0) return 0;
@@ -18843,15 +20216,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					searchInputRef.current?.select();
 					return;
 				}
+				search.sync();
 				const live = window.getSelection();
-				const liveRange = splitView ? splitRowRangeOf(live) : rowRangeOf(live);
+				const liveRange = splitView && !previewActive ? 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));
+				if (previewActive) {
+					previewSearchAnchorRef.current = true;
+					setSearchIndex(0);
+				} else setSearchIndex(startIndexFor(value));
 				setSearchOpen(true);
 				requestAnimationFrame(() => {
 					searchInputRef.current?.focus();
@@ -18862,7 +20239,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			openSearchRef.current = openSearchWithSelection;
 			const searchOpenRef = (0, react.useRef)(searchOpen);
 			searchOpenRef.current = searchOpen;
+			/** Run one bar control's action, then hand the focus back to the query box:
+			*  the bar's chords are scoped to the box (its Esc to the bar), so a mouse
+			*  click on a bar button must not leave them dead on the button it landed on. */
+			const andRefocus = (action) => {
+				action();
+				searchInputRef.current?.focus();
+			};
 			const toggleSearch = () => {
+				if (splitView && !previewActive) {
+					splitDiffRef.current?.toggleSearch();
+					return;
+				}
 				if (searchOpen) {
 					cursorPosRef.current = void 0;
 					lastRecordedCursorRef.current = void 0;
@@ -18965,6 +20353,28 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				end = Math.max(end, selection.end + 1);
 			}
 			const visibleRows = rows.slice(start, end);
+			const oldWindow = (0, react.useMemo)(() => windowLineRange(rows, start, end, "old"), [
+				rows,
+				start,
+				end
+			]);
+			const newWindow = (0, react.useMemo)(() => windowLineRange(rows, start, end, "new"), [
+				rows,
+				start,
+				end
+			]);
+			const onSplitVisibleLines = (0, react.useCallback)((visible) => {
+				setSplitVisible(visible);
+			}, []);
+			const runs = useWindowedHighlight({
+				key: highlightKey,
+				oldLines,
+				newLines,
+				lang,
+				oldRange: splitView ? splitVisible?.oldRange : oldWindow,
+				newRange: splitView ? splitVisible?.newRange : newWindow,
+				live: splitView ? splitVisible?.live ?? false : viewportHeight > 0
+			});
 			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 - 2, Math.max(0, viewportHeight - BLOCK_ACTIONS_FRAME_PX)));
 			const selectionBlockEnd = (() => {
@@ -18994,7 +20404,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				file.id,
 				splitView,
-				mdPreview
+				previewActive
 			]);
 			(0, react.useEffect)(() => {
 				const body = bodyRef.current;
@@ -19012,12 +20422,20 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				file.id,
 				langWrap,
-				mdPreview
+				previewActive
 			]);
 			(0, react.useLayoutEffect)(() => {
 				if (rowCount === 0) return;
 				const block = model.blocks[focus];
 				if (block === void 0) return;
+				if (previewActive) {
+					scrollPreviewBlockIntoView(focus);
+					if (previewFlashPendingRef.current) {
+						previewFlashPendingRef.current = false;
+						setPreviewFlash(previewFlashFor(focus));
+					}
+					return;
+				}
 				const body = bodyRef.current;
 				if (body === null) return;
 				const target = offsetOf(block.start) - leadRows * ROW_HEIGHT_PX;
@@ -19027,7 +20445,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				scrollTick,
 				rowOffsets === null,
-				mdPreview
+				previewActive
 			]);
 			const wrapArmedRef = (0, react.useRef)(0);
 			const jump = (direction, wrapGuard = false, singleToast = wrapGuard) => {
@@ -19047,7 +20465,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						wrapArmedRef.current = 0;
 					} else wrapArmedRef.current = 0;
 				}
-				setFocus((current) => {
+				const targetOf = (current) => {
 					if (direction === -1) return (current - 1 + count) % count;
 					const top = bodyRef.current?.scrollTop ?? 0;
 					for (let index = current + 1; index < count; index++) {
@@ -19056,12 +20474,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						if (offsetOf(block.start) >= top) return index;
 					}
 					return 0;
-				});
+				};
+				const landed = targetOf(focus);
+				setFocus(landed);
 				setScrollTick((tick) => tick + 1);
 				bumpFlash(false);
 			};
 			const jumpBlock = (direction, wrapGuard = false, singleToast = wrapGuard) => {
-				if (splitView) {
+				if (splitView && !previewActive) {
 					splitDiffRef.current?.jump(direction, wrapGuard, singleToast);
 					return;
 				}
@@ -19100,6 +20520,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (firstCovered === void 0) return;
 				await runBlockAction(action, selectionRange, firstCovered);
 				setSelection(void 0);
+				setPreviewCovered([]);
 				window.getSelection()?.removeAllRanges?.();
 			};
 			(0, react.useEffect)(() => {
@@ -19130,6 +20551,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			};
 			(0, react.useEffect)(() => {
 				const update = () => {
+					if (previewActive) {
+						setPreviewCovered(coveredPreviewBlocks());
+						selectionTextRef.current = "";
+						return;
+					}
 					const live = window.getSelection();
 					const range = splitView ? splitRowRangeOf(live) : rowRangeOf(live);
 					let text = "";
@@ -19151,7 +20577,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				return () => {
 					document.removeEventListener("selectionchange", update);
 				};
-			}, [file.id, splitView]);
+			}, [
+				file.id,
+				splitView,
+				mdPreview,
+				lang
+			]);
 			(0, react.useEffect)(() => {
 				const onCopy = (event) => {
 					const anchor = window.getSelection()?.anchorNode;
@@ -19219,8 +20650,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
 					if (!matchesShortcut(event, keybindingOf("openSearch"))) return;
+					if (pathPickerOpen()) return;
 					event.preventDefault();
-					if (splitView) {
+					if (splitView && !previewActive) {
 						splitDiffRef.current?.openSearch();
 						return;
 					}
@@ -19233,15 +20665,16 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [searchOpen, splitView]);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
+					if (!isSearchInputEvent(event)) return;
 					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 (splitView && !previewActive) {
 						if (splitDiffRef.current?.searchNext(direction)) event.preventDefault();
 						return;
 					}
-					if (searchOpen && searchMatches.length > 0) {
+					if (searchOpen && searchMatchCount > 0) {
 						event.preventDefault();
 						goSearch(direction);
 					}
@@ -19253,7 +20686,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				searchOpen,
 				searchMatches,
-				splitView
+				searchMatchCount,
+				splitView,
+				previewActive
+			]);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (!isSearchInputEvent(event)) return;
+					const option = matchesShortcut(event, keybindingOf("matchCase")) ? "case" : matchesShortcut(event, keybindingOf("matchWholeWord")) ? "word" : void 0;
+					if (option === void 0) return;
+					if (splitView && !previewActive) {
+						const handle = splitDiffRef.current;
+						if (option === "case" ? handle?.toggleMatchCase() === true : handle?.toggleMatchWholeWord() === true) event.preventDefault();
+						return;
+					}
+					if (!searchOpen) return;
+					event.preventDefault();
+					if (option === "case") search.toggleCase();
+					else search.toggleWord();
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [
+				searchOpen,
+				splitView,
+				previewActive,
+				search
+			]);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (event.key !== "Escape" || !isInPanelEvent(event)) return;
+					if (pathPickerOpen()) return;
+					if (!previewActive && splitView) {
+						if (splitDiffRef.current?.closeSearch() === true) event.preventDefault();
+						return;
+					}
+					if (!searchOpen) return;
+					event.preventDefault();
+					closeSearch();
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+				};
+			}, [
+				searchOpen,
+				splitView,
+				previewActive
 			]);
 			const jumpRef = (0, react.useRef)(jumpBlock);
 			jumpRef.current = jumpBlock;
@@ -19263,8 +20744,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					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;
+					if (pathPickerOpen()) return;
+					if (isTextFieldEvent(event)) return;
 					event.preventDefault();
 					jumpRef.current(direction, true);
 				};
@@ -19284,6 +20765,123 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			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);
+			const previewFlashNow = previewActive ? previewFlashBox(previewFlash, previewScrollTopRef.current) : void 0;
+			const searchBar = searchOpen ? (0, react_jsx_runtime.jsxs)("div", {
+				className: PendingPanel_module_css_default.searchBar,
+				"data-diff-searchbar": true,
+				children: [
+					(0, react_jsx_runtime.jsx)("input", {
+						ref: searchInputRef,
+						className: PendingPanel_module_css_default.searchInput,
+						"data-diff-search-input": true,
+						value: searchQuery,
+						placeholder: t("panel.searchPlaceholder"),
+						onChange: (event) => {
+							const value = event.target.value;
+							setSearchQuery(value);
+							if (previewActive) {
+								previewSearchAnchorRef.current = true;
+								setSearchIndex(0);
+								return;
+							}
+							setSearchIndex(startIndexFor(value));
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter") {
+								event.preventDefault();
+								goSearch(event.shiftKey ? -1 : 1);
+							}
+						}
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: PendingPanel_module_css_default.searchCount,
+						"data-diff-search-count": true,
+						children: searchMatchCount === 0 ? "0/0" : `${searchIndex % searchMatchCount + 1}/${searchMatchCount}`
+					}),
+					(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: withChord(t("action.matchCase"), "matchCase"),
+						side: "bottom",
+						delayMs: 500,
+						children: (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: search.caseSensitive ? `${PendingPanel_module_css_default.searchToggle} ${PendingPanel_module_css_default.searchToggleOn}` : PendingPanel_module_css_default.searchToggle,
+							"data-diff-search-case": true,
+							"data-on": search.caseSensitive ? "" : void 0,
+							"aria-label": t("action.matchCase"),
+							"aria-pressed": search.caseSensitive,
+							onClick: () => {
+								andRefocus(() => {
+									search.toggleCase();
+								});
+							},
+							children: (0, react_jsx_runtime.jsx)(SearchOptionIcon, { kind: "case" })
+						})
+					}),
+					(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: withChord(t("action.matchWholeWord"), "matchWholeWord"),
+						side: "bottom",
+						delayMs: 500,
+						children: (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: search.wholeWord ? `${PendingPanel_module_css_default.searchToggle} ${PendingPanel_module_css_default.searchToggleOn}` : PendingPanel_module_css_default.searchToggle,
+							"data-diff-search-word": true,
+							"data-on": search.wholeWord ? "" : void 0,
+							"aria-label": t("action.matchWholeWord"),
+							"aria-pressed": search.wholeWord,
+							onClick: () => {
+								andRefocus(() => {
+									search.toggleWord();
+								});
+							},
+							children: (0, react_jsx_runtime.jsx)(SearchOptionIcon, { kind: "word" })
+						})
+					}),
+					(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: withChord(t("action.prevDiff"), "searchPrev"),
+						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: searchMatchCount === 0,
+							onClick: () => {
+								andRefocus(() => {
+									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: withChord(t("action.nextDiff"), "searchNext"),
+						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: searchMatchCount === 0,
+							onClick: () => {
+								andRefocus(() => {
+									goSearch(1);
+								});
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+						})
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+						"data-diff-search-close": true,
+						"aria-label": t("action.close"),
+						onClick: closeSearch,
+						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+					})
+				]
+			}) : null;
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: PendingPanel_module_css_default.diff,
 				"data-diff-approval-diff": true,
@@ -19352,7 +20950,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								})
 							}),
 							model.blocks.length > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-								label: `${t("action.prevDiff")} (Ctrl+↑)`,
+								label: withChord(t("action.prevDiff"), "jumpUp"),
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -19367,7 +20965,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									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.nextDiff")} (Ctrl+↓)`,
+								label: withChord(t("action.nextDiff"), "jumpDown"),
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -19383,7 +20981,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								})
 							})] }),
 							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-								label: t("action.search"),
+								label: withChord(t("action.search"), "openSearch"),
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -19426,6 +21024,22 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									children: (0, react_jsx_runtime.jsx)(MarkdownModeIcon, { preview: mdPreview })
 								})
 							}),
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t("action.refreshVcs"),
+								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-refresh-vcs": true,
+									disabled: busy,
+									"aria-label": t("action.refreshVcs"),
+									onClick: () => {
+										onRefreshVcs(file);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, { size: 14 })
+								})
+							}),
 							(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.flexSpacer }),
 							(0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -19458,7 +21072,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						className: PendingPanel_module_css_default.missingHint,
 						children: t("panel.missingHint")
 					}),
-					mdPreview && lang === "markdown" ? (0, react_jsx_runtime.jsx)(MarkdownPreviewBoundary, {
+					previewActive ? (0, react_jsx_runtime.jsx)(MarkdownPreviewBoundary, {
 						fallback: (0, react_jsx_runtime.jsx)("div", {
 							className: PendingPanel_module_css_default.mdPreviewFallback,
 							"data-diff-md-preview-fallback": true,
@@ -19466,29 +21080,146 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						}),
 						children: (0, react_jsx_runtime.jsxs)("div", {
 							className: PendingPanel_module_css_default.mdPreviewWrap,
-							children: [(0, react_jsx_runtime.jsx)("div", {
-								className: `${PendingPanel_module_css_default.mdPreviewBody} ${splitView ? PendingPanel_module_css_default.mdPreviewDouble : PendingPanel_module_css_default.mdPreviewSingle}`,
-								"data-diff-md-preview-body": true,
-								"data-diff-md-mode": splitView ? "double" : "single",
-								ref: mdPreviewBodyRef,
-								children: (0, react_jsx_runtime.jsx)("div", {
-									className: PendingPanel_module_css_default.mdPreviewContent,
-									style: { maxWidth: splitView ? mdPreviewMaxWidthPx * 2 : mdPreviewMaxWidthPx },
-									dangerouslySetInnerHTML: { __html: renderMarkdownPreview(file.oldText, file.newText, splitView ? "double" : "single") }
-								})
-							}), !splitView && mdRulerMarkers.length > 0 && (0, react_jsx_runtime.jsx)("div", {
-								className: PendingPanel_module_css_default.overviewRuler,
-								"data-diff-approval-ruler": true,
-								"aria-hidden": "true",
-								children: mdRulerMarkers.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,
+							onMouseLeave: () => {
+								setHoveredBlock(void 0);
+							},
+							children: [
+								(0, react_jsx_runtime.jsx)("div", {
+									className: `${PendingPanel_module_css_default.mdPreviewBody} ${splitView ? PendingPanel_module_css_default.mdPreviewDouble : PendingPanel_module_css_default.mdPreviewSingle}`,
+									"data-diff-md-preview-body": true,
+									"data-diff-md-mode": splitView ? "double" : "single",
+									ref: mdPreviewBodyRef,
+									onScroll: (event) => {
+										previewScrollTopRef.current = event.currentTarget.scrollTop;
+										applyPreviewOverlays();
+									},
+									onMouseOver: (event) => {
+										const target = event.target;
+										if (target instanceof Element && target.closest("[data-diff-block-actions],[data-diff-selection-actions]") !== null) return;
+										const index = previewBlockAt(target);
+										if (index !== hoveredBlock) setHoveredBlock(index);
+									},
+									children: (0, react_jsx_runtime.jsx)("div", {
+										className: PendingPanel_module_css_default.mdPreviewContent,
+										"data-diff-md-preview-content": true,
+										style: { maxWidth: splitView ? mdPreviewMaxWidthPx * 2 : mdPreviewMaxWidthPx },
+										dangerouslySetInnerHTML: { __html: renderMarkdownPreview(file.oldText, file.newText, splitView ? "double" : "single") }
+									})
+								}),
+								searchBar,
+								previewFlash !== void 0 && previewFlashNow !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+									ref: previewFlashRef,
+									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: `${marker.top}%`,
-										height: `${marker.height}%`
+										top: previewFlashNow.top,
+										height: previewFlashNow.height,
+										left: previewFlash.left,
+										right: previewFlash.right
 									}
-								}, index))
-							})]
+								}, flashKey),
+								previewCovered.length > 0 && selectionRange !== void 0 && previewSelectionFrame !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+									ref: previewSelectionFrameRef,
+									className: PendingPanel_module_css_default.blockActions,
+									"data-diff-selection-actions": true,
+									style: {
+										top: previewFrameTop(previewSelectionFrame, previewScrollTopRef.current) ?? 0,
+										right: previewSelectionFrame.right
+									},
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+										"data-diff-selection-keep": true,
+										disabled: busy,
+										onClick: () => {
+											handleSelectionAction("keep");
+										},
+										children: t("action.keep")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: PendingPanel_module_css_default.action,
+										"data-diff-selection-revert": true,
+										disabled: busy,
+										onClick: () => {
+											handleSelectionAction("revert");
+										},
+										children: t("action.revert")
+									})]
+								}) : hoveredBlock !== void 0 && model.blocks[hoveredBlock] !== void 0 && previewFrame !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+									ref: previewHoverFrameRef,
+									className: PendingPanel_module_css_default.blockActions,
+									"data-diff-block-actions": true,
+									style: {
+										top: previewFrameTop(previewFrame, previewScrollTopRef.current) ?? 0,
+										right: previewFrame.right
+									},
+									children: [
+										(0, react_jsx_runtime.jsx)("span", {
+											className: PendingPanel_module_css_default.blockPosition,
+											"data-diff-block-position": true,
+											children: t("panel.blockPosition", {
+												current: hoveredBlock + 1,
+												total: model.blocks.length
+											})
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+											"data-diff-block-prev": true,
+											"aria-label": t("action.prevDiff"),
+											disabled: busy,
+											onClick: () => {
+												stepBlock(-1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, { size: 14 })
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
+											"data-diff-block-next": true,
+											"aria-label": t("action.nextDiff"),
+											disabled: busy,
+											onClick: () => {
+												stepBlock(1);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+											"data-diff-block-keep": true,
+											disabled: busy,
+											onClick: () => {
+												handleBlockAction("keep");
+											},
+											children: t("action.keep")
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PendingPanel_module_css_default.action,
+											"data-diff-block-revert": true,
+											disabled: busy,
+											onClick: () => {
+												handleBlockAction("revert");
+											},
+											children: t("action.revert")
+										})
+									]
+								}) : null,
+								mdRulerMarkers.length > 0 && (0, react_jsx_runtime.jsx)("div", {
+									className: PendingPanel_module_css_default.overviewRuler,
+									"data-diff-approval-ruler": true,
+									"aria-hidden": "true",
+									children: mdRulerMarkers.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,
+										style: {
+											top: `${marker.top}%`,
+											height: `${marker.height}%`
+										}
+									}, index))
+								})
+							]
 						})
 					}) : splitView ? (0, react_jsx_runtime.jsx)(SplitDiff, {
 						ref: splitDiffRef,
@@ -19503,7 +21234,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						leadRows,
 						onBlockKeep,
 						onBlockRevert,
-						onWrapToast: (text) => onToast(text)
+						onWrapToast: (text) => onToast(text),
+						onVisibleLines: onSplitVisibleLines
 					}) : (0, react_jsx_runtime.jsxs)("div", {
 						className: PendingPanel_module_css_default.diffBodyWrap,
 						onMouseLeave: () => {
@@ -19539,6 +21271,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 												searchHit: searchHitSet.has(index),
 												searchCurrent: index === currentSearchRow,
 												searchQuery,
+												searchOptions: search.options,
 												onRowHover,
 												wrappedLines: rowWrapped?.[index]
 											}, index);
@@ -19640,75 +21373,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 									width: flashWidth
 								}
 							}, flashKey),
-							searchOpen && (0, react_jsx_runtime.jsxs)("div", {
-								className: PendingPanel_module_css_default.searchBar,
-								"data-diff-searchbar": true,
-								children: [
-									(0, react_jsx_runtime.jsx)("input", {
-										ref: searchInputRef,
-										className: PendingPanel_module_css_default.searchInput,
-										"data-diff-search-input": true,
-										value: searchQuery,
-										placeholder: t("panel.searchPlaceholder"),
-										onChange: (event) => {
-											const value = event.target.value;
-											setSearchQuery(value);
-											setSearchIndex(startIndexFor(value));
-										},
-										onKeyDown: (event) => {
-											if (event.key === "Enter") {
-												event.preventDefault();
-												goSearch(event.shiftKey ? -1 : 1);
-											} else if (event.key === "Escape") closeSearch();
-										}
-									}),
-									(0, react_jsx_runtime.jsx)("span", {
-										className: PendingPanel_module_css_default.searchCount,
-										"data-diff-search-count": true,
-										children: searchMatches.length === 0 ? "0/0" : `${searchIndex % searchMatches.length + 1}/${searchMatches.length}`
-									}),
-									(0, react_jsx_runtime.jsx)(_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)(_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",
-										className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.iconAction}`,
-										"data-diff-search-close": true,
-										"aria-label": t("action.close"),
-										onClick: closeSearch,
-										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
-									})
-								]
-							}),
+							searchBar,
 							rulerMarkers.length > 0 && (0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.overviewRuler,
 								"data-diff-approval-ruler": true,
@@ -19730,7 +21395,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						"data-diff-status-bar": true,
 						children: [
 							selectionReference === void 0 ? null : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-								label: copied ? t("action.copied") : `${t("action.copyHint")} (Ctrl+L)`,
+								label: copied ? t("action.copied") : withChord(t("action.copyHint"), "copyRef"),
 								side: "top",
 								delayMs: 300,
 								children: (0, react_jsx_runtime.jsx)("span", {
@@ -19755,15 +21420,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 								})
 							}),
 							(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.flexSpacer }),
-							!mdPreview && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+							!previewActive && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
 								open: langMenuOpen,
 								portal: true,
 								compact: true,
 								align: "end",
 								items: langMenuItems,
-								selectedId: langOverride ?? "",
+								selectedId: effectiveLang ?? "",
 								onSelect: (id) => {
-									setLangOverride(id === "" ? void 0 : id);
+									const next = id === "" ? void 0 : id;
+									setLangOverride(next);
+									if (langSuffix !== void 0) setLanguageForSuffix(langSuffix, next ?? null);
 									setLangMenuOpen(false);
 								},
 								onClose: () => {
@@ -19810,7 +21477,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** Render the pending-edit review panel and its unified footer action. */
-		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPreviewImage, onPasteReference, onUndo, onRedo, onImportVcs, onKeepAll, onRevertAll, onAckRedoCleared, collapseSidebar, t }) {
+		function PendingPanel({ wide, useSessions, usePending, onRefresh, onKeep, onRevert, onBlockKeep, onBlockRevert, onOpen, onPreviewImage, onPasteReference, onUndo, onRedo, onImportVcs, onRefreshVcs, onBrowse, onAddPath, onKeepAll, onRevertAll, onAckRedoCleared, collapseSidebar, t }) {
 			const current = useSessions((state) => state.current);
 			const currentBlank = useSessions((state) => {
 				const id = state.current;
@@ -19872,6 +21539,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			/** A last-block keep/revert awaiting the user's remove-or-keep choice; the
 			*  choice rides the same block RPC as its `removeWhenResolved` flag. */
 			const [blockPrompt, setBlockPrompt] = (0, react.useState)(null);
+			const [filePrompt, setFilePrompt] = (0, react.useState)(null);
+			/** Whether the add-path dialog is open. One dialog covers both shapes: what
+			*  the browser settles on decides whether a file or a directory is added. */
+			const [addOpen, setAddOpen] = (0, react.useState)(false);
 			/** Bottom offset tracking the chat composer's top edge so the input stays visible. */
 			const [bottomPx, setBottomPx] = (0, react.useState)(FALLBACK_BOTTOM_PX);
 			/** Fullscreen expanded: the panel bottom pins to the window edge, ignoring the composer offset. */
@@ -20036,6 +21707,28 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 				return removeWhenResolved === void 0 ? onBlockRevert(sessionId, id, block) : onBlockRevert(sessionId, id, block, removeWhenResolved);
 			};
+			const keepWithPrompt = (sessionId, id, keepListed) => {
+				if (keepListed === void 0 && confirmFileRemoveEnabled()) {
+					setFilePrompt({
+						action: "keep",
+						sessionId,
+						id
+					});
+					return Promise.resolve();
+				}
+				return keepListed === void 0 ? onKeep(sessionId, id) : onKeep(sessionId, id, keepListed);
+			};
+			const revertWithPrompt = (sessionId, id, keepListed) => {
+				if (keepListed === void 0 && confirmFileRemoveEnabled()) {
+					setFilePrompt({
+						action: "revert",
+						sessionId,
+						id
+					});
+					return Promise.resolve();
+				}
+				return keepListed === void 0 ? onRevert(sessionId, id) : onRevert(sessionId, id, keepListed);
+			};
 			/** 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);
@@ -20088,6 +21781,12 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				if (noSession) setOpen(false);
 			}, [noSession]);
+			(0, react.useEffect)(() => {
+				if (open) return;
+				setAddOpen(false);
+				setBlockPrompt(null);
+				setFilePrompt(null);
+			}, [open]);
 			/** Run the same decision over every current-session file, sequentially. */
 			const runBulk = async (kind) => {
 				if (current === void 0) return;
@@ -20099,6 +21798,40 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					setBulkBusy(null);
 				}
 			};
+			/**
+			* Replace one file's diff with its current local VCS change, then report what
+			* the scan found. A scan that sees no change leaves the entry alone, so the
+			* message names the file rather than silently blanking a review in progress.
+			*/
+			const runRefreshVcs = async (entry) => {
+				if (current === void 0) return;
+				const includeUntracked = includeUntrackedEnabled();
+				let outcome;
+				try {
+					outcome = (await onRefreshVcs(current, entry.id, includeUntracked)).outcome;
+				} catch (error) {
+					showCopyToast(t("panel.refreshFailed", { message: error instanceof Error ? error.message : String(error) }));
+					return;
+				}
+				if (outcome === "refreshed") {
+					showCopyToast(t("panel.refreshDone"));
+					return;
+				}
+				if (outcome === "unchanged") {
+					showCopyToast(t("panel.refreshUnchanged"));
+					return;
+				}
+				if (outcome === "no-change") {
+					const hint = includeUntracked ? "" : ` ${t("panel.refreshUntrackedHint")}`;
+					showCopyToast(`${t("panel.refreshNone")}${hint}`);
+					return;
+				}
+				if (outcome === "no-vcs") {
+					showCopyToast(t("panel.importNoVcs"));
+					return;
+				}
+				showCopyToast(t("panel.fileNotPending"));
+			};
 			const renderEntry = (entry) => (0, react_jsx_runtime.jsx)(PendingFileRow, {
 				file: entry,
 				selected: selected === entry.id,
@@ -20112,37 +21845,65 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const selectedFile = files.find((file) => file.id === selected);
 			/** The file whose removal is being confirmed (a last-block action), if any. */
 			const promptFile = blockPrompt === null ? void 0 : files.find((file) => file.id === blockPrompt.id);
-			const fileListBody = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
-				className: PendingPanel_module_css_default.listScroll,
-				children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
-					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")
-				})]
-			})] });
+			/** The file whose removal is being confirmed (a whole-file action), if any. */
+			const promptEntry = filePrompt === null ? void 0 : files.find((file) => file.id === filePrompt.id);
+			const fileListBody = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				files.length > 0 && (0, react_jsx_runtime.jsxs)("div", {
+					className: PendingPanel_module_css_default.groupHead,
+					children: [
+						(0, react_jsx_runtime.jsx)("h3", {
+							className: PendingPanel_module_css_default.group,
+							children: t("panel.group.current")
+						}),
+						(0, react_jsx_runtime.jsx)("span", { className: PendingPanel_module_css_default.flexSpacer }),
+						(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+							label: t("action.addPath"),
+							side: "bottom",
+							delayMs: 500,
+							children: (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.addButton}`,
+								"data-diff-add": true,
+								"aria-label": t("action.addPath"),
+								onClick: () => {
+									setAddOpen(true);
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, { size: 12 })
+							})
+						})
+					]
+				}),
+				(0, react_jsx_runtime.jsx)("div", {
+					className: PendingPanel_module_css_default.listScroll,
+					"data-diff-list-scroll": true,
+					children: files.length > 0 && (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;
@@ -20159,6 +21920,7 @@ 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;
+					if (pathPickerOpen()) return;
 					const target = event.target;
 					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
 					if (matchesShortcut(event, keybindingOf("undo"))) {
@@ -20188,6 +21950,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					if (matchesShortcut(event, keybindingOf("cycleNext"))) direction = 1;
 					else if (matchesShortcut(event, keybindingOf("cyclePrev"))) direction = -1;
 					if (direction === 0) return;
+					if (pathPickerOpen()) return;
 					const target = event.target;
 					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
 					if (files.length === 0) return;
@@ -20209,6 +21972,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
 					if (!matchesShortcut(event, quickSummonKey())) return;
+					if (pathPickerOpen()) return;
 					event.preventDefault();
 					if (!open) collapseSidebar();
 					setOpen((value) => !value);
@@ -20222,8 +21986,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				if (!open) return;
 				const onKeyDown = (event) => {
 					if (event.key !== "Escape") return;
+					if (pathPickerOpen()) return;
 					const target = event.target;
-					if (target instanceof Element && target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
+					if (target instanceof Node && panelRef.current?.contains(target) === true && document.querySelector("[data-diff-searchbar]") !== null) return;
 					event.preventDefault();
 					setOpen(false);
 				};
@@ -20366,15 +22131,26 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 												className: `${PendingPanel_module_css_default.note} ${PendingPanel_module_css_default.noteCentered}`,
 												children: t("panel.empty")
 											}),
-											(0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: PendingPanel_module_css_default.importButton,
-												"data-diff-import-vcs": true,
-												disabled: importBusy,
-												onClick: () => {
-													runImportVcs();
-												},
-												children: importBusy ? t("action.importVcsBusy") : t("action.importVcs")
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: PendingPanel_module_css_default.emptyActions,
+												children: [(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: PendingPanel_module_css_default.importButton,
+													"data-diff-import-vcs": true,
+													disabled: importBusy,
+													onClick: () => {
+														runImportVcs();
+													},
+													children: importBusy ? t("action.importVcsBusy") : t("action.importVcs")
+												}), (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: PendingPanel_module_css_default.importButton,
+													"data-diff-add": true,
+													onClick: () => {
+														setAddOpen(true);
+													},
+													children: t("action.addPath")
+												})]
 											}),
 											importNote !== void 0 && (0, react_jsx_runtime.jsx)("p", {
 												className: PendingPanel_module_css_default.importNote,
@@ -20414,8 +22190,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 											onPasteReference,
 											onToast: showCopyToast,
 											t,
-											onKeep,
-											onRevert,
+											onKeep: keepWithPrompt,
+											onRevert: revertWithPrompt,
+											onRefreshVcs: (entry) => {
+												runRefreshVcs(entry);
+											},
 											onBlockKeep: blockKeepWithPrompt,
 											onBlockRevert: blockRevertWithPrompt,
 											onOpen,
@@ -20473,6 +22252,52 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										})]
 									})]
 								})
+							}),
+							filePrompt !== null && promptEntry !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+								className: PendingPanel_module_css_default.confirmBackdrop,
+								"data-diff-confirm-file": true,
+								children: (0, react_jsx_runtime.jsxs)("div", {
+									className: PendingPanel_module_css_default.confirmCard,
+									role: "dialog",
+									"aria-modal": "true",
+									children: [(0, react_jsx_runtime.jsx)("p", {
+										className: PendingPanel_module_css_default.confirmText,
+										children: t(filePrompt.action === "keep" ? "panel.fileKeptAsk" : "panel.fileRevertedAsk", { file: basenameOf(promptEntry.path) })
+									}), (0, react_jsx_runtime.jsxs)("div", {
+										className: PendingPanel_module_css_default.confirmActions,
+										children: [(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
+											"data-diff-file-confirm-remove": true,
+											onClick: () => {
+												setFilePrompt(null);
+												const { action, sessionId, id } = filePrompt;
+												action === "keep" ? onKeep(sessionId, id, false) : onRevert(sessionId, id, false);
+											},
+											children: t("row.dismiss")
+										}), (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PendingPanel_module_css_default.action,
+											"data-diff-file-confirm-keep": true,
+											onClick: () => {
+												setFilePrompt(null);
+												const { action, sessionId, id } = filePrompt;
+												action === "keep" ? onKeep(sessionId, id, true) : onRevert(sessionId, id, true);
+											},
+											children: t("panel.keepInList")
+										})]
+									})]
+								})
+							}),
+							addOpen && current !== void 0 && (0, react_jsx_runtime.jsx)(PathPicker, {
+								rootPath: snapshot.workspacePath,
+								onBrowse: (path) => onBrowse(current, path),
+								onAdd: (path, includeUnchanged) => onAddPath(current, path, includeUnchanged),
+								onToast: showCopyToast,
+								onClose: () => {
+									setAddOpen(false);
+								},
+								t
 							})
 						]
 					})] }), document.body),
@@ -21105,6 +22930,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		function DiffApprovalSettingsTab({ t }) {
 			const [pasteOnCopy, setPasteOnCopyState] = (0, react.useState)(pasteOnCopyEnabled);
 			const [includeUntracked, setIncludeUntrackedState] = (0, react.useState)(includeUntrackedEnabled);
+			const [confirmFileRemove, setConfirmFileRemoveState] = (0, react.useState)(confirmFileRemoveEnabled);
 			const [tab, setTabState] = (0, react.useState)(tabWidth);
 			const [tabOpen, setTabOpen] = (0, react.useState)(false);
 			const [split, setSplitState] = (0, react.useState)(splitMode);
@@ -21144,6 +22970,10 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				setIncludeUntrackedState(value);
 				setIncludeUntrackedEnabled(value);
 			};
+			const setConfirmFileRemove = (value) => {
+				setConfirmFileRemoveState(value);
+				setConfirmFileRemoveEnabled(value);
+			};
 			const setTab = (value) => {
 				setTabState(value);
 				setTabWidth(value);
@@ -21357,6 +23187,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						onSelect: setIncludeUntracked,
 						dataAttribute: "data-diff-import-untracked-select",
 						t
+					}),
+					(0, react_jsx_runtime.jsx)(PreferenceRow, {
+						title: t("panel.confirmFileRemove"),
+						description: t("panel.confirmFileRemoveDesc"),
+						value: confirmFileRemove,
+						onSelect: setConfirmFileRemove,
+						dataAttribute: "data-diff-confirm-file-remove-select",
+						t
 					})
 				]
 			});
@@ -21380,16 +23218,24 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				async list(sessionId) {
 					return listValueOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "list", { sessionId }));
 				},
-				async keep(sessionId, id) {
-					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "keep", {
+				async keep(sessionId, id, keepListed) {
+					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "keep", keepListed === void 0 ? {
 						sessionId,
 						id
+					} : {
+						sessionId,
+						id,
+						keepListed
 					}));
 				},
-				async revert(sessionId, id) {
-					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "revert", {
+				async revert(sessionId, id, keepListed) {
+					return actionOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "revert", keepListed === void 0 ? {
 						sessionId,
 						id
+					} : {
+						sessionId,
+						id,
+						keepListed
 					}));
 				},
 				async blockKeep(sessionId, id, block, removeWhenResolved) {
@@ -21420,6 +23266,26 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						includeUntracked
 					}));
 				},
+				async refreshVcs(sessionId, id, includeUntracked) {
+					return refreshValueOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "vcs-refresh", {
+						sessionId,
+						id,
+						includeUntracked
+					}));
+				},
+				async browse(sessionId, path) {
+					return browseValueOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "list-path", path === void 0 ? { sessionId } : {
+						sessionId,
+						path
+					}));
+				},
+				async addPath(sessionId, path, includeUnchanged) {
+					return addValueOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "add-path", {
+						sessionId,
+						path,
+						includeUnchanged
+					}));
+				},
 				async open(sessionId, id, action) {
 					return openOf(await rpc.call(DIFF_APPROVAL_CHANNEL, "open", {
 						sessionId,
@@ -21519,6 +23385,64 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				detected
 			};
 		}
+		/** Narrow the vcs-refresh endpoint's value; a malformed wire value is a failure. */
+		function refreshValueOf(result) {
+			if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
+			const value = result.value;
+			if (typeof value !== "object" || value === null) throw new Error("the refresh returned a malformed value");
+			const outcome = value.outcome;
+			if (outcome !== "refreshed" && outcome !== "unchanged" && outcome !== "no-change" && outcome !== "missing" && outcome !== "no-vcs") throw new Error("the refresh returned a malformed outcome");
+			return { outcome };
+		}
+		/** Narrow the list-path endpoint's value; a malformed wire value is a browse failure. */
+		function browseValueOf(result) {
+			if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
+			const value = result.value;
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new Error("the browse returned a malformed value");
+			const record = value;
+			const path = record.path;
+			if (typeof path !== "string") throw new Error("the browse returned a malformed value");
+			const rows = record.entries;
+			if (!Array.isArray(rows)) throw new Error("the browse returned a malformed value");
+			const entries = [];
+			for (const row of rows) {
+				if (typeof row !== "object" || row === null || Array.isArray(row)) continue;
+				const { name, type, path: childPath, size } = row;
+				if (typeof name !== "string" || typeof childPath !== "string") continue;
+				if (type !== "file" && type !== "directory" && type !== "other") continue;
+				entries.push({
+					name,
+					type,
+					path: childPath,
+					size: typeof size === "number" && Number.isFinite(size) ? size : void 0
+				});
+			}
+			return {
+				path,
+				entries,
+				truncated: record.truncated === true
+			};
+		}
+		/** Narrow the add-path endpoint's value; a malformed wire value is an add failure. */
+		function addValueOf(result) {
+			if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
+			const value = result.value;
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new Error("the add returned a malformed value");
+			const record = value;
+			const outcome = record.outcome;
+			if (outcome !== "added" && outcome !== "duplicate" && outcome !== "unchanged" && outcome !== "empty" && outcome !== "missing" && outcome !== "outside" && outcome !== "no-vcs" && outcome !== "failed") throw new Error("the add returned a malformed outcome");
+			const added = record.added;
+			const duplicates = record.duplicates;
+			if (typeof added !== "number" || typeof duplicates !== "number") throw new Error("the add returned a malformed value");
+			const message = record.message;
+			return {
+				outcome,
+				added,
+				duplicates,
+				truncated: record.truncated === true ? true : void 0,
+				message: typeof message === "string" && message.length > 0 ? message : void 0
+			};
+		}
 		/** Narrow the open endpoint's value; a malformed wire value is an open failure. */
 		function openOf(result) {
 			if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
@@ -21633,6 +23557,36 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					busy: new Set([...snapshot.busy].filter((busy) => busy !== id))
 				});
 			};
+			/**
+			* Run a whole-file action whose entry STAYS listed (the panel chose "keep in
+			* list"). The local list must not drop it optimistically — that made a kept
+			* file blink out and come back on the next poll — so this takes the block
+			* actions' shape instead: mark busy, run, then re-read so the entry's now-empty
+			* diff shows at once.
+			* @param id - the entry being acted on.
+			* @param refresh - the store's refresh, awaited after a successful action.
+			* @param action - the port call to run.
+			*/
+			const withKeptEntry = async (id, refresh, action) => {
+				const { error: _cleared, ...base } = snapshot;
+				publish({
+					...base,
+					failed: failedOf(snapshot),
+					busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
+				});
+				try {
+					await action();
+				} catch (error) {
+					markFailed(id, error instanceof Error ? error.message : String(error));
+					publish({
+						...snapshot,
+						busy: new Set([...snapshot.busy].filter((busy) => busy !== id))
+					});
+					return;
+				}
+				clearFailed(id);
+				await refresh();
+			};
 			return {
 				getSnapshot: () => snapshot,
 				subscribe(listener) {
@@ -21672,12 +23626,18 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						});
 					}
 				},
-				keep(sessionId, id) {
+				keep(sessionId, id, keepListed) {
+					if (keepListed === true) return withKeptEntry(id, () => this.refresh(sessionId), async () => {
+						await port.keep(sessionId, id, true);
+					});
 					return withBusy(id, async () => {
 						await port.keep(sessionId, id);
 					});
 				},
-				revert(sessionId, id) {
+				revert(sessionId, id, keepListed) {
+					if (keepListed === true) return withKeptEntry(id, () => this.refresh(sessionId), async () => {
+						await port.revert(sessionId, id, true);
+					});
 					return withBusy(id, async () => {
 						await port.revert(sessionId, id);
 					});
@@ -21747,6 +23707,31 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					await this.refresh(sessionId);
 					return value;
 				},
+				async refreshVcs(sessionId, id, includeUntracked) {
+					const { error: _cleared, ...base } = snapshot;
+					publish({
+						...base,
+						busy: /* @__PURE__ */ new Set([...snapshot.busy, id])
+					});
+					try {
+						const value = await port.refreshVcs(sessionId, id, includeUntracked);
+						await this.refresh(sessionId);
+						return value;
+					} finally {
+						publish({
+							...snapshot,
+							busy: new Set([...snapshot.busy].filter((busy) => busy !== id))
+						});
+					}
+				},
+				browse(sessionId, path) {
+					return port.browse(sessionId, path);
+				},
+				async addPath(sessionId, path, includeUnchanged) {
+					const value = await port.addPath(sessionId, path, includeUnchanged);
+					await this.refresh(sessionId);
+					return value;
+				},
 				async open(sessionId, id, action) {
 					try {
 						await port.open(sessionId, id, action);
@@ -21925,7 +23910,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		/** Simplified Chinese pending-edit review messages. */
 		const zh = {
 			"panel.title": "待处理改动",
-			"panel.empty": "没有待处理的改动",
+			"panel.empty": "列表中暂无文件",
 			"panel.loading": "读取中…",
 			"panel.readFailed": "读取待处理改动失败：{message}",
 			"panel.group.current": "当前会话",
@@ -21981,6 +23966,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.key.openSearch": "打开差异搜索",
 			"panel.key.searchNext": "下一个搜索结果",
 			"panel.key.searchPrev": "上一个搜索结果",
+			"panel.key.matchCase": "切换区分大小写",
+			"panel.key.matchWholeWord": "切换全字匹配",
 			"panel.key.undo": "撤销",
 			"panel.key.redo": "重做",
 			"panel.key.cycleNext": "下一个待处理文件",
@@ -22028,7 +24015,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.importDone": "已导入 {count} 个改动",
 			"panel.importNoVcs": "未检测到版本控制（Git / SVN / Perforce）",
 			"panel.importFailed": "导入失败：{message}",
-			"action.search": "搜索 (Ctrl+F)",
+			"action.search": "搜索",
 			"action.settings": "设置",
 			"action.expand": "展开全屏",
 			"action.exitFullscreen": "退出全屏",
@@ -22037,12 +24024,44 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"status.reverted": "已回退",
 			"status.missing": "该改动已不存在",
 			"panel.resolvedAsk": "「{file}」的所有改动都已处理，是否从列表移除？",
-			"panel.keepInList": "保留在列表"
+			"panel.keepInList": "保留在列表",
+			"panel.fileKeptAsk": "「{file}」的改动已全部保留，是否从列表移除？",
+			"panel.fileRevertedAsk": "「{file}」的改动已全部回退，是否从列表移除？",
+			"panel.confirmFileRemove": "处理整文件后询问是否移出列表",
+			"panel.confirmFileRemoveDesc": "对单个文件执行整文件 Keep/Revert 后，弹窗询问是否把该文件移出列表。关闭后直接移出（不影响批量 Keep All / Revert All）。",
+			"action.refreshVcs": "刷新差异",
+			"action.matchCase": "区分大小写",
+			"action.matchWholeWord": "全字匹配",
+			"panel.refreshDone": "差异已更新",
+			"panel.refreshUnchanged": "差异已是最新",
+			"panel.refreshNone": "未检测到本地 VCS 差异",
+			"panel.refreshUntrackedHint": "（新建/未跟踪文件需要开启「导入未跟踪的文件改动」）",
+			"panel.refreshFailed": "刷新失败：{message}",
+			"action.addPath": "添加文件或目录",
+			"panel.addTitle": "添加到列表",
+			"panel.addPathPlaceholder": "输入或粘贴绝对路径",
+			"panel.addPathGo": "添加",
+			"panel.addHint": "展开目录逐级浏览，选中会把完整路径填到上方输入框；点「添加」时才判断有没有本地改动",
+			"panel.addIncludeUnchanged": "包含无改动路径",
+			"panel.addRoot": "工作区根目录",
+			"panel.addTruncated": "目录内容过多，仅显示前 {count} 项",
+			"panel.addDone": "已加入 {count} 个改动",
+			"panel.addDoneTruncated": "已加入 {count} 个改动；没有改动的文件过多，其余未加入",
+			"panel.addDuplicate": "该路径已在列表中",
+			"panel.addUnchanged": "该文件没有本地差异；勾选「包含无改动路径」后再添加",
+			"panel.addEmpty": "没有找到可加入的改动",
+			"panel.addNoEntries": "此目录为空",
+			"panel.addMissing": "路径不存在",
+			"panel.addOutside": "路径不在当前工作区内",
+			"panel.addFailed": "添加失败：{message}",
+			"action.cancel": "取消",
+			"action.collapseRow": "收起",
+			"action.expandRow": "展开"
 		};
 		/** English pending-edit review messages. */
 		const en = {
 			"panel.title": "Pending changes",
-			"panel.empty": "No pending changes",
+			"panel.empty": "No files in the list yet",
 			"panel.loading": "Reading…",
 			"panel.readFailed": "Reading pending changes failed: {message}",
 			"panel.group.current": "This session",
@@ -22098,6 +24117,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.key.openSearch": "Open diff search",
 			"panel.key.searchNext": "Next search result",
 			"panel.key.searchPrev": "Previous search result",
+			"panel.key.matchCase": "Toggle match case",
+			"panel.key.matchWholeWord": "Toggle match whole word",
 			"panel.key.undo": "Undo",
 			"panel.key.redo": "Redo",
 			"panel.key.cycleNext": "Next pending file",
@@ -22145,7 +24166,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.importDone": "Imported {count} changes",
 			"panel.importNoVcs": "No version control detected (Git / SVN / Perforce)",
 			"panel.importFailed": "Import failed: {message}",
-			"action.search": "Search (Ctrl+F)",
+			"action.search": "Search",
 			"action.settings": "Settings",
 			"action.expand": "Expand fullscreen",
 			"action.exitFullscreen": "Exit fullscreen",
@@ -22154,7 +24175,39 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"status.reverted": "Reverted",
 			"status.missing": "This change no longer exists",
 			"panel.resolvedAsk": "All changes in \"{file}\" are resolved. Remove it from the list?",
-			"panel.keepInList": "Keep in list"
+			"panel.keepInList": "Keep in list",
+			"panel.fileKeptAsk": "All changes in \"{file}\" are kept. Remove it from the list?",
+			"panel.fileRevertedAsk": "All changes in \"{file}\" are reverted. Remove it from the list?",
+			"panel.confirmFileRemove": "Ask after a whole-file keep/revert",
+			"panel.confirmFileRemoveDesc": "After a whole-file keep/revert on a single file, ask whether to remove that file from the list. When off, it is removed straight away (Keep All / Revert All are unaffected).",
+			"action.refreshVcs": "Refresh diff",
+			"action.matchCase": "Match case",
+			"action.matchWholeWord": "Match whole word",
+			"panel.refreshDone": "Diff updated",
+			"panel.refreshUnchanged": "Already up to date",
+			"panel.refreshNone": "No local VCS change found",
+			"panel.refreshUntrackedHint": "(new or untracked files need \"Import changes to untracked files\")",
+			"panel.refreshFailed": "Refresh failed: {message}",
+			"action.addPath": "Add file or directory",
+			"panel.addTitle": "Add to list",
+			"panel.addPathPlaceholder": "Type or paste an absolute path",
+			"panel.addPathGo": "Add",
+			"panel.addHint": "Open directories to walk the tree; a selection fills the full path above, and Add is what checks for local changes",
+			"panel.addIncludeUnchanged": "Include unchanged paths",
+			"panel.addRoot": "Workspace root",
+			"panel.addTruncated": "Too many entries to show; only the first {count} are listed",
+			"panel.addDone": "Added {count} change(s)",
+			"panel.addDoneTruncated": "Added {count} change(s); too many unchanged files to include the rest",
+			"panel.addDuplicate": "That path is already in the list",
+			"panel.addUnchanged": "That file has no local change; tick \"Include unchanged paths\" and add again",
+			"panel.addEmpty": "No changes found to add",
+			"panel.addNoEntries": "This directory is empty",
+			"panel.addMissing": "No such path",
+			"panel.addOutside": "That path is outside the workspace",
+			"panel.addFailed": "Add failed: {message}",
+			"action.cancel": "Cancel",
+			"action.collapseRow": "Collapse",
+			"action.expandRow": "Expand"
 		};
 		//#endregion
 		//#region lib/types/client/index.js
@@ -22269,13 +24322,13 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						currentSessionId = sessionId;
 						store.refresh(sessionId);
 					},
-					onKeep: (sessionId, path) => store.keep(sessionId, path),
-					onRevert: (sessionId, path) => {
+					onKeep: (sessionId, path, keepListed) => store.keep(sessionId, path, keepListed),
+					onRevert: (sessionId, path, keepListed) => {
 						const entry = store.getSnapshot().files.find((file) => file.id === path);
 						const before = entry?.newText;
 						const after = entry?.oldText;
 						const filePath = entry?.path;
-						return store.revert(sessionId, path).then(() => {
+						return store.revert(sessionId, path, keepListed).then(() => {
 							if (filePath !== void 0 && before !== void 0 && after !== void 0) remapFile(filePath, before, after);
 						});
 					},
@@ -22286,6 +24339,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					onUndo: (sessionId) => store.undo(sessionId),
 					onRedo: (sessionId) => store.redo(sessionId),
 					onImportVcs: (sessionId, includeUntracked) => store.importVcs(sessionId, includeUntracked),
+					onRefreshVcs: (sessionId, id, includeUntracked) => store.refreshVcs(sessionId, id, includeUntracked),
+					onBrowse: (sessionId, path) => store.browse(sessionId, path),
+					onAddPath: (sessionId, path, includeUnchanged) => store.addPath(sessionId, path, includeUnchanged),
 					onKeepAll: (sessionId) => store.keepAll(sessionId),
 					onRevertAll: (sessionId) => store.revertAll(sessionId),
 					onAckRedoCleared: () => store.clearRedoCleared(),