dsh-diff-approval 0.19.3 → 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 = {}) {
@@ -643,6 +1176,72 @@ window.__ModuleLoader__.load({
 		* 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
@@ -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>`;
@@ -16227,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,
@@ -16392,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
@@ -16487,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
@@ -16754,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;
 		/**
@@ -16910,6 +17799,49 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			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.
@@ -16954,244 +17886,75 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 		* 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 \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_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{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);
-		}
-		var PendingPanel_module_css_default = {
-			"blockFlashShake": "F1KBNa_blockFlashShake",
-			"del": "F1KBNa_del",
-			"noticeButton": "F1KBNa_noticeButton",
-			"settingsGroupBody": "F1KBNa_settingsGroupBody",
-			"colorSwatch": "F1KBNa_colorSwatch",
-			"fullscreenBackdrop": "F1KBNa_fullscreenBackdrop",
-			"confirmText": "F1KBNa_confirmText",
-			"diffActions": "F1KBNa_diffActions",
-			"splitLdel": "F1KBNa_splitLdel",
-			"toggle": "F1KBNa_toggle",
-			"importButton": "F1KBNa_importButton",
-			"diffPreview": "F1KBNa_diffPreview",
-			"delCount": "F1KBNa_delCount",
-			"addCount": "F1KBNa_addCount",
-			"settingsGroupChevron": "F1KBNa_settingsGroupChevron",
-			"searchToggleOn": "F1KBNa_searchToggleOn",
-			"settingsGroup": "F1KBNa_settingsGroup",
-			"colorHue": "F1KBNa_colorHue",
-			"searchCount": "F1KBNa_searchCount",
-			"searchMatchCurrent": "F1KBNa_searchMatchCurrent",
-			"lines": "F1KBNa_lines",
-			"mdPreviewContent": "F1KBNa_mdPreviewContent",
-			"rowMeta": "F1KBNa_rowMeta",
-			"expandExpanded": "F1KBNa_expandExpanded",
-			"listScroll": "F1KBNa_listScroll",
-			"kindHint": "F1KBNa_kindHint",
-			"fileList": "F1KBNa_fileList",
-			"settingsGroupHeader": "F1KBNa_settingsGroupHeader",
-			"divergedHint": "F1KBNa_divergedHint",
-			"actionQuietDisabled": "F1KBNa_actionQuietDisabled",
-			"colorPickerPopover": "F1KBNa_colorPickerPopover",
-			"context": "F1KBNa_context",
-			"confirmActions": "F1KBNa_confirmActions",
-			"markerAdd": "F1KBNa_markerAdd",
-			"searchInput": "F1KBNa_searchInput",
-			"toggleOn": "F1KBNa_toggleOn",
-			"header": "F1KBNa_header",
-			"colorValue": "F1KBNa_colorValue",
-			"split": "F1KBNa_split",
-			"colorBackdrop": "F1KBNa_colorBackdrop",
-			"settingsRowTitle": "F1KBNa_settingsRowTitle",
-			"diffPath": "F1KBNa_diffPath",
-			"statusBar": "F1KBNa_statusBar",
-			"group": "F1KBNa_group",
-			"colorSv": "F1KBNa_colorSv",
-			"diffFlashFade": "F1KBNa_diffFlashFade",
-			"detailEmpty": "F1KBNa_detailEmpty",
-			"confirmCard": "F1KBNa_confirmCard",
-			"badge": "F1KBNa_badge",
-			"splitRdel": "F1KBNa_splitRdel",
-			"line": "F1KBNa_line",
-			"diffBody": "F1KBNa_diffBody",
-			"stepperValue": "F1KBNa_stepperValue",
-			"stepperButton": "F1KBNa_stepperButton",
-			"settingsSelector": "F1KBNa_settingsSelector",
-			"colorHueCursor": "F1KBNa_colorHueCursor",
-			"badgeLabel": "F1KBNa_badgeLabel",
-			"panel": "F1KBNa_panel",
-			"diffPreviewScroll": "F1KBNa_diffPreviewScroll",
-			"fileListFloat": "F1KBNa_fileListFloat",
-			"note": "F1KBNa_note",
-			"diff": "F1KBNa_diff",
-			"mdPreviewWrap": "F1KBNa_mdPreviewWrap",
-			"blockFlash": "F1KBNa_blockFlash",
-			"vSpacer": "F1KBNa_vSpacer",
-			"hint": "F1KBNa_hint",
-			"settingsRowDesc": "F1KBNa_settingsRowDesc",
-			"gutter": "F1KBNa_gutter",
-			"intraAdd": "F1KBNa_intraAdd",
-			"colorPickerTrigger": "F1KBNa_colorPickerTrigger",
-			"splitCol": "F1KBNa_splitCol",
-			"resizeHandle": "F1KBNa_resizeHandle",
-			"detail": "F1KBNa_detail",
-			"diffBodySplit": "F1KBNa_diffBodySplit",
-			"missing": "F1KBNa_missing",
-			"bulkActions": "F1KBNa_bulkActions",
-			"close": "F1KBNa_close",
-			"colorPickerChevron": "F1KBNa_colorPickerChevron",
-			"diffStats": "F1KBNa_diffStats",
-			"badgeCount": "F1KBNa_badgeCount",
-			"colorPickerPreview": "F1KBNa_colorPickerPreview",
-			"divider": "F1KBNa_divider",
-			"stepper": "F1KBNa_stepper",
-			"splitDivider": "F1KBNa_splitDivider",
-			"readError": "F1KBNa_readError",
-			"title": "F1KBNa_title",
-			"overviewMarker": "F1KBNa_overviewMarker",
-			"statusAction": "F1KBNa_statusAction",
-			"mdPreviewFallback": "F1KBNa_mdPreviewFallback",
-			"code": "F1KBNa_code",
-			"settingsRowText": "F1KBNa_settingsRowText",
-			"splitLadd": "F1KBNa_splitLadd",
-			"toggleThumb": "F1KBNa_toggleThumb",
-			"missingHint": "F1KBNa_missingHint",
-			"blockPosition": "F1KBNa_blockPosition",
-			"settingsSelectorChevron": "F1KBNa_settingsSelectorChevron",
-			"settingsGroupText": "F1KBNa_settingsGroupText",
-			"colorPickerInputRow": "F1KBNa_colorPickerInputRow",
-			"diffBodyWrap": "F1KBNa_diffBodyWrap",
-			"rail": "F1KBNa_rail",
-			"colorPicker": "F1KBNa_colorPicker",
-			"mdPreviewBody": "F1KBNa_mdPreviewBody",
-			"action": "F1KBNa_action",
-			"expand": "F1KBNa_expand",
-			"markerDel": "F1KBNa_markerDel",
-			"splitHScrollFill": "F1KBNa_splitHScrollFill",
-			"langLabel": "F1KBNa_langLabel",
-			"importNote": "F1KBNa_importNote",
-			"wrap": "F1KBNa_wrap",
-			"subline": "F1KBNa_subline",
-			"colorPickerInput": "F1KBNa_colorPickerInput",
-			"colorPickerPanel": "F1KBNa_colorPickerPanel",
-			"mdPreviewDouble": "F1KBNa_mdPreviewDouble",
-			"settingsRow": "F1KBNa_settingsRow",
-			"noteCentered": "F1KBNa_noteCentered",
-			"add": "F1KBNa_add",
-			"notice": "F1KBNa_notice",
-			"emptyState": "F1KBNa_emptyState",
-			"kindTag": "F1KBNa_kindTag",
-			"diffFlashShake": "F1KBNa_diffFlashShake",
-			"splitCols": "F1KBNa_splitCols",
-			"searchBar": "F1KBNa_searchBar",
-			"confirmBackdrop": "F1KBNa_confirmBackdrop",
-			"searchToggle": "F1KBNa_searchToggle",
-			"noticeText": "F1KBNa_noticeText",
-			"splitRoot": "F1KBNa_splitRoot",
-			"intraDel": "F1KBNa_intraDel",
-			"rows": "F1KBNa_rows",
-			"mdPreviewSingle": "F1KBNa_mdPreviewSingle",
-			"colorSvCursor": "F1KBNa_colorSvCursor",
-			"wrapActive": "F1KBNa_wrapActive",
-			"states": "F1KBNa_states",
-			"settingsGroupTitle": "F1KBNa_settingsGroupTitle",
-			"footerButtons": "F1KBNa_footerButtons",
-			"rowFailed": "F1KBNa_rowFailed",
-			"searchMatch": "F1KBNa_searchMatch",
-			"splitHScroll": "F1KBNa_splitHScroll",
-			"actionPrimary": "F1KBNa_actionPrimary",
-			"diffHeader": "F1KBNa_diffHeader",
-			"settingsGroupDesc": "F1KBNa_settingsGroupDesc",
-			"splitRadd": "F1KBNa_splitRadd",
-			"settingsPage": "F1KBNa_settingsPage",
-			"stepperButtonUp": "F1KBNa_stepperButtonUp",
-			"rowHead": "F1KBNa_rowHead",
-			"splitHScrollRow": "F1KBNa_splitHScrollRow",
-			"diffPreviewTitle": "F1KBNa_diffPreviewTitle",
-			"blockActions": "F1KBNa_blockActions",
-			"rowPath": "F1KBNa_rowPath",
-			"actionError": "F1KBNa_actionError",
-			"flexSpacer": "F1KBNa_flexSpacer",
-			"iconAction": "F1KBNa_iconAction",
-			"overviewRuler": "F1KBNa_overviewRuler",
-			"langSelect": "F1KBNa_langSelect",
-			"headerActions": "F1KBNa_headerActions",
-			"layer": "F1KBNa_layer",
-			"row": "F1KBNa_row"
+		* @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. */
@@ -17215,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. */
@@ -17468,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("\\"));
@@ -17799,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
@@ -17892,6 +18599,42 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			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, options, query, current) {
 			if (side === void 0) return "";
@@ -17940,7 +18683,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			});
 		}
 		/** 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]);
@@ -18230,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;
@@ -18694,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. */
@@ -18873,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)(() => {
@@ -18888,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);
@@ -18929,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,
@@ -18977,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);
@@ -19017,6 +19786,18 @@ 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);
@@ -19029,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);
@@ -19054,39 +19836,353 @@ 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++) {
 					const block = model.blocks[index];
 					if (selection.start <= block.start && block.end <= selection.end) covered.push(index);
 				}
-				return covered;
+				return covered;
+			}, [
+				selection,
+				splitView,
+				model,
+				mdPreview,
+				lang,
+				previewCovered
+			]);
+			const selectionRange = (0, react.useMemo)(() => {
+				if (coveredBlockIndices.length === 0) return void 0;
+				const firstIndex = coveredBlockIndices[0];
+				const lastIndex = coveredBlockIndices[coveredBlockIndices.length - 1];
+				if (firstIndex === void 0 || lastIndex === void 0) return void 0;
+				const first = model.blocks[firstIndex];
+				const last = model.blocks[lastIndex];
+				if (first === void 0 || last === void 0) return void 0;
+				return blockRangesOf(model.diff.rows, {
+					start: first.start,
+					end: last.end
+				});
+			}, [coveredBlockIndices, model]);
+			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);
+				}
 			}, [
-				selection,
-				splitView,
-				model
+				previewActive,
+				searchQuery,
+				search.options,
+				file.oldText,
+				file.newText,
+				splitView
 			]);
-			const selectionRange = (0, react.useMemo)(() => {
-				if (coveredBlockIndices.length === 0) return void 0;
-				const firstIndex = coveredBlockIndices[0];
-				const lastIndex = coveredBlockIndices[coveredBlockIndices.length - 1];
-				if (firstIndex === void 0 || lastIndex === void 0) return void 0;
-				const first = model.blocks[firstIndex];
-				const last = model.blocks[lastIndex];
-				if (first === void 0 || last === void 0) return void 0;
-				return blockRangesOf(model.diff.rows, {
-					start: first.start,
-					end: last.end
+			(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");
 				});
-			}, [coveredBlockIndices, model]);
-			const searchMatches = (0, react.useMemo)(() => matchingRows(model.diff.rows, searchQuery, search.options), [
-				model,
-				searchQuery,
-				search.options
+			}, [
+				previewActive,
+				previewHitCount,
+				searchIndex
 			]);
-			const searchHitSet = (0, react.useMemo)(() => new Set(searchMatches), [searchMatches]);
-			const currentSearchRow = searchMatches.length === 0 ? void 0 : searchMatches[searchIndex % searchMatches.length];
 			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));
@@ -19122,14 +20218,17 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				}
 				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();
@@ -19148,7 +20247,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 				searchInputRef.current?.focus();
 			};
 			const toggleSearch = () => {
-				if (splitView) {
+				if (splitView && !previewActive) {
 					splitDiffRef.current?.toggleSearch();
 					return;
 				}
@@ -19254,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 = (() => {
@@ -19283,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;
@@ -19301,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;
@@ -19316,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) => {
@@ -19336,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++) {
@@ -19345,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;
 				}
@@ -19389,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)(() => {
@@ -19419,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 = "";
@@ -19440,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;
@@ -19508,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;
 					}
@@ -19527,11 +20670,11 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					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);
 					}
@@ -19543,14 +20686,16 @@ 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) {
+					if (splitView && !previewActive) {
 						const handle = splitDiffRef.current;
 						if (option === "case" ? handle?.toggleMatchCase() === true : handle?.toggleMatchWholeWord() === true) event.preventDefault();
 						return;
@@ -19567,13 +20712,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				searchOpen,
 				splitView,
+				previewActive,
 				search
 			]);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (event) => {
 					if (event.key !== "Escape" || !isInPanelEvent(event)) return;
-					if (mdPreview && lang === "markdown") return;
-					if (splitView) {
+					if (pathPickerOpen()) return;
+					if (!previewActive && splitView) {
 						if (splitDiffRef.current?.closeSearch() === true) event.preventDefault();
 						return;
 					}
@@ -19588,8 +20734,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			}, [
 				searchOpen,
 				splitView,
-				mdPreview,
-				lang
+				previewActive
 			]);
 			const jumpRef = (0, react.useRef)(jumpBlock);
 			jumpRef.current = jumpBlock;
@@ -19599,6 +20744,7 @@ 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;
+					if (pathPickerOpen()) return;
 					if (isTextFieldEvent(event)) return;
 					event.preventDefault();
 					jumpRef.current(direction, true);
@@ -19619,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,
@@ -19809,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,
@@ -19817,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,
@@ -19854,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: () => {
@@ -19992,117 +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);
-											}
-										}
-									}),
-									(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: 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: searchMatches.length === 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: searchMatches.length === 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 })
-									})
-								]
-							}),
+							searchBar,
 							rulerMarkers.length > 0 && (0, react_jsx_runtime.jsx)("div", {
 								className: PendingPanel_module_css_default.overviewRuler,
 								"data-diff-approval-ruler": true,
@@ -20149,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: () => {
@@ -20204,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, onRefreshVcs, 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;
@@ -20267,6 +21540,9 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			*  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. */
@@ -20505,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;
@@ -20565,37 +21847,63 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			const promptFile = blockPrompt === null ? void 0 : files.find((file) => file.id === blockPrompt.id);
 			/** 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: [(0, react_jsx_runtime.jsx)("div", {
-				className: PendingPanel_module_css_default.listScroll,
-				children: files.length > 0 && (0, react_jsx_runtime.jsxs)("section", { children: [(0, react_jsx_runtime.jsx)("h3", {
-					className: PendingPanel_module_css_default.group,
-					children: t("panel.group.current")
-				}), (0, react_jsx_runtime.jsx)("ul", {
-					className: PendingPanel_module_css_default.rows,
-					children: files.map(renderEntry)
-				})] })
-			}), files.length > 0 && (0, react_jsx_runtime.jsxs)("div", {
-				className: PendingPanel_module_css_default.bulkActions,
-				children: [(0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: `${PendingPanel_module_css_default.action} ${PendingPanel_module_css_default.actionPrimary}`,
-					"data-diff-keep-all": true,
-					disabled: bulkBusy !== null,
-					onClick: () => {
-						runBulk("keep");
-					},
-					children: bulkBusy === "keep" ? t("action.busy") : t("action.keepAll")
-				}), (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: PendingPanel_module_css_default.action,
-					"data-diff-revert-all": true,
-					disabled: bulkBusy !== null,
-					onClick: () => {
-						runBulk("revert");
-					},
-					children: bulkBusy === "revert" ? t("action.busy") : t("action.revertAll")
-				})]
-			})] });
+			const 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;
@@ -20612,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"))) {
@@ -20641,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;
@@ -20662,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);
@@ -20675,6 +21986,7 @@ 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 Node && panelRef.current?.contains(target) === true && document.querySelector("[data-diff-searchbar]") !== null) return;
 					event.preventDefault();
@@ -20819,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,
@@ -20965,6 +22288,16 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 										})]
 									})]
 								})
+							}),
+							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),
@@ -21940,6 +23273,19 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						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,
@@ -22048,6 +23394,55 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			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}`);
@@ -22329,6 +23724,14 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 						});
 					}
 				},
+				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);
@@ -22507,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": "当前会话",
@@ -22633,12 +24036,32 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"panel.refreshUnchanged": "差异已是最新",
 			"panel.refreshNone": "未检测到本地 VCS 差异",
 			"panel.refreshUntrackedHint": "（新建/未跟踪文件需要开启「导入未跟踪的文件改动」）",
-			"panel.refreshFailed": "刷新失败：{message}"
+			"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",
@@ -22764,7 +24187,27 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 			"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}"
+			"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
@@ -22897,6 +24340,8 @@ XID_Start XIDS`.split(/\s/).map((p) => [w(p), p]));
 					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(),