dsh-quick-toc 0.8.2 → 0.9.0

package/lib/client.js

@@ -60,6 +60,10 @@ window.__ModuleLoader__.load({
     // panel's collapse takes 0.28s, and the host can re-measure the conversation area at
     // any point while it runs, so the freeze outlives the motion by a frame or two.
     var COLLAPSE_HOLD_MS = 420;
+    // how long the long-list virtualization stays held back after a surface
+    // (docked panel / curtain) starts animating: the open slide runs 0.6s and the
+    // curtain's drop 0.46s, so 780ms covers both with margin
+    var VIRT_HOLD_MS = 780;
     // The row-end control ("jump to the end of this section") lives in the last 24px
     // of a row (a 20px button inset 4px). Every box a row can paint — the hover
     // highlight, a group header's hover label, the right-aligned context text — stops
@@ -101,23 +105,22 @@ window.__ModuleLoader__.load({
         "a11y.results": "共 {n} 条结果",
         "a11y.loading": "正在检索",
         "a11y.crossEmpty": "没有结果",
-        "sheet.open": "全屏大纲（从顶部展开一层幕布）",
         "sheet.openHandle": "展开幕布：全宽大纲从顶部落下",
         "sheet.close": "收起幕布",
         "sheet.noDrag": "幕布铺满对话区，不能拖动尺寸或位置",
-        "levels.tip": "标题层级筛选",
+        "settings.open": "打开插件设置",
+        "settings.missing": "当前部署没有给本插件提供设置页面。",
         "levels.show": "显示 H",
         "levels.hide": "隐藏 H",
-        "levels.offInQuestions": "只看提问时没有标题行，层级筛选不生效",
-        "view.questions.tipOn": "当前：只看提问（每轮只显示时间与你的提问）。点击回到完整大纲",
-        "view.questions.tipOff": "当前：完整大纲。点击只看提问（每轮只显示时间与你的提问）",
         "search.open": "搜索标题",
         "search.word": "搜索",
         "search.tail": "，回车定位…",
         "search.scope.title": "标题",
+        "search.scope.prompts": "提问",
         "search.scope.full": "全文",
         "search.scope.cross": "会话",
-        "search.scope.tipTitle": "当前：仅搜索标题。点击切换为全文搜索",
+        "search.scope.tipTitle": "当前：仅搜索标题。点击切换为只看提问",
+        "search.scope.tipPrompts": "当前：只看提问（搜索只覆盖你的提问，搜索框留空即为提问列表）。点击切换为全文搜索",
         "search.scope.tipFull": "当前：全文搜索。点击切换为跨会话检索",
         "search.scope.tipCross": "当前：跨会话检索（用宿主的全文索引搜所有会话的消息正文）。点击回到仅搜索标题",
         "search.cross.loading": "检索中…",
@@ -135,6 +138,8 @@ window.__ModuleLoader__.load({
         "search.fuzzy.tipOn": "模糊匹配已开启：允许关键字中间夹少量其他文字，命中更多",
         "search.fuzzy.tipOff": "模糊匹配已关闭：只匹配连续的文字。点击开启",
         "search.empty": "没有匹配",
+        "search.history": "最近搜索",
+        "search.history.clear": "清空",
         "search.hintMore": "向上滚动可加载更早的消息",
         "search.hintOldest": "已经是最早的消息",
         "hint.autoOff": "上面还有更早的历史（自动加载已关闭，点「未加载」的条目才会加载）",
@@ -171,6 +176,9 @@ window.__ModuleLoader__.load({
         "settings.dock.left": "左侧",
         "settings.dock.right": "右侧",
         "settings.levels": "显示的标题层级",
+        "settings.density": "大纲密度",
+        "settings.density.comfy": "标准",
+        "settings.density.compact": "紧凑",
         "settings.zoom": "面板缩放",
         "settings.zoom.tip": "文字、图标与按钮按比例缩放，面板本身的尺寸不变",
         "settings.sheetZoom": "幕布缩放",
@@ -202,23 +210,22 @@ window.__ModuleLoader__.load({
         "a11y.results": "{n} result(s)",
         "a11y.loading": "Searching",
         "a11y.crossEmpty": "No results",
-        "sheet.open": "Full-width outline (a sheet that drops from the top)",
         "sheet.openHandle": "Open the curtain: a full-width outline drops from the top",
         "sheet.close": "Close the sheet",
         "sheet.noDrag": "The sheet spans the conversation area, so it cannot be dragged or resized",
-        "levels.tip": "Heading level filter",
+        "settings.open": "Open the plugin settings",
+        "settings.missing": "This deployment exposes no settings screen for the plugin.",
         "levels.show": "Show H",
         "levels.hide": "Hide H",
-        "levels.offInQuestions": "Questions-only view has no heading rows, so the level filter does not apply",
-        "view.questions.tipOn": "Questions only: each turn shows just its time and your prompt. Click for the full outline",
-        "view.questions.tipOff": "Full outline. Click to show each turn's time and your prompt only",
         "search.open": "Search headings",
         "search.word": "Search",
         "search.tail": ", Enter to jump…",
         "search.scope.title": "Title",
+        "search.scope.prompts": "Prompts",
         "search.scope.full": "Full text",
         "search.scope.cross": "Session",
-        "search.scope.tipTitle": "Titles only. Click for full-text search",
+        "search.scope.tipTitle": "Titles only. Click for prompts only",
+        "search.scope.tipPrompts": "Prompts only: the search covers your own questions, and an empty box lists them. Click for full-text search",
         "search.scope.tipFull": "Full text. Click for cross-session search",
         "search.scope.tipCross": "Cross-session search (the host's full-text index over every session's message text). Click to go back to titles only",
         "search.cross.loading": "Searching…",
@@ -236,6 +243,8 @@ window.__ModuleLoader__.load({
         "search.fuzzy.tipOn": "Fuzzy matching is on: a few other characters may sit between the keywords, so more matches hit",
         "search.fuzzy.tipOff": "Fuzzy matching is off: only contiguous text matches. Click to turn it on",
         "search.empty": "No matches",
+        "search.history": "Recent searches",
+        "search.history.clear": "Clear",
         "search.hintMore": "Scroll up to load earlier messages",
         "search.hintOldest": "This is the earliest message",
         "hint.autoOff": "There is older history above (auto-loading is off — click an unloaded row to load it)",
@@ -274,6 +283,9 @@ window.__ModuleLoader__.load({
         "settings.dock.left": "Left",
         "settings.dock.right": "Right",
         "settings.levels": "Heading levels shown",
+        "settings.density": "Outline density",
+        "settings.density.comfy": "Comfy",
+        "settings.density.compact": "Compact",
         "settings.zoom": "Panel scale",
         "settings.zoom.tip": "Scales the text, icons and buttons; the panel's own size is unchanged",
         "settings.sheetZoom": "Curtain scale",
@@ -358,12 +370,12 @@ window.__ModuleLoader__.load({
     // purpose — they describe THIS screen, not the account.
     var NAMESPACE = "dsh-quick-toc";
     // Fields backed by the Host settings document; everything else is localStorage.
-    var HOST_FIELDS = { dock: 1, lang: 1, levels: 1, zoom: 1, sheetZoom: 1, handle: 1, fuzzy: 1, hover: 1, debug: 1, remember: 1, autoLoad: 1 };
+    var HOST_FIELDS = { dock: 1, lang: 1, levels: 1, density: 1, zoom: 1, sheetZoom: 1, handle: 1, fuzzy: 1, hover: 1, debug: 1, remember: 1, autoLoad: 1 };
     // The schema defaults (mirrored here for the card's per-field reset and for the
     // one-time import of a 0.5.x install's stored values).
     var DEFAULTS = {
       dock: "left", y: 0, w: 0, h: 0,
-      levels: [1, 2, 3, 4, 5, 6],
+      levels: [1, 2, 3, 4, 5, 6], density: "comfy",
       zoom: 1, sheetZoom: 1, handle: 0.5,
       fuzzy: false, hover: true, lang: "auto", debug: false,
       remember: true, autoLoad: true
@@ -374,6 +386,7 @@ window.__ModuleLoader__.load({
       w: "dsh-quick-toc.panelW.v1",
       h: "dsh-quick-toc.panelH.v1",
       levels: "dsh-quick-toc.levels.v1",
+      density: "dsh-quick-toc.density.v1",
       zoom: "dsh-quick-toc.zoom.v1",
       sheetZoom: "dsh-quick-toc.sheetZoom.v1",
       handle: "dsh-quick-toc.handle.v1",
@@ -448,6 +461,47 @@ window.__ModuleLoader__.load({
         localStorage.setItem(READ_POS_KEY, JSON.stringify(map));
       } catch (e) {}
     };
+    // ---- recent search history (browser-local, like the reading position) --
+    // Most-recent-first [{q, scope}]: filled when a search is committed (Enter in
+    // the box, a result click), offered back as one-tap chips while the box is
+    // empty. Plain data in, plain data out — the component owns the state.
+    var SEARCH_HIST_KEY = "dsh-quick-toc.searchHist.v1";
+    var SEARCH_HIST_MAX = 10;
+    var searchHistLoad = function () {
+      try {
+        var raw = localStorage.getItem(SEARCH_HIST_KEY);
+        var parsed = raw ? JSON.parse(raw) : null;
+        if (!Array.isArray(parsed)) return [];
+        var out = [];
+        for (var i = 0; i < parsed.length && out.length < SEARCH_HIST_MAX; i++) {
+          var e = parsed[i];
+          if (e && typeof e.q === "string" && e.q.trim() !== "") {
+            out.push({
+              q: e.q.slice(0, 80),
+              scope: e.scope === "full" || e.scope === "cross" ? e.scope : "title"
+            });
+          }
+        }
+        return out;
+      } catch (e) { return []; }
+    };
+    var searchHistRemember = function (list, q, scope) {
+      var text = typeof q === "string" ? q.trim().slice(0, 80) : "";
+      if (text === "") return Array.isArray(list) ? list : [];
+      var s = scope === "full" || scope === "cross" ? scope : "title";
+      var out = [{ q: text, scope: s }];
+      if (Array.isArray(list)) {
+        for (var i = 0; i < list.length && out.length < SEARCH_HIST_MAX; i++) {
+          if (list[i] && list[i].q !== text) out.push(list[i]);
+        }
+      }
+      try { localStorage.setItem(SEARCH_HIST_KEY, JSON.stringify(out)); } catch (e) {}
+      return out;
+    };
+    var searchHistClear = function () {
+      try { localStorage.removeItem(SEARCH_HIST_KEY); } catch (e) {}
+      return [];
+    };
     var prefsStore = (function () {
       var hasOwn = function (obj, key) { return Object.prototype.hasOwnProperty.call(obj, key); };
       var read = function (key, legacy) {
@@ -507,6 +561,7 @@ window.__ModuleLoader__.load({
           w: wRaw !== null && isFinite(Number(wRaw)) && Number(wRaw) >= 120 ? Number(wRaw) : 0,
           h: hRaw !== null && isFinite(Number(hRaw)) && Number(hRaw) >= 60 ? Number(hRaw) : 0,
           levels: parseLevels(rawLevels) || LEVELS_ALL.slice(),
+          density: read(PREF_KEYS.density) === "compact" ? "compact" : "comfy",
           zoom: clampRatio(zoomRaw, 1),
           sheetZoom: clampRatio(sheetZoomRaw, 1),
           handle: clampRatio(handleRaw, 0.5),
@@ -528,6 +583,7 @@ window.__ModuleLoader__.load({
           w: function (v) { return String(v); },
           h: function (v) { return String(v); },
           levels: function (v) { return JSON.stringify(v); },
+          density: function (v) { return v === "compact" ? "compact" : "comfy"; },
           zoom: function (v) { return String(v); },
           sheetZoom: function (v) { return String(v); },
           handle: function (v) { return String(v); },
@@ -562,6 +618,7 @@ window.__ModuleLoader__.load({
           dock: v.dock === "right" ? "right" : "left",
           lang: v.lang === "zh" || v.lang === "en" ? v.lang : "auto",
           levels: levels || LEVELS_ALL.slice(),
+          density: v.density === "compact" ? "compact" : "comfy",
           zoom: isFinite(zoomNum) ? Math.min(2, Math.max(0.5, Math.round(zoomNum * 100) / 100)) : 1,
           sheetZoom: isFinite(sheetZoomNum) ? Math.min(2, Math.max(0.5, Math.round(sheetZoomNum * 100) / 100)) : 1,
           handle: isFinite(handleNum) ? Math.min(1, Math.max(0, Math.round(handleNum * 100) / 100)) : 0.5,
@@ -578,7 +635,7 @@ window.__ModuleLoader__.load({
         if (!over) return local;
         return {
           dock: over.dock, y: local.y, w: local.w, h: local.h,
-          levels: over.levels, zoom: over.zoom, sheetZoom: over.sheetZoom, handle: over.handle, fuzzy: over.fuzzy, hover: over.hover,
+          levels: over.levels, density: over.density, zoom: over.zoom, sheetZoom: over.sheetZoom, handle: over.handle, fuzzy: over.fuzzy, hover: over.hover,
           lang: over.lang, remember: over.remember, debug: over.debug, autoLoad: over.autoLoad
         };
       };
@@ -859,12 +916,21 @@ window.__ModuleLoader__.load({
       return extractReplyText(node);
     }
 
-    // first non-empty line of a message, truncated for the outline header
+    // first non-empty line of a message, truncated for the outline header.
+    // Scanning for the line instead of splitting the whole text matters: this is
+    // called once per match inside the search loops, and a full split per call
+    // made typing in the search box quadratic on long sessions.
     function previewText(text, max) {
       if (!text) return "";
-      var first = text.split("\n").map(function (s) { return s.trim(); }).filter(Boolean)[0] || "";
-      if (first.length > max) first = first.slice(0, max) + "…";
-      return first;
+      var s = String(text);
+      var from = 0;
+      for (;;) {
+        var nl = s.indexOf("\n", from);
+        var line = (nl === -1 ? s.slice(from) : s.slice(from, nl)).trim();
+        if (line) return line.length > max ? line.slice(0, max) + "…" : line;
+        if (nl === -1) return "";
+        from = nl + 1;
+      }
     }
 
     // ---------- normalized matching (fold, plus an optional fuzzy pass) ----------
@@ -965,7 +1031,103 @@ window.__ModuleLoader__.load({
     function countOccurrences(text, q, fuzzy) {
       var fq = q && q.folded !== undefined ? q.folded : foldQuery(q);
       if (!text || !fq) return 0;
-      return findMatches(foldWithMap(text), fq, !!fuzzy).length;
+      return countFolded(foldedText(text), fq, !!fuzzy);
+    }
+
+    // ---------- cached folding for the search scan ----------
+    // Search re-reads the SAME message texts on every keystroke — twice (the
+    // match list and the result rows fold them independently) — so the folded
+    // form is kept per text. Counting never needs the per-character index map,
+    // so the cache stores the plain folded string plus, lazily, the flattened
+    // one-line form the snippets are cut from.
+    var searchFoldCache = new Map();
+    // the fold itself (no cache): whitespace runs collapse to one space, and
+    // full-width forms and case fold 1:1. Char-code tests instead of a regex per
+    // character: this runs over every loaded message whenever a search starts.
+    function foldString(src) {
+      var out = "";
+      var prevSpace = false;
+      for (var i = 0; i < src.length; i++) {
+        var code = src.charCodeAt(i);
+        // whitespace of any kind (case folding never changes it)
+        if (code === 32 || (code >= 9 && code <= 13) || code === 160 || code === 5760 ||
+            (code >= 8192 && code <= 8202) || code === 8232 || code === 8233 || code === 8239 ||
+            code === 8287 || code === 12288 || code === 65279) {
+          if (prevSpace) continue; // collapse a whitespace run to one space
+          prevSpace = true;
+          out += " ";
+          continue;
+        }
+        prevSpace = false;
+        if (code >= 0xFF01 && code <= 0xFF5E) {
+          // full-width ASCII to half-width, then case-fold the result
+          var half = code - 0xFEE0;
+          out += half >= 65 && half <= 90 ? String.fromCharCode(half + 32) : String.fromCharCode(half);
+          continue;
+        }
+        if (code >= 65 && code <= 90) { out += String.fromCharCode(code + 32); continue; }
+        if (code >= 97 && code <= 122 || code < 128) { out += src.charAt(i); continue; }
+        // cased scripts outside ASCII (Greek, Cyrillic, …) fold via toLowerCase
+        out += src.charAt(i).toLowerCase();
+      }
+      return out;
+    }
+    function foldWork(text) {
+      var src = String(text === undefined || text === null ? "" : text);
+      var w = searchFoldCache.get(src);
+      if (w !== undefined) return w;
+      w = { folded: foldString(src), flat: null, flatFolded: null };
+      if (searchFoldCache.size > 1200) searchFoldCache.clear();
+      searchFoldCache.set(src, w);
+      return w;
+    }
+    function foldedText(text) {
+      return foldWork(text).folded;
+    }
+    // the one-line form snippets are sliced from (whitespace collapsed). Its fold
+    // lives on the same entry — a second cache key per message would evict twice
+    // as fast and make every keystroke re-fold the session again.
+    function flatWork(text) {
+      var w = foldWork(text);
+      if (w.flat === null) {
+        w.flat = String(text === undefined || text === null ? "" : text).replace(/\s+/g, " ").trim();
+        w.flatFolded = foldString(w.flat);
+      }
+      return w;
+    }
+
+    // Count only: the match scan without hit objects or ranges. Same walk as
+    // findMatches, so the numbers agree with the stepping list.
+    function countFolded(folded, fq, fuzzy) {
+      if (!folded || !fq) return 0;
+      if (!fuzzy) {
+        var n = 0;
+        var at = 0;
+        while ((at = folded.indexOf(fq, at)) !== -1) {
+          n++;
+          at += fq.length;
+        }
+        return n;
+      }
+      var span = fuzzySpan(fq);
+      var from = 0;
+      var count = 0;
+      for (;;) {
+        var start = -1;
+        var pos = from;
+        var ok = true;
+        for (var i = 0; i < fq.length; i++) {
+          var hit = folded.indexOf(fq.charAt(i), pos);
+          if (hit === -1 || (start !== -1 && hit - start > span)) { ok = false; break; }
+          if (start === -1) start = hit;
+          pos = hit + 1;
+        }
+        if (!ok) break;
+        count++;
+        from = pos;
+        if (from >= folded.length) break;
+      }
+      return count;
     }
 
     // ---------- section bodies: subtitle + hover preview ----------
@@ -1132,17 +1294,408 @@ window.__ModuleLoader__.load({
     }
 
     // A one-line window around the first hit of `q` in `text` (for search results).
+    // Cuts from the cached flattened form: folding it is index-stable (the
+    // whitespace is already collapsed), so the folded hit position slices it
+    // directly — no per-call re-fold of the whole message.
     function snippetAround(text, q, span, fuzzy) {
       if (!text) return "";
-      var flat = text.replace(/\s+/g, " ").trim();
+      var w = flatWork(text);
       var fq = foldQuery(q);
-      var folded = fq ? foldWithMap(flat) : null;
-      var hits = folded ? findMatches(folded, fq, !!fuzzy) : [];
-      if (hits.length === 0) return previewText(flat, span * 2);
-      var at = folded.map[hits[0].ranges[0][0]];
+      if (!fq) return previewText(w.flat, span * 2);
+      var at = firstHitIndex(w.flatFolded, fq, !!fuzzy);
+      if (at < 0) return previewText(w.flat, span * 2);
       var start = Math.max(0, at - span);
-      var end = Math.min(flat.length, at + span * 2);
-      return (start > 0 ? "…" : "") + flat.slice(start, end) + (end < flat.length ? "…" : "");
+      var end = Math.min(w.flat.length, at + span * 2);
+      return (start > 0 ? "…" : "") + w.flat.slice(start, end) + (end < w.flat.length ? "…" : "");
+    }
+
+    // folded-space index of the first hit's first character (-1 when there is none)
+    function firstHitIndex(folded, fq, fuzzy) {
+      if (!folded || !fq) return -1;
+      if (!fuzzy) return folded.indexOf(fq);
+      var span = fuzzySpan(fq);
+      var start = -1;
+      var at = 0;
+      for (var i = 0; i < fq.length; i++) {
+        var hit = folded.indexOf(fq.charAt(i), at);
+        if (hit === -1 || (start !== -1 && hit - start > span)) return -1;
+        if (start === -1) start = hit;
+        at = hit + 1;
+      }
+      return start;
+    }
+
+    // ---------- reaching this plugin's own settings screen ----------
+    // The host's own navigation first (see `openPluginSettingsPage`), then the DOM
+    // chain below, and nothing silent on the way: a click that cannot land warns.
+    //
+    // Measured on 0.2.0-rc.2: the Plugins page publishes every entry as
+    // `data-plugin-item="<id>"` — this plugin's id is `quick-toc` — and renders the
+    // card's title as a button, which is the host's own open gesture. There is no
+    // `data-section` anywhere in this host line, so the navigation-cell route below
+    // is a legacy fallback, not the way in.
+    var SETTINGS_NAV_ITEM_ATTR = "data-section";
+    var SETTINGS_NAV_ITEM_VALUE = "plugins";
+    var SETTINGS_NAV_CURRENT_ATTR = "aria-current";
+    var SETTINGS_LAUNCHER_HASPOPUP = "dialog";
+    var PLUGIN_ITEM_ATTR = "data-plugin-item";
+    var PLUGIN_ITEM_VALUE = "quick-toc";
+    // Labels are compared for EQUALITY, never as substrings: a sidebar session
+    // titled "quick-toc 插件开发" is not this plugin's entry, and treating it as one
+    // is exactly the bug that sent this button to the wrong place.
+    var PLUGIN_TEXTS = ["对话大纲", "quick toc", "quick-toc", "dsh-quick-toc", "conversation outline"];
+    var PLUGIN_CONFIG_TEXTS = ["插件配置", "plugin configuration", "plugin config"];
+    var PLUGIN_CARD_CANDIDATES = "[data-plugin-item], button, a, [role=button], [role=tab], [role=menuitem], [role=link]";
+    var PLUGIN_TAB_CANDIDATES = "button, a, [role=tab], [role=button]";
+    var SETTINGS_NAV_TEXTS = ["插件", "Plugins", "Plugin", "プラグイン", "플러그인"];
+    var SETTINGS_LAUNCHER_TEXTS = ["设置", "Settings", "設定", "설정", "Einstellungen"];
+    var SETTINGS_PANEL_ID = "plugins";
+    var SETTINGS_BUNDLE_NAME = "dsh-quick-toc";
+    function readNodeText(node) {
+      if (node === null || node === undefined) return "";
+      var text = node.textContent;
+      return typeof text === "string" ? text : "";
+    }
+    function readNodeAttr(node, name) {
+      if (node === null || node === undefined || typeof node.getAttribute !== "function") return "";
+      var value = node.getAttribute(name);
+      return value === null || value === undefined ? "" : String(value);
+    }
+    // A node's own label: whitespace collapsed, case folded — what an exact match
+    // is compared against.
+    function nodeLabel(node) {
+      return readNodeText(node).replace(/\s+/g, " ").trim().toLowerCase();
+    }
+    // Whether the node itself is the thing a user clicks (not a list item that
+    // merely CONTAINS the clickable).
+    function isClickableSelf(node) {
+      var tag = typeof node.tagName === "string" ? node.tagName.toLowerCase() : "";
+      if (tag === "button" || tag === "a") return true;
+      var role = readNodeAttr(node, "role").toLowerCase();
+      return role === "button" || role === "tab" || role === "menuitem" || role === "link" || role === "option";
+    }
+    // Whether one element is a settings navigation cell that opens the Plugins
+    // screen: the entry's own id as a data attribute first (the one form that does
+    // not depend on a label's language), then an exactly labelled current cell.
+    function isSettingsNavItem(node) {
+      if (node === null || node === undefined || typeof node !== "object") return false;
+      if (readNodeAttr(node, SETTINGS_NAV_ITEM_ATTR) === SETTINGS_NAV_ITEM_VALUE) return true;
+      if (readNodeAttr(node, SETTINGS_NAV_CURRENT_ATTR) === "") return false;
+      var label = nodeLabel(node);
+      if (label === "") return false;
+      for (var i = 0; i < SETTINGS_NAV_TEXTS.length; i++) {
+        if (label === SETTINGS_NAV_TEXTS[i].toLowerCase()) return true;
+      }
+      return false;
+    }
+    // Whether one element is THIS plugin's own row in the Plugins list.
+    //
+    // The shipped id is the only evidence trusted on its own. The label route needs
+    // a node that is clickable ITSELF — a container whose text happens to mention
+    // the plugin (a session row, a message that names it) is never the entry, and
+    // clicking "the first button inside it" is how the jump used to land somewhere
+    // else entirely.
+    function isPluginEntry(node) {
+      if (node === null || node === undefined || typeof node !== "object") return false;
+      if (readNodeAttr(node, PLUGIN_ITEM_ATTR) === PLUGIN_ITEM_VALUE) return true;
+      if (!isClickableSelf(node)) return false;
+      var label = nodeLabel(node);
+      if (label === "") return false;
+      for (var i = 0; i < PLUGIN_TEXTS.length; i++) {
+        if (label === PLUGIN_TEXTS[i].toLowerCase()) return true;
+      }
+      return false;
+    }
+    function isPluginConfigTab(node) {
+      if (node === null || node === undefined || typeof node !== "object") return false;
+      if (!isClickableSelf(node)) return false;
+      var label = nodeLabel(node);
+      if (label === "") return false;
+      for (var i = 0; i < PLUGIN_CONFIG_TEXTS.length; i++) {
+        if (label === PLUGIN_CONFIG_TEXTS[i].toLowerCase()) return true;
+      }
+      return false;
+    }
+    function isSettingsLauncher(node) {
+      if (node === null || node === undefined || typeof node !== "object") return false;
+      if (readNodeAttr(node, "aria-haspopup") !== SETTINGS_LAUNCHER_HASPOPUP) return false;
+      var label = (readNodeAttr(node, "aria-label") || readNodeAttr(node, "title") || readNodeText(node))
+        .trim().toLowerCase();
+      if (label === "") return false;
+      for (var i = 0; i < SETTINGS_LAUNCHER_TEXTS.length; i++) {
+        if (label.indexOf(SETTINGS_LAUNCHER_TEXTS[i].toLowerCase()) >= 0) return true;
+      }
+      return false;
+    }
+    function dispatchSynthetic(node, type) {
+      if (node === null || node === undefined || typeof node.dispatchEvent !== "function") return false;
+      var win = typeof globalThis !== "undefined" ? globalThis : null;
+      var View = win !== null && win.MouseEvent !== undefined ? win.MouseEvent : null;
+      var event = null;
+      try {
+        event = View !== null
+          ? new View(type, { bubbles: true, cancelable: true, view: win })
+          : { type: type, bubbles: true, cancelable: true, defaultPrevented: false, preventDefault: function () {} };
+      } catch (e) {
+        event = { type: type, bubbles: true, cancelable: true, defaultPrevented: false, preventDefault: function () {} };
+      }
+      try {
+        node.dispatchEvent(event);
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }
+    // Whether a node sits somewhere whose text names this plugin without being its
+    // settings entry: our OWN panel, or the sidebar's session list (a conversation
+    // titled "quick-toc 插件开发" is not the plugin's page).
+    function isForeignNode(node) {
+      if (node === null || node === undefined) return true;
+      try {
+        if (typeof node.closest === "function") {
+          if (node.closest(".dqt-list, .dqt-header, .dqt-sheet-chrome") !== null) return true;
+          if (node.closest('[role="treeview"], [role="tree"], [data-row-key]') !== null) return true;
+        }
+      } catch (e) { return false; }
+      return false;
+    }
+    // The element that opens a plugin's page from its entry card: the card itself is
+    // a list item with no handler of its own, and the host renders the title button
+    // inside it as the open gesture.
+    function pluginCardTarget(card) {
+      if (isClickableSelf(card)) return card;
+      if (typeof card.querySelector === "function") {
+        var button = null;
+        try {
+          button = card.querySelector("button");
+        } catch (e) { button = null; }
+        if (button !== null && button !== undefined) return button;
+      }
+      return card;
+    }
+    // THIS plugin's own row in the Plugins list, or null.
+    //
+    // Two shapes, in the order they can be trusted: the host-published id (the
+    // shipped `data-plugin-item`, whose card carries the open gesture), then a node
+    // that is clickable ITSELF and labelled exactly with one of this plugin's names
+    // (a plugin that ships its own sidebar entry). Nothing else — a loose label
+    // match on a container, then a click on whatever button sat inside it, is what
+    // used to send this button somewhere else entirely.
+    function settingsPluginEntry(doc) {
+      if (doc === null || doc === undefined || typeof doc.querySelectorAll !== "function") return null;
+      var card = null;
+      try {
+        if (typeof doc.querySelector === "function") {
+          card = doc.querySelector("[" + PLUGIN_ITEM_ATTR + '="' + PLUGIN_ITEM_VALUE + '"]');
+        }
+      } catch (e) { card = null; }
+      if (card !== null && card !== undefined && !isForeignNode(card)) return pluginCardTarget(card);
+      var candidates = null;
+      try {
+        candidates = doc.querySelectorAll(PLUGIN_CARD_CANDIDATES);
+      } catch (e) {
+        return null;
+      }
+      for (var i = 0; i < candidates.length; i++) {
+        var node = candidates[i];
+        if (isForeignNode(node)) continue;
+        if (!isClickableSelf(node)) continue;
+        if (!isPluginEntry(node)) continue;
+        return node;
+      }
+      return null;
+    }
+    // The shortest route to the Plugins screen, or null. Plans are plain clicks —
+    // nothing here pokes at a framework's internals.
+    function findSettingsEntry(doc, options) {
+      if (doc === null || doc === undefined || typeof doc !== "object") return null;
+      var opts = options !== null && typeof options === "object" ? options : {};
+      var all = function () {
+        var found = typeof doc.querySelectorAll === "function" ? doc.querySelectorAll("button") : null;
+        return found === null || found === undefined ? [] : found;
+      };
+      var first = function (predicate) {
+        var nodes = all();
+        for (var i = 0; i < nodes.length; i++) {
+          if (predicate(nodes[i])) return nodes[i];
+        }
+        return null;
+      };
+      var cellWithAttr = function () {
+        return first(function (node) {
+          return readNodeAttr(node, SETTINGS_NAV_ITEM_ATTR) === SETTINGS_NAV_ITEM_VALUE;
+        });
+      };
+      var cellByText = function () {
+        return first(function (node) {
+          return readNodeAttr(node, SETTINGS_NAV_CURRENT_ATTR) !== "" && isSettingsNavItem(node);
+        });
+      };
+      var launcher = function () { return first(isSettingsLauncher); };
+      var firstIn = function (selector, predicate) {
+        var nodes = typeof doc.querySelectorAll === "function" ? doc.querySelectorAll(selector) : [];
+        for (var i = 0; i < nodes.length; i++) {
+          if (predicate(nodes[i])) return nodes[i];
+        }
+        return null;
+      };
+      var pluginConfigTab = function () { return firstIn(PLUGIN_TAB_CANDIDATES, isPluginConfigTab); };
+      var sectionPlan = function (kind, why, node) {
+        return {
+          kind: kind,
+          why: why,
+          node: node,
+          run: function () { return dispatchSynthetic(node, "click"); }
+        };
+      };
+      // every route shares the tail: the Plugins cell, then THIS plugin's row
+      // inside it, then its configuration tab when the host has one (a host that
+      // shows the configuration inline has no such tab — not a failure)
+      var withPluginEntry = function (plan) {
+        var opened = plan.run;
+        plan.run = function () {
+          var reached = opened();
+          if (typeof opts.retry !== "function") return reached;
+          var entry = opts.retry(function () { return settingsPluginEntry(doc); });
+          if (entry === null) return reached;
+          return opts.retry(pluginConfigTab) || entry;
+        };
+        return plan;
+      };
+      // the plugin may ship its own SIDEBAR entry — clicking it opens the
+      // configuration directly and there is no settings route to walk
+      var sidebarEntry = settingsPluginEntry(doc);
+      if (sidebarEntry !== null) {
+        return {
+          kind: "sidebar-entry",
+          why: "the plugin ships its own entry; it opens the configuration directly",
+          node: sidebarEntry,
+          run: function () { return dispatchSynthetic(sidebarEntry, "click"); }
+        };
+      }
+      var canonical = cellWithAttr();
+      if (canonical !== null) {
+        return withPluginEntry(sectionPlan("section-attr", "the Plugins entry ships its own id as a data attribute", canonical));
+      }
+      var byText = cellByText();
+      if (byText !== null) {
+        return withPluginEntry(sectionPlan("section-text", "the Plugins entry was matched by its translated label", byText));
+      }
+      var opener = launcher();
+      if (opener === null) return null;
+      return withPluginEntry({
+        kind: "launcher",
+        why: "only the sidebar's settings launcher is on screen; the entry is picked after it opens",
+        node: opener,
+        run: function () {
+          var reached = dispatchSynthetic(opener, "click");
+          if (typeof opts.retry !== "function") return reached;
+          return opts.retry(cellWithAttr) || opts.retry(cellByText) || reached;
+        }
+      });
+    }
+
+    // The host context `apply` received: the settings button's navigation
+    // services are looked up through it, never declared as dependencies (a
+    // required inject would park this whole package on a host without them).
+    var settingsHostCtx = null;
+    function settingsService(name) {
+      var ctx = settingsHostCtx;
+      if (ctx === null || ctx === undefined) return null;
+      try {
+        if (typeof ctx.get === "function") {
+          var found = ctx.get(name);
+          if (found) return found;
+        }
+      } catch (e) { /* fall through to the property read */ }
+      try {
+        return ctx[name] || null;
+      } catch (e) {
+        return null;
+      }
+    }
+    // Click THIS plugin's entry on the Plugins page once the page has mounted it.
+    //
+    // The card appears a commit or two after the panel switch, and the inventory
+    // itself may still be loading, so the lookup polls briefly instead of giving up
+    // on the first frame; twenty tries at 200 ms is well past a page paint and still
+    // reads as one gesture.
+    function clickSettingsEntry(done) {
+      var tries = 0;
+      var step = function () {
+        tries += 1;
+        var target = settingsPluginEntry(document);
+        if (target !== null) {
+          done(dispatchSynthetic(target, "click") === true);
+          return;
+        }
+        if (tries >= 20) { done(false); return; }
+        setTimeout(step, 200);
+      };
+      step();
+    }
+    // The host's own navigation first: the Plugins page is a main panel the layout
+    // service selects by id, and the entry inside it is the host's own card — the
+    // same two steps a user performs by hand. Measured on 0.2.0-rc.2: both services
+    // are published, and this plugin's card is `[data-plugin-item="quick-toc"]`.
+    //
+    // Order: select the Plugins panel and click THIS plugin's card; if the card never
+    // mounts, ask `pluginNavigation.openBundle` for the package's own page; failing
+    // both, the caller keeps the DOM chain.
+    function openPluginSettingsPage(warn) {
+      var nav = settingsService("pluginNavigation");
+      var layout = settingsService("layout");
+      var canBundle = nav !== null && nav !== undefined && typeof nav.openBundle === "function";
+      var canPanel = layout !== null && layout !== undefined && typeof layout.selectPanel === "function";
+      var openBundle = function () {
+        if (!canBundle) return false;
+        try {
+          nav.openBundle(SETTINGS_BUNDLE_NAME);
+          return true;
+        } catch (e) {
+          warn("the plugin navigation service refused the package");
+          return false;
+        }
+      };
+      if (!canPanel) return openBundle();
+      try {
+        layout.selectPanel(SETTINGS_PANEL_ID);
+      } catch (e) {
+        return openBundle();
+      }
+      // the page mounts a commit after the panel switch: the card click waits for it
+      clickSettingsEntry(function (clicked) {
+        if (clicked) return;
+        if (openBundle()) return;
+        warn("the Plugins page never mounted this plugin's entry");
+      });
+      return true;
+    }
+    // Go to this plugin's own settings screen, with every route the host offers;
+    // nothing is silent — a click that cannot land reports why.
+    function openSettingsScreen(reason, report) {
+      var tag = typeof reason === "string" && reason !== "" ? reason : "settings button";
+      var warn = typeof report === "function" ? report : function () {};
+      if (openPluginSettingsPage(function (detail) { warn(tag, detail); })) return true;
+      var attempts = 0;
+      var retry = function (select) {
+        // the dialog mounts in one commit, and the row mounts one commit after
+        // the cell; six frames is far more than that and still short enough that
+        // a miss reads as "nothing happened"
+        attempts += 1;
+        if (attempts > 6) return null;
+        var found = select();
+        if (found === null) return null;
+        dispatchSynthetic(found, "click");
+        return found;
+      };
+      var plan = findSettingsEntry(document, { retry: retry });
+      if (plan === null) {
+        warn(tag, "no settings entry and no settings launcher on screen");
+        return false;
+      }
+      var taken = plan.run();
+      return taken !== false && taken !== null;
     }
 
     // strict lookup: exact dataset match or CSS-escaped selector only —
@@ -1383,7 +1936,15 @@ window.__ModuleLoader__.load({
       // closing outline + accent bar so the block reads as a finished shape.
       groupTint: "rgba(79, 140, 255, 0.10)",
       groupEdge: "rgba(79, 140, 255, 0.85)",
-      groupEdgeSoft: "rgba(79, 140, 255, 0.35)"
+      groupEdgeSoft: "rgba(79, 140, 255, 0.35)",
+      // the curtain's bottom edge: a fixed mid-grey line that reads on both themes
+      // (the l2 token is too faint to see against the conversation below)
+      sheetEdge: "rgba(120, 120, 120, 0.5)",
+      // the curtain's outer shadow: bottom only. The curtain meets its box edge to
+      // edge at the left and right, so the negative spreads keep the vertical seams
+      // free of shadow while the bottom — rounded corners included — lifts off the
+      // conversation below.
+      sheetShadow: "0 14px 22px -12px rgba(0, 0, 0, 0.35), 0 6px 12px -10px rgba(0, 0, 0, 0.25)"
     };
 
     // ---- theme scheme detection (for the panel's 3D inner shadow) ----
@@ -1400,27 +1961,27 @@ window.__ModuleLoader__.load({
           if (body.hasAttribute && body.hasAttribute("data-ds-dark-theme")) return true;
           var cls = body.className || "";
           if (/dark|theme-dark/i.test(cls)) return true;
-          var attr = (body.getAttribute("data-theme") || body.getAttribute("data-color-scheme") || "").toLowerCase();
-          if (attr === "dark" || /dark/.test(attr)) return true;
+          // each probe is guarded on its own: a stub or a host DOM without
+          // getAttribute must not abort the whole read and force the light answer
+          if (typeof body.getAttribute === "function") {
+            var attr = (body.getAttribute("data-theme") || body.getAttribute("data-color-scheme") || "").toLowerCase();
+            if (attr === "dark" || /dark/.test(attr)) return true;
+          }
         }
         if (typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches) return true;
-        var root = body || document.documentElement;
-        var cs = getComputedStyle(root).colorScheme;
-        if (typeof cs === "string" && /dark/i.test(cs)) return true;
-        var v = getComputedStyle(root).getPropertyValue("--dsw-alias-bg-base");
-        var m = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(v);
-        if (m) return (Number(m[1]) + Number(m[2]) + Number(m[3])) < 384;
+        if (typeof getComputedStyle === "function") {
+          var root = body || document.documentElement;
+          var cs = getComputedStyle(root).colorScheme;
+          if (typeof cs === "string" && /dark/i.test(cs)) return true;
+          var v = getComputedStyle(root).getPropertyValue("--dsw-alias-bg-base");
+          var m = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(v);
+          if (m) return (Number(m[1]) + Number(m[2]) + Number(m[3])) < 384;
+        }
       } catch (e) {}
       return false;
     }
-    // Inner shadow: computed per-render (not once) so it follows the live theme.
-    // Dark scheme -> soft WHITE bevel (recessed card highlight); light -> soft
-    // dark shade. Outer shadow stays off (clip-path would clip it).
-    function innerShadow() {
-      return isDarkScheme()
-        ? "inset 0 0 0 1px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -10px 16px rgba(255,255,255,0.08)"
-        : "inset 0 0 0 1px rgba(0,0,0,0.08), inset 0 2px 10px rgba(0,0,0,0.18)";
-    }
+    // (the inner bevel is gone with the outer shadow's return: the panel now lifts
+    // off the conversation with a real shadow of its own — see the panel's style.)
 
     // ---------- error boundary ----------
     var ErrorBoundary = (function () {
@@ -1724,42 +2285,8 @@ window.__ModuleLoader__.load({
         setLevels(next);
       };
 
-      // ---- heading-level picker popup (transient): opens from the round button
-      // next to the search button; closes on an outside pointerdown. Closing
-      // plays a short shrink-back animation before unmounting. ----
-      var _sLo = react.useState(false);
-      var levelsOpen = _sLo[0];
-      var setLevelsOpen = _sLo[1];
-      var _sLc = react.useState(false);
-      var levelsClosing = _sLc[0];
-      var setLevelsClosing = _sLc[1];
-      var closeLevels = function () {
-        if (!levelsOpen || levelsClosing) return;
-        setLevelsClosing(true);
-        // unmount when the exit animation actually finishes (fallback timer in
-        // case animationend never fires, e.g. display:none ancestors)
-        var popped = document.querySelector(".dqt-levels-pop");
-        var done = false;
-        var finish = function () {
-          if (done) return;
-          done = true;
-          if (popped && popped.removeEventListener) popped.removeEventListener("animationend", finish);
-          setLevelsOpen(false);
-          setLevelsClosing(false);
-        };
-        if (popped && popped.addEventListener) popped.addEventListener("animationend", finish);
-        setTimeout(finish, 220);
-      };
-      react.useEffect(function () {
-        if (!levelsOpen) return;
-        var close = function (e) {
-          var t = e.target;
-          if (t && t.closest && (t.closest(".dqt-levels-pop") || t.closest(".dqt-levels-btn"))) return;
-          closeLevels();
-        };
-        document.addEventListener("pointerdown", close);
-        return function () { document.removeEventListener("pointerdown", close); };
-      }, [levelsOpen, levelsClosing]);
+      // (the heading-level picker popup is gone with the toolbar's level button:
+      // the levels are a setting, and the settings button lands on that card row)
 
 
       // ---- pagination: show the latest N groups; scrolling to the top loads older ----
@@ -1771,6 +2298,13 @@ window.__ModuleLoader__.load({
       var panelRootRef = react.useRef(null); // the panel box itself (for its live height)
       var didInitScroll = react.useRef(false);
       var outlineTouchRef = react.useRef(0); // last time the user touched the outline
+      // A scroll the panel performs itself (follow, reveal, open landing) stamps
+      // this first, so the scroll event it causes is not mistaken for a reader
+      // gesture (which would quiet the follow for 1.5s after every step it takes).
+      var programScrollRef = react.useRef(0);
+      var markProgramScroll = function (ms) {
+        programScrollRef.current = Date.now() + (ms || 250);
+      };
       var lastScrollTopRef = react.useRef(0);
       var lastHostClickRef = react.useRef(0); // throttle for the "load earlier" click
       // Auto-load bookkeeping (see the paging block): at most one pull in flight, a beat
@@ -1878,8 +2412,10 @@ window.__ModuleLoader__.load({
         var el = listRef.current;
         if (!el) return;
         var a = anchorAt(el);                     // the row at the top of the list right now
+        // `a.top` is already relative to the list box (see anchorAt); `off` is kept
+        // in that same frame so `restoreDrift` compares like with like
         closedPosRef.current[which] = a
-          ? { idx: a.idx, off: a.top - el.getBoundingClientRect().top }
+          ? { idx: a.idx, off: a.top }
           : null;
       };
       var armRestore = function (which) {
@@ -2226,34 +2762,6 @@ window.__ModuleLoader__.load({
       var listFade = _sQF[0];
       var setListFade = _sQF[1];
       var listFadeTimers = react.useRef({ out: null, in: null });
-      var toggleQuestions = function () {
-        if (listFadeTimers.current.out) clearTimeout(listFadeTimers.current.out);
-        if (listFadeTimers.current.in) clearTimeout(listFadeTimers.current.in);
-        // reduce motion is a real preference: swap without the two-phase fade
-        var calm = false;
-        try {
-          calm = typeof window !== "undefined" && typeof window.matchMedia === "function"
-            && window.matchMedia("(prefers-reduced-motion: reduce)").matches === true;
-        } catch (e) { calm = false; }
-        if (calm) {
-          setQuestionsOnly(function (cur) { return !cur; });
-          setListFade("idle");
-          return;
-        }
-        setListFade("out");
-        listFadeTimers.current.out = setTimeout(function () {
-          listFadeTimers.current.out = null;
-          setQuestionsOnly(function (cur) { return !cur; });
-          // entering questions-only makes the level filter meaningless: close its
-          // popup rather than leave a disabled control's menu open over the list
-          if (!questionsOnly && typeof closeLevels === "function") closeLevels();
-          setListFade("in");
-          listFadeTimers.current.in = setTimeout(function () {
-            listFadeTimers.current.in = null;
-            setListFade("idle");
-          }, 260);
-        }, 150);
-      };
       react.useEffect(function () {
         return function () {
           if (listFadeTimers.current.out) clearTimeout(listFadeTimers.current.out);
@@ -2455,21 +2963,68 @@ window.__ModuleLoader__.load({
       var prevScope = _s19[0];
       var setPrevScope = _s19[1];
       var scopeTimerRef = react.useRef(null);
-      // search scope: "title" (default) / "full" (user messages + AI replies in this
-      // session) / "cross" (the HOST's full-text index across every visible session).
-      // ONE pill cycles the three, so a third scope costs no extra button.
+      // recent searches, most-recent-first (browser-local; committing a search
+      // fills it, an empty box offers it back as one-tap chips)
+      var _sHist = react.useState(searchHistLoad);
+      var searchHist = _sHist[0];
+      var setSearchHist = _sHist[1];
+      var commitSearchHist = function (q, scope) {
+        // functional update: two commits in one batch must not drop each other
+        setSearchHist(function (prev) { return searchHistRemember(prev, q, scope); });
+      };
+      // search scope: "title" (default) / "prompts" (only your own questions; an
+      // empty box shows the questions view) / "full" (user messages + AI replies
+      // in this session) / "cross" (the HOST's full-text index across every
+      // visible session). ONE pill cycles the four, so a new scope costs no extra
+      // button.
+      var promptsView = searchScope === "prompts";
       var scopeLabel = function (scope) {
+        if (scope === "prompts") return T("search.scope.prompts");
         if (scope === "full") return T("search.scope.full");
         if (scope === "cross") return T("search.scope.cross");
         return T("search.scope.title");
       };
+      // Entering or leaving the 提问 scope swaps the list between the outline and
+      // the questions view — behind the same two-phase fade as of old: the list
+      // fades out, the mode changes while it is invisible, then it fades back in,
+      // so the two lists never blend into each other mid-swap.
+      var swapQuestionsView = function (want) {
+        if (listFadeTimers.current.out) clearTimeout(listFadeTimers.current.out);
+        if (listFadeTimers.current.in) clearTimeout(listFadeTimers.current.in);
+        listFadeTimers.current.out = null;
+        listFadeTimers.current.in = null;
+        if (want === questionsOnly && listFade === "idle") return;
+        // reduce motion is a real preference: swap without the two-phase fade
+        var calm = false;
+        try {
+          calm = typeof window !== "undefined" && typeof window.matchMedia === "function"
+            && window.matchMedia("(prefers-reduced-motion: reduce)").matches === true;
+        } catch (e) { calm = false; }
+        if (calm) {
+          setQuestionsOnly(want);
+          setListFade("idle");
+          return;
+        }
+        setListFade("out");
+        listFadeTimers.current.out = setTimeout(function () {
+          listFadeTimers.current.out = null;
+          setQuestionsOnly(want);
+          setListFade("in");
+          listFadeTimers.current.in = setTimeout(function () {
+            listFadeTimers.current.in = null;
+            setListFade("idle");
+          }, 260);
+        }, 150);
+      };
       var toggleScope = function () {
-        var next = searchScope === "title" ? "full" : (searchScope === "full" ? "cross" : "title");
+        var next = searchScope === "title" ? "prompts"
+          : (searchScope === "prompts" ? "full" : (searchScope === "full" ? "cross" : "title"));
         setPrevScope(searchScope);
         setSearchScope(next);
         setMatchIdx(0);
         if (scopeTimerRef.current) clearTimeout(scopeTimerRef.current);
         scopeTimerRef.current = setTimeout(function () { setPrevScope(null); }, 300);
+        swapQuestionsView(next === "prompts");
       };
       // ---- fuzzy matching: an independent switch beside the scope pill --------
       // Off (default) = the folded CONTIGUOUS match. On = subsequence matching, so
@@ -2834,7 +3389,13 @@ window.__ModuleLoader__.load({
           if (isGhost && rk.top >= limit && !seenFull) { pick = k; pickTop = rk.top; seenFull = true; }
         }
         anchorHintRef.current = pick;
-        return { idx: boxes[pick].getAttribute("data-group-idx"), top: pickTop };
+        // RELATIVE to the list's own top edge — never a viewport-absolute value.
+        // The panel and the curtain travel on `transform` (dock slides, the drop),
+        // which moves every row and the list box by the same amount: a relative
+        // offset cancels it out, while an absolute one reads the animation as
+        // "content grew" and the compensation drags the list away from where the
+        // follow just placed it.
+        return { idx: boxes[pick].getAttribute("data-group-idx"), top: pickTop - lr.top };
       };
       // What the reader is looking at, and where it sits. Sampled by the scroll handler —
       // so a host-side change landing mid-scroll is still caught — and right before any
@@ -2849,7 +3410,9 @@ window.__ModuleLoader__.load({
         if (!a || !el || !el.isConnected) return false;
         var node = el.querySelector('[data-group-idx="' + a.idx + '"]');
         if (!node) { sampleAnchor(el); return false; }
-        var top = node.getBoundingClientRect().top;
+        // relative to the list box, the same frame the anchor was sampled in (see
+        // anchorAt): viewport motion of the whole panel cancels out here
+        var top = node.getBoundingClientRect().top - el.getBoundingClientRect().top;
         var moved = el.scrollTop - a.scrollTop;   // what the reader (or a jump) scrolled
         var zf = liveZoom();
         // Growth above the anchor moves it DOWN by exactly as much as the content grew; the
@@ -2869,6 +3432,7 @@ window.__ModuleLoader__.load({
           return false;
         }
         var before = el.scrollTop;
+        markProgramScroll();   // this write is ours, not the reader's
         el.scrollTop = before + grew;
         if (Math.abs(el.scrollTop - before) < 0.5) {
           // clamped (the reader is already at one end): nothing to hold on to
@@ -3180,7 +3744,12 @@ window.__ModuleLoader__.load({
 
       // scroll to the top edge also loads older groups (keeps the visual position)
       var onListScroll = function (e) {
-        outlineTouchRef.current = Date.now();
+        // A scroll the panel caused itself (see markProgramScroll) carries no
+        // reader intent: it still updates the bottom state and the paging anchor,
+        // but it must not refresh the follow's quiet window or spend the
+        // "back to where I left" memory.
+        var programmatic = Date.now() < programScrollRef.current;
+        if (!programmatic) outlineTouchRef.current = Date.now();
         // the scroll container itself: a real scroll event's `currentTarget` IS the list
         // element, which is also what the paging logic reads geometry from
         var el = e.currentTarget;
@@ -3191,7 +3760,7 @@ window.__ModuleLoader__.load({
           if (hoverCard) hoverEnd(true);
         }
         lastScrollTopRef.current = el.scrollTop;
-        syncBackBtn(el);   // reached the remembered place by hand? the button is done
+        if (!programmatic) syncBackBtn(el);   // reached the remembered place by hand? the button is done
         // Remember what the reader is looking at. Sampling on every scroll event is what
         // lets a change the reader did NOT start — the host extending the window by itself
         // — be compensated too: the layout effect knows where the anchored row was before
@@ -3612,7 +4181,7 @@ window.__ModuleLoader__.load({
           // a turn the paged window has not loaded: searchable through the host
           // outline's bounded previews, and clicking it pages the turn in first
           if (g.ghost) {
-            if (searchScope === "full") {
+            if (searchScope === "full" || promptsView) {
               var gtext = (g.userText || "") + "\n" + (g.preview || "");
               var ng = countOccurrences(gtext, needle, fuzzy);
               if (ng > 0) {
@@ -3621,13 +4190,15 @@ window.__ModuleLoader__.load({
                   title: previewText(g.userText || g.preview || "", 40),
                   level: 0, path: "", time: "",
                   snippet: snippetAround(g.preview || g.userText || "", fq, 36, fuzzy),
-                  ghost: true, turn: g.turn, seq: g.seq
+                  ghost: true, turn: g.turn, seq: g.seq, prompt: true
                 }, ng);
               }
             }
             continue;
           }
-          for (var j = 0; j < g.headings.length; j++) {
+          // the 提问 filter: only prompt rows survive (the old questions-only
+          // toggle's job, now as a search filter)
+          for (var j = 0; j < (promptsView ? 0 : g.headings.length); j++) {
             var h = g.headings[j];
             var nh = countOccurrences(h.title, needle, fuzzy);
             if (nh > 0) {
@@ -3639,15 +4210,16 @@ window.__ModuleLoader__.load({
               }, nh);
             }
           }
-          if (searchScope === "full") {
+          if (searchScope === "full" || promptsView) {
             var nu = g.userKey && g.userFull ? countOccurrences(g.userFull, needle, fuzzy) : 0;
             if (nu > 0) {
               push({
                 gi: gi, key: g.userKey, idx: undefined, title: previewText(g.userFull, 40),
-                level: 0, path: "", time: g.time, snippet: snippetAround(g.userFull, fq, 36, fuzzy)
+                level: 0, path: "", time: g.time, snippet: snippetAround(g.userFull, fq, 36, fuzzy),
+                prompt: true
               }, nu);
             }
-            for (var m = 0; m < g.msgs.length; m++) {
+            for (var m = 0; m < (promptsView ? 0 : g.msgs.length); m++) {
               var msg = g.msgs[m];
               if (!msg.text) continue;
               var nm = countOccurrences(msg.text, needle, fuzzy);
@@ -3659,7 +4231,7 @@ window.__ModuleLoader__.load({
             }
             // a failed turn's provider message is searchable too — "timed out" must
             // find the turns it killed
-            if (g.failure && g.failure.message) {
+            if (g.failure && g.failure.message && !promptsView) {
               var nf = countOccurrences(g.failure.message, needle, fuzzy);
               if (nf > 0) {
                 push({
@@ -3672,7 +4244,7 @@ window.__ModuleLoader__.load({
           }
         }
         return rows;
-      }, [groups, query, searchScope, headingPaths, fuzzy]);
+      }, [groups, query, searchScope, headingPaths, fuzzy, promptsView]);
       // ---- auto-follow: which turn is the reader looking at -------------------
       // This used to hang off ONE scroll listener bound to the scrollport element
       // captured when the effect ran. DSH can replace that element (a jump that
@@ -3759,7 +4331,10 @@ window.__ModuleLoader__.load({
           var giSave = actives[0];
           if (groups[giSave]) savePosition(groups[giSave]);
           // pause right after the reader touched the outline themselves —
-          // otherwise paging older turns gets yanked back to the newest group
+          // otherwise paging older turns gets yanked back to the newest group.
+          // (A scroll the follow performs itself must not count as a touch: it
+          // stamps programScrollRef first, and the scroll handler lets a
+          // programmatic scroll through without refreshing the quiet window.)
           if (Date.now() - outlineTouchRef.current <= 1500) return;
           var gi0 = actives[0];
           setVisibleCount(function (prev) {
@@ -3779,7 +4354,13 @@ window.__ModuleLoader__.load({
             // Aligning to the top needs no clamp at all — the list's own end does the work.
             // (Rects are visual; the factor turns the delta back into the scroller's units.)
             var delta = (node.getBoundingClientRect().top - el.getBoundingClientRect().top) / liveZoom();
-            if (Math.abs(delta) > 1) el.scrollTop = el.scrollTop + delta;
+            if (Math.abs(delta) > 1) {
+              markProgramScroll();
+              el.scrollTop = el.scrollTop + delta;
+              // the anchor must now describe THIS position, or the height-change
+              // compensation re-aligns to where the list was before the follow moved it
+              sampleAnchor(el);
+            }
           };
           followFrame = requestAnimationFrame(function () { followFrame = requestAnimationFrame(place); });
           followTimer = setTimeout(place, 90); // the row may only exist after the expansion commits
@@ -3811,41 +4392,50 @@ window.__ModuleLoader__.load({
         for (var gi = 0; gi < groups.length; gi++) {
           var g = groups[gi];
           if (g.ghost) {
-            if (searchScope === "full") {
+            if (searchScope === "full" || promptsView) {
               var gtext = (g.userText || "") + "\n" + (g.preview || "");
               var ng = countOccurrences(gtext, needle, fuzzy);
               for (var cg = 0; cg < ng; cg++) {
-                out.push({ gi: gi, title: g.userText || "", key: "", idx: undefined, ghost: true, turn: g.turn, seq: g.seq });
+                out.push({ gi: gi, title: g.userText || "", key: "", idx: undefined, ghost: true, turn: g.turn, seq: g.seq, prompt: true });
               }
             }
             continue;
           }
-          for (var j = 0; j < g.headings.length; j++) {
+          // the 提问 filter keeps only the prompts: heading and reply hits stay
+          // out of the stepping list, so n/N counts what the results show
+          for (var j = 0; j < (promptsView ? 0 : g.headings.length); j++) {
             var h = g.headings[j];
             var n = countOccurrences(h.title, needle, fuzzy);
             for (var c = 0; c < n; c++) {
               out.push({ gi: gi, title: h.title, key: h.key, idx: h.idx });
             }
           }
-          if (searchScope === "full") {
+          if (searchScope === "full" || promptsView) {
             if (g.userKey && g.userFull) {
               var nu = countOccurrences(g.userFull, needle, fuzzy);
-              for (var cu = 0; cu < nu; cu++) {
-                out.push({ gi: gi, title: previewText(g.userFull, 30), key: g.userKey, idx: undefined });
+              if (nu > 0) {
+                // one preview per message, not one per occurrence
+                var uTitle = previewText(g.userFull, 30);
+                for (var cu = 0; cu < nu; cu++) {
+                  out.push({ gi: gi, title: uTitle, key: g.userKey, idx: undefined, prompt: true });
+                }
               }
             }
-            for (var m = 0; m < g.msgs.length; m++) {
+            for (var m = 0; m < (promptsView ? 0 : g.msgs.length); m++) {
               var msg = g.msgs[m];
               if (!msg.text) continue;
               var nm = countOccurrences(msg.text, needle, fuzzy);
-              for (var cm = 0; cm < nm; cm++) {
-                out.push({ gi: gi, title: previewText(msg.text, 30), key: msg.key, idx: undefined });
+              if (nm > 0) {
+                var mTitle = previewText(msg.text, 30);
+                for (var cm = 0; cm < nm; cm++) {
+                  out.push({ gi: gi, title: mTitle, key: msg.key, idx: undefined });
+                }
               }
             }
           }
         }
         return out;
-      }, [groups, query, searchScope, fuzzy]);
+      }, [groups, query, searchScope, fuzzy, promptsView]);
 
       // which result row holds the current (n/N) occurrence (needs `matches`)
       var activeResultRow = -1;
@@ -3974,6 +4564,7 @@ window.__ModuleLoader__.load({
           return;
         }
         pendingLocate = { sessionId: hitSessionId, query: query.trim(), at: Date.now() };
+        if (query.trim() !== "") commitSearchHist(query.trim(), searchScope);
         try {
           openSessionById(hitSessionId);
         } catch (e) {
@@ -4030,7 +4621,7 @@ window.__ModuleLoader__.load({
         searchPosRef.current = q;
         if (!q) { setHint(""); return; }
         var el = listRef.current;
-        if (el) el.scrollTop = el.scrollHeight;
+        if (el) { markProgramScroll(); el.scrollTop = el.scrollHeight; }
         // cross-session scope: the list is host hits, so neither the n/N cursor nor
         // the "scroll up for older messages" hint applies
         if (searchScope === "cross") { setHint(""); return; }
@@ -4088,7 +4679,7 @@ window.__ModuleLoader__.load({
         if (!el) return;
         var tight = el.scrollWidth > el.clientWidth + 1;
         setCrowded(function (prev) { return prev === tight ? prev : tight; });
-      }, [open, panelW, zoom, dock, levelsOpen, searchOpen, groups.length]);
+      }, [open, panelW, zoom, dock, searchOpen, groups.length]);
       react.useEffect(function () {
         var el = headerRef.current;
         if (!el) return;
@@ -4266,11 +4857,13 @@ window.__ModuleLoader__.load({
         if (atBottomRef.current) {
           if (!sheetOpen) return undefined;
           anchorRef.current = null;          // no compensation against a stale anchor
+          markProgramScroll();
           el.scrollTop = el.scrollHeight;
           syncAtBottom(el);
           var again = requestAnimationFrame(function () {   // ...and once more, after layout
             var el2 = listRef.current;
             if (!el2 || !atBottomRef.current) return;
+            markProgramScroll();
             el2.scrollTop = el2.scrollHeight;
             syncAtBottom(el2);
             sampleAnchor(el2);
@@ -4295,6 +4888,32 @@ window.__ModuleLoader__.load({
         return landOnReadingRow();
       }, [open]);
 
+      // Long-list virtualization must not run while a surface is ANIMATING. The
+      // skip state of `content-visibility` is re-evaluated on the browser's own
+      // layout passes, and the panel's open slide is a compositor-driven
+      // transform — so a skipped list can stay blank through the whole slide and
+      // only paint when it stops ("opens white, the text pops in when it lands").
+      // The hold arms the moment the surface state flips and is released after
+      // the animation window; the release's own re-render re-arms the skip.
+      var virtReleaseRef = react.useRef(null);
+      var virtHoldUntilRef = react.useRef(0);
+      var virtSlot = react.useState(0);
+      // the tick's VALUE is never read: the release's setter exists for its
+      // re-render, which re-arms the skip after the animation window
+      var setVirtTick = virtSlot[1];
+      var surfaceKey = (open && !panelAside ? 1 : 0) + (sheetOpen ? 2 : 0);
+      if (virtReleaseRef.current === null) {
+        virtReleaseRef.current = surfaceKey; // the first paint is not an animation
+      } else if (virtReleaseRef.current !== surfaceKey) {
+        virtReleaseRef.current = surfaceKey;
+        virtHoldUntilRef.current = Date.now() + VIRT_HOLD_MS;
+        setTimeout(function () {
+          virtHoldUntilRef.current = 0;
+          setVirtTick(function (v) { return v + 1; });
+        }, VIRT_HOLD_MS + 40);
+      }
+      var virtHold = Date.now() < virtHoldUntilRef.current;
+
       // ---- nothing to show without headings ----
       if (groups.length === 0) return null;
 
@@ -4810,7 +5429,14 @@ window.__ModuleLoader__.load({
         if (!node) return false;
         // the rects are visual: divide by the live factor before writing a scroll offset
         var delta = (node.getBoundingClientRect().top - el.getBoundingClientRect().top) / liveZoom();
-        if (Math.abs(delta) > 0.5) el.scrollTop = el.scrollTop + delta;
+        if (Math.abs(delta) > 0.5) {
+          markProgramScroll();
+          el.scrollTop = el.scrollTop + delta;
+        }
+        // Either way this placement is the reader's new reality: the anchor must not
+        // drag the list back to where it sat before (the curtain's re-layout makes the
+        // old anchor look "pushed" and the compensation would undo the landing).
+        sampleAnchor(el);
         return true;
       };
       var revealGroupInOutline = function (gi) {
@@ -4873,6 +5499,8 @@ window.__ModuleLoader__.load({
       var goToRow = function (i) {
         var start = 0;
         for (var k = 0; k < i && k < resultRows.length; k++) start += resultRows[k].count;
+        // picking a result is a committed search too
+        if (query.trim() !== "") commitSearchHist(query.trim(), searchScope);
         goToMatch(start);
       };
 
@@ -4934,7 +5562,13 @@ window.__ModuleLoader__.load({
         // the curtain is wide: rows switch to a one-line, multi-part layout that
         // puts the section's opening text out to the right instead of under the
         // title (see renderItem / renderResultRow)
-        wide: sheetOpen
+        wide: sheetOpen,
+        // compact density: tighten the row rhythm so more of the outline is on
+        // screen (see renderGroups / renderGroupHeader / renderItem)
+        dense: prefs.density === "compact",
+        // the virtualization hold: while a surface animates, group boxes must not
+        // skip their content (see the hold block above the early return)
+        virtHold: virtHold
       };
 
       // ---- keyboard cursor plumbing -------------------------------------------
@@ -5117,7 +5751,12 @@ window.__ModuleLoader__.load({
       // reader reported. A transform is handed to the compositor, so the animation no longer
       // depends on how big the list is.
       var panelTransition = (zoomJustChanged ? "" : "transform " + slide + ", ")
-        + "clip-path " + slide + ", opacity " + (panelAway ? "0.14s ease 0.26s" : "0.45s ease");
+        + "clip-path " + slide + ", box-shadow " + slide + ", opacity "
+        // the fade is short on both legs: the tuck line and the emerge line read
+        // as the SAME hard line — a slow fade-in made the panel hover out of thin
+        // air instead of appearing from behind that line (0.45s was the softer
+        // entrance, and the one thing still different between the two directions)
+        + (panelAway ? "0.14s ease 0.26s" : "0.16s ease");
 
       // clip the panel at the dock edge while collapsed, so sliding away looks
       // like being covered by the sidebar (the sidebar stays untouched):
@@ -5134,6 +5773,11 @@ window.__ModuleLoader__.load({
       // against a `panelW + 16` travel the edge drifted 8px past that line, which the
       // reader saw as the panel tucking in slightly left of where it comes back out.
       var travelPx = Math.abs(openOffset - parkedOffset);
+      // The wipe inset is the TRAVEL distance (see below): its edge must sit exactly
+      // on the panel's open line through the whole slide. It stays a zero inset while
+      // open — the outer shadow does NOT ride this clip (a negative bleed here made
+      // the wipe edge drift 24px through the slide); the shadow lives on the panel's
+      // twin element instead.
       var panelClip = "inset(0 0 0 0px)";
       if (!geoOpen) {
         if (dockRight) {
@@ -5149,7 +5793,13 @@ window.__ModuleLoader__.load({
       // readable whenever the pointer was elsewhere. Readability now comes from
       // CONTRAST on the group being read (tinted row + accent bar, see
       // renderGroups) instead of from fading everything else away.
-      var panelOpacity = open && chatViewActive ? (hovered ? 1 : 0.72) : 0;
+      //
+      // NOTE the open/close legs do NOT fade: visibility past the tuck line is the
+      // clip's call alone ("once it crosses the line it is gone"), and an opacity
+      // ramp over the slide only made the two directions read different lines.
+      // While parked the wipe covers the box entirely, so the resting opacity can
+      // simply stay up.
+      var panelOpacity = chatViewActive ? (hovered ? 1 : 0.72) : 0;
 
       // ---- toolbar buttons -----------------------------------------------------
       // ONE instance of each, placed either in the docked header row or in the
@@ -5205,55 +5855,40 @@ window.__ModuleLoader__.load({
         }
         return react_jsx_runtime.jsx("button", props);
       };
-      // heading-level filter: a round icon button that pops down the H1–H6 picker.
-      // Icon: three lines of decreasing width = outline levels.
-      var levelsBtnEl = toolBtn("levels", "dqt-levels-btn",
-        function () { if (questionsOnly) return; levelsOpen ? closeLevels() : setLevelsOpen(true); },
-        questionsOnly ? T("levels.offInQuestions") : T("levels.tip"),
-        (levelsOpen || levelsClosing), questionsOnly,
+      // This plugin's own settings: the Host's own Plugins-entry pinwheel —
+      // copied path for path from dsh-fonttune's settings button (its 16-unit
+      // box, 1.8 stroke, currentColor) — and the SAME jump it performs: open the
+      // host's settings on THIS plugin's page (see openSettingsScreen).
+      var settingsBtnEl = toolBtn("settings", "dqt-settings-btn",
+        function () {
+          openSettingsScreen("panel head", function (tag, detail) {
+            try {
+              if (typeof console !== "undefined" && typeof console.warn === "function") {
+                console.warn("[dsh-quick-toc] could not open the plugin settings (" + tag + ": " + detail + ")");
+              }
+            } catch (e) { /* a host without a console still gets the banner below */ }
+            showBanner(T("settings.missing"));
+          });
+        },
+        T("settings.open"), false, false,
         react_jsx_runtime.jsx("svg", {
-          width: tbIcon,
-          height: tbIcon,
-          viewBox: "0 0 14 14",
+          width: tbIconLg,
+          height: tbIconLg,
+          viewBox: "0 0 16 16",
           fill: "none",
           stroke: "currentColor",
-          strokeWidth: 2.2,
-          strokeLinecap: "round",
+          strokeWidth: 1.8,
           style: { display: "block" },
           children: [
-            react_jsx_runtime.jsx("line", { x1: 1.5, y1: 3, x2: 12.5, y2: 3 }),
-            react_jsx_runtime.jsx("line", { x1: 1.5, y1: 7, x2: 9, y2: 7 }),
-            react_jsx_runtime.jsx("line", { x1: 1.5, y1: 11, x2: 5.5, y2: 11 })
+            react_jsx_runtime.jsx("path", { d: "M7.84457 5.06199C11.6605 4.93876 14.7962 6.14848 14.8484 7.76397C14.8875 8.97461 13.1838 10.0696 10.7215 10.5942" }),
+            react_jsx_runtime.jsx("path", { d: "M5.12742 8.07731C5.00419 4.26138 6.21391 1.12568 7.8294 1.07351C9.04004 1.03441 10.135 2.73808 10.6596 5.20037" }),
+            react_jsx_runtime.jsx("path", { d: "M8.02457 10.6802C4.20865 10.8034 1.07294 9.5937 1.02077 7.97821C0.981678 6.76758 2.68535 5.67262 5.14763 5.14798" }),
+            react_jsx_runtime.jsx("path", { d: "M10.7476 7.89535C10.8708 11.7113 9.66109 14.847 8.0456 14.8991C6.83496 14.9382 5.74 13.2346 5.21536 10.7723" })
           ]
         })
       );
-      // questions-only toggle: icon = a speech bubble (the prompt), which is exactly
-      // what that view keeps
-      var questionsBtnEl = toolBtn("questions", "dqt-questions-btn", toggleQuestions,
-        questionsOnly ? T("view.questions.tipOn") : T("view.questions.tipOff"),
-        questionsOnly, false,
-        react_jsx_runtime.jsx("svg", {
-          width: tbIcon,
-          height: tbIcon,
-          viewBox: "0 0 14 14",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: 2.2,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          style: { display: "block" },
-          children: [
-            // A slightly LARGER bubble (11.4 x 7.7), and the whole glyph sits a touch BELOW the
-            // box centre on purpose: the bubble body is the visual mass while the tail hangs
-            // off the bottom-left, so a geometrically centred bubble reads as top-heavy. The
-            // stroke bbox is 1.4..13.8 (centre 7.6, i.e. 0.6 low) and the horizontal centre is
-            // still exactly 7.
-            react_jsx_runtime.jsx("rect", { x: 1.3, y: 2.5, width: 11.4, height: 7.7, rx: 1.7 }),
-            react_jsx_runtime.jsx("path", { d: "M4.5 10.2v2.5l2.9-2.5" })
-          ]
-        }),
-        { "data-questions": questionsOnly ? "on" : "off" }
-      );
+      // questions-only lives in the SEARCH ROW now (its 提问 filter pill): the
+      // toolbar lost the standalone toggle when the search grew the same job.
       // magnifier (SVG, matches the other buttons' style)
       var searchBtnEl = toolBtn("search", "dqt-search-btn",
         function () { searchOpen ? closeSearch() : openSearch(); },
@@ -5297,69 +5932,8 @@ window.__ModuleLoader__.load({
           ]
         })
       );
-      // heading-level picker: pops down from the round toolbar button. It is anchored
-      // to the toolbar itself on the curtain (no overflow-clipped row there) and to
-      // the panel box in the docked layout (the header row scrolls sideways, so a
-      // child of it would be clipped). Open/close animate from the button's center;
-      // the animation lives in the injected stylesheet (classes, not inline
-      // animation) so React re-renders never restart or cancel it.
-      var buildLevelsPop = function (inSheet) {
-        // on the curtain the six levels are ONE spread-out row (there is room);
-        // in the narrow docked panel they have to wrap, and they are capped by the
-        // panel's own width rather than by the shrink-to-fit toolbar wrapper
-        var popW = inSheet ? "min(336px, 74vw)" : undefined;
-        return react_jsx_runtime.jsx("div", {
-          className: "dqt-levels-pop" + (levelsClosing ? " dqt-levels-pop-closing" : ""),
-          style: {
-            position: "absolute",
-            top: inSheet ? "calc(100% + 8px)" : 40,
-            left: inSheet ? 0 : 10,
-            zIndex: 30,
-            display: "flex",
-            alignItems: "center",
-            flexWrap: inSheet ? "nowrap" : "wrap",
-            gap: 4,
-            padding: 8,
-            background: C.panelBg,
-            border: "1px solid " + C.panelBorder,
-            borderRadius: 10,
-            cornerShape: "round",
-            boxShadow: "0 6px 20px rgba(0, 0, 0, 0.28), 0 2px 6px rgba(0, 0, 0, 0.18)",
-            width: popW,
-            maxWidth: inSheet ? popW : "calc(100% - 20px)",
-            // the button's center sits 12px (dock) / 16px (curtain) inside the popup
-            transformOrigin: (inSheet ? tbSize / 2 : 12) + "px top"
-          },
-          children: [1, 2, 3, 4, 5, 6].map(function (lv) {
-            var active = !!levelSet[lv];
-            return react_jsx_runtime.jsx("button", {
-              onClick: function () { toggleLevel(lv); },
-              title: active ? T("levels.hide") + lv : T("levels.show") + lv,
-              style: {
-                height: inSheet ? 32 : 22,
-                flex: inSheet ? "1 1 0" : "0 0 auto",
-                minWidth: 0,
-                padding: inSheet ? 0 : "0 7px",
-                border: "none",
-                borderRadius: 6,
-                cornerShape: "round",
-                cursor: "pointer",
-                fontSize: inSheet ? 14.5 : 11,
-                lineHeight: (inSheet ? 32 : 22) + "px",
-                fontFamily: "inherit",
-                background: active
-                  ? C.chip
-                  : "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.14))",
-                color: active ? C.accent : C.muted,
-                fontWeight: active ? 600 : 400
-              },
-              children: "H" + lv
-            }, "lv" + lv);
-          })
-        });
-      };
-      var levelsPopDockEl = (!sheetOpen && (levelsOpen || levelsClosing)) ? buildLevelsPop(false) : null;
-      var levelsPopSheetEl = (sheetOpen && (levelsOpen || levelsClosing)) ? buildLevelsPop(true) : null;
+      // (the heading-level picker popup went with the toolbar's level button: the
+      // levels are a setting now, and the settings button lands on that row)
       // dock toggle: the triangle tips toward the side it will move TO. Drawn as a path rather
       // than the ◀/▶ character — a font's triangles have sharp corners and a weight that
       // differs per platform, while this one carries the same little rounding as the two
@@ -5381,57 +5955,9 @@ window.__ModuleLoader__.load({
       // is what makes it read centred (the old character needed the same, plus a y nudge for
       // its line box, which a path does not have)
       var dockBtnEl = iconBtn(toggleDock, dockRight ? T("handle.dockLeft") : T("handle.dockRight"), dockTriEl, 12, dockRight ? { x: -1, y: 0 } : { x: 1, y: 0 });
-      // the curtain button: a surface with the arrow dropping out of its TOP edge
-      var sheetBtnEl = react_jsx_runtime.jsx("button", {
-        className: "dqt-sheet-btn",
-        onClick: openSheet,
-        title: T("sheet.open"),
-        style: {
-          width: 24,
-          height: 24,
-          padding: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          borderRadius: "50%",
-          cornerShape: "round",
-          border: "none",
-          flex: "none",
-          cursor: "pointer",
-          background: "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.16))",
-          color: C.muted,
-          transition: "background 0.15s ease, color 0.15s ease, opacity 0.2s ease"
-        },
-        onMouseEnter: function (e) {
-          e.currentTarget.style.background = "var(--dsw-alias-interactive-bg-active, rgba(79,140,255,0.24))";
-          e.currentTarget.style.color = "var(--dsw-alias-brand-primary, #4f8cff)";
-        },
-        onMouseLeave: function (e) {
-          e.currentTarget.style.background = "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.16))";
-          e.currentTarget.style.color = C.muted;
-        },
-        children: react_jsx_runtime.jsx("svg", {
-          width: 14,
-          height: 14,
-          viewBox: "0 0 14 14",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: 1.8,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          style: { display: "block", overflow: "visible" },
-          children: [
-            // A landscape surface 12.0 x 9.0 (centred in the 14 box: 1.0..13.0 / 2.5..11.5) —
-            // neither the portrait slab nor the flat strip the earlier attempts were. The
-            // rectangle itself carries the SAME border weight as the questions bubble (2.2,
-            // via its own strokeWidth) while the arrow keeps the lighter inherited 1.8, so the
-            // frame reads as the frame and the arrow stays a mark inside it. `overflow:
-            // visible` because the 2.2 border on a 12-wide rect reaches x = -0.1.
-            react_jsx_runtime.jsx("rect", { x: 1.0, y: 2.5, width: 12.0, height: 9.0, rx: 1.6, strokeWidth: 2.2 }),
-            react_jsx_runtime.jsx("path", { d: "M7 2.5V9.1M5.2 7.3L7 9.1l1.8-1.8" })
-          ]
-        })
-      });
+      // the curtain keeps its own entry point: the water-drop handle on the top
+      // edge (sheet.openHandle). The toolbar's curtain button is gone — the header
+      // is four controls now.
       // collapse (docked panel only): thick SVG cross, nudged slightly down
       var headerCloseBtnEl = react_jsx_runtime.jsx("button", {
         onClick: function () { noteClosed("dock"); setOpen(false); },
@@ -5522,20 +6048,22 @@ window.__ModuleLoader__.load({
               scrollbarWidth: "none"
             },
             children: [
-              // LEFT pair: the heading-level filter and the dock toggle take the
-              // left end — so the header reads two controls per side (search +
-              // collapse sit at the other end).
+              // LEFT pair: this plugin's settings jump and the dock toggle take
+              // the left end (search + collapse sit at the other end). Four
+              // controls on this bar now: the questions-only toggle moved into
+              // the search row's scope and the curtain button left to the top
+              // handle.
               react_jsx_runtime.jsx("div", {
                 style: { display: "flex", alignItems: "center", gap: 6, flex: "none" },
-                children: [levelsBtnEl, questionsBtnEl, dockBtnEl]
+                children: [settingsBtnEl, dockBtnEl]
               }),
               // spacer: nothing here, it just pins the two pairs to the two ends —
               // and it is the first thing to give way when the panel narrows
               react_jsx_runtime.jsx("div", { style: { flex: "1 1 auto", minWidth: 0 } }),
-              // RIGHT pair: search + curtain + collapse
+              // RIGHT pair: search + collapse
               react_jsx_runtime.jsx("div", {
                 style: { display: "flex", alignItems: "center", gap: 6, flex: "none" },
-                children: [searchBtnEl, sheetBtnEl, headerCloseBtnEl]
+                children: [searchBtnEl, headerCloseBtnEl]
               })
             ]
           })
@@ -5543,10 +6071,11 @@ window.__ModuleLoader__.load({
       });
 
       // ---- curtain chrome: the controls that still apply here (the level filter,
-      // questions-only, search) plus the way out. There is no title — the surface is
+      // search) plus the way out. There is no title — the surface is
       // self-evident — and no hint text: ✕ and Esc are the obvious exits. The dock /
       // curtain / collapse buttons are absent on purpose: there is no docked panel to
-      // move and no second curtain to open.
+      // move and no second curtain to open. The questions-only toggle lives in the
+      // search row's 提问 filter now.
       var sheetChromeEl = react_jsx_runtime.jsx("div", {
         className: "dqt-sheet-chrome",
         title: T("sheet.noDrag"),
@@ -5561,7 +6090,7 @@ window.__ModuleLoader__.load({
         children: [
           react_jsx_runtime.jsx("div", {
             style: { position: "relative", display: "flex", alignItems: "center", gap: 8, flex: "none" },
-            children: [levelsBtnEl, questionsBtnEl, levelsPopSheetEl]
+            children: [settingsBtnEl]
           }),
           react_jsx_runtime.jsx("div", { style: { flex: "1 1 auto", minWidth: 0 } }),
           searchBtnEl,
@@ -5572,6 +6101,77 @@ window.__ModuleLoader__.load({
       // ---- search row: the input plus the scope pill, the fuzzy switch and the
       // match counter. In the docked layout it is a row under the header; on the
       // curtain it is the head of the search column on the right.
+      // recent searches, offered back while the box is empty: one tap fills the
+      // box (and restores the scope it was searched in); Enter still jumps.
+      // mousedown is swallowed so the input keeps its focus.
+      var searchHistStripEl = (searchOpen && query.trim() === "" && searchHist.length > 0) ? react_jsx_runtime.jsx("div", {
+        "data-dqt-hist": "1",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 6,
+          // even vertical breathing room on both sides: the text used to hug the
+          // search row above it, and the divider below the strip is the search
+          // block's closing line (NOT a line between the row and its own strip)
+          padding: sheetOpen ? "7px 10px 10px" : "6px 8px 8px",
+          borderBottom: "1px solid " + C.panelBorder,
+          minWidth: 0
+        },
+        children: [
+          react_jsx_runtime.jsx("span", {
+            style: { flex: "none", fontSize: 11, color: C.muted },
+            children: T("search.history")
+          }, "hh-label"),
+          react_jsx_runtime.jsx("div", {
+            style: { flex: "1 1 auto", minWidth: 0, display: "flex", flexWrap: "wrap", gap: 4 },
+            children: searchHist.map(function (entry, hi) {
+              return react_jsx_runtime.jsx("button", {
+                type: "button",
+                "data-dqt-hist-item": hi,
+                title: entry.q,
+                onMouseDown: function (e) { e.preventDefault(); },
+                onClick: function () {
+                  if (entry.scope !== searchScope) { setPrevScope(searchScope); setSearchScope(entry.scope); }
+                  onQueryChange(entry.q);
+                },
+                style: {
+                  flex: "none",
+                  maxWidth: 140,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  fontSize: 11,
+                  padding: "2px 8px",
+                  borderRadius: 999,
+                  cornerShape: "round",
+                  background: "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.14))",
+                  color: C.text,
+                  border: "none",
+                  cursor: "pointer"
+                },
+                children: entry.q
+              }, "hh-" + hi);
+            })
+          }, "hh-chips"),
+          react_jsx_runtime.jsx("button", {
+            type: "button",
+            "data-dqt-hist-clear": "1",
+            title: T("search.history.clear"),
+            onMouseDown: function (e) { e.preventDefault(); },
+            onClick: function () { setSearchHist(searchHistClear()); },
+            style: {
+              flex: "none",
+              fontSize: 11,
+              padding: "2px 4px",
+              background: "transparent",
+              color: C.muted,
+              border: "none",
+              cursor: "pointer"
+            },
+            children: T("search.history.clear")
+          }, "hh-clear")
+        ]
+      }) : null;
       var searchRowEl = (searchOpen || searchAnim === "out") ? react_jsx_runtime.jsx("div", {
         style: {
           display: "grid",
@@ -5581,13 +6181,15 @@ window.__ModuleLoader__.load({
         },
         children: react_jsx_runtime.jsx("div", {
           style: { overflow: "hidden", minHeight: 0 },
-          children: react_jsx_runtime.jsx("div", {
+          children: [react_jsx_runtime.jsx("div", {
             style: {
               display: "flex",
               alignItems: "center",
               gap: sheetOpen ? 6 : 4,
               padding: sheetOpen ? "4px 10px 8px" : "2px 8px 4px",
-              borderBottom: "1px solid " + C.panelBorder,
+              // the closing line belongs to the strip when the history strip is
+              // out: no divider between the search row and its own strip
+              borderBottom: searchHistStripEl ? "none" : ("1px solid " + C.panelBorder),
               opacity: (searchAnim === "enter" || searchAnim === "out") ? 0 : 1,
               transform: (searchAnim === "enter" || searchAnim === "out") ? "translateY(-6px)" : "none",
               transition: "opacity 0.2s ease, transform 0.2s ease"
@@ -5617,7 +6219,12 @@ window.__ModuleLoader__.load({
                       // (arrows only mean something while a query is typed)
                       if (e.key === "ArrowDown") { goToMatch(matchIdx + 1); swallow(e); return; }
                       if (e.key === "ArrowUp") { goToMatch(matchIdx - 1); swallow(e); return; }
-                      if (e.key === "Enter") { goToMatch(matchIdx + 1); swallow(e); return; }
+                      // Enter = the reader committed this search: it joins the
+                      // recent-search history even when nothing matched
+                      if (e.key === "Enter") {
+                        if (query.trim() !== "") commitSearchHist(query.trim(), searchScope);
+                        goToMatch(matchIdx + 1); swallow(e); return;
+                      }
                       if (e.key === "Escape") { closeSearch(); swallow(e); }
                     },
                     style: {
@@ -5691,7 +6298,8 @@ window.__ModuleLoader__.load({
                 onClick: toggleScope,
                 "data-scope": searchScope,
                 title: searchScope === "title" ? T("search.scope.tipTitle")
-                  : (searchScope === "full" ? T("search.scope.tipFull") : T("search.scope.tipCross")),
+                  : (searchScope === "prompts" ? T("search.scope.tipPrompts")
+                    : (searchScope === "full" ? T("search.scope.tipFull") : T("search.scope.tipCross"))),
                 style: {
                   flex: "none",
                   width: sheetOpen ? 40 : 34,
@@ -5755,7 +6363,7 @@ window.__ModuleLoader__.load({
                 children: T("search.fuzzy")
               })
             ]
-          })
+          }), searchHistStripEl]
         })
       }) : null;
 
@@ -5888,6 +6496,66 @@ window.__ModuleLoader__.load({
         style: { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "row", alignItems: "stretch" },
         children: [listEl, sheetSearchColEl]
       });
+      // one geometry for the panel and its shadow twin, merged (never duplicated)
+      var mergeStyle = function (base, extra) {
+        var out = {};
+        var k;
+        for (k in base) if (Object.prototype.hasOwnProperty.call(base, k)) out[k] = base[k];
+        for (k in extra) if (Object.prototype.hasOwnProperty.call(extra, k)) out[k] = extra[k];
+        return out;
+      };
+      var panelGeoStyle = {
+        position: "fixed",
+        top: zLen(baseTopPx),
+        left: zLen(panelLeft),
+        width: zLen(panelW),
+        maxHeight: zLen(vMaxH),
+        height: panelH > 0 ? zLen(panelH) : undefined,
+        zoom: zoom === 1 ? undefined : zoom,
+        borderRadius: 12,
+        transform: panelTransform,
+        transition: viewFading ? "opacity 0.3s ease" : panelTransition,
+        // held back while the edge handle slips home (see edgeLeaving): the panel is
+        // already at its open geometry here, only the animation waits
+        transitionDelay: edgeLeaving ? EDGE_OUT_MS + "ms" : undefined
+      };
+      // The outer shadow lives on a transparent twin BEHIND the panel. On the panel
+      // itself it could not survive the collapse clip, and the clip's inset must be
+      // the TRAVEL distance for the visible edge to keep its line. The twin is
+      // clipped by the SAME wipe — its cut sitting 8px out (that side's own reach),
+      // so the halo spills exactly as far as it would around the visible shape and
+      // follows that shape through the slide: no shadow left standing past the tuck
+      // line while the panel has gone, and no cut at the edges.
+      //
+      // The three sides the wipe never touches bleed far out instead (24px covers
+      // the deepest reach — 15px below with the offset, more at the bottom corners),
+      // so nothing of the halo is sliced at rest either.
+      //
+      // One halo on ALL four sides — evenly, corners included (a card lifted off
+      // the conversation; no downward bias, or the top corners stay bare). Dark
+      // scheme gets a WHITE one — the theme's own raised language.
+      // the wipe side's cut sits exactly on the seam the panel tucks behind: past
+      // that line there is nothing to see — panel or halo — the clip decides,
+      // never a fade
+      var SHADOW_REACH = 8;
+      var SHADOW_BLEED = 24;
+      var shadowWipe = geoOpen ? 0 : travelPx;
+      var shadowClip = dockRight
+        ? "inset(" + zLen(-SHADOW_BLEED) + " " + zLen(shadowWipe - SHADOW_REACH) + " " + zLen(-SHADOW_BLEED) + " " + zLen(-SHADOW_BLEED) + ")"
+        : "inset(" + zLen(-SHADOW_BLEED) + " " + zLen(-SHADOW_BLEED) + " " + zLen(-SHADOW_BLEED) + " " + zLen(shadowWipe - SHADOW_REACH) + ")";
+      var panelShadowEl = react_jsx_runtime.jsx("div", {
+        "data-dqt-panel-shadow": "1",
+        style: mergeStyle(panelGeoStyle, {
+          zIndex: Z_PANEL - 1,
+          background: "transparent",
+          opacity: panelOpacity,
+          pointerEvents: "none",
+          clipPath: shadowClip,
+          boxShadow: isDarkScheme()
+            ? "0 0 24px -4px rgba(255, 255, 255, 0.16), 0 0 10px -2px rgba(255, 255, 255, 0.10)"
+            : "0 0 24px -4px rgba(0, 0, 0, 0.38), 0 0 10px -2px rgba(0, 0, 0, 0.26)"
+        })
+      });
       var panelEl = react_jsx_runtime.jsx("div", {
         ref: panelRootRef,
         // the panel takes focus on any click inside it (except into a text field), so
@@ -5922,37 +6590,18 @@ window.__ModuleLoader__.load({
           // the curtain's own scale (the docked panel's does not apply here)
           zoom: sheetZoom === 1 ? undefined : sheetZoom,
           pointerEvents: chatViewActive ? "auto" : "none"
-        } : {
-          position: "fixed",
-          top: zLen(baseTopPx),
-          left: zLen(panelLeft),
-          width: zLen(panelW),
-          maxHeight: zLen(vMaxH),
-          height: panelH > 0 ? zLen(panelH) : undefined,
-          zoom: zoom === 1 ? undefined : zoom,
+        } : mergeStyle(panelGeoStyle, {
           display: "flex",
           flexDirection: "column",
           background: C.panelBg,
           border: "none",
-          borderRadius: 12,
           zIndex: Z_PANEL,
           overflow: "hidden",
           color: C.text,
           opacity: panelOpacity,
           clipPath: panelClip,
-          transform: panelTransform,
-          // inner shadow only (no outer): theme-aware (white bevel in dark mode,
-          // soft shade in light) — outer shadow would be clipped by the collapse
-          // clip-path and the panel edges.
-          boxShadow: innerShadow(),
-          // A view switch swaps in a short, delay-free opacity fade; the dock and
-          // collapse animations keep their own (slower) timings.
-          transition: viewFading ? "opacity 0.3s ease" : panelTransition,
-          // held back while the edge handle slips home (see edgeLeaving): the panel is
-          // already at its open geometry here, only the animation waits
-          transitionDelay: edgeLeaving ? EDGE_OUT_MS + "ms" : undefined,
           pointerEvents: chatViewActive ? "auto" : "none"
-        },
+        }),
         onMouseEnter: function () { setHovered(true); },
         onMouseLeave: function () { setHovered(false); },
         onClickCapture: function (e) {
@@ -6180,8 +6829,7 @@ window.__ModuleLoader__.load({
             },
             onPointerDown: onResizeCornerDown,
             title: T("resize.wh")
-          }),
-          levelsPopDockEl
+          })
         ]
       });
 
@@ -6285,6 +6933,14 @@ window.__ModuleLoader__.load({
       var handleH = sheetStrip ? Math.max(16, Math.min(HANDLE_BOX_MAX, stripH)) : HANDLE_BOX_MAX;
       var handleTopPx = sheetStrip ? sheetStrip.bottom - handleH : sheetTopPx;
 
+      // The curtain runs edge to edge of its area: the conversation column sits a
+      // couple of pixels inside the window (the host's own outer padding), and that
+      // sliver used to read as a gap beside the curtain. An inset this small IS the
+      // padding — it bleeds under the curtain on either side; a real column (the
+      // sidebar, the docked panel) stays respected.
+      var SHEET_EDGE_PAD_MAX = 12;
+      var sheetInset = function (px) { return px <= SHEET_EDGE_PAD_MAX ? 0 : px; };
+
       // ---- curtain handle resting on the view tab strip's line -----------------
       // A droplet held to the line by surface tension rather than a floating pill: the
       // silhouette flares out into two concave fillets that meet the strip's lower line
@@ -6323,7 +6979,7 @@ window.__ModuleLoader__.load({
           // if the stored area rect is one layout generation behind
           left: Math.max(8, Math.min(Math.max(8, window.innerWidth - DROP_W - 8),
             viewport
-              ? viewport.left + (Math.max(320, window.innerWidth - viewport.left - viewport.right) - DROP_W) / 2
+              ? sheetInset(viewport.left) + (Math.max(320, window.innerWidth - sheetInset(viewport.left) - sheetInset(viewport.right)) - DROP_W) / 2
               : (window.innerWidth - DROP_W) / 2)) + "px"
         },
         title: T("sheet.openHandle"),
@@ -6610,6 +7266,9 @@ window.__ModuleLoader__.load({
       // The outer box never unmounts: while the curtain is down it is a zero-size,
       // non-clipping pass-through, so the panel (and the whole list DOM) is never
       // moved or rebuilt when the curtain opens or closes.
+      // How far the clip box extends BELOW the curtain: that is where the curtain's
+      // bottom shadow lives (the clip would otherwise cut it off).
+      var SHEET_SHADOW_ROOM = 24;
       var sheetUp = sheetOpen && chatViewActive;
       var sheetShellEl = react_jsx_runtime.jsx("div", {
         key: "sheet-shell",
@@ -6619,15 +7278,16 @@ window.__ModuleLoader__.load({
           position: "fixed",
           // hangs from just below the 对话/轨迹/上下文 strip
           top: sheetTopPx,
-          left: viewport ? viewport.left : 0,
-          width: viewport ? Math.max(320, window.innerWidth - viewport.left - viewport.right) : "100%",
+          left: viewport ? sheetInset(viewport.left) : 0,
+          width: viewport ? Math.max(320, window.innerWidth - sheetInset(viewport.left) - sheetInset(viewport.right)) : "100%",
           // a curtain over the conversation, not the whole screen: the composer and
           // the newest message stay reachable below it. The height is measured from
           // the conversation box (not from the curtain's own top) so hanging it below
-          // the tabs does not push its bottom edge down over the composer.
+          // the tabs does not push its bottom edge down over the composer. The clip
+          // then grows by the shadow room below the curtain itself.
           height: viewport
-            ? Math.max(240, Math.min(760, (viewport.height - Math.max(0, sheetTopPx - viewport.top)) * 0.82))
-            : "70vh",
+            ? Math.max(240, Math.min(760, (viewport.height - Math.max(0, sheetTopPx - viewport.top)) * 0.82)) + SHEET_SHADOW_ROOM
+            : "calc(70vh + " + SHEET_SHADOW_ROOM + "px)",
           overflow: "hidden",
           zIndex: Z_SHEET
         } : {
@@ -6666,19 +7326,30 @@ window.__ModuleLoader__.load({
           "data-sheet": sheetUp ? "on" : undefined,
           style: {
             width: sheetUp ? "100%" : 0,
-            height: sheetUp ? "100%" : 0,
+            // the bottom leaves the shadow room the clip box grew by
+            height: sheetUp ? "calc(100% - " + SHEET_SHADOW_ROOM + "px)" : 0,
+            // border-box so the 1px edges stay INSIDE the measured height: with the
+            // old content-box the bottom pair sat below it and the clip cut them
+            // away, which is why the bottom edge had no visible line
+            boxSizing: "border-box",
             display: "flex",
             flexDirection: "column",
             background: C.panelBg,
             color: C.text,
-            border: sheetUp ? "1px solid " + C.panelBorder : "none",
+            border: "none",
+            borderTop: sheetUp ? "1px solid " + C.panelBorder : "none",
+            borderLeft: sheetUp ? "1px solid " + C.panelBorder : "none",
+            borderRight: sheetUp ? "1px solid " + C.panelBorder : "none",
+            borderBottom: sheetUp ? "1px solid " + C.sheetEdge : "none",
             // square where it meets the top edge, since the curtain hangs from there;
-            // no dimming layer and no drop shadow either — the conversation below
-            // stays legible and usable, and the curtain announces itself by flying
+            // no dimming layer — the conversation below stays legible and usable.
+            // The outer shadow is the bottom edge's own: it follows the rounded
+            // bottom corners and stops before the vertical seams.
             borderRadius: "0 0 12px 12px",
+            boxShadow: sheetUp ? C.sheetShadow : "none",
             overflow: "hidden"
           },
-          children: panelEl
+          children: sheetOpen ? panelEl : [panelShadowEl, panelEl]
         })
       });
 
@@ -6695,13 +7366,18 @@ window.__ModuleLoader__.load({
     // stays hidden until the row is hovered — the row's own mouseenter/leave
     // reveal it — and the click is handled once, in the panel's capture phase,
     // so the row's jump-to-start can never fire alongside it.
-    function renderEndBtn(C, key, idx, turn) {
+    function renderEndBtn(C, key, idx, turn, small) {
       // These markers are not decoration: the row's hover handler looks for
       // [data-dqt-end] to reveal the control, and the panel's capture phase looks
       // for it to route the click to the end jump instead of the row's own
       // jump-to-start. They are deliberately NOT data-jump-key: that attribute
       // belongs to the rows themselves, and two kinds of element claiming it made
       // every "find the row" query ambiguous.
+      // `small` = compact density: the tight rows are 16px tall and clip their
+      // contents, so a 20px circle would have its backdrop cut top and bottom —
+      // the control scales with the row it lives in.
+      var size = small ? 16 : 20;
+      var icon = small ? 10 : 12;
       var attrs = { "data-dqt-end": "1" };
       if (key) attrs["data-end-key"] = key;
       if (idx !== undefined && idx !== null) attrs["data-end-idx"] = String(idx);
@@ -6723,8 +7399,8 @@ window.__ModuleLoader__.load({
           right: 4,
           top: "50%",
           transform: "translateY(-50%)",
-          width: 20,
-          height: 20,
+          width: size,
+          height: size,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -6741,8 +7417,8 @@ window.__ModuleLoader__.load({
           transition: "opacity 0.22s ease, background 0.18s ease, color 0.18s ease"
         },
         children: react_jsx_runtime.jsx("svg", {
-          width: 12,
-          height: 12,
+          width: icon,
+          height: icon,
           viewBox: "0 0 12 12",
           style: { display: "block" },
           children: react_jsx_runtime.jsx("path", {
@@ -6765,6 +7441,7 @@ window.__ModuleLoader__.load({
       // the title, and the section's opening text out to the right — the space the
       // docked panel does not have. The narrow panel keeps title-over-subtitle.
       var wide = !!(extra && extra.wide);
+      var dense = !!(extra && extra.dense);
       var hoverInfo = {
         title: n.title,
         sub: n.sub || "",
@@ -6821,8 +7498,8 @@ window.__ModuleLoader__.load({
         if (n.sub) {
           rows.push(react_jsx_runtime.jsx("div", {
             style: {
-              fontSize: 10,
-              lineHeight: "13px",
+              fontSize: dense ? 9.5 : 10,
+              lineHeight: dense ? "11px" : "13px",
               color: C.muted,
               opacity: 0.75,
               whiteSpace: "nowrap",
@@ -6836,7 +7513,7 @@ window.__ModuleLoader__.load({
       // the section's own "jump to its end" control, revealed while the row is
       // hovered; the reserved right padding keeps the title/subtitle/context
       // clear of it so nothing ever runs underneath the button
-      rows.push(renderEndBtn(C, n.key, n.idx));
+      rows.push(renderEndBtn(C, n.key, n.idx, undefined, dense && !wide));
       // The hover highlight is its own layer rather than the row's own background:
       // the row box runs to its right edge, which is exactly where the end control's
       // round backdrop appears, so the two boxes used to sit flush against each other
@@ -6886,16 +7563,16 @@ window.__ModuleLoader__.load({
             // (narrow layout) — in wide mode it is one line by construction
             display: "block",
             position: "relative",
-            padding: wide ? "4px 8px" : "2px 6px",
+            padding: dense ? (wide ? "1px 8px" : "0px 6px") : wide ? "4px 8px" : "2px 6px",
             paddingRight: END_ZONE,
             paddingLeft: (hasChildren ? (wide ? 4 : 2) : (wide ? 8 : 6)) + (n.level - 1) * (wide ? 16 : 12),
-            margin: "1px 0",
+            margin: dense ? "0 0" : "1px 0",
             borderRadius: 6,
             cursor: "pointer",
             fontSize: n.level <= 2 ? (wide ? 16.5 : 13) : (wide ? 15.5 : 12),
             color: n.level <= 2 ? C.text : C.muted,
             fontWeight: n.level <= 2 ? 600 : 400,
-            lineHeight: wide ? "26px" : "18px",
+            lineHeight: dense ? (wide ? "23px" : "16px") : wide ? "26px" : "18px",
             whiteSpace: "nowrap",
             overflow: "hidden"
           },
@@ -7150,6 +7827,8 @@ window.__ModuleLoader__.load({
       // either way, and every header in a given view still shares ONE style.
       var big = !!(extra && (extra.questionsOnly || extra.wide));
       var wideBand = !!(extra && extra.wide && !extra.questionsOnly);
+      // compact density: the same one-line header, a couple of notches tighter
+      var dense = !!(extra && extra.dense);
       // a turn that ended in a failure has no reply to land on: its terminal row IS
       // the interesting position, so the header lands there (and says so in the tip)
       var replyKey = (g.msgs && g.msgs.length > 0) ? g.msgs[0].key : (g.failure ? g.failure.key : "");
@@ -7179,14 +7858,15 @@ window.__ModuleLoader__.load({
           // headings: same box, same 18px rhythm, same left inset, so the time
           // column of a heading-less turn lines up with all the others. Only the
           // type emphasis differs (weight + colour, see the label below).
-          padding: big ? (wideBand ? "3px 4px 4px" : "2px 4px 3px") : "1px 4px 2px",
+          padding: dense ? (big ? (wideBand ? "1px 4px 2px" : "0px 4px 1px") : "0px 4px 1px")
+            : big ? (wideBand ? "3px 4px 4px" : "2px 4px 3px") : "1px 4px 2px",
           // the label is capped by this, not by a maxWidth guess: the row reserves the
           // end control's zone, so a long prompt's hover box ends END_ZONE from the row
           // edge — a real gap before the button's round backdrop, which sits 24px in.
           // (With `max-width: calc(100% - 32px)` the percentage resolved somewhere else
           // and a forced-long header still came within 2px of the circle.)
           paddingRight: END_ZONE,
-          height: big ? (wideBand ? 24 : 22) : 18,
+          height: dense ? (big ? (wideBand ? 21 : 19) : 15) : big ? (wideBand ? 24 : 22) : 18,
           display: "flex",
           alignItems: "center",
           minWidth: 0,
@@ -7229,6 +7909,12 @@ window.__ModuleLoader__.load({
             // on the group box — never on the label.
             fontSize: big ? (wideBand ? 14 : 12.5) : 11,
             fontWeight: 400,
+            // Compact density fixes the header's HEIGHT, so the label's line box
+            // must fit inside it: the inherited line-height left the label taller
+            // than its own row, and every background riding on it (the current
+            // group's tint, the hover grey, the keyboard cursor) was cut to the
+            // shorter band. Comfortable density keeps the inherited rhythm.
+            lineHeight: dense ? (big ? (wideBand ? "17px" : "14px") : "13px") : undefined,
             color: big ? C.text : C.muted,
             cursor: "pointer",
             padding: big ? "1px 5px" : "1px 5px",
@@ -7259,7 +7945,7 @@ window.__ModuleLoader__.load({
             }) : null
           ]
         }),
-          renderEndBtn(C, lastKey, undefined, g.turn)
+          renderEndBtn(C, lastKey, undefined, g.turn, dense && !wideBand)
         ]
       }, "g-h-" + gi);
     }
@@ -7316,8 +8002,8 @@ window.__ModuleLoader__.load({
         "data-nav-row": "1",
         title: T("turn.loadTip"),
         style: {
-          padding: "3px 6px",
-          margin: "1px 0",
+          padding: extra.dense ? "1px 6px" : "3px 6px",
+          margin: extra.dense ? "0 0" : "1px 0",
           borderRadius: 6,
           cursor: "pointer",
           minWidth: 0,
@@ -7332,8 +8018,9 @@ window.__ModuleLoader__.load({
     // outline lists it as a normal turn and adds this row, so a turn whose request
     // never came back reads as "请求失败 · <provider message>" instead of "未加载"
     // and never silently disappears from the outline.
-    function renderFailureRow(g, gi, jump, C) {
+    function renderFailureRow(g, gi, jump, C, extra) {
       var f = g.failure;
+      var dense = !!(extra && extra.dense);
       var message = f.message || f.code || "";
       var open = function (e) {
         e.stopPropagation();
@@ -7349,8 +8036,8 @@ window.__ModuleLoader__.load({
           alignItems: "center",
           gap: 5,
           minWidth: 0,
-          padding: "1px 6px",
-          margin: "1px 0",
+          padding: dense ? "0px 6px" : "1px 6px",
+          margin: dense ? "0 0" : "1px 0",
           borderRadius: 6,
           cursor: "pointer",
           transition: "background 0.15s ease"
@@ -7383,6 +8070,7 @@ window.__ModuleLoader__.load({
     function renderGroups(groups, trees, jump, C, offset, activeIdx, extra) {
       extra = extra || {};
       var base = offset || 0;
+      var dense = !!extra.dense;
       var activeSet = {};
       if (Array.isArray(activeIdx)) {
         for (var a = 0; a < activeIdx.length; a++) activeSet[activeIdx[a]] = true;
@@ -7396,7 +8084,7 @@ window.__ModuleLoader__.load({
         // The divider between two groups stays OUTSIDE the highlight box: inside it
         // would draw a rule straight across the tinted block.
         out.push(react_jsx_runtime.jsx("div", {
-          style: { borderTop: "1px solid " + C.panelBorder, margin: "7px 2px 3px", height: 0 }
+          style: { borderTop: "1px solid " + C.panelBorder, margin: dense ? "3px 2px 1px" : "7px 2px 3px", height: 0 }
         }, "g-sep-" + gi));
         var items = [];
         if (g.ghost) {
@@ -7410,7 +8098,7 @@ window.__ModuleLoader__.load({
           // entirely (the header itself grows and brightens for that job)
           if (!extra.questionsOnly) items.push(renderNodes(rows, 0, jump, C, "g" + gi, extra));
           // the failure is the turn's LAST event, so its row sits under the rows
-          if (g.failure) items.push(renderFailureRow(g, gi, jump, C));
+          if (g.failure) items.push(renderFailureRow(g, gi, jump, C, extra));
         }
         // The group being read stays at full opacity and every other group is dimmed
         // to 0.85 — enough to mark the reading position without turning the list grey
@@ -7434,8 +8122,19 @@ window.__ModuleLoader__.load({
             borderBottom: "1px solid " + (isActive ? C.groupEdgeSoft : "transparent"),
             borderLeft: "3px solid " + (isActive ? C.groupEdge : "transparent"),
             borderRadius: 6,
-            margin: "2px -5px",
-            paddingLeft: 2
+            margin: dense ? "0 -5px" : "2px -5px",
+            paddingLeft: 2,
+            // Long-session virtualization: every offscreen group is skipped by the
+            // renderer (no layout, no paint) until it nears the viewport, while its
+            // DOM stays in place — so the row queries the follow, the keyboard
+            // cursor, the hover card and the jump targets run against are untouched.
+            // `auto` keeps each group's real height after its first render; the
+            // estimate below is only what a never-seen group stands in with.
+            // While a surface is ANIMATING the hold lifts the skip entirely:
+            // a compositor-driven slide does not re-evaluate the skip state, so
+            // an opening surface would otherwise stay blank until it lands.
+            contentVisibility: extra && extra.virtHold ? "visible" : "auto",
+            containIntrinsicSize: "auto " + (dense ? 80 : 96) + "px"
           },
           children: items
         }, "g-" + gi));
@@ -7638,6 +8337,9 @@ window.__ModuleLoader__.load({
           seg([["left", T("settings.dock.left")], ["right", T("settings.dock.right")]], prefs.dock,
             function (v) { commit({ dock: v }); }), true),
         field("levels", T("settings.levels"), "", levelsControl(true), true),
+        field("density", T("settings.density"), "",
+          seg([["comfy", T("settings.density.comfy")], ["compact", T("settings.density.compact")]], prefs.density,
+            function (v) { commit({ density: v }); }), true),
         field("zoom", T("settings.zoom"), T("settings.zoom.tip"), zoomControl, false),
         field("sheetZoom", T("settings.sheetZoom"), T("settings.sheetZoom.tip"), sheetZoomControl, false),
         field("handle", T("settings.handle"), T("settings.handle.tip"), handleControl, false),
@@ -7707,6 +8409,8 @@ window.__ModuleLoader__.load({
     var inject = ["slots", "locale"];
 
     function apply(ctx) {
+      // the settings button's navigation looks host services up through this
+      settingsHostCtx = ctx;
       ctx.effect(function () {
         return ctx.locale.register("dsh-quick-toc", { zh: zh, en: en });
       }, "dsh-quick-toc: dictionaries");