dsh-ui-tweaks 0.16.0 → 0.16.2

package/README.en.md

@@ -1,6 +1,6 @@
 # dsh-ui-tweaks
 
-> **Dependency**: currently targets **DSH v0.1.5-alpha.1**.
+> **Dependency**: currently targets **DSH v0.1.5-alpha.2**.
 
 A [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) (DSH) web plugin that live-tunes the conversation UI from the Settings panel.
 
@@ -8,19 +8,17 @@ A [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) (DSH)
 
 | | |
 |---|---|
-| ![Settings panel](assets/settings.png) | ![GitBar](assets/git.png) |
-| **Settings panel**: code font size / theme skin / GitBar toggles | **GitBar**: the branch chip in the session header (branch management) plus **terminal** / **code diff** tabs in the native right sidebar, with commit & push from the code diff page (uncommitted changes dot the branch chip and its tab) |
-| ![Branch panel](assets/branch.png) | ![Diff panel](assets/gitdiff.png) |
-| **Branch panel**: pops up from the branch chip — local / remote branch lists, click to switch, delete, pull & push to remote, new-branch field at the bottom, plus a **commit graph** dialog (colored SVG fork/merge lanes) | **Code diff**: file list + per-file diff (changed hunks only by default) with a commit area (commit / commit & push) at the bottom |
-| ![Terminal panel](assets/terminal.png) | ![Archive manager](assets/archive.png) |
-| **Terminal**: a real PTY terminal in the sidebar (xterm.js over WebSocket) — full interactivity | **Archive manager**: an Archive page in the Settings dialog listing archived sessions (title / workspace / relative time) with Restore and Delete actions |
-| ![MCP manager](assets/mcp.png) | |
-| **MCP manager**: an MCP page in the Settings dialog listing configured MCP servers with live status and full management (Add / Edit / Enable / Disable / Delete / Restart) | |
+| ![Settings panel](assets/settings.png) | ![Branch panel](assets/git.png) |
+| **Settings panel**: code font size / neon-poster theme / two-decimal cache hit / web search / timeline / GitBar toggles, with dedicated **Archive**, **MCP** and **Search** pages in the left nav | **Branch panel**: pops down from the branch chip in the session header — local / remote branch lists, click to switch; pull button (fast-forward only) in the header, new-branch field at the bottom, plus a **commit graph** dialog (colored SVG fork/merge lanes) and **Tag** management |
+| ![Diff panel](assets/gitdiff.png) | ![Terminal panel](assets/terminal.png) |
+| **Code diff**: the code-diff tab in the right sidebar — file list (per-file checkboxes for partial commits) + per-file diff (changed hunks only by default, "Full file" toggle at the top right), with a commit area at the bottom for the message, an optional Tag, and Commit / Commit & push | **Terminal**: a real PTY terminal in the sidebar (xterm.js over WebSocket) — full interactivity |
+| ![Archive manager](assets/archive.png) | ![MCP manager](assets/mcp.png) |
+| **Archive manager**: an Archive page in the Settings dialog listing archived sessions (title / workspace / relative time) with per-row Restore / Delete and batch Restore all / Delete all | **MCP manager**: an MCP page in the Settings dialog listing configured MCP servers with live status and tool counts, plus full management (Add / Edit / Enable / Disable / Delete / Restart) |
 
 ## Features
 
 - **Code font size (px)** — absolute 8–32px, default 13 (DSH's stock code-block size at a 16px body); applies to code blocks, with inline code following proportionally. The legacy percentage (`codeFontScale`) stays compatible and is overridden once a px value is set. Message text keeps DSH's stock sizing.
-- **Theme (single choice in Layout, stock look by default)** — choose `Default` or **Neon lime**: a two-scheme poster skin — paper-white with ink-black hairlines in light mode, near-black with light hairlines in dark mode, both with lime highlights and a magenta action accent (buttons, links and selections follow the theme tokens automatically; code blocks and the composer card get hard offset shadows), applied live. Future skins will be added as further options the same way.
+- **Theme (single choice in Layout, stock look by default)** — choose `Default` or **Neon poster**: a two-scheme poster skin — paper-white with ink-black hairlines in light mode, near-black with light hairlines in dark mode, both with lime highlights and an Anthropic-red action accent (buttons, links and selections follow the theme tokens automatically; code blocks and the composer card get hard offset shadows), applied live. Future skins will be added as further options the same way.
 - **Timeline (single choice in Features)** — one switch, two options:
   - **Native (default)** — DSH's built-in turn rail (the row of small dots beside the messages), the stock behavior.
   - **Web (classic)** — the v0.11 classic right-side navigation rail, restored: vertically centered on the message area's right edge, a thin line strip when collapsed, a 240px panel on hover (message previews + current-position highlight), a per-item detail bubble with timestamp, and **click to jump** (deep history pages in automatically before landing, with a landing self-check); wheel over the rail scrubs clipped items into reach. Data comes from the server-side `dshChatTimeline` session projection (every user message, independent of the browser's loaded window); sessions with fewer than two user messages hide it. On the web option the native turn rail is hidden with one theme-independent CSS rule (matching its `--turn-natural-height` inline variable), so the two never appear together.
@@ -47,7 +45,7 @@ All changes apply **live** — no reload needed. The same values can be hand-edi
 ```yaml
 ui-tweaks:
   timelineStyle: web            # defaults to native (DSH's built-in turn rail); web is the classic web timeline
-  themeStyle: neon-lime           # defaults to default (DSH's stock look); neon-lime is the fluorescent-lime skin
+  themeStyle: neon-lime           # defaults to default (DSH's stock look); neon-lime is the neon-poster skin
   gitBarEnabled: true     # defaults to false (off); set true to enable GitBar
   archiveManagerEnabled: true   # defaults to false (off); set true to show the Archive page
   initCommandEnabled: true      # defaults to false (off); set true to register the /init slash command

package/README.md

@@ -1,26 +1,24 @@
 # dsh-ui-tweaks
 
-> **依赖版本**：当前依赖 **DSH v0.1.5-alpha.1**。
+> **依赖版本**：当前依赖 **DSH v0.1.5-alpha.2**。
 
-[DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/)（DSH）Web UI 插件：在设置面板中实时调整对话界面——代码字号、**主题皮肤**（荧光黄海报风）、**时间线切换**（原生回合导航轨 / 经典网页时间线）、**GitBar**（输入框工具行内的 git 状态胶囊：分支在权限旁、差异在模型前），可开关的**归档管理**（设置中的「归档」页面：查看、恢复或彻底删除已归档会话），可开关的**任务提醒**（会话完成或需要交互时，通过标签页标题闪烁 / 系统通知 / 提示音把你唤回来），以及**缓存命中率两位小数**（把输入框下方统计条的缓存命中百分比改写为精确值）。
+[DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/)（DSH）Web UI 插件：在设置面板中实时调整对话界面——代码字号、**主题皮肤**（荧光海报风）、**时间线切换**（原生回合导航轨 / 经典网页时间线）、**GitBar**（会话头部的分支胶囊 + 右侧边栏里的终端 / 代码差异标签页），可开关的**归档管理**（设置中的「归档」页面：查看、恢复或彻底删除已归档会话），可开关的**任务提醒**（会话完成或需要交互时，通过标签页标题闪烁 / 系统通知 / 提示音把你唤回来），以及**缓存命中率两位小数**（把输入框下方统计条的缓存命中百分比改写为精确值）。
 
 ## 预览
 
 | | |
 |---|---|
-| ![设置面板](assets/settings.png) | ![GitBar](assets/git.png) |
-| **设置面板**：代码字号 / 主题皮肤 / Git 状态栏等功能开关 | **GitBar**：会话头部的分支胶囊（分支管理）+ 右侧边栏里的**终端** / **代码差异**标签页，代码差异页内可直接提交 |
-| ![分支面板](assets/branch.png) | ![差异面板](assets/gitdiff.png) |
-| **分支面板**：点击分支胶囊向下弹出——本地 / 远程分支列表，点击即切换，支持删除、拉取、推送远程，底部可新建分支，菜单里可打开**提交图谱**（彩色 SVG 分叉图） | **代码差异**：文件列表 + 逐文件 diff（默认只显示有差异的 hunk），底部提交区可提交 / 提交并推送 |
-| ![终端面板](assets/terminal.png) | ![归档管理](assets/archive.png) |
-| **终端**：边栏里的真 PTY 终端（xterm.js + WebSocket），完整终端交互 | **归档管理**：设置中的「归档」页面，列出所有已归档会话（标题 / 工作区 / 相对时间），支持恢复与彻底删除 |
-| ![MCP 管理](assets/mcp.png) | |
-| **MCP 管理**：设置中的「MCP 管理」页面，列出所有配置的 MCP 服务器及其运行状态，支持添加 / 编辑 / 启用停用 / 删除 / 重启 | |
+| ![设置面板](assets/settings.png) | ![分支面板](assets/git.png) |
+| **设置面板**：代码字号 / 荧光海报主题 / 缓存两位小数 / 网络搜索 / 时间线 / Git 状态栏等功能开关，左侧另有「归档」「MCP 管理」「搜索」页面 | **分支面板**：点击会话头部的分支胶囊向下弹出——本地 / 远程分支列表，点击即切换；头部右侧是拉取按钮（只快进），底部可新建分支，菜单里可打开**提交图谱**（彩色 SVG 分叉图）与 **Tag** 管理 |
+| ![差异面板](assets/gitdiff.png) | ![终端面板](assets/terminal.png) |
+| **代码差异**：右侧边栏里的代码差异标签页——文件列表（逐文件勾选，可部分提交）+ 逐文件 diff（默认只显示有差异的 hunk，右上可切“完整文件”），底部提交区可写提交说明、打 Tag，提交 / 提交并推送 | **终端**：边栏里的真 PTY 终端（xterm.js + WebSocket），完整终端交互 |
+| ![归档管理](assets/archive.png) | ![MCP 管理](assets/mcp.png) |
+| **归档管理**：设置中的「归档」页面，列出所有已归档会话（标题 / 工作区 / 相对时间），支持恢复与彻底删除，顶部可全部恢复 / 全部删除 | **MCP 管理**：设置中的「MCP 管理」页面，列出所有配置的 MCP 服务器及其运行状态与工具数，支持添加 / 编辑 / 启用停用 / 删除 / 重启 |
 
 ## 功能
 
 - **代码字号（px）**：绝对值 8–32，默认 13（正文 16 时的 DSH 原生代码块字号）；作用于代码块，行内代码按比例跟随——旧版的百分比配置（`codeFontScale`）仍然兼容，一旦设置新的 px 值即以其为准。消息正文保持 DSH 原生字号。
-- **主题（布局区单选，默认即原生外观）**：可选 `默认` 或 **荧光黄**——海报风双方案皮肤：浅色模式纸白底 + 黑粗线条，深色模式近黑底 + 浅色粗线条，都配荧光黄高亮 + 品红点缀（按钮、链接、选中态跟随主题变量自动变色，代码块与输入框卡片带硬阴影贴纸效果），切换即时生效。后续皮肤会以同样方式追加为新选项。
+- **主题（布局区单选，默认即原生外观）**：可选 `默认` 或 **荧光海报**——海报风双方案皮肤：浅色模式纸白底 + 黑粗线条，深色模式近黑底 + 浅色粗线条，都配荧光黄高亮 + Anthropic 红点缀（按钮、链接、选中态跟随主题变量自动变色，代码块与输入框卡片带硬阴影贴纸效果），切换即时生效。后续皮肤会以同样方式追加为新选项。
 - **时间线（功能区内单选）**：一个开关两档，选一个：
   - **原生（默认）**：DSH 自带的回合导航轨（消息右侧的小圆点条），即官方默认行为。
   - **网页（经典）**：找回 v0.11 的经典右侧导航轨——消息区右缘垂直居中，收起时是一列细线，悬停展开为 240px 面板（消息预览 + 高亮当前位），悬停单项弹出带时间戳的详情气泡，**点击跳转**到对应消息（深历史会自动连续翻页加载后落点，带落点自校验）；滚轮可在轨上直接翻阅被裁剪的条目。数据来自服务端 `dshChatTimeline` 会话投影（全量用户消息，与浏览器已加载窗口无关），少于两条用户消息的会话自动隐藏；切换到网页档时，原生回合导航轨由插件用一条主题无关的 CSS 规则（命中其 `--turn-natural-height` 内联变量）隐藏，两个不会同时出现。
@@ -50,7 +48,7 @@
 ```yaml
 ui-tweaks:
   timelineStyle: web            # 默认 native（DSH 自带回合导航轨），web 为经典网页时间线
-  themeStyle: neon-lime           # 默认 default（DSH 原生外观），neon-lime 为荧光黄皮肤
+  themeStyle: neon-lime           # 默认 default（DSH 原生外观），neon-lime 为荧光海报皮肤
   gitBarEnabled: true     # 默认 false（关闭），设为 true 开启 GitBar
   archiveManagerEnabled: true   # 默认 false（关闭），设为 true 开启「归档」页面
   initCommandEnabled: true      # 默认 false（关闭），设为 true 开启 /init 斜杠命令

package/lib/client.js

@@ -2441,9 +2441,9 @@ const en = {
     timelineNative: 'Native',
     timelineWeb: 'Web (classic)',
     theme: 'Theme',
-    themeHint: 'Conversation skin. Default keeps DSH\u2019s stock look; Neon lime is a poster skin — paper-white with ink-black hairlines in light mode, near-black with light hairlines in dark mode, lime highlights and a magenta action accent, applied live.',
+    themeHint: 'Conversation skin. Default keeps DSH\u2019s stock look; Neon poster is a two-scheme skin — paper-white with ink-black hairlines in light mode, near-black with light hairlines in dark mode, lime highlights and an Anthropic-red action accent, applied live.',
     themeDefault: 'Default',
-    themeNeonLime: 'Neon lime',
+    themeNeonLime: 'Neon poster',
     sectionSearch: 'Web search',
     searchOn: 'On',
     searchOff: 'Off',
@@ -2649,8 +2649,6 @@ const en = {
     includeFile: 'Include in commit',
     excludeFile: 'Exclude from commit',
     terminal: 'Terminal',
-    terminalGuide: 'A persistent shell in the session working directory.',
-    diffGuide: 'Review working-tree changes and commit.',
     notRepo: 'Not a git repository.',
     termConnecting: 'connecting…',
     termExited: 'shell exited',
@@ -2677,9 +2675,9 @@ const zh = {
     timelineNative: '原生',
     timelineWeb: '网页（经典）',
     theme: '主题',
-    themeHint: '对话皮肤。默认保持 DSH 原生外观；荧光黄是海报风双方案——浅色下纸白底黑粗线，深色下近黑底浅粗线，都配荧光黄高亮 + 品红点缀，切换即时生效。',
+    themeHint: '对话皮肤。默认保持 DSH 原生外观；荧光海报是海报风双方案——浅色下纸白底黑粗线，深色下近黑底浅粗线，都配荧光黄高亮 + Anthropic 红点缀，切换即时生效。',
     themeDefault: '默认',
-    themeNeonLime: '荧光黄',
+    themeNeonLime: '荧光海报',
     sectionSearch: '网络搜索',
     searchOn: '开',
     searchOff: '关',
@@ -2885,8 +2883,6 @@ const zh = {
     includeFile: '提交包含此文件',
     excludeFile: '提交排除此文件',
     terminal: '终端',
-    terminalGuide: '在会话工作目录中打开常驻 shell。',
-    diffGuide: '查看工作区改动并提交。',
     notRepo: '当前目录不是 git 仓库。',
     termConnecting: '连接中…',
     termExited: 'shell 已退出',
@@ -2957,13 +2953,17 @@ function buildCodeFontCss(codeFontSize) {
     return `body{${parts.join(';')}}`;
 }
 /**
- * Fluorescent-lime poster skin (Bilibili tech-video look), in two schemes:
- * the paper-white poster (lime highlights, magenta action accent) in light
+ * Fluorescent poster skin (Bilibili tech-video look), in two schemes:
+ * the paper-white poster (lime highlights, Anthropic-red action accent) in light
  * mode, and its dark twin in dark mode — near-black paper with the same
- * lime/magenta stickers. Popovers and menus (model switcher, open-in-app,
+ * lime/red stickers. Popovers and menus (model switcher, open-in-app,
  * stat dialogs, context panel) ride the scheme's own paper so they never read
  * as a gray slab against the conversation.
  *
+ * The internal style id stays `neon-lime`: it is the persisted setting value,
+ * so renaming it would silently reset every saved profile. Only the labels
+ * shown in Settings changed when the accent moved to Anthropic red.
+ *
  * Every colour is a `--dut-*` design variable re-pointed per scheme, and the
  * DSW alias tokens map onto those variables in one place, so buttons, links,
  * selections, the sidebar and the plugin's own tinted controls follow
@@ -2986,7 +2986,8 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dut-paper-3:#ffffff;
   --dut-pop:#ffffff;
   --dut-ink:#101418;
-  --dut-on-ink:#c6ff00;
+  /* the markdown table header keeps an ink strip; its type rides the accent */
+  --dut-th-bg:#101418;
   --dut-code:#f7f8f9;
   --dut-text-1:#101418;
   --dut-text-2:#3d4750;
@@ -2995,22 +2996,21 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dut-btn-fg:#ffffff;
   --dut-lime:#c6ff00;
   --dut-lime-soft:#dcff4d;
-  --dut-magenta:#e6007e;
-  --dut-magenta-soft:rgba(230,0,126,.12);
-  --dut-hover:rgba(230,0,126,.07);
-  --dut-active:rgba(230,0,126,.13);
-  /* selection trial: a brighter fluorescent yellow than the lime inline-code
-     chip (#dcff4d), so the highlight still reads inside a code span; the dark
-     scheme selects in bright magenta instead */
-  --dut-sel-bg:#eaff00;
-  --dut-sel-fg:#101418;
+  --dut-accent:#c15f3c;
+  --dut-accent-soft:rgba(193,95,60,.12);
+  --dut-accent-pale:#eccfc4;
+  --dut-hover:rgba(193,95,60,.07);
+  --dut-active:rgba(193,95,60,.13);
+  /* text selection uses the native blue in both schemes */
+  --dut-sel-bg:Highlight;
+  --dut-sel-fg:HighlightText;
   --dut-faint:rgba(0,0,0,.06);
   --dut-scroll-1:#e3e6ea;
   --dut-scroll-2:#c8cdd3;
   --dut-elev:#101418;
-  /* the user bubble: the original pale pink in light mode; dark mode keeps the
-     wine-red tone the user settled on (a lighter pink read as washed out) */
-  --dut-bubble:#ffe4f1;
+  /* the user bubble: a pale tint of the Anthropic-red accent, so it stays in
+     the same family as the links, buttons and artifacts */
+  --dut-bubble:#ffe3d9;
   --dut-shadow:#101418;
   --dut-drop:rgba(255,255,255,.7);
   /* Hairlines stay the host's own subtle values: the shipped 0.5px pills and
@@ -3027,6 +3027,14 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dut-success-2:var(--dsw-static-green-400);
   --dut-success-3:var(--dsw-static-green-100);
   --dut-warn-3:var(--dsw-static-amber-100);
+  /* Two surfaces read the STATIC DeepSeek scale instead of an alias, so the
+     alias re-points below never reached them: the running-turn "深度求索中…"
+     shimmer (500 + 200 painted into the glyphs) and the ongoing state dot
+     (450). Re-point the static steps here — every alias that also derives from
+     them is already mapped explicitly, so nothing else moves. */
+  --dsw-static-deepseek-200:var(--dut-accent-pale);
+  --dsw-static-deepseek-450:var(--dut-accent);
+  --dsw-static-deepseek-500:var(--dut-accent);
   --dsw-alias-bg-base:var(--dut-paper);
   --dsw-alias-bg-layer-1:var(--dut-paper);
   --dsw-alias-bg-layer-2:var(--dut-paper-2);
@@ -3050,7 +3058,7 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dsw-alias-brand-primary:var(--dut-text-1);
   --dsw-alias-brand-primary-invert:var(--dut-paper);
   --dsw-alias-brand-text:var(--dut-text-1);
-  --dsw-alias-brand-primary-new-colorprimary-new-color:var(--dut-magenta);
+  --dsw-alias-brand-primary-new-colorprimary-new-color:var(--dut-accent);
   --dsw-alias-button-contrast-fill:var(--dut-text-2);
   --dsw-alias-button-elevated-fill:var(--dut-paper);
   --dsw-alias-button-floating-fill:var(--dut-paper);
@@ -3058,8 +3066,8 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dsw-alias-button-ghost-active-border:var(--dut-ink);
   --dsw-alias-button-ghost-active-fill:var(--dut-paper-3);
   --dsw-alias-button-ghost-active-hover:var(--dut-paper-3);
-  --dsw-alias-button-info-fill:var(--dut-magenta);
-  --dsw-alias-button-info-hover:var(--dut-magenta);
+  --dsw-alias-button-info-fill:var(--dut-accent);
+  --dsw-alias-button-info-hover:var(--dut-accent);
   --dsw-alias-button-primary-dimmed:var(--dut-paper-2);
   --dsw-alias-button-primary-fill:var(--dut-text-1);
   --dsw-alias-button-primary-hover:var(--dut-text-1);
@@ -3077,21 +3085,20 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dsw-alias-label-primary-inverted:var(--dut-btn-fg);
   --dsw-alias-label-secondary:var(--dut-text-2);
   --dsw-alias-label-tertiary:var(--dut-text-3);
-  --dsw-alias-link:var(--dut-magenta);
+  --dsw-alias-link:var(--dut-accent);
   --dsw-alias-markdown-citation:var(--dut-paper-2);
   --dsw-alias-markdown-code-block:var(--dut-code);
   --dsw-alias-markdown-code-block-banner:var(--dut-paper-3);
   --dsw-alias-markdown-code-segment-selected:var(--dut-paper);
   --dsw-alias-markdown-code-segment-unselected:var(--dut-paper-2);
-  --dsw-alias-markdown-inline-code:var(--dut-lime-soft);
   --dsw-alias-markdown-placeholder:var(--dut-paper-2);
   --dsw-alias-markdown-tag:var(--dut-paper-2);
   --dsw-alias-scrollbar-bg-l1:var(--dut-scroll-1);
   --dsw-alias-scrollbar-bg-l2:var(--dut-scroll-1);
   --dsw-alias-scrollbar-hover-l1:var(--dut-scroll-2);
   --dsw-alias-scrollbar-hover-l2:var(--dut-scroll-2);
-  --dsw-alias-state-business-primary:var(--dut-magenta);
-  --dsw-alias-state-business-tertiary:var(--dut-magenta-soft);
+  --dsw-alias-state-business-primary:var(--dut-accent);
+  --dsw-alias-state-business-tertiary:var(--dut-accent-soft);
   --dsw-alias-state-error-primary:var(--dut-error);
   --dsw-alias-state-error-secondary:var(--dut-error-2);
   --dsw-alias-state-success-primary:var(--dut-success);
@@ -3111,7 +3118,9 @@ body:not(#dsh-ui-tweaks-theme-scope){
   --dsw-specific-menu:var(--dut-pop);
   --dsw-specific-sidebar-fill:var(--dut-paper);
   --dsw-specific-sidebar-nav-item-active:var(--dut-lime-soft);
-  --dsw-specific-sidebar-nav-item-active-accent:var(--dut-lime);
+  /* NOT themed: despite the name this token feeds only the "推荐" chip in the
+     question composer, and a lime slab behind text read as a highlighter mark
+     rather than a chip — it stays on the host's own background. */
   --dsw-specific-sidebar-nav-item-hover:var(--dut-paper-2);
   --dsw-specific-tip:var(--dut-paper-2);
 }
@@ -3124,8 +3133,12 @@ body:not(#dsh-ui-tweaks-theme-scope)[data-ds-dark-theme]{
   --dut-paper-2:#14181d;
   --dut-paper-3:#1e252c;
   --dut-pop:#161c22;
-  --dut-ink:#e8ecef;
-  --dut-on-ink:#101418;
+  /* the poster frame drops to translucent white in dark mode: a solid
+     near-white 2px frame plus its hard offset read as glare (see --dut-shadow) */
+  --dut-ink:rgba(232,236,239,.42);
+  /* a light strip would kill the red type here, so dark mode keeps a dark
+     header strip lifted one step off the paper */
+  --dut-th-bg:#1e252c;
   --dut-code:#171d24;
   --dut-text-1:#f2f5f3;
   --dut-text-2:#b9c3ca;
@@ -3134,22 +3147,23 @@ body:not(#dsh-ui-tweaks-theme-scope)[data-ds-dark-theme]{
   --dut-btn-fg:#101418;
   --dut-lime:#c6ff00;
   --dut-lime-soft:#dcff4d;
-  --dut-magenta:#ff3d9a;
-  --dut-magenta-soft:rgba(255,61,154,.16);
-  --dut-hover:rgba(255,61,154,.16);
-  --dut-active:rgba(255,61,154,.26);
-  /* bright magenta selection: stays legible on the wine-red user bubble */
-  --dut-sel-bg:#ff3d9a;
-  --dut-sel-fg:#101418;
+  --dut-accent:#d97757;
+  --dut-accent-soft:rgba(217,119,87,.18);
+  --dut-accent-pale:#eec2b3;
+  --dut-hover:rgba(217,119,87,.16);
+  --dut-active:rgba(217,119,87,.26);
+  /* text selection uses the native blue in both schemes */
+  --dut-sel-bg:Highlight;
+  --dut-sel-fg:HighlightText;
   --dut-faint:rgba(255,255,255,.07);
   --dut-scroll-1:#2a3138;
   --dut-scroll-2:#3a444d;
   --dut-elev:#1f262c;
-  --dut-bubble:#2a1220;
-  /* the hard sticker offset rides the frame's own ink in both schemes: black
-     under the white-paper card, white under the near-black one, so the border
-     and its offset band read as one shape */
-  --dut-shadow:#e8ecef;
+  /* dark twin: the same red accent, deepened onto the near-black paper */
+  --dut-bubble:#35201a;
+  /* the hard offset band softens with it, so the sticker silhouette survives
+     while the brightness does not */
+  --dut-shadow:rgba(232,236,239,.16);
   --dut-drop:rgba(39,39,48,.7);
   --dut-line-1:rgba(255,255,255,.06);
   --dut-line-2:rgba(255,255,255,.12);
@@ -3163,10 +3177,10 @@ body:not(#dsh-ui-tweaks-theme-scope)[data-ds-dark-theme]{
   --dut-warn-3:var(--dsw-static-amber-900);
 }
 ::selection{background:var(--dut-sel-bg);color:var(--dut-sel-fg)}
-/* table header: the screenshot's ink header strip with lime type */
+/* table header: the ink header strip, with the type in the accent red */
 div[data-slot="conversation.chat.node"] table th{
-  background:var(--dut-ink);
-  color:var(--dut-on-ink);
+  background:var(--dut-th-bg);
+  color:var(--dut-accent);
 }
 div[data-slot="conversation.chat.node"] pre{
   border:2px solid var(--dut-ink) !important;
@@ -3175,8 +3189,7 @@ div[data-slot="conversation.chat.node"] pre{
   background:var(--dut-paper) !important;
 }
 div[data-slot="conversation.chat.node"] :not(pre)>code{
-  background:var(--dut-lime-soft) !important;
-  color:#101418 !important;
+  color:var(--dut-accent) !important;
   border:none !important;
   border-radius:6px !important;
   padding:1px 6px !important;
@@ -3188,10 +3201,10 @@ div[data-composer-card]{
   background:var(--dut-paper) !important;
 }
 /* context-occupancy ring: the stock track/fill both read near-ink on this
-   skin; give the track a quiet gray and the used arc the magenta accent
+   skin; give the track a quiet gray and the used arc the red accent
    (scoped to the composer's svg so the class-substring match stays safe) */
 div[data-composer-card] svg [class*="track"]{stroke:var(--dut-scroll-1)}
-div[data-composer-card] svg [class*="fill"]{stroke:var(--dut-magenta)}
+div[data-composer-card] svg [class*="fill"]{stroke:var(--dut-accent)}
 /* sidebar new-session button: lime sticker. Matched by its CSS-module class,
    NOT the aria-label — the brand row button shares the same "新建会话"
    label (it doubles as the new-session shortcut) and must stay plain. */
@@ -3719,7 +3732,7 @@ function apply(ctx) {
     // picking one opens the tab in the sidebar), registered only while the
     // gitBarEnabled toggle in the UI Tweaks section is on. Each tab is a page
     // type (no address patterns): stage one registers the type with its guide
-    // box, stage two the body under the type's id. The terminal reattaches to
+    // capsule, stage two the body under the type's id. The terminal reattaches to
     // its persistent host shell on every visit, and the diff tab keeps its
     // commit band. The tab registry is resolved lazily: hosts predating the
     // right sidebar simply skip these tabs while everything else keeps working.
@@ -3741,7 +3754,7 @@ function apply(ctx) {
                     id: 'dsh-ui-tweaks/terminal',
                     kind: 'ui-tweaks-terminal',
                     title: () => t('terminal'),
-                    guide: [{ order: 20, title: () => t('terminal'), description: () => t('terminalGuide'), icon: icons_tsx_1.TerminalIcon }],
+                    guide: [{ order: 20, title: () => t('terminal'), icon: icons_tsx_1.TerminalIcon }],
                 }));
                 disposers.push(ctx.slots.inject('sidebar.right.pane.tab', () => ctx.slots.register({
                     name: 'sidebar.right.pane.tab',
@@ -3753,7 +3766,7 @@ function apply(ctx) {
                     id: 'dsh-ui-tweaks/diff',
                     kind: 'ui-tweaks-diff',
                     title: () => t('diffView'),
-                    guide: [{ order: 30, title: () => t('diffView'), description: () => t('diffGuide'), icon: icons_tsx_1.DiffIcon }],
+                    guide: [{ order: 30, title: () => t('diffView'), icon: icons_tsx_1.DiffIcon }],
                 }));
                 disposers.push(ctx.slots.inject('sidebar.right.pane.tab', () => ctx.slots.register({
                     name: 'sidebar.right.pane.tab',