dsh-quick-toc 0.4.0 → 0.4.1

package/CHANGELOG.en.md

@@ -5,28 +5,29 @@ All notable changes to **dsh-quick-toc** are documented here. Chinese version: [
 ## [0.4.0] - 2026-09-11
 
 ### Added
+- **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.
 - **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.
+- The turn header (the time row) now jumps to the **start of that turn's model reply** (it used to jump to the user message).
+- **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.
 - `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.4.1] - 2026-09-12
+
+### Changed
+- **Heading levels are now a popup**: a round icon button in the header (three lines of decreasing width, hover feedback matching the magnifier) scales the H1–H6 picker out of the **button's center**, right-aligned with an outer shadow; closing shrinks it back into the button with a fade. The picker no longer occupies its own row, the chips are labelled H1–H6, and their selected tint matches the title / full-text toggle.
+- Removed the "you are here" breadcrumb row introduced in 0.4.0 (it felt unnecessary in use).
 
 ## [0.3.3] - 2026-09-10
 

package/CHANGELOG.md

@@ -5,28 +5,29 @@
 ## [0.4.0] - 2026-09-11
 
 ### 新增
+- **搜索结果列表**：有搜索词时大纲切换为结果列表，逐条列出命中（标题关键字高亮、层级路径、回合时间、重复次数，全文模式附上下文片段）。列表按时间排列、**最新的命中在底部**，开始搜索时自动定位到最新命中，向上滚回看更早的命中；点击任一行会把该命中设为当前命中——和回车逐处跳同一条路径，会在对话里高亮并滚过去；`n/N` 回车逐处跳保留
 - **组头吸顶**：滚动大纲时，当前所在回合的组头固定在面板顶部，并与上方工具条紧贴
 - **层级筛选行可收起**：标题栏放大镜左边的 **层级** 按钮收起/展开 `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 表都经实测核对相同。
 - **性能**：标题解析与文本提取改为按节点缓存——流式更新只重算真正变化的节点，不再每次重算整段历史；缓存会清理已离开会话的节点，保持有界
+- 回合组头（时间那一行）点击改为跳到**该回合模型回答的开头**（原来跳到用户消息位置）
+- **兼容性**：在 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.4.1] - 2026-09-12
+
+### 变更
+- **层级筛选改为弹出选择**：标题栏新增圆形图标按钮（三条递减横线，悬停反馈与放大镜一致），点击后从**按钮中心**放大弹出 H1–H6 选择层（靠右、带外阴影），收回时缩回按钮并渐隐，不再单独占一行；选择芯片标注 H1–H6，选中态配色与搜索的"标题 / 全文"切换一致
+- 移除面板顶部的"当前位置"面包屑行（0.4.0 新增，使用中显得多余）
 
 ## [0.3.3] - 2026-09-10
 

package/README.en.md

@@ -6,32 +6,29 @@ 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 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'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
-- 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)
+- **Turn-grouped outline** — each user message plus its following AI replies form one group; the group header shows the turn's time and a first-line preview, and clicking it jumps to the start of that turn's model reply
+- **Search** — the magnifier in the panel header opens a search box: title / full-text scopes, click any result row to locate and highlight that hit, `n/N` Enter stepping, Esc to close
+- **In-chat highlighting** — matched keywords are highlighted in the conversation; the current match is highlighted distinctly
+- **Sticky group headers** — while scrolling the outline, the current turn's header stays pinned at the top of the panel
+- **Heading level filter** — the round levels button in the header pops down H1–H6 switches for any combination
+- **Auto-follow** — the turn being read lights up in the outline while you scroll the conversation; the outline loads and follows on its own
+- **Jumping** — click a heading to jump to its position in the conversation
+- **Dockable and resizable** — drag the top bar to move the panel, ◀ / ▶ to dock left or right, drag an edge to resize, and collapse it into an edge handle; position and size are remembered
+- **Paging** — the most recent groups show first; scroll up to load older turns
+- **Markdown-aware** — inline markup in headings is stripped; `#` lines inside fenced code blocks are not headings
+- **Theme-aware** — adapts to dark and light themes; visible on the chat view only and fades out elsewhere
+- The panel hides itself when the conversation has neither headings nor readable times
 
 ## Compatibility
 
 | Plugin | Supported DSH |
 | --- | --- |
-| **0.4.0** (latest) | 0.1.5-rc.1, 0.1.5-rc.2 |
+| **0.4.1** (latest) | 0.1.5-rc.1, 0.1.5-rc.2 |
+| 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 |
 
-`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`.
+`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. Since 0.4.0 the plugin 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
 
@@ -57,12 +54,12 @@ 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'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
+- **Jumping**: click an outline heading or a group header to jump to it
+- **Search**: open the box with the magnifier, click a result to locate and highlight it, Enter to step through matches, Esc to close
+- **Level filter**: click the round levels button in the header to pop down the H1–H6 switches
+- **Moving and docking**: drag the top bar to move, ◀ / ▶ to switch sides
+- **Resizing**: drag the right edge, bottom edge or bottom-right corner
+- **Loading older turns**: scroll up inside the outline
 
 ## Development
 

package/README.md

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

package/lib/client.js

@@ -617,27 +617,43 @@ window.__ModuleLoader__.load({
         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) {}
+      // ---- 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]);
 
-      // ---- 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;
@@ -1004,7 +1020,7 @@ window.__ModuleLoader__.load({
         return m;
       }, [groups]);
 
-      // ancestor path of every heading occurrence (breadcrumb + result rows):
+      // ancestor path of every heading occurrence (used by the search result rows):
       // id -> { path, title, level, gi }
       var headingPaths = react.useMemo(function () {
         var byId = {};
@@ -1076,7 +1092,6 @@ window.__ModuleLoader__.load({
         }
         return rows;
       }, [groups, query, searchScope, headingPaths]);
-      headingPathsRef.current = headingPaths;
       react.useEffect(function () {
         var sp = document.querySelector("[data-conversation-scroll]");
         if (!sp) return;
@@ -1123,43 +1138,6 @@ 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 });
@@ -1540,28 +1518,54 @@ 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.
+                      // heading-level filter: a round icon button (directly left
+                      // of the search button) that pops down the H1–H6 picker.
+                      // Icon: three lines of decreasing width = outline levels.
+                      // Hover behaviour matches the magnifier: background + icon
+                      // tint change; the resting look never shifts when open.
                       react_jsx_runtime.jsx("button", {
-                        onClick: toggleLevelsRow,
-                        title: showLevelsRow ? "收起 H1–H6 层级筛选那一行" : "展开 H1–H6 层级筛选那一行",
+                        className: "dqt-levels-btn",
+                        onClick: function () { levelsOpen ? closeLevels() : setLevelsOpen(true); },
+                        title: "标题层级筛选",
                         style: {
-                          height: 20,
-                          padding: "0 6px",
+                          width: 24,
+                          height: 24,
+                          padding: 0,
                           border: "none",
-                          borderRadius: 5,
+                          borderRadius: "50%",
                           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
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          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"
                         },
-                        children: "层级"
+                        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",
+                          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 })
+                          ]
+                        })
                       }),
                       // magnifier button (SVG, matches the other buttons' style)
                       react_jsx_runtime.jsx("button", {
@@ -1654,67 +1658,6 @@ 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
@@ -1934,7 +1877,58 @@ window.__ModuleLoader__.load({
             },
             onPointerDown: onResizeCornerDown,
             title: "拖拽同时调整宽高"
-          })
+          }),
+          // heading-level picker: pops down from the round header button,
+          // right-aligned, with an outer shadow so it reads as a floating layer.
+          // 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 — an inline `animation` set on
+          // every render made the entrance invisible and the exit never play.
+          (levelsOpen || levelsClosing) ? react_jsx_runtime.jsx("div", {
+            className: "dqt-levels-pop" + (levelsClosing ? " dqt-levels-pop-closing" : ""),
+            style: {
+              position: "absolute",
+              top: 40,
+              right: 8,
+              zIndex: 30,
+              display: "flex",
+              alignItems: "center",
+              flexWrap: "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)",
+              maxWidth: "calc(100% - 16px)",
+              transformOrigin: "calc(50% + 12px) 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 ? "隐藏 H" + lv : "显示 H" + lv,
+                style: {
+                  height: 22,
+                  padding: "0 7px",
+                  border: "none",
+                  borderRadius: 6,
+                  cornerShape: "round",
+                  cursor: "pointer",
+                  fontSize: 11,
+                  lineHeight: "22px",
+                  fontFamily: "inherit",
+                  background: active
+                    ? "rgba(79,140,255,0.18)"
+                    : "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: "H" + lv
+              }, "lv" + lv);
+            })
+          }) : null
         ]
       });
 
@@ -2269,6 +2263,12 @@ window.__ModuleLoader__.load({
       var s = document.createElement("style");
       s.id = "dsh-quick-toc-css";
       s.textContent = "@keyframes dqt-spin{to{transform:rotate(360deg)}}@keyframes dqt-fade-in{from{opacity:0}to{opacity:1}}@keyframes dqt-fade-out{from{opacity:1}to{opacity:0}}" +
+        "@keyframes dqt-pop-in{from{opacity:0;transform:scale(0.7)}to{opacity:1;transform:scale(1)}}@keyframes dqt-pop-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.7)}}" +
+        // the level picker's enter/exit animations live here as classes so React
+        // re-renders (which rewrite inline styles) cannot restart or cancel them
+        ".dqt-levels-pop{animation:dqt-pop-in 0.22s cubic-bezier(0.22, 0.9, 0.3, 1) both;will-change:transform,opacity}" +
+        // exit: starts moving immediately (fast attack), so the dismiss feels snappy
+        ".dqt-levels-pop-closing{animation:dqt-pop-out 0.14s cubic-bezier(0.2, 0.9, 0.3, 1) both;will-change:transform,opacity}" +
         // Hide the native scrollbar entirely (no arrow buttons, no grey bar) —
         // custom webkit scrollbar styling was not reliably suppressing the
         // default arrows, so a hidden native bar + the panel's inner shadow gives

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-quick-toc",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "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",