dsh-quick-toc 0.3.3 → 0.4.0

package/CHANGELOG.en.md

@@ -2,6 +2,32 @@
 
 All notable changes to **dsh-quick-toc** are documented here. Chinese version: [CHANGELOG.md](CHANGELOG.md).
 
+## [0.4.0] - 2026-09-11
+
+### Added
+- **Sticky group headers**: while scrolling the outline, the header of the turn you are inside stays pinned to the top of the panel, flush against the toolbar above it.
+- **Collapsible level-filter row**: the **层级 (levels)** button at the left of the magnifier hides/shows the `1`–`6` row (the choice is remembered; the filter keeps applying while it is hidden).
+- **Position breadcrumb**: the top of the panel shows the path of the section you are reading; click it to jump there. The rule is "the deepest heading above the viewport's middle line" — the section that fills most of the screen — and since a jump also lands above that line, the breadcrumb still shows the same heading after you click it.
+- **Heading level filter**: the `1`–`6` chips at the top of the panel are independent switches, so any combination works (e.g. H1 and H3 with H2 hidden) and the choice is remembered; switching off the last remaining level restores all six.
+- **Search result list**: while a query is present the outline becomes a result list — one row per match, showing the matched heading or message with the keyword highlighted, its heading path, the turn time and a repeat count (plus a context snippet in full-text scope). Rows are chronological with the **newest hit at the bottom**, a fresh search starts at the newest hit and you scroll up to reach earlier ones; **clicking a row** makes that hit current, i.e. the same path as Enter stepping — it highlights the keyword in the conversation and scrolls there. `n/N` Enter-stepping is kept.
+
+### Changed
+- **Compatibility**: verified against and declared for DSH **0.1.5-rc.1 and 0.1.5-rc.2** (`engines.dsh` keeps its floor of `>=0.1.5-rc.1`). The host interface is identical in both — the session-scoped slot `conversation.input.overlay`, the `useChat` hook from `dsh-client-ui-chat` and the client-module seed table were all checked against the installed bundles.
+- **Performance**: heading parsing and text extraction are now cached per node, so a streaming update only re-processes the node that changed instead of the whole history; the cache drops nodes that left the conversation, keeping it bounded.
+- `countOccurrences` now guards an empty needle (an empty query made `indexOf` spin in place — an infinite loop; every current call site is guarded, so this is hardening).
+
+### Fixed
+- The outline did not jump to the newest turn when content first appeared: that effect's dependency array was written above the `groups` declaration, so it always evaluated to `0` during render and the effect only ever ran on mount. The effect now sits below `groups` and depends on `groups.length`.
+- Result rows always reported a repeat count of 1 (the `×N` badge never appeared), which also made the "row holding the current match" highlight land on the next row when one heading matched twice. Each row now records its real occurrence count.
+- Dragging the top bar to move the panel persisted the position from **before** the drag (the closure kept the value captured at pointer-down), so the panel jumped back to its old spot after a reload. It now stores the position the drag ended at.
+- In full-text scope, clicking a row whose hit was in a message body only scrolled and never highlighted anything (the click used the jump-only path while highlighting only happened while Enter-stepping). Clicking a result row now shares the stepping path: highlight that hit, scroll to it, and update both `n/N` and the highlighted row.
+- When the same keyword occurred more than once inside one text node, the in-chat highlight wrapped only the FIRST occurrence there, so the later one was neither tinted nor eligible to be marked as the current hit — stepping to it found no current mark and degraded to a plain scroll with no distinct highlight. Every occurrence inside each text node is now wrapped in order, so the in-conversation hit order lines up with `n/N`.
+- Breadcrumb and jump were inconsistent: detection used "the last heading above the viewport top" while a jump puts the heading 20 px below the top, so clicking the breadcrumb switched it to the previous heading. Both now use the viewport's **middle line**, which both reflects the section filling most of the screen and stays consistent with every jump target.
+- The level filter used to be a "show up to level N" prefix that could not skip an intermediate level; it is now a per-level switch.
+- The turn header (the time row) jumped to the turn's **user message**; it now jumps to the **start of that turn's model reply**, and turns without any headings — which have only this row in the panel — are clickable too.
+- `# comment` / `## example` lines inside a ``` fenced code block were treated as headings and leaked into the outline: they have no element to jump to, and they shifted the index of the real headings after them so those jumped to the wrong place. Heading parsing now skips fenced blocks (``` and ~~~, info strings, longer closing fences, up to 3 spaces of indentation).
+- There was a gap between the pinned group header and the toolbar above it: the scroll container's 6 px top padding is a wall a sticky row cannot pass. The top padding is gone, so the header butts against the toolbar; spacing between groups comes from the divider.
+
 ## [0.3.3] - 2026-09-10
 
 ### Added

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 **dsh-quick-toc** 的重要变更都记录在这里。英文版见 [CHANGELOG.en.md](CHANGELOG.en.md)。
 
+## [0.4.0] - 2026-09-11
+
+### 新增
+- **组头吸顶**：滚动大纲时，当前所在回合的组头固定在面板顶部，并与上方工具条紧贴
+- **层级筛选行可收起**：标题栏放大镜左边的 **层级** 按钮收起/展开 `1`–`6` 那一行（选择会记住；收起后筛选设置仍然生效）
+- **位置面包屑**：面板顶部显示你正在读的章节路径，点击可跳到该标题。判定规则是"视口中线之上最深的标题"（画面里占得最多的那一节）；跳转落点也在中线之上，所以点完后面包屑显示的仍是同一个标题
+- **标题层级筛选**：面板顶部 `1`–`6` 芯片是各自独立的开关，可任意组合（例如只留 H1 与 H3、关掉中间的 H2），选择会记住；把最后一个亮着的层级也关掉时自动恢复显示全部六级
+- **搜索结果列表**：有搜索词时大纲切换为结果列表，逐条列出命中（标题关键字高亮、层级路径、回合时间、重复次数，全文模式附上下文片段）。列表按时间排列、**最新的命中在底部**，开始搜索时自动定位到最新命中，向上滚回看更早的命中；点击任一行会把该命中设为当前命中——和回车逐处跳同一条路径，会在对话里高亮并滚过去；`n/N` 回车逐处跳保留
+
+### 变更
+- **兼容性**：在 DSH **0.1.5-rc.1 与 0.1.5-rc.2** 上验证并声明兼容（`engines.dsh` 下限仍为 `>=0.1.5-rc.1`）。两版的宿主接口一致——会话级槽位 `conversation.input.overlay`、`dsh-client-ui-chat` 的 `useChat` hook 与客户端模块 seed 表都经实测核对相同。
+- **性能**：标题解析与文本提取改为按节点缓存——流式更新只重算真正变化的节点，不再每次重算整段历史；缓存会清理已离开会话的节点，保持有界
+- `countOccurrences` 增加空查询守卫（空查询会让 `indexOf` 原地打转导致死循环；现有调用点都有守卫，此举为加固）
+
+### 修复
+- 大纲首次载入内容时没有自动定位到最新回合：该副作用的依赖数组写在 `groups` 声明之前，渲染时读到的永远是 `0`，导致副作用只在挂载时执行一次。已把副作用移到 `groups` 之后并直接依赖 `groups.length`。
+- 搜索结果行的重复次数恒为 1（`×N` 从不显示），并连带使"当前命中所属行"在重复命中时定位到下一行。现在每行记录真实的出现次数。
+- 拖动顶部横条调整面板垂直位置后，记录的仍是**拖动前**的位置（写入的是拖动开始时闭包里的旧值），刷新后面板跳回原位。现在写入拖动结束时的实际位置。
+- 全文搜索时，正文命中行点击后只滚动、不高亮（点击走的是"仅跳转"路径，而高亮只在回车逐处跳里做）。现在点击结果行与回车逐处跳共用同一条路径：先高亮该处，再滚过去，同时更新 `n/N` 与当前行高亮。
+- 同一段文本里同一关键字出现多次时，对话内高亮只包住**该文本节点里的第一处**：第二处既不染色，也无法被标成"当前命中"，于是跳到第二处时找不到当前标记，退化成"只滚动、没有高亮"。现在每个文本节点内的所有出现都会依次包住，对话内命中序号与 `n/N` 完全对齐。
+- 面包屑与跳转错位：判定用"视口顶部之上最后一个标题"，而跳转把标题放在"顶部 +20px"，于是点完面包屑就会换成上一个标题。现在统一以**视口中线**为基准（既反映画面里占得最多的那一节，又与所有跳转落点自洽）。
+- 层级筛选原本是"显示到第 N 级"的前缀语义，无法跳过中间层级；现在改为逐级开关。
+- 回合组头（时间那一行）原本跳到该回合的**用户消息**位置；现在跳到**该回合模型回答的开头**，并且没有标题的回合（面板里只剩时间行）也能点。
+- ``` 围栏代码块里的 `# 注释` / `## 示例` 会被当成标题混进大纲（既没有可跳转的目标，又会让它后面那些真标题的序号错位、跳到错误位置）。现在解析标题时会跳过围栏代码块（支持 ``` 与 ~~~、带 info string 的开栏、更长的闭栏、最多 3 空格缩进）。
+- 吸顶的组头上边缘与上方工具条之间有一道空隙：滚动容器的上内边距（6px）把粘性行"顶"不下去。现在去掉该上内边距，组头紧贴工具条，组与组之间的间距由分隔线提供。
+
 ## [0.3.3] - 2026-09-10
 
 ### 新增

package/README.en.md

@@ -6,26 +6,32 @@ A conversation TOC plugin for [DeepSeek Harness](https://github.com/deepseek-ai/
 
 ## Features
 
-- **Turn-grouped outline** — each user message plus its following AI replies form one group; the group header shows the turn's end time and a first-line preview, and clicking it jumps to the start of the turn
+- **Turn-grouped outline** — each user message plus its following AI replies form one group; the group header shows the turn's end time and a first-line preview, and clicking it jumps to the **start of that turn's model reply** (a turn with no headings has only this row and is still clickable)
 - **Keyword search** — the magnifier in the panel header opens a search box; press **Enter** to jump to the next match (wrapping), **Esc** to close, with an `n/N` match counter
+- **Search result list** — once a query is present the outline becomes a result list: each row is a matched heading or message (keyword highlighted) showing its heading path, the turn time and a repeat count, plus a context snippet in full-text scope. Rows run in chronological order (**newest hit at the bottom**) and a fresh search starts at the newest hit — scroll up to walk back through earlier ones; **clicking a row** makes that hit the current one, i.e. exactly what Enter stepping does: it highlights the keyword in the conversation and scrolls there
 - **Search scope toggle** — the **title / full-text** button in the search box switches between searching heading titles only and also searching user messages plus AI reply text
 - **In-chat highlighting** — matched keywords are highlighted in the conversation; the current match is highlighted distinctly and scrolled into the upper part of the viewport; every occurrence inside a message counts toward `n/N`
+- **Sticky group headers** — while scrolling the outline, the header of the turn you are inside stays pinned to the top of the panel, flush against the toolbar above it
+- **Position breadcrumb** — the top of the panel shows the path of the section you are reading (e.g. `Deploy › Docker`). The rule is "the deepest heading above the viewport's middle line", i.e. the section that fills most of the screen; clicking it keeps showing that same heading afterwards, because a jump also lands above the middle line. When you do not want that row, the **位置 (position)** button just left of the magnifier collapses it (the choice is remembered)
+- **Heading level filter** — the `1`–`6` chips in the panel header are **independent switches**, so any combination is possible (e.g. H1 and H3 with H2 hidden); the choice is remembered. Switching off the last remaining level restores all six, so the panel is never empty. That row itself can be collapsed: the **层级 (levels)** button at the left of the magnifier hides/shows it (the choice is remembered), and the filter keeps applying while it is hidden
+- **Code blocks are not headings** — `# comment` / `## example` lines inside a ``` fenced code block never become outline entries (they used to leak into the outline and made the real headings after them jump to the wrong place)
 - **Auto-follow highlighting** — while scrolling the conversation, the turns visible in the viewport light up in the outline (several at once) and the rest dim; the outline loads and scrolls so the group being read stays visible
-- **Jumping** — click a heading to jump to its position in the conversation, or click a group header's time/preview to jump to the start of that turn
+- **Jumping** — click a heading to jump to its position in the conversation, or click a group header's time/preview to jump to the **start of that turn's model reply**
 - **Dockable and resizable** — drag the top bar to move the panel, use ◀ / ▶ to dock it left or right, drag an edge or corner to resize, and collapse it into an edge handle (click it to expand); the panel's position and size are remembered
 - **Paging and loading older** — the most recent groups show first; scrolling up inside the outline loads older groups
 - **Markdown-aware titles** — inline markup in headings (`**bold**`, `*italic*`, `` `code` ``, `[links](url)`, `~~strike~~`) is stripped before display
 - **Chat view only** — when the center column switches to another view (trajectory, context, …), the panel and its edge handle fade out
-- The panel hides itself when the conversation has no headings; it adapts to the dark and light themes (the inner-shadow card follows the theme)
+- When the conversation has no headings at all, the outline lists clickable turn-time entries only; it hides itself when not even a time can be read. It adapts to the dark and light themes (the inner-shadow card follows the theme)
 
 ## Compatibility
 
 | Plugin | Supported DSH |
 | --- | --- |
-| **0.3.3** (latest) | 0.1.5-rc.1 |
-| 0.3.2 | ≥ 0.1.2-rc.1 |
+| **0.4.0** (latest) | 0.1.5-rc.1, 0.1.5-rc.2 |
+| 0.3.3 | 0.1.5-rc.1 |
+| 0.3.0 – 0.3.2 | ≥ 0.1.2-rc.1 |
 
-The latest version has only been verified against **DSH 0.1.5-rc.1**, so that is the only version it declares; older DSH versions are unverified and therefore not claimed. On an older DSH, the newest usable plugin version is **0.3.2**. On install or update, the DSH market pre-flights host compatibility from `engines.dsh`, `dsh.compatibility.dshReleases` and `peerDependencies` in `package.json`.
+`engines.dsh` has a floor of **0.1.5-rc.1** (`>=`): from that release on, the plugin uses the host's session-scoped slot injection. 0.4.0 has been verified against **0.1.5-rc.1 and 0.1.5-rc.2** and declares exactly those; older or newer DSH versions are unverified and therefore not claimed. On an older DSH, the newest usable plugin version is **0.3.2**. On install or update, the DSH market pre-flights host compatibility from `engines.dsh`, `dsh.compatibility.dshReleases` and `peerDependencies` in `package.json`.
 
 ## Install
 
@@ -51,8 +57,9 @@ After installing, restart DSH and open the Web UI. The panel starts collapsed; c
 
 ## Usage
 
-- **Jumping**: click a heading in the outline to jump to its position; click a group header's time or first-line preview to jump to the start of that turn
-- **Search**: click the magnifier in the header to open the search box, type a keyword and press Enter to step through matches (`n/N` shows the current position and the total); press Esc or the magnifier again to close it; use the **title / full-text** button to change the search scope
+- **Jumping**: click a heading in the outline to jump to its position; click a group header's time or first-line preview to jump to the **start of that turn's model reply**; click the breadcrumb at the top to jump to the heading you are inside
+- **Search**: click the magnifier in the header to open the search box; once you type a keyword the outline becomes a result list — click any row to locate and highlight that hit, or press Enter to step through the matches (`n/N` shows the current position and the total, and the row holding the current match is highlighted); press Esc or the magnifier again to close and return to the outline; use the **title / full-text** button to change the search scope
+- **Level filter**: the `1`–`6` chips are independent switches, so any combination works; the **层级 (levels)** button in the header collapses or expands that row
 - **Moving and docking**: drag the top bar to move the panel; use ◀ / ▶ to switch between left and right docking
 - **Resizing**: drag the right edge for width, the bottom edge for height, or the bottom-right corner for both
 - **Loading older turns**: scroll up inside the outline to load older groups; when the conversation itself offers a "load older messages" button, the outline also triggers it on reaching the top

package/README.md

@@ -6,26 +6,32 @@
 
 ## 功能
 
-- **按回合分组** —— 每条用户消息 + 其后续 AI 回复为一组；组头显示该组最后一条消息的结束时间，并附带该回合首行预览，点击可跳到回合开头
+- **按回合分组** —— 每条用户消息 + 其后续 AI 回复为一组；组头显示该组最后一条消息的结束时间，并附带该回合首行预览，点击跳到**该回合模型回答的开头**（没有标题的回合只剩这一行，同样可点）
 - **关键字搜索** —— 标题栏放大镜打开搜索框；输入后按 **回车** 跳到下一处命中（循环），按 **Esc** 关闭；命中计数以 `n/N` 显示
+- **搜索结果列表** —— 输入关键字后，大纲切换为结果列表：每行是命中的标题或消息（关键字高亮），并显示层级路径、回合时间与重复次数（全文搜索时附上下文片段）。列表按时间顺序排（**最新的命中在底部**），开始搜索时自动定位到最新命中，向上滚即可回看更早的命中；**点击任一行**把该命中设为当前命中——与回车逐处跳走同一条路径，会在对话里高亮并滚动过去
 - **搜索范围切换** —— 搜索框内的 **标题 / 全文** 按钮切换范围：仅标题，或同时搜索用户消息与 AI 回复正文
 - **对话内高亮** —— 命中的关键字在对话中高亮，当前命中单独标亮并滚动到视口上部；同一条消息中的多次命中都会计入 `n/N`
+- **组头吸顶** —— 滚动大纲时，当前所在回合的组头固定在面板顶部（与上方工具条紧贴，中间不留空隙），始终知道自己在看哪一轮
+- **位置提示（面包屑）** —— 面板顶部显示你正在读的章节路径（如 `部署 › Docker`）。判定规则是"**视口中线之上最深的那个标题**"，也就是画面里占得最多的那一节；点击它跳过去后仍显示同一个标题（跳转落点也在中线之上，规则自洽）
+- **层级筛选** —— 面板顶部的 `1`–`6` 芯片是**各自独立的开关**，可任意组合（例如只留 H1 和 H3、关掉中间的 H2）；选择会被记住。把最后一个还亮着的层级也关掉时，会自动恢复显示全部六级（面板不会变空）。这一行本身也能收起：标题栏里放大镜左边的 **层级** 按钮收起/展开它（选择会记住），收起后筛选设置仍然生效
+- **代码块不算标题** —— ``` 围栏代码块里的 `# 注释`、`## 示例` 不会被当成大纲标题（以前会混进大纲，还会让它后面那些真标题跳错位置）
 - **自动跟随高亮** —— 滚动对话时，视口内可见的回合在大纲中自动点亮（可同时点亮多组），其余组变暗；大纲自动加载并滚动，使正在阅读的组保持可见
 - **跳转** —— 点击标题跳到对话中该标题所在位置；点击组头的时间或预览跳到该回合开头
 - **可停靠、可缩放** —— 拖顶部横条移动，按 ◀ / ▶ 切换左右停靠，拖边缘或角部调整宽高，收起后成为边缘把手（点击展开）；面板位置与尺寸会被记住
 - **分页与加载更早** —— 默认显示最近的若干组；在大纲中向上滚动（或滚动到顶部）会加载更早的组
 - **Markdown 清理** —— 标题中的行内标记（`**加粗**`、`*斜体*`、`` `代码` ``、`[链接](url)`、`~~删除线~~`）会被剥离后显示
 - **仅对话视图显示** —— 中间列切到轨迹、上下文等其他视图时，面板与边缘把手渐隐
-- 对话中没有标题时面板自动隐藏；适配深色与浅色主题（内阴影质感随主题切换）
+- 对话中没有任何标题时，大纲只列出可点击跳转的回合时间条目；连时间也识别不到时面板自动隐藏。适配深色与浅色主题（内阴影质感随主题切换）
 
 ## 兼容性
 
 | 插件版本 | 支持的 DSH 版本 |
 | --- | --- |
-| **0.3.3**（最新） | 0.1.5-rc.1 |
-| 0.3.2 | ≥ 0.1.2-rc.1 |
+| **0.4.0**（最新） | 0.1.5-rc.1、0.1.5-rc.2 |
+| 0.3.3 | 0.1.5-rc.1 |
+| 0.3.0 – 0.3.2 | ≥ 0.1.2-rc.1 |
 
-最新版目前只在 **DSH 0.1.5-rc.1** 上验证过，因此仅声明该版本兼容；更早的 DSH 版本未经验证，不作声明。使用更早版本 DSH 时，可用的最新插件版本是 **0.3.2**。安装或更新时，DSH 市场会依据 `package.json` 中的 `engines.dsh`、`dsh.compatibility.dshReleases` 与 `peerDependencies` 做宿主兼容预检。
+`engines.dsh` 下限为 **0.1.5-rc.1**（`>=`，该版本起插件改用会话级槽位注入的宿主接口）；0.4.0 在 **0.1.5-rc.1 与 0.1.5-rc.2** 上验证过并声明兼容，更早或更新的 DSH 版本未经验证，不作声明。在更早的 DSH 上，可安装的最新插件版本是 **0.3.2**。安装或更新时，DSH 市场会依据 `package.json` 中的 `engines.dsh`、`dsh.compatibility.dshReleases` 与 `peerDependencies` 做宿主兼容预检。
 
 ## 安装
 
@@ -51,8 +57,9 @@ dsh plugin --profile web add <插件目录路径>
 
 ## 使用
 
-- **跳转**：点击大纲标题跳到该标题所在位置；点击组头的时间或首行预览跳到该回合开头
-- **搜索**：点击标题栏的放大镜展开搜索框，输入关键字后按回车逐处跳转（`n/N` 显示当前位置与命中总数），按 Esc 或再次点击放大镜关闭；用 **标题 / 全文** 按钮切换搜索范围
+- **跳转**：点击大纲标题跳到该标题所在位置；点击组头的时间或首行预览跳到**该回合模型回答的开头**；点击顶部的面包屑跳到当前所在标题
+- **搜索**：点击标题栏的放大镜展开搜索框，输入关键字后大纲切换为结果列表——直接点某一条定位并高亮，或按回车逐处循环（`n/N` 显示当前位置与命中总数，当前命中所属行会高亮）；按 Esc 或再次点击放大镜关闭并回到大纲；用 **标题 / 全文** 按钮切换搜索范围
+- **层级筛选**：`1`–`6` 芯片是各自独立的开关，可任意组合；点标题栏的 **层级** 按钮收起/展开这一行
 - **移动与停靠**：拖顶部横条移动面板，按 ◀ / ▶ 在左右之间切换停靠
 - **调整大小**：拖右边缘调宽度、拖下边缘调高度、拖右下角同时调整
 - **加载更早**：在大纲中向上滚动即可加载更早的回合；对话本身有"加载更早消息"按钮时，大纲滚到顶部也会触发它

package/lib/client.js

@@ -78,12 +78,28 @@ window.__ModuleLoader__.load({
       return first;
     }
 
+    // Headings are collected line by line so FENCED CODE BLOCKS can be skipped:
+    // a "```" block that documents markdown (or shows a shell comment like
+    // "# install") contains lines that look like headings but are code — they
+    // must not become outline entries (they have no element to jump to, and they
+    // shifted the index of the real headings).
     function parseHeadings(text) {
       var items = [];
-      var re = /^(#{1,6})\s+(.+?)\s*#*\s*$/gm;
-      var m;
-      while ((m = re.exec(text)) !== null) {
-        items.push({ level: m[1].length, title: cleanTitle(m[2].trim()) });
+      if (!text) return items;
+      var lines = text.split("\n");
+      var fence = null; // { char, len } while inside a fenced code block
+      for (var i = 0; i < lines.length; i++) {
+        var line = lines[i];
+        var fm = line.match(/^ {0,3}(`{3,}|~{3,})(.*)$/);
+        if (fence !== null) {
+          // a closing fence uses the same character, is at least as long and has
+          // no info string after it
+          if (fm && fm[1].charAt(0) === fence.char && fm[1].length >= fence.len && fm[2].trim() === "") fence = null;
+          continue;
+        }
+        if (fm) { fence = { char: fm[1].charAt(0), len: fm[1].length }; continue; }
+        var m = line.match(/^(#{1,6})\s+(.+?)\s*#*\s*$/);
+        if (m !== null) items.push({ level: m[1].length, title: cleanTitle(m[2].trim()) });
       }
       return items;
     }
@@ -101,6 +117,74 @@ window.__ModuleLoader__.load({
       return root.children;
     }
 
+    // ---- per-node extraction cache ----
+    // The conversation store keeps the same node objects for unchanged messages,
+    // so a streaming update only re-joins/re-parses the node that actually
+    // changed instead of every message in the history.
+    var EMPTY_HEADINGS = [];
+    var nodeInfoCache = new Map();
+    function nodeInfo(key, node) {
+      var isUser = node.kind === "user";
+      var blocks = node.data ? node.data.blocks : undefined;
+      var cached = nodeInfoCache.get(key);
+      if (cached !== undefined &&
+        (cached.node === node || (blocks !== undefined && cached.blocks === blocks && cached.user === isUser))) {
+        return cached;
+      }
+      var text = isUser ? extractUserText(node) : extractReplyText(node);
+      var info = {
+        node: node,
+        blocks: blocks,
+        user: isUser,
+        text: text,
+        headings: node.kind === "assistant-step" ? parseHeadings(text) : EMPTY_HEADINGS
+      };
+      nodeInfoCache.set(key, info);
+      return info;
+    }
+    // Drop cache records whose node left the conversation (bounded growth).
+    function pruneNodeInfo(seen) {
+      if (nodeInfoCache.size <= 200) return;
+      nodeInfoCache.forEach(function (value, key) {
+        if (!seen[key]) nodeInfoCache.delete(key);
+      });
+    }
+
+    // stable id for one heading occurrence (a message can hold several)
+    function headingId(h) {
+      return h.key + "#" + h.idx;
+    }
+
+    // Split `text` into runs around case-insensitive occurrences of `q`, so the
+    // caller can render the hits distinctly. Returns [{ text, hit }, ...].
+    function highlightParts(text, q) {
+      var parts = [];
+      if (!text) return parts;
+      if (!q) return [{ text: text, hit: false }];
+      var lower = text.toLowerCase();
+      var from = 0;
+      for (;;) {
+        var at = lower.indexOf(q, from);
+        if (at === -1) break;
+        if (at > from) parts.push({ text: text.slice(from, at), hit: false });
+        parts.push({ text: text.slice(at, at + q.length), hit: true });
+        from = at + q.length;
+      }
+      if (from < text.length) parts.push({ text: text.slice(from), hit: false });
+      return parts;
+    }
+
+    // A one-line window around the first hit of `q` in `text` (for search results).
+    function snippetAround(text, q, span) {
+      if (!text) return "";
+      var flat = text.replace(/\s+/g, " ").trim();
+      var at = flat.toLowerCase().indexOf(q);
+      if (at === -1) return previewText(flat, span * 2);
+      var start = Math.max(0, at - span);
+      var end = Math.min(flat.length, at + q.length + span);
+      return (start > 0 ? "…" : "") + flat.slice(start, end) + (end < flat.length ? "…" : "");
+    }
+
     // strict lookup: exact dataset match or CSS-escaped selector only —
     // no fuzzy contains matching (avoids landing on the wrong row);
     // hidden rows (zero rect, e.g. duplicate/hidden copies) are skipped
@@ -145,6 +229,10 @@ window.__ModuleLoader__.load({
 
     // count every occurrence of q (case-insensitive) inside text
     function countOccurrences(text, q) {
+      // an empty needle would make indexOf return 0 forever and freeze the tab;
+      // every caller passes a trimmed non-empty query today, but the guard keeps
+      // a future call site from hanging the UI.
+      if (!text || !q) return 0;
       var lower = text.toLowerCase();
       var count = 0;
       var idx = 0;
@@ -245,26 +333,36 @@ window.__ModuleLoader__.load({
         var text = node.nodeValue;
         if (!text) continue;
         var lower = text.toLowerCase();
-        var idx = lower.indexOf(q);
-        if (idx < 0) continue;
+        if (lower.indexOf(q) < 0) continue;
         var frag = document.createDocumentFragment();
-        var before = text.slice(0, idx);
-        if (before) frag.appendChild(document.createTextNode(before));
-        var mark = document.createElement("span");
-        if (occ === currentOcc) {
-          mark.className = "dqt-current";
-          mark.style.background = "rgba(79,140,255,0.55)";
-          mark.style.boxShadow = "0 0 0 1px rgba(79,140,255,0.85)";
-        } else {
-          mark.style.background = "rgba(79,140,255,0.32)";
+        // EVERY occurrence inside this text node must be wrapped, in order: the
+        // caller addresses hits by their global index (`occ`), which is counted
+        // over the message text. Wrapping only the first one per text node made
+        // a second hit on the same line un-markable, so stepping to it found no
+        // `.dqt-current` and fell back to a plain scroll with no highlight.
+        var from = 0;
+        var idx = lower.indexOf(q, from);
+        while (idx !== -1) {
+          var before = text.slice(from, idx);
+          if (before) frag.appendChild(document.createTextNode(before));
+          var mark = document.createElement("span");
+          if (occ === currentOcc) {
+            mark.className = "dqt-current";
+            mark.style.background = "rgba(79,140,255,0.55)";
+            mark.style.boxShadow = "0 0 0 1px rgba(79,140,255,0.85)";
+          } else {
+            mark.style.background = "rgba(79,140,255,0.32)";
+          }
+          mark.style.borderRadius = "2px";
+          mark.style.color = "inherit";
+          mark.textContent = text.slice(idx, idx + q.length);
+          frag.appendChild(mark);
+          highlightSpans.push(mark);
+          occ++;
+          from = idx + q.length;
+          idx = lower.indexOf(q, from);
         }
-        mark.style.borderRadius = "2px";
-        mark.style.color = "inherit";
-        mark.textContent = text.slice(idx, idx + q.length);
-        frag.appendChild(mark);
-        highlightSpans.push(mark);
-        occ++;
-        var after = text.slice(idx + q.length);
+        var after = text.slice(from);
         if (after) frag.appendChild(document.createTextNode(after));
         node.parentNode.replaceChild(frag, node);
       }
@@ -475,6 +573,72 @@ window.__ModuleLoader__.load({
       var panelH = _s8[0];
       var setPanelH = _s8[1];
 
+      // ---- heading level filter (persisted) ----
+      // An arbitrary SET of levels, not a "show up to N" prefix: every chip is an
+      // independent on/off switch, so H1 + H3 without H2 is a valid view. Turning
+      // the last remaining level off restores all six (the panel is never empty).
+      var LEVELS_KEY = "dsh-quick-toc.levels.v1";
+      var OLD_MAX_LEVEL_KEY = "dsh-quick-toc.maxLevel.v1";
+      var ALL_LEVELS = [1, 2, 3, 4, 5, 6];
+      var _sLv = react.useState(function () {
+        try {
+          var raw = localStorage.getItem(LEVELS_KEY);
+          if (raw !== null) {
+            var arr = JSON.parse(raw);
+            if (Array.isArray(arr)) {
+              var kept = ALL_LEVELS.filter(function (lv) { return arr.indexOf(lv) !== -1; });
+              if (kept.length > 0) return kept;
+            }
+          }
+          // migrate the "show up to N" value written by earlier builds
+          var v = Number(localStorage.getItem(OLD_MAX_LEVEL_KEY));
+          if (isFinite(v) && v >= 1 && v <= 6) {
+            return ALL_LEVELS.filter(function (lv) { return lv <= v; });
+          }
+        } catch (e) {}
+        return ALL_LEVELS.slice();
+      });
+      var levels = _sLv[0];
+      var setLevels = _sLv[1];
+      var levelSet = react.useMemo(function () {
+        var m = {};
+        for (var i = 0; i < levels.length; i++) m[levels[i]] = true;
+        return m;
+      }, [levels]);
+      var toggleLevel = function (lv) {
+        var next;
+        if (levelSet[lv]) {
+          next = levels.filter(function (x) { return x !== lv; });
+          if (next.length === 0) next = ALL_LEVELS.slice(); // never leave the panel empty
+        } else {
+          next = ALL_LEVELS.filter(function (x) { return x === lv || levelSet[x]; });
+        }
+        setLevels(next);
+        try { localStorage.setItem(LEVELS_KEY, JSON.stringify(next)); } catch (e) {}
+      };
+
+      // ---- level-filter row (the H1–H6 chips) can be collapsed away; the toggle
+      // sits next to the search button in the panel header and the choice is
+      // remembered. The filter itself keeps applying while the row is hidden.
+      var LEVELS_ROW_KEY = "dsh-quick-toc.levelsRow.v1";
+      var _sLr = react.useState(function () {
+        try { return localStorage.getItem(LEVELS_ROW_KEY) !== "0"; } catch (e) { return true; }
+      });
+      var showLevelsRow = _sLr[0];
+      var setShowLevelsRow = _sLr[1];
+      var toggleLevelsRow = function () {
+        var next = !showLevelsRow;
+        setShowLevelsRow(next);
+        try { localStorage.setItem(LEVELS_ROW_KEY, next ? "1" : "0"); } catch (e) {}
+      };
+
+      // ---- breadcrumb: the heading the reader is currently inside ----
+      var _sCrumb = react.useState(null);
+      var crumb = _sCrumb[0];
+      var setCrumb = _sCrumb[1];
+      var crumbRef = react.useRef(null);
+      var headingPathsRef = react.useRef({});
+
       // ---- pagination: show the latest N groups; scrolling to the top loads older ----
       var PAGE_SIZE = 6;
       var _s9 = react.useState(PAGE_SIZE);
@@ -593,13 +757,6 @@ window.__ModuleLoader__.load({
       var setActiveGroup = _s10[1];
       var activeSigRef = react.useRef("");
 
-      // first time content appears, scroll the list to the bottom (newest)
-      react.useEffect(function () {
-        if (didInitScroll.current || !listRef.current || !groups || groups.length === 0) return;
-        didInitScroll.current = true;
-        listRef.current.scrollTop = listRef.current.scrollHeight;
-      }, [groups ? groups.length : 0]);
-
       // load older outline groups; when everything is loaded, click the
       // conversation's own "load older" button so older turns keep appearing
       var loadOlderOutline = function (el) {
@@ -760,6 +917,7 @@ window.__ModuleLoader__.load({
         var turnUserText = {};
         var turnUserFull = {};
         if (!order || !nodes) return result;
+        var seen = {};
         // first pass: per-turn time — the LAST message of the turn wins (end time);
         // also remember each turn's user message key + first-line preview + full text
         for (var i = 0; i < order.length; i++) {
@@ -769,10 +927,12 @@ window.__ModuleLoader__.load({
           var l0 = n0.location;
           var tid0 = l0 && (l0.kind === "turn" || l0.kind === "step") && l0.turn ? l0.turn.turn : null;
           if (tid0 === null) continue;
+          seen[k0] = true;
+          var info0 = nodeInfo(k0, n0);
           if (n0.kind === "user" && turnUserKey[tid0] === undefined) {
             turnUserKey[tid0] = k0;
-            turnUserText[tid0] = previewText(extractUserText(n0), 30);
-            turnUserFull[tid0] = extractUserText(n0);
+            turnUserText[tid0] = previewText(info0.text, 30);
+            turnUserFull[tid0] = info0.text;
           }
           var t0 = getNodeTime(n0);
           if (t0) turnTimes[tid0] = t0;
@@ -797,22 +957,37 @@ window.__ModuleLoader__.load({
             };
             result.push(current);
           }
-          var text = extractReplyText(node);
-          current.msgs.push({ key: key, text: text });
-          var parsed = parseHeadings(text);
-          var hIdx = 0;
-          for (var k = 0; k < parsed.length; k++) {
-            current.headings.push({ level: parsed[k].level, title: parsed[k].title, key: key, idx: hIdx });
-            hIdx++;
+          seen[key] = true;
+          var info = nodeInfo(key, node);
+          current.msgs.push({ key: key, text: info.text });
+          for (var k = 0; k < info.headings.length; k++) {
+            current.headings.push({ level: info.headings[k].level, title: info.headings[k].title, key: key, idx: k });
           }
         }
+        pruneNodeInfo(seen);
         // keep a turn when it has headings OR a time — turns without headings
         // still get a standalone time entry in the outline (click to jump)
         return result.filter(function (g) { return g.headings.length > 0 || g.time !== ""; });
       }, [order, nodes]);
+      // first time content appears, scroll the list to the bottom (newest).
+      // NOTE: must stay BELOW the `groups` memo — a deps array is evaluated
+      // during render, so reading `groups` before that `var` is assigned would
+      // freeze the deps at 0 and the effect would only ever run on mount.
+      react.useEffect(function () {
+        if (didInitScroll.current || !listRef.current || groups.length === 0) return;
+        didInitScroll.current = true;
+        listRef.current.scrollTop = listRef.current.scrollHeight;
+      }, [groups.length]);
       var groupTrees = react.useMemo(function () {
-        return groups.map(function (g) { return buildTree(g.headings); });
-      }, [groups]);
+        return groups.map(function (g) {
+          if (levels.length === 6) return buildTree(g.headings);
+          var kept = [];
+          for (var i = 0; i < g.headings.length; i++) {
+            if (levelSet[g.headings[i].level]) kept.push(g.headings[i]);
+          }
+          return buildTree(kept);
+        });
+      }, [groups, levels, levelSet]);
       // pagination slice: the latest `visibleCount` groups
       var shownGroups = groups.slice(Math.max(0, groups.length - visibleCount));
       var shownTrees = groupTrees.slice(groupTrees.length - shownGroups.length);
@@ -828,6 +1003,80 @@ window.__ModuleLoader__.load({
         }
         return m;
       }, [groups]);
+
+      // ancestor path of every heading occurrence (breadcrumb + result rows):
+      // id -> { path, title, level, gi }
+      var headingPaths = react.useMemo(function () {
+        var byId = {};
+        var lastTitle = {};
+        for (var gi = 0; gi < groups.length; gi++) {
+          var g = groups[gi];
+          for (var j = 0; j < g.headings.length; j++) {
+            var h = g.headings[j];
+            for (var deeper = h.level + 1; deeper <= 6; deeper++) lastTitle[deeper] = undefined;
+            var parts = [];
+            for (var up = 1; up < h.level; up++) {
+              if (lastTitle[up]) parts.push(lastTitle[up]);
+            }
+            parts.push(h.title);
+            byId[headingId(h)] = { path: parts.join(" › "), title: h.title, level: h.level, gi: gi };
+            lastTitle[h.level] = h.title;
+          }
+        }
+        return byId;
+      }, [groups]);
+
+      // search result rows: one row per matched heading/message (with an
+      // occurrence count), carrying its heading path, turn time and a snippet.
+      var resultRows = react.useMemo(function () {
+        var q = query.trim().toLowerCase();
+        if (!q) return [];
+        var rows = [];
+        var index = {};
+        var push = function (row, n) {
+          var id = row.key + "#" + (row.idx === undefined ? "-" : row.idx);
+          var known = index[id];
+          if (known !== undefined) { known.count += n; return; }
+          row.count = n;
+          index[id] = row;
+          rows.push(row);
+        };
+        for (var gi = 0; gi < groups.length; gi++) {
+          var g = groups[gi];
+          for (var j = 0; j < g.headings.length; j++) {
+            var h = g.headings[j];
+            var nh = countOccurrences(h.title, q);
+            if (nh > 0) {
+              var hp = headingPaths[headingId(h)];
+              push({
+                gi: gi, key: h.key, idx: h.idx, title: h.title, level: h.level,
+                path: hp ? hp.path : "", time: g.time, snippet: ""
+              }, nh);
+            }
+          }
+          if (searchScope === "full") {
+            var nu = g.userKey && g.userFull ? countOccurrences(g.userFull, q) : 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, q, 36)
+              }, nu);
+            }
+            for (var m = 0; m < g.msgs.length; m++) {
+              var msg = g.msgs[m];
+              if (!msg.text) continue;
+              var nm = countOccurrences(msg.text, q);
+              if (nm === 0) continue;
+              push({
+                gi: gi, key: msg.key, idx: undefined, title: previewText(msg.text, 40),
+                level: 0, path: "", time: g.time, snippet: snippetAround(msg.text, q, 36)
+              }, nm);
+            }
+          }
+        }
+        return rows;
+      }, [groups, query, searchScope, headingPaths]);
+      headingPathsRef.current = headingPaths;
       react.useEffect(function () {
         var sp = document.querySelector("[data-conversation-scroll]");
         if (!sp) return;
@@ -874,6 +1123,43 @@ window.__ModuleLoader__.load({
               }
             }
           }
+          // breadcrumb: the heading of the section that occupies most of the
+          // viewport — i.e. the deepest heading above the viewport's MIDDLE line.
+          // Walking backwards lets a heading we cannot map (e.g. one inside a tool
+          // result) fall back to the nearest mapped ancestor heading.
+          //
+          // The middle line is what makes this consistent with every jump: a jump
+          // (outline click, breadcrumb click, match stepping) always lands its
+          // target ABOVE the middle, so clicking the breadcrumb never changes
+          // which heading the breadcrumb shows.
+          var crumbLine = vTop + lr.height * 0.5;
+          var heads = sp.querySelectorAll("h1,h2,h3,h4,h5,h6");
+          var nextCrumb = null;
+          var paths = headingPathsRef.current;
+          for (var hi = heads.length - 1; hi >= 0; hi--) {
+            var hr = heads[hi].getBoundingClientRect();
+            if (hr.top > crumbLine) continue;
+            var rowEl = heads[hi].closest ? heads[hi].closest("[data-chat-anchor-key]") : null;
+            if (!rowEl || !rowEl.dataset) continue;
+            var rowKey = rowEl.dataset.chatAnchorKey;
+            var rowHeads = rowEl.querySelectorAll("h1,h2,h3,h4,h5,h6");
+            var idxInRow = -1;
+            for (var rh = 0; rh < rowHeads.length; rh++) {
+              if (rowHeads[rh] === heads[hi]) { idxInRow = rh; break; }
+            }
+            var meta = idxInRow >= 0 ? paths[rowKey + "#" + idxInRow] : undefined;
+            if (meta !== undefined) {
+              nextCrumb = { path: meta.path, key: rowKey, idx: idxInRow };
+              break;
+            }
+          }
+          var prev = crumbRef.current;
+          var same = (prev === null && nextCrumb === null) ||
+            (prev !== null && nextCrumb !== null && prev.path === nextCrumb.path && prev.key === nextCrumb.key && prev.idx === nextCrumb.idx);
+          if (!same) {
+            crumbRef.current = nextCrumb;
+            setCrumb(nextCrumb);
+          }
         };
         update();
         sp.addEventListener("scroll", update, { passive: true });
@@ -918,6 +1204,46 @@ window.__ModuleLoader__.load({
         return out;
       }, [groups, query, searchScope]);
 
+      // which result row holds the current (n/N) occurrence (needs `matches`)
+      var activeResultRow = -1;
+      if (resultRows.length > 0 && matches.length > 0) {
+        var acc = 0;
+        var target = matchIdx % matches.length;
+        for (var ri = 0; ri < resultRows.length; ri++) {
+          acc += resultRows[ri].count;
+          if (target < acc) { activeResultRow = ri; break; }
+        }
+      }
+
+      // The result list follows the outline's convention: OLDEST hit at the top,
+      // NEWEST at the bottom, and a fresh search starts scrolled to the bottom —
+      // scroll UP from there to walk back through earlier hits. The newest hit is
+      // also made the current one, so the highlighted row is the one on screen
+      // (otherwise n/N points at a row that is off-view).
+      var searchPosRef = react.useRef("");
+      react.useEffect(function () {
+        var q = query.trim();
+        if (searchPosRef.current === q) return;
+        searchPosRef.current = q;
+        if (!q) return;
+        var el = listRef.current;
+        if (el) el.scrollTop = el.scrollHeight;
+        if (matches.length > 0) setMatchIdx(matches.length - 1);
+      }, [query, matches.length]);
+
+      // keep the current row in view while stepping with Enter
+      react.useEffect(function () {
+        if (!query.trim() || activeResultRow < 0) return;
+        var el = listRef.current;
+        if (!el || !el.querySelector) return;
+        var node = el.querySelector('[data-result-idx="' + activeResultRow + '"]');
+        if (!node) return;
+        var er = node.getBoundingClientRect();
+        var lr2 = el.getBoundingClientRect();
+        if (er.top < lr2.top + 2) el.scrollTop += er.top - lr2.top - 2;
+        else if (er.bottom > lr2.bottom - 2) el.scrollTop += er.bottom - lr2.bottom + 2;
+      }, [activeResultRow, query]);
+
       // ---- nothing to show without headings ----
       if (groups.length === 0) return null;
 
@@ -949,15 +1275,19 @@ window.__ModuleLoader__.load({
         if (e.button !== 0) return;
         var startY = e.clientY;
         var origY = panelY;
+        var lastY = panelY;
         var move = function (ev) {
           var next = origY + (ev.clientY - startY);
           next = Math.max(-(viewport ? viewport.top : 0), Math.min(window.innerHeight - 90, next));
+          lastY = next;
           setPanelY(next);
         };
         var up = function () {
           window.removeEventListener("pointermove", move);
           window.removeEventListener("pointerup", up);
-          try { localStorage.setItem(PANEL_Y_KEY, String(panelY)); } catch (e2) {}
+          // persist the DRAGGED value: `panelY` here is the value captured when
+          // the drag started (the state setter has not re-rendered this closure)
+          try { localStorage.setItem(PANEL_Y_KEY, String(lastY)); } catch (e2) {}
         };
         window.addEventListener("pointermove", move);
         window.addEventListener("pointerup", up);
@@ -1033,6 +1363,15 @@ window.__ModuleLoader__.load({
         }, 150);
       };
 
+      // clicking result row `i` = make its FIRST occurrence the current match, so
+      // it highlights + scrolls exactly like Enter stepping does (rows are deduped
+      // one-per-message, so row i starts at the sum of the previous rows' counts)
+      var goToRow = function (i) {
+        var start = 0;
+        for (var k = 0; k < i && k < resultRows.length; k++) start += resultRows[k].count;
+        goToMatch(start);
+      };
+
       // ---- circular icon button (glyph optical offset: ox/oy px) ----
       var iconBtn = function (onClick, tip, glyph, fontSize, offset) {
         var ox = offset ? (offset.x || 0) : 0;
@@ -1201,6 +1540,29 @@ window.__ModuleLoader__.load({
                   react_jsx_runtime.jsx("div", {
                     style: { display: "flex", alignItems: "center", gap: 6, flex: "none" },
                     children: [
+                      // collapse/expand the H1–H6 level-filter row (sits directly
+                      // left of the search button). Labelled, not a bare icon.
+                      react_jsx_runtime.jsx("button", {
+                        onClick: toggleLevelsRow,
+                        title: showLevelsRow ? "收起 H1–H6 层级筛选那一行" : "展开 H1–H6 层级筛选那一行",
+                        style: {
+                          height: 20,
+                          padding: "0 6px",
+                          border: "none",
+                          borderRadius: 5,
+                          cornerShape: "round",
+                          fontFamily: "inherit",
+                          fontSize: 11,
+                          lineHeight: "20px",
+                          cursor: "pointer",
+                          flex: "none",
+                          background: showLevelsRow
+                            ? "rgba(79,140,255,0.16)"
+                            : "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.16))",
+                          color: showLevelsRow ? "var(--dsw-alias-brand-primary, #4f8cff)" : C.muted
+                        },
+                        children: "层级"
+                      }),
                       // magnifier button (SVG, matches the other buttons' style)
                       react_jsx_runtime.jsx("button", {
                         onClick: function () { searchOpen ? closeSearch() : openSearch(); },
@@ -1292,6 +1654,67 @@ window.__ModuleLoader__.load({
               })
             ]
           }),
+          // level filter row (H1–H6): can be collapsed away with the 层级 button
+          // in the panel header
+          showLevelsRow ? react_jsx_runtime.jsx("div", {
+            style: {
+              flex: "none",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              flexWrap: "wrap",
+              rowGap: 2,
+              gap: 6,
+              padding: "3px 10px 3px",
+              borderBottom: crumb ? "none" : "1px solid " + C.panelBorder
+            },
+            children: [
+              react_jsx_runtime.jsx("div", {
+                style: { display: "flex", alignItems: "center", gap: 2, flex: "none" },
+                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 ? "隐藏 H" + lv : "显示 H" + lv,
+                    style: {
+                      width: 17,
+                      height: 17,
+                      padding: 0,
+                      border: "none",
+                      borderRadius: 4,
+                      cornerShape: "round",
+                      cursor: "pointer",
+                      fontSize: 10,
+                      lineHeight: "17px",
+                      background: active
+                        ? "rgba(79,140,255,0.22)"
+                        : "var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,0.14))",
+                      color: active ? "var(--dsw-alias-brand-primary, #4f8cff)" : C.muted,
+                      fontWeight: active ? 600 : 400
+                    },
+                    children: lv
+                  }, "lv" + lv);
+                })
+              })
+            ]
+          }) : null,
+          // breadcrumb: the heading path you are currently reading
+          crumb ? react_jsx_runtime.jsx("div", {
+            onClick: function () { jump(crumb.key, crumb.idx); },
+            title: crumb.path,
+            style: {
+              flex: "none",
+              padding: "0 10px 4px",
+              borderBottom: "1px solid " + C.panelBorder,
+              fontSize: 10,
+              color: C.muted,
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              cursor: "pointer"
+            },
+            children: crumb.path
+          }) : null,
           // search input row: outer grid row animates 0fr<->1fr so the row
           // collapses/expands to its EXACT natural height (no max-height
           // overshoot stutter); the outline below moves smoothly with it
@@ -1450,7 +1873,11 @@ window.__ModuleLoader__.load({
             className: "dqt-list",
             style: {
               overflowY: "auto",
-              padding: "6px 8px",
+              // NO top padding: a sticky child is confined to its containing
+              // block, so a padded scroll container would hold the pinned group
+              // header that many pixels below the toolbar (a visible gap). Spacing
+              // between groups comes from the per-group divider instead.
+              padding: "0 8px 6px",
               flex: "1 1 auto",
               minHeight: 0,
               direction: dockRight ? "ltr" : "rtl"
@@ -1459,7 +1886,9 @@ window.__ModuleLoader__.load({
             onWheel: onListWheel,
             children: react_jsx_runtime.jsx("div", {
               style: { direction: "ltr" },
-              children: renderGroups(shownGroups, shownTrees, jump, C, Math.max(0, groups.length - visibleCount), activeGroup)
+              children: query.trim()
+                ? renderResults(resultRows, query.trim().toLowerCase(), C, goToRow, activeResultRow)
+                : renderGroups(shownGroups, shownTrees, jump, C, Math.max(0, groups.length - visibleCount), activeGroup)
             })
           }),
           // resize handles (right edge: width, bottom edge: height)
@@ -1571,6 +2000,12 @@ window.__ModuleLoader__.load({
     }
 
     function renderItem(n, depth, jump, C, uid) {
+      var hasChildren = !!(n.children && n.children.length);
+      var parts = [];
+      parts.push(react_jsx_runtime.jsx("span", {
+        style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" },
+        children: n.title
+      }, uid + "-l"));
       return react_jsx_runtime.jsx(
         "div",
         {
@@ -1578,8 +2013,11 @@ window.__ModuleLoader__.load({
           "data-jump-key": n.key,
           "data-jump-idx": n.idx !== undefined ? String(n.idx) : "0",
           style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 2,
             padding: "2px 6px",
-            paddingLeft: 8 + (n.level - 1) * 12,
+            paddingLeft: (hasChildren ? 2 : 6) + (n.level - 1) * 12,
             margin: "1px 0",
             borderRadius: 6,
             cursor: "pointer",
@@ -1589,13 +2027,12 @@ window.__ModuleLoader__.load({
             lineHeight: "18px",
             height: 22,
             whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis"
+            overflow: "hidden"
           },
           onMouseEnter: function (e) { e.currentTarget.style.background = C.hover; },
           onMouseLeave: function (e) { e.currentTarget.style.background = "transparent"; },
           title: n.title,
-          children: n.title
+          children: parts
         },
         uid + "-" + n.level + "-" + (n.key || "")
       );
@@ -1613,23 +2050,130 @@ window.__ModuleLoader__.load({
       return out;
     }
 
-    // a group's header: clicking the time jumps to that turn's start.
+    // ---- search results view ----
+    // While a query is present the list shows every matched heading/message
+    // (grouped per message, with an occurrence count) instead of the outline, so
+    // search is "see them all, then jump" rather than stepping blindly.
+    function hitSpans(text, q) {
+      var parts = highlightParts(text, q);
+      return parts.map(function (p, i) {
+        return p.hit
+          ? react_jsx_runtime.jsx("span", {
+            style: { background: "rgba(255,196,0,0.32)", borderRadius: 2, color: "inherit" },
+            children: p.text
+          }, "hp" + i)
+          : p.text;
+      });
+    }
+
+    function renderResultRow(r, i, q, C, onRow, isActive) {
+      var meta = [];
+      if (r.time) meta.push(r.time);
+      if (r.path) meta.push(r.path);
+      if (r.count > 1) meta.push("×" + r.count);
+      var children = [
+        react_jsx_runtime.jsx("div", {
+          style: {
+            fontSize: 12,
+            fontWeight: r.level > 0 && r.level <= 2 ? 600 : 400,
+            color: r.level > 0 ? C.text : C.muted,
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          children: hitSpans(r.title, q)
+        }, "t" + i)
+      ];
+      if (r.snippet) {
+        children.push(react_jsx_runtime.jsx("div", {
+          style: {
+            fontSize: 11,
+            color: C.muted,
+            marginTop: 1,
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          children: hitSpans(r.snippet, q)
+        }, "s" + i));
+      }
+      if (meta.length) {
+        children.push(react_jsx_runtime.jsx("div", {
+          style: { fontSize: 10, color: C.muted, opacity: 0.8, marginTop: 1, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" },
+          children: meta.join("  ·  ")
+        }, "m" + i));
+      }
+      return react_jsx_runtime.jsx("div", {
+        // clicking a row makes that hit the CURRENT one: it highlights the
+        // keyword in the conversation and scrolls there, exactly like Enter
+        // stepping — a row that only scrolled (no highlight) was the old bug
+        onClick: function () { onRow(i); },
+        "data-result-idx": i,
+        onMouseEnter: function (e) { e.currentTarget.style.background = C.hover; },
+        onMouseLeave: function (e) { e.currentTarget.style.background = isActive ? "rgba(79,140,255,0.16)" : "transparent"; },
+        title: r.path || r.title,
+        style: {
+          padding: "4px 6px",
+          margin: "1px 0",
+          borderRadius: 6,
+          cursor: "pointer",
+          minWidth: 0,
+          background: isActive ? "rgba(79,140,255,0.16)" : "transparent",
+          transition: "background 0.15s ease"
+        },
+        children: children
+      }, "res-" + i);
+    }
+
+    function renderResults(rows, q, C, onRow, activeRow) {
+      if (!rows || rows.length === 0) {
+        return react_jsx_runtime.jsx("div", {
+          style: { padding: "12px 8px", fontSize: 12, color: C.muted, textAlign: "center" },
+          children: "没有匹配"
+        });
+      }
+      var out = [];
+      for (var i = 0; i < rows.length; i++) {
+        out.push(renderResultRow(rows[i], i, q, C, onRow, i === activeRow));
+      }
+      return out;
+    }
+
+    // a group's header (the time row): clicking it jumps to the TOP OF THE
+    // MODEL'S REPLY for that turn — the first assistant step — which also makes
+    // heading-less turns jumpable, since they only have this row.
     // Implemented as a function (not an inline closure in a loop) so each
     // header captures its own (g, gi) — the var-in-loop closure bug would
     // otherwise make every header jump to the last group.
     function renderGroupHeader(g, gi, jump, C) {
+      var replyKey = (g.msgs && g.msgs.length > 0) ? g.msgs[0].key : "";
+      var targetKey = replyKey || g.userKey;
       var jumpToTurn = function (e) {
         e.stopPropagation();
-        if (!g.userKey) return;
-        var r0 = findRowStrict(g.userKey);
-        if (r0) jump(g.userKey);
-        else if (g.headings.length > 0) jump(g.headings[0].key, g.headings[0].idx);
+        // prefer the model's reply; fall back to the user message, then to the
+        // turn's first heading, so the row always does something useful
+        if (replyKey && findRow(replyKey)) { jump(replyKey); return; }
+        if (g.userKey && findRow(g.userKey)) { jump(g.userKey); return; }
+        if (g.headings.length > 0) jump(g.headings[0].key, g.headings[0].idx);
       };
       return react_jsx_runtime.jsx("div", {
-        style: { padding: "1px 4px 2px", height: 18, display: "flex", alignItems: "center", minWidth: 0 },
+        style: {
+          padding: "1px 4px 2px",
+          height: 18,
+          display: "flex",
+          alignItems: "center",
+          minWidth: 0,
+          // sticky: while you scroll the outline, the header of the group you are
+          // inside stays pinned at the top (background must be opaque to cover
+          // the rows scrolling underneath).
+          position: "sticky",
+          top: 0,
+          zIndex: 2,
+          background: C.panelBg
+        },
         children: react_jsx_runtime.jsx("span", {
           onClick: jumpToTurn,
-          title: g.userKey ? "跳转到该回合开头" : "",
+          title: replyKey ? "跳转到该回合的模型回答开头" : "跳转到该回合开头",
           onMouseEnter: function (e) { e.currentTarget.style.background = C.hover; },
           onMouseLeave: function (e) { e.currentTarget.style.background = "transparent"; },
           style: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-quick-toc",
-  "version": "0.3.3",
-  "description": "Conversation TOC for DeepSeek Harness (DSH): turn-grouped Markdown heading outline with keyword search (title/full-text scope), in-chat match highlighting, auto-follow and smooth jump navigation",
+  "version": "0.4.0",
+  "description": "Conversation TOC for DeepSeek Harness (DSH): turn-grouped Markdown heading outline with keyword search (title/full-text scope), in-chat match highlighting, per-level heading filtering, auto-follow and smooth jump navigation",
   "type": "module",
   "main": "lib/index.js",
   "files": [
@@ -35,7 +35,8 @@
     },
     "compatibility": {
       "dshReleases": {
-        "0.1.5-rc.1": "compatible"
+        "0.1.5-rc.1": "compatible",
+        "0.1.5-rc.2": "compatible"
       }
     }
   },