dsh-quick-toc 0.10.1 → 0.10.2

package/CHANGELOG.en.md

@@ -2,6 +2,18 @@
 
 All notable changes to **dsh-quick-toc** are documented here. Chinese version: [CHANGELOG.md](CHANGELOG.md).
 
+## [0.10.2] - 2026-10-22
+
+### Added
+- **A bookmarks panel on the curtain**: the curtain's toolbar has a bookmarks button on the left, beside the settings button; it slides in from the right in the same drawer the search uses, and the outline stays where it is instead of being replaced.
+
+### Changed
+- **The theme colour reaches more places**: hovering an entry paints its hierarchy guide in the theme colour, the search box takes it as a focus border, the hover preview card carries a theme-coloured bar on its reading side, and a pinned card's ring gets a filled core in the same colour.
+
+### Fixed
+- **The theme colour came out black in a light theme**: with blue chosen, the plugin borrowed the host's accent colour, which is near-black ink in a light theme — so the guides, the search border, the card's bar and the pin's core all turned black. All six colours now use values of the plugin's own.
+- **The curtain's landing bounce opened an unblurred seam along its top edge**: the settle now stretches downward from the top edge, so the top never leaves the line it hangs from.
+
 ## [0.10.1] - 2026-10-21
 
 ### Fixed

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 **dsh-quick-toc** 的重要变更都记录在这里。英文版见 [CHANGELOG.en.md](CHANGELOG.en.md)。
 
+## [0.10.2] - 2026-10-22
+
+### 新增
+- **幕布的书签栏**：幕布的工具行左侧（设置按钮右边）新增一个书签按钮，点开后书签从右侧滑出，与搜索共用同一个抽屉；大纲原地保留，不再被整块替换。
+
+### 变更
+- **主题色覆盖更多位置**：悬停条目时它的层级引导线转为主题色，搜索框聚焦时边框转为主题色，悬停预览卡片的左侧有一条主题色竖条，钉住后的圆环核心也是主题色。
+
+### 修复
+- **浅色主题下主题色显示为黑色**：主题色选蓝色时，插件取用的是宿主界面的强调色，而浅色主题里那个值是近黑色，于是引导线、搜索框描边、卡片竖条与钉住圆环都变黑了；现在六种颜色都使用插件自己的色值。
+- **幕布落下回弹时顶部露出一条没有模糊的缝隙**：回弹改为从顶边向下伸展，顶部不再离开它悬挂的那条线。
+
 ## [0.10.1] - 2026-10-21
 
 ### 修复

package/README.en.md

@@ -44,7 +44,7 @@ A conversation TOC plugin for [DeepSeek Harness](https://github.com/deepseek-ai/
 
 | Plugin | Supported DSH |
 | --- | --- |
-| **0.10.x** (latest, 0.10.1) | 0.1.5-rc.3, 0.1.7-alpha.1, 0.1.7-alpha.2, 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2, 0.2.1-alpha.1, 0.2.1-alpha.2, 0.2.1-alpha.3, 0.2.1-alpha.4, 0.2.1-alpha.5, 0.2.1-rc.1, 0.2.1-rc.2 |
+| **0.10.x** (latest, 0.10.2) | 0.1.5-rc.3, 0.1.7-alpha.1, 0.1.7-alpha.2, 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2, 0.2.1-alpha.1, 0.2.1-alpha.2, 0.2.1-alpha.3, 0.2.1-alpha.4, 0.2.1-alpha.5, 0.2.1-rc.1, 0.2.1-rc.2 |
 | **0.9.x** (0.9.5) | 0.1.5-rc.3, 0.1.7-alpha.1, 0.1.7-alpha.2, 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2, 0.2.1-alpha.1, 0.2.1-alpha.2, 0.2.1-alpha.3, 0.2.1-alpha.4, 0.2.1-alpha.5 |
 | 0.8.x (0.8.2) | 0.1.5-rc.3, 0.1.7-alpha.1, 0.1.7-alpha.2, 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2 |
 | 0.7.x (0.7.14) | 0.1.5-rc.3, 0.1.7-alpha.1, 0.1.7-alpha.2, 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2 |

package/README.md

@@ -44,7 +44,7 @@
 
 | 插件版本 | 支持的 DSH 版本 |
 | --- | --- |
-| **0.10.x**（最新，0.10.1） | 0.1.5-rc.3、0.1.7-alpha.1、0.1.7-alpha.2、0.1.7-rc.1、0.1.7-rc.2、0.2.0-rc.1、0.2.0-rc.2、0.2.1-alpha.1、0.2.1-alpha.2、0.2.1-alpha.3、0.2.1-alpha.4、0.2.1-alpha.5、0.2.1-rc.1、0.2.1-rc.2 |
+| **0.10.x**（最新，0.10.2） | 0.1.5-rc.3、0.1.7-alpha.1、0.1.7-alpha.2、0.1.7-rc.1、0.1.7-rc.2、0.2.0-rc.1、0.2.0-rc.2、0.2.1-alpha.1、0.2.1-alpha.2、0.2.1-alpha.3、0.2.1-alpha.4、0.2.1-alpha.5、0.2.1-rc.1、0.2.1-rc.2 |
 | **0.9.x**（0.9.5） | 0.1.5-rc.3、0.1.7-alpha.1、0.1.7-alpha.2、0.1.7-rc.1、0.1.7-rc.2、0.2.0-rc.1、0.2.0-rc.2、0.2.1-alpha.1、0.2.1-alpha.2、0.2.1-alpha.3、0.2.1-alpha.4、0.2.1-alpha.5 |
 | 0.8.x（0.8.2） | 0.1.5-rc.3、0.1.7-alpha.1、0.1.7-alpha.2、0.1.7-rc.1、0.1.7-rc.2、0.2.0-rc.1、0.2.0-rc.2 |
 | 0.7.x（0.7.14） | 0.1.5-rc.3、0.1.7-alpha.1、0.1.7-alpha.2、0.1.7-rc.1、0.1.7-rc.2、0.2.0-rc.1、0.2.0-rc.2 |

package/lib/client.js

@@ -179,6 +179,8 @@ window.__ModuleLoader__.load({
         "marks.tip.only": "只看书签（{n}）",
         "marks.tip.all": "显示全部大纲（书签 {n}）",
         "marks.empty": "还没有书签。右键任意条目，选「加入书签」即可。",
+        "marks.title": "书签",
+        "marks.tip.col": "书签栏（{n}）",
         "menu.goto": "跳到这一节",
         "menu.mark": "加入书签",
         "menu.unmark": "移出书签",
@@ -309,6 +311,8 @@ window.__ModuleLoader__.load({
         "marks.tip.only": "Show bookmarks only ({n})",
         "marks.tip.all": "Show the whole outline ({n} bookmarked)",
         "marks.empty": "No bookmarks yet. Right-click any entry and choose \u201cAdd bookmark\u201d.",
+        "marks.title": "Bookmarks",
+        "marks.tip.col": "Bookmarks panel ({n})",
         "menu.goto": "Jump to this section",
         "menu.mark": "Add bookmark",
         "menu.unmark": "Remove bookmark",
@@ -470,7 +474,12 @@ window.__ModuleLoader__.load({
     // triplet with a solid that stays legible on both light and dark surfaces
     // (the dot shows the vivid hue; the solid is the readable one).
     var ACCENTS = {
-      blue: { rgb: "79, 140, 255", solid: null, dot: "#4f8cff" },
+      // Every option is SELF-CONTAINED, blue included. Blue used to borrow the host's
+      // `--dsw-alias-brand-primary`; in a light theme that token is near-black ink, so
+      // picking "blue" painted the hierarchy guides, the search ring, the preview
+      // card's bar and the pin's core BLACK. The theme colour is the plugin's own
+      // decision, so it does not defer to the host's brand token at all.
+      blue: { rgb: "79, 140, 255", solid: "#4F8CFF", dot: "#4f8cff" },
       red: { rgb: "245, 72, 77", solid: "#F5484D", dot: "#F5484D" },
       yellow: { rgb: "232, 162, 12", solid: "#D99300", dot: "#FFB020" },
       green: { rgb: "48, 164, 108", solid: "#2FA36B", dot: "#2FA36B" },
@@ -496,10 +505,13 @@ window.__ModuleLoader__.load({
     // injected base, which keeps today's values as its fallback.
     var accentCssText = function (id) {
       var t = ACCENTS[normAccent(id)] || ACCENTS.blue;
-      var solid = t.solid || "var(--dsw-alias-brand-primary, #4f8cff)";
+      var solid = t.solid || "#4F8CFF";
       return ".dqt-nav{box-shadow:inset 0 0 0 1px " + solid + ";background:rgba(" + t.rgb + ",0.10)}"
         + ".dqt-phead:focus-visible{outline-color:" + solid + "}"
-        + ".dqt-slider{accent-color:" + solid + "}";
+        + ".dqt-slider{accent-color:" + solid + "}"
+        // the search pill takes the theme colour the moment the caret is in it, so the
+        // box and the hit marks below it agree on which search is running
+        + ".dqt-search-pill:focus-within{background:rgba(" + t.rgb + ",0.12);box-shadow:inset 0 0 0 1px " + solid + "}";
     };
     var applyAccentCss = function (id) {
       if (typeof document === "undefined") return;
@@ -2165,7 +2177,10 @@ window.__ModuleLoader__.load({
       panelBorder: "var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25))",
       text: "var(--dsw-alias-label-primary, #e8eaee)",
       muted: "var(--dsw-alias-label-secondary, #9aa0ab)",
-      accent: "var(--dsw-alias-brand-primary, #4f8cff)",
+      // the plugin's own blue, NOT the host's brand token: that token is near-black
+      // in light themes, and every accent piece (guides, search ring, preview bar,
+      // pin core) turned black with it
+      accent: "#4F8CFF",
       // the selection triplet, for callers that paint their own alphas (search
       // hit marks): same hue as every tint above, in one place
       accentRgb: "79,140,255",
@@ -3235,6 +3250,8 @@ window.__ModuleLoader__.load({
         sheetTimerRef.current = setTimeout(function () {
           sheetTimerRef.current = null;
           setSheetOpen(false);
+          // the column only exists across the curtain: a later drop starts closed
+          setMarksCol(false);
           // the panel was open before the curtain: slide it back in instead of
           // letting it pop into place (the reader saw that pop as a flash)
           if (open) setPanelAside("return");
@@ -3658,9 +3675,24 @@ window.__ModuleLoader__.load({
         return function () { clearTimeout(timer); };
       }, [dock, panelY, panelW, panelH, levels, fuzzy]);
 
+      // ---- the curtain's bookmarks column --------------------------------------
+      // ONE drawer, two tenants. The search column is measured and slid from the
+      // right edge (see the flip effect above); the bookmarks ride the very same box,
+      // motion and width, so the curtain needs no second mechanism. Opening either
+      // tenant takes the other's place, and the docked panel keeps its star button
+      // and full-view overlay — there the outline has no column to share.
+      var _sMarksCol = react.useState(false);
+      var marksCol = _sMarksCol[0];
+      var setMarksCol = _sMarksCol[1];
+      var toggleMarksCol = function () {
+        if (marksCol) { setMarksCol(false); return; }
+        setMarksCol(true);
+        if (searchOpen) closeSearch();
+      };
       var openSearch = function () {
         setSearchOpen(true);
         setSearchAnim("enter");
+        if (marksCol) setMarksCol(false);
       };
       var closeSearch = function () {
         setSearchAnim("out");
@@ -3692,7 +3724,7 @@ window.__ModuleLoader__.load({
       // added after that point would change the hook count between renders (React #310).
       var searchColRef = react.useRef(null);
       var searchGeomRef = react.useRef(null);
-      var sheetColW = (searchOpen || searchAnim === "out") ? SHEET_SEARCH_W : 0;
+      var sheetColW = (searchOpen || marksCol || searchAnim === "out") ? SHEET_SEARCH_W : 0;
       // The column used to animate its own WIDTH, and because the outline is the flex sibling
       // that grows into the rest of the row, every frame of that re-laid out every rendered row
       // (measured on a 34-row list: a width step per frame, ~18ms frames and a 76ms first hitch;
@@ -3716,7 +3748,7 @@ window.__ModuleLoader__.load({
         // resting spot and eased back).
         var layoutLeft = list.offsetLeft;
         var colLayout = sheetColW > 0;                       // the layout currently on screen
-        var wantOpen = !!searchOpen && searchAnim !== "out"; // "out" is the exit in flight
+        var wantOpen = (!!searchOpen && searchAnim !== "out") || !!marksCol; // "out" is the exit in flight
         var colWidth = col.getBoundingClientRect().width;
         var prev = searchGeomRef.current;
         if (prev && prev.colLayout !== colLayout) {
@@ -3753,7 +3785,7 @@ window.__ModuleLoader__.load({
         }
         searchGeomRef.current = { colLayout: colLayout, layoutLeft: layoutLeft, wantOpen: wantOpen };
         return undefined;
-      }, [sheetOpen, sheetColW, searchOpen, searchAnim]);
+      }, [sheetOpen, sheetColW, searchOpen, searchAnim, marksCol]);
       var onQueryChange = function (v) {
         setQuery(v);
         setMatchIdx(0);
@@ -6524,6 +6556,23 @@ window.__ModuleLoader__.load({
       // twenty-pixel star, and a squeezed digit is worse than none). The count lives
       // in the tooltip a moment later, where it has a line of its own.
       var markCount = marks.length > 99 ? "99+" : String(marks.length);
+      // the star, drawn once: the docked header's 15px face and the curtain's larger
+      // one are the same glyph at two sizes
+      var starIcon = function (size) {
+        return react_jsx_runtime.jsx("svg", {
+          width: size, height: size, viewBox: "0 0 24 24",
+          style: { display: "block" },
+          children: react_jsx_runtime.jsx("path", {
+            // rounded joins (a stroke in the same colour as the fill) soften the
+            // five points; without it the star reads as a spiky asterisk at this size
+            d: "M12 3.1l2.72 5.52 6.09.89-4.4 4.29 1.04 6.06L12 16.9l-5.45 2.86 1.04-6.06-4.4-4.29 6.09-.89z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: 2.4,
+            strokeLinejoin: "round"
+          })
+        });
+      };
       var marksTip = onlyMarks
         ? Tp("marks.tip.all", { n: markCount })
         : Tp("marks.tip.only", { n: markCount });
@@ -6548,21 +6597,14 @@ window.__ModuleLoader__.load({
           padding: 0,
           transition: "background 0.18s ease, color 0.18s ease"
         },
-        children: react_jsx_runtime.jsx("svg", {
-          key: "star",
-          width: 15, height: 15, viewBox: "0 0 24 24",
-          style: { display: "block" },
-          children: react_jsx_runtime.jsx("path", {
-            // rounded joins (a stroke in the same colour as the fill) soften the
-            // five points; without it the star reads as a spiky asterisk at this size
-            d: "M12 3.1l2.72 5.52 6.09.89-4.4 4.29 1.04 6.06L12 16.9l-5.45 2.86 1.04-6.06-4.4-4.29 6.09-.89z",
-            fill: "currentColor",
-            stroke: "currentColor",
-            strokeWidth: 2.4,
-            strokeLinejoin: "round"
-          })
-        })
+        children: starIcon(15)
       }, "marks-btn");
+      // the curtain's way into the bookmarks: the docked header's star, at the
+      // curtain's own scale (toolBtn), sliding the drawer in from the right exactly
+      // like the magnifier does. It sits in the LEFT pair, right of the settings
+      // button (the docked header's arrangement), not next to the search
+      var sheetMarksBtnEl = toolBtn("marks", "dqt-sheet-marks-btn", toggleMarksCol,
+        Tp("marks.tip.col", { n: markCount }), marksCol, false, starIcon(tbIconLg));
       // 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.
@@ -6584,8 +6626,10 @@ window.__ModuleLoader__.load({
           cursor: "pointer"
         },
         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)";
+          // C.chip / C.accent, not the host's brand variables: this button used to stay
+          // blue whatever theme colour the reader picked
+          e.currentTarget.style.background = C.chip;
+          e.currentTarget.style.color = C.accent;
         },
         onMouseLeave: function (e) {
           e.currentTarget.style.background = "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.16))";
@@ -6698,7 +6742,10 @@ window.__ModuleLoader__.load({
         children: [
           react_jsx_runtime.jsx("div", {
             style: { position: "relative", display: "flex", alignItems: "center", gap: 8, flex: "none" },
-            children: [settingsBtnEl]
+            // settings first, then the bookmarks: the LEFT pair is "what the outline
+            // holds", the right pair is "how you look through it" (search) and the way
+            // out — the same split the docked header uses
+            children: [settingsBtnEl, sheetMarksBtnEl]
           }),
           react_jsx_runtime.jsx("div", { style: { flex: "1 1 auto", minWidth: 0 } }),
           searchBtnEl,
@@ -6806,6 +6853,7 @@ window.__ModuleLoader__.load({
               // input with a custom animated placeholder: the box stays static,
               // only the placeholder text fades when the scope switches
               react_jsx_runtime.jsx("div", {
+                className: "dqt-search-pill",
                 style: {
                   position: "relative",
                   flex: 1,
@@ -7017,7 +7065,7 @@ window.__ModuleLoader__.load({
       // target lookup, the keyboard cursor, the follow). A saved place needs a label
       // and a click — nothing else.
       var markRowsEl = null;
-      if (onlyMarks && !resultsEl) {
+      if ((onlyMarks || marksCol) && !resultsEl) {
         // `dense` is a local of the row renderers, not of this component: read the
         // preference here instead (referencing the other one threw and took the
         // whole panel down with it).
@@ -7111,7 +7159,7 @@ window.__ModuleLoader__.load({
       // the moment the shorter list rendered, and putting the offset back afterwards
       // was a race the browser usually won.
       var marksOverlayEl = null;
-      if (onlyMarks && !resultsEl) {
+      if (onlyMarks && !resultsEl && !marksCol) {
         marksOverlayEl = react_jsx_runtime.jsx("div", {
           className: "dqt-marks-overlay",
           style: {
@@ -7145,8 +7193,9 @@ window.__ModuleLoader__.load({
         "aria-label": T("a11y.list"),
         style: {
           // hidden rather than unmounted while the bookmark view is up (see above):
-          // it keeps its height and therefore its scroll offset
-          visibility: onlyMarks && !resultsEl ? "hidden" : undefined,
+          // it keeps its height and therefore its scroll offset. In the curtain the
+          // bookmarks live in their own column, so the outline stays visible.
+          visibility: onlyMarks && !resultsEl && !marksCol ? "hidden" : undefined,
           overflowY: "auto",
           // We are the only thing that holds the reader's place in this list (see the
           // paging block): the browser's own scroll anchoring would also adjust
@@ -7203,6 +7252,7 @@ window.__ModuleLoader__.load({
         ref: searchColRef,
         className: "dqt-sheet-search",
         "data-sheet-search": sheetColW > 0 ? "on" : undefined,
+        "data-sheet-marks": marksCol ? "on" : undefined,
         style: {
           flex: "none",
           width: sheetColW,
@@ -7212,14 +7262,45 @@ window.__ModuleLoader__.load({
         },
         children: react_jsx_runtime.jsx("div", {
           style: { width: SHEET_SEARCH_W, height: "100%", display: "flex", flexDirection: "column", minHeight: 0 },
-          children: [
+          children: marksCol ? [
+            // the same column, the other tenant: a quiet title line with the count,
+            // then the saved rows. No controls — the star in the chrome closes it.
+            react_jsx_runtime.jsx("div", {
+              key: "col-marks-head",
+              style: {
+                flex: "none",
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                padding: "10px 12px 9px",
+                borderBottom: "1px solid " + C.panelBorder,
+                fontSize: 12.5,
+                fontWeight: 600,
+                color: C.text
+              },
+              children: [
+                react_jsx_runtime.jsx("span", { key: "t", children: T("marks.title") }, "mh-t"),
+                react_jsx_runtime.jsx("span", {
+                  key: "n",
+                  style: { fontSize: 11, fontWeight: 400, color: C.muted },
+                  children: markCount
+                }, "mh-n")
+              ]
+            }),
+            react_jsx_runtime.jsx("div", {
+              key: "col-marks-body",
+              className: "dqt-sheet-marks-body",
+              style: { flex: "1 1 auto", minHeight: 0, overflowY: "auto", padding: "2px 6px 8px" },
+              children: markRowsEl
+            })
+          ] : [
             searchRowEl,
             // empty until something is typed — no placeholder note in the way
             react_jsx_runtime.jsx("div", {
               className: "dqt-sheet-results",
               style: { flex: "1 1 auto", minHeight: 0, overflowY: "auto", padding: "0 8px 8px", direction: "ltr" },
               children: resultsEl
-            })
+            }, "col-results")
           ]
         })
       }) : null;
@@ -7974,7 +8055,30 @@ window.__ModuleLoader__.load({
                   fontSize: 11,
                   lineHeight: "20px"
                 },
-                children: opts.pinned ? "\u25c9" : "\u25cb"
+                // A ring with a FILLED core, drawn rather than typed: the ◉/○ glyphs
+                // could only be one colour, and the pin's filled state is exactly the
+                // place the theme colour should show. Outline only when it is not pinned.
+                children: [react_jsx_runtime.jsx("svg", {
+                  key: "pin-ico",
+                  width: 13,
+                  height: 13,
+                  viewBox: "0 0 16 16",
+                  style: { display: "block" },
+                  fill: "none",
+                  children: [
+                    react_jsx_runtime.jsx("circle", {
+                      key: "ring",
+                      cx: 8, cy: 8, r: 5.4,
+                      stroke: "currentColor",
+                      strokeWidth: 1.4
+                    }),
+                    opts.pinned ? react_jsx_runtime.jsx("circle", {
+                      key: "core",
+                      cx: 8, cy: 8, r: 2.9,
+                      fill: P.accent
+                    }) : null
+                  ]
+                })]
               }, "hc-pin")
             ]
           }, "hc-head")
@@ -8023,7 +8127,12 @@ window.__ModuleLoader__.load({
             WebkitBackdropFilter: P.glassOn ? P.panelBlur : undefined,
             color: P.text,
             border: "1px solid " + P.panelBorder,
-            boxShadow: P.glassOn ? rimInset() + ", 0 8px 24px rgba(0,0,0,0.28)" : "0 8px 24px rgba(0,0,0,0.28)",
+            // An inset accent bar on the reading side says "this card belongs to that
+            // row" without a second border: a shadow cannot move the box, and it
+            // respects the corner radius. It stays while the card is pinned — that is
+            // when the link matters most.
+            boxShadow: "inset 2px 0 0 " + P.accent
+              + (P.glassOn ? ", " + rimInset() + ", 0 8px 24px rgba(0,0,0,0.28)" : ", 0 8px 24px rgba(0,0,0,0.28)"),
             // above the panel and the curtain — it is a sibling of both in this
             // portal, and both sit below it in the layer band we claim
             zIndex: Z_HOVER + (opts.pinned ? 1 : 0),
@@ -8304,6 +8413,10 @@ window.__ModuleLoader__.load({
             // 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",
+            // the landing sag stretches the box DOWNWARD only, so its top edge never
+            // leaves the clip it hangs from (see the dqt-sheet-in keyframes: a
+            // translated top edge opened a slit that showed the transcript unblurred)
+            transformOrigin: "top center",
             display: "flex",
             flexDirection: "column",
             // The curtain is the transient surface (Windows' "Acrylic" case): the
@@ -8609,7 +8722,9 @@ window.__ModuleLoader__.load({
             // that the text never looks like it jumped
             e.currentTarget.style.transform = "translateX(1px)";
             var gd = e.currentTarget.querySelector("[data-dqt-guide]");
-            if (gd) gd.style.transform = "translateX(-1px)";
+            // the guide column takes the theme colour while its row is the one being
+            // read: a hairline's worth of colour is enough to say "these belong here"
+            if (gd) { gd.style.transform = "translateX(-1px)"; gd.style.background = C.accent; }
             if (extra && extra.hoverStart) extra.hoverStart(hoverInfo, e.currentTarget);
           },
           onMouseLeave: function (e) {
@@ -8619,7 +8734,7 @@ window.__ModuleLoader__.load({
             if (b) b.style.opacity = "0";
             e.currentTarget.style.transform = "translateX(0)";
             var gd2 = e.currentTarget.querySelector("[data-dqt-guide]");
-            if (gd2) gd2.style.transform = "translateX(0)";
+            if (gd2) { gd2.style.transform = "translateX(0)"; gd2.style.background = C.panelBorder; }
             if (extra && extra.hoverEnd) extra.hoverEnd();
           },
           onContextMenu: function (e) {
@@ -9973,7 +10088,7 @@ window.__ModuleLoader__.load({
         // ease-out is fast at a segment's start, it read as a snap back into place.
         // At the turning point the velocity is zero, so that leg eases IN as well as
         // out — that is what makes it a settle instead of a bounce.
-        "@keyframes dqt-sheet-in{from{transform:translateY(calc(-100% - 24px));animation-timing-function:cubic-bezier(0.22, 0.9, 0.3, 1)}62%{transform:translateY(4px);animation-timing-function:cubic-bezier(0.45, 0, 0.25, 1)}to{transform:translateY(0)}}" +
+        "@keyframes dqt-sheet-in{from{transform:translateY(calc(-100% - 24px));animation-timing-function:cubic-bezier(0.22, 0.9, 0.3, 1)}62%{transform:translateY(0) scaleY(1.014);animation-timing-function:cubic-bezier(0.45, 0, 0.25, 1)}to{transform:translateY(0) scaleY(1)}}" +
         // The retract has to clear the shadow too, not just the sheet: the sheet is
         // 24px shorter than its shell (that strip is where the drop shadow lands),
         // so `translateY(-100%)` parked its own shadow exactly at the shell's top
@@ -10013,7 +10128,7 @@ window.__ModuleLoader__.load({
         // keyboard cursor: an INSET outline plus a whisper of fill, so it never
         // reflows the row and stays distinct from the reading position's blue box
         // (which keeps the 3px left accent bar and the pastel fill)
-        ".dqt-nav{box-shadow:inset 0 0 0 1px var(--dsw-alias-brand-primary, #4f8cff);background:rgba(79,140,255,0.10);border-radius:6px}" +
+        ".dqt-nav{box-shadow:inset 0 0 0 1px #4F8CFF;background:rgba(79,140,255,0.10);border-radius:6px}" +
         ".dqt-nav:focus{outline:none}" +
         // the list itself never draws a focus ring — the cursor row is the indicator
         ".dqt-list:focus-visible{outline:none}" +
@@ -10045,7 +10160,7 @@ window.__ModuleLoader__.load({
         ".dqt-pcard:hover{border-color:var(--dsw-alias-label-dimmed)}" +
         ".dqt-pcardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}" +
         ".dqt-phead{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}" +
-        ".dqt-phead:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}" +
+        ".dqt-phead:focus-visible{outline:2px solid #4F8CFF;outline-offset:-2px}" +
         ".dqt-pheadText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}" +
         ".dqt-pname{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}" +
         ".dqt-pdesc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}" +
@@ -10079,7 +10194,7 @@ window.__ModuleLoader__.load({
         ".dqt-segOn{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-sidebar-nav-item-active)}" +
         // scale slider — the fonttune card's slider shape (track, readout, end labels)
         ".dqt-sliderRow{align-items:center;gap:10px;margin-top:10px;display:flex}" +
-        ".dqt-slider{flex:1;min-width:0;height:20px;accent-color:var(--dsw-alias-brand-primary)}" +
+        ".dqt-slider{flex:1;min-width:0;height:20px;accent-color:#4F8CFF}" +
         ".dqt-slider:disabled{opacity:.4;cursor:default}" +
         ".dqt-sliderValue{flex:none;min-width:56px;text-align:right;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}" +
         ".dqt-sliderScale{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;display:flex;justify-content:space-between}";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-quick-toc",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Conversation TOC for DeepSeek Harness (DSH): a whole-session, turn-grouped Markdown outline with hover previews, heading-level preferences, a full-width curtain, jump-to-end buttons, title/prompts/full-text/cross-session search and a Chinese/English interface.",
   "icon": "./icon.svg",
   "type": "module",