dsh-task-ledger 0.0.124 → 0.0.126

package/dist/client.js

@@ -46,10 +46,10 @@ window.__ModuleLoader__.load({
 		let react_dom_client = require("react-dom/client");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		_deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/design/tokens-css.generated.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/design/tokens-css.generated.js
 		const TOKENS_CSS_TEMPLATE = "\n/* ── 文字（宿主 label 四档 + 反色面用字）────────────────────────────── */\nbody{\n  --dshpc-fg:var(--dsw-alias-label-primary,#1f2328);\n  --dshpc-fg-2:var(--dsw-alias-label-secondary,#5c6370);\n  --dshpc-fg-3:var(--dsw-alias-label-tertiary,#767d87);\n  --dshpc-fg-4:var(--dsw-alias-label-caption,#9aa1ab);\n  --dshpc-fg-dim:var(--dsw-alias-label-dimmed,#b9bfc7);\n  /* 反色面上的字（实心钮 / 角标）：暗色下是 bluish-1000，故用 -foreground 而非 -inverted */\n  --dshpc-fg-inverse:var(--dsw-alias-label-primary-foreground,#fff);\n\n  /* ── 面（宿主 bg-layer 三档 + 下沉轨道底）──────────────────────────── */\n  --dshpc-surface-1:var(--dsw-alias-bg-layer-1,#fff);\n  --dshpc-surface-2:var(--dsw-alias-bg-layer-2,#fff);\n  --dshpc-surface-3:var(--dsw-alias-bg-layer-3,#fff);\n  /* 「选中亮片」的底盘色（配 --dshpc-shadow-raised 用） */\n  --dshpc-surface-raised:var(--dsw-alias-bg-layer-1,#fff);\n  /* 轨道 / 下沉底（官方分段控件轨道用的就是这条） */\n  --dshpc-surface-sunken:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));\n  /* 整页 / 编辑器底（bg-base） */\n  --dshpc-surface-base:var(--dsw-alias-bg-base,#fff);\n  /* 自绘浮层 / 菜单卡的不透明底（= base；不要用半透明的 specific-menu） */\n  --dshpc-surface-menu:var(--dshpc-surface-base);\n  /* markdown 代码块面 / 字体（会话镜像里用到） */\n  --dshpc-code-surface:var(--dsw-alias-markdown-code-block,rgba(128,128,128,.10));\n  --dshpc-code-font:var(--dsw-font-markdown-code-block-small,12px/18px var(--ds-font-family-code,monospace));\n  /* 警告文字色（宿主 state-warn-label） */\n  --dshpc-warning-label:var(--dsw-alias-state-warn-label,#f5a623);\n  /* 固定中性实面（自绘浮层、深色主题下必须自己变的那几个）——只有它需要暗色覆盖 */\n  --dshpc-solid:var(--dsw-static-neutral-00,#fff);\n  --dshpc-on-solid:var(--dsw-alias-label-primary,#1f2328);\n  /* 交付文件卡那种「浅底盘 + hover 加深」两拍 */\n  --dshpc-plate:var(--dsw-static-neutral-50,#fafafa);\n  --dshpc-plate-hover:var(--dsw-static-neutral-100,#f5f5f5);\n  /* ⚠️ 这些**固定中性面一律用 rgba 字面量**（2026-10-19 真机教训）：不要写成\n     「rgba 回退行 + 嵌 --dsw-static-* 的 color-mix 行」两条同名声明——自定义属性**后者恒胜**，\n     哪怕它的值在宿主里算不出来（static 变量 invalid）⇒ 整条 token 作废、rgba 兜底一起被废，\n     0.2.6 里 Segmented 轨道全透明就是这么来的。要跟宿主主题联动的面用 alias token（那些实测有效）。 */\n  --dshpc-icon-plate:rgba(255,255,255,.5);\n  /* 表头底：浅色主题**偏深**，且必须**比斑马纹（--dshpc-plate）再深一档**——\n     两者不能撞色（用户 2026-10-02：表头跟斑马纹一模一样）。 */\n  --dshpc-head-bg:var(--dsw-static-neutral-100,#f5f5f5);\n  /* 图标小底板（产出物）：浅色下要**看得见**（原先取 plate ⇒ 在白底上等于没有）；hover 加倍。 */\n  --dshpc-chip-bg:rgba(15,15,15,.07);\n  --dshpc-chip-bg-hover:rgba(15,15,15,.14);\n  /* 展开行：**带透明度的蓝**——不是灰、也不是纯色，透出卡片底色，一眼看出「这是展开的」\n     （用户 2026-10-02：灰色跟斑马纹分不出来）。内容区再淡一档，形成「行深 / 内容浅」的区隔。 */\n  --dshpc-open-bg:rgba(37,99,235,.10);\n  --dshpc-open-bg-soft:rgba(37,99,235,.05);\n  --dshpc-card-hover:rgba(37,99,235,.07);\n\n  /* ── 描边四档（宿主真值：l1 4% / l2 10% / l3 12% / l4 16%）────────── */\n  --dshpc-border-faint:var(--dsw-alias-border-l1,#0000000a);\n  --dshpc-border:var(--dsw-alias-border-l2,#0000001a);\n  --dshpc-border-strong:var(--dsw-alias-border-l3,#0000001f);\n  --dshpc-border-heavy:var(--dsw-alias-border-l4,#00000029);\n\n  /* ── 品牌 / 语义色 ────────────────────────────────────────────────── */\n  /* 品牌「面」色：明色近黑、暗色近白（官方 Switch 选中态即此），**不是蓝色** */\n  --dshpc-accent:var(--dsw-alias-brand-primary,#0f1115);\n  /* 蓝色：强调 / 选中 / 焦点，一律走这条 */\n  --dshpc-business:var(--dsw-alias-state-business-primary,#3b5bdb);\n  --dshpc-success:var(--dsw-alias-state-success-primary,#22c55e);\n  /* ⚠️ 是 state-warn（不是 state-warning，后者宿主无此定义） */\n  --dshpc-warning:var(--dsw-alias-state-warn-primary,#f59e0b);\n  --dshpc-danger:var(--dsw-alias-state-error-primary,#ec1313);\n  --dshpc-link:var(--dsw-alias-link,#3b5bdb);\n  /* 语义色**实面**上的字（角标 / 实心提示）：宿主红绿黄三色都是中调 ⇒ 白字两个主题都可读，\n     故这是一条与主题无关的常量；不要拿 --dshpc-fg-inverse 顶——它在暗色下是近黑，压在红底上看不清。 */\n  --dshpc-on-signal:#fff;\n  /* 黄底上的字：黄色是中高明度，白字看不清 ⇒ 固定深色（与主题无关）。 */\n  --dshpc-on-warning:#1f2328;\n\n  /* ── 实心按钮的 hover / active 派生态（2026-10-19 用户点名）─────────────────\n     原实现是 :hover 直接压 opacity .9：黑底压 10% 几乎看不出来，用户原话「完全感觉不到颜色变了」。\n     ⇒ 改成对底色做**明确的混色**（压 22% / 34%），不用 opacity：\n       · 亮色主题：黑底（--dshpc-accent）掺白提亮；红 / 绿 / 黄 / 蓝底掺黑压深；\n       · 暗色主题：反过来（暗底掺白、亮底掺黑）。\n     混色对象是**固定中性色字面量**（#fff / #000），不依赖宿主 static-neutral 是否存在；\n     旧内核不认 color-mix 时整条声明作废 ⇒ 回落各档原色（可接受：仍可点，只是没有 hover 反馈）。 */\n  --dshpc-accent-hover:color-mix(in srgb,var(--dshpc-accent) 78%,#ffffff);\n  --dshpc-accent-active:color-mix(in srgb,var(--dshpc-accent) 64%,#ffffff);\n  --dshpc-danger-hover:color-mix(in srgb,var(--dshpc-danger) 78%,#000000);\n  --dshpc-danger-active:color-mix(in srgb,var(--dshpc-danger) 64%,#000000);\n  --dshpc-success-hover:color-mix(in srgb,var(--dshpc-success) 78%,#000000);\n  --dshpc-success-active:color-mix(in srgb,var(--dshpc-success) 64%,#000000);\n  --dshpc-warning-hover:color-mix(in srgb,var(--dshpc-warning) 78%,#000000);\n  --dshpc-warning-active:color-mix(in srgb,var(--dshpc-warning) 64%,#000000);\n  --dshpc-business-hover:color-mix(in srgb,var(--dshpc-business) 78%,#000000);\n  --dshpc-business-active:color-mix(in srgb,var(--dshpc-business) 64%,#000000);\n  /* 语义色**浅底**：状态色系的「一块底色」——执行记录页每条流水账的块底就是它\n     （用户 2026-10-04：正常态给同色系很浅的透明底、失败用红底透出来）。\n     用 「color-mix」 现算而不写死 rgba：状态色本身跟随宿主 alias，主题一换自动成立。\n     ⚠️ **深色下要更淡**：用户 2026-10-04「深色风格的绿色和红色好像都有点深」⇒ dark 段\n     把这四条压到 5%（更贴近面板底、存在感更弱）；浅色段维持 8%。两端各自给值，不共用一条曲线。\n     命名收在 tokens.ts 单点（本仓硬规矩：业务文件不许自造 --dshpc-*）。 */\n  --dshpc-success-soft:color-mix(in srgb,var(--dshpc-success) 8%,transparent);\n  --dshpc-warning-soft:color-mix(in srgb,var(--dshpc-warning) 8%,transparent);\n  --dshpc-danger-soft:color-mix(in srgb,var(--dshpc-danger) 8%,transparent);\n  --dshpc-business-soft:color-mix(in srgb,var(--dshpc-business) 8%,transparent);\n\n  /* ── 扩展语义色（2026-10-29 用户拍板：分类 / 图表常用色八支）──────────────\n     宿主无对应 alias ⇒ 写死 hex（不跟随宿主换肤）；实心面字色统一走 --dshpc-on-signal（白），\n     因八支明度都低于黄 / 青柠，白字两主题均 ≥4.5:1 可读。每条自带 hover/active/soft 派生；\n     暗色段只覆盖派生（base 写死、两主题同值）。 */\n  --dshpc-purple:#9333ea;\n  --dshpc-purple-hover:color-mix(in srgb,var(--dshpc-purple) 78%,#000000);\n  --dshpc-purple-active:color-mix(in srgb,var(--dshpc-purple) 64%,#000000);\n  --dshpc-purple-soft:color-mix(in srgb,var(--dshpc-purple) 8%,transparent);\n  --dshpc-pink:#db2777;\n  --dshpc-pink-hover:color-mix(in srgb,var(--dshpc-pink) 78%,#000000);\n  --dshpc-pink-active:color-mix(in srgb,var(--dshpc-pink) 64%,#000000);\n  --dshpc-pink-soft:color-mix(in srgb,var(--dshpc-pink) 8%,transparent);\n  --dshpc-cyan:#0e7490;\n  --dshpc-cyan-hover:color-mix(in srgb,var(--dshpc-cyan) 78%,#000000);\n  --dshpc-cyan-active:color-mix(in srgb,var(--dshpc-cyan) 64%,#000000);\n  --dshpc-cyan-soft:color-mix(in srgb,var(--dshpc-cyan) 8%,transparent);\n  --dshpc-teal:#0f766e;\n  --dshpc-teal-hover:color-mix(in srgb,var(--dshpc-teal) 78%,#000000);\n  --dshpc-teal-active:color-mix(in srgb,var(--dshpc-teal) 64%,#000000);\n  --dshpc-teal-soft:color-mix(in srgb,var(--dshpc-teal) 8%,transparent);\n  --dshpc-orange:#c2410c;\n  --dshpc-orange-hover:color-mix(in srgb,var(--dshpc-orange) 78%,#000000);\n  --dshpc-orange-active:color-mix(in srgb,var(--dshpc-orange) 64%,#000000);\n  --dshpc-orange-soft:color-mix(in srgb,var(--dshpc-orange) 8%,transparent);\n  --dshpc-indigo:#4f46e5;\n  --dshpc-indigo-hover:color-mix(in srgb,var(--dshpc-indigo) 78%,#000000);\n  --dshpc-indigo-active:color-mix(in srgb,var(--dshpc-indigo) 64%,#000000);\n  --dshpc-indigo-soft:color-mix(in srgb,var(--dshpc-indigo) 8%,transparent);\n  --dshpc-rose:#e11d48;\n  --dshpc-rose-hover:color-mix(in srgb,var(--dshpc-rose) 78%,#000000);\n  --dshpc-rose-active:color-mix(in srgb,var(--dshpc-rose) 64%,#000000);\n  --dshpc-rose-soft:color-mix(in srgb,var(--dshpc-rose) 8%,transparent);\n  --dshpc-slate:#475569;\n  --dshpc-slate-hover:color-mix(in srgb,var(--dshpc-slate) 78%,#000000);\n  --dshpc-slate-active:color-mix(in srgb,var(--dshpc-slate) 64%,#000000);\n  --dshpc-slate-soft:color-mix(in srgb,var(--dshpc-slate) 8%,transparent);\n\n  /* ⚠️ 2026-10-18 用户拍板：宿主 alias 的 hover（暗色白 8% / 亮色 6%）**太弱**，\n     「移上去要仔细看才看得出来」⇒ 不再委托宿主 hover 别名，改为自掺中性色并加重：\n     亮色掺黑 10%、暗色掺白 14%（active 再加一档）。按钮 / 分段轨道 / 各类 hover 底同时受益。\n     ⚠️ 必须保留 rgba 兜底行在前（本文件惯例，见 icon-plate 注释）：掺的是**固定中性色**\n     （neutral-900=#0f0f0f / neutral-00=#fff），预计算无损；旧内核不认 color-mix 时走兜底，\n     否则整条 background:var(--seg-track) 作废 ⇒ 分段轨道透明（真踩过：预览站轨道消失）。 */\n  --dshpc-hover:rgba(15,15,15,.10);\n  --dshpc-active:rgba(15,15,15,.18);\n  /* 分段控件轨道底：专用 token（rgba 字面量、不借 --dshpc-hover 中转）——\n     2026-10-19 教训：变量链中间任何一环 invalid ⇒ background 整条作废、轨道全透明。\n     亮色：黑 7%（比 hover 的 10% 淡一档，选中白片才跳得出）。 */\n  --dshpc-seg-track:rgba(15,15,15,.07);\n  --dshpc-mask:var(--dsw-alias-bg-mask-1,#0000003d);\n  /* 「选中面」（2026-10-06，任务日程页首创）= 当前底色**朝更深掺 12% 文字色**：\n     浅色主题下文字色是黑 ⇒ 选中面比常态底色**深一档**。深色分支见 body[data-ds-dark-theme]（朝背景色掺）。\n     语义：标记「正在看的东西」，比常态明显、又不许盖住内容（不许用半透明叠状态色）。 */\n  --dshpc-selected-bg:color-mix(in srgb,var(--dshpc-surface-1) 88%,var(--dshpc-fg));\n  /* 任务日程页本月格默认底（2026-10-06 → 续2）：浅色下给**淡蓝**（business 8% 透白底）——\n     参照用户参考稿里未选中日程块 / Tuesday 列的那种蓝、再浅一点点；\n     相邻月补位格仍走 --dshpc-surface-2（更灰），不受影响。\n     深色段维持 #23262e（用户：深色 UI 已差不多，不动）。 */\n  --dshpc-cal-cell-bg:color-mix(in srgb,var(--dshpc-business) 8%,var(--dshpc-surface-1));\n  /* 任务日程页「点开某天」展开的面板底（2026-10-06 续）：浅色下**无限接近白、只带一丁点灰**\n     （neutral-50 = #fafafa）——面板里装半透明执行记录列表，底再深整片就发糊发灰；\n     深色段沿用原 selected-bg 暗值，保持不动。 */\n  --dshpc-cal-panel-bg:var(--dsw-static-neutral-50,#fafafa);\n  /* 任务日程页本月格 hover 底（浅色段，2026-10-06 续3）：不再走灰色通用交互底——\n     鼠标移上去应是「更亮一点点的蓝」（与深色段同语义：hover = 提亮的蓝，不是灰下去）。\n     浓度**介于**表头蓝（14%）与未选中格蓝（8%）之间、略偏表头一侧：business 12% 透白底\n     （比表头浅一点、比未选中格深一点）。 */\n  --dshpc-cal-cell-hover:color-mix(in srgb,var(--dshpc-business) 12%,var(--dshpc-surface-1));\n\n  /* ── 投影 / 焦点 ──────────────────────────────────────────────────── */\n  --dshpc-shadow-1:var(--dsw-elevation-soft,0 4px 16px 0 #00000008);\n  /* 亮片自带的浮起感（选中态用；与 --dshpc-surface-raised 配对） */\n  --dshpc-shadow-raised:var(--dsw-elevation-soft,0 4px 16px 0 #00000008);\n  --dshpc-shadow-2:var(--dsw-shadow-lv3,0 12px 32px 0 #00000014);\n  /* 键盘焦点环。⚠️ 不用宿主 --dsw-focus-ring-color：它默认值是 transparent（兜底不生效、会隐身） */\n  --dshpc-focus:var(--dsw-alias-state-business-primary,#3b5bdb);\n\n  /* ── 圆角（宿主真值 4 / 8 / 12 / 16 / 20 / 28）─────────────────────── */\n  --dshpc-radius-xs:var(--dsw-radius-xs,4px);\n  --dshpc-radius-sm:var(--dsw-radius-sm,8px);\n  --dshpc-radius-md:var(--dsw-radius-md,12px);\n  --dshpc-radius-lg:var(--dsw-radius-lg,16px);\n  --dshpc-radius-xl:var(--dsw-radius-xl,20px);\n  --dshpc-radius-panel:var(--dsw-radius-panel,28px);\n  /* 全圆（胶囊标签）：宿主的 radius 档最大只有 28px，撑不满 24px 高的 chip */\n  --dshpc-radius-pill:999px;\n\n  /* ── 间距四拍（只许用这四档，不许出现 5 / 7 / 9px）────────────────── */\n  --dshpc-space-1:4px;\n  --dshpc-space-2:8px;\n  --dshpc-space-3:12px;\n  --dshpc-space-4:16px;\n\n  /* ── 控件高度：离散三档（控件用 size=\"sm|md|lg\" 选；调用点不许自定义高度，\n       真不够用才允许在调用点本地覆盖 --dshpc-control-h-*，属例外而非常态）── */\n  --dshpc-control-h-sm:24px;\n  --dshpc-control-h-md:28px;\n  --dshpc-control-h-lg:32px;\n\n  /* ── 字号 / 行高：直绑宿主字号族（宿主真值 11 / 12 / 13 / 14 / 16）───── */\n  --dshpc-font-xs:var(--dsw-font-xxxs-11-font-size,11px);\n  --dshpc-font-sm:var(--dsw-font-xxs-12-font-size,12px);\n  --dshpc-font-md:var(--dsw-font-xs-13-font-size,13px);\n  --dshpc-font-lg:var(--dsw-font-s-14-font-size,14px);\n  --dshpc-font-xl:var(--dsw-font-base-16-font-size,16px);\n  --dshpc-line-xs:var(--dsw-font-xxxs-11-line-height,14px);\n  --dshpc-line-sm:var(--dsw-font-xxs-12-line-height,18px);\n  --dshpc-line-md:var(--dsw-font-xs-13-line-height,20px);\n  --dshpc-line-lg:var(--dsw-font-s-14-line-height,22px);\n  --dshpc-line-xl:var(--dsw-font-base-16-line-height,24px);\n  --dshpc-font-mono:var(--ds-font-family-code,monospace);\n\n  /* ── 层级阶梯（业务文件不许再写裸 z-index）───────────────────────── */\n  /* 页面级预览分栏 → 抽屉（新建/编辑）→ 弹窗/确认框 → 浮层菜单 → 浮层提示 */\n  /* 内容层吸顶（天标签 / 表头这类「跟着滚但压住同层内容」的元素）：只压同层兄弟，\n     必须低于下面所有浮层档 —— 所以它不是「开新浮层档」，而是内容层内部的排序位。 */\n  --dshpc-z-sticky:10;\n  --dshpc-z-dock:1030;\n  --dshpc-z-drawer:1040;\n  --dshpc-z-modal:1070;\n  --dshpc-z-menu:1100;\n  --dshpc-z-tip:1200;\n\n  /* ── 动效 ─────────────────────────────────────────────────────────── */\n  --dshpc-dur:var(--ds-transition-duration,.2s);\n  --dshpc-dur-fast:var(--ds-transition-duration-fast,.12s);\n  --dshpc-ease:var(--ds-ease-in-out,cubic-bezier(.4,0,.2,1));\n  /* 运行中状态的脉动时长（2026-10-06 统一前后两端：任务配置里的绿呼吸 → 蓝、放慢；\n     执行记录里的蓝闪 → 放慢一点。两者用同一个值，动画形状本就一致）。 */\n  --dshpc-dur-run:500ms;\n}\n\n/* ── 明暗差异的**唯一**落点 ──────────────────────────────────────────────\n   判据 = body[data-ds-dark-theme]（宿主 0.2.0-rc.2 源码核实：启动脚本 toggleAttribute 写入，\n   唯一明暗判据；插件禁止用 prefers-color-scheme —— 它跟的是系统、不是用户在宿主里的选择）。\n   下面只放 alias 表达不了的「固定中性面」；颜色若能靠 alias 自动跟随，一律不要写在这里。 */\nbody[data-ds-dark-theme]{\n  /* 深色段的蓝**刻意不跟随宿主 alias**（唯一例外）：宿主暗色 alias 给的是 #60a5fa 一档的高亮蓝，\n     实心面（Chip / Button info / 日期选中格）压白字会发糊 —— 用户 2026-10-29 实测反馈。\n     ⇒ 深色下改定向浅色状态的蓝（#3b5bdb）靠，只在明度上抬一点点，保证它在暗底上仍看得见：\n     #4c6bd8 对白字 ≈4.8:1（原亮蓝只有 ~2.3:1），对日历格底 ≈3.2:1 仍过 UI 件的 3:1 线。\n     代价：宿主换品牌色时深色不再自动跟着变，需要这里手动同步。 */\n  --dshpc-business:#4c6bd8;\n  --dshpc-solid:var(--dsw-static-neutral-900,#0f0f0f);\n  --dshpc-on-solid:var(--dsw-static-neutral-00,#fff);\n  /* 实心按钮 hover / active（暗色版）：黑底（浅色主题的近黑 → 暗色下的近白）掺黑压深；\n     红 / 绿 / 黄 / 蓝掺白提亮。与亮色段方向相反，保证两种主题下「一眼看出变了」。 */\n  --dshpc-accent-hover:color-mix(in srgb,var(--dshpc-accent) 80%,#000000);\n  --dshpc-accent-active:color-mix(in srgb,var(--dshpc-accent) 66%,#000000);\n  --dshpc-danger-hover:color-mix(in srgb,var(--dshpc-danger) 78%,#ffffff);\n  --dshpc-danger-active:color-mix(in srgb,var(--dshpc-danger) 64%,#ffffff);\n  --dshpc-success-hover:color-mix(in srgb,var(--dshpc-success) 78%,#ffffff);\n  --dshpc-success-active:color-mix(in srgb,var(--dshpc-success) 64%,#ffffff);\n  --dshpc-warning-hover:color-mix(in srgb,var(--dshpc-warning) 78%,#ffffff);\n  --dshpc-warning-active:color-mix(in srgb,var(--dshpc-warning) 64%,#ffffff);\n  /* 同上：掺白比例从 22% / 36% 收到 12% / 22% —— 底色已变深，照旧比例提亮会在 hover 瞬间\n     把白字对比打回 ~3:1（正是用户嫌糊的那一档）；收窄后 hover 仍可感知、字仍清晰。 */\n  --dshpc-business-hover:color-mix(in srgb,var(--dshpc-business) 88%,#ffffff);\n  --dshpc-business-active:color-mix(in srgb,var(--dshpc-business) 78%,#ffffff);\n  /* 暗色 hover 掺白 14% / active 24%（对齐上面 2026-10-18 的加重拍板）。rgba 兜底行同上。 */\n  --dshpc-hover:rgba(255,255,255,.14);\n  --dshpc-active:rgba(255,255,255,.24);\n  /* 分段轨道（暗色版）：白 10%——比 hover 淡一档，选中亮片才跳得出。 */\n  --dshpc-seg-track:rgba(255,255,255,.10);\n  --dshpc-plate:var(--dsw-static-neutral-850,#212123);\n  --dshpc-plate-hover:var(--dsw-static-neutral-800,#292929);\n  --dshpc-icon-plate:rgba(255,255,255,.05);\n  /* 暗色主题**反过来**：表头要比卡片面**亮**、比斑马纹再**浅一档**（用户：纯黑背景没法看）。 */\n  --dshpc-head-bg:var(--dshpc-surface-2);\n  /* 暗色底板**微亮**；hover **更亮**（原先 hover 取 plate-hover 反而更淡 ⇒ 鼠标移上去就没了）。 */\n  --dshpc-chip-bg:rgba(255,255,255,.08);\n  --dshpc-chip-bg-hover:rgba(255,255,255,.16);\n  /* 暗色下蓝色要更亮、透明度略高才压得住深底。 */\n  --dshpc-open-bg:rgba(96,165,250,.18);\n  --dshpc-open-bg-soft:rgba(96,165,250,.08);\n  --dshpc-card-hover:rgba(96,165,250,.13);\n  /* 语义色**浅底**（深色版）：用户嫌深色的绿 / 红「有点深」⇒ 压到 **5%**（浅色段是 8%），\n     更贴近面板底色、存在感更弱；块底与状态色竖条仍同源（竖条是实色，不受这条影响）。 */\n  --dshpc-success-soft:color-mix(in srgb,var(--dshpc-success) 5%,transparent);\n  --dshpc-warning-soft:color-mix(in srgb,var(--dshpc-warning) 5%,transparent);\n  --dshpc-danger-soft:color-mix(in srgb,var(--dshpc-danger) 5%,transparent);\n  --dshpc-business-soft:color-mix(in srgb,var(--dshpc-business) 5%,transparent);\n  /* 扩展色深色派生：底色写死、hover 掺白 12%/22%（同 business，防白字发糊），soft 5%。 */\n  --dshpc-purple-hover:color-mix(in srgb,var(--dshpc-purple) 88%,#ffffff);\n  --dshpc-purple-active:color-mix(in srgb,var(--dshpc-purple) 78%,#ffffff);\n  --dshpc-purple-soft:color-mix(in srgb,var(--dshpc-purple) 5%,transparent);\n  --dshpc-pink-hover:color-mix(in srgb,var(--dshpc-pink) 88%,#ffffff);\n  --dshpc-pink-active:color-mix(in srgb,var(--dshpc-pink) 78%,#ffffff);\n  --dshpc-pink-soft:color-mix(in srgb,var(--dshpc-pink) 5%,transparent);\n  --dshpc-cyan-hover:color-mix(in srgb,var(--dshpc-cyan) 88%,#ffffff);\n  --dshpc-cyan-active:color-mix(in srgb,var(--dshpc-cyan) 78%,#ffffff);\n  --dshpc-cyan-soft:color-mix(in srgb,var(--dshpc-cyan) 5%,transparent);\n  --dshpc-teal-hover:color-mix(in srgb,var(--dshpc-teal) 88%,#ffffff);\n  --dshpc-teal-active:color-mix(in srgb,var(--dshpc-teal) 78%,#ffffff);\n  --dshpc-teal-soft:color-mix(in srgb,var(--dshpc-teal) 5%,transparent);\n  --dshpc-orange-hover:color-mix(in srgb,var(--dshpc-orange) 88%,#ffffff);\n  --dshpc-orange-active:color-mix(in srgb,var(--dshpc-orange) 78%,#ffffff);\n  --dshpc-orange-soft:color-mix(in srgb,var(--dshpc-orange) 5%,transparent);\n  --dshpc-indigo-hover:color-mix(in srgb,var(--dshpc-indigo) 88%,#ffffff);\n  --dshpc-indigo-active:color-mix(in srgb,var(--dshpc-indigo) 78%,#ffffff);\n  --dshpc-indigo-soft:color-mix(in srgb,var(--dshpc-indigo) 5%,transparent);\n  --dshpc-rose-hover:color-mix(in srgb,var(--dshpc-rose) 88%,#ffffff);\n  --dshpc-rose-active:color-mix(in srgb,var(--dshpc-rose) 78%,#ffffff);\n  --dshpc-rose-soft:color-mix(in srgb,var(--dshpc-rose) 5%,transparent);\n  --dshpc-slate-hover:color-mix(in srgb,var(--dshpc-slate) 88%,#ffffff);\n  --dshpc-slate-active:color-mix(in srgb,var(--dshpc-slate) 78%,#ffffff);\n  --dshpc-slate-soft:color-mix(in srgb,var(--dshpc-slate) 5%,transparent);\n  /* 「选中面」（深色版，2026-10-06）：掺 **~40% 背景色**（--dshpc-surface-base）⇒ 无限接近页面背景的黑、\n     只比背景略深一点点（用户：深色下展开区压着任务透明绿会发灰，底色要尽量贴近背景才不显灰）。\n     ⚠️ 深色下不能掺文字色 —— 那是白，会变亮，选中反而比本月日期浅。 */\n  --dshpc-selected-bg:color-mix(in srgb,var(--dshpc-surface-1) 60%,var(--dshpc-surface-base));\n  /* 任务日程页本月格的默认底（深色版，2026-10-06）：深的、带点灰蓝的暗色（用户给的参考图 ≈ #23262e），\n     比原来的卡片面更沉、更偏蓝灰；选中格仍走 --dshpc-selected-bg（更暗一档），层级不变。 */\n  --dshpc-cal-cell-bg:#23262e;\n  /* 任务日程页本月格 hover 底（深色段，2026-10-06）：原先走 --dshpc-hover（宿主浅色叠加）在深底上显得\n     「灰发亮」，不好看 ⇒ 换成更贴底的蓝调微亮（与 open-bg-soft 同族），hover 时不刺眼、又有反馈。 */\n  --dshpc-cal-cell-hover:rgba(96,165,250,.12);\n  /* 任务日程页展开面板底（深色段，2026-10-06 续）：与原 selected-bg 暗值一致，深色 UI 不动 */\n  --dshpc-cal-panel-bg:color-mix(in srgb,var(--dshpc-surface-1) 60%,var(--dshpc-surface-base));\n}\n";
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/design/style-kit.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/design/style-kit.js
 		/** 全生态统一的 CSS 变量前缀。 */
 		const CSS_PREFIX = "dshpc";
 		/** token 域固定名：变量定义必须先于消费它的规则出现。 */
@@ -120,82 +120,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/segmented-css.generated.js
-		const SEGMENTED_CSS = "\n/* ── 分段控件 P2 ─────────────────────────────────────────────────────\n   结构照兄弟项目 dsh-task-dispatch-table 的 Segmented 皮肤（item 无边框、hover 只提亮文字），\n   前缀 / 变量名换成本仓口径。用户额外要的两处（兄弟没有）：weekday 方块间隔（现为 2px）；段内中性计数 __count。\n   ⚠️ 2026-10-19 两次误判均已澄清：① 「宿主只认单行 CSS」——假，多行一直正常；\n   ② 「宿主吃掉 token 块之后第一条规则」——也假，真因是 tokens 模板字符串结尾多了一个反斜杠，\n   注入文本里留下字面反引号，把紧随其后的那条规则的选择器污染掉了（见 dsh-host.md §9）。\n   样式照常多行书写，不必压行；也不需要任何「牺牲规则」。 */\n/* 外观只有一套（2026-10-26）：原 variant 的 default / inset 两档在 CSS 里只差 1px 内距，\n   且 default 比文档承诺矮 2px，却让下游以为「有得选」而反复对图 ⇒ 整轴删除。\n   padding 3px 是尺寸契约的一部分：item 高度 = 控制高 − 6px，加起来正好 24 / 28 / 32。 */\n/* 选中片配色收在两条局部变量里（--seg-thumb 底 / --seg-on 字）：默认走主题亮片，\n   tone 档与自定义 {bg, fg} 都只改这两条（后者由组件内联写根节点，内联恒胜）。 */\n.dshpc-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--dshpc-radius-md);--seg-thumb:var(--dshpc-surface-raised);--seg-on:var(--dshpc-fg);background:var(--dshpc-seg-track);}\n.dshpc-seg__item{appearance:none;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:calc(var(--dshpc-control-h-sm) - 6px);padding:0 12px;border:0;border-radius:var(--dshpc-radius-sm);background:transparent;color:var(--dshpc-fg-2);font-family:inherit;font-size:var(--dshpc-font-xs);font-weight:500;white-space:nowrap;cursor:pointer;flex:none;transition:color var(--dshpc-dur-fast) var(--dshpc-ease),background-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-seg--md .dshpc-seg__item{height:calc(var(--dshpc-control-h-md) - 6px);}\n.dshpc-seg--lg .dshpc-seg__item{height:calc(var(--dshpc-control-h-lg) - 6px);}\n.dshpc-seg__item:hover:not([aria-pressed='true']):not(:disabled){color:var(--dshpc-fg);}\n.dshpc-seg__item[aria-pressed='true']{background:var(--seg-thumb);box-shadow:var(--dshpc-shadow-raised);color:var(--seg-on);font-weight:600;}\n.dshpc-seg__item:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-2px;}\n.dshpc-seg__item:disabled{cursor:default;opacity:.4;}\n/* 段内角标（如「异常」的数量）：语义色实面 + 反白字，0 由组件侧不渲染。必须是正圆（用户 2026-10-03）。 */\n.dshpc-seg__badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;overflow:hidden;border-radius:50%;background:var(--dshpc-danger);color:var(--dshpc-on-signal);font-size:10px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums;}\n/* 段内中性计数（如筛选条「全部 11」）：纯文字、无底无边（对齐 task-ledger .dtl-seg__num 拍板口径）；0 由组件侧不渲染。 */\n.dshpc-seg__count{display:inline;flex:none;margin-left:3px;padding:0;border:0;border-radius:0;background:none;color:var(--dshpc-fg-3);font-size:10px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;}\n/* block：撑满父宽（表单行用），各段等分 */\n.dshpc-seg--block{display:flex;width:100%;}\n.dshpc-seg--block .dshpc-seg__item{flex:1 1 auto;justify-content:center;}\n/* weekday：星期多选方块。基础插件的特殊化定制（用户 2026-10-01：原 WeekdayPicker 即「蓝底 + 近似方形」）：\n   每格正方形（宽 = 段高）、选中品牌蓝反白字、**无外描边**（2026-10-18 重申）、\n   方块之间间距 gap:2px（2026-10-20 用户定稿：方块改小后 6px 显得太宽。10-18 曾从 2px 放宽到 6px，\n   两次都是用户拍板 —— 别自作主张改回去）。 */\n.dshpc-seg--weekday{--seg-track:var(--dshpc-seg-track);gap:2px;border:0;padding:3px;background:var(--seg-track);}\n.dshpc-seg--weekday .dshpc-seg__item{width:calc(var(--dshpc-control-h-lg) - 8px);padding:0;justify-content:center;}\n/* 蓝底反白：字色必须是常量白（--dshpc-on-signal）。2026-10-29 用户实测：暗色主题下这里曾用\n   --dshpc-fg-inverse，而它跟随宿主 label-primary-foreground，暗色下是近黑 ⇒ 蓝底黑字看不清。 */\n.dshpc-seg--weekday{--seg-thumb:var(--dshpc-business);--seg-on:var(--dshpc-on-signal);}\n\n/* ── tone（2026-10-29 用户）：选中片传内置基础色名，底 / 字由核心给，深浅两主题各自成立。\n   放在 weekday 之后：同名变量后写者胜，tone 与 className=\"dshpc-seg--weekday\" 同给时以 tone 为准。\n   黄底按 Chip / Button 同源口径用 on-warning（中高明度，白字看不清）。 */\n.dshpc-seg--tone-business{--seg-thumb:var(--dshpc-business);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-success{--seg-thumb:var(--dshpc-success);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-warning{--seg-thumb:var(--dshpc-warning);--seg-on:var(--dshpc-on-warning);}\n.dshpc-seg--tone-danger{--seg-thumb:var(--dshpc-danger);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-purple{--seg-thumb:var(--dshpc-purple);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-pink{--seg-thumb:var(--dshpc-pink);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-cyan{--seg-thumb:var(--dshpc-cyan);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-teal{--seg-thumb:var(--dshpc-teal);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-orange{--seg-thumb:var(--dshpc-orange);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-indigo{--seg-thumb:var(--dshpc-indigo);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-rose{--seg-thumb:var(--dshpc-rose);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-slate{--seg-thumb:var(--dshpc-slate);--seg-on:var(--dshpc-on-signal);}\n\n/* ── 单选滑动块（2026-10-26 用户：点选后选中底应「滑过去」，不是旧段消失、新段直接亮）。\n   结构 = 一块绝对定位的共用底 + 各段透明；位置/尺寸由组件量出后内联，这里只管外观与过渡。\n   --slide 只在单选挂上：多选（如星期）每段各自着色，没有唯一滑块可滑，保持原样。 */\n.dshpc-seg--slide{position:relative;}\n.dshpc-seg--slide .dshpc-seg__item{position:relative;z-index:1;}\n.dshpc-seg--slide .dshpc-seg__item[aria-pressed='true']{background:transparent;box-shadow:none;}\n.dshpc-seg__thumb{position:absolute;z-index:0;border-radius:var(--dshpc-radius-sm);background:var(--seg-thumb);box-shadow:var(--dshpc-shadow-raised);pointer-events:none;transition:left var(--dshpc-dur) var(--dshpc-ease),top var(--dshpc-dur) var(--dshpc-ease),width var(--dshpc-dur) var(--dshpc-ease),height var(--dshpc-dur) var(--dshpc-ease);}\n\n/* ── bordered 外框（2026-10-20 用户要的第二种模式）：**只在最外面套一圈 1px 描边**，\n   里面一概不动 —— 选中片的填充色 / 阴影 / 文字色全部保持原样（weekday 的蓝面照旧），\n   这里不写任何针对 __item 的规则。\n   总高必须与无框版逐像素一致：border 1px×2 由 padding 各让 1px 抵消（3 → 2）；\n   weekday 自己声明的 3px 在文件更后面，靠双类选择器压回 2px。 */\n.dshpc-seg--bordered{border:1px solid var(--dshpc-border);padding:2px;}\n.dshpc-seg--bordered.dshpc-seg--weekday{padding:2px;}\n\n@media (prefers-reduced-motion: reduce){.dshpc-seg__item{transition:none;}.dshpc-seg__thumb{transition:none;}}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/button-css.generated.js
-		const BUTTON_CSS = "\n/* ── 按钮 / 图标钮 P2 ───────────────────────────────────────────────────\n   与 Segmented 同一条高度纪律：--dshpc-control-h-sm(24) / -md(28) / -lg(32)，\n   有边框的 variant 用 1px 真边框 + 内部 padding 补回，**有边 / 无边同高**。\n\n   三条受控轴（2026-10-19 重写，对齐主流 UI 框架的分类口径）：\n     · variant —— 外观档 = 形态 + 语义色，共 10 档：\n         primary / secondary / outline / ghost / danger / success / warning / info /\n         danger-outline（红字描边）/ link（行内链接）\n     · size —— sm / md / lg\n     · block —— 撑满父宽\n   每一档**只填 5 个局部变量**（--btn-bg / -fg / -border / -bg-hover / -bg-active），\n   结构与交互只有上面这一份；任何档位都不许再写一遍 display/height/padding。\n   自定义颜色（Button 的 color 参数）同样只覆盖这 5 个变量（token 覆盖，不是新皮肤）。\n\n   ⚠️ hover 不再用 opacity 压一层（用户 2026-10-19：「黑色和红色的按钮移上去变化太小，\n   完全感觉不到颜色变了」）⇒ 走 --dshpc-*-hover / -active 的明确混色，见 tokens-css.ts。 */\n.dshpc-btn{--btn-bg:transparent;--btn-fg:var(--dshpc-fg);--btn-border:transparent;--btn-pad:12px;\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);--btn-fg-hover:var(--btn-fg);\n  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;\n  box-sizing:border-box;border:1px solid var(--btn-border);border-radius:var(--dshpc-radius-md);\n  background-color:var(--btn-bg);color:var(--btn-fg);font-family:inherit;font-weight:500;white-space:nowrap;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),border-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease),transform var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-btn--sm{--btn-pad:10px;height:var(--dshpc-control-h-sm);padding:0 var(--btn-pad);font-size:var(--dshpc-font-sm);line-height:1;}\n.dshpc-btn--md{--btn-pad:12px;height:var(--dshpc-control-h-md);padding:0 var(--btn-pad);font-size:var(--dshpc-font-md);line-height:1;}\n.dshpc-btn--lg{--btn-pad:14px;height:var(--dshpc-control-h-lg);padding:0 var(--btn-pad);font-size:var(--dshpc-font-md);line-height:1;}\n/* block：撑满父宽（表单底栏 / 抽屉底部的主操作） */\n.dshpc-btn--block{display:flex;width:100%;}\n/* block + 前置图标 ⇒ 文字视觉居中（2026-10-19 用户点名）：\n   内容组 [图标 + 间距 + 文字] 整体在盒内居中时，**文字**的中心会被图标推右半格。\n   把右内边距补上「图标宽 + 间距」，可用盒随之左移同量 ⇒ 文字落回视觉中心，图标贴左侧。\n   图标宽按 1.2em 估（官方图标 14/16px vs 字号 12/13px），em 随字号档自动缩放。 */\n.dshpc-btn--block.dshpc-btn--icon-start{padding-right:calc(var(--btn-pad) + 1.2em + 6px);}\n.dshpc-btn__icon,.dshpc-btn__icon-end{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;}\n.dshpc-btn__icon svg,.dshpc-btn__icon-end svg{display:block;margin:0;}\n/* maxWidth 包 MarqueeText 时：标签作为 flex 子项必须能收缩到内容以下，否则省略号 / 跑马灯测不准 */\n.dshpc-btn .dshpc-btn__label{min-width:0;}\n/* loading：不换 DOM 结构，只在文案前插一个同色小圈。\n   ⚠️ 2026-10-20 改画法：原来是 border:1.5px 加 border-radius:999px 画的环 —— 真机实测 computed\n   radius 就是 999px、宽高都是 12px（没被任何样式覆盖），看着却\"像圆角方\"，原因是**次像素边框\n   （1.5px）在 12px 这么小的圆上被抗锯齿插值拉毛**。改用 SVG 矢量弧：任意 DPR 下都是真圆。 */\n.dshpc-btn__spinner{display:block;flex:none;width:12px;height:12px;\n  animation:dshpc-btn-spin .7s linear infinite;}\n/* shortcut: 12px 是固定值，不随按钮字号缩放；要更大就改这一处。 */\n@keyframes dshpc-btn-spin{to{transform:rotate(360deg)}}\n\n/* 交互态：颜色变化写在变量上 ⇒ 所有档位一次生效，且变化幅度由 token 决定（够明显） */\n.dshpc-btn:hover:not(:disabled){background-color:var(--btn-bg-hover);color:var(--btn-fg-hover);}\n.dshpc-btn:active:not(:disabled){background-color:var(--btn-bg-active);transform:translateY(1px);}\n.dshpc-btn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:2px;}\n.dshpc-btn:disabled{cursor:default;opacity:.5;}\n\n.dshpc-btn--primary{--btn-bg:var(--dshpc-accent);--btn-fg:var(--dshpc-fg-inverse);\n  --btn-bg-hover:var(--dshpc-accent-hover);--btn-bg-active:var(--dshpc-accent-active);}\n/* secondary：中性实心（灰面），用于「取消 / 次要」这类与主操作并排的按钮 */\n.dshpc-btn--secondary{--btn-bg:var(--dshpc-hover);--btn-fg:var(--dshpc-fg);\n  --btn-bg-hover:var(--dshpc-active);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--outline{--btn-bg:var(--dshpc-surface-1);--btn-border:var(--dshpc-border-strong);\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--ghost{--btn-fg:var(--dshpc-fg-2);--btn-fg-hover:var(--dshpc-fg);\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--danger{--btn-bg:var(--dshpc-danger);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-danger-hover);--btn-bg-active:var(--dshpc-danger-active);}\n.dshpc-btn--success{--btn-bg:var(--dshpc-success);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-success-hover);--btn-bg-active:var(--dshpc-success-active);}\n.dshpc-btn--warning{--btn-bg:var(--dshpc-warning);--btn-fg:var(--dshpc-on-warning);\n  --btn-bg-hover:var(--dshpc-warning-hover);--btn-bg-active:var(--dshpc-warning-active);}\n.dshpc-btn--info{--btn-bg:var(--dshpc-business);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-business-hover);--btn-bg-active:var(--dshpc-business-active);}\n/* 扩展八色实心（2026-10-29）：白字两主题均 ≥4.5:1；hover/active 走各自 token 派生。 */\n.dshpc-btn--purple{--btn-bg:var(--dshpc-purple);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-purple-hover);--btn-bg-active:var(--dshpc-purple-active);}\n.dshpc-btn--pink{--btn-bg:var(--dshpc-pink);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-pink-hover);--btn-bg-active:var(--dshpc-pink-active);}\n.dshpc-btn--cyan{--btn-bg:var(--dshpc-cyan);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-cyan-hover);--btn-bg-active:var(--dshpc-cyan-active);}\n.dshpc-btn--teal{--btn-bg:var(--dshpc-teal);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-teal-hover);--btn-bg-active:var(--dshpc-teal-active);}\n.dshpc-btn--orange{--btn-bg:var(--dshpc-orange);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-orange-hover);--btn-bg-active:var(--dshpc-orange-active);}\n.dshpc-btn--indigo{--btn-bg:var(--dshpc-indigo);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-indigo-hover);--btn-bg-active:var(--dshpc-indigo-active);}\n.dshpc-btn--rose{--btn-bg:var(--dshpc-rose);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-rose-hover);--btn-bg-active:var(--dshpc-rose-active);}\n.dshpc-btn--slate{--btn-bg:var(--dshpc-slate);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-slate-hover);--btn-bg-active:var(--dshpc-slate-active);}\n/* danger-outline：红字描边（破坏性次要操作，如卡片上的「删除」）。\n   ⚠️ 旧修饰类 danger-ink 保留为别名（消费方可能还在挂），两者同一套皮肤。 */\n.dshpc-btn--danger-outline,.dshpc-btn--danger-ink{--btn-border:var(--dshpc-danger);--btn-fg:var(--dshpc-danger);\n  --btn-fg-hover:var(--dshpc-danger);--btn-bg-hover:var(--dshpc-danger-soft);--btn-bg-active:var(--dshpc-danger-soft);}\n/* link：行内文字链接型（会话 / 产出文件名），无底无边、品牌蓝、hover 下划线 */\n.dshpc-btn--link{--btn-fg:var(--dshpc-link);--btn-fg-hover:var(--dshpc-link);\n  --btn-bg-hover:transparent;--btn-bg-active:transparent;\n  height:auto;padding:0;border:0;background:none;font-weight:400;text-align:left;}\n.dshpc-btn--link:hover:not(:disabled){text-decoration:underline;}\n\n/* 图标钮：纯图标，方形；尺寸档的宽高与同档文字按钮等高、圆角统一吃 md（与 .dshpc-btn 同款，2026-10-28 拍板） */\n.dshpc-iconbtn{appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;\n  border:1px solid transparent;border-radius:var(--dshpc-radius-md);background:transparent;color:var(--dshpc-fg-2);\n  font-family:inherit;cursor:pointer;flex:none;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),border-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease),opacity var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-iconbtn--sm{width:var(--dshpc-control-h-sm);height:var(--dshpc-control-h-sm);font-size:var(--dshpc-font-sm);}\n.dshpc-iconbtn--md{width:var(--dshpc-control-h-md);height:var(--dshpc-control-h-md);font-size:var(--dshpc-font-md);}\n.dshpc-iconbtn--lg{width:var(--dshpc-control-h-lg);height:var(--dshpc-control-h-lg);font-size:var(--dshpc-font-md);}\n.dshpc-iconbtn--plain{color:var(--dshpc-fg-2);}\n.dshpc-iconbtn--outline{background:var(--dshpc-surface-1);border-color:var(--dshpc-border);color:var(--dshpc-fg-2);}\n.dshpc-iconbtn--danger{color:var(--dshpc-danger);}\n.dshpc-iconbtn:hover:not(:disabled){background:var(--dshpc-hover);color:var(--dshpc-fg);}\n.dshpc-iconbtn--danger:hover:not(:disabled){background:var(--dshpc-danger-soft);color:var(--dshpc-danger);}\n.dshpc-iconbtn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:2px;}\n.dshpc-iconbtn:disabled{cursor:default;opacity:.4;}\n\n/* ── 行式文件按钮（图标 + 文件名）P2：**全站唯一实现**（2026-10-04 收编）──────────\n   用途：「产出物 / 附件」那种**一行一个文件**的清单项（基础信息右栏产出物清单、附件区、\n   执行记录页的展开区）。平时透明、**鼠标移上去才出浅底**（沿用用户 2026-10-03 定的观感）。\n   两个形态修饰类：\n     --block   撑满父宽（清单里一项一行）\n     --inline  内容宽（跟在文字后头，如附件行）\n   收编原因：这份皮肤此前只写在 task-list.tsx 的 TASK_LIST_CSS 里（旧名 .dshpc-info-out），\n   执行记录页展开区要用同一种观感 ⇒ 上提基础层，避免再出现「各写一份外观」（同名不同皮的坑刚踩过）。 */\n.dshpc-filechip{appearance:none;-webkit-appearance:none;border:0;border-radius:var(--dshpc-radius-xs);\n  background:transparent;color:var(--dshpc-fg);font:inherit;text-align:left;cursor:pointer;min-width:0;\n  transition:background-color var(--dshpc-dur) var(--dshpc-ease);}\n.dshpc-filechip:hover:not(:disabled){background:var(--dshpc-chip-bg);}\n.dshpc-filechip:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px;}\n.dshpc-filechip:disabled{cursor:default;background:transparent;color:var(--dshpc-fg-3);}\n.dshpc-filechip--block{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;\n  padding:4px 6px;font-size:var(--dshpc-font-xs);}\n.dshpc-filechip--inline{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:var(--dshpc-font-sm);}\n\n@media (prefers-reduced-motion: reduce){.dshpc-btn,.dshpc-iconbtn,.dshpc-filechip{transition:none;}}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/field-css.generated.js
-		const FIELD_CSS = "\n/* ── 字段 + 问号提示（hint 参数内置） ──────────────────────────────────── */\n/* 控件 + FieldHint 同一行；hint 版由组件自己包，调用方只传 hint 字符串。\n   铺满型控件（input/textarea）进包后改吃 flex 弹性，让位给问号。 */\n.dshpc-fieldwrap{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;}\n.dshpc-fieldwrap--inline{display:inline-flex;}\n.dshpc-fieldwrap > .dshpc-input,.dshpc-fieldwrap > .dshpc-textarea,.dshpc-fieldwrap > .dshpc-iwrap{flex:1 1 auto;width:auto;min-width:0;}\n/* 多行输入：问号钉在**右下角**（2026-10-20 用户：不要垂直居中），文本区底部留出它的位置。\n   ⚠️ 这一档必须把 textarea 的宽度还回去（上面那条 flex 让位规则会把它缩窄）。 */\n.dshpc-fieldwrap--block{position:relative;display:block;}\n.dshpc-fieldwrap--block > .dshpc-textarea{width:100%;padding-bottom:24px;}\n.dshpc-fieldwrap--block > .dshpc-hint{position:absolute;right:8px;bottom:6px;}\n\n/* ── 输入类 P3 ────────────────────────────────────────────────────────── */\n/* 默认铺满容器（width:100%，与 .dshpc-textarea 同口径）：input 原生按 size 属性取内在宽，\n   不铺满 ⇒ 调用方套定宽壳时会「右边空一截、看着没贴右」（2026-10-20 用户抓的 bug）。\n   要定宽由调用方在外面套壳控制（如 192px 搜索槽）。 */\n.dshpc-input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);\n  background:var(--dshpc-surface-1);color:var(--dshpc-fg);font-family:inherit;outline:none;\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-input--sm{height:var(--dshpc-control-h-sm);padding:0 8px;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);}\n.dshpc-input--md{height:var(--dshpc-control-h-md);padding:0 10px;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-input--lg{height:var(--dshpc-control-h-lg);padding:0 12px;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-input::placeholder{color:var(--dshpc-fg-dim);}\n/* type=\"search\"：原生清除钮（::-webkit-search-cancel-button）整个隐掉，换组件自己挂的 plain IconButton\n   —— 原生那个各子系统长相不一、还不吃 token（2026-10-28 用户：不好看，要数字框加减号那种）。 */\n.dshpc-iwrap .dshpc-input::-webkit-search-cancel-button{display:none;}\n.dshpc-input:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-input--error{border-color:var(--dshpc-danger);}\n.dshpc-input:disabled{cursor:default;opacity:.5;}\n\n/* 左侧图标槽（Input 的 icon 参数）：图标绝对定位压在输入框的左内边距上，\n   输入框自己的边框 / 焦点圈 / 描红一律不动。图标不吃点击（pointer-events:none）⇒ 点在图标上照样聚焦。\n   左内边距 = 左偏 8 + 图标宽（sm 14 / md·lg 16，见 fieldMetricsOf）+ 间距 4。 */\n.dshpc-iwrap{position:relative;display:block;width:100%;min-width:0;}\n.dshpc-iwrap__icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none;color:var(--dshpc-fg-2);}\n.dshpc-iwrap--sm > .dshpc-input{padding-left:26px;}\n.dshpc-iwrap--md > .dshpc-input,.dshpc-iwrap--lg > .dshpc-input{padding-left:28px;}\n/* 禁用时图标跟输入框一起变淡（输入框自己已有 opacity:.5，图标不在它里面，得单独跟一下）。 */\n.dshpc-iwrap:has(> .dshpc-input:disabled) > .dshpc-iwrap__icon{opacity:.5;}\n\n/* 搜索框的清空钮（Field.ts 在「有焦点 + 有内容」时才挂出来）：**并进框里**，与数字框的 − / +\n   同形态 —— 整段同高、左直右圆、hover 底色铺满这一格（2026-10-28 用户：不要一颗悬在右边的小按钮）。\n   向内让 1px，免得底色压住输入框自己的边框。 */\n.dshpc-iwrap__clear.dshpc-iconbtn{position:absolute;right:1px;top:1px;bottom:1px;height:auto;width:auto;aspect-ratio:1;\n  border-radius:0 var(--dshpc-radius-md) var(--dshpc-radius-md) 0;font-size:var(--dshpc-font-md);}\n/* height:auto 必须：iconbtn--md/lg 的固定 height 会让 absolute 的 bottom 被忽略\n   （top:1 + 固定高 ⇒ 整钮错位 1px，× 显得没居中，2026-10-28 用户截图抓的）。 */\n/* 文字让开这一段（宽度 = 控件高 - 2，故按档位补）。 */\n.dshpc-iwrap--clear > .dshpc-input{padding-right:calc(var(--dshpc-control-h-md) + 3px);}\n.dshpc-iwrap--clear.dshpc-iwrap--sm > .dshpc-input{padding-right:calc(var(--dshpc-control-h-sm) + 3px);}\n.dshpc-iwrap--clear.dshpc-iwrap--lg > .dshpc-input{padding-right:calc(var(--dshpc-control-h-lg) + 3px);}\n\n.dshpc-pfx{display:inline-flex;align-items:center;box-sizing:border-box;overflow:hidden;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);background:var(--dshpc-surface-1);color:var(--dshpc-fg);}\n.dshpc-pfx--sm{height:var(--dshpc-control-h-sm);}\n.dshpc-pfx--md{height:var(--dshpc-control-h-md);}\n.dshpc-pfx--lg{height:var(--dshpc-control-h-lg);}\n/* md / lg 档字号跟档走（与同档下拉同字号）：此前写死 sm(12px)，同排下拉是 13px ⇒ 显得「input 字小」。 */\n.dshpc-pfx--md .dshpc-pfx__label,.dshpc-pfx--lg .dshpc-pfx__label{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-pfx--md .dshpc-pfx__input,.dshpc-pfx--lg .dshpc-pfx__input{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-pfx--error{border-color:var(--dshpc-danger);}\n.dshpc-pfx:focus-within{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-pfx__label{padding:0 8px;color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);white-space:nowrap;border-right:1px solid var(--dshpc-border);}\n.dshpc-pfx__input{flex:1 1 auto;min-width:0;height:100%;padding:0 8px;border:0;background:transparent;color:var(--dshpc-fg);\n  font-family:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);outline:none;}\n.dshpc-pfx__input::placeholder{color:var(--dshpc-fg-dim);}\n\n.dshpc-num{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;overflow:hidden;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);background:var(--dshpc-surface-1);color:var(--dshpc-fg);}\n/* 中段：数字 + 后缀成组居中；容器被消费端拉宽时吃掉全部余量，两端 − / + 因此钉死在左右边缘。 */\n.dshpc-num__mid{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;}\n.dshpc-num--sm{height:var(--dshpc-control-h-sm);}\n.dshpc-num--md{height:var(--dshpc-control-h-md);}\n.dshpc-num--lg{height:var(--dshpc-control-h-lg);}\n.dshpc-num--md .dshpc-num__input,.dshpc-num--lg .dshpc-num__input{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-num--md .dshpc-num__suffix,.dshpc-num--lg .dshpc-num__suffix{font-size:var(--dshpc-font-md);}\n.dshpc-num--disabled{opacity:.5;}\n/* 焦点态与 Input 同款（2026-10-20 用户：数字框里点进去没有蓝框）：内层 input 无边框，\n   焦点状态画在整个步进控件外框上。 */\n.dshpc-num:focus-within{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-num__input{width:36px;height:100%;padding:0 2px;border:0;background:transparent;color:var(--dshpc-fg);\n  font-family:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);text-align:center;outline:none;}\n.dshpc-num__suffix{padding:0 6px;color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm);white-space:nowrap;}\n.dshpc-num .dshpc-iconbtn{border-radius:0;color:var(--dshpc-fg-2);flex:none;}\n\n/* 官方 Switch 包装统一：选中 = success 绿。\n   （合并原先 task-editor-css / task-list 两处就地覆盖；选择器带包装类 + role，特异性高于官方。） */\n.dshpc-switch button[role='switch'][aria-checked='true']{background:var(--dshpc-success);}\n\n/* 多行文本输入（提示词等，P3）：**边框 / 圆角 / 底 / 焦点态与 Input 同一套口径**（用户 2026-10-20：\n   「多行输入应该和 input 的边儿是一个道理，包括圆角在内，都是一个东西」）。\n   ⚠️ 旧意图「卡内无边框、视觉重心在整张卡上」已作废 —— 现在它就是一只带框的多行输入框。\n   （从 task-editor-css 的 .dshpc-ed-prompt 上提而来；业务文件不再自写 textarea 皮肤。） */\n.dshpc-textarea{display:block;width:100%;box-sizing:border-box;min-height:132px;padding:8px 12px;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);outline:none;\n  background:var(--dshpc-surface-1);color:var(--dshpc-fg);font-family:inherit;font-size:var(--dshpc-font-lg);line-height:1.6;resize:vertical;\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-textarea::placeholder{color:var(--dshpc-fg-dim);}\n.dshpc-textarea:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n/* 校验不通过：与 Input 一致，走边框描红（旧版是 box-shadow 描红盒，与 Input 不同口径） */\n.dshpc-textarea--error{border-color:var(--dshpc-danger);}\n.dshpc-textarea:disabled{cursor:default;opacity:.5;}\n@media (prefers-reduced-motion: reduce){.dshpc-textarea{transition:none;}}\n\n/* 拖拽分隔条（编辑分栏 / 预览 dock 共用，U20 #3）：6px 命中区，col-resize，不画线，hover/按下浮出浅带。\n   具体 z-index 由 .dshpc-ed-resizer / .dshpc-sv-resizer 各自补。 */\n.dshpc-resizer{position:absolute;top:0;bottom:0;left:0;width:6px;cursor:col-resize;background:0 0;touch-action:none;user-select:none;}\n.dshpc-resizer:hover,.dshpc-resizer:active{background:var(--dshpc-hover,rgba(38,49,72,.06));}\n\n@media (prefers-reduced-motion: reduce){.dshpc-input,.dshpc-pfx{transition:none;}}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/loading-css.generated.js
-		const LOADING_CSS = "\n/* 运行中 / loading 的活动指示：三个小方块依次脉动。 */\n@keyframes dshpc-run-block { 0%, 80%, 100% { opacity: 0.25; transform: scale(0.8) } 40% { opacity: 1; transform: scale(1) } }\n.dshpc-run-blocks { display: inline-flex; align-items: center; gap: 3px; }\n.dshpc-run-blocks > i { width: 5px; height: 5px; border-radius: 1px; background: currentColor; animation: dshpc-run-block 1.2s ease-in-out infinite; }\n.dshpc-run-blocks > i:nth-child(2) { animation-delay: 0.15s; }\n.dshpc-run-blocks > i:nth-child(3) { animation-delay: 0.3s; }\n@media (prefers-reduced-motion: reduce) { .dshpc-run-blocks > i { animation: none; opacity: 1; } }\n\n/* ── 加载提示（LoadingToast / LoadingBlock / showLoading）───────────────────\n   两种样式共用一个灰色面（与 notify 的 info 卡同色），暗色走 body[data-ds-dark-theme]。 */\n.dshpc-loading-spin { display: block; flex: none; animation: dshpc-loading-rotate .8s linear infinite; }\n@keyframes dshpc-loading-rotate { to { transform: rotate(360deg) } }\n\n/* 样式一：横排 toast 卡（图标在左、文字在右），与 notify 的 info 卡同尺寸同色。 */\n.dshpc-loading-toast {\n  display: inline-flex; align-items: center; gap: 10px;\n  /* 不学 notify 固定 320 宽：这张卡也常被塞进表格 / 窄栏里，宽度随内容走。\n     shortcut: 下限 250px，要更宽 / 更窄就改这一处。 */\n  min-width: 250px; min-height: 48px; padding: 12px 16px; box-sizing: border-box;\n  border-radius: 10px; box-shadow: 0 6px 16px rgba(0, 0, 0, .18);\n  background: #f4f4f5; color: #18181b;\n  font-size: var(--dshpc-font-lg); line-height: var(--dshpc-line-lg);\n}\n\n/* 样式二：方块卡（转圈在上、文字在下），内距更大。 */\n.dshpc-loading-block {\n  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;\n  min-width: 132px; min-height: 132px; padding: 24px; box-sizing: border-box;\n  border-radius: var(--dshpc-radius-md); box-shadow: 0 6px 16px rgba(0, 0, 0, .18);\n  background: #f4f4f5; color: #18181b;\n  font-size: var(--dshpc-font-md); line-height: var(--dshpc-line-md);\n}\nbody[data-ds-dark-theme] .dshpc-loading-toast,\nbody[data-ds-dark-theme] .dshpc-loading-block { background: #3f3f46; color: #fafafa; }\n\n/* 全局浮层：居中、不挡点击（遮罩层单独一个 div 才挡）。\n   与 Modal 遮罩同一套让位口径：右边界读 --dshpc-page-inset-right。 */\n.dshpc-loading-overlay {\n  position: fixed; inset: 0 var(--dshpc-page-inset-right, 0px) 0 0; z-index: var(--dshpc-z-modal);\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;\n  padding: 24px; box-sizing: border-box; pointer-events: none;\n}\n/* 七向定位（与 Toast 的六向同名 + 正中）：默认 bottom-center，与 Sonner 提示同屏位。 */\n.dshpc-loading-overlay--top-left { align-items: flex-start; justify-content: flex-start; }\n.dshpc-loading-overlay--top-center { justify-content: flex-start; }\n.dshpc-loading-overlay--top-right { align-items: flex-end; justify-content: flex-start; }\n.dshpc-loading-overlay--bottom-left { align-items: flex-start; justify-content: flex-end; }\n.dshpc-loading-overlay--bottom-center { justify-content: flex-end; }\n.dshpc-loading-overlay--bottom-right { align-items: flex-end; justify-content: flex-end; }\n.dshpc-loading-overlay__mask { position: absolute; inset: 0; pointer-events: auto; }\n\n@media (prefers-reduced-motion: reduce) { .dshpc-loading-spin { animation: none; } }\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/back-to-top-css.generated.js
-		const BACK_TO_TOP_CSS = "\n/* 回到顶部悬浮钮：圆钮、实面、投影；默认隐身，滚过阈值加 .is-visible 才显形。\n   横向 left 由组件按主内容列右缘实时算出（贴在其右侧外侧），不写死。 */\n.dshpc-backtotop{\n  position:fixed;\n  bottom:var(--dshpc-space-4);\n  z-index:var(--dshpc-z-dock);\n  width:44px;height:44px;\n  display:inline-flex;align-items:center;justify-content:center;\n  padding:0;margin:0;\n  box-sizing:border-box;\n  border:1px solid var(--dshpc-border);\n  border-radius:50%;\n  background:var(--dshpc-solid);\n  color:var(--dshpc-on-solid);\n  box-shadow:var(--dshpc-shadow-2);\n  cursor:pointer;\n  opacity:0;\n  transform:translateY(8px) scale(.92);\n  transition:opacity var(--dshpc-dur) var(--dshpc-ease),\n             transform var(--dshpc-dur) var(--dshpc-ease),\n             background-color var(--dshpc-dur-fast) var(--dshpc-ease);\n  pointer-events:none;\n}\n.dshpc-backtotop.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}\n.dshpc-backtotop:hover{background:var(--dshpc-hover);}\n.dshpc-backtotop:active{background:var(--dshpc-active);}\n.dshpc-backtotop:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:2px;}\n@media (prefers-reduced-motion: reduce){\n  .dshpc-backtotop{transition:opacity var(--dshpc-dur-fast) linear;transform:none;}\n}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/hint-css.generated.js
-		const HINT_CSS = "\n/* ── 问号提示 P4（用户 2026-10-18：对齐真实插件 HelpButton——**带圈的问号图标**）──\n   本体 14px 细圈 + 圈内 ?，颜色 fg-3、hover 只提亮不加底（与 dshpc-ed-help 同规矩）。\n   气泡不在本文件：2026-10-19 用户拍板「问号必须用官方 Tooltip 那一个」⇒ 气泡由注入的\n   官方组件渲染（src/ui/tooltip.ts），这里只管问号图标本身。 */\n.dshpc-hint{display:inline-flex;align-items:center;justify-content:center;flex:none;\n  box-sizing:border-box;width:14px;height:14px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;\n  color:var(--dshpc-fg-3);font-family:inherit;font-size:8px;font-weight:600;line-height:12px;cursor:help;vertical-align:middle;\n  transition:color var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-hint:hover,.dshpc-hint:focus-visible{color:var(--dshpc-fg);background:0 0;}\n.dshpc-hint:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px;}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/datetime-css.generated.js
-		const DATETIME_CSS = "/* 日期时间选择器（DateTimePicker）。类名 dshpc-dt-*；配色只吃 token，明暗随 token 切换。\n   结构：触发器（range = 一个整条：两个日期区 + 样式画的灰隔条；single = 单日期）→ 浮层\n   （两个独立端框 + 两块独立日历 + 底部动作）。\n   浮层行为与 Picker 一致：portal 到 body、贴边翻转、点外关闭、无遮罩。 */\n.dshpc-dt{position:relative;display:inline-block;font-size:13px;line-height:20px}\n.dshpc-dt__trigger{\n  display:inline-flex;align-items:center;justify-content:space-between;gap:6px;\n  max-width:100%;height:var(--dshpc-control-h-md);padding:0 8px;\n  color:var(--dshpc-fg);background:var(--dshpc-surface-1);\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);cursor:pointer;\n}\n.dshpc-dt__trigger--sm{height:var(--dshpc-control-h-sm);font-size:12px}\n.dshpc-dt__trigger--lg{height:var(--dshpc-control-h-lg)}\n.dshpc-dt__trigger:disabled{color:var(--dshpc-fg-dim);cursor:not-allowed;opacity:.7}\n/* 焦点与基础 Input 完全同款（点击即蓝描边 + 1px 光环）。 */\n.dshpc-dt__trigger:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus)}\n.dshpc-dt__trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}\n.dshpc-dt__trigger-label--empty{color:var(--dshpc-fg-dim)}\n.dshpc-dt__cal{flex:none;color:var(--dshpc-fg-3)}\n/* range 触发器：一个整条里两个日期区 + 样式画出来的灰隔条（左右两条竖边），点整条都展开。 */\n/* 组撑满触发器内容高度，隔条才能上下顶到 border。 */\n.dshpc-dt__pair-group{flex:1 1 auto;min-width:0;align-self:stretch;display:flex;align-items:center;gap:8px}\n/* 两个日期区平分（flex:1 1 0）：开始 / 结束永远一样宽，不随内容偏袒。 */\n.dshpc-dt__pair-date{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}\n.dshpc-dt__pair-date--empty{color:var(--dshpc-fg-dim)}\n/* 隔条：上下顶到触发器 border（与边框连起来），中间隔出一块；块里放「到」的符号（-，用户 2026-10-24 拍板）。 */\n.dshpc-dt__pair-sep{\n  flex:none;align-self:stretch;width:22px;margin:0;\n  display:inline-flex;align-items:center;justify-content:center;\n  background:var(--dshpc-surface-sunken);\n  border-left:1px solid var(--dshpc-border);border-right:1px solid var(--dshpc-border);\n  color:var(--dshpc-fg-3);font-size:12px;line-height:1;\n}\n/* 默认宽：**固定**（选中前后不变），数值对照参考图实测（2x 屏，换算 CSS px）后\n   统一 -6px（用户 2026-10-24：实测值留得偏多）：\n   单值 day 128 / 时·分 153.2 / 秒 174.8；区间 day 269 / 分 341.4 / 秒 377.6。\n   ch = 字体里 \"0\" 的宽（日期 tabular-nums 等宽）⇒ 写成 Nch + 常数；常数同时兜住\n   默认占位「请选择日期时间」（7 汉字）不省略。调用方要另给宽：className 传 width。 */\n.dshpc-dt__trigger--w-day{width:calc(10ch + 56px)}\n.dshpc-dt__trigger--w-minute{width:calc(16ch + 38px)}\n.dshpc-dt__trigger--w-second{width:calc(19ch + 38px)}\n.dshpc-dt__trigger--wr-day{width:calc(20ch + 125px)}\n.dshpc-dt__trigger--wr-minute{width:calc(32ch + 111px)}\n.dshpc-dt__trigger--wr-second{width:calc(38ch + 104px)}\n\n.dshpc-dt__pop{\n  z-index:60;padding:10px;user-select:none;\n  font-size:13px;line-height:20px;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);\n  border-radius:var(--dshpc-radius-md);box-shadow:0 8px 24px rgba(15,23,42,.12);\n}\n/* 两个独立端框（range）：点哪个哪个成为当前编辑端，互不联动、只是排在一起。 */\n.dshpc-dt__ends{display:flex;gap:6px;margin-bottom:8px}\n.dshpc-dt__end{\n  flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 8px;\n  text-align:left;background:var(--dshpc-surface-1);\n  border:1px solid var(--dshpc-border-faint);border-radius:var(--dshpc-radius-sm);cursor:pointer;\n}\n.dshpc-dt__end--active{border-color:var(--dshpc-business);background:var(--dshpc-open-bg)}\n.dshpc-dt__end:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n.dshpc-dt__end-label{flex:none;font-size:11px;line-height:16px;color:var(--dshpc-fg-3);white-space:nowrap}\n.dshpc-dt__end-value{font-size:12px;line-height:18px;color:var(--dshpc-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}\n.dshpc-dt__end-value--empty{color:var(--dshpc-fg-dim)}\n\n.dshpc-dt__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}\n.dshpc-dt__nav-group{display:flex;gap:2px}\n.dshpc-dt__nav-btn{\n  display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;\n  color:var(--dshpc-fg-2);background:none;border:0;border-radius:var(--dshpc-radius-sm);cursor:pointer;\n}\n.dshpc-dt__nav-btn:hover{background:var(--dshpc-surface-sunken);color:var(--dshpc-fg)}\n.dshpc-dt__nav-btn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-1px}\n.dshpc-dt__caption{font-size:13px;font-weight:600;color:var(--dshpc-fg);white-space:nowrap}\n\n.dshpc-dt__grid{display:grid;grid-template-columns:repeat(7,30px);gap:2px}\n.dshpc-dt__wd{height:20px;font-size:11px;line-height:20px;color:var(--dshpc-fg-3);text-align:center}\n.dshpc-dt__cell{\n  height:26px;padding:0;font-size:12px;font-variant-numeric:tabular-nums;\n  color:var(--dshpc-fg);background:none;border:0;border-radius:var(--dshpc-radius-sm);cursor:pointer;\n}\n.dshpc-dt__cell:hover{background:var(--dshpc-surface-sunken)}\n.dshpc-dt__cell:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-1px}\n.dshpc-dt__cell--out{color:var(--dshpc-fg-dim)}\n.dshpc-dt__cell--today{color:var(--dshpc-business);font-weight:600}\n/* 起 / 止端：品牌蓝实面反白（与 Segmented weekday 选中同口径）。\n   ⚠️ 字色用常量白 --dshpc-on-signal，不用 --dshpc-fg-inverse：后者跟宿主 label-primary-foreground，\n   暗色主题下是近黑 ⇒ 蓝底黑字（与 Segmented 2026-10-29 同一事故）。 */\n.dshpc-dt__cell--sel{background:var(--dshpc-business);color:var(--dshpc-on-signal);font-weight:600}\n.dshpc-dt__cell--sel:hover{background:var(--dshpc-business-hover)}\n\n/* 两块日历面板（range：左开始、右结束，各选各的）。 */\n.dshpc-dt__panels{display:flex;gap:14px;align-items:flex-start}\n.dshpc-dt__panel{display:flex;flex-direction:column;gap:6px}\n\n.dshpc-dt__time{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-top:2px;padding-top:8px;border-top:1px solid var(--dshpc-border-faint)}\n.dshpc-dt__unit{display:flex;flex-direction:column;align-items:center;gap:2px}\n.dshpc-dt__unit-label{font-size:10px;line-height:14px;color:var(--dshpc-fg-3)}\n.dshpc-dt__step-btn{\n  display:inline-flex;align-items:center;justify-content:center;width:34px;height:14px;padding:0;\n  color:var(--dshpc-fg-2);background:none;border:0;border-radius:var(--dshpc-radius-sm);cursor:pointer;\n}\n.dshpc-dt__step-btn:hover{background:var(--dshpc-surface-sunken);color:var(--dshpc-fg)}\n.dshpc-dt__step-btn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-1px}\n.dshpc-dt__step-val{\n  width:34px;height:24px;padding:0;box-sizing:border-box;text-align:center;\n  font-size:13px;font-variant-numeric:tabular-nums;color:var(--dshpc-fg);\n  background:var(--dshpc-surface-sunken);border:1px solid var(--dshpc-border-faint);\n  border-radius:var(--dshpc-radius-sm);outline:none;\n}\n.dshpc-dt__step-val:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus)}\n.dshpc-dt__step-val:disabled{color:var(--dshpc-fg-dim);cursor:not-allowed}\n.dshpc-dt__sep{padding-bottom:5px;color:var(--dshpc-fg-3);font-size:12px}\n\n.dshpc-dt__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--dshpc-border-faint)}\n.dshpc-dt__foot-side{display:flex;align-items:center;gap:6px}\n.dshpc-dt__warn{font-size:11px;color:var(--dshpc-warning-label);white-space:nowrap}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/controls/split-group-css.generated.js
-		const SPLIT_GROUP_CSS = "\n/* ── 拼接外壳 SplitGroup ──────────────────────────────────────────────\n   职责只有一条：把两个控件在外观上焊成一体（外框 / 圆角 / 中间 1px 分隔 / 整体聚焦圈）。\n   它**不持状态、不出联动回调** —— 选中与联动全走内件自己的 value / onChange\n   （用户 2026-10-28 拍板：外壳不必知道右边那个下拉管什么）。\n\n   ⚠️ 与内件类名有意耦合：内件是 Picker / Segmented 时由下面几条规则把它们自己的\n   边框 / 底色 / 圆角交出来，由外壳统一画。内件改名或改结构要同步改这里，\n   否则会出现双边框、双底色。\n\n   高度不写死：内件自己按 size 档（sm 24 / md 28 / lg 32）撑开，外壳跟着长。\n   两格要等高，就给内件传**同一个 size**。万一两格 size 不一致，外壳内件用 align-items:center\n   居中（不会顶对齐露白，用户 2026-10-28 截图反馈「本月偏上」后的处理）；**别用 height:100%**，\n   它会覆盖三档高度（与 --lg/--sm 同特异性且注入更晚）。\n\n   左格统一灰底（用户 2026-10-28 拍板）：滑块保留自己的灰轨，左格下拉把底色换成\n   surface-sunken；右格保持原样。层次感 = 左格是「档位/范围」，右格是「值」。 */\n   .dshpc-split{display:inline-flex;align-items:stretch;max-width:100%;overflow:hidden;border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);background:var(--dshpc-surface-1);}\n   /* 两格宽度都由内容给；容器再窄也让内件自己省略，不让外壳被撑破 */\n   .dshpc-split > *{min-width:0;max-width:100%;}\n   /* 分隔：相邻兄弟的左描边，不额外插 DOM，hover / focus 时也不会断 */\n   .dshpc-split > * + *{box-sizing:border-box;border-left:1px solid var(--dshpc-border);}\n   /* 整体聚焦：内件自己的外圈交出来，由外壳画一整圈（内件各自画会变成格内半圈） */\n   .dshpc-split:focus-within{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n   /* Picker：去掉自身外框与底色；display 改成 flex，消掉 inline-block 行盒带来的基线间隙。\n      注意**不能用 height:100%**：它会和 .dshpc-picker__trigger--lg / --sm 同特异性（都是两个类），\n      且 split-group.css 在 picker.css 之后注入，会把三档高度全吃掉（md/lg 看起来一样大）。\n      改用 align-items:center —— 同 size 时两格自然等高的同时文字垂直居中；万一两格 size 不一致，\n      较矮的格也只是居中、不会顶对齐露白。 */\n   .dshpc-split .dshpc-picker{display:flex;align-items:center;}\n   .dshpc-split .dshpc-picker__trigger{border:0;border-radius:0;background:transparent;}\n   .dshpc-split .dshpc-picker__trigger:focus-visible{outline:0;}\n   /* 左格下拉：灰底（滑块的灰轨是它自己的 --dshpc-seg-track，不在这里覆盖） */\n   .dshpc-split > :first-child .dshpc-picker__trigger{background:var(--dshpc-surface-sunken);}\n   /* Segmented：只去外圆角与描边，灰轨保留；padding 保持 3px 不动 —— 它是高度契约的一部分\n    （3 + item + 3 = control-h）。bordered 那档去掉描边、把让给描边的 1px 还回 padding，\n    否则会比右边矮 2px。 */\n   .dshpc-split .dshpc-seg{border-radius:0;border:0;}\n   .dshpc-split .dshpc-seg--bordered{padding:3px;}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/marquee-css.generated.js
-		const MARQUEE_CSS = "/* 跑马灯（MarqueeText）：双层——外层只裁剪，内层才 transform 滚动；非 hover 内层自带省略号。\n   2026-10-20：本文件原是杂烩「select.css」（下拉 / 日历 / 时分的皮肤都装过），随着那些控件\n   一个个删完，最后只剩跑马灯，故按本包「一个 css 服务一个对象」的格局改名归档。\n   同批清掉的还有零引用的省略号类 .dshpc-ellipsis —— 本包三个用到截断的地方都没采纳它。 */\n.dshpc-mq{display:block;overflow:hidden;white-space:nowrap;}\n.dshpc-mq .dshpc-mq-in{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}\n/* ⚠️ 跑法（用户 2026-10-03 拍板）：**跑一遍、停在尾字**（播放 1 次 + forwards），不来回弹、不无限跑。\n   滚距 = 精确溢出量 ⇒ 停下时最后一个字正好贴右缘，**不会跑进黑块**（黑块是旧手写版把\n   内层盒子裁了、按「半截文本」平移导致的）。鼠标移开 ⇒ :hover 失效 ⇒ 自动复位回省略号态。 */\n.dshpc-mq-run:hover .dshpc-mq-in{max-width:none;overflow:visible;animation:dshpc-mq-scroll var(--dshpc-mq-dur,6s) linear .4s 1 forwards;}\n@keyframes dshpc-mq-scroll{from{transform:translateX(0)}to{transform:translateX(var(--dshpc-mq-dist,-40px))}}\n/* 溢出渐影（用户 2026-10-24 拍板「左右稍微有点渐影」；官方口径 = dsh-client-ui-primitives@0.2.1-rc.2\n   PathLabel.module.css:13-15：mask-image 线性渐隐 + 28px 随官方）。⚠️ 只在 **hover 滚动态** 加：\n   静态态（三个点）不要渐影（用户 2026-10-24 二次拍板），hover 滚动时两端渐影——左缘柔化被裁的文字头。 */\n.dshpc-mq-run:hover{mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/picker-css.generated.js
-		const PICKER_CSS = "\n.dshpc-picker{position:relative;display:inline-block;max-width:100%;font-size:13px;line-height:20px}\n.dshpc-picker__trigger{\n  display:inline-flex;align-items:center;justify-content:space-between;gap:6px;\n  min-width:120px;max-width:100%;height:28px;padding:0 8px;\n  color:var(--dshpc-fg);background:var(--dshpc-surface-1);\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);cursor:pointer;\n}\n.dshpc-picker__trigger:disabled{color:var(--dshpc-fg-dim);cursor:not-allowed;opacity:.7}\n/* 聚焦（键盘或点击选中）时与全站一致的蓝色描边；菜单打开后焦点会进去，触发器自然失去焦点。 */\n.dshpc-picker__trigger:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 文字默认靠左（吃掉剩余宽度），不给 space-between 把短文案推到中间的机会；\n   确实要居中就显式传 align=\"center\"。 */\n.dshpc-picker__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}\n.dshpc-picker__trigger--center .dshpc-picker__label{text-align:center}\n.dshpc-picker__caret{flex:none;color:var(--dshpc-fg-3)}\n.dshpc-picker__icon{display:inline-flex;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-picker__option-icon{display:inline-flex;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-picker__menu{\n  z-index:60;max-height:280px;overflow:auto;padding:4px;\n  /* 菜单经 FloatingPortal 挂到 body，脱离 .dshpc-picker，须显式字号，否则继承 body 的大字号 */\n  font-size:13px;line-height:20px;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);\n  border-radius:var(--dshpc-radius-md);box-shadow:0 8px 24px rgba(15,23,42,.12);\n}\n/* 尺寸档（与 Field 的 sm/md/lg 对应）。 */\n.dshpc-picker__trigger--sm{height:24px;font-size:12px}\n.dshpc-picker__trigger--lg{height:32px}\n/* 键盘游标所在项（无 hover 也要看得见）。 */\n.dshpc-picker__option[data-active='true']{background:var(--dshpc-surface-sunken);outline:1px solid var(--dshpc-border)}\n.dshpc-picker__option--clear{color:var(--dshpc-fg-3)}\n.dshpc-picker__search{\n  width:100%;height:28px;margin-bottom:4px;padding:0 8px;box-sizing:border-box;\n  color:var(--dshpc-fg);background:var(--dshpc-surface-sunken);\n  border:1px solid var(--dshpc-border-faint);border-radius:var(--dshpc-radius-md);outline:none;\n}\n.dshpc-picker__group-label{\n  padding:6px 8px 2px;color:var(--dshpc-fg-3);font-size:11px;\n}\n.dshpc-picker__option{\n  display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--dshpc-radius-sm);cursor:pointer;\n  color:var(--dshpc-fg);white-space:nowrap;\n}\n.dshpc-picker__option:hover{background:var(--dshpc-surface-sunken)}\n.dshpc-picker__option--active{background:var(--dshpc-open-bg);color:var(--dshpc-business)}\n.dshpc-picker__option--disabled{color:var(--dshpc-fg-dim);cursor:not-allowed}\n/* 选项文字吃掉剩余宽度：超长省略号（配合 MarqueeText hover 跑马灯），不撑宽菜单。 */\n.dshpc-picker__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.dshpc-picker__tick{width:12px;color:var(--dshpc-business)}\n.dshpc-picker__empty{padding:8px;color:var(--dshpc-fg-3);text-align:center}\n.dshpc-picker__degraded{\n  padding:6px 8px;margin-bottom:4px;border-radius:var(--dshpc-radius-sm);\n  color:var(--dshpc-warning-label);background:color-mix(in srgb,var(--dshpc-warning) 12%,transparent);\n  font-size:11px;\n}\n.dshpc-picker__row{display:flex;align-items:center;gap:8px}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/feedback-css.generated.js
-		const FEEDBACK_CSS = "\n/* 遮罩 = 宿主遮罩变量 --dsw-alias-bg-mask-1（与官方 Modal / 兄弟项目 --tdt-mask 同一条真值，用户 2026-10-20）。 */\n/* 右边界让位页面级分栏（PanelDock 发布的 --dshpc-page-inset-right，用户 2026-10-22）：\n   分栏不被压暗、照常可点；弹窗在这块**剩下**的区域里居中，就像整页被推出去一样。 */\n.dshpc-modal-mask{\n  position:fixed;inset:0 var(--dshpc-page-inset-right,0px) 0 0;z-index:1070;\n  display:flex;align-items:center;justify-content:center;\n  background:var(--dshpc-mask);\n}\n/* 大弹窗家族（md/lg）：抄兄弟项目 archive-session-css 的 .dsh-tdt-sv-panel（surface-base + border-l2 + radius 12 + shadow-2）。 */\n.dshpc-modal{\n  display:flex;flex-direction:column;box-sizing:border-box;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);\n  box-shadow:var(--dshpc-shadow-2);overflow:hidden;\n}\n.dshpc-modal__head{\n  display:flex;align-items:center;gap:8px;padding:18px 31px 12px;\n  border-bottom:1px solid var(--dshpc-border);flex-wrap:wrap;\n}\n/* 标题组：第一行 = 标题 + 右侧小块（徽标紧跟标题），第二行 = 副标题。 */\n.dshpc-modal__titlegroup{display:flex;flex-direction:column;gap:2px;min-width:0;flex:0 1 auto}\n.dshpc-modal__titlerow{display:flex;align-items:center;gap:8px;min-width:0}\n.dshpc-modal__title{font-size:var(--dshpc-font-lg);font-weight:600;line-height:1.4;min-width:0}\n/* 标题下副标题行（兄弟项目 .dsh-tdt-sv-sid：等宽字体、caption 色、可换行）。 */\n.dshpc-modal__sid{font-family:var(--ds-font-family-code,monospace);font-size:var(--dshpc-font-xs);color:var(--dshpc-fg-3);word-break:break-all}\n/* 关闭按钮：24×24 方角图标位，不借用 Picker 的触发器皮肤（那份带 min-width:120px）。 */\n.dshpc-modal__close{\n  display:inline-flex;align-items:center;justify-content:center;flex:none;\n  width:20px;height:20px;padding:0;border:none;border-radius:var(--dshpc-radius-sm);\n  background:transparent;color:var(--dshpc-fg-3);font-family:inherit;font-size:13px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-modal__close:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-modal__close:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* body = 唯一滚动容器：内距与滚动都归它（滚动条贴面板右缘，不被内距挤进来）；\n   内容按流排，不设 height:100%、不自己开滚动条。 */\n.dshpc-modal__body{flex:1 1 auto;min-height:0;overflow:auto;padding:17px 31px}\n.dshpc-modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 31px 18px}\n.dshpc-toast-host{\n  position:fixed;z-index:1090;left:50%;bottom:32px;transform:translateX(-50%);\n  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;\n}\n.dshpc-toast{\n  padding:8px 14px;border-radius:8px;font-size:13px;color:var(--dshpc-fg);\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);\n  box-shadow:0 8px 24px rgba(15,23,42,.16);\n}\n.dshpc-toast--success{color:var(--dshpc-success);border-color:color-mix(in srgb,var(--dshpc-success) 40%,transparent)}\n.dshpc-toast--error{color:var(--dshpc-danger);border-color:color-mix(in srgb,var(--dshpc-danger) 40%,transparent)}\n.dshpc-error__retry{\n  margin-top:8px;color:var(--dshpc-link);cursor:pointer;background:none;border:none;padding:0;\n}\n/* 原生弹窗演示：经宿主 Modal 的 contentClassName 注入，证明宿主内容区尺寸可经类名自定义。 */\n.dshpc-native-demo-content{max-width:520px}\n/* Modal 头部四槽：左图标 / 标题组 / 弹性间隔 / 右侧动作区 + 关闭钮。 */\n.dshpc-modal__heading{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}\n.dshpc-modal__lead{flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}\n.dshpc-modal__extra{flex:none;display:inline-flex;align-items:center}\n.dshpc-modal__spacer{flex:1 1 auto;min-width:8px}\n.dshpc-modal__actions{flex:none;display:flex;align-items:center;gap:8px}\n/* 头部信号图标（AlertModal 按 severity 注入）：自含配色，不依赖宿主 token。 */\n.dshpc-alert-sev{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;color:#fff;flex:none}\n.dshpc-alert-sev--info{background:#2563eb}\n.dshpc-alert-sev--success{background:#16a34a}\n.dshpc-alert-sev--warning{background:#d97706}\n.dshpc-alert-sev--error{background:#dc2626}\n/* 小确认框家族（sm）：严格抄兄弟项目 renderConfirm 的 dialogStyle（task-list.tsx:456）——\n   360px 宽 / 18px 内距 / 头部无分隔线 / 说明文字 fg-2 / 底部按钮右对齐。 */\n.dshpc-modal--sm{padding:18px}\n.dshpc-modal--sm .dshpc-modal__head{padding:0 0 8px;border-bottom:none}\n.dshpc-modal--sm .dshpc-modal__body{padding:0 0 14px;overflow:visible;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-2);line-height:var(--dshpc-line-sm)}\n.dshpc-modal--sm .dshpc-modal__foot{padding:0}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/card-css.generated.js
-		const CARD_CSS = "\n.dshpc-card{\n  position:relative;box-sizing:border-box;color:var(--dshpc-fg);font:inherit;text-align:left;\n  --card-accent:var(--dshpc-business);\n  --card-accent-soft:var(--dshpc-business-soft);\n}\n/* 档位 → token（照 records-timeline 的 tone 模式：一个变量切档，不写 5 套规则；浅底与色条同源）。 */\n.dshpc-card--success{--card-accent:var(--dshpc-success);--card-accent-soft:var(--dshpc-success-soft)}\n.dshpc-card--warning{--card-accent:var(--dshpc-warning);--card-accent-soft:var(--dshpc-warning-soft)}\n.dshpc-card--danger{--card-accent:var(--dshpc-danger);--card-accent-soft:var(--dshpc-danger-soft)}\n/* neutral 浅底借 chip 底（兄弟项目 mute 档同款：明暗都成立）。 */\n.dshpc-card--neutral{--card-accent:var(--dshpc-fg-4);--card-accent-soft:var(--dshpc-chip-bg)}\n/* 扩展八色（2026-10-29）：色条 + 浅底同源，软底走各自 -soft。 */\n.dshpc-card--purple{--card-accent:var(--dshpc-purple);--card-accent-soft:var(--dshpc-purple-soft)}\n.dshpc-card--pink{--card-accent:var(--dshpc-pink);--card-accent-soft:var(--dshpc-pink-soft)}\n.dshpc-card--cyan{--card-accent:var(--dshpc-cyan);--card-accent-soft:var(--dshpc-cyan-soft)}\n.dshpc-card--teal{--card-accent:var(--dshpc-teal);--card-accent-soft:var(--dshpc-teal-soft)}\n.dshpc-card--orange{--card-accent:var(--dshpc-orange);--card-accent-soft:var(--dshpc-orange-soft)}\n.dshpc-card--indigo{--card-accent:var(--dshpc-indigo);--card-accent-soft:var(--dshpc-indigo-soft)}\n.dshpc-card--rose{--card-accent:var(--dshpc-rose);--card-accent-soft:var(--dshpc-rose-soft)}\n.dshpc-card--slate{--card-accent:var(--dshpc-slate);--card-accent-soft:var(--dshpc-slate-soft)}\n\n/* 头部一行 = 色条 + 主内容 + 右侧槽，**整体垂直居中**：调用方在 action 里裸放一个元素\n   （按钮 / 文字 / 图标）不用自己套容器居中；一行两行、右边怎么放由调用方在框内自定。 */\n.dshpc-card__head{display:flex;align-items:center;gap:8px;min-width:0}\n.dshpc-card__main{flex:1;min-width:0}\n.dshpc-card__side{display:flex;align-items:center;gap:6px;flex:none}\n\n/* ── 外观一 · StripCard：同色系浅底 + 1px 不可见占位边框 + 方角 + 4px 通高方角色条贴左缘 ── */\n.dshpc-card--strip{\n  padding:12px 12px 12px 20px;border:1px solid transparent;\n  background:var(--card-accent-soft,transparent);\n}\n/* 左内边距 20px = 16 留白 + 4 条宽 ⇒ 内容从色条右缘起算；色条绝对定位通高，跟着内容高度自适应。 */\n.dshpc-card--strip .dshpc-card__bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent)}\n\n/* ── 外观二 · Card：surface 底 + 1px 实色边框 + 圆角 + 行内圆角短条 ── */\n.dshpc-card--bordered{\n  /* 左内边距 12（比上/右/下 14 少 2）：竖条贴近边框；头部内缩 2px ⇒ 主内容跟着左移 2px，\n     竖条↔内容的 12px 间距不变——比「条子 left:-2 而内容不动」更正规（不靠相对定位硬补）。 */\n  padding:14px 14px 14px 12px;border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-sm);\n  background:var(--dshpc-surface-1);\n}\n.dshpc-card--bordered .dshpc-card__head{gap:12px}\n/* 短条：行内 flex 项，**高度跟着内容走**（stretch），最小一行文字（--dshpc-line-md）——\n   一行文字时条子与文字齐高，不会把卡撑高；竖条距左 12（= 左内边距），距上/右/下 14。 */\n.dshpc-card--bordered .dshpc-card__bar{width:6px;flex:none;align-self:stretch;min-height:var(--dshpc-line-md);border-radius:var(--dshpc-radius-xs);background:var(--card-accent)}\n.dshpc-card__toggle{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:24px;height:24px;padding:0;background:none;border:none;border-radius:6px;\n  color:var(--dshpc-fg-3);cursor:pointer;\n}\n.dshpc-card__toggle:hover{background:var(--dshpc-surface-sunken);color:var(--dshpc-fg)}\n/* 箭头是 svg（Chevron），不是字形 ⇒ 不要 font-size；inline-flex 免掉 svg 的基线留白。 */\n.dshpc-card__caret{display:inline-flex;transition:transform .15s ease}\n.dshpc-card__caret.is-open{transform:rotate(180deg)}\n.dshpc-card__panel{margin-top:8px;padding-top:8px;border-top:1px solid var(--dshpc-border-faint)}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/chip-css.generated.js
-		const CHIP_CSS = "\n/* 三条局部变量承载配色：neutral 走旧灰面；语义档换底字配对（2026-10-20 用户要多色多尺寸标签）。 */\n.dshpc-chip{--chip-bg:var(--dshpc-chip-bg);--chip-fg:var(--dshpc-fg);--chip-bg-hover:var(--dshpc-chip-bg-hover);\n  display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:1px 8px;\n  box-sizing:border-box;border-radius:var(--dshpc-radius-pill,999px);border:none;\n  background:var(--chip-bg);color:var(--chip-fg);\n  font-family:inherit;font-size:11px;line-height:18px;margin:0;\n  /* 2026-10-18：chip 是 flex 行里的常用项，禁止被压缩换行（预览站出现过文字竖排、互相叠压的挤压）。 */\n  white-space:nowrap;flex:none;\n  appearance:none;-webkit-appearance:none;\n}\n/* md 档：卡片元信息行等稍大场景；sm 即旧版默认，逐像素不动。 */\n.dshpc-chip--md{padding:2px 10px;font-size:12px;line-height:20px;}\n/* xs 档：标题后缀等极紧凑场景（2026-10-20 用户要更小标签）；16px 高、font 10。 */\n.dshpc-chip--xs{padding:0 6px;font-size:10px;line-height:16px;}\n/* 语义色实心档：底 / 字 / hover 配对与 Button 同源（黄底中高明度 ⇒ 字用 --dshpc-on-warning）。 */\n.dshpc-chip--business{--chip-bg:var(--dshpc-business);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-business-hover);}\n.dshpc-chip--success{--chip-bg:var(--dshpc-success);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-success-hover);}\n.dshpc-chip--warning{--chip-bg:var(--dshpc-warning);--chip-fg:var(--dshpc-on-warning);--chip-bg-hover:var(--dshpc-warning-hover);}\n.dshpc-chip--danger{--chip-bg:var(--dshpc-danger);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-danger-hover);}\n/* 扩展八色（2026-10-29）：实心面字色统一白（on-signal），明度均低于黄 / 青柠，白字两主题可读。 */\n.dshpc-chip--purple{--chip-bg:var(--dshpc-purple);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-purple-hover);}\n.dshpc-chip--pink{--chip-bg:var(--dshpc-pink);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-pink-hover);}\n.dshpc-chip--cyan{--chip-bg:var(--dshpc-cyan);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-cyan-hover);}\n.dshpc-chip--teal{--chip-bg:var(--dshpc-teal);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-teal-hover);}\n.dshpc-chip--orange{--chip-bg:var(--dshpc-orange);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-orange-hover);}\n.dshpc-chip--indigo{--chip-bg:var(--dshpc-indigo);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-indigo-hover);}\n.dshpc-chip--rose{--chip-bg:var(--dshpc-rose);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-rose-hover);}\n.dshpc-chip--slate{--chip-bg:var(--dshpc-slate);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-slate-hover);}\n/* 可点态：button 渲染（见 Chip.ts），光标 + hover 加深。 */\n.dshpc-chip--clickable{cursor:pointer;transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-chip--clickable:hover:not(:disabled){background:var(--chip-bg-hover)}\n.dshpc-chip:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n.dshpc-chip:disabled{cursor:default;color:var(--dshpc-fg-3)}\n/* maxWidth 包 MarqueeText 时：标签作为 flex 子项必须能收缩到内容以下，否则省略号 / 跑马灯测不准 */\n.dshpc-chip .dshpc-chip__label{min-width:0;}\n@media (prefers-reduced-motion: reduce){.dshpc-chip{transition:none}}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/code-viewer-css.generated.js
-		const CODE_VIEWER_CSS = "/* CodeViewer（只读 CodeMirror 查看器）样式。类名固定 dshpc-cv*；颜色吃 --dshpc-* token，\n   深色由 design 的 token 深色段自动生效（不写死颜色值）。 */\n.dshpc-cv{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;}\n/* 复制钮复用核心 IconButton（variant=outline / size=md）：盒型、描边、圆角（已统一 md）、底色、hover 全由核心提供；\n   这里只管「绝对定位 + 默认隐藏、hover/聚焦才显」（overlay 浮在编辑器右上角）。 */\n.dshpc-cv__copy{position:absolute;top:6px;right:6px;z-index:5;opacity:0;}\n.dshpc-cv:hover .dshpc-cv__copy,.dshpc-cv__copy:focus-visible{opacity:1;}\n.dshpc-cv__copy svg{width:16px;height:16px;}\n.dshpc-cv__editor{flex:1 1 auto;min-height:0;overflow:hidden;}\n.dshpc-cv__editor .cm-editor{height:100%;}\n.dshpc-cv__editor .cm-scroller{overflow:auto;}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/panel-dock-css.generated.js
-		const PANEL_DOCK_CSS = "\n/* 停靠栏 = **布局成员**，不是浮层：它占宽度、把主区真正挤窄（兄弟项目 2026-09-28：\n   「分栏压过来，不是盖上去」）。所以调用方必须把它放进自己的 flex 根里。 */\n.dshpc-dock{display:flex;flex:0 0 auto;align-self:stretch;min-width:0}\n/* 开着时给主区滚动条让出一条缝：滚动条贴死分隔线很难看（用户 2026-10-28，对齐\n   dsh-better-sidebar 的留白）。全关时整条 dock 退出，缝隙一起消失、不留白边。\n   缝宽可由调用方盖 --dshpc-dock-gap；TS 侧的让位量（DOCK_GAP）要与它一致。 */\n.dshpc-dock--open{margin-left:var(--dshpc-dock-gap,1px)}\n\n/* 自动加的宿主行（openFilePreview 加 / 关闭即摘）：消费方那行不必自己写 flex。\n   只让「第一个非预览子项」当主区伸展，其余直接子项不动（页脚条、工具条不误伤）；\n   display 不在这里写死 —— 本来就是 grid 等布局的元素保持原样，由 TS 侧按计算值补 flex。 */\n.dshpc-dock-host{min-width:0;min-height:0}\n.dshpc-dock-host>:not([data-dshpc-file-preview]){min-width:0}\n.dshpc-dock-host>:first-child:not([data-dshpc-file-preview]){flex:1 1 auto}\n\n/* 单栏：sticky + 100vh 让它在页面滚动时保持可见，同时仍然占宽度。\n   ⚠️ **本条刻意不设 z-index**：布局成员一旦带正 z-index，就会无条件压过宿主 portal 到 body 的\n   弹窗（兄弟项目 2026-10-05 真机事故「侧边栏盖住宿主设置弹窗」）。层序交给 DOM 顺序裁决。 */\n.dshpc-dock__panel{\n  box-sizing:border-box;position:sticky;top:0;align-self:stretch;\n  display:flex;flex-direction:column;flex:0 0 auto;\n  /* 高度默认视口高（整页场景）；嵌在定高容器里时由调用方给 --dshpc-dock-h（如 420px / 100%）。 */\n  height:var(--dshpc-dock-h,100vh);max-height:var(--dshpc-dock-h,100vh);min-width:0;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n  border-left:1px solid var(--dshpc-border);\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease);\n  box-shadow:var(--dshpc-shadow-2);\n  /* 入场：从 0 宽滑出来（keyframes 只写 from，终点取内联 width），打开 / 耳朵展开都走这条。 */\n  animation:dshpc-dock-in .22s var(--dshpc-ease);\n}\n/* overflow:hidden 只在动画前段（离散属性在 50% 翻转）——平时不能裁，否则挂在左缘外的\n   收起钮会被切掉一半。 */\n@keyframes dshpc-dock-in{from{width:0;opacity:0;overflow:hidden}}\n/* 收起的出场：宽度收到 0、透明淡出；落定后组件才真正摘掉这一栏（JS 延时 220ms 配合）。 */\n.dshpc-dock__panel--closing{\n  width:0!important;min-width:0!important;opacity:0;border-left-width:0;\n  transition:width .2s var(--dshpc-ease),opacity .2s var(--dshpc-ease),border-left-width .2s var(--dshpc-ease);\n}\n\n.dshpc-dock__head{\n  flex:none;display:flex;align-items:center;gap:8px;\n  /* 右侧 34px = 8(边距) + 20(关钮) + 6(呼吸)：给绝对定位的关钮留位，标题/extra 不从它底下钻 */\n  padding:10px 34px 10px 14px;\n  border-bottom:1px solid var(--dshpc-border-faint);\n}\n/* 图标位 / 标题右侧的内容位：消费方传 ReactNode，可塞多个；库只负责排布，不抢宽度。 */\n.dshpc-dock__lead{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-dock__extra{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto}\n/* 自定义头部：整行归调用方 —— 不加内边距/边框/背景，也不给关钮留内联空间（关钮是绝对定位的）。 */\n.dshpc-dock__head--custom{display:block;padding:0;border-bottom:none}\n.dshpc-dock__title{\n  flex:1 1 auto;min-width:0;\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n  font-size:var(--dshpc-font-md);font-weight:600;\n}\n/* 关闭钮：20×20 方角图标位（与 Modal 的关闭钮同规格，不借 Picker 触发器皮肤）。 */\n.dshpc-dock__close{\n  display:inline-flex;align-items:center;justify-content:center;flex:none;\n  width:20px;height:20px;padding:0;border:none;border-radius:var(--dshpc-radius-sm);\n  background:transparent;color:var(--dshpc-fg-3);\n  font-family:inherit;font-size:13px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-dock__close:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-dock__close:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 头部关钮：绝对定位，位置与内置头完全一致（top 10 / right 8）；自定义头也用这一个位置。\n   锚点是面板本身（position:sticky 即定位上下文），不在滚动内容里，所以正文滚动它不跟滚。 */\n.dshpc-dock__close--abs{position:absolute;top:10px;right:8px;z-index:8}\n/* 浮动关钮：无头部面板用，略收一点边距。 */\n.dshpc-dock__close--floating{\n  position:absolute;top:6px;right:6px;z-index:8;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border-faint);\n}\n\n/* 内容区自己滚：面板高度锁 100vh，内容不设内部滚动就会把整页撑高。 */\n.dshpc-dock__body{flex:1 1 auto;min-height:0;overflow:auto}\n\n/* 拖拽条：左缘 6px 命中区，**自己不画任何线**。\n   hover / 拖动时把面板自己的 border-left 染成蓝（用户 2026-10-28 四轮：蓝线只准改原线，\n   不准在原线旁边加一条 —— 之前在 padding box 左缘画渐变，正好叠出双线）。\n   命中区在 padding box 上、border 在它左外侧，所以只能改面板的 border 色。\n   z-index 7 必须高于面板内容里的浮层（复制钮一类），否则命中区会被内容盖住。 */\n.dshpc-dock__resizer{\n  position:absolute;left:0;top:0;bottom:0;width:6px;\n  z-index:7;cursor:col-resize;background:transparent;\n}\n.dshpc-dock__panel:has(> .dshpc-dock__resizer:hover),\n.dshpc-dock__panel--resizing{\n  /* 原线保留「上下渐隐」工作区指示条质感：把面板自己的 border-left 换成同款渐变\n     （不是另加一条线）。面板只有这一条边框、无圆角，所以只作用在线上。 */\n  border-image:linear-gradient(180deg,transparent,var(--dshpc-business) 30% 70%,transparent) 1;\n}\n\n/* 拖动期：① <iframe>（PDF / HTML 预览）是独立文档，会吞掉父文档的 pointermove，\n   向右拖进 iframe 就卡死 —— 整片让出指针事件；② contain 把重排隔离在栏内，\n   否则每帧改宽度都会牵动整页重排（兄弟项目 2026-10-04 真机「挪很久才动一下」）。 */\n.dshpc-dock.dshpc-dock--resizing iframe{pointer-events:none}\n.dshpc-dock.dshpc-dock--resizing .dshpc-dock__panel{contain:layout paint;will-change:width}\n\n/* 收起钮：**待在面板自己的框里**（用户 2026-10-28 三轮：占面板内部空间，不伸到外面去）。\n   left:0 从内侧贴着分隔线 —— 贴线的一边不描边（线是面板自己的 border-left），页签与线不重合。\n   20×44（用户 2026-10-28 四轮定尺寸）；实色底（--dshpc-plate，明暗各有实值），hover 亮一档。\n   padding-right:2px 是**视觉居中**：右侧是圆角，箭头往直线那边挪 1px（用户 2026-10-28 四轮）。 */\n.dshpc-dock__collapse{\n  position:absolute;left:0;top:50%;transform:translateY(-50%);\n  z-index:8;display:inline-flex;align-items:center;justify-content:center;\n  width:20px;height:44px;padding:0 2px 0 0;\n  border-top:1px solid var(--dshpc-border);\n  border-bottom:1px solid var(--dshpc-border);\n  border-right:1px solid var(--dshpc-border);\n  border-left:none;\n  border-radius:0 var(--dshpc-radius-sm) var(--dshpc-radius-sm) 0;\n  background:var(--dshpc-plate);color:var(--dshpc-fg-3);\n  font-family:inherit;font-size:16px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-dock__collapse:hover{background:var(--dshpc-plate-hover);color:var(--dshpc-fg)}\n.dshpc-dock__collapse:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n\n/* 收起后的浮动耳朵：**fixed 贴右缘、垂直居中、独立于分栏**（用户 2026-10-28 定稿：\n   小页签挂中间、里面放面板图标、不显示文字，箭头与收起钮反向）。多个按收起顺序纵向堆叠。\n   z 走 dock 档（低于宿主弹窗），避免盖住宿主 portal 层。 */\n.dshpc-dock__ears{\n  position:fixed;top:50%;right:0;transform:translateY(-50%);\n  z-index:var(--dshpc-z-dock,1030);\n  display:flex;flex-direction:column;gap:8px;align-items:flex-end;\n  pointer-events:none;\n}\n.dshpc-dock__ear{\n  pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;\n  /* 与收起钮**同尺寸**（20×44，用户 2026-10-28 四轮）：上/下/左描边，贴右缘的一侧不描。\n     实色底（--dshpc-plate），不用透明色 —— 透明底下透出东西很难看。\n     padding-left:2px 是**视觉居中**：左侧是圆角，箭头往直线（右缘）那边挪 1px。 */\n  width:20px;height:44px;box-sizing:border-box;padding:0 0 0 2px;\n  border-top:1px solid var(--dshpc-border);\n  border-bottom:1px solid var(--dshpc-border);\n  border-left:1px solid var(--dshpc-border);\n  border-right:none;\n  border-radius:var(--dshpc-radius-sm) 0 0 var(--dshpc-radius-sm);\n  background:var(--dshpc-plate);color:var(--dshpc-fg-2);\n  cursor:pointer;font-family:inherit;line-height:1;\n  animation:dshpc-ear-in .2s var(--dshpc-ease);\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n/* 入场：从右缘外滑进来，别「突然出现」（用户 2026-10-28）。 */\n@keyframes dshpc-ear-in{from{opacity:0;transform:translateX(14px)}}\n.dshpc-dock__ear:hover{background:var(--dshpc-plate-hover);color:var(--dshpc-fg)}\n.dshpc-dock__ear:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 与收起钮的箭头同一字号（16px）：收进去前后箭头一模一样大（用户 2026-10-28）。 */\n.dshpc-dock__ear-arrow{font-size:16px;color:var(--dshpc-fg-3)}\n.dshpc-dock__ear:hover .dshpc-dock__ear-arrow{color:var(--dshpc-fg)}\n/* 动效礼貌：系统声明减少动效时全部关掉（与 Segmented 同一约定），收起退化为瞬时、功能不受影响。 */\n@media (prefers-reduced-motion:reduce){\n  .dshpc-dock__panel{animation:none}\n  .dshpc-dock__panel--closing{transition:none}\n  .dshpc-dock__ear{animation:none}\n}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/explorer-css.generated.js
-		const EXPLORER_CSS = "/* 工作区文件浏览器（dshpc-fb-*）。\n *\n * 度量真源 = 兄弟项目 dsh-task-dispatch-table 的 src/client/archive-session-css.ts\n * （.dsh-tdt-sv-* 全族）。**逐条照抄，不许自己估**：padding / gap / 圆角 / 字号 / 行高 /\n * 边框色 / 悬停色 / 透明度动画 / 溢出策略，一一对应，改这里之前先去那边对原文。\n * 前缀与变量名换成本仓口径（--tdt-* → --dshpc-*），数值不换。\n *\n * 控件：能核心就核心（面包屑 = Button ghost、行尾 = Button outline、展开 / 图标 = IconButton、\n * 分段 = Segmented、文字 = MarqueeText）。核心控件自带的 padding / 高度 / 皮肤在本文件里\n * **按兄弟数值覆盖**（选择器带 .dshpc-fb 前缀提高特异性，确保盖得住控件默认值）。\n */\n.dshpc-fb{\n  position:relative;display:flex;flex-direction:column;height:100%;min-height:0;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n}\n\n/* 第一排：▾ 选层 + 面包屑 + 动作（兄弟 .dsh-tdt-sv-crumbbar）\n   ⚠️ 不能 overflow:hidden —— 下拉浮层挂在它下面，裁了就看不见。 */\n.dshpc-fb__bar{\n  position:relative;flex:none;display:flex;align-items:center;gap:2px;\n  padding:4px 10px;border-bottom:1px solid var(--dshpc-border);white-space:nowrap;\n}\n.dshpc-fb__menu-wrap{position:relative;flex:none;display:inline-flex}\n.dshpc-fb__crumbs{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2px;overflow:hidden}\n.dshpc-fb__crumbs-measure{\n  position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:2px;\n  visibility:hidden;pointer-events:none;white-space:nowrap;\n}\n\n/* 面包屑：核心 ghost 钮，但皮肤与尺寸取兄弟 .dsh-tdt-sv-crumb（高由内容决定，不锁控制高）。 */\n.dshpc-fb .dshpc-fb__crumb{\n  appearance:none;background:0 0;border:none;height:auto;\n  padding:2px 4px;border-radius:var(--dshpc-radius-sm);\n  font:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);\n  color:var(--dshpc-fg-2);cursor:pointer;\n  display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;\n}\n.dshpc-fb .dshpc-fb__crumb:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-fb .dshpc-fb__crumb:disabled{color:var(--dshpc-fg-2);cursor:default}\n.dshpc-fb .dshpc-fb__crumb--current{cursor:default;color:var(--dshpc-fg);font-weight:600;min-width:0}\n.dshpc-fb .dshpc-fb__crumb--current:hover{background:0 0}\n.dshpc-fb__crumb-mq{flex:1 1 auto;min-width:0}\n.dshpc-fb__crumb-sep{flex:none;color:var(--dshpc-fg-3)}\n\n/* 越界（outside-workspace）第一排：只读完整路径（兄弟 .dsh-tdt-sv-crumbbar-plain-inner）。 */\n.dshpc-fb__bar-plain{\n  font-family:var(--dshpc-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);color:var(--dshpc-fg-2);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;user-select:none;\n}\n.dshpc-fb__actions{flex:none;display:flex;align-items:center;gap:4px}\n\n/* ▾ 选层浮层（兄弟 .dsh-tdt-sv-crumbs-*）。\n   层序：兄弟是 30/31；本仓 picker 面板是 1100，遮罩必须高于它，否则菜单开着点面板不算「点外部」。 */\n.dshpc-fb__crumbs-backdrop{position:fixed;inset:0;z-index:1200;background:transparent}\n.dshpc-fb__crumbs-menu{\n  position:absolute;top:calc(100% + 4px);left:0;z-index:1201;min-width:160px;max-height:240px;overflow:auto;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-sm);\n  box-shadow:0 4px 16px rgba(0,0,0,.18);padding:4px;display:flex;flex-direction:column;\n}\n.dshpc-fb__menu-item{\n  appearance:none;background:0 0;border:none;text-align:left;font:inherit;\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-md);\n  padding:4px 8px;border-radius:var(--dshpc-radius-sm);color:var(--dshpc-fg);cursor:pointer;\n  max-width:280px;display:flex;align-items:center;gap:2px;\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n}\n.dshpc-fb__menu-item:hover{background:var(--dshpc-hover)}\n.dshpc-fb__menu-empty{\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-md);padding:4px 8px;color:var(--dshpc-fg-3);\n}\n.dshpc-fb__menu-icon{flex:none;display:inline-flex}\n.dshpc-fb__menu-chev{flex:none;color:var(--dshpc-fg-3);margin-right:1px}\n.dshpc-fb__menu-chev-slot{flex:none;width:11px;height:11px;margin-right:1px}\n.dshpc-fb__menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n/* 第二排（仅预览态）：文件名 + 工具（兄弟 .dsh-tdt-sv-titlebar / -preview-title-inner）。 */\n.dshpc-fb__title{\n  flex:none;display:flex;align-items:center;gap:8px;\n  padding:8px 14px;border-bottom:1px solid var(--dshpc-border);\n}\n.dshpc-fb__title-inner{\n  font-family:var(--dshpc-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);color:var(--dshpc-fg);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;\n}\n\n/* 主体（兄弟 .dsh-tdt-sv-preview-body / -hint / -preview-err） */\n.dshpc-fb__body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}\n.dshpc-fb__note{font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-2);text-align:center;padding:12px 0}\n.dshpc-fb__err{\n  display:flex;flex-direction:column;align-items:flex-start;gap:10px;\n  font-size:var(--dshpc-font-sm);line-height:1.6;color:var(--dshpc-fg-2);padding:8px 0;\n}\n\n/* 目录树（兄弟 .dsh-tdt-sv-tree*） */\n.dshpc-fb__tree{flex:1;min-height:0;overflow:auto;padding:6px 8px}\n.dshpc-fb__row{\n  display:flex;align-items:center;gap:8px;padding:6px 8px;\n  border-radius:var(--dshpc-radius-sm);cursor:pointer;user-select:none;\n}\n.dshpc-fb__row:hover{background:var(--dshpc-hover)}\n.dshpc-fb__row:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-2px}\n.dshpc-fb__row-icon{flex:none;display:inline-flex;color:var(--dshpc-fg-2)}\n.dshpc-fb__row-name{\n  flex:1;min-width:0;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);color:var(--dshpc-fg);\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n}\n\n/* 展开开关：核心 IconButton，命中位 20×20 + 展开时转 90°（兄弟 .dsh-tdt-sv-tree-toggle{,-open}）。 */\n.dshpc-fb .dshpc-fb__row-toggle{\n  appearance:none;background:0 0;border:none;flex:none;\n  width:20px;height:20px;padding:0;margin:0;border-radius:var(--dshpc-radius-sm);\n  color:var(--dshpc-fg-2);cursor:pointer;\n  display:inline-flex;align-items:center;justify-content:center;\n  transition:transform var(--dshpc-dur-fast) var(--dshpc-ease),background var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-fb .dshpc-fb__row-toggle--open{transform:rotate(90deg)}\n\n/* 行尾「进入 / 选择」：核心 outline 钮，皮肤取兄弟 .dsh-tdt-sv-tree-act（高由内容决定）。\n   平时隐身但占位（opacity 而非 display）⇒ 出现时不顶动行内布局。 */\n.dshpc-fb .dshpc-fb__row-act{\n  flex:none;margin-left:auto;appearance:none;background:0 0;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-sm);\n  height:auto;padding:2px 8px;font-size:var(--dshpc-font-sm);line-height:1.4;\n  color:var(--dshpc-fg-2);cursor:pointer;\n  opacity:0;pointer-events:none;\n  transition:opacity var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-fb__row:hover .dshpc-fb__row-act,.dshpc-fb .dshpc-fb__row-act:focus-visible{opacity:1;pointer-events:auto}\n.dshpc-fb .dshpc-fb__row-act:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n\n.dshpc-fb__row-children{\n  margin-left:9px;padding-left:7px;border-left:1px solid var(--dshpc-border);\n  display:flex;flex-direction:column;\n}\n.dshpc-fb__row-note{flex:none;padding:8px 10px;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-3)}\n.dshpc-fb__row-err{padding:4px 8px 4px 36px;font-size:var(--dshpc-font-sm);color:var(--dshpc-danger)}\n\n/* 预览体内部容器（仅本仓预览组件用；兄弟对应 preview-fill / preview-body-code 一类）。\n   必须 border-box：渲染态 inline 加了 padding:12px 14px，content-box 下 width:100%+padding\n   会溢出父层 28px（父 .dshpc-fb 无 overflow 裁切）→ 恒多一条横滚条；border-box 把 padding\n   算进 100%，从根消除该溢出。 */\n.dshpc-fb__text{flex:1;min-height:0;overflow:auto;width:100%;box-sizing:border-box}\n.dshpc-fb__banner{padding:6px 10px;background:var(--dshpc-open-bg);color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm)}\n.dshpc-fb__more{display:flex;justify-content:center;padding:10px}\n.dshpc-fb__image{max-width:100%;border-radius:var(--dshpc-radius-sm);border:1px solid var(--dshpc-border)}\n/* iframe 的外壳（兄弟 .dsh-tdt-sv-preview-fill）：iframe 必须包在这一层里才拿得到高度——\n   裸挂 iframe 时替换元素的自动最小尺寸会让高度算不出来（表现为预览区整片空白、像没反应）。 */\n.dshpc-fb__fill{flex:1;min-height:0;display:flex;overflow:hidden;padding:0}\n.dshpc-fb__frame{flex:1;min-height:0;width:100%;height:100%;border:none;background:var(--dshpc-surface-1)}\n";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/session/session-css.generated.js
-		const SESSION_CSS = "/* 会话预览（SessionViewModal）自绘样式：只装本包自己的组件（暂存输入区 / fork / 探针等）\n   + 两个稳定钩子类（dshpc-sv-frame / dshpc-sv-scroll）。\n   已删：ChangedFiles 卡与 FileDiff 的全部自绘规则（2026-10-24）——官方 ChangedFiles /\n   FileDiff 模块类由 officialClass() 运行时发现并挂在元素上，本包不再有一行兜底。\n   ⚠️ 2026-10-23 起不再有官方类兜底：镜像官方组件的元素一律挂官方 CSS-module 类名\n   （officialClass() 运行时发现，取不到 = 空类、裸结构不白屏）——本包只跑 DSH 宿主、官方样式必在场，\n   自绘一一对应是死代码。要改官方观感走 token 覆盖 / 双类名钩子（见 ChatView.ts 头注），别在这加兜底。\n   类名固定 dshpc-sv-*；颜色一律走 --dshpc-* token（明暗自适应）。\n   外壳（遮罩 / 面板 / 头部 / 关闭钮）= 核心 Modal（size lg）。 */\n/* 会话区 = 普通纵向流：不设高度、不自己滚（滚动与内距归核心 Modal body，用户 2026-10-22 口径）。 */\n.dshpc-sv{display:flex;flex-direction:column;min-width:0;gap:10px}\n\n/* 官方样式未命中时的可见探针（挂在头部副标题行，不占正文）。 */\n.dshpc-sv-probe{font-size:var(--dshpc-font-xs);color:var(--dshpc-warning,#b7791f)}\n\n/* 头部归档标识（官方归档图标 + 「已归档」）。 */\n.dshpc-sv-archived{display:inline-flex;align-items:center;gap:4px;font-size:var(--dshpc-font-xs);font-weight:400;color:var(--dshpc-fg-3)}\n\n/* 内距与滚动全部让给核心 Modal body ⇒ 这里把官方 ChatView.frame / scroll 的内距、\n   overflow、高度一律归零（双类名 0,2,0 压过 CSS module，不靠注入顺序）。\n   ⚠️ 必须同时把 flex 收掉：官方 scroll 是 flex:1（basis=0），在**自动高**的容器里会把\n   会话区压成 0 高 —— 这正是「内容自管高度」的老毛病，别再放回来。 */\n.dshpc-sv-frame.dshpc-sv-frame{padding-top:0;padding-bottom:0;}\n\n.dshpc-sv-scroll.dshpc-sv-scroll{padding:0;overflow:visible;height:auto;max-height:none;flex:none;}\n\n/* 会话区保底：高度由内容决定（撑开由 Modal body 滚）。 */\n.dshpc-sv-chat{flex:none;min-height:0;}\n\n\n.dshpc-sv-assistant{align-self:stretch;font-size:var(--dshpc-font-lg);line-height:1.7;word-break:break-word;}\n\n.dshpc-sv-image{align-self:flex-start;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-3,rgba(128,128,128,.8));border:1px dashed var(--dshpc-border,rgba(128,128,128,.35));border-radius:var(--dshpc-radius-sm);padding:4px 10px;}\n\n/* 工具卡根（SessionViewModal legacy 兜底渲染直接用；正常 keyed 路径一律挂官方 ToolRow 类）。 */\n.dshpc-sv-tool{flex-direction:column;display:flex;}\n\n.dshpc-sv-notice{align-self:center;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-3,rgba(128,128,128,.8));padding:2px 8px;}\n\n\n.dshpc-sv-forkerr{margin:0;font-size:var(--dshpc-font-lg);line-height:var(--dshpc-line-lg);color:var(--dshpc-danger,#e5484d);word-break:break-word;}\n\n.dshpc-sv-forktext{margin:0;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);color:var(--dshpc-fg-2);}\n\n/* ── 暂存输入区（期4：打字 → 确定 → fork 带话跳官方视图）── */\n.dshpc-sv-composer{flex:1;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;}\n\n.dshpc-sv-composer textarea{flex:1;min-width:0;resize:none;font:inherit;font-size:var(--dshpc-font-lg);line-height:var(--dshpc-line-lg);color:var(--dshpc-fg,#1f2328);background:var(--dshpc-surface-2,rgba(128,128,128,.10));border:1px solid var(--dshpc-border,rgba(128,128,128,.28));border-radius:var(--dshpc-radius-md);padding:8px 12px;min-height:40px;max-height:120px;}\n\n.dshpc-sv-composer textarea:focus-visible{outline:2px solid var(--dshpc-focus,#3b5bdb);outline-offset:-1px;}\n\n.dshpc-sv-composer-hint{flex:none;font-size:var(--dshpc-font-xs);color:var(--dshpc-fg-3,rgba(128,128,128,.8));padding-bottom:10px;white-space:nowrap;}";
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/css.js
-		const CONTROLS_DOMAIN = "controls";
-		/**
-		* 全部控件样式（数组顺序不可调换：同特异性规则后注入者胜出）。
-		* 导出仅供 `test/css-contract.test.mjs` 做文本自检，不作为对外 API。
-		*/
-		const CONTROLS_CSS = [
-			SEGMENTED_CSS,
-			BUTTON_CSS,
-			FIELD_CSS,
-			LOADING_CSS,
-			BACK_TO_TOP_CSS,
-			HINT_CSS,
-			PICKER_CSS,
-			DATETIME_CSS,
-			FEEDBACK_CSS,
-			EXPLORER_CSS,
-			SESSION_CSS,
-			CARD_CSS,
-			CHIP_CSS,
-			MARQUEE_CSS,
-			PANEL_DOCK_CSS,
-			CODE_VIEWER_CSS,
-			SPLIT_GROUP_CSS
-		].join("\n");
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/css.js
 		/**
 		* 当前插件的样式设施。
 		*
@@ -210,13 +135,33 @@ window.__ModuleLoader__.load({
 		function getStyleKit() {
 			return current$1;
 		}
-		/** 登记 token + 控件样式并确保挂载（幂等）。 */
+		/**
+		* 只登记 token 变量（幂等；不挂载 `<style>`）。
+		*
+		* 插件启动时调一次做预热是安全的，但**不是必需的** —— 任何控件首次渲染时
+		* 也会自行登记 token（见 {@link ensureComponentStyles}）。token 域始终排在所有控件域之前
+		* （`style-kit.ts` 的 composeCss 强制），所以颜色 / 变量引用链不受拆分影响。
+		*/
 		function ensureControls(kit = current$1) {
 			kit.registerStyle("tokens", kit.tokensCss);
-			kit.applyStyle(CONTROLS_DOMAIN, CONTROLS_CSS);
+		}
+		/**
+		* 确保某个控件自己的样式已登记、且 `<style>` 已挂载（幂等，可直接在 render 里调）。
+		*
+		* 每个控件**只传自己那份 CSS**：把它依赖的那 1~2 份传进来即可，绝不能顺手把别人的拼上去
+		* （一拼就又退化成全量，包体省不下来）。同理，若是某份 CSS 里带上下文限定的修饰
+		* （如 `.dshpc-split .dshpc-seg`），那份由提供上下文的控件自己负责，消费者不用管。
+		*
+		* @param domain 本控件的样式域，repo 内唯一。
+		* @param css 该控件自己的 CSS 文本。
+		* @param kit 样式设施（默认取当前插件的 kit）。
+		*/
+		function ensureComponentStyles(domain, css, kit = current$1) {
+			kit.registerStyle("tokens", kit.tokensCss);
+			kit.applyStyle(domain, css);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/picker-logic.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/picker-logic.js
 		/** 两种输入归一成 groups：给了 `options` 就当成一个无标题的组。 */
 		function toGroups(groups, options) {
 			if (groups !== void 0 && groups.length > 0) return groups;
@@ -2450,7 +2395,7 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/chevron.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/chevron.js
 		/**
 		* 全站唯一的箭头：**自绘 chevron**（就是下拉框右侧那颗）。
 		*
@@ -2488,7 +2433,7 @@ window.__ModuleLoader__.load({
 			}));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/utils/i18n.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/utils/i18n.js
 		/**
 		* utils 自带的最小多语言。
 		*
@@ -3025,7 +2970,22 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/FieldHint.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/controls/segmented-css.generated.js
+		const SEGMENTED_CSS = "\n/* ── 分段控件 P2 ─────────────────────────────────────────────────────\n   结构照兄弟项目 dsh-task-dispatch-table 的 Segmented 皮肤（item 无边框、hover 只提亮文字），\n   前缀 / 变量名换成本仓口径。用户额外要的两处（兄弟没有）：weekday 方块间隔（现为 2px）；段内中性计数 __count。\n   ⚠️ 2026-10-19 两次误判均已澄清：① 「宿主只认单行 CSS」——假，多行一直正常；\n   ② 「宿主吃掉 token 块之后第一条规则」——也假，真因是 tokens 模板字符串结尾多了一个反斜杠，\n   注入文本里留下字面反引号，把紧随其后的那条规则的选择器污染掉了（见 dsh-host.md §9）。\n   样式照常多行书写，不必压行；也不需要任何「牺牲规则」。 */\n/* 外观只有一套（2026-10-26）：原 variant 的 default / inset 两档在 CSS 里只差 1px 内距，\n   且 default 比文档承诺矮 2px，却让下游以为「有得选」而反复对图 ⇒ 整轴删除。\n   padding 3px 是尺寸契约的一部分：item 高度 = 控制高 − 6px，加起来正好 24 / 28 / 32。 */\n/* 选中片配色收在两条局部变量里（--seg-thumb 底 / --seg-on 字）：默认走主题亮片，\n   tone 档与自定义 {bg, fg} 都只改这两条（后者由组件内联写根节点，内联恒胜）。 */\n.dshpc-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--dshpc-radius-md);--seg-thumb:var(--dshpc-surface-raised);--seg-on:var(--dshpc-fg);background:var(--dshpc-seg-track);}\n.dshpc-seg__item{appearance:none;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:calc(var(--dshpc-control-h-sm) - 6px);padding:0 12px;border:0;border-radius:var(--dshpc-radius-sm);background:transparent;color:var(--dshpc-fg-2);font-family:inherit;font-size:var(--dshpc-font-xs);font-weight:500;white-space:nowrap;cursor:pointer;flex:none;transition:color var(--dshpc-dur-fast) var(--dshpc-ease),background-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-seg--md .dshpc-seg__item{height:calc(var(--dshpc-control-h-md) - 6px);}\n.dshpc-seg--lg .dshpc-seg__item{height:calc(var(--dshpc-control-h-lg) - 6px);}\n.dshpc-seg__item:hover:not([aria-pressed='true']):not(:disabled){color:var(--dshpc-fg);}\n.dshpc-seg__item[aria-pressed='true']{background:var(--seg-thumb);box-shadow:var(--dshpc-shadow-raised);color:var(--seg-on);font-weight:600;}\n.dshpc-seg__item:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-2px;}\n.dshpc-seg__item:disabled{cursor:default;opacity:.4;}\n/* 段内角标（如「异常」的数量）：语义色实面 + 反白字，0 由组件侧不渲染。必须是正圆（用户 2026-10-03）。 */\n.dshpc-seg__badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;overflow:hidden;border-radius:50%;background:var(--dshpc-danger);color:var(--dshpc-on-signal);font-size:10px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums;}\n/* 段内中性计数（如筛选条「全部 11」）：纯文字、无底无边（对齐 task-ledger .dtl-seg__num 拍板口径）；0 由组件侧不渲染。 */\n.dshpc-seg__count{display:inline;flex:none;margin-left:3px;padding:0;border:0;border-radius:0;background:none;color:var(--dshpc-fg-3);font-size:10px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;}\n/* 选中段（彩色实面）里的计数：必须跟着 --seg-on 走再压暗一档（72% 白 ≈ 「比正文稍灰」）。\n   不许用 --dshpc-fg-3：它跟主题走，暗色下是深灰 ⇒ 蓝底上几乎看不见（2026-10-29 用户截图「My todos 4」）。 */\n.dshpc-seg__item[aria-pressed='true'] .dshpc-seg__count{color:color-mix(in srgb,var(--seg-on) 72%,transparent);}\n/* block：撑满父宽（表单行用），各段等分 */\n.dshpc-seg--block{display:flex;width:100%;}\n.dshpc-seg--block .dshpc-seg__item{flex:1 1 auto;justify-content:center;}\n/* weekday：星期多选方块。基础插件的特殊化定制（用户 2026-10-01：原 WeekdayPicker 即「蓝底 + 近似方形」）：\n   每格正方形（宽 = 段高）、选中品牌蓝反白字、**无外描边**（2026-10-18 重申）、\n   方块之间间距 gap:2px（2026-10-20 用户定稿：方块改小后 6px 显得太宽。10-18 曾从 2px 放宽到 6px，\n   两次都是用户拍板 —— 别自作主张改回去）。 */\n.dshpc-seg--weekday{--seg-track:var(--dshpc-seg-track);gap:2px;border:0;padding:3px;background:var(--seg-track);}\n.dshpc-seg--weekday .dshpc-seg__item{width:calc(var(--dshpc-control-h-lg) - 8px);padding:0;justify-content:center;}\n/* 蓝底反白：字色必须是常量白（--dshpc-on-signal）。2026-10-29 用户实测：暗色主题下这里曾用\n   --dshpc-fg-inverse，而它跟随宿主 label-primary-foreground，暗色下是近黑 ⇒ 蓝底黑字看不清。 */\n.dshpc-seg--weekday{--seg-thumb:var(--dshpc-business);--seg-on:var(--dshpc-on-signal);}\n\n/* ── tone（2026-10-29 用户）：选中片传内置基础色名，底 / 字由核心给，深浅两主题各自成立。\n   放在 weekday 之后：同名变量后写者胜，tone 与 className=\"dshpc-seg--weekday\" 同给时以 tone 为准。\n   黄底按 Chip / Button 同源口径用 on-warning（中高明度，白字看不清）。 */\n.dshpc-seg--tone-business{--seg-thumb:var(--dshpc-business);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-success{--seg-thumb:var(--dshpc-success);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-warning{--seg-thumb:var(--dshpc-warning);--seg-on:var(--dshpc-on-warning);}\n.dshpc-seg--tone-danger{--seg-thumb:var(--dshpc-danger);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-purple{--seg-thumb:var(--dshpc-purple);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-pink{--seg-thumb:var(--dshpc-pink);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-cyan{--seg-thumb:var(--dshpc-cyan);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-teal{--seg-thumb:var(--dshpc-teal);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-orange{--seg-thumb:var(--dshpc-orange);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-indigo{--seg-thumb:var(--dshpc-indigo);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-rose{--seg-thumb:var(--dshpc-rose);--seg-on:var(--dshpc-on-signal);}\n.dshpc-seg--tone-slate{--seg-thumb:var(--dshpc-slate);--seg-on:var(--dshpc-on-signal);}\n\n/* ── 单选滑动块（2026-10-26 用户：点选后选中底应「滑过去」，不是旧段消失、新段直接亮）。\n   结构 = 一块绝对定位的共用底 + 各段透明；位置/尺寸由组件量出后内联，这里只管外观与过渡。\n   --slide 只在单选挂上：多选（如星期）每段各自着色，没有唯一滑块可滑，保持原样。 */\n.dshpc-seg--slide{position:relative;}\n.dshpc-seg--slide .dshpc-seg__item{position:relative;z-index:1;}\n.dshpc-seg--slide .dshpc-seg__item[aria-pressed='true']{background:transparent;box-shadow:none;}\n.dshpc-seg__thumb{position:absolute;z-index:0;border-radius:var(--dshpc-radius-sm);background:var(--seg-thumb);box-shadow:var(--dshpc-shadow-raised);pointer-events:none;transition:left var(--dshpc-dur) var(--dshpc-ease),top var(--dshpc-dur) var(--dshpc-ease),width var(--dshpc-dur) var(--dshpc-ease),height var(--dshpc-dur) var(--dshpc-ease);}\n\n/* ── bordered 外框（2026-10-20 用户要的第二种模式）：**只在最外面套一圈 1px 描边**，\n   里面一概不动 —— 选中片的填充色 / 阴影 / 文字色全部保持原样（weekday 的蓝面照旧），\n   这里不写任何针对 __item 的规则。\n   总高必须与无框版逐像素一致：border 1px×2 由 padding 各让 1px 抵消（3 → 2）；\n   weekday 自己声明的 3px 在文件更后面，靠双类选择器压回 2px。 */\n.dshpc-seg--bordered{border:1px solid var(--dshpc-border);padding:2px;}\n.dshpc-seg--bordered.dshpc-seg--weekday{padding:2px;}\n\n@media (prefers-reduced-motion: reduce){.dshpc-seg__item{transition:none;}.dshpc-seg__thumb{transition:none;}}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/controls/button-css.generated.js
+		const BUTTON_CSS = "\n/* ── 按钮 / 图标钮 P2 ───────────────────────────────────────────────────\n   与 Segmented 同一条高度纪律：--dshpc-control-h-sm(24) / -md(28) / -lg(32)，\n   有边框的 variant 用 1px 真边框 + 内部 padding 补回，**有边 / 无边同高**。\n\n   三条受控轴（2026-10-19 重写，对齐主流 UI 框架的分类口径）：\n     · variant —— 外观档 = 形态 + 语义色，共 10 档：\n         primary / secondary / outline / ghost / danger / success / warning / info /\n         danger-outline（红字描边）/ link（行内链接）\n     · size —— sm / md / lg\n     · block —— 撑满父宽\n   每一档**只填 5 个局部变量**（--btn-bg / -fg / -border / -bg-hover / -bg-active），\n   结构与交互只有上面这一份；任何档位都不许再写一遍 display/height/padding。\n   自定义颜色（Button 的 color 参数）同样只覆盖这 5 个变量（token 覆盖，不是新皮肤）。\n\n   ⚠️ hover 不再用 opacity 压一层（用户 2026-10-19：「黑色和红色的按钮移上去变化太小，\n   完全感觉不到颜色变了」）⇒ 走 --dshpc-*-hover / -active 的明确混色，见 tokens-css.ts。 */\n.dshpc-btn{--btn-bg:transparent;--btn-fg:var(--dshpc-fg);--btn-border:transparent;--btn-pad:12px;\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);--btn-fg-hover:var(--btn-fg);\n  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;\n  box-sizing:border-box;border:1px solid var(--btn-border);border-radius:var(--dshpc-radius-md);\n  background-color:var(--btn-bg);color:var(--btn-fg);font-family:inherit;font-weight:500;white-space:nowrap;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),border-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease),transform var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-btn--sm{--btn-pad:10px;height:var(--dshpc-control-h-sm);padding:0 var(--btn-pad);font-size:var(--dshpc-font-sm);line-height:1;}\n.dshpc-btn--md{--btn-pad:12px;height:var(--dshpc-control-h-md);padding:0 var(--btn-pad);font-size:var(--dshpc-font-md);line-height:1;}\n.dshpc-btn--lg{--btn-pad:14px;height:var(--dshpc-control-h-lg);padding:0 var(--btn-pad);font-size:var(--dshpc-font-md);line-height:1;}\n/* block：撑满父宽（表单底栏 / 抽屉底部的主操作） */\n.dshpc-btn--block{display:flex;width:100%;}\n/* block + 前置图标 ⇒ 文字视觉居中（2026-10-19 用户点名）：\n   内容组 [图标 + 间距 + 文字] 整体在盒内居中时，**文字**的中心会被图标推右半格。\n   把右内边距补上「图标宽 + 间距」，可用盒随之左移同量 ⇒ 文字落回视觉中心，图标贴左侧。\n   图标宽按 1.2em 估（官方图标 14/16px vs 字号 12/13px），em 随字号档自动缩放。 */\n.dshpc-btn--block.dshpc-btn--icon-start{padding-right:calc(var(--btn-pad) + 1.2em + 6px);}\n.dshpc-btn__icon,.dshpc-btn__icon-end{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;}\n.dshpc-btn__icon svg,.dshpc-btn__icon-end svg{display:block;margin:0;}\n/* maxWidth 包 MarqueeText 时：标签作为 flex 子项必须能收缩到内容以下，否则省略号 / 跑马灯测不准 */\n.dshpc-btn .dshpc-btn__label{min-width:0;}\n/* loading：不换 DOM 结构，只在文案前插一枚 Loader（size=xs，12px）。\n   环的画法与动画统一在 controls/loader.css（本文件不再维护第二份 SVG 弧 / keyframes）。 */\n\n/* 交互态：颜色变化写在变量上 ⇒ 所有档位一次生效，且变化幅度由 token 决定（够明显） */\n.dshpc-btn:hover:not(:disabled){background-color:var(--btn-bg-hover);color:var(--btn-fg-hover);}\n.dshpc-btn:active:not(:disabled){background-color:var(--btn-bg-active);transform:translateY(1px);}\n.dshpc-btn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:2px;}\n.dshpc-btn:disabled{cursor:default;opacity:.5;}\n\n.dshpc-btn--primary{--btn-bg:var(--dshpc-accent);--btn-fg:var(--dshpc-fg-inverse);\n  --btn-bg-hover:var(--dshpc-accent-hover);--btn-bg-active:var(--dshpc-accent-active);}\n/* secondary：中性实心（灰面），用于「取消 / 次要」这类与主操作并排的按钮 */\n.dshpc-btn--secondary{--btn-bg:var(--dshpc-hover);--btn-fg:var(--dshpc-fg);\n  --btn-bg-hover:var(--dshpc-active);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--outline{--btn-bg:var(--dshpc-surface-1);--btn-border:var(--dshpc-border-strong);\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--ghost{--btn-fg:var(--dshpc-fg-2);--btn-fg-hover:var(--dshpc-fg);\n  --btn-bg-hover:var(--dshpc-hover);--btn-bg-active:var(--dshpc-active);}\n.dshpc-btn--danger{--btn-bg:var(--dshpc-danger);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-danger-hover);--btn-bg-active:var(--dshpc-danger-active);}\n.dshpc-btn--success{--btn-bg:var(--dshpc-success);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-success-hover);--btn-bg-active:var(--dshpc-success-active);}\n.dshpc-btn--warning{--btn-bg:var(--dshpc-warning);--btn-fg:var(--dshpc-on-warning);\n  --btn-bg-hover:var(--dshpc-warning-hover);--btn-bg-active:var(--dshpc-warning-active);}\n.dshpc-btn--info{--btn-bg:var(--dshpc-business);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-business-hover);--btn-bg-active:var(--dshpc-business-active);}\n/* 扩展八色实心（2026-10-29）：白字两主题均 ≥4.5:1；hover/active 走各自 token 派生。 */\n.dshpc-btn--purple{--btn-bg:var(--dshpc-purple);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-purple-hover);--btn-bg-active:var(--dshpc-purple-active);}\n.dshpc-btn--pink{--btn-bg:var(--dshpc-pink);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-pink-hover);--btn-bg-active:var(--dshpc-pink-active);}\n.dshpc-btn--cyan{--btn-bg:var(--dshpc-cyan);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-cyan-hover);--btn-bg-active:var(--dshpc-cyan-active);}\n.dshpc-btn--teal{--btn-bg:var(--dshpc-teal);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-teal-hover);--btn-bg-active:var(--dshpc-teal-active);}\n.dshpc-btn--orange{--btn-bg:var(--dshpc-orange);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-orange-hover);--btn-bg-active:var(--dshpc-orange-active);}\n.dshpc-btn--indigo{--btn-bg:var(--dshpc-indigo);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-indigo-hover);--btn-bg-active:var(--dshpc-indigo-active);}\n.dshpc-btn--rose{--btn-bg:var(--dshpc-rose);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-rose-hover);--btn-bg-active:var(--dshpc-rose-active);}\n.dshpc-btn--slate{--btn-bg:var(--dshpc-slate);--btn-fg:var(--dshpc-on-signal);\n  --btn-bg-hover:var(--dshpc-slate-hover);--btn-bg-active:var(--dshpc-slate-active);}\n/* danger-outline：红字描边（破坏性次要操作，如卡片上的「删除」）。\n   ⚠️ 旧修饰类 danger-ink 保留为别名（消费方可能还在挂），两者同一套皮肤。 */\n.dshpc-btn--danger-outline,.dshpc-btn--danger-ink{--btn-border:var(--dshpc-danger);--btn-fg:var(--dshpc-danger);\n  --btn-fg-hover:var(--dshpc-danger);--btn-bg-hover:var(--dshpc-danger-soft);--btn-bg-active:var(--dshpc-danger-soft);}\n/* link：行内文字链接型（会话 / 产出文件名），无底无边、品牌蓝、hover 下划线 */\n.dshpc-btn--link{--btn-fg:var(--dshpc-link);--btn-fg-hover:var(--dshpc-link);\n  --btn-bg-hover:transparent;--btn-bg-active:transparent;\n  height:auto;padding:0;border:0;background:none;font-weight:400;text-align:left;}\n.dshpc-btn--link:hover:not(:disabled){text-decoration:underline;}\n\n/* 图标钮：纯图标，方形；尺寸档的宽高与同档文字按钮等高、圆角统一吃 md（与 .dshpc-btn 同款，2026-10-28 拍板） */\n.dshpc-iconbtn{appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;\n  border:1px solid transparent;border-radius:var(--dshpc-radius-md);background:transparent;color:var(--dshpc-fg-2);\n  font-family:inherit;cursor:pointer;flex:none;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),border-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease),opacity var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-iconbtn--sm{width:var(--dshpc-control-h-sm);height:var(--dshpc-control-h-sm);font-size:var(--dshpc-font-sm);}\n.dshpc-iconbtn--md{width:var(--dshpc-control-h-md);height:var(--dshpc-control-h-md);font-size:var(--dshpc-font-md);}\n.dshpc-iconbtn--lg{width:var(--dshpc-control-h-lg);height:var(--dshpc-control-h-lg);font-size:var(--dshpc-font-md);}\n.dshpc-iconbtn--plain{color:var(--dshpc-fg-2);}\n.dshpc-iconbtn--outline{background:var(--dshpc-surface-1);border-color:var(--dshpc-border);color:var(--dshpc-fg-2);}\n.dshpc-iconbtn--danger{color:var(--dshpc-danger);}\n.dshpc-iconbtn:hover:not(:disabled){background:var(--dshpc-hover);color:var(--dshpc-fg);}\n.dshpc-iconbtn--danger:hover:not(:disabled){background:var(--dshpc-danger-soft);color:var(--dshpc-danger);}\n.dshpc-iconbtn:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:2px;}\n.dshpc-iconbtn:disabled{cursor:default;opacity:.4;}\n\n/* ── 行式文件按钮（图标 + 文件名）P2：**全站唯一实现**（2026-10-04 收编）──────────\n   用途：「产出物 / 附件」那种**一行一个文件**的清单项（基础信息右栏产出物清单、附件区、\n   执行记录页的展开区）。平时透明、**鼠标移上去才出浅底**（沿用用户 2026-10-03 定的观感）。\n   两个形态修饰类：\n     --block   撑满父宽（清单里一项一行）\n     --inline  内容宽（跟在文字后头，如附件行）\n   收编原因：这份皮肤此前只写在 task-list.tsx 的 TASK_LIST_CSS 里（旧名 .dshpc-info-out），\n   执行记录页展开区要用同一种观感 ⇒ 上提基础层，避免再出现「各写一份外观」（同名不同皮的坑刚踩过）。 */\n.dshpc-filechip{appearance:none;-webkit-appearance:none;border:0;border-radius:var(--dshpc-radius-xs);\n  background:transparent;color:var(--dshpc-fg);font:inherit;text-align:left;cursor:pointer;min-width:0;\n  transition:background-color var(--dshpc-dur) var(--dshpc-ease);}\n.dshpc-filechip:hover:not(:disabled){background:var(--dshpc-chip-bg);}\n.dshpc-filechip:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px;}\n.dshpc-filechip:disabled{cursor:default;background:transparent;color:var(--dshpc-fg-3);}\n.dshpc-filechip--block{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;\n  padding:4px 6px;font-size:var(--dshpc-font-xs);}\n.dshpc-filechip--inline{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:var(--dshpc-font-sm);}\n\n@media (prefers-reduced-motion: reduce){.dshpc-btn,.dshpc-iconbtn,.dshpc-filechip{transition:none;}}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/controls/field-css.generated.js
+		const FIELD_CSS = "\n/* ── 字段 + 问号提示（hint 参数内置） ──────────────────────────────────── */\n/* 控件 + FieldHint 同一行；hint 版由组件自己包，调用方只传 hint 字符串。\n   铺满型控件（input/textarea）进包后改吃 flex 弹性，让位给问号。 */\n.dshpc-fieldwrap{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;}\n.dshpc-fieldwrap--inline{display:inline-flex;}\n.dshpc-fieldwrap > .dshpc-input,.dshpc-fieldwrap > .dshpc-textarea,.dshpc-fieldwrap > .dshpc-iwrap{flex:1 1 auto;width:auto;min-width:0;}\n/* 多行输入：问号钉在**右下角**（2026-10-20 用户：不要垂直居中），文本区底部留出它的位置。\n   ⚠️ 这一档必须把 textarea 的宽度还回去（上面那条 flex 让位规则会把它缩窄）。 */\n.dshpc-fieldwrap--block{position:relative;display:block;}\n.dshpc-fieldwrap--block > .dshpc-textarea{width:100%;padding-bottom:24px;}\n.dshpc-fieldwrap--block > .dshpc-hint{position:absolute;right:8px;bottom:6px;}\n\n/* ── 输入类 P3 ────────────────────────────────────────────────────────── */\n/* 默认铺满容器（width:100%，与 .dshpc-textarea 同口径）：input 原生按 size 属性取内在宽，\n   不铺满 ⇒ 调用方套定宽壳时会「右边空一截、看着没贴右」（2026-10-20 用户抓的 bug）。\n   要定宽由调用方在外面套壳控制（如 192px 搜索槽）。 */\n.dshpc-input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);\n  background:var(--dshpc-surface-1);color:var(--dshpc-fg);font-family:inherit;outline:none;\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-input--sm{height:var(--dshpc-control-h-sm);padding:0 8px;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);}\n.dshpc-input--md{height:var(--dshpc-control-h-md);padding:0 10px;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-input--lg{height:var(--dshpc-control-h-lg);padding:0 12px;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-input::placeholder{color:var(--dshpc-fg-dim);}\n/* type=\"search\"：原生清除钮（::-webkit-search-cancel-button）整个隐掉，换组件自己挂的 plain IconButton\n   —— 原生那个各子系统长相不一、还不吃 token（2026-10-28 用户：不好看，要数字框加减号那种）。 */\n.dshpc-iwrap .dshpc-input::-webkit-search-cancel-button{display:none;}\n.dshpc-input:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-input--error{border-color:var(--dshpc-danger);}\n.dshpc-input:disabled{cursor:default;opacity:.5;}\n\n/* 左侧图标槽（Input 的 icon 参数）：图标绝对定位压在输入框的左内边距上，\n   输入框自己的边框 / 焦点圈 / 描红一律不动。图标不吃点击（pointer-events:none）⇒ 点在图标上照样聚焦。\n   左内边距 = 左偏 8 + 图标宽（sm 14 / md·lg 16，见 fieldMetricsOf）+ 间距 4。 */\n.dshpc-iwrap{position:relative;display:block;width:100%;min-width:0;}\n.dshpc-iwrap__icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none;color:var(--dshpc-fg-2);}\n.dshpc-iwrap--sm > .dshpc-input{padding-left:26px;}\n.dshpc-iwrap--md > .dshpc-input,.dshpc-iwrap--lg > .dshpc-input{padding-left:28px;}\n/* 禁用时图标跟输入框一起变淡（输入框自己已有 opacity:.5，图标不在它里面，得单独跟一下）。 */\n.dshpc-iwrap:has(> .dshpc-input:disabled) > .dshpc-iwrap__icon{opacity:.5;}\n\n/* 搜索框的清空钮（Field.ts 在「有焦点 + 有内容」时才挂出来）：**并进框里**，与数字框的 − / +\n   同形态 —— 整段同高、左直右圆、hover 底色铺满这一格（2026-10-28 用户：不要一颗悬在右边的小按钮）。\n   向内让 1px，免得底色压住输入框自己的边框。 */\n.dshpc-iwrap__clear.dshpc-iconbtn{position:absolute;right:1px;top:1px;bottom:1px;height:auto;width:auto;aspect-ratio:1;\n  border-radius:0 var(--dshpc-radius-md) var(--dshpc-radius-md) 0;font-size:var(--dshpc-font-md);}\n/* height:auto 必须：iconbtn--md/lg 的固定 height 会让 absolute 的 bottom 被忽略\n   （top:1 + 固定高 ⇒ 整钮错位 1px，× 显得没居中，2026-10-28 用户截图抓的）。 */\n/* 文字让开这一段（宽度 = 控件高 - 2，故按档位补）。 */\n.dshpc-iwrap--clear > .dshpc-input{padding-right:calc(var(--dshpc-control-h-md) + 3px);}\n.dshpc-iwrap--clear.dshpc-iwrap--sm > .dshpc-input{padding-right:calc(var(--dshpc-control-h-sm) + 3px);}\n.dshpc-iwrap--clear.dshpc-iwrap--lg > .dshpc-input{padding-right:calc(var(--dshpc-control-h-lg) + 3px);}\n\n.dshpc-pfx{display:inline-flex;align-items:center;box-sizing:border-box;overflow:hidden;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);background:var(--dshpc-surface-1);color:var(--dshpc-fg);}\n.dshpc-pfx--sm{height:var(--dshpc-control-h-sm);}\n.dshpc-pfx--md{height:var(--dshpc-control-h-md);}\n.dshpc-pfx--lg{height:var(--dshpc-control-h-lg);}\n/* md / lg 档字号跟档走（与同档下拉同字号）：此前写死 sm(12px)，同排下拉是 13px ⇒ 显得「input 字小」。 */\n.dshpc-pfx--md .dshpc-pfx__label,.dshpc-pfx--lg .dshpc-pfx__label{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-pfx--md .dshpc-pfx__input,.dshpc-pfx--lg .dshpc-pfx__input{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-pfx--error{border-color:var(--dshpc-danger);}\n.dshpc-pfx:focus-within{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-pfx__label{padding:0 8px;color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);white-space:nowrap;border-right:1px solid var(--dshpc-border);}\n.dshpc-pfx__input{flex:1 1 auto;min-width:0;height:100%;padding:0 8px;border:0;background:transparent;color:var(--dshpc-fg);\n  font-family:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);outline:none;}\n.dshpc-pfx__input::placeholder{color:var(--dshpc-fg-dim);}\n\n.dshpc-num{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;overflow:hidden;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);background:var(--dshpc-surface-1);color:var(--dshpc-fg);}\n/* 中段：数字 + 后缀成组居中；容器被消费端拉宽时吃掉全部余量，两端 − / + 因此钉死在左右边缘。 */\n.dshpc-num__mid{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;}\n.dshpc-num--sm{height:var(--dshpc-control-h-sm);}\n.dshpc-num--md{height:var(--dshpc-control-h-md);}\n.dshpc-num--lg{height:var(--dshpc-control-h-lg);}\n.dshpc-num--md .dshpc-num__input,.dshpc-num--lg .dshpc-num__input{font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);}\n.dshpc-num--md .dshpc-num__suffix,.dshpc-num--lg .dshpc-num__suffix{font-size:var(--dshpc-font-md);}\n.dshpc-num--disabled{opacity:.5;}\n/* 焦点态与 Input 同款（2026-10-20 用户：数字框里点进去没有蓝框）：内层 input 无边框，\n   焦点状态画在整个步进控件外框上。 */\n.dshpc-num:focus-within{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n.dshpc-num__input{width:36px;height:100%;padding:0 2px;border:0;background:transparent;color:var(--dshpc-fg);\n  font-family:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);text-align:center;outline:none;}\n.dshpc-num__suffix{padding:0 6px;color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm);white-space:nowrap;}\n.dshpc-num .dshpc-iconbtn{border-radius:0;color:var(--dshpc-fg-2);flex:none;}\n\n/* 官方 Switch 包装统一：选中 = success 绿。\n   （合并原先 task-editor-css / task-list 两处就地覆盖；选择器带包装类 + role，特异性高于官方。） */\n.dshpc-switch button[role='switch'][aria-checked='true']{background:var(--dshpc-success);}\n\n/* 多行文本输入（提示词等，P3）：**边框 / 圆角 / 底 / 焦点态与 Input 同一套口径**（用户 2026-10-20：\n   「多行输入应该和 input 的边儿是一个道理，包括圆角在内，都是一个东西」）。\n   ⚠️ 旧意图「卡内无边框、视觉重心在整张卡上」已作废 —— 现在它就是一只带框的多行输入框。\n   （从 task-editor-css 的 .dshpc-ed-prompt 上提而来；业务文件不再自写 textarea 皮肤。） */\n.dshpc-textarea{display:block;width:100%;box-sizing:border-box;min-height:132px;padding:8px 12px;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);outline:none;\n  background:var(--dshpc-surface-1);color:var(--dshpc-fg);font-family:inherit;font-size:var(--dshpc-font-lg);line-height:1.6;resize:vertical;\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease),box-shadow var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-textarea::placeholder{color:var(--dshpc-fg-dim);}\n.dshpc-textarea:focus{border-color:var(--dshpc-focus);box-shadow:0 0 0 1px var(--dshpc-focus);}\n/* 校验不通过：与 Input 一致，走边框描红（旧版是 box-shadow 描红盒，与 Input 不同口径） */\n.dshpc-textarea--error{border-color:var(--dshpc-danger);}\n.dshpc-textarea:disabled{cursor:default;opacity:.5;}\n@media (prefers-reduced-motion: reduce){.dshpc-textarea{transition:none;}}\n\n/* 拖拽分隔条（编辑分栏 / 预览 dock 共用，U20 #3）：6px 命中区，col-resize，不画线，hover/按下浮出浅带。\n   具体 z-index 由 .dshpc-ed-resizer / .dshpc-sv-resizer 各自补。 */\n.dshpc-resizer{position:absolute;top:0;bottom:0;left:0;width:6px;cursor:col-resize;background:0 0;touch-action:none;user-select:none;}\n.dshpc-resizer:hover,.dshpc-resizer:active{background:var(--dshpc-hover,rgba(38,49,72,.06));}\n\n@media (prefers-reduced-motion: reduce){.dshpc-input,.dshpc-pfx{transition:none;}}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/controls/loader-css.generated.js
+		const LOADER_CSS = "/* ── Loader：统一的加载动画图标（无背景 / 无定位 / 颜色跟随 currentColor）────────\n   形态 × 尺寸两轴正交：形态管几何与动画；尺寸档只改 width / height，几何按\n   viewBox=\"0 0 24 24\" 等比缩放 —— 一套几何吃五档，12px 时描边即 1.5px、48px 时 6px，\n   视觉重量一致，不用逐个尺寸换算 calc。\n\n   边界：本控件**只管图标本身**。背景 / 圆角 / 内距 / 阴影 / 定位（fixed、居中、漂浮）\n   一律归调用方 —— 套 Chip、套 Card，或自己包一个 div。 */\n\n.dshpc-loader { display: inline-block; flex: none; vertical-align: middle; line-height: 0; color: inherit; }\n\n.dshpc-loader--xs { width: 12px; height: 12px; }\n.dshpc-loader--sm { width: 16px; height: 16px; }\n.dshpc-loader--md { width: 24px; height: 24px; }\n.dshpc-loader--lg { width: 32px; height: 32px; }\n.dshpc-loader--xl { width: 48px; height: 48px; }\n\n/* 形态一 ring：开口弧整体旋转。必须走 SVG 矢量弧 —— 次像素边框画圆在 12px 下会被\n   抗锯齿拉毛、看着像圆角方（2026-10-20 真机实测，曾被误判成 border-radius 被覆盖）。 */\n.dshpc-loader--ring { animation: dshpc-loader-rotate .8s linear infinite; }\n@keyframes dshpc-loader-rotate { to { transform: rotate(360deg) } }\n\n/* 形态二 blocks：三个方块依次脉动放大。\n   transform-box: fill-box 是 SVG 子元素做 CSS transform 的必要条件 —— 否则 origin\n   落在 viewBox 原点，节点会绕着左上角飞出去。 */\n.dshpc-loader__node { transform-box: fill-box; transform-origin: center; }\n.dshpc-loader--blocks .dshpc-loader__node { animation: dshpc-loader-blink 1.2s ease-in-out infinite; }\n.dshpc-loader__node:nth-child(2) { animation-delay: .15s; }\n.dshpc-loader__node:nth-child(3) { animation-delay: .3s; }\n@keyframes dshpc-loader-blink {\n  0%, 80%, 100% { opacity: .25; transform: scale(.8) }\n  40% { opacity: 1; transform: scale(1) }\n}\n\n/* 降低动效：停在「全部可见、实体大小」，而不是停在动画中途的半透明小点。 */\n@media (prefers-reduced-motion: reduce) {\n  .dshpc-loader--ring { animation: none; }\n  .dshpc-loader__node { animation: none; opacity: 1; transform: none; }\n}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/controls/hint-css.generated.js
+		const HINT_CSS = "\n/* ── 问号提示 P4（用户 2026-10-18：对齐真实插件 HelpButton——**带圈的问号图标**）──\n   本体 14px 细圈 + 圈内 ?，颜色 fg-3、hover 只提亮不加底（与 dshpc-ed-help 同规矩）。\n   气泡不在本文件：2026-10-19 用户拍板「问号必须用官方 Tooltip 那一个」⇒ 气泡由注入的\n   官方组件渲染（src/ui/tooltip.ts），这里只管问号图标本身。 */\n.dshpc-hint{display:inline-flex;align-items:center;justify-content:center;flex:none;\n  box-sizing:border-box;width:14px;height:14px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;\n  color:var(--dshpc-fg-3);font-family:inherit;font-size:8px;font-weight:600;line-height:12px;cursor:help;vertical-align:middle;\n  transition:color var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-hint:hover,.dshpc-hint:focus-visible{color:var(--dshpc-fg);background:0 0;}\n.dshpc-hint:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px;}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/FieldHint.js
 		/**
 		* 问号提示 —— **全站唯一实现、独立组件**（L2，P4）
 		*
@@ -3039,7 +2999,7 @@ window.__ModuleLoader__.load({
 		*/
 		/** 问号提示图标：hover / focus 浮出说明气泡（官方 Tooltip 渲染）。 */
 		function FieldHint(props) {
-			ensureControls();
+			ensureComponentStyles("hint", HINT_CSS);
 			const { text, side, align, maxWidth, className, style } = props;
 			return (0, react$1.createElement)("span", {
 				className: `dshpc-hint${className !== void 0 && className !== "" ? ` ${className}` : ""}`,
@@ -3050,7 +3010,10 @@ window.__ModuleLoader__.load({
 			}, "?");
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/MarqueeText.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/marquee-css.generated.js
+		const MARQUEE_CSS = "/* 跑马灯（MarqueeText）：双层——外层只裁剪，内层才 transform 滚动；非 hover 内层自带省略号。\n   2026-10-20：本文件原是杂烩「select.css」（下拉 / 日历 / 时分的皮肤都装过），随着那些控件\n   一个个删完，最后只剩跑马灯，故按本包「一个 css 服务一个对象」的格局改名归档。\n   同批清掉的还有零引用的省略号类 .dshpc-ellipsis —— 本包三个用到截断的地方都没采纳它。 */\n.dshpc-mq{display:block;overflow:hidden;white-space:nowrap;}\n.dshpc-mq .dshpc-mq-in{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}\n/* ⚠️ 跑法（用户 2026-10-03 拍板）：**跑一遍、停在尾字**（播放 1 次 + forwards），不来回弹、不无限跑。\n   滚距 = 精确溢出量 ⇒ 停下时最后一个字正好贴右缘，**不会跑进黑块**（黑块是旧手写版把\n   内层盒子裁了、按「半截文本」平移导致的）。鼠标移开 ⇒ :hover 失效 ⇒ 自动复位回省略号态。 */\n.dshpc-mq-run:hover .dshpc-mq-in{max-width:none;overflow:visible;animation:dshpc-mq-scroll var(--dshpc-mq-dur,6s) linear .4s 1 forwards;}\n@keyframes dshpc-mq-scroll{from{transform:translateX(0)}to{transform:translateX(var(--dshpc-mq-dist,-40px))}}\n/* 溢出渐影（用户 2026-10-24 拍板「左右稍微有点渐影」；官方口径 = dsh-client-ui-primitives@0.2.1-rc.2\n   PathLabel.module.css:13-15：mask-image 线性渐隐 + 28px 随官方）。⚠️ 只在 **hover 滚动态** 加：\n   静态态（三个点）不要渐影（用户 2026-10-24 二次拍板），hover 滚动时两端渐影——左缘柔化被裁的文字头。 */\n.dshpc-mq-run:hover{mask-image:linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/MarqueeText.js
 		/**
 		* 跑马灯文本 —— **全站唯一实现**（L2，P6 从 editor-fields 迁入 ui）
 		*
@@ -3062,6 +3025,7 @@ window.__ModuleLoader__.load({
 		*/
 		/** 跑马灯文本。 */
 		function MarqueeText(props) {
+			ensureComponentStyles("marquee", MARQUEE_CSS);
 			const outerRef = (0, react$1.useRef)(null);
 			const innerRef = (0, react$1.useRef)(null);
 			const [dist, setDist] = (0, react$1.useState)(0);
@@ -3102,7 +3066,10 @@ window.__ModuleLoader__.load({
 			}, props.text));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Picker.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/picker-css.generated.js
+		const PICKER_CSS = "\n.dshpc-picker{position:relative;display:inline-block;max-width:100%;font-size:13px;line-height:20px}\n.dshpc-picker__trigger{\n  display:inline-flex;align-items:center;justify-content:space-between;gap:6px;\n  min-width:120px;max-width:100%;height:28px;padding:0 8px;\n  color:var(--dshpc-fg);background:var(--dshpc-surface-1);\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);cursor:pointer;\n}\n.dshpc-picker__trigger:disabled{color:var(--dshpc-fg-dim);cursor:not-allowed;opacity:.7}\n/* 聚焦（键盘或点击选中）时与全站一致的蓝色描边；菜单打开后焦点会进去，触发器自然失去焦点。 */\n.dshpc-picker__trigger:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 文字默认靠左（吃掉剩余宽度），不给 space-between 把短文案推到中间的机会；\n   确实要居中就显式传 align=\"center\"。 */\n.dshpc-picker__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}\n.dshpc-picker__trigger--center .dshpc-picker__label{text-align:center}\n.dshpc-picker__caret{flex:none;color:var(--dshpc-fg-3)}\n.dshpc-picker__icon{display:inline-flex;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-picker__option-icon{display:inline-flex;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-picker__menu{\n  z-index:60;max-height:280px;overflow:auto;padding:4px;\n  /* 菜单经 FloatingPortal 挂到 body，脱离 .dshpc-picker，须显式字号，否则继承 body 的大字号 */\n  font-size:13px;line-height:20px;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);\n  border-radius:var(--dshpc-radius-md);box-shadow:0 8px 24px rgba(15,23,42,.12);\n}\n/* 尺寸档（与 Field 的 sm/md/lg 对应）。 */\n.dshpc-picker__trigger--sm{height:24px;font-size:12px}\n.dshpc-picker__trigger--lg{height:32px}\n/* 键盘游标所在项（无 hover 也要看得见）。 */\n.dshpc-picker__option[data-active='true']{background:var(--dshpc-surface-sunken);outline:1px solid var(--dshpc-border)}\n.dshpc-picker__option--clear{color:var(--dshpc-fg-3)}\n.dshpc-picker__search{\n  width:100%;height:28px;margin-bottom:4px;padding:0 8px;box-sizing:border-box;\n  color:var(--dshpc-fg);background:var(--dshpc-surface-sunken);\n  border:1px solid var(--dshpc-border-faint);border-radius:var(--dshpc-radius-md);outline:none;\n}\n.dshpc-picker__group-label{\n  padding:6px 8px 2px;color:var(--dshpc-fg-3);font-size:11px;\n}\n.dshpc-picker__option{\n  display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--dshpc-radius-sm);cursor:pointer;\n  color:var(--dshpc-fg);white-space:nowrap;\n}\n.dshpc-picker__option:hover{background:var(--dshpc-surface-sunken)}\n.dshpc-picker__option--active{background:var(--dshpc-open-bg);color:var(--dshpc-business)}\n.dshpc-picker__option--disabled{color:var(--dshpc-fg-dim);cursor:not-allowed}\n/* 选项文字吃掉剩余宽度：超长省略号（配合 MarqueeText hover 跑马灯），不撑宽菜单。 */\n.dshpc-picker__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.dshpc-picker__tick{width:12px;color:var(--dshpc-business)}\n.dshpc-picker__empty{padding:8px;color:var(--dshpc-fg-3);text-align:center}\n.dshpc-picker__degraded{\n  padding:6px 8px;margin-bottom:4px;border-radius:var(--dshpc-radius-sm);\n  color:var(--dshpc-warning-label);background:color-mix(in srgb,var(--dshpc-warning) 12%,transparent);\n  font-size:11px;\n}\n.dshpc-picker__row{display:flex;align-items:center;gap:8px}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Picker.js
 		/**
 		* 通用选择器：单选 / 多选 / 上限 / 搜索 / 分组 / 空态 / 降级。
 		*
@@ -3110,7 +3077,8 @@ window.__ModuleLoader__.load({
 		* 边界，通道是插件私有的，组件取不到，见需求文档 §6）。
 		*/
 		function Picker(props) {
-			ensureControls();
+			ensureComponentStyles("picker", PICKER_CSS);
+			ensureComponentStyles("field", FIELD_CSS);
 			const tt = props.translate ?? t$2;
 			const mode = props.mode ?? "single";
 			const size$3 = props.size ?? "md";
@@ -3270,7 +3238,86 @@ window.__ModuleLoader__.load({
 			return Array.isArray(v) ? [...v] : [v];
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Button.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Loader.js
+		/**
+		* Loader —— 统一的加载动画图标（UI 基础层 · 反馈族）。
+		*
+		* 一句话边界：**只画图标本身**。没有背景、没有内距、没有圆角、没有定位。
+		* 要圆角底就外面套 `Chip` / `Card`，要浮在屏幕上就自己包一层 fixed 容器 ——
+		* 背景与位置属于调用方，不属于这个控件。
+		*
+		* 两轴正交（不是两个组件，也不是 N×M 份样式）：
+		* - `variant`：`ring` 开口弧旋转（默认）/ `blocks` 三块脉动
+		* - `size`：`xs` 12 / `sm` 16 / `md` 24（默认）/ `lg` 32 / `xl` 48
+		*
+		* 几何统一画在 `viewBox="0 0 24 24"` 里，尺寸档只改 `width` / `height` ⇒ 等比缩放，
+		* 描边与方块的视觉重量在各档一致（12px 下描边 1.5px，48px 下 6px）。
+		*
+		* 颜色：全程 `currentColor`，自动跟随所在按钮 / 标签的文字色，不给 color 轴
+		* （要换色在调用点给 `style={{ color }}` 即可，不必新增参数）。
+		*
+		* 无障碍：默认 `aria-hidden`（图标本身是装饰，语义由所在按钮的文字 / 卡片的
+		* `role="status"` 承担）；要让它自己承担语义时传 `label`，此时输出 `role="status"`。
+		*
+		* 扩展新形态：在 `LoaderVariant` 加一个值 + 本文件加一支几何 + `loader.css` 加一段规则，
+		* 不新增导出（形态由数据决定时直接传字符串即可，见 docs/help/ui.md）。
+		*/
+		/** 形态一：约 265° 的开口弧（周长 59.7，画 44 的空缺留 15.7）。 */
+		function ringNode() {
+			return (0, react$1.createElement)("circle", {
+				cx: 12,
+				cy: 12,
+				r: 9.5,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeDasharray: "44 15.7"
+			});
+		}
+		/** 形态二：三个圆角方块，横向三等分（6.4 + 1.1 间隔，左右各留 1.3）。 */
+		function blockNodes() {
+			return [
+				0,
+				1,
+				2
+			].map((i) => (0, react$1.createElement)("rect", {
+				key: i,
+				className: "dshpc-loader__node",
+				x: 1.3 + i * 7.5,
+				y: 8.8,
+				width: 6.4,
+				height: 6.4,
+				rx: 1.4,
+				fill: "currentColor"
+			}));
+		}
+		/**
+		* 渲染一个加载动画图标。
+		*
+		* @param props 见 {@link LoaderProps}。
+		* @returns `<svg>` 元素（inline，不占额外行高）。
+		*/
+		function Loader$2(props) {
+			ensureComponentStyles("loader", LOADER_CSS);
+			const { variant = "ring", size = "md", label, className } = props;
+			const classes = [
+				"dshpc-loader",
+				`dshpc-loader--${variant}`,
+				`dshpc-loader--${size}`
+			];
+			if (className !== void 0 && className !== "") classes.push(className);
+			return (0, react$1.createElement)("svg", {
+				className: classes.join(" "),
+				viewBox: "0 0 24 24",
+				role: label === void 0 ? void 0 : "status",
+				"aria-label": label,
+				"aria-hidden": label === void 0 ? true : void 0,
+				focusable: "false"
+			}, variant === "ring" ? ringNode() : blockNodes());
+		}
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Button.js
 		/**
 		* 按钮 / 图标钮 —— **全站唯一实现**（L2 组件皮肤，P2）
 		*
@@ -3337,7 +3384,7 @@ window.__ModuleLoader__.load({
 		* @returns 按钮元素。
 		*/
 		function Button$1(props) {
-			ensureControls();
+			ensureComponentStyles("button", BUTTON_CSS);
 			const { variant = "outline", size = "lg", icon, iconRight, color, loading = false, block = false, width, minWidth, maxWidth, className, style, children, ...rest } = props;
 			const widthStyle = {};
 			if (width !== void 0) widthStyle.width = width;
@@ -3357,22 +3404,7 @@ window.__ModuleLoader__.load({
 					...style
 				}
 			};
-			return (0, react$1.createElement)("button", attrs, loading ? (0, react$1.createElement)("svg", {
-				className: "dshpc-btn__spinner",
-				viewBox: "0 0 12 12",
-				width: 12,
-				height: 12,
-				"aria-hidden": true
-			}, (0, react$1.createElement)("circle", {
-				cx: 6,
-				cy: 6,
-				r: 4.75,
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 1.5,
-				strokeLinecap: "round",
-				strokeDasharray: "22 30"
-			})) : icon !== void 0 && icon !== null ? (0, react$1.createElement)("span", { className: "dshpc-btn__icon" }, icon) : null, marqueeLabel ? (0, react$1.createElement)(MarqueeText, {
+			return (0, react$1.createElement)("button", attrs, loading ? (0, react$1.createElement)(Loader$2, { size: "xs" }) : icon !== void 0 && icon !== null ? (0, react$1.createElement)("span", { className: "dshpc-btn__icon" }, icon) : null, marqueeLabel ? (0, react$1.createElement)(MarqueeText, {
 				text: children,
 				className: "dshpc-btn__label"
 			}) : children, iconRight !== void 0 && iconRight !== null ? (0, react$1.createElement)("span", { className: "dshpc-btn__icon-end" }, iconRight) : null);
@@ -3384,7 +3416,7 @@ window.__ModuleLoader__.load({
 		* @returns 图标按钮元素。
 		*/
 		function IconButton$1(props) {
-			ensureControls();
+			ensureComponentStyles("button", BUTTON_CSS);
 			const { variant = "plain", size = "lg", icon, label, className, style, ...rest } = props;
 			const attrs = {
 				...rest,
@@ -3397,7 +3429,7 @@ window.__ModuleLoader__.load({
 			return (0, react$1.createElement)("button", attrs, icon);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/host-data.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/host-data.js
 		/** 模型目录的 observable store（useSyncExternalStore 直接消费）。 */
 		var ModelCatalogStore = class {
 			constructor() {
@@ -3503,10 +3535,16 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Chip.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/feedback-css.generated.js
+		const FEEDBACK_CSS = "\n/* 遮罩 = 宿主遮罩变量 --dsw-alias-bg-mask-1（与官方 Modal / 兄弟项目 --tdt-mask 同一条真值，用户 2026-10-20）。 */\n/* 右边界让位页面级分栏（PanelDock 发布的 --dshpc-page-inset-right，用户 2026-10-22）：\n   分栏不被压暗、照常可点；弹窗在这块**剩下**的区域里居中，就像整页被推出去一样。 */\n.dshpc-modal-mask{\n  position:fixed;inset:0 var(--dshpc-page-inset-right,0px) 0 0;z-index:1070;\n  display:flex;align-items:center;justify-content:center;\n  background:var(--dshpc-mask);\n}\n/* 大弹窗家族（md/lg）：抄兄弟项目 archive-session-css 的 .dsh-tdt-sv-panel（surface-base + border-l2 + radius 12 + shadow-2）。 */\n.dshpc-modal{\n  display:flex;flex-direction:column;box-sizing:border-box;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-md);\n  box-shadow:var(--dshpc-shadow-2);overflow:hidden;\n}\n.dshpc-modal__head{\n  display:flex;align-items:center;gap:8px;padding:18px 31px 12px;\n  border-bottom:1px solid var(--dshpc-border);flex-wrap:wrap;\n}\n/* 标题组：第一行 = 标题 + 右侧小块（徽标紧跟标题），第二行 = 副标题。 */\n.dshpc-modal__titlegroup{display:flex;flex-direction:column;gap:2px;min-width:0;flex:0 1 auto}\n.dshpc-modal__titlerow{display:flex;align-items:center;gap:8px;min-width:0}\n.dshpc-modal__title{font-size:var(--dshpc-font-lg);font-weight:600;line-height:1.4;min-width:0}\n/* 标题下副标题行（兄弟项目 .dsh-tdt-sv-sid：等宽字体、caption 色、可换行）。 */\n.dshpc-modal__sid{font-family:var(--ds-font-family-code,monospace);font-size:var(--dshpc-font-xs);color:var(--dshpc-fg-3);word-break:break-all}\n/* 关闭按钮：24×24 方角图标位，不借用 Picker 的触发器皮肤（那份带 min-width:120px）。 */\n.dshpc-modal__close{\n  display:inline-flex;align-items:center;justify-content:center;flex:none;\n  width:20px;height:20px;padding:0;border:none;border-radius:var(--dshpc-radius-sm);\n  background:transparent;color:var(--dshpc-fg-3);font-family:inherit;font-size:13px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-modal__close:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-modal__close:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* body = 唯一滚动容器：内距与滚动都归它（滚动条贴面板右缘，不被内距挤进来）；\n   内容按流排，不设 height:100%、不自己开滚动条。 */\n.dshpc-modal__body{flex:1 1 auto;min-height:0;overflow:auto;padding:17px 31px}\n.dshpc-modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 31px 18px}\n.dshpc-toast-host{\n  position:fixed;z-index:1090;left:50%;bottom:32px;transform:translateX(-50%);\n  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;\n}\n.dshpc-toast{\n  padding:8px 14px;border-radius:8px;font-size:13px;color:var(--dshpc-fg);\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);\n  box-shadow:0 8px 24px rgba(15,23,42,.16);\n}\n.dshpc-toast--success{color:var(--dshpc-success);border-color:color-mix(in srgb,var(--dshpc-success) 40%,transparent)}\n.dshpc-toast--error{color:var(--dshpc-danger);border-color:color-mix(in srgb,var(--dshpc-danger) 40%,transparent)}\n.dshpc-error__retry{\n  margin-top:8px;color:var(--dshpc-link);cursor:pointer;background:none;border:none;padding:0;\n}\n/* 原生弹窗演示：经宿主 Modal 的 contentClassName 注入，证明宿主内容区尺寸可经类名自定义。 */\n.dshpc-native-demo-content{max-width:520px}\n/* Modal 头部四槽：左图标 / 标题组 / 弹性间隔 / 右侧动作区 + 关闭钮。 */\n.dshpc-modal__heading{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}\n.dshpc-modal__lead{flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}\n.dshpc-modal__extra{flex:none;display:inline-flex;align-items:center}\n.dshpc-modal__spacer{flex:1 1 auto;min-width:8px}\n.dshpc-modal__actions{flex:none;display:flex;align-items:center;gap:8px}\n/* 头部信号图标（AlertModal 按 severity 注入）：自含配色，不依赖宿主 token。 */\n.dshpc-alert-sev{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;color:#fff;flex:none}\n.dshpc-alert-sev--info{background:#2563eb}\n.dshpc-alert-sev--success{background:#16a34a}\n.dshpc-alert-sev--warning{background:#d97706}\n.dshpc-alert-sev--error{background:#dc2626}\n/* 小确认框家族（sm）：严格抄兄弟项目 renderConfirm 的 dialogStyle（task-list.tsx:456）——\n   360px 宽 / 18px 内距 / 头部无分隔线 / 说明文字 fg-2 / 底部按钮右对齐。 */\n.dshpc-modal--sm{padding:18px}\n.dshpc-modal--sm .dshpc-modal__head{padding:0 0 8px;border-bottom:none}\n.dshpc-modal--sm .dshpc-modal__body{padding:0 0 14px;overflow:visible;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-2);line-height:var(--dshpc-line-sm)}\n.dshpc-modal--sm .dshpc-modal__foot{padding:0}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/chip-css.generated.js
+		const CHIP_CSS = "\n/* 三条局部变量承载配色：neutral 走旧灰面；语义档换底字配对（2026-10-20 用户要多色多尺寸标签）。 */\n.dshpc-chip{--chip-bg:var(--dshpc-chip-bg);--chip-fg:var(--dshpc-fg);--chip-bg-hover:var(--dshpc-chip-bg-hover);\n  display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:1px 8px;\n  box-sizing:border-box;border-radius:var(--dshpc-radius-pill,999px);border:none;\n  background:var(--chip-bg);color:var(--chip-fg);\n  font-family:inherit;font-size:11px;line-height:18px;margin:0;\n  /* 2026-10-18：chip 是 flex 行里的常用项，禁止被压缩换行（预览站出现过文字竖排、互相叠压的挤压）。 */\n  white-space:nowrap;flex:none;\n  appearance:none;-webkit-appearance:none;\n}\n/* md 档：卡片元信息行等稍大场景；sm 即旧版默认，逐像素不动。 */\n.dshpc-chip--md{padding:2px 10px;font-size:12px;line-height:20px;}\n/* xs 档：标题后缀等极紧凑场景（2026-10-20 用户要更小标签）；16px 高、font 10。 */\n.dshpc-chip--xs{padding:0 6px;font-size:10px;line-height:16px;}\n/* 语义色实心档：底 / 字 / hover 配对与 Button 同源（黄底中高明度 ⇒ 字用 --dshpc-on-warning）。 */\n.dshpc-chip--business{--chip-bg:var(--dshpc-business);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-business-hover);}\n.dshpc-chip--success{--chip-bg:var(--dshpc-success);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-success-hover);}\n.dshpc-chip--warning{--chip-bg:var(--dshpc-warning);--chip-fg:var(--dshpc-on-warning);--chip-bg-hover:var(--dshpc-warning-hover);}\n.dshpc-chip--danger{--chip-bg:var(--dshpc-danger);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-danger-hover);}\n/* 扩展八色（2026-10-29）：实心面字色统一白（on-signal），明度均低于黄 / 青柠，白字两主题可读。 */\n.dshpc-chip--purple{--chip-bg:var(--dshpc-purple);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-purple-hover);}\n.dshpc-chip--pink{--chip-bg:var(--dshpc-pink);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-pink-hover);}\n.dshpc-chip--cyan{--chip-bg:var(--dshpc-cyan);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-cyan-hover);}\n.dshpc-chip--teal{--chip-bg:var(--dshpc-teal);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-teal-hover);}\n.dshpc-chip--orange{--chip-bg:var(--dshpc-orange);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-orange-hover);}\n.dshpc-chip--indigo{--chip-bg:var(--dshpc-indigo);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-indigo-hover);}\n.dshpc-chip--rose{--chip-bg:var(--dshpc-rose);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-rose-hover);}\n.dshpc-chip--slate{--chip-bg:var(--dshpc-slate);--chip-fg:var(--dshpc-on-signal);--chip-bg-hover:var(--dshpc-slate-hover);}\n/* 可点态：button 渲染（见 Chip.ts），光标 + hover 加深。 */\n.dshpc-chip--clickable{cursor:pointer;transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease);}\n.dshpc-chip--clickable:hover:not(:disabled){background:var(--chip-bg-hover)}\n.dshpc-chip:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 禁用态字色从 --chip-fg 派生（45% ≈ 旧 fg-3 的弱化观感），不许直接用 --dshpc-fg-3：\n   它跟主题走，暗色下是深灰 ⇒ 语义色实心标签（蓝 / 红底）上几乎看不见（与 Segmented 计数 2026-10-29 同类）。 */\n.dshpc-chip:disabled{cursor:default;color:color-mix(in srgb,var(--chip-fg) 45%,transparent)}\n/* maxWidth 包 MarqueeText 时：标签作为 flex 子项必须能收缩到内容以下，否则省略号 / 跑马灯测不准 */\n.dshpc-chip .dshpc-chip__label{min-width:0;}\n@media (prefers-reduced-motion: reduce){.dshpc-chip{transition:none}}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Chip.js
 		/** 小标签（neutral 用现成的 `--dshpc-chip-bg`；传 `onClick` 才是可点的）。 */
 		function Chip(props) {
-			ensureControls();
+			ensureComponentStyles("chip", CHIP_CSS);
 			const { children, tone = "neutral", size = "sm", width, minWidth, maxWidth, onClick, className } = props;
 			const clickable = onClick !== void 0;
 			const widthStyle = {};
@@ -3546,7 +3584,7 @@ window.__ModuleLoader__.load({
 			}
 		};
 		const bars = Array(12).fill(0);
-		const Loader = ({ visible, className }) => {
+		const Loader$1 = ({ visible, className }) => {
 			return /*#__PURE__*/ react$1.default.createElement("div", {
 				className: ["sonner-loading-wrapper", className].filter(Boolean).join(" "),
 				"data-visible": visible
@@ -4078,7 +4116,7 @@ window.__ModuleLoader__.load({
 						"data-visible": toastType === "loading"
 					}, icons.loading);
 				}
-				return /*#__PURE__*/ react$1.default.createElement(Loader, {
+				return /*#__PURE__*/ react$1.default.createElement(Loader$1, {
 					className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames = toast.classNames) == null ? void 0 : _toast_classNames.loader),
 					visible: toastType === "loading"
 				});
@@ -4477,7 +4515,7 @@ window.__ModuleLoader__.load({
 			}));
 		});
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/toast-host.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/toast-host.js
 		/** 全局注册表键：Symbol.for 跨 bundle 副本天然共享同一个符号。 */
 		const TOAST_HOST_KEY = Symbol.for("dsh-plugin-core/toast-host");
 		/** 全局单例：已注册则直接返回（不触发 create），否则建一个并注册。 */
@@ -4490,7 +4528,7 @@ window.__ModuleLoader__.load({
 			return created;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Toast.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Toast.js
 		const DEFAULT_MS = 2600;
 		const ROOT_ID = "dshpc-toast-root";
 		function currentTheme() {
@@ -4690,31 +4728,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Segmented.js
-		/**
-		* 分段控件（滑动块）—— **全站唯一实现**（L2 组件皮肤，P1）
-		*
-		* 它是「同一份结构 + 两个受控轴」的样板：
-		*  - `size`：`sm`(24) / `md`(28) / `lg`(32) —— **离散三档**，调用点**不许**自己写高度
-		*    （真不够用才允许在调用点本地覆盖 `--dshpc-control-h-*`，属例外而非常态）；
-		*  - `bordered`（默认 false）：最外再包一圈 1px 描边；总高与无框版逐像素一致
-		*    （border 由 padding 抵消），两种模式整行混排不跳高。
-		*
-		* 外观只有一套（灰底轨道 + 白色选中片，阴影来自宿主 elevation token）。
-		* 唯一的配色入口是 `tone`（2026-10-29）：传内置色名则由核心定底 / 字（两主题各自成立），
-		* 传 `{ bg, fg }` 则两个主题都用调用方这一对颜色。
-		* 2026-10-26 删掉 `variant` 轴（原 default / inset 两档在 CSS 里只差 1px 内距，
-		* 且 default 比 `size` 承诺矮 2px，下游照 demo 对图时反复查不出原因 —— 见 docs/design/style.md）。
-		*
-		* 用法：
-		*   // 单选
-		*   h(Segmented<'a' | 'b'>, { value: v, size: 'md', items: [{ value: 'a', label: '甲' }], onChange: setV })
-		*   // 多选（如星期）
-		*   h(Segmented<'1' | '2'>, { multiple: true, value: vs, items: [...], onChange: setVs })
-		*
-		* ⚠️ 不许在任何使用点就地写分段样式；要多一档高度 / 多一个外观 ⇒ 走
-		* docs/design/ui-style-guide.md §五 的流程（改基础层，一处改全站生效）。
-		*/
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Segmented.js
 		/**
 		* 角标 / 计数要不要显示，返回要显示的文本。
 		* 数字 ≤0 是「没东西可数」的老口径；字符串（`'1K'` / `'99+'`）由调用方决定，原样显示，空串不显示。
@@ -4731,8 +4745,8 @@ window.__ModuleLoader__.load({
 		* @returns 分段控件元素。
 		*/
 		function Segmented$1(props) {
-			ensureControls();
-			ensureControls();
+			ensureComponentStyles("segmented", SEGMENTED_CSS);
+			ensureComponentStyles("segmented", SEGMENTED_CSS);
 			const size = props.size ?? "lg";
 			const multiple = props.multiple === true;
 			const value = props.value;
@@ -4826,173 +4840,45 @@ window.__ModuleLoader__.load({
 			})]);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/loading-host.js
-		/** 全局注册表键：Symbol.for 跨 bundle 副本天然共享同一个符号。 */
-		const LOADING_HOST_KEY = Symbol.for("dsh-plugin-core/loading-host");
-		/** 全局单例：已注册则直接返回（不触发 create），否则建一个并注册。 */
-		function claimLoadingHost(create) {
-			const g = globalThis;
-			const existing = g[LOADING_HOST_KEY];
-			if (existing !== void 0) return existing;
-			const created = create();
-			g[LOADING_HOST_KEY] = created;
-			return created;
-		}
-		/** 浮层定位类名（`center` 走基础规则，不需要修饰类）。 */
-		function loadingOverlayClass(position) {
-			return `dshpc-loading-overlay dshpc-loading-overlay--${position}`;
-		}
-		/**
-		* 全局**只有一个槽位**：任何一次 `show` 都顶掉上一条，屏幕上永远最多一张加载卡
-		* （N 种样式、N 个插件、连点多少次都一样）。被顶掉那次的句柄再 `close()` 是空操作，
-		* 不会误关后一张。
-		*/
-		function createLoadingSlot() {
-			let seq = 0;
-			let current = null;
-			return {
-				current: () => current,
-				show(request) {
-					const id = ++seq;
-					current = {
-						id,
-						request
-					};
-					let closed = false;
-					return { close() {
-						if (closed || current?.id !== id) return;
-						closed = true;
-						current = null;
-					} };
-				}
-			};
-		}
-		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Loading.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/SectionHead.js
 		/**
-		* 全局浮动 Loading 指示器（UI 基础层 · P1）。
-		*
-		* 用法：
-		*   <Loading />
+		* 模块标题行（UI 基础层）：**icon + 标题 + 右侧控件** 三段式。
 		*
-		* 行为：
-		* - fixed 定位在主内容容器右下角，**不占布局空间**；
-		* - 右侧贴齐主内容容器右边缘（`anchorId` 默认 `dshpc-main`），底部留 16px；
-		* - **三个小方块依次脉动，无任何文案**（基础抽象统一外观，禁止加字；用户 2026-10-06）；
-		* - 监听窗口 resize / scroll / 内容盒 resize，自动跟住内容宽度。
+		* 2026-10-08 设置页重构时定型：每块 = 标题行 + 一块内容，标题行左侧 icon、右侧留给该块的控件
+		* （日志块的自动刷新 / 刷新钮，表查询块的表切换）。此前三个块各写一个 `h3`，形态不统一。
 		*
-		* 配套 also 导出 `<RunningBlocks />`：同样的三个脉动方块（无文案），
-		* 用于表格单元格里的「运行中」状态指示。
-		*
-		* 文档登记：docs/design/ui-foundation.md §二「唯一实现表」。
+		* 排版规则：字号 / 行高 / 字色走 `--dshpc-*` token；`right` 用 `flex:1` + `justifyContent:flex-end`
+		* 靠右（比 `marginLeft:auto` 稳：内容再宽也始终贴右，不会塌成靠左）；标题 `flex:none` 不被压缩。
 		*/
-		function spin(size) {
-			return (0, react$1.createElement)("svg", {
-				className: "dshpc-loading-spin",
-				viewBox: "0 0 16 16",
-				width: size,
-				height: size,
-				"aria-hidden": true
-			}, (0, react$1.createElement)("circle", {
-				cx: 8,
-				cy: 8,
-				r: 6.5,
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 2,
-				strokeLinecap: "round",
-				strokeDasharray: "30 41"
-			}));
-		}
-		function textOf(props) {
-			return props.text ?? (props.translate ?? t$2)("loadingDefault");
-		}
-		/** 样式一：横排提示卡（转圈在左、文字在右），灰色底与 notify 的 info 卡同色。就地渲染，位置随调用方。 */
-		function LoadingToast(props) {
-			ensureControls();
-			return (0, react$1.createElement)("div", {
-				className: "dshpc-loading-toast",
-				role: "status",
-				"aria-live": "polite"
-			}, spin(16), (0, react$1.createElement)("span", null, textOf(props)));
-		}
-		/** 样式二：方块卡（转圈在上、文字在下，内距更大）。就地渲染，位置随调用方。 */
-		function LoadingBlock(props) {
-			ensureControls();
-			return (0, react$1.createElement)("div", {
-				className: "dshpc-loading-block",
-				role: "status",
-				"aria-live": "polite"
-			}, spin(22), (0, react$1.createElement)("span", null, textOf(props)));
-		}
-		function createLoadingHost() {
-			const slot = createLoadingSlot();
-			let root = null;
-			let container = null;
-			function flush() {
-				const state = slot.current();
-				if (state === null) {
-					root?.unmount();
-					container?.remove();
-					root = null;
-					container = null;
-					return;
-				}
-				if (root === null) {
-					container = document.createElement("div");
-					container.setAttribute("data-dshpc-loading-host", "");
-					document.body.appendChild(container);
-					root = (0, react_dom_client.createRoot)(container);
-				}
-				ensureControls(getStyleKit());
-				const { request } = state;
-				const opacity = Math.min(1, Math.max(0, request.maskOpacity));
-				root.render((0, react$1.createElement)("div", { className: loadingOverlayClass(request.position) }, request.mask ? (0, react$1.createElement)("div", {
-					className: "dshpc-loading-overlay__mask",
-					style: { background: `rgba(0, 0, 0, ${opacity})` }
-				}) : null, request.variant === "block" ? (0, react$1.createElement)(LoadingBlock, {
-					text: request.text,
-					translate: request.translate
-				}) : (0, react$1.createElement)(LoadingToast, {
-					text: request.text,
-					translate: request.translate
-				})));
-			}
-			return { show(request) {
-				const handle = slot.show(request);
-				flush();
-				return { close() {
-					handle.close();
-					flush();
-				} };
-			} };
-		}
-		/**
-		* 命令式加载提示（全局唯一浮层，**不自动消失**）。所有插件、所有位置调用都落在**同一处**
-		* （默认屏幕下方居中，与 Toast 同屏位），且屏幕上永远只有一张卡 —— 后一次调用直接顶掉
-		* 前一次，被顶掉那次的句柄再 `close()` 是空操作。收起只能靠自己调 `close()`。
-		*
-		* ```ts
-		* const loading = showLoading({ text: '正在保存…', mask: true, maskOpacity: 0.3 })
-		* await save()
-		* loading.close()
-		* ```
-		*
-		* 无 `document` 时静默返回空句柄（Node 单测 / SSR 不炸）。
-		*/
-		function showLoading$1(opts) {
-			if (typeof document === "undefined") return { close: () => {} };
-			return claimLoadingHost(createLoadingHost).show({
-				text: opts?.text,
-				variant: opts?.variant ?? "toast",
-				position: opts?.position ?? "bottom-center",
-				mask: opts?.mask === true,
-				maskOpacity: opts?.maskOpacity ?? 0,
-				translate: opts?.translate
-			});
+		function SectionHead(props) {
+			return (0, react$1.createElement)("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "var(--dshpc-space-2)",
+				marginBottom: "var(--dshpc-space-3)"
+			} }, (0, react$1.createElement)("span", { style: {
+				display: "inline-flex",
+				alignItems: "center",
+				flex: "none",
+				lineHeight: "var(--dshpc-line-lg)",
+				color: "var(--dshpc-fg-3)"
+			} }, props.icon), (0, react$1.createElement)("span", { style: {
+				fontSize: "var(--dshpc-font-lg)",
+				lineHeight: "var(--dshpc-line-lg)",
+				fontWeight: 600,
+				color: "var(--dshpc-fg)",
+				flex: "none"
+			} }, props.title), props.right === void 0 ? null : (0, react$1.createElement)("div", { style: {
+				flex: 1,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: "var(--dshpc-space-2)",
+				minWidth: 0
+			} }, props.right));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/resizer.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/resizer.js
 		/** 开始一次拖拽调宽（监听 window 的 pointermove / pointerup，松手自动清理）。 */
 		function startResizeLayoutWidth(opts) {
 			opts.startEvent.preventDefault?.();
@@ -5031,7 +4917,7 @@ window.__ModuleLoader__.load({
 			window.addEventListener("pointerup", onUp);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/panel-dock-logic.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/panel-dock-logic.js
 		/**
 		* 停靠面板的状态逻辑（纯函数，零 React / 零 DOM）。
 		*
@@ -5162,7 +5048,10 @@ window.__ModuleLoader__.load({
 			}, 0);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/PanelDock.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/panel-dock-css.generated.js
+		const PANEL_DOCK_CSS = "\n/* 停靠栏 = **布局成员**，不是浮层：它占宽度、把主区真正挤窄（兄弟项目 2026-09-28：\n   「分栏压过来，不是盖上去」）。所以调用方必须把它放进自己的 flex 根里。 */\n.dshpc-dock{display:flex;flex:0 0 auto;align-self:stretch;min-width:0}\n/* 开着时给主区滚动条让出一条缝：滚动条贴死分隔线很难看（用户 2026-10-28，对齐\n   dsh-better-sidebar 的留白）。全关时整条 dock 退出，缝隙一起消失、不留白边。\n   缝宽可由调用方盖 --dshpc-dock-gap；TS 侧的让位量（DOCK_GAP）要与它一致。 */\n.dshpc-dock--open{margin-left:var(--dshpc-dock-gap,1px)}\n\n/* 自动加的宿主行（openFilePreview 加 / 关闭即摘）：消费方那行不必自己写 flex。\n   只让「第一个非预览子项」当主区伸展，其余直接子项不动（页脚条、工具条不误伤）；\n   display 不在这里写死 —— 本来就是 grid 等布局的元素保持原样，由 TS 侧按计算值补 flex。 */\n.dshpc-dock-host{min-width:0;min-height:0}\n.dshpc-dock-host>:not([data-dshpc-file-preview]){min-width:0}\n.dshpc-dock-host>:first-child:not([data-dshpc-file-preview]){flex:1 1 auto}\n\n/* 单栏：sticky + 100vh 让它在页面滚动时保持可见，同时仍然占宽度。\n   ⚠️ **本条刻意不设 z-index**：布局成员一旦带正 z-index，就会无条件压过宿主 portal 到 body 的\n   弹窗（兄弟项目 2026-10-05 真机事故「侧边栏盖住宿主设置弹窗」）。层序交给 DOM 顺序裁决。 */\n.dshpc-dock__panel{\n  box-sizing:border-box;position:sticky;top:0;align-self:stretch;\n  display:flex;flex-direction:column;flex:0 0 auto;\n  /* 高度默认视口高（整页场景）；嵌在定高容器里时由调用方给 --dshpc-dock-h（如 420px / 100%）。 */\n  height:var(--dshpc-dock-h,100vh);max-height:var(--dshpc-dock-h,100vh);min-width:0;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n  border-left:1px solid var(--dshpc-border);\n  transition:border-color var(--dshpc-dur-fast) var(--dshpc-ease);\n  box-shadow:var(--dshpc-shadow-2);\n  /* 入场：从 0 宽滑出来（keyframes 只写 from，终点取内联 width），打开 / 耳朵展开都走这条。 */\n  animation:dshpc-dock-in .22s var(--dshpc-ease);\n}\n/* overflow:hidden 只在动画前段（离散属性在 50% 翻转）——平时不能裁，否则挂在左缘外的\n   收起钮会被切掉一半。 */\n@keyframes dshpc-dock-in{from{width:0;opacity:0;overflow:hidden}}\n/* 收起的出场：宽度收到 0、透明淡出；落定后组件才真正摘掉这一栏（JS 延时 220ms 配合）。 */\n.dshpc-dock__panel--closing{\n  width:0!important;min-width:0!important;opacity:0;border-left-width:0;\n  transition:width .2s var(--dshpc-ease),opacity .2s var(--dshpc-ease),border-left-width .2s var(--dshpc-ease);\n}\n\n.dshpc-dock__head{\n  flex:none;display:flex;align-items:center;gap:8px;\n  /* 右侧 34px = 8(边距) + 20(关钮) + 6(呼吸)：给绝对定位的关钮留位，标题/extra 不从它底下钻 */\n  padding:10px 34px 10px 14px;\n  border-bottom:1px solid var(--dshpc-border-faint);\n}\n/* 图标位 / 标题右侧的内容位：消费方传 ReactNode，可塞多个；库只负责排布，不抢宽度。 */\n.dshpc-dock__lead{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--dshpc-fg-2)}\n.dshpc-dock__extra{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto}\n/* 自定义头部：整行归调用方 —— 不加内边距/边框/背景，也不给关钮留内联空间（关钮是绝对定位的）。 */\n.dshpc-dock__head--custom{display:block;padding:0;border-bottom:none}\n.dshpc-dock__title{\n  flex:1 1 auto;min-width:0;\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n  font-size:var(--dshpc-font-md);font-weight:600;\n}\n/* 关闭钮：20×20 方角图标位（与 Modal 的关闭钮同规格，不借 Picker 触发器皮肤）。 */\n.dshpc-dock__close{\n  display:inline-flex;align-items:center;justify-content:center;flex:none;\n  width:20px;height:20px;padding:0;border:none;border-radius:var(--dshpc-radius-sm);\n  background:transparent;color:var(--dshpc-fg-3);\n  font-family:inherit;font-size:13px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-dock__close:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-dock__close:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 头部关钮：绝对定位，位置与内置头完全一致（top 10 / right 8）；自定义头也用这一个位置。\n   锚点是面板本身（position:sticky 即定位上下文），不在滚动内容里，所以正文滚动它不跟滚。 */\n.dshpc-dock__close--abs{position:absolute;top:10px;right:8px;z-index:8}\n/* 浮动关钮：无头部面板用，略收一点边距。 */\n.dshpc-dock__close--floating{\n  position:absolute;top:6px;right:6px;z-index:8;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border-faint);\n}\n\n/* 内容区自己滚：面板高度锁 100vh，内容不设内部滚动就会把整页撑高。 */\n.dshpc-dock__body{flex:1 1 auto;min-height:0;overflow:auto}\n\n/* 拖拽条：左缘 6px 命中区，**自己不画任何线**。\n   hover / 拖动时把面板自己的 border-left 染成蓝（用户 2026-10-28 四轮：蓝线只准改原线，\n   不准在原线旁边加一条 —— 之前在 padding box 左缘画渐变，正好叠出双线）。\n   命中区在 padding box 上、border 在它左外侧，所以只能改面板的 border 色。\n   z-index 7 必须高于面板内容里的浮层（复制钮一类），否则命中区会被内容盖住。 */\n.dshpc-dock__resizer{\n  position:absolute;left:0;top:0;bottom:0;width:6px;\n  z-index:7;cursor:col-resize;background:transparent;\n}\n.dshpc-dock__panel:has(> .dshpc-dock__resizer:hover),\n.dshpc-dock__panel--resizing{\n  /* 原线保留「上下渐隐」工作区指示条质感：把面板自己的 border-left 换成同款渐变\n     （不是另加一条线）。面板只有这一条边框、无圆角，所以只作用在线上。 */\n  border-image:linear-gradient(180deg,transparent,var(--dshpc-business) 30% 70%,transparent) 1;\n}\n\n/* 拖动期：① <iframe>（PDF / HTML 预览）是独立文档，会吞掉父文档的 pointermove，\n   向右拖进 iframe 就卡死 —— 整片让出指针事件；② contain 把重排隔离在栏内，\n   否则每帧改宽度都会牵动整页重排（兄弟项目 2026-10-04 真机「挪很久才动一下」）。 */\n.dshpc-dock.dshpc-dock--resizing iframe{pointer-events:none}\n.dshpc-dock.dshpc-dock--resizing .dshpc-dock__panel{contain:layout paint;will-change:width}\n\n/* 收起钮：**待在面板自己的框里**（用户 2026-10-28 三轮：占面板内部空间，不伸到外面去）。\n   left:0 从内侧贴着分隔线 —— 贴线的一边不描边（线是面板自己的 border-left），页签与线不重合。\n   20×44（用户 2026-10-28 四轮定尺寸）；实色底（--dshpc-plate，明暗各有实值），hover 亮一档。\n   padding-right:2px 是**视觉居中**：右侧是圆角，箭头往直线那边挪 1px（用户 2026-10-28 四轮）。 */\n.dshpc-dock__collapse{\n  position:absolute;left:0;top:50%;transform:translateY(-50%);\n  z-index:8;display:inline-flex;align-items:center;justify-content:center;\n  width:20px;height:44px;padding:0 2px 0 0;\n  border-top:1px solid var(--dshpc-border);\n  border-bottom:1px solid var(--dshpc-border);\n  border-right:1px solid var(--dshpc-border);\n  border-left:none;\n  border-radius:0 var(--dshpc-radius-sm) var(--dshpc-radius-sm) 0;\n  background:var(--dshpc-plate);color:var(--dshpc-fg-3);\n  font-family:inherit;font-size:16px;line-height:1;cursor:pointer;\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-dock__collapse:hover{background:var(--dshpc-plate-hover);color:var(--dshpc-fg)}\n.dshpc-dock__collapse:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n\n/* 收起后的浮动耳朵：**fixed 贴右缘、垂直居中、独立于分栏**（用户 2026-10-28 定稿：\n   小页签挂中间、里面放面板图标、不显示文字，箭头与收起钮反向）。多个按收起顺序纵向堆叠。\n   z 走 dock 档（低于宿主弹窗），避免盖住宿主 portal 层。 */\n.dshpc-dock__ears{\n  position:fixed;top:50%;right:0;transform:translateY(-50%);\n  z-index:var(--dshpc-z-dock,1030);\n  display:flex;flex-direction:column;gap:8px;align-items:flex-end;\n  pointer-events:none;\n}\n.dshpc-dock__ear{\n  pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;\n  /* 与收起钮**同尺寸**（20×44，用户 2026-10-28 四轮）：上/下/左描边，贴右缘的一侧不描。\n     实色底（--dshpc-plate），不用透明色 —— 透明底下透出东西很难看。\n     padding-left:2px 是**视觉居中**：左侧是圆角，箭头往直线（右缘）那边挪 1px。 */\n  width:20px;height:44px;box-sizing:border-box;padding:0 0 0 2px;\n  border-top:1px solid var(--dshpc-border);\n  border-bottom:1px solid var(--dshpc-border);\n  border-left:1px solid var(--dshpc-border);\n  border-right:none;\n  border-radius:var(--dshpc-radius-sm) 0 0 var(--dshpc-radius-sm);\n  background:var(--dshpc-plate);color:var(--dshpc-fg-2);\n  cursor:pointer;font-family:inherit;line-height:1;\n  animation:dshpc-ear-in .2s var(--dshpc-ease);\n  transition:background-color var(--dshpc-dur-fast) var(--dshpc-ease),color var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n/* 入场：从右缘外滑进来，别「突然出现」（用户 2026-10-28）。 */\n@keyframes dshpc-ear-in{from{opacity:0;transform:translateX(14px)}}\n.dshpc-dock__ear:hover{background:var(--dshpc-plate-hover);color:var(--dshpc-fg)}\n.dshpc-dock__ear:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:1px}\n/* 与收起钮的箭头同一字号（16px）：收进去前后箭头一模一样大（用户 2026-10-28）。 */\n.dshpc-dock__ear-arrow{font-size:16px;color:var(--dshpc-fg-3)}\n.dshpc-dock__ear:hover .dshpc-dock__ear-arrow{color:var(--dshpc-fg)}\n/* 动效礼貌：系统声明减少动效时全部关掉（与 Segmented 同一约定），收起退化为瞬时、功能不受影响。 */\n@media (prefers-reduced-motion:reduce){\n  .dshpc-dock__panel{animation:none}\n  .dshpc-dock__panel--closing{transition:none}\n  .dshpc-dock__ear{animation:none}\n}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/PanelDock.js
 		/**
 		* 停靠面板（PanelDock）—— 可停靠的右侧分栏容器。
 		*
@@ -5334,7 +5223,8 @@ window.__ModuleLoader__.load({
 		}
 		/** 停靠栏本体：只渲染「开着的」面板，结构取自对应的 `<DockPanel>`。 */
 		function PanelDock(props) {
-			ensureControls();
+			ensureComponentStyles("panel-dock", PANEL_DOCK_CSS);
+			ensureComponentStyles("feedback", FEEDBACK_CSS);
 			const tt = props.translate ?? t$2;
 			const state = (0, react$1.useSyncExternalStore)(props.dock.subscribe, props.dock.getSnapshot, props.dock.getSnapshot);
 			const rootRef = (0, react$1.useRef)(null);
@@ -5471,7 +5361,7 @@ window.__ModuleLoader__.load({
 			})));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/Field.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/Field.js
 		/**
 		* 输入类控件 —— **全站唯一实现**（L2 组件皮肤，P3）
 		*
@@ -5495,7 +5385,7 @@ window.__ModuleLoader__.load({
 		}
 		/** 文本输入。默认铺满容器（width:100%，与 Textarea 同口径）；要定宽由调用方在外面包壳（如 192px 搜索槽）。 */
 		function Input(props) {
-			ensureControls();
+			ensureComponentStyles("field", FIELD_CSS);
 			const { value, onChange, placeholder, size = "lg", error, disabled, type, icon, className, style } = props;
 			const [focused, setFocused] = (0, react$1.useState)(false);
 			const search = type === "search";
@@ -5543,6 +5433,22 @@ window.__ModuleLoader__.load({
 		function pad2(value) {
 			return String(value).padStart(2, "0");
 		}
+		/** `Date` → 本机时区的 `YYYY-MM-DD`（图表按天 / 周切桶用）。 */
+		function ymdOf(date) {
+			return `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`;
+		}
+		/** `YYYY-MM-DD` 前后挪几天（本机时区）。 */
+		function addDays(value, delta) {
+			const date = /* @__PURE__ */ new Date(`${value}T00:00:00`);
+			date.setDate(date.getDate() + delta);
+			return ymdOf(date);
+		}
+		/** 本周一（周一为一周之始，与 skill 同口径）。 */
+		function mondayOf(value) {
+			const date = /* @__PURE__ */ new Date(`${value}T00:00:00`);
+			date.setDate(date.getDate() - (date.getDay() + 6) % 7);
+			return ymdOf(date);
+		}
 		/**
 		* 相对时间（GitHub 口径，用户 2026-10-28）：<1 分钟「刚刚」、<1 小时「N 分钟前」、
 		* <24 小时「N 小时前」、<30 天「N 天前」、<12 个月「N 个月前」，再往上「N 年前」；
@@ -5585,7 +5491,7 @@ window.__ModuleLoader__.load({
 			return String(n);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/official.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/official.js
 		/**
 		* L1 adapter —— 全仓**唯一** import 官方 primitives 平台模块的文件。
 		*
@@ -5630,7 +5536,7 @@ window.__ModuleLoader__.load({
 			return value;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/utils/path.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/utils/path.js
 		/**
 		* 纯路径方法 —— 只做字符串切分 / 拼接，不碰宿主、不依赖 React / DOM。
 		*
@@ -5669,7 +5575,7 @@ window.__ModuleLoader__.load({
 			return dir === "" ? name : `${dir}/${name}`;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/types.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/types.js
 		/** HTML 静态预览的扩展名（与官方 htmlBodyDefinition 同款）。 */
 		const HTML_KINDS = ["html", "htm"];
 		/**
@@ -6051,9 +5957,12 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/BytesPreview.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/explorer-css.generated.js
+		const EXPLORER_CSS = "/* 工作区文件浏览器（dshpc-fb-*）。\n *\n * 度量真源 = 兄弟项目 dsh-task-dispatch-table 的 src/client/archive-session-css.ts\n * （.dsh-tdt-sv-* 全族）。**逐条照抄，不许自己估**：padding / gap / 圆角 / 字号 / 行高 /\n * 边框色 / 悬停色 / 透明度动画 / 溢出策略，一一对应，改这里之前先去那边对原文。\n * 前缀与变量名换成本仓口径（--tdt-* → --dshpc-*），数值不换。\n *\n * 控件：能核心就核心（面包屑 = Button ghost、行尾 = Button outline、展开 / 图标 = IconButton、\n * 分段 = Segmented、文字 = MarqueeText）。核心控件自带的 padding / 高度 / 皮肤在本文件里\n * **按兄弟数值覆盖**（选择器带 .dshpc-fb 前缀提高特异性，确保盖得住控件默认值）。\n */\n.dshpc-fb{\n  position:relative;display:flex;flex-direction:column;height:100%;min-height:0;\n  background:var(--dshpc-surface-base);color:var(--dshpc-fg);\n}\n\n/* 第一排：▾ 选层 + 面包屑 + 动作（兄弟 .dsh-tdt-sv-crumbbar）\n   ⚠️ 不能 overflow:hidden —— 下拉浮层挂在它下面，裁了就看不见。 */\n.dshpc-fb__bar{\n  position:relative;flex:none;display:flex;align-items:center;gap:2px;\n  padding:4px 10px;border-bottom:1px solid var(--dshpc-border);white-space:nowrap;\n}\n.dshpc-fb__menu-wrap{position:relative;flex:none;display:inline-flex}\n.dshpc-fb__crumbs{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2px;overflow:hidden}\n.dshpc-fb__crumbs-measure{\n  position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:2px;\n  visibility:hidden;pointer-events:none;white-space:nowrap;\n}\n\n/* 面包屑：核心 ghost 钮，但皮肤与尺寸取兄弟 .dsh-tdt-sv-crumb（高由内容决定，不锁控制高）。 */\n.dshpc-fb .dshpc-fb__crumb{\n  appearance:none;background:0 0;border:none;height:auto;\n  padding:2px 4px;border-radius:var(--dshpc-radius-sm);\n  font:inherit;font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);\n  color:var(--dshpc-fg-2);cursor:pointer;\n  display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;\n}\n.dshpc-fb .dshpc-fb__crumb:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n.dshpc-fb .dshpc-fb__crumb:disabled{color:var(--dshpc-fg-2);cursor:default}\n.dshpc-fb .dshpc-fb__crumb--current{cursor:default;color:var(--dshpc-fg);font-weight:600;min-width:0}\n.dshpc-fb .dshpc-fb__crumb--current:hover{background:0 0}\n.dshpc-fb__crumb-mq{flex:1 1 auto;min-width:0}\n.dshpc-fb__crumb-sep{flex:none;color:var(--dshpc-fg-3)}\n\n/* 越界（outside-workspace）第一排：只读完整路径（兄弟 .dsh-tdt-sv-crumbbar-plain-inner）。 */\n.dshpc-fb__bar-plain{\n  font-family:var(--dshpc-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);color:var(--dshpc-fg-2);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;user-select:none;\n}\n.dshpc-fb__actions{flex:none;display:flex;align-items:center;gap:4px}\n\n/* ▾ 选层浮层（兄弟 .dsh-tdt-sv-crumbs-*）。\n   层序：兄弟是 30/31；本仓 picker 面板是 1100，遮罩必须高于它，否则菜单开着点面板不算「点外部」。 */\n.dshpc-fb__crumbs-backdrop{position:fixed;inset:0;z-index:1200;background:transparent}\n.dshpc-fb__crumbs-menu{\n  position:absolute;top:calc(100% + 4px);left:0;z-index:1201;min-width:160px;max-height:240px;overflow:auto;\n  background:var(--dshpc-surface-menu);border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-sm);\n  box-shadow:0 4px 16px rgba(0,0,0,.18);padding:4px;display:flex;flex-direction:column;\n}\n.dshpc-fb__menu-item{\n  appearance:none;background:0 0;border:none;text-align:left;font:inherit;\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-md);\n  padding:4px 8px;border-radius:var(--dshpc-radius-sm);color:var(--dshpc-fg);cursor:pointer;\n  max-width:280px;display:flex;align-items:center;gap:2px;\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n}\n.dshpc-fb__menu-item:hover{background:var(--dshpc-hover)}\n.dshpc-fb__menu-empty{\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-md);padding:4px 8px;color:var(--dshpc-fg-3);\n}\n.dshpc-fb__menu-icon{flex:none;display:inline-flex}\n.dshpc-fb__menu-chev{flex:none;color:var(--dshpc-fg-3);margin-right:1px}\n.dshpc-fb__menu-chev-slot{flex:none;width:11px;height:11px;margin-right:1px}\n.dshpc-fb__menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n/* 第二排（仅预览态）：文件名 + 工具（兄弟 .dsh-tdt-sv-titlebar / -preview-title-inner）。 */\n.dshpc-fb__title{\n  flex:none;display:flex;align-items:center;gap:8px;\n  padding:8px 14px;border-bottom:1px solid var(--dshpc-border);\n}\n.dshpc-fb__title-inner{\n  font-family:var(--dshpc-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);\n  font-size:var(--dshpc-font-sm);line-height:var(--dshpc-line-sm);color:var(--dshpc-fg);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;\n}\n\n/* 主体（兄弟 .dsh-tdt-sv-preview-body / -hint / -preview-err） */\n.dshpc-fb__body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}\n.dshpc-fb__note{font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-2);text-align:center;padding:12px 0}\n.dshpc-fb__err{\n  display:flex;flex-direction:column;align-items:flex-start;gap:10px;\n  font-size:var(--dshpc-font-sm);line-height:1.6;color:var(--dshpc-fg-2);padding:8px 0;\n}\n\n/* 目录树（兄弟 .dsh-tdt-sv-tree*） */\n.dshpc-fb__tree{flex:1;min-height:0;overflow:auto;padding:6px 8px}\n.dshpc-fb__row{\n  display:flex;align-items:center;gap:8px;padding:6px 8px;\n  border-radius:var(--dshpc-radius-sm);cursor:pointer;user-select:none;\n}\n.dshpc-fb__row:hover{background:var(--dshpc-hover)}\n.dshpc-fb__row:focus-visible{outline:2px solid var(--dshpc-focus);outline-offset:-2px}\n.dshpc-fb__row-icon{flex:none;display:inline-flex;color:var(--dshpc-fg-2)}\n.dshpc-fb__row-name{\n  flex:1;min-width:0;font-size:var(--dshpc-font-md);line-height:var(--dshpc-line-md);color:var(--dshpc-fg);\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n}\n\n/* 展开开关：核心 IconButton，命中位 20×20 + 展开时转 90°（兄弟 .dsh-tdt-sv-tree-toggle{,-open}）。 */\n.dshpc-fb .dshpc-fb__row-toggle{\n  appearance:none;background:0 0;border:none;flex:none;\n  width:20px;height:20px;padding:0;margin:0;border-radius:var(--dshpc-radius-sm);\n  color:var(--dshpc-fg-2);cursor:pointer;\n  display:inline-flex;align-items:center;justify-content:center;\n  transition:transform var(--dshpc-dur-fast) var(--dshpc-ease),background var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-fb .dshpc-fb__row-toggle--open{transform:rotate(90deg)}\n\n/* 行尾「进入 / 选择」：核心 outline 钮，皮肤取兄弟 .dsh-tdt-sv-tree-act（高由内容决定）。\n   平时隐身但占位（opacity 而非 display）⇒ 出现时不顶动行内布局。 */\n.dshpc-fb .dshpc-fb__row-act{\n  flex:none;margin-left:auto;appearance:none;background:0 0;\n  border:1px solid var(--dshpc-border);border-radius:var(--dshpc-radius-sm);\n  height:auto;padding:2px 8px;font-size:var(--dshpc-font-sm);line-height:1.4;\n  color:var(--dshpc-fg-2);cursor:pointer;\n  opacity:0;pointer-events:none;\n  transition:opacity var(--dshpc-dur-fast) var(--dshpc-ease);\n}\n.dshpc-fb__row:hover .dshpc-fb__row-act,.dshpc-fb .dshpc-fb__row-act:focus-visible{opacity:1;pointer-events:auto}\n.dshpc-fb .dshpc-fb__row-act:hover{background:var(--dshpc-hover);color:var(--dshpc-fg)}\n\n.dshpc-fb__row-children{\n  margin-left:9px;padding-left:7px;border-left:1px solid var(--dshpc-border);\n  display:flex;flex-direction:column;\n}\n.dshpc-fb__row-note{flex:none;padding:8px 10px;font-size:var(--dshpc-font-sm);color:var(--dshpc-fg-3)}\n.dshpc-fb__row-err{padding:4px 8px 4px 36px;font-size:var(--dshpc-font-sm);color:var(--dshpc-danger)}\n\n/* 预览体内部容器（仅本仓预览组件用；兄弟对应 preview-fill / preview-body-code 一类）。\n   必须 border-box：渲染态 inline 加了 padding:12px 14px，content-box 下 width:100%+padding\n   会溢出父层 28px（父 .dshpc-fb 无 overflow 裁切）→ 恒多一条横滚条；border-box 把 padding\n   算进 100%，从根消除该溢出。 */\n.dshpc-fb__text{flex:1;min-height:0;overflow:auto;width:100%;box-sizing:border-box}\n.dshpc-fb__banner{padding:6px 10px;background:var(--dshpc-open-bg);color:var(--dshpc-fg-2);font-size:var(--dshpc-font-sm)}\n.dshpc-fb__more{display:flex;justify-content:center;padding:10px}\n.dshpc-fb__image{max-width:100%;border-radius:var(--dshpc-radius-sm);border:1px solid var(--dshpc-border)}\n/* iframe 的外壳（兄弟 .dsh-tdt-sv-preview-fill）：iframe 必须包在这一层里才拿得到高度——\n   裸挂 iframe 时替换元素的自动最小尺寸会让高度算不出来（表现为预览区整片空白、像没反应）。 */\n.dshpc-fb__fill{flex:1;min-height:0;display:flex;overflow:hidden;padding:0}\n.dshpc-fb__frame{flex:1;min-height:0;width:100%;height:100%;border:none;background:var(--dshpc-surface-1)}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/BytesPreview.js
 		function BytesPreview(props) {
-			ensureControls();
+			ensureComponentStyles("explorer", EXPLORER_CSS);
 			const tt = props.translate ?? t$2;
 			const [url, setUrl] = (0, react$1.useState)(null);
 			const [failed, setFailed] = (0, react$1.useState)(null);
@@ -51489,7 +51398,7 @@ window.__ModuleLoader__.load({
 		const stex = mkStex(false);
 		mkStex(true);
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/code-viewer-lang.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/code-viewer-lang.js
 		/**
 		* 源码态语法高亮：扩展名 → CodeMirror 语言映射。
 		*
@@ -51642,7 +51551,7 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/code-viewer-theme.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/code-viewer-theme.js
 		/**
 		* CodeMirror 6 主题（DSH 共享底座版）。
 		*
@@ -52046,7 +51955,10 @@ window.__ModuleLoader__.load({
 			];
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/ui/CodeViewer.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/code-viewer-css.generated.js
+		const CODE_VIEWER_CSS = "/* CodeViewer（只读 CodeMirror 查看器）样式。类名固定 dshpc-cv*；颜色吃 --dshpc-* token，\n   深色由 design 的 token 深色段自动生效（不写死颜色值）。 */\n.dshpc-cv{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;}\n/* 复制钮复用核心 IconButton（variant=outline / size=md）：盒型、描边、圆角（已统一 md）、底色、hover 全由核心提供；\n   这里只管「绝对定位 + 默认隐藏、hover/聚焦才显」（overlay 浮在编辑器右上角）。 */\n.dshpc-cv__copy{position:absolute;top:6px;right:6px;z-index:5;opacity:0;}\n.dshpc-cv:hover .dshpc-cv__copy,.dshpc-cv__copy:focus-visible{opacity:1;}\n.dshpc-cv__copy svg{width:16px;height:16px;}\n.dshpc-cv__editor{flex:1 1 auto;min-height:0;overflow:hidden;}\n.dshpc-cv__editor .cm-editor{height:100%;}\n.dshpc-cv__editor .cm-scroller{overflow:auto;}\n";
+		//#endregion
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/ui/CodeViewer.js
 		/**
 		* CodeViewer —— 只读源码查看器（替代官方 Shiki CodeBlock），DSH 共享底座版。
 		*
@@ -52071,6 +51983,7 @@ window.__ModuleLoader__.load({
 			return body === null ? false : body.hasAttribute(DARK_ATTR);
 		}
 		function CodeViewer(props) {
+			ensureComponentStyles("code-viewer", CODE_VIEWER_CSS);
 			const { text, path, t, className, style, height = "100%", lineNumbers = true } = props;
 			const [copied, setCopied] = (0, react$1.useState)(false);
 			const [dark, setDark] = (0, react$1.useState)(hostDark);
@@ -52138,7 +52051,7 @@ window.__ModuleLoader__.load({
 			}));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/utils/number.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/utils/number.js
 		/**
 		* 字节数 → 人话（`12 KB` / `3.4 MB`）。
 		* 0 与负数 ⇒ `—`（不显示「0 B」这种假精确）。
@@ -52161,7 +52074,7 @@ window.__ModuleLoader__.load({
 			return `${value >= 10 ? String(Math.round(value)) : value.toFixed(1)} ${units[unit]}`;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/md-labels.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/md-labels.js
 		function markdownLabels() {
 			return {
 				code: {
@@ -52177,9 +52090,9 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/TextPreview.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/TextPreview.js
 		function TextPreview(props) {
-			ensureControls();
+			ensureComponentStyles("explorer", EXPLORER_CSS);
 			const tt = props.translate ?? t$2;
 			const [text, setText] = (0, react$1.useState)("");
 			const [truncated, setTruncated] = (0, react$1.useState)(false);
@@ -52261,7 +52174,7 @@ window.__ModuleLoader__.load({
 			}, tt("previewLoadMore"))) : null);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/HtmlPreview.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/HtmlPreview.js
 		/** 官方 CSP 原文（documentpreview lib/client.js 同款，不多开不少关）。 */
 		const HTML_CSP = "default-src 'none'; script-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:; media-src data:";
 		/** 禁用标签（官方清单）。 */
@@ -52309,7 +52222,7 @@ window.__ModuleLoader__.load({
 			return `<!DOCTYPE html>\n${doc.documentElement.outerHTML}`;
 		}
 		function HtmlPreview(props) {
-			ensureControls();
+			ensureComponentStyles("explorer", EXPLORER_CSS);
 			const tt = props.translate ?? t$2;
 			const [doc, setDoc] = (0, react$1.useState)(null);
 			const [failed, setFailed] = (0, react$1.useState)(null);
@@ -52367,9 +52280,9 @@ window.__ModuleLoader__.load({
 			}));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/OfficePreview.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/OfficePreview.js
 		function OfficePreview(props) {
-			ensureControls();
+			ensureComponentStyles("explorer", EXPLORER_CSS);
 			const tt = props.translate ?? t$2;
 			const [url, setUrl] = (0, react$1.useState)(null);
 			const [failed, setFailed] = (0, react$1.useState)(null);
@@ -52412,7 +52325,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/preview/index.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/preview/index.js
 		function FilePreview(props) {
 			ensureControls();
 			const tt = props.translate ?? t$2;
@@ -52454,7 +52367,7 @@ window.__ModuleLoader__.load({
 			return null;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/FileBrowser.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/FileBrowser.js
 		/**
 		* ▾ 下拉条目构造（**picker 与 dock 共用同一段代码**，差别只在入参——源实现用户 2026-09-29
 		* 点名提炼，严禁两处各写一份）：
@@ -52532,7 +52445,7 @@ window.__ModuleLoader__.load({
 		}
 		/** 目录浏览器面板。详见 {@link FileBrowserProps}。 */
 		function FileBrowser(props) {
-			ensureControls();
+			ensureComponentStyles("explorer", EXPLORER_CSS);
 			const tt = props.translate ?? t$2;
 			const picker = props.picker === true;
 			const cacheRef = (0, react$1.useRef)(null);
@@ -53032,7 +52945,7 @@ window.__ModuleLoader__.load({
 			}, outside ? crumbBarPlain : crumbBar, titleBar, body);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.10.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_0ca6af7912de6ef2e83feddb390167ee/node_modules/dsh-plugin-core/dist/explorer/open.js
+		//#region ../../node_modules/.pnpm/dsh-plugin-core@0.12.0_@babel+runtime@8.0.8_@codemirror+autocomplete@6.20.4_@codemirror_098a2ccd8a53f295ad0979106693a6a3/node_modules/dsh-plugin-core/dist/explorer/open.js
 		/**
 		* 预览体：`openFilePreview` 的 FileBrowser 包裹层。职责只有一个——**切工作区**：
 		* ▾ 下拉点工作区 ⇒ 换该工作区的锚点会话、key 重挂载、path 回根。
@@ -53172,7 +53085,8 @@ window.__ModuleLoader__.load({
 				if (event.key === "Escape") close();
 			};
 			window.addEventListener("keydown", onKeyDown);
-			ensureControls(getStyleKit());
+			ensureComponentStyles("panel-dock", PANEL_DOCK_CSS, getStyleKit());
+			ensureComponentStyles("feedback", FEEDBACK_CSS, getStyleKit());
 			let pinnedWidth = null;
 			const keepWidth = () => {
 				const panel = container.querySelector(".dshpc-dock__panel");
@@ -53261,7 +53175,8 @@ window.__ModuleLoader__.load({
 				claim: !mine && task.status === "open",
 				resume: mine,
 				finish: mine,
-				release: mine
+				release: mine,
+				cancel: mine || task.status === "open"
 			};
 		}
 		/** 六档菜单命中。标记（`stale` / `overdue` / `backlog`）都由 skill 判定，前端只读布尔。 */
@@ -53293,7 +53208,51 @@ window.__ModuleLoader__.load({
 				...task.tags ?? []
 			].filter((s) => s !== null && s !== void 0 && s !== "").map((s) => s.toLowerCase()).some((s) => s.includes(kw));
 		}
-		/** 当前筛选下的平铺列表，按创建 / 开始时间倒序（沿用「我的待办」的排序口径）。 */
+		/**
+		* 组内优先级（用户 2026-10-30）：我在做 → 别人在做 → 积压待认领 → 其余待认领。
+		* 越靠前越需要本人动手；同档再按时间倒序（沿用「我的待办」的老口径）。
+		*/
+		function rankOf(task) {
+			if (task.status === "doing" || task.status === "blocked") return task.mine === true ? 0 : 1;
+			return task.backlog === true ? 2 : 3;
+		}
+		/** 组头要数的那几档（不含「全部」和「我的待办」）：与左侧菜单同一套判据。 */
+		const GROUP_TABS = [
+			"open",
+			"doing",
+			"backlog",
+			"overdue",
+			"stale"
+		];
+		/** 按工作区切段：**顺序不在这里定** —— `selectView` 已按「工作区注册序 + 组内优先级」排好，
+		*  这里只把连续同区的行切开，顺带数该组各档（纯函数，冒烟可直测）。
+		*  计数口径 = 组内**当前显示的行**，与左侧六档菜单同一个 `tabHit` ⇒ 组头数字和列出来的行对得上。 */
+		function groupRows(rows) {
+			const groups = [];
+			for (const row of rows) {
+				const last = groups[groups.length - 1];
+				if (last !== void 0 && last.workspace.id === row.task.workspace.id) last.rows.push(row);
+				else groups.push({
+					workspace: row.task.workspace,
+					rows: [row]
+				});
+			}
+			return groups.map((group) => {
+				const counts = {
+					open: 0,
+					doing: 0,
+					backlog: 0,
+					overdue: 0,
+					stale: 0
+				};
+				for (const row of group.rows) for (const tab of GROUP_TABS) if (tabHit(row.task, tab)) counts[tab] += 1;
+				return {
+					...group,
+					counts
+				};
+			});
+		}
+		/** 当前筛选下的平铺列表，已按「工作区分组 + 组内优先级 + 时间倒序」排好。 */
 		function selectView(current) {
 			const board = current.board;
 			const empty = {
@@ -53311,22 +53270,33 @@ window.__ModuleLoader__.load({
 			if (board === null) return empty;
 			const { tasks } = board;
 			const { tab, workspace, owner, keyword } = current.query;
+			const scope = tasks.filter((task) => workspace === "" || task.workspace.id === workspace).filter((task) => ownerHit(task, owner)).filter((task) => keywordHit(task, keyword));
+			const counts = {
+				all: scope.length,
+				mine: 0,
+				open: 0,
+				doing: 0,
+				backlog: 0,
+				overdue: 0,
+				stale: 0
+			};
+			for (const task of scope) {
+				if (task.mine === true) counts.mine += 1;
+				if (task.status === "open") counts.open += 1;
+				if (task.status === "doing" || task.status === "blocked") counts.doing += 1;
+				if (task.backlog === true) counts.backlog += 1;
+				if (task.overdue === true) counts.overdue += 1;
+				if (task.stale === true) counts.stale += 1;
+			}
+			const wsOrder = new Map(board.workspaces.map((ws, index) => [ws.id, index]));
 			return {
-				rows: tasks.filter((task) => tabHit(task, tab)).filter((task) => workspace === "" || task.workspace.id === workspace).filter((task) => ownerHit(task, owner)).filter((task) => keywordHit(task, keyword)).sort((a, b) => String(b.created ?? b.started ?? "").localeCompare(String(a.created ?? a.started ?? ""))).map((task) => ({
+				rows: scope.filter((task) => tabHit(task, tab)).sort((a, b) => (wsOrder.get(a.workspace.id) ?? Number.MAX_SAFE_INTEGER) - (wsOrder.get(b.workspace.id) ?? Number.MAX_SAFE_INTEGER) || rankOf(a) - rankOf(b) || String(b.created ?? b.started ?? "").localeCompare(String(a.created ?? a.started ?? ""))).map((task) => ({
 					kind: "task",
 					key: `${task.workspace.id}:${task.id}`,
 					task,
 					mine: task.mine === true
 				})),
-				counts: {
-					all: tasks.length,
-					mine: tasks.filter((task) => task.mine === true).length,
-					open: tasks.filter((task) => task.status === "open").length,
-					doing: tasks.filter((task) => task.status === "doing" || task.status === "blocked").length,
-					backlog: tasks.filter((task) => task.backlog === true).length,
-					overdue: tasks.filter((task) => task.overdue === true).length,
-					stale: tasks.filter((task) => task.stale === true).length
-				}
+				counts
 			};
 		}
 		/**
@@ -53442,6 +53412,10 @@ window.__ModuleLoader__.load({
 		function fetchBoardSnapshot(opts = {}) {
 			return fetchJson(`/board/snapshot${opts.fresh === true ? "?fresh=1" : ""}`);
 		}
+		/** 历史页顶部趋势（gran = 柱图粒度；切粒度 = 重新请求，host 有读缓存）。 */
+		function fetchHistoryTrend(gran = "day") {
+			return fetchJson(`/history/trend?gran=${gran}`);
+		}
 		//#endregion
 		//#region src/client/store.ts
 		/**
@@ -53608,14 +53582,35 @@ body{
   --dtl-business-soft:color-mix(in srgb,var(--dtl-business) 14%,transparent);
   --dtl-danger-soft:color-mix(in srgb,var(--dtl-danger) 8%,transparent);
 
-  /* ── 趋势图三色（2026-10-29 接回图表时恢复）─────────────────────
-     完成 = 蓝（--dtl-business）、未结 = 琥珀、新增 = 灰（fg-dim，明暗自带） */
+  /* ── 图表色（2026-10-30 用户改版）───────────────────────────────
+     首页趋势图：完成 = **蓝**（business，用户 2026-10-30「绿色那个柱子不好看，用 business 蓝」）、
+     取消 = 红；未结那根拆两段（用户 2026-10-30）—— 进行中 = 绿、待认领 = 琥珀；
+     新增曲线另走一档**中性灰**——柱子已经占了蓝，曲线也用蓝就分不清了。
+     色值仍直接取核心 alias（state-business / state-success / state-warn / state-error），不手写。
+     历史页柱色仍是「完成绿 / 取消红」，曲线沿用 --dtl-chart-added（蓝）。 */
+  --dtl-chart-done:var(--dtl-business);
+  --dtl-chart-doing:var(--dtl-success);
   --dtl-chart-open:var(--dtl-warning);
-  --dtl-chart-added:var(--dtl-fg-dim);
+  --dtl-chart-added:var(--dtl-business);
+  --dtl-chart-line:var(--dtl-fg-3);
+  /* 柱面斜纹用的半透明条：取卡底色 ⇒ 明暗主题自动跟着走，看着像柱子上开了几道细缝
+     （2026-10-30 三改：32% → 18% → 8%，要很淡） */
+  --dtl-chart-stripe:color-mix(in srgb,var(--dtl-surface-1) 8%,transparent);
 
   /* ── 交互底 ──────────────────────────────────────────────────── */
   /* 卡 / 行 hover 高亮：淡蓝（灰高亮在卡底上几乎看不出来） */
   --dtl-card-hover:rgba(37,99,235,.07);
+  /* 「有底无边」控件底（图表右上角翻页箭头，用户 2026-10-30）：
+     在卡片底色上掺一档前景色 ⇒ 不透明（压得住下面的刻度线）又比卡面略深，
+     明暗两主题都跟着 fg / surface 自动走 */
+  --dtl-btn-soft:color-mix(in srgb,var(--dtl-fg) 8%,var(--dtl-surface-1));
+  /* 图表浮卡：**明暗两主题用同一支深灰底 + 浅字**（用户 2026-10-30 定稿）——
+     掺色的浅灰在浅色主题下仍然像白底、跟页面糊在一起；干脆做成固定深色小片，
+     两套主题都不用再猜对比度。色值写死在这里，别处不许再手写。 */
+  --dtl-tip-bg:#23262c;
+  --dtl-tip-border:rgba(255,255,255,.14);
+  --dtl-tip-fg:#f2f4f7;
+  --dtl-tip-fg-dim:#a8b0ba;
 
   /* ── 圆角（宿主真值 4/8/12）───────────────────────────────────── */
   --dtl-radius-xs:var(--dsw-radius-xs,4px);
@@ -53640,6 +53635,12 @@ body{
   /* 统计卡主数字：宿主字号族最大 16px，看板主数字要更大 ⇒ 单开一档（别处不许直接写 px） */
   --dtl-font-stat:26px;
 
+  /* ── 统计卡固定高度（用户 2026-10-29 定）────────────────────────
+     卡高**只由这一条决定**，不跟内容走：小字缺行 / 小字凑巧换行都不改卡高。
+     算式 = 三行正文（标签 18 + 数字 26×1.15 + 小字 14）+ 上下 padding 24 + 两处 gap 8，
+     也就是三行都满时的自然高度 ⇒ 视觉与旧版一致，但不再被文字挤动。 */
+  --dtl-stat-h:calc(var(--dtl-space-3) * 2 + var(--dtl-line-sm) + var(--dtl-line-xs) + 1.15 * var(--dtl-font-stat) + var(--dtl-space-1) * 2);
+
   /* ── 动效 ────────────────────────────────────────────────────── */
   --dtl-dur-fast:var(--ds-transition-duration-fast,.12s);
   --dtl-ease:var(--ds-ease-in-out,cubic-bezier(.4,0,.2,1));
@@ -53650,6 +53651,8 @@ body{
 body[data-ds-dark-theme]{
   /* 暗色下蓝要更亮、透明度更高才压得住深底 */
   --dtl-card-hover:rgba(96,165,250,.13);
+  /* 暗底上掺白 8% 太浅 ⇒ 提到 12%，仍与卡面同族（不是另一套皮肤） */
+  --dtl-btn-soft:color-mix(in srgb,var(--dtl-fg) 12%,var(--dtl-surface-1));
   /* 语义色浅底在深色下压到 12% / 5%（8% 在深底上偏重） */
   --dtl-business-soft:color-mix(in srgb,var(--dtl-business) 12%,transparent);
   --dtl-danger-soft:color-mix(in srgb,var(--dtl-danger) 5%,transparent);
@@ -53688,79 +53691,241 @@ body[data-ds-dark-theme]{
 		*/
 		/** 基础层样式（tokens + 业务容器类；幂等注入）。 */
 		const UI_BASE_CSS = `
-/* 统计卡：8 块（2×4）+ 右图表卡位 */
-.dtl-stat{display:flex;flex-direction:column;gap:var(--dtl-space-1);
+/* 统计卡：8 块（2×4）+ 右图表卡位
+   ⚠️ 卡高 = --dtl-stat-h 定死，**不跟内容走**（用户 2026-10-29）：小字缺行、小字换行
+   都不许改卡高，否则两个页面的卡一错位就被一眼看出来。文字一律贴顶（不用居中：
+   缺小字时居中的卡会显得空）。 */
+.dtl-stat{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--dtl-space-1);
+  height:var(--dtl-stat-h);box-sizing:border-box;overflow:hidden;
   padding:var(--dtl-space-3) var(--dtl-space-4);text-align:left;}
+/* 三行文字各自的行高必须显式写死，--dtl-stat-h 的算式才对得上（别让行高继承宿主） */
+.dtl-stat__label{font-size:var(--dtl-font-sm);line-height:var(--dtl-line-sm);color:var(--dtl-fg-2);}
 .dtl-stat__value{font-size:var(--dtl-font-stat);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums;}
-.dtl-stat__hint{font-size:var(--dtl-font-xs);line-height:var(--dtl-line-xs);color:var(--dtl-fg-3);}
+/* 大数字后面紧跟的小字（历史页「28 完成 27 · 取消 1」那行）：基线对齐、不参与大字号 */
+.dtl-stat__main{display:flex;align-items:baseline;gap:var(--dtl-space-2);min-width:0;}
+.dtl-stat__sub{font-size:var(--dtl-font-xs);font-weight:400;line-height:var(--dtl-line-xs);
+  color:var(--dtl-fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
+/* 小字锁单行：卡高定死，换行会被 overflow 裁掉 ⇒ 宁可省略号 */
+.dtl-stat__hint{font-size:var(--dtl-font-xs);line-height:var(--dtl-line-xs);color:var(--dtl-fg-3);
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+/* 局部加载：核心 Loader（三块脉动）居中，只占没数据的那一块，不盖整页 */
+.dtl-loading{display:flex;align-items:center;justify-content:center;padding:var(--dtl-space-4) 0;}
 
 /* 统计区整体：左 8 块（2 行 × 4 列）+ 右图表卡，参考图同款分栏。
    ⚠️ 列数写死 4 → 2，绝不给 3：3 列会排出 3+1 的非对称（用户 2026-10-17）。
-   两栏**完全等高**：cards 两行 minmax(0,1fr) 均分 + 卡 height:100% ⇒ 图表卡与左边一样高。 */
+   行高也定死成 --dtl-stat-h（不是 1fr）⇒ 行不随内容涨，卡与卡之间永远等高。
+   两侧等高仍由 .dtl-stats 的 stretch + 图卡 height:100% 保证。 */
 .dtl-stats{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--dtl-space-3);align-items:stretch;}
-.dtl-stats__cards{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));
+.dtl-stats__cards{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,var(--dtl-stat-h));
   gap:var(--dtl-space-3);}
-.dtl-stats__cards > .dtl-stat{height:100%;box-sizing:border-box;}
 @media (max-width:960px){.dtl-stats{grid-template-columns:minmax(0,1fr);}}
-@media (max-width:640px){.dtl-stats__cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));}}
+@media (max-width:640px){.dtl-stats__cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,var(--dtl-stat-h));}}
+
+/* ── 历史页顶部：图表卡在左、4 块数显在右（今天 / 本周 / 本月 / 本季度）──────
+   2 列 × 2 行，块高 = --dtl-stat-h（与待办页统计卡同高，总高不变）；
+   块宽 = 高 × 1.92（用户 2026-10-30 两次加宽），样式直接吃待办页那套 .dtl-stat，不另写皮肤。 */
+.dtl-stats--history{grid-template-columns:minmax(0,1fr) auto;}
+.dtl-stats--history .dtl-stats__cards{grid-auto-flow:row;
+  grid-template-columns:repeat(2,calc(var(--dtl-stat-h) * 1.92));
+  grid-template-rows:repeat(2,var(--dtl-stat-h));}
+@media (max-width:960px){.dtl-stats--history{grid-template-columns:minmax(0,1fr);}}
+
+/* 历史日柱：柱间距 2px、悬停虚线框 + 浮卡。
+   翻页按钮**飘**在图区右上角（绝对定位，不单独占一行）——压在柱子上也无妨（用户 2026-10-29）。 */
+/* z-index:1 同趋势图：浮卡要被下方那排 input / select 压着还是压过去，全靠这层 */
+.dtl-hist{position:relative;z-index:1;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--dtl-space-2);
+  /* 单列（≤960）时 height:100% 解析成 auto，光靠 flex 撑不出高度 ⇒ 用右侧两行卡的总高兜底，
+     两栏并排时这个值恰好等于 stretch 给的高度，等于没改 */
+  min-height:calc(var(--dtl-stat-h) * 2 + var(--dtl-space-3));
+  /* 上边共多留 25px（用户 2026-10-30：10 + 10 + 5）：border-box + 卡高不变 ⇒
+     压的是图区，外框高度一点没变 */
+  padding:calc(var(--dtl-space-3) + 25px) var(--dtl-space-4) var(--dtl-space-3);}
+.dtl-hist__nav{position:absolute;top:var(--dtl-space-2);right:var(--dtl-space-3);z-index:2;
+  display:flex;gap:var(--dtl-space-2);}
+/* 翻页箭头 = 「有底、无边框」款（用户 2026-10-30）：核心 IconButton 没有「实心无描边」这一档
+   （plain 无底 / outline 有底带边）⇒ 这里给它换底、把描边抹平。底取 --dtl-btn-soft（不透明，
+   压得住下面的刻度线）。hover 仍走核心那档灰底；disabled 的弱化改用 fg-dim 字色表达。 */
+.dtl-hist__nav .dshpc-iconbtn{background:var(--dtl-btn-soft);border-color:transparent;}
+.dtl-hist__nav .dshpc-iconbtn:disabled{opacity:1;color:var(--dtl-fg-dim);}
+.dtl-hist__plot{position:relative;flex:1 1 auto;min-height:0;}
+/* 刻度线四档：顶/底实线，中间两条虚线（用户 2026-10-29：中间要有两根刻度线） */
+.dtl-hist__grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
+.dtl-hist__gridline{border-top:1px solid var(--dtl-border);}
+.dtl-hist__gridline--dashed{border-top-style:dashed;}
+.dtl-hist__gridline--base{border-top-color:var(--dtl-border-strong);}
+/* 顶部那条不画（它正好从右上角那排控件后面穿过）⇒ 留一个等距占位，让下面的线仍落在
+   ¾ / ½ / ¼ / 0 四档刻度上，与 y 轴五个数字一一对应 */
+.dtl-hist__gridline--none{border-top:none;}
+.dtl-hist__cols{position:absolute;inset:0;display:flex;justify-content:flex-start;gap:2px;}
+.dtl-hist__col{position:relative;flex:none;display:flex;flex-direction:column;justify-content:flex-end;
+  transition:filter var(--dtl-dur-fast) var(--dtl-ease);}
+.dtl-hist__col:hover{filter:brightness(1.1);}
+.dtl-hist__col:hover::after{content:"";position:absolute;inset:0;border:1px dashed var(--dtl-fg-3);
+  border-radius:var(--dtl-radius-xs);pointer-events:none;}
+/* 柱体：顶端两角 2px 圆角（底端贴基线保持直角）；overflow 把内部分段的方角裁成圆角
+   （与首页趋势图的柱子**同一套**：父级圆角 + overflow 裁切 + ::after 斜纹，见 .dtl-chart-stripe） */
+.dtl-hist__bar{position:relative;width:100%;display:flex;flex-direction:column-reverse;
+  border-radius:2px 2px 0 0;overflow:hidden;
+  /* 入场：柱子从基线逐列升起来（只动 transform，不碰高度 ⇒ 不动布局、不影响 hover 命中）。
+     延迟取列上内联的 --lc-d：**整屏错峰总时长固定 120ms**，由 JS 按「第几列 / 共几列」算好
+     （原来按列序号 ×24ms 累加、还封了 20，宽屏上就变成「前 20 根慢慢来、后面一批同时冒」，
+     看着像分批出现 —— 用户 2026-10-30 抓到的问题）。
+     backwards 必须：延迟期间先停在起始帧，否则会先满怀高度再闪回 0。 */
+  transform-origin:bottom;
+  animation:dtl-bar-in .3s var(--dtl-ease) backwards;
+  animation-delay:var(--lc-d,0ms);}
+@keyframes dtl-bar-in{from{transform:scaleY(0);}to{transform:scaleY(1);}}
+@media (prefers-reduced-motion: reduce){.dtl-hist__bar{animation:none;}}
+/* 浮卡：日期 → 新建任务 → 结案任务（总计）→ 虚线 → 明细（一工作区一行），0 值不列。
+   恒在柱子**下方**：上方会被图表顶边挤出屏幕、hover 判定又带来闪跳（用户 2026-10-29 都放下面）；
+   top 让出 6px 间隙 + 12px 的 x 轴日期行，不压刻度。
+   底色取 --dtl-tip-bg（掺一档前景色的浅灰）：纯卡底色在浅色主题下跟白底糊住、边界看不清
+   （用户 2026-10-30 试过官方 Tooltip 又退回自绘，就是为了这个底色）。 */
+.dtl-hist__tip{position:absolute;left:50%;top:calc(100% + 18px);z-index:3;transform:translateX(-50%);
+  padding:var(--dtl-space-2);border:1px solid var(--dtl-tip-border);border-radius:var(--dtl-radius-sm);
+  background:var(--dtl-tip-bg);white-space:nowrap;font-size:var(--dtl-font-xs);line-height:1.5;
+  color:var(--dtl-tip-fg);opacity:0;pointer-events:none;transition:opacity var(--dtl-dur-fast) var(--dtl-ease);}
+.dtl-hist__col:hover .dtl-hist__tip{opacity:1;}
+.dtl-hist__tip-date{color:var(--dtl-tip-fg-dim);font-variant-numeric:tabular-nums;}
+.dtl-hist__tip-row{display:flex;align-items:center;gap:var(--dtl-space-1);
+  font-variant-numeric:tabular-nums;}
+/* 总计行（结案任务）：加粗，它是明细之和，不属于任何一个工作区颜色 */
+.dtl-hist__tip-total{display:flex;align-items:center;gap:var(--dtl-space-1);
+  font-weight:600;font-variant-numeric:tabular-nums;}
+/* 总计与明细之间的分隔虚线（用户 2026-10-30） */
+.dtl-hist__tip-sep{border-top:1px dashed var(--dtl-tip-border);margin:var(--dtl-space-1) 0;
+  height:0;}
+.dtl-hist__tip-dot{display:inline-block;width:8px;height:8px;flex:none;}
+/* 总计行的图例块：8×8 方块里几条**横向**色带上下等分（与柱子的分段同向） */
+.dtl-hist__tip-dot--split{display:inline-flex;flex-direction:column;overflow:hidden;}
+.dtl-hist__tip-dot--split > span{flex:1 1 0;min-height:0;}
+.dtl-hist__tip-count{margin-left:auto;padding-left:var(--dtl-space-3);color:var(--dtl-tip-fg);}
+/* x 轴日期行：高度定死 10px（文字绝对定位，不吃行高），首末钳制靠内联 left / right */
+.dtl-hist__labels{display:flex;gap:2px;margin-top:2px;flex:none;height:10px;}
+/* 新增量曲线：铺满 plot 的 SVG，0-100 百分比坐标（preserveAspectRatio:none 拉伸），
+   non-scaling-stroke 保证线宽不随拉伸变形；只描边不填充，色与趋势图「新增」同源 */
+.dtl-hist__line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
+.dtl-hist__line polyline{fill:none;stroke:var(--dtl-chart-added);stroke-width:1.5;
+  vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;}
+.dtl-hist__label{position:relative;flex:none;font-size:10px;line-height:1;color:var(--dtl-fg-3);
+  font-variant-numeric:tabular-nums;}
+/* 日期文字以列中心为锚点向两侧展开（用户 2026-10-30：不从卡片最左 / 最右起排）；
+   首列 / 末列由内联 left / right 钳回边界内 */
+.dtl-hist__label > span{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;}
 
-/* ── 趋势图（右上卡：8 周 × 3 柱）────────────────────────────────
+/* ── 趋势图（首页右上卡：每周两根柱 + 新增曲线；2026-10-30 改版，画法对齐历史页）──────
    柱高是百分比 ⇒ 祖先链必须有**确定高度**（卡 height:100% → body flex:1 → plot 绝对铺满）；
    2026-10-17 真机教训：百分比高度没有确定父高时整列柱消失，只剩数字。 */
-.dtl-trend{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--dtl-space-2);
-  padding:var(--dtl-space-4);}
+/* position:relative 是给右上角那对「飘」着的翻页箭头当定位上下文（浮卡已改官方 Tooltip 的
+   传送门，不再需要 z-index）。
+   上下留白不对称（用户 2026-10-30：图例离顶太远、离图太近）⇒ 顶 10 / 图例与图之间 12。 */
+/* position:relative 既给右上角那对「飘」着的翻页箭头当定位上下文，也配合 z-index:1 —— 浮卡是
+   卡里的绝对定位子元素，不把整张卡抬成一层压过页面下方那排 input / select，就会被它们挡住
+   （用户 2026-10-30 连报两次，别删这个 z-index）。 */
+.dtl-trend{position:relative;z-index:1;height:100%;box-sizing:border-box;display:flex;
+  flex-direction:column;gap:var(--dtl-space-3);
+  padding:10px var(--dtl-space-4) var(--dtl-space-4);}
 .dtl-trend__legend{display:flex;align-items:center;flex-wrap:wrap;gap:var(--dtl-space-3);
   font-size:var(--dtl-font-xs);color:var(--dtl-fg-3);}
-.dtl-trend__dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:var(--dtl-radius-xs);
+/* 图例色块：直角方块，与柱子同一造型（用户 2026-10-29：不要圆角） */
+.dtl-trend__dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:0;
   vertical-align:middle;}
-.dtl-trend__dot--done{background:var(--dtl-business);}
-.dtl-trend__dot--open{background:var(--dtl-chart-open);}
-.dtl-trend__dot--added{background:var(--dtl-chart-added);}
-/* 「只看我的」：贴图例右侧的小复选框（原生控件 + accent-color，不自绘皮肤） */
-.dtl-trend__mine{display:inline-flex;align-items:center;gap:4px;margin-left:auto;cursor:pointer;
+/* 上下两半的色块（用户 2026-10-30）：上半 = 柱子里叠在上面那一段 ——
+   已结案（取消红在上 / 完成蓝在下）、未结（进行中绿在上 / 待认领琥珀在下）。 */
+.dtl-trend__dot--split{display:inline-flex;flex-direction:column;overflow:hidden;}
+.dtl-trend__dot--split > span{flex:1 1 0;min-height:0;}
+/* 「只看我的」：跟在图例后面（右侧那角留给翻页箭头，用户 2026-10-30） */
+.dtl-trend__mine{display:inline-flex;align-items:center;gap:4px;cursor:pointer;
   font-size:var(--dtl-font-xs);color:var(--dtl-fg-3);}
 .dtl-trend__mine input{margin:0;accent-color:var(--dtl-business);}
+/* 翻页箭头：**飘**在卡片右上角（绝对定位，不跟图例挤一排 —— 放一排会把整排文字行撑高，
+   用户 2026-10-30）；底取 --dtl-btn-soft（不透明，压得住下面的刻度线），与历史页同款 */
+.dtl-trend__nav{position:absolute;top:var(--dtl-space-2);right:var(--dtl-space-3);z-index:2;
+  display:flex;gap:var(--dtl-space-1);}
+.dtl-trend__nav .dshpc-iconbtn{background:var(--dtl-btn-soft);border-color:transparent;}
 .dtl-trend__body{flex:1 1 auto;min-height:0;display:flex;gap:var(--dtl-space-2);}
 .dtl-trend__axis{display:flex;flex-direction:column;justify-content:space-between;flex:none;
-  padding-bottom:14px;font-size:10px;line-height:1;text-align:right;font-variant-numeric:tabular-nums;
+  padding-bottom:12px;font-size:10px;line-height:1;text-align:right;font-variant-numeric:tabular-nums;
   color:var(--dtl-fg-3);}
 .dtl-trend__plot{position:relative;flex:1 1 auto;min-width:0;}
-/* 网格：只在绘图区内（底部 14px 留给 x 轴日期），三档刻度与三条线一一对应 */
-.dtl-trend__grid{position:absolute;left:0;right:0;top:0;bottom:14px;display:flex;flex-direction:column;
-  justify-content:space-between;}
+/* 刻度线五档：顶部不画（正好从右上角控件后面穿过）、中间三档（¾ / ½ / ¼）**全虚线**、
+   底部基线实线（用户 2026-10-30：中间的线都用虚线，不要实线） */
+.dtl-trend__grid{position:absolute;inset:0;display:flex;flex-direction:column;
+  justify-content:space-between;pointer-events:none;}
 .dtl-trend__gridline{border-top:1px solid var(--dtl-border);}
+.dtl-trend__gridline--dashed{border-top-style:dashed;}
+.dtl-trend__gridline--none{border-top:none;}
 .dtl-trend__gridline--base{border-top-color:var(--dtl-border-strong);}
-.dtl-trend__cols{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:stretch;
-  gap:var(--dtl-space-2);}
-.dtl-trend__col{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;
-  justify-content:flex-end;padding-bottom:14px;}
-.dtl-trend__bars{display:flex;align-items:flex-end;justify-content:center;gap:1px;flex:1 1 auto;min-height:0;}
-/* 柱宽 5px、无圆角（用户 2026-10-17：「太粗、不要圆弧」）；非零柱给 2px 下限 */
-.dtl-trend__bar{position:relative;width:5px;flex:none;min-height:2px;
+/* 柱序居左、组宽固定（组宽 / 组间距由 trend-chart.ts 内联给，这里只管排布） */
+.dtl-trend__cols{position:absolute;inset:0;display:flex;justify-content:flex-start;}
+.dtl-trend__col{position:relative;flex:none;display:flex;flex-direction:column;justify-content:flex-end;
   transition:filter var(--dtl-dur-fast) var(--dtl-ease);}
-/* 完成柱要盖在隔壁更高的柱子上：柱顶数值会伸出 5px 柱宽，否则被邻居压掉 */
-.dtl-trend__bar--done{background:var(--dtl-business);z-index:1;}
-.dtl-trend__bar--open{background:var(--dtl-chart-open);}
-.dtl-trend__bar--added{background:var(--dtl-chart-added);}
-/* hover 整列三根一起提亮（用户 2026-10-17：不是只亮蓝的一根） */
-.dtl-trend__col:hover .dtl-trend__bar{filter:brightness(1.18);}
-.dtl-trend__value{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
-  padding:1px 2px;border-radius:var(--dtl-radius-xs);background:var(--dtl-surface-1);
-  font-size:10px;line-height:1;color:var(--dtl-fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;}
-.dtl-trend__x{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;line-height:1;
-  color:var(--dtl-fg-3);font-variant-numeric:tabular-nums;}
-/* hover 浮卡：自绘（原生 title 太慢且长相不一） */
-.dtl-trend__tip{position:absolute;left:50%;bottom:calc(100% - 10px);z-index:2;transform:translateX(-50%);
-  padding:var(--dtl-space-2);border:1px solid var(--dtl-border-strong);border-radius:var(--dtl-radius-sm);
-  background:var(--dtl-surface-1);white-space:nowrap;
-  font-size:var(--dtl-font-xs);line-height:1.5;color:var(--dtl-fg-2);
+.dtl-trend__col:hover{filter:brightness(1.1);}
+/* hover：整组（两根柱）一个虚线框，不是一根一个（用户 2026-10-30） */
+.dtl-trend__col:hover::after{content:"";position:absolute;inset:0;border:1px dashed var(--dtl-fg-3);
+  border-radius:var(--dtl-radius-xs);pointer-events:none;}
+.dtl-trend__bars{display:flex;align-items:flex-end;justify-content:flex-start;flex:1 1 auto;min-height:0;}
+/* 柱宽**固定** 11.25px（= trend-chart.ts 的 BAR_W，组宽 / 一屏几周都按它算，改一处两边一起改）：
+   某周没有未结时只剩一根柱，**不许被拉宽**（用户 2026-10-30）。柱顶 2px 圆角、非零柱 2px 下限。
+   入场动画沿用历史页那套 transform（只动 transform，不碰高度 ⇒ 不动布局） */
+.dtl-trend__bar{position:relative;flex:none;width:11.25px;min-height:2px;
+  border-radius:2px 2px 0 0;overflow:hidden;
+  transform-origin:bottom;animation:dtl-bar-in .3s var(--dtl-ease) backwards;
+  animation-delay:var(--lc-d,0ms);}
+@media (prefers-reduced-motion: reduce){.dtl-trend__bar{animation:none;}}
+/* 结案柱 = 完成 business 蓝（用户 2026-10-30：绿的不好看）；未结柱底 = 待认领琥珀 */
+.dtl-trend__bar--closed{background-color:var(--dtl-chart-done);}
+.dtl-trend__bar--open{background-color:var(--dtl-chart-open);}
+/* 叠在柱顶端的那一段（用户 2026-10-30）：结案柱顶 = 取消红、未结柱顶 = 进行中绿；圆角交给父级裁 */
+.dtl-trend__seg{position:absolute;left:0;right:0;top:0;}
+.dtl-trend__seg--cancelled{background-color:var(--dtl-danger);}
+.dtl-trend__seg--doing{background-color:var(--dtl-chart-doing);}
+/* 柱面斜纹：**两个图表共用这一条**（历史页 .dtl-hist__bar / 首页 .dtl-trend__bar）——
+   一根柱铺一层 45° 覆盖层（伪元素画在最上面），不碰任何分段的底色，也不依赖谁先谁后；
+   父级圆角 + overflow 裁切把覆盖层一起裁成圆角（用户 2026-10-30：同一个东西只留一种实现）。
+   斜条 2px、条间（柱色本体）4px、透明度见 --dtl-chart-stripe */
+.dtl-hist__bar::after,.dtl-trend__bar::after{content:"";position:absolute;inset:0;
+  pointer-events:none;background-image:repeating-linear-gradient(45deg,
+  var(--dtl-chart-stripe) 0 2px,transparent 2px 6px);}
+/* x 轴日期行：高度定死 10px（文字绝对定位，不吃行高），首末钳制靠内联 left / right */
+.dtl-trend__labels{display:flex;margin-top:2px;flex:none;height:10px;}
+.dtl-trend__label{position:relative;flex:none;font-size:10px;line-height:1;color:var(--dtl-fg-3);
+  font-variant-numeric:tabular-nums;}
+.dtl-trend__label > span{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;}
+/* 新增量曲线：铺满 plot 的 SVG，0-100 百分比坐标（preserveAspectRatio:none 拉伸），
+   non-scaling-stroke 保证线宽不随拉伸变形。
+   z-index 2 ⇒ **压在柱子上面**（用户 2026-10-30），浮卡再高一层；线色走中性灰
+   （柱子已经是蓝的，曲线再用蓝就分不清了） */
+.dtl-trend__line{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;}
+.dtl-trend__line polyline{fill:none;stroke:var(--dtl-chart-line);stroke-width:1.5;
+  vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;}
+/* hover 浮卡：恒在柱子**下方**（上方会被卡片顶边挤出屏幕）；深灰底 + 浅字同历史页 */
+.dtl-trend__tip{position:absolute;left:50%;top:calc(100% + 18px);z-index:3;transform:translateX(-50%);
+  padding:var(--dtl-space-2);border:1px solid var(--dtl-tip-border);border-radius:var(--dtl-radius-sm);
+  background:var(--dtl-tip-bg);white-space:nowrap;
+  font-size:var(--dtl-font-xs);line-height:1.5;color:var(--dtl-tip-fg);
   opacity:0;pointer-events:none;transition:opacity var(--dtl-dur-fast) var(--dtl-ease);}
 .dtl-trend__col:hover .dtl-trend__tip{opacity:1;}
 .dtl-trend__tip-row{font-variant-numeric:tabular-nums;}
 /* 未结的拆分行：缩进 + 淡一档，读起来是「未结」的注脚 */
-.dtl-trend__tip-row--sub{padding-left:10px;color:var(--dtl-fg-3);}
+.dtl-trend__tip-row--sub{padding-left:10px;color:var(--dtl-tip-fg-dim);}
 .dtl-trend__foot{font-size:var(--dtl-font-xs);color:var(--dtl-fg-3);}
 
+/* 页面滚动到底的留白：实体块跟着内容走（滚到最底时最后一条卡不贴浏览器底边） */
+.dtl-page-foot{height:24px;flex:none;}
+
+/* 按工作区分组（用户 2026-10-30）：组头是核心 SectionHead（自带 12px 下边距），
+   这里只补组与组之间的留白 —— 首个组不再多一层 */
+.dtl-group + .dtl-group{margin-top:var(--dtl-space-4);}
+/* 组头左侧的细竖线（替代图标）+ 组名后的分档条数（0 的档由 JS 直接不渲染，不占位） */
+.dtl-group__rule{width:3px;height:14px;flex:none;background:var(--dtl-fg-3);
+  border-radius:var(--dtl-radius-xs);}
+.dtl-group__count{margin-left:var(--dtl-space-2);font-size:var(--dtl-font-xs);font-weight:400;
+  color:var(--dtl-fg-3);white-space:nowrap;}
+/* 组头整体右移 4px（与任务卡左缘留一点视觉差，用户 2026-10-30） */
+.dtl-group__head{padding-left:var(--dtl-space-1);}
+
 /* 任务行 = 一张卡（样式照抄 dispatch-table TaskCard：surface-1 底 + 1px 边框 + 左缘状态条；
    hover 只亮主行；右侧 时间⇄按钮排 互换） */
 .dtl-taskrow{background:var(--dtl-surface-1);border:1px solid var(--dtl-border);
@@ -53782,12 +53947,12 @@ body[data-ds-dark-theme]{
 .dtl-taskrow__title{font-size:var(--dtl-font-lg);font-weight:600;line-height:var(--dtl-line-md);min-width:0;flex:0 1 auto;}
 .dtl-taskrow__stamp{flex:none;font-size:var(--dtl-font-xs);color:var(--dtl-fg-3);white-space:nowrap;
   font-variant-numeric:tabular-nums;}
-/* 第二行小字：工作区 · #标签（行距拉开，用户 2026-10-17：第一二行别贴着） */
+/* 第二行小字：状态标签 · 异常标签 · #标签（行距拉开，用户 2026-10-17：第一二行别贴着） */
 .dtl-taskrow__l2{display:flex;align-items:center;gap:var(--dtl-space-2);margin-top:6px;
   font-size:var(--dtl-font-sm);color:var(--dtl-fg-2);min-width:0;}
-/* 右侧（用户 2026-10-28）：工作区 Chip（常驻）/ 时间（hover 让位）/ 动作钮。
-   hover 只收时间那一截，Chip 不动 —— 按钮出现时两者保持同一个 gap。
-   人名（第二行）走核心 Button 的 link 档，这里不再有它的样式。 */
+/* 右侧（用户 2026-10-28）：执行人名（常驻）/ 时间（hover 让位）/ 动作钮。
+   hover 只收时间那一截，人名不动 —— 按钮出现时两者保持同一个 gap。
+   人名走核心 Button 的 link 档（品牌蓝），这里不再有它的样式。 */
 .dtl-taskrow__meta{flex:none;overflow:hidden;text-overflow:ellipsis;
   font-size:var(--dtl-font-xs);color:var(--dtl-fg-3);white-space:nowrap;
   font-variant-numeric:tabular-nums;}
@@ -53841,13 +54006,14 @@ body[data-ds-dark-theme]{
 				value: props.value,
 				onChange: props.onChange,
 				size: props.size,
+				bordered: props.bordered === true,
 				tone: props.tone,
 				label: props.label,
 				id: props.id,
 				style: props.style
 			});
 		}
-		/** 按钮：改由核心 `Button` 承担（10 档 variant 里本地用 primary/outline/ghost/link）。
+		/** 按钮：改由核心 `Button` 承担（18 档 variant 里本地用 primary/secondary/outline/ghost/link）。
 		*  `loading` = 核心自带的前置小圈 + 自动禁用（转圈动画只此一份，不自绘）。
 		*  宽度三件（width/minWidth/maxWidth）核心已支持：给 maxWidth + 纯文字 ⇒ 核心自动省略号 +
 		*  hover 跑马灯，本层原样透传，别再自己写截断。 */
@@ -53895,16 +54061,8 @@ body[data-ds-dark-theme]{
 				children: (0, react$1.createElement)("span", { className: "dtl-tip" }, props.children)
 			});
 		}
-		/**
-		* 全局加载提示：核心 `showLoading` 的**默认位（屏幕下方居中、无遮罩）**，不传定位参数
-		* （用户 2026-10-28：就地摆进面板内容区不好看，就用全局那个默认位置）。
-		*
-		*  ⚠️ 它**不会自动消失**：谁开的谁 `close()`（句柄可重复关，第二次是空操作）；
-		*  同屏只有一张卡，后一次调用顶掉前一次 ⇒ 打开面板 / 首读这种场合直接开、数据到了就关。
-		*/
-		function showLoading(text) {
-			return showLoading$1({ text });
-		}
+		/** 加载图标：核心 `Loader` 原样透出（无背景、无定位；形态 `ring` / `blocks`、尺寸 xs~xl 都走核心档位）。 */
+		const Loader = Loader$2;
 		/** 下拉：改由核心 `Picker`（单选、受控、portal 菜单）承担。
 		*  宽度由核心 `Picker` 原生支持（`width`/`minWidth`/`maxWidth` 落到位触发器内联样式，
 		* 超长省略号 + hover 跑马灯）；给了 `width` 即锁定定宽，否则在 min/max 间自适应。 */
@@ -53948,23 +54106,22 @@ body[data-ds-dark-theme]{
 		function StatCard(props) {
 			ensureUiBase();
 			const interactive = props.interactive !== false && props.onClick !== void 0;
-			const shown = props.value === 0 || props.value === "0" ? "—" : String(props.value);
+			const shown = (props.value === 0 || props.value === "0") && props.showZero !== true ? "—" : props.value;
 			return (0, react$1.createElement)(interactive ? "button" : "div", {
 				type: interactive ? "button" : void 0,
 				className: `dtl-card dtl-stat${interactive ? " dtl-card--clickable" : ""}`,
 				"data-active": props.active === true,
 				title: props.title,
 				onClick: interactive ? props.onClick : void 0
-			}, (0, react$1.createElement)("span", { style: {
-				fontSize: "var(--dtl-font-sm)",
-				color: "var(--dtl-fg-2)"
-			} }, props.label), (0, react$1.createElement)("span", { className: "dtl-stat__value" }, shown), props.hint === void 0 || props.hint === null || props.hint === "" ? null : (0, react$1.createElement)("span", { className: "dtl-stat__hint" }, props.hint));
+			}, (0, react$1.createElement)("span", { className: "dtl-stat__label" }, props.label), (0, react$1.createElement)("span", { className: "dtl-stat__value" }, shown), props.hint === void 0 || props.hint === null || props.hint === "" ? null : (0, react$1.createElement)("span", { className: "dtl-stat__hint" }, props.hint));
 		}
-		/** 本地 7 档语义色 → 核心 `Chip` 5 档。core 缺 doing / backlog / overdue / stale / person 的独立色：
-		*  overdue 与 stale 都落到 danger、doing 与 person 落到 business（需 core 补 tone 才能精确）。 */
+		/** 本地 7 档语义色 → 核心 `Chip` 档。core 缺 doing / backlog / overdue / stale / person 的独立色：
+		*  overdue 与 stale 都落到 danger、doing 与 person 落到 business（需 core 补 tone 才能精确）。
+		*  待认领用 `slate`（实心灰）而不是 `neutral`：neutral 那层浅灰跟 #标签 长得一模一样，
+		*  状态标签要跟任务行左缘那条灰竖线一个色（用户 2026-10-30）。 */
 		const CHIP_TONE = {
 			neutral: "neutral",
-			open: "neutral",
+			open: "slate",
 			backlog: "warning",
 			doing: "success",
 			overdue: "danger",
@@ -54029,16 +54186,399 @@ body[data-ds-dark-theme]{
 			}));
 		}
 		//#endregion
+		//#region src/client/history-chart.ts
+		/**
+		* 历史页顶部：**图表卡在左、4 数显在右**，沿用主页 8 块的分栏与单块尺寸；不显示图例。
+		*
+		* 柱：一根 = 一个周期（日 / 周 / 月，右上角切换，默认日），高度 = 该周期的结案数。
+		* 数字真源是 skill `stats --trend <gran>`（切粒度 = 重新请求，host 有读缓存），
+		* 本文件**只做展示**：切片、配色、画图 —— 聚合与求和都在 host / skill（用户 2026-10-30 定）。
+		* 柱色：≥2 工作区 = 叠加分段、每区一色；仅 1 个工作区 = 完成(绿) / 取消(红) 两段。
+		* 曲线：**新增任务量**（一条线、不分工作区），每个周期一个点，跟柱对齐。
+		* 布局：柱序居左、柱宽固定、柱间 2px；按容器宽算能放几个周期（屏幕越窄越少），右边留白。
+		* 翻页：步长随粒度（用户 2026-10-29 定）——日 10 天 / 周 4 周 / 月 3 月。
+		*/
+		/** 工作区配色：色相环按黄金角 137.5° 取 24 档，相邻色差最大、互相不重复
+		*  （用户 2026-10-30：内置二三十个够用，按工作区顺序依次分配；中亮度中饱和，明暗底都成立）。 */
+		const colorAt = (index) => `hsl(${String(Math.round(index * 137.5 % 360))}deg 62% 52%)`;
+		/** 单周期槽宽：柱宽 = 槽宽。2026-10-29 用户要求加粗到 1.5 倍（10 → 15）。 */
+		const SLOT_W = 15;
+		/** 入场动画的**整屏**错峰总时长：延迟按「第几列 / 共几列」摊到这段时间里，
+		*  不跟列数累加 ⇒ 宽屏上也不会出现「前几根先出来、后一批等半天才凑一起」。 */
+		const STAGGER_MS$1 = 120;
+		/** x 轴标签的最小间距（小于这个就跳着显示，免得挤成一团）。月是 `2026-10` 七位，
+		*  比 `10-30` 宽一截 ⇒ 单独放宽，跨度落到 4 个槽标一次（用户 2026-10-30 嫌月标签太密）。 */
+		const LABEL_MIN_PITCH$1 = {
+			day: 40,
+			week: 40,
+			month: 62
+		};
+		/** 翻页步长：按一次左右箭头走几个周期（用户 2026-10-29 定）。 */
+		const GRAN_STEP = {
+			day: 10,
+			week: 4,
+			month: 3
+		};
+		/** 各粒度的单位名（用于翻页提示「前 4 周」里的单位）。 */
+		const GRAN_UNIT = {
+			day: "historyGranDay",
+			week: "historyGranWeek",
+			month: "historyGranMonth"
+		};
+		const GRAN_VALUES = [
+			"day",
+			"week",
+			"month"
+		];
+		/** y 轴刻度紧凑格式：≥1000 走 1.3K / 13K（用户 2026-10-30：左侧只留 3~4 位数字的宽度）。 */
+		function compactTick(value) {
+			return value < 1e3 ? String(value) : `${String(Math.round(value / 100) / 10)}K`;
+		}
+		function monthStart(value) {
+			return `${value.slice(0, 7)}-01`;
+		}
+		function addMonths(value, delta) {
+			const date = /* @__PURE__ */ new Date(`${monthStart(value)}T00:00:00`);
+			date.setMonth(date.getMonth() + delta);
+			return ymdOf(date);
+		}
+		/** 某天属于哪个周期（桶 key = 周期起始日，与 skill 口径一致）。 */
+		function keyOf(gran, date) {
+			return gran === "day" ? date : gran === "week" ? mondayOf(date) : monthStart(date);
+		}
+		/** 周期 key 前后挪几个周期。 */
+		function shiftKey(gran, key, delta) {
+			return gran === "day" ? addDays(key, delta) : gran === "week" ? addDays(key, delta * 7) : addMonths(key, delta);
+		}
+		/** 周期最后一天（浮卡的区间标题用）。 */
+		function endOf(gran, key) {
+			return gran === "day" ? key : gran === "week" ? addDays(key, 6) : addDays(addMonths(key, 1), -1);
+		}
+		/** 右侧 4 块（2 列 × 2 行）：今日 / 本周 / 本月 / 本季度结案数，样式吃待办页统计卡。
+		*  每块三行（用户 2026-10-30 定稿）：
+		*    今日结案
+		*    28  取消 1                 ← 大数字 = 本期总数；小字只补「取消 N」，没取消就不显示
+		*    昨日丨完成 6 · 取消 1      ← 上一期，竖线分隔后写完整拆分（没取消就只写「完成 6」）
+		*  ⚠️ `showZero`：这几格是**计数**，0 必须照实显示（待办页那套默认把 0 显示成「—」）。 */
+		function HistoryStats(props) {
+			const { data, t } = props;
+			const totals = data?.totals;
+			const dash = "—";
+			const totalOf = (period) => period === void 0 ? dash : compactTick(period.done + period.cancelled);
+			/** 本期小字：只补取消数（总数已是大数字，不再重复写「完成」）。 */
+			const cancelOf = (period) => period.cancelled > 0 ? `取消 ${compactTick(period.cancelled)}` : null;
+			/** 上一期写法：`完成 X · 取消 Y`；没取消就只留 `完成 X`。 */
+			const splitOf = (period) => period.cancelled > 0 ? `完成 ${compactTick(period.done)} · 取消 ${compactTick(period.cancelled)}` : `完成 ${compactTick(period.done)}`;
+			const cell = (label, period, prevLabel, prev) => {
+				const sub = period === void 0 ? null : cancelOf(period);
+				return (0, react$1.createElement)(StatCard, {
+					label: `${label}${t("chartDone")}`,
+					value: (0, react$1.createElement)("span", { className: "dtl-stat__main" }, (0, react$1.createElement)("span", null, totalOf(period)), sub === null ? null : (0, react$1.createElement)("span", { className: "dtl-stat__sub" }, sub)),
+					hint: prev === void 0 ? `${prevLabel}丨${dash}` : `${prevLabel}丨${splitOf(prev)}`,
+					showZero: true
+				});
+			};
+			return (0, react$1.createElement)("div", { className: "dtl-stats__cards" }, cell(t("historyToday"), totals?.today, t("historyYesterday"), totals?.yesterday), cell(t("historyWeek"), totals?.week, t("historyLastWeek"), totals?.lastWeek), cell(t("historyMonth"), totals?.month, t("historyLastMonth"), totals?.lastMonth), cell(t("historyQuarter"), totals?.quarter, t("historyLastQuarter"), totals?.lastQuarter));
+		}
+		/** 左侧图表卡：周期堆叠柱 + 新增量曲线 + y 轴 + 粒度切换 / 翻页（无图例）。
+		*  `data = null`（首读未到）⇒ 骨架卡：卡壳高度与有数据时一致，中间核心加载卡 ⇒ 页面不跳。 */
+		function HistoryChart(props) {
+			const { data, t, gran, onGranChange } = props;
+			const [plotEl, setPlotEl] = (0, react$1.useState)(null);
+			const [width, setWidth] = (0, react$1.useState)(0);
+			/** 从最新周期往回翻了几次（每次走 GRAN_STEP 个周期）。 */
+			const [shift, setShift] = (0, react$1.useState)(0);
+			(0, react$1.useEffect)(() => {
+				if (plotEl === null) return;
+				const observer = new ResizeObserver((entries) => {
+					const rect = entries[0];
+					if (rect !== void 0) setWidth(rect.contentRect.width);
+				});
+				observer.observe(plotEl);
+				setWidth(plotEl.clientWidth);
+				return () => observer.disconnect();
+			}, [plotEl]);
+			const step = GRAN_STEP[gran];
+			const unit = t(GRAN_UNIT[gran]);
+			/** 翻页钮：**只画箭头** —— 核心 `IconButton` 出皮、`Icon*` 官方图标出图形，本文件不再手写
+			*  按钮样式与箭头字形（用户 2026-10-29）。悬停提示走官方 Tooltip（本仓库 `Tip` 唯一入口）；
+			*  文案只当无障碍名 + 气泡，且用 `title: ""` 压掉原生 title（照 `task-row.ts` 的惯例）。 */
+			const navButton = (dir, label, onClick) => (0, react$1.createElement)(Tip, {
+				label,
+				side: "bottom",
+				children: (0, react$1.createElement)(IconButton, {
+					icon: (0, react$1.createElement)(dir === "left" ? _deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutlineRegular : _deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 14 }),
+					label,
+					title: "",
+					variant: "outline",
+					size: "sm",
+					onClick
+				})
+			});
+			/** 右上角控件：翻页箭头在左、粒度滑动框居右（用户 2026-10-30）。
+			*  加载 / 空态也一并渲染 —— 否则切粒度时这排控件会闪掉再回来。 */
+			const nav = (0, react$1.createElement)("div", { className: "dtl-hist__nav" }, navButton("left", t("historyPrev", {
+				n: step,
+				unit
+			}), () => {
+				setShift((value) => value + 1);
+			}), navButton("right", t("historyNext", {
+				n: step,
+				unit
+			}), () => {
+				setShift((value) => Math.max(0, value - 1));
+			}), (0, react$1.createElement)(Segmented, {
+				id: "dtl-hist-gran",
+				value: gran,
+				size: "sm",
+				tone: "business",
+				label: t("historyGranLabel"),
+				items: GRAN_VALUES.map((value) => ({
+					value,
+					label: t(GRAN_UNIT[value])
+				})),
+				onChange: (next) => {
+					setShift(0);
+					onGranChange(next);
+				}
+			}));
+			if (data === null) return (0, react$1.createElement)("div", { className: "dtl-card dtl-hist" }, nav, (0, react$1.createElement)("div", { style: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center"
+			} }, (0, react$1.createElement)(Loader, {
+				variant: "blocks",
+				size: "xl"
+			})));
+			if (data.buckets.length === 0) return (0, react$1.createElement)("div", { className: "dtl-card dtl-hist" }, nav, (0, react$1.createElement)(EmptyState, { title: t("historyEmpty") }));
+			const perScreen = width > 0 ? Math.max(1, Math.floor(width / 17)) : 30;
+			const byKey = new Map(data.buckets.map((bucket) => [bucket.key, bucket]));
+			const lastKey = keyOf(gran, ymdOf(/* @__PURE__ */ new Date()));
+			const offset = shift * step;
+			const buckets = [];
+			for (let back = perScreen - 1; back >= 0; back -= 1) {
+				const key = shiftKey(gran, lastKey, -(offset + back));
+				buckets.push(byKey.get(key) ?? {
+					key,
+					to: endOf(gran, key),
+					done: 0,
+					cancelled: 0,
+					added: 0,
+					byWorkspace: {}
+				});
+			}
+			const peak = buckets.reduce((max, bucket) => Math.max(max, bucket.done + bucket.cancelled), 0);
+			const multi = data.workspaces.length >= 2;
+			const colorById = /* @__PURE__ */ new Map();
+			data.workspaces.forEach((workspace, index) => {
+				colorById.set(workspace.id, colorAt(index));
+			});
+			const segmentsOf = (bucket) => {
+				if (!multi) {
+					const out = [];
+					if (bucket.done > 0) out.push({
+						count: bucket.done,
+						color: "var(--dtl-success)"
+					});
+					if (bucket.cancelled > 0) out.push({
+						count: bucket.cancelled,
+						color: "var(--dtl-danger)"
+					});
+					return out;
+				}
+				const out = [];
+				for (const workspace of data.workspaces) {
+					const cell = bucket.byWorkspace[workspace.id];
+					const count = cell === void 0 ? 0 : cell.done + cell.cancelled;
+					if (count > 0) out.push({
+						count,
+						color: colorById.get(workspace.id) ?? colorAt(0)
+					});
+				}
+				return out;
+			};
+			/** 浮卡：首行周期，下面**一工作区一行**（色块 + 名称 + 结案数），有几个列几个、0 值不列。
+			*  多工作区按 host 给的 workspaces 顺序（与配色分配同序）；单工作区时柱色本来就是
+			*  完成绿 / 取消红，所以拆成那两行，不硬塞一个工作区色（用户 2026-10-29）。 */
+			const rowsOf = (bucket) => {
+				const rows = [];
+				if (multi) for (const workspace of data.workspaces) {
+					const cell = bucket.byWorkspace[workspace.id];
+					const count = cell === void 0 ? 0 : cell.done + cell.cancelled;
+					if (count <= 0) continue;
+					rows.push({
+						key: workspace.id,
+						name: workspace.title,
+						count,
+						color: colorById.get(workspace.id) ?? colorAt(0)
+					});
+				}
+				else {
+					if (bucket.done > 0) rows.push({
+						key: "done",
+						name: t("chartFinished"),
+						count: bucket.done,
+						color: "var(--dtl-success)"
+					});
+					if (bucket.cancelled > 0) rows.push({
+						key: "cancelled",
+						name: t("chartCancelled"),
+						count: bucket.cancelled,
+						color: "var(--dtl-danger)"
+					});
+				}
+				return rows;
+			};
+			/** 浮卡标题：日 = 当天、周 = 起止区间、月 = 年月（桶边界是 skill 口径）。 */
+			const titleOf = (bucket) => gran === "day" ? bucket.key : gran === "week" ? t("periodRange", {
+				from: bucket.key,
+				to: bucket.to
+			}) : bucket.key.slice(0, 7);
+			/** 总计行的图例块（用户 2026-10-30）：**固定两/三段等分**，不按本列实际有几段去算 ——
+			*  只借色板前 3 色当示例，横着一条条叠（与柱子的分段同向，柱里的段也是横着叠的）。
+			*  单工作区时柱子本来就是「完成绿 / 取消红」两段，图例跟着给两段，别硬凑三色。 */
+			const legendColors = multi ? [
+				colorAt(0),
+				colorAt(1),
+				colorAt(2)
+			] : ["var(--dtl-success)", "var(--dtl-danger)"];
+			const legend = (0, react$1.createElement)("span", { className: "dtl-hist__tip-dot dtl-hist__tip-dot--split" }, ...legendColors.map((color, index) => (0, react$1.createElement)("span", {
+				key: index,
+				style: { background: color }
+			})));
+			const tipOf = (bucket) => {
+				const rows = rowsOf(bucket);
+				const closed = bucket.done + bucket.cancelled;
+				return (0, react$1.createElement)("div", { className: "dtl-hist__tip" }, (0, react$1.createElement)("div", { className: "dtl-hist__tip-date" }, titleOf(bucket)), bucket.added > 0 ? (0, react$1.createElement)("div", {
+					key: "added",
+					className: "dtl-hist__tip-row"
+				}, (0, react$1.createElement)("span", {
+					className: "dtl-hist__tip-dot",
+					style: { background: "var(--dtl-chart-added)" }
+				}), (0, react$1.createElement)("span", null, t("chartCreatedTasks")), (0, react$1.createElement)("span", { className: "dtl-hist__tip-count" }, String(bucket.added))) : null, closed > 0 ? (0, react$1.createElement)("div", {
+					key: "closed",
+					className: "dtl-hist__tip-total"
+				}, legend, (0, react$1.createElement)("span", null, t("chartClosedTasks")), (0, react$1.createElement)("span", { className: "dtl-hist__tip-count" }, String(closed))) : null, rows.length > 0 ? (0, react$1.createElement)("div", {
+					key: "sep",
+					className: "dtl-hist__tip-sep"
+				}) : null, ...rows.map((row) => (0, react$1.createElement)("div", {
+					key: row.key,
+					className: "dtl-hist__tip-row"
+				}, (0, react$1.createElement)("span", {
+					className: "dtl-hist__tip-dot",
+					style: { background: row.color }
+				}), (0, react$1.createElement)("span", null, row.name), (0, react$1.createElement)("span", { className: "dtl-hist__tip-count" }, String(row.count)))));
+			};
+			const colStyle = { width: `${String(SLOT_W)}px` };
+			const colOf = (bucket, index) => {
+				const total = bucket.done + bucket.cancelled;
+				const style = {
+					...colStyle,
+					"--lc-d": `${String(Math.round(index / Math.max(1, buckets.length - 1) * STAGGER_MS$1))}ms`
+				};
+				const colKey = `${gran}:${String(shift)}:${bucket.key}`;
+				if (total <= 0) return (0, react$1.createElement)("div", {
+					key: colKey,
+					className: "dtl-hist__col",
+					style
+				}, tipOf(bucket));
+				const segments = segmentsOf(bucket);
+				const height = peak === 0 ? 0 : Math.max(total / peak * 100, 2);
+				return (0, react$1.createElement)("div", {
+					key: colKey,
+					className: "dtl-hist__col",
+					style
+				}, (0, react$1.createElement)("div", {
+					className: "dtl-hist__bar",
+					style: { height: `${String(height)}%` }
+				}, segments.map((segment, index) => (0, react$1.createElement)("div", {
+					key: index,
+					style: {
+						height: `${String(segment.count / total * 100)}%`,
+						background: segment.color
+					}
+				}))), tipOf(bucket));
+			};
+			const labelStep = Math.max(1, Math.ceil(LABEL_MIN_PITCH$1[gran] / 17));
+			/** 最后一个真正画出文字的槽：它得右对齐，否则末位数字会顶出卡片。 */
+			const lastLabelIndex = buckets.length - 1 - (buckets.length - 1) % labelStep;
+			const labelOf = (bucket, index) => {
+				const text = index % labelStep === 0 ? gran === "month" ? bucket.key.slice(0, 7) : bucket.key.slice(5) : "";
+				const anchor = text === "" ? null : index === 0 ? {
+					left: "0",
+					transform: "none"
+				} : index === lastLabelIndex ? {
+					left: "auto",
+					right: "0",
+					transform: "none"
+				} : null;
+				return (0, react$1.createElement)("div", {
+					key: bucket.key,
+					className: "dtl-hist__label",
+					style: colStyle
+				}, text === "" ? null : (0, react$1.createElement)("span", { style: anchor ?? void 0 }, text));
+			};
+			/** 新增量曲线：一周期一个点落在柱中心，**一条线、不分工作区**（用户 2026-10-29）。
+			*  x 用「列中心 / plot 实宽」的真实占比 —— 周 / 月模式柱子只占左边一小条，
+			*  曲线必须跟着柱走，不许铺满图宽（用户 2026-10-30）。
+			*  归一化只看曲线自己的峰值（与柱子的结案峰值各管各的），全 0 就不画。 */
+			const curve = () => {
+				if (width <= 0) return null;
+				const values = buckets.map((bucket) => bucket.added);
+				const max = values.reduce((m, v) => v > m ? v : m, 0);
+				if (max <= 0) return null;
+				const points = values.map((value, index) => `${((index + .5) * 17 / width * 100).toFixed(3)},${(100 - value / max * 96).toFixed(2)}`).join(" ");
+				return (0, react$1.createElement)("svg", {
+					className: "dtl-hist__line",
+					viewBox: "0 0 100 100",
+					preserveAspectRatio: "none",
+					"aria-hidden": true
+				}, (0, react$1.createElement)("polyline", { points }));
+			};
+			return (0, react$1.createElement)("div", { className: "dtl-card dtl-hist" }, nav, (0, react$1.createElement)("div", { style: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				display: "flex",
+				gap: "var(--dtl-space-2)"
+			} }, (0, react$1.createElement)("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				justifyContent: "space-between",
+				flex: "none",
+				minWidth: "20px",
+				paddingBottom: "12px",
+				textAlign: "right",
+				fontSize: "10px",
+				lineHeight: "1",
+				color: "var(--dtl-fg-3)",
+				fontVariantNumeric: "tabular-nums"
+			} }, (0, react$1.createElement)("span", null, compactTick(peak)), (0, react$1.createElement)("span", null, compactTick(Math.round(peak * 3 / 4))), (0, react$1.createElement)("span", null, compactTick(Math.round(peak / 2))), (0, react$1.createElement)("span", null, compactTick(Math.round(peak / 4))), (0, react$1.createElement)("span", null, "0")), (0, react$1.createElement)("div", { style: {
+				flex: "1 1 auto",
+				minWidth: 0,
+				display: "flex",
+				flexDirection: "column",
+				minHeight: 0
+			} }, (0, react$1.createElement)("div", {
+				className: "dtl-hist__plot",
+				ref: setPlotEl
+			}, (0, react$1.createElement)("div", { className: "dtl-hist__grid" }, (0, react$1.createElement)("div", { className: "dtl-hist__gridline dtl-hist__gridline--none" }), (0, react$1.createElement)("div", { className: "dtl-hist__gridline dtl-hist__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-hist__gridline dtl-hist__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-hist__gridline dtl-hist__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-hist__gridline dtl-hist__gridline--base" })), (0, react$1.createElement)("div", { className: "dtl-hist__cols" }, ...buckets.map(colOf)), curve()), (0, react$1.createElement)("div", { className: "dtl-hist__labels" }, ...buckets.map((bucket, index) => labelOf(bucket, index))))));
+		}
+		//#endregion
 		//#region src/client/task-row.ts
 		/**
 		* 任务行（宿主**无表格件** ⇒ 自绘）：整行一张卡，样式照抄 dispatch-table 任务配置卡：
-		* 左缘 6×36 状态条 + 标题行 + 第二行工作区/标签；右侧灰字时长；悬停出「继续 / 结束 / 释放」；
+		* 左缘 6×36 状态条 + 标题行 + 第二行标签；右侧执行人名 + 灰字时长；悬停出「继续 / 完成 / 释放 / 取消」；
 		* 最右常驻「查看」放大镜钮。
 		*
-		* 「我的待办」卡只摆异常标记（进行中只靠左缘色条，不再重复一枚）。
+		* 标签排最前的一定是**状态本身**（待认领 / 进行中），异常标记跟在后面（用户 2026-10-30）。
 		* 状态一律**标签型、五色**（用户 2026-10-18）：灰=待认领 / 蓝=进行中 / 黄=积压 / 橙=逾期 /
 		* 红=停滞；三个异常标签悬停给 skill 算好的天数解释（ageDays / idleDays / waitingDays 随 list 下发）。
 		*
+		* 行内**不再显示工作区**（列表已按工作区分组，组头写着，用户 2026-10-30）——原来那个位置换成了
+		* 执行人名（蓝字，不是标签）。
+		*
 		* 按钮（含查看）**不各判各的**：权限一律问 `resolveActions()`（rows.ts），本文件只按返回值画。
 		*
 		* 按钮点击行为（含查看）归「任务按钮与会话交接」任务，本文件只做样子与提示。
@@ -54130,7 +54670,7 @@ body[data-ds-dark-theme]{
 			const tipBtn = (icon, actionKey, tipKey) => (0, react$1.createElement)(Tip, {
 				label: t(tipKey),
 				children: (0, react$1.createElement)(Button, {
-					variant: "outline",
+					variant: "secondary",
 					size: "md",
 					icon: icon ?? void 0
 				}, t(actionKey))
@@ -54138,7 +54678,18 @@ body[data-ds-dark-theme]{
 			const claimButton = tipBtn(null, "actionClaim", "tipClaim");
 			const resumeButton = tipBtn((0, react$1.createElement)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 14 }), "actionResume", "tipResume");
 			const finishButton = tipBtn((0, react$1.createElement)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, { size: 14 }), "actionFinish", "tipFinish");
-			const releaseButton = tipBtn(null, "actionRelease", "tipRelease");
+			const releaseButton = tipBtn((0, react$1.createElement)(_deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutlineRegular, { size: 14 }), "actionRelease", "tipRelease");
+			const cancelButton = (0, react$1.createElement)(Tip, {
+				label: t("tipCancel"),
+				children: (0, react$1.createElement)(IconButton, {
+					variant: "plain",
+					size: "md",
+					label: t("actionCancel"),
+					title: "",
+					className: "dtl-iconbtn--muted",
+					icon: (0, react$1.createElement)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 })
+				})
+			});
 			const tagOf = (which, tip) => {
 				const text = statusLabel(which, t);
 				return (0, react$1.createElement)(Tag, {
@@ -54148,7 +54699,8 @@ body[data-ds-dark-theme]{
 					tip: tip ?? detailTip(which)
 				});
 			};
-			const alarmTags = MARKS.filter((which) => row.task[which] === true).map((which) => tagOf(which));
+			const markTones = MARKS.filter((which) => row.task[which] === true);
+			const statusTags = [tagOf(row.task.status === "open" ? "open" : "doing"), ...markTones.map((which) => tagOf(which))];
 			const copyButton = (0, react$1.createElement)(Tip, {
 				label: `${t("copyTaskId")}\n${row.task.id}`,
 				maxWidth: 320,
@@ -54172,7 +54724,7 @@ body[data-ds-dark-theme]{
 			const titleLine = (0, react$1.createElement)("div", { className: "dtl-taskrow__l1" }, (0, react$1.createElement)("span", {
 				className: "dtl-taskrow__title dtl-ellipsis",
 				title: titleOf(row)
-			}, titleOf(row)), creatorAge === null || creatorName === "" ? null : (0, react$1.createElement)("span", { className: "dtl-taskrow__stamp" }, solo ? `[${t("fieldCreatorStamp", { age: creatorAge })}]` : `[@${creatorName} ${t("fieldCreatorStamp", { age: creatorAge })}]`), ...alarmTags);
+			}, titleOf(row)), creatorAge === null || creatorName === "" ? null : (0, react$1.createElement)("span", { className: "dtl-taskrow__stamp" }, solo ? `[${t("fieldCreatorStamp", { age: creatorAge })}]` : `[@${creatorName} ${t("fieldCreatorStamp", { age: creatorAge })}]`));
 			const whenRaw = row.task.updated ?? row.task.started ?? row.task.created;
 			const metaText = `${t("whenSubmitted", { time: whenRaw === null || whenRaw === void 0 || Number.isNaN(Date.parse(whenRaw)) ? t("timeUnknown") : formatDateTime(whenRaw).slice(5) })} 丨 ${whenRaw === null || whenRaw === void 0 ? t("timeUnknown") : formatRelative(whenRaw, t)}`;
 			const ownerName = displayName(row.task.owner_name, row.task.owner);
@@ -54181,7 +54733,6 @@ body[data-ds-dark-theme]{
 				variant: "link",
 				size: "sm",
 				maxWidth: 180,
-				title: t("filterByOwner", { name: ownerName }),
 				onClick: () => focusOwner(ownerUuid, ownerName)
 			}, `@${ownerName}`);
 			const handleRowClick = (event) => {
@@ -54195,113 +54746,324 @@ body[data-ds-dark-theme]{
 			}, (0, react$1.createElement)("span", { className: `dtl-rail dtl-rail--${tone}` }), (0, react$1.createElement)("div", { style: {
 				flex: "1 1 auto",
 				minWidth: 0
-			} }, titleLine, (0, react$1.createElement)("div", { className: "dtl-taskrow__l2" }, whoNode, tags.map((tag) => (0, react$1.createElement)(Tag, {
+			} }, titleLine, (0, react$1.createElement)("div", { className: "dtl-taskrow__l2" }, ...statusTags, tags.map((tag) => (0, react$1.createElement)(Tag, {
 				key: tag,
 				text: `#${tag}`,
 				maxWidth: 160,
 				onClick: () => setQuery({ keyword: tag })
-			})))), (0, react$1.createElement)(Tag, {
-				text: row.task.workspace.title,
-				tone: "person",
-				maxWidth: 200,
-				tip: t("filterByWorkspace", { name: row.task.workspace.title }),
-				onClick: () => setQuery({ workspace: row.task.workspace.id })
-			}), (0, react$1.createElement)("span", { className: "dtl-taskrow__meta" }, metaText), (0, react$1.createElement)("span", { className: "dtl-taskrow__actions" }, actions.claim ? claimButton : null, actions.resume ? resumeButton : null, actions.finish ? finishButton : null, actions.release ? releaseButton : null, copyButton, actions.view ? viewButton : null)));
+			})))), whoNode, (0, react$1.createElement)("span", { className: "dtl-taskrow__meta" }, metaText), (0, react$1.createElement)("span", { className: "dtl-taskrow__actions" }, actions.claim ? claimButton : null, actions.resume ? resumeButton : null, actions.finish ? finishButton : null, actions.release ? releaseButton : null, actions.cancel ? cancelButton : null, copyButton, actions.view ? viewButton : null)));
 		}
 		//#endregion
 		//#region src/client/trend-chart.ts
 		/**
-		* 首页趋势图（右上卡）：近 8 周 × 三根细柱 = 完成 / 未结 / 新增。
+		* 首页趋势图（右上卡）：**每周两根柱 + 一条新增曲线**（2026-10-30 用户改版）。
+		*
+		* 术语（2026-10-29 用户拍板）：**结案 = 完成 + 取消**（上位词）。结案柱一根里上下两段 ——
+		* 底蓝 = 完成、顶红 = 取消（用户 2026-10-30：有取消才多一段，取消在上；完成色从绿改 business 蓝）；
+		* 第二根柱 = 未结。「新增」不再占柱，改成历史页那种曲线（各自归一化，不跟柱共用量程），
+		* 线色取中性灰 —— 柱子已经是蓝的。
 		*
-		* 数据口径**全由 skill 算好**（`stats --trend week --last 8w --by-owner`，host 已跨工作区求和）：
-		* 完成按结案时间、新增按**创建人**、未结是「该周结束时仍未结案」（待认领 + 进行中合成一个数）。
+		* 数据口径**全由 skill 算好**（`stats --trend week --last 26w --by-owner`，host 已跨工作区求和）：
+		* 结案按结案时间、新增按**创建人**、未结是「该周结束时仍未结案」（待认领 + 进行中合成一个数）。
 		*
 		* 「只看我的」（2026-10-29 用户定稿）：勾上 = 我的，不勾 = 所有；两套数随快照一起回来 ⇒ 勾选零请求。
-		* 按人口径 = skill 的 per-owner：`added` 按 creator（我提的）、`done` / `open` 按 owner（我负责的）。
 		*
-		* 画法（2026-10-17 参考图口径）：
-		*  - 柱宽 5px、组内 1px、**无圆角**；柱高百分比（祖先链有确定高度，见 ui.ts 的注释）；
-		*  - y 轴三档刻度（0 / 半峰 / 峰）+ 淡网格线 + 底部基线；
-		*  - **只标「完成」数值**（三系列 × 8 周会糊成一片），未结 / 新增走 hover；
-		*  - hover 整列三根一起提亮 + 自绘浮卡（原生 title 太慢且长相不一）——纯 CSS，无额外状态。
-		*/
-		const BAR_KINDS = [
-			"done",
-			"added",
-			"open"
-		];
-		const ZERO = {
-			added: 0,
-			done: 0,
-			cancelled: 0,
-			open: 0
-		};
-		/** 系列名：只看我的时候「未结」就是「进行中」（我的任务必然有人接）。 */
-		const labelKey = (kind, mine) => kind === "done" ? "chartDone" : kind === "added" ? "chartAdded" : mine ? "chartDoing" : "chartOpen";
+		* 画法对齐历史页（用户 2026-10-30）：柱宽 11.25px（固定，缺未结那根也不许拉宽）、组内 1px /
+		* 组间 10px、柱顶 2px 圆角、柱面带 45° 斜纹、悬停整组（两根柱）一个虚线框；
+		* y 轴五档（中间三档全虚线，底基线实线）；
+		* 一屏几周按容器实宽算（宽屏也不会铺出空柱），右上角**绝对定位**的左右箭头一次翻 4 周。
+		*/
+		/** 同组两根柱的间距（用户 2026-10-30：跟原来一样 1px）。 */
+		const BAR_GAP = 1;
+		/** 两组之间的间距（用户 2026-10-30：3px → 6px → 10px，一直嫌挤）。 */
+		const GROUP_GAP = 10;
+		/** 一组 = 两根柱 + 组内间距。 */
+		const COL_W = 23.5;
+		/** 一组的横向占宽（含组间距）。 */
+		const PITCH = 33.5;
+		/** 翻页步长：一次 4 周（用户 2026-10-30）。 */
+		const WEEK_STEP = 4;
+		/** x 轴标签的最小间距（小于这个就隔一个标一个，免得挤成一团）。 */
+		const LABEL_MIN_PITCH = 40;
+		/** 数据还没到 / 宽度没量到时按几周排（≈ 卡片默认宽度能放的列数）。 */
+		const FALLBACK_WEEKS = 13;
+		/** 入场动画的**整屏**错峰总时长（跟历史页同款：延迟按列摊，不按序号累加）。 */
+		const STAGGER_MS = 120;
+		/** 柱子 / 图例 / 浮卡共用的五种颜色（真值在 tokens.ts，改色只改那里）。 */
+		const C_DONE = "var(--dtl-chart-done)";
+		const C_CANCELLED = "var(--dtl-danger)";
+		const C_DOING = "var(--dtl-chart-doing)";
+		const C_OPEN = "var(--dtl-chart-open)";
+		const C_LINE = "var(--dtl-chart-line)";
+		/**
+		* 四数归一：老版本 host 返回的桶可能没有 `cancelled`（甚至没有 `owners`），
+		* 缺字段按 0 —— 这是「那一类记录本来就没有」，不是拿 0 充真值。
+		* 不做这层兜底，`done + undefined` 会变成 NaN，把峰、刻度、柱高整张图一起毁掉。
+		*/
+		const norm = (cell) => ({
+			added: cell?.added ?? 0,
+			done: cell?.done ?? 0,
+			cancelled: cell?.cancelled ?? 0,
+			open: cell?.open ?? 0
+		});
 		function TrendChart(props) {
 			const { trend, me, t } = props;
 			const [mineOnly, setMineOnly] = (0, react$1.useState)(false);
-			const buckets = trend.buckets;
+			/** 从最新一周往回翻了几次（每次 WEEK_STEP 周）。 */
+			const [shift, setShift] = (0, react$1.useState)(0);
+			const [plotEl, setPlotEl] = (0, react$1.useState)(null);
+			const [width, setWidth] = (0, react$1.useState)(0);
 			const mine = mineOnly && me !== null;
+			(0, react$1.useEffect)(() => {
+				if (plotEl === null) return;
+				const observer = new ResizeObserver((entries) => {
+					const rect = entries[0];
+					if (rect !== void 0) setWidth(rect.contentRect.width);
+				});
+				observer.observe(plotEl);
+				setWidth(plotEl.clientWidth);
+				return () => observer.disconnect();
+			}, [plotEl]);
+			if (trend === null) return (0, react$1.createElement)("div", { className: "dtl-card dtl-trend" }, (0, react$1.createElement)("div", { style: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center"
+			} }, (0, react$1.createElement)(Loader, {
+				variant: "blocks",
+				size: "xl"
+			})));
+			const buckets = trend.buckets;
 			if (buckets.length === 0) return (0, react$1.createElement)("div", { className: "dtl-card dtl-trend" }, (0, react$1.createElement)("div", { className: "dtl-trend__foot" }, t("chartEmpty")));
-			/** 当前口径下这一桶的三个数：全量，或「我的」那条（没数据就是 0）。 */
-			const counts = (bucket) => mine ? bucket.owners[me] ?? ZERO : bucket;
+			/** 当前口径下这一桶的数：全量，或「我的」那条（没数据就是 0）。 */
+			const counts = (bucket) => mine ? norm(bucket.owners[me]) : norm(bucket);
 			/** 未结拆两段：进行中 = 各人未结之和；待认领 = 未结 − 进行中。
-			*  「只看我的」时只有进行中（我的任务必然有人接），不显示拆分行。 */
+			*  「只看我的」时全是进行中（我的任务必然有人接），整根都是那一段。 */
 			const breakdown = (bucket) => {
+				if (mine) return {
+					doing: counts(bucket).open,
+					waiting: 0
+				};
 				const doing = Object.values(bucket.owners).reduce((sum, cell) => sum + cell.open, 0);
 				return {
 					doing,
 					waiting: Math.max(0, bucket.open - doing)
 				};
 			};
-			const peak = buckets.reduce((max, bucket) => {
-				const cell = counts(bucket);
-				return Math.max(max, cell.added, cell.done, cell.open);
+			/** 结案 = 完成 + 取消（用户 2026-10-29 定的上位词）；结案柱整根高就是它。 */
+			const closed = (cell) => cell.done + cell.cancelled;
+			const fit = width > 0 ? Math.max(1, Math.floor((width + GROUP_GAP) / PITCH)) : FALLBACK_WEEKS;
+			const perScreen = Math.min(fit, buckets.length);
+			const byKey = new Map(buckets.map((bucket) => [bucket.from, bucket]));
+			const lastKey = mondayOf(ymdOf(/* @__PURE__ */ new Date()));
+			const slots = [];
+			for (let back = perScreen - 1; back >= 0; back -= 1) {
+				const key = addDays(lastKey, -(shift * WEEK_STEP + back) * 7);
+				slots.push(byKey.get(key) ?? {
+					from: key,
+					to: addDays(key, 6),
+					added: 0,
+					done: 0,
+					cancelled: 0,
+					open: 0,
+					owners: {}
+				});
+			}
+			const peak = slots.reduce((max, slot) => {
+				const cell = counts(slot);
+				return Math.max(max, closed(cell), cell.open);
 			}, 0);
 			const top = peak === 0 ? 1 : peak;
-			const ticks = [
-				formatCount(top),
-				formatCount(Math.ceil(top / 2)),
-				"0"
+			/** 翻页钮：**只画箭头**（核心 `IconButton` 出皮、官方图标出图形）；悬停提示走官方 Tooltip。 */
+			const navButton = (dir, label, onClick) => (0, react$1.createElement)(Tip, {
+				label,
+				side: "bottom",
+				children: (0, react$1.createElement)(IconButton, {
+					icon: (0, react$1.createElement)(dir === "left" ? _deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutlineRegular : _deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 14 }),
+					label,
+					title: "",
+					variant: "outline",
+					size: "sm",
+					onClick
+				})
+			});
+			const weekUnit = t("historyGranWeek");
+			/** 色块：一色 = 直接用父级那块 8×8 上色；两色 = 上下两半的方块（上段与柱子里叠在上面的
+			*  那一段同色，用户 2026-10-30：「进行中」在上、「待认领」在下，图例和柱子一个朝向）。
+			*  一色时**不能**走子 span —— 子 span 没有尺寸，方块会是空的（2026-10-30 该 bug）。 */
+			const dot = (colors) => colors.length > 1 ? (0, react$1.createElement)("span", { className: "dtl-trend__dot dtl-trend__dot--split" }, ...colors.map((color, index) => (0, react$1.createElement)("span", {
+				key: index,
+				style: { background: color }
+			}))) : (0, react$1.createElement)("span", {
+				className: "dtl-trend__dot",
+				style: { background: colors[0] ?? "transparent" }
+			});
+			/** 图例：两枚上下两段的方块（已结案 = 取消在上 / 完成在下、未结 = 进行中在上 / 待认领在下）
+			*  + 新增曲线。只看我的时未结整根都是进行中，那枚不拆（用户 2026-10-30）。 */
+			const legend = [
+				{
+					key: "closed",
+					label: t("chartClosed"),
+					colors: [C_CANCELLED, C_DONE]
+				},
+				{
+					key: "open",
+					label: t(mine ? "chartDoing" : "chartOpen"),
+					colors: mine ? [C_DOING] : [C_DOING, C_OPEN]
+				},
+				{
+					key: "added",
+					label: t("chartAdded"),
+					colors: [C_LINE]
+				}
 			];
-			const bar = (bucket, kind) => {
-				const value = counts(bucket)[kind];
+			const row = (key, label, count, color) => count > 0 ? (0, react$1.createElement)("div", {
+				key,
+				className: "dtl-trend__tip-row"
+			}, (0, react$1.createElement)("span", {
+				className: "dtl-trend__dot",
+				style: { background: color }
+			}), `${label} ${formatCount(count)}`) : null;
+			/** 浮卡的一行总数（带色块）+ 缩进的拆分注脚（用户 2026-10-30：总数一行、下跟「X N · Y M」）。 */
+			const totalRow = (key, label, count, colors, sub) => count > 0 ? [(0, react$1.createElement)("div", {
+				key,
+				className: "dtl-trend__tip-row"
+			}, dot(colors), `${label} ${formatCount(count)}`), sub === "" ? null : (0, react$1.createElement)("div", {
+				key: `${key}-sub`,
+				className: "dtl-trend__tip-row dtl-trend__tip-row--sub"
+			}, sub)] : [];
+			/** 浮卡：周期 → 新建 → 已结案（下跟完成 / 取消）→ 未结（下跟进行中 / 待认领）；0 值不列。 */
+			const tipOf = (bucket) => {
+				const cell = counts(bucket);
+				const split = breakdown(bucket);
+				const total = closed(cell);
+				return (0, react$1.createElement)("div", { className: "dtl-trend__tip" }, (0, react$1.createElement)("div", { className: "dtl-trend__tip-row" }, t("periodRange", {
+					from: bucket.from,
+					to: bucket.to
+				})), row("added", t("chartCreatedTasks"), cell.added, "var(--dtl-tip-fg-dim)"), ...totalRow("closed", t("chartClosed"), total, [C_CANCELLED, C_DONE], `${t("chartFinished")} ${formatCount(cell.done)} · ${t("chartCancelled")} ${formatCount(cell.cancelled)}`), ...totalRow("open", t(mine ? "chartDoing" : "chartOpen"), cell.open, mine ? [C_DOING] : [C_DOING, C_OPEN], mine ? "" : `${t("chartDoing")} ${formatCount(split.doing)} · ${t("chartWaiting")} ${formatCount(split.waiting)}`));
+			};
+			const colStyle = { width: `${String(COL_W)}px` };
+			/** 一根柱 = 一个周：左结案（底蓝完成 / 顶红取消）、右未结（底琥珀待认领 / 顶绿进行中）。 */
+			const colOf = (bucket, index) => {
+				const cell = counts(bucket);
+				const total = closed(cell);
+				const split = breakdown(bucket);
+				const height = (value) => `${String(value / top * 100)}%`;
+				const style = {
+					...colStyle,
+					"--lc-d": `${String(Math.round(index / Math.max(1, slots.length - 1) * STAGGER_MS))}ms`
+				};
 				return (0, react$1.createElement)("div", {
-					className: `dtl-trend__bar dtl-trend__bar--${kind}`,
-					style: {
-						height: `${String(value / top * 100)}%`,
-						minHeight: value > 0 ? "2px" : "0"
-					}
-				}, kind === "done" && value > 0 ? (0, react$1.createElement)("span", { className: "dtl-trend__value" }, formatCount(value)) : null);
+					key: `${String(shift)}:${bucket.from}`,
+					className: "dtl-trend__col",
+					style
+				}, (0, react$1.createElement)("div", {
+					className: "dtl-trend__bars",
+					style: { gap: `${String(BAR_GAP)}px` }
+				}, total > 0 ? (0, react$1.createElement)("div", {
+					className: "dtl-trend__bar dtl-trend__bar--closed",
+					style: { height: height(total) }
+				}, cell.cancelled > 0 ? (0, react$1.createElement)("span", {
+					className: "dtl-trend__seg dtl-trend__seg--cancelled",
+					style: { height: `${String(cell.cancelled / total * 100)}%` }
+				}) : null) : null, cell.open > 0 ? (0, react$1.createElement)("div", {
+					className: "dtl-trend__bar dtl-trend__bar--open",
+					style: { height: height(cell.open) }
+				}, split.doing > 0 ? (0, react$1.createElement)("span", {
+					className: "dtl-trend__seg dtl-trend__seg--doing",
+					style: { height: `${String(split.doing / cell.open * 100)}%` }
+				}) : null) : null), tipOf(bucket));
+			};
+			const labelStep = Math.max(1, Math.ceil(LABEL_MIN_PITCH / PITCH));
+			/** 最后一个真正画出文字的位置：它得右对齐，否则末位数字会顶出卡片。 */
+			const lastLabelIndex = slots.length - 1 - (slots.length - 1) % labelStep;
+			/** x 轴标**周末日期**（数据按截止日判），当前周就是今天。 */
+			const labelOf = (bucket, index) => {
+				const text = index % labelStep === 0 ? bucket.to.slice(5) : "";
+				const anchor = text === "" ? null : index === 0 ? {
+					left: "0",
+					transform: "none"
+				} : index === lastLabelIndex ? {
+					left: "auto",
+					right: "0",
+					transform: "none"
+				} : null;
+				return (0, react$1.createElement)("div", {
+					key: bucket.from,
+					className: "dtl-trend__label",
+					style: colStyle
+				}, text === "" ? null : (0, react$1.createElement)("span", { style: anchor ?? void 0 }, text));
+			};
+			/** 新增量曲线：一周一个点落在柱组中心，**只看自己的峰值**（不跟柱共用量程），全 0 就不画。 */
+			const curve = () => {
+				if (width <= 0) return null;
+				const values = slots.map((slot) => counts(slot).added);
+				const max = values.reduce((m, v) => v > m ? v : m, 0);
+				if (max <= 0) return null;
+				const points = values.map((value, index) => `${((index + .5) * PITCH / width * 100).toFixed(3)},${(100 - value / max * 96).toFixed(2)}`).join(" ");
+				return (0, react$1.createElement)("svg", {
+					className: "dtl-trend__line",
+					viewBox: "0 0 100 100",
+					preserveAspectRatio: "none",
+					"aria-hidden": true
+				}, (0, react$1.createElement)("polyline", { points }));
 			};
-			const column = (bucket) => (0, react$1.createElement)("div", { className: "dtl-trend__col" }, (0, react$1.createElement)("div", { className: "dtl-trend__tip" }, (0, react$1.createElement)("div", { className: "dtl-trend__tip-row" }, t("periodRange", {
-				from: bucket.from,
-				to: bucket.to
-			})), ...BAR_KINDS.map((kind) => (0, react$1.createElement)("div", { className: "dtl-trend__tip-row" }, (0, react$1.createElement)("span", { className: `dtl-trend__dot dtl-trend__dot--${kind}` }), kind === "open" && !mine ? `${t("chartOpen")} ${formatCount(counts(bucket).open)}（${t("chartDoing")} ${formatCount(breakdown(bucket).doing)} · ${t("chartWaiting")} ${formatCount(breakdown(bucket).waiting)}）` : `${t(labelKey(kind, mine))} ${formatCount(counts(bucket)[kind])}`))), (0, react$1.createElement)("div", { className: "dtl-trend__bars" }, ...BAR_KINDS.map((kind) => bar(bucket, kind))), (0, react$1.createElement)("div", { className: "dtl-trend__x" }, bucket.to.slice(5)));
-			const first = buckets[0];
-			const partial = trend.coverageFrom !== "" && trend.coverageFrom > first.from ? (0, react$1.createElement)("div", { className: "dtl-trend__foot" }, t("chartPartial", { from: trend.coverageFrom })) : null;
-			return (0, react$1.createElement)("div", { className: "dtl-card dtl-trend" }, (0, react$1.createElement)("div", { className: "dtl-trend__legend" }, ...BAR_KINDS.map((kind) => (0, react$1.createElement)("span", null, (0, react$1.createElement)("span", { className: `dtl-trend__dot dtl-trend__dot--${kind}` }), t(labelKey(kind, mine)))), me === null ? null : (0, react$1.createElement)("label", { className: "dtl-trend__mine" }, (0, react$1.createElement)("input", {
+			const first = slots[0];
+			const partial = trend.coverageFrom !== "" && first !== void 0 && trend.coverageFrom > first.from ? (0, react$1.createElement)("div", { className: "dtl-trend__foot" }, t("chartPartial", { from: trend.coverageFrom })) : null;
+			return (0, react$1.createElement)("div", { className: "dtl-card dtl-trend" }, (0, react$1.createElement)("div", { className: "dtl-trend__legend" }, ...legend.map((item) => (0, react$1.createElement)("span", { key: item.key }, dot(item.colors), item.label)), me === null ? null : (0, react$1.createElement)("label", { className: "dtl-trend__mine" }, (0, react$1.createElement)("input", {
 				type: "checkbox",
 				checked: mineOnly,
 				onChange: (event) => {
 					setMineOnly(event.target.checked);
 				}
-			}), t("chartMine"))), (0, react$1.createElement)("div", { className: "dtl-trend__body" }, (0, react$1.createElement)("div", { className: "dtl-trend__axis" }, ...ticks.map((tick) => (0, react$1.createElement)("span", null, tick))), (0, react$1.createElement)("div", { className: "dtl-trend__plot" }, (0, react$1.createElement)("div", { className: "dtl-trend__grid" }, (0, react$1.createElement)("div", { className: "dtl-trend__gridline" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--base" })), (0, react$1.createElement)("div", { className: "dtl-trend__cols" }, ...buckets.map(column)))), partial);
+			}), t("chartMine"))), (0, react$1.createElement)("div", { className: "dtl-trend__nav" }, navButton("left", t("historyPrev", {
+				n: WEEK_STEP,
+				unit: weekUnit
+			}), () => {
+				setShift((value) => value + 1);
+			}), navButton("right", t("historyNext", {
+				n: WEEK_STEP,
+				unit: weekUnit
+			}), () => {
+				setShift((value) => Math.max(0, value - 1));
+			})), (0, react$1.createElement)("div", { className: "dtl-trend__body" }, (0, react$1.createElement)("div", { className: "dtl-trend__axis" }, (0, react$1.createElement)("span", null, formatCount(peak)), (0, react$1.createElement)("span", null, formatCount(Math.round(peak * 3 / 4))), (0, react$1.createElement)("span", null, formatCount(Math.round(peak / 2))), (0, react$1.createElement)("span", null, formatCount(Math.round(peak / 4))), (0, react$1.createElement)("span", null, "0")), (0, react$1.createElement)("div", { style: {
+				flex: "1 1 auto",
+				minWidth: 0,
+				display: "flex",
+				flexDirection: "column",
+				minHeight: 0
+			} }, (0, react$1.createElement)("div", {
+				className: "dtl-trend__plot",
+				ref: setPlotEl
+			}, (0, react$1.createElement)("div", { className: "dtl-trend__grid" }, (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--none" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--dashed" }), (0, react$1.createElement)("div", { className: "dtl-trend__gridline dtl-trend__gridline--base" })), (0, react$1.createElement)("div", {
+				className: "dtl-trend__cols",
+				style: { gap: `${String(GROUP_GAP)}px` }
+			}, ...slots.map(colOf)), curve()), (0, react$1.createElement)("div", {
+				className: "dtl-trend__labels",
+				style: { gap: `${String(GROUP_GAP)}px` }
+			}, ...slots.map(labelOf)))), partial);
 		}
 		//#endregion
 		//#region src/client/board-home.ts
 		/**
-		* 看板首页（`main` 槽整页内容）：上 = 8 统计卡 + 趋势图位（**留空**）；下 = 单区任务列表。
+		* 看板首页（`main` 槽整页内容）：上 = 8 统计卡 + 趋势图；下 = 单区任务列表。
 		*
 		* 2026-10-28：列表沿用原「我的待办」卡片样式，改成**左侧六档菜单 + 右侧三个过滤**的平铺列表。
 		*  - 菜单六档**全部真筛**（积压 / 逾期 / 停滞 用 skill 下发的布尔）；
 		*  - 工作区 / 执行人 / 搜索 **全部本地筛**（快照已含全部在办，不发请求）。
 		*
+		* 2026-10-30 首屏加载改版（用户：不要整页 loading，也别铺骨架）：跟历史页一个口径 ——
+		* 8 块卡只画标题 + 「—」、图表卡里一个三点 Loader、列表位一个三点 Loader（最大号）；
+		* 快照一到就地替换。原来那层屏幕下方的全局 `showLoading` 已删。
+		*
 		* 数据纪律：行上的 `mine` / `stale` / `overdue` / `backlog` 与阈值都来自 skill，
 		* 前端只做布尔判断与渲染。刷新 = 挂载首读 + 手动刷新按钮，**不轮询**。
 		*/
-		/** 主内容：占满、自己滚动；padding 只在内层，dock 才不会继承内边距。 */
+		/** 主内容：占满、自己滚动；padding 只在内层，dock 才不会继承内边距。
+		*  ⚠️ 底部不留 padding：滚到底的留白改由内容末尾的 `.dtl-page-foot` 实体块承担
+		*  （用户 2026-10-30：最后一条贴着浏览器底边 —— 滚动容器未必是这一层，
+		*   挂在这一层的 padding-bottom 就落空了，实体块跟着内容走才不会丢）。 */
 		const pageStyle = {
 			height: "100%",
 			width: "100%",
@@ -54309,7 +55071,7 @@ body[data-ds-dark-theme]{
 			minWidth: 0,
 			boxSizing: "border-box",
 			overflow: "auto",
-			padding: "24px 22px",
+			padding: "24px 22px 0",
 			color: "var(--dtl-fg)"
 		};
 		/** dock 的挂载行：**不带 padding**，dock 作为直接子项才能贴右/上/下边。 */
@@ -54360,18 +55122,42 @@ body[data-ds-dark-theme]{
 		const SELECT_MAX_WIDTH = 240;
 		/** 搜索框宽度（用户 2026-10-17：两区同款，96×2 = 192）。 */
 		const SEARCH_WIDTH = 192;
-		/** 列表最多渲染条数（用户 2026-10-28：内容过多时只给最新 100 条 + 底部提示）。 */
-		const LIST_LIMIT = 100;
-		/** 底部「截断提示」样式（临时：核心暂无对应样式，先按此观感；用户确认后再定型）。 */
+		/** **单个工作区**最多渲染条数（用户 2026-10-30：原来是整体 100 条，改成每区各自 100 条，
+		*  超了在该区列表末尾给一条提示；不再有全局截断 —— 「我的待办」与「全部」同一条规则）。 */
+		const WS_LIMIT = 100;
+		/** 组头计数：按「待认领 → 进行中 → 积压 → 逾期 → 停滞」排，` · ` 分隔；
+		*  **0 的档整段不出现**（用户 2026-10-30：不显示 0，也不显示杠），「我的待办」不列。 */
+		const GROUP_STATS = [
+			{
+				value: "open",
+				label: "statOpen"
+			},
+			{
+				value: "doing",
+				label: "statDoing"
+			},
+			{
+				value: "backlog",
+				label: "statBacklog"
+			},
+			{
+				value: "overdue",
+				label: "statOverdue"
+			},
+			{
+				value: "stale",
+				label: "statStale"
+			}
+		];
+		/** 组内「已截断」提示样式（核心暂无对应件；灰小字、贴在该组最后一张卡下方，观感定型后再收口）。 */
 		const limitHintStyle = {
-			marginTop: "var(--dtl-space-3)",
-			padding: "var(--dtl-space-3) var(--dtl-space-4)",
-			textAlign: "center",
+			marginTop: "var(--dtl-space-2)",
+			padding: "0 var(--dtl-space-2)",
 			fontSize: "var(--dtl-font-sm)",
 			lineHeight: "var(--dtl-line-sm)",
 			color: "var(--dtl-fg-3)"
 		};
-		/** 左侧菜单（「我的待办」置顶、「全部」次之，其后六档本地真筛；角标 = 各档全量计数）。 */
+		/** 左侧菜单（「我的待办」置顶、「全部」次之，其后六档本地真筛；角标 = 当前工作区 / 执行人 / 搜索范围内各档计数）。 */
 		const TABS = [
 			{
 				value: "mine",
@@ -54402,6 +55188,18 @@ body[data-ds-dark-theme]{
 				label: "statStale"
 			}
 		];
+		/** 8 块统计卡的标题（DOM 列序，与 `statsGrid` 里的排布一致）：
+		*  首屏没数据时只画标题 + 「—」，跟历史页那 4 块一个口径（用户 2026-10-30）。 */
+		const STAT_LABELS = [
+			"statMyActive",
+			"statDoing",
+			"statOpen",
+			"statBacklog",
+			"statOverdue",
+			"statStale",
+			"statWeekDone",
+			"statLastWeekDone"
+		];
 		/** 错误原文只留第一行并截断：脚本报错常把整段用法提示塞在一行里，toast 装不下。 */
 		function firstLine(message) {
 			const line = (message.split("\n")[0] ?? "").trim();
@@ -54413,6 +55211,18 @@ body[data-ds-dark-theme]{
 			const state = (0, react$1.useSyncExternalStore)(boardSubscribe, boardSnapshot);
 			const mountRef = (0, react$1.useRef)(null);
 			const [viewMode, setViewMode] = (0, react$1.useState)("active");
+			const [gran, setGran] = (0, react$1.useState)("day");
+			const [historyByGran, setHistoryByGran] = (0, react$1.useState)({});
+			const historyTrend = historyByGran[gran] ?? null;
+			const [historyError, setHistoryError] = (0, react$1.useState)(null);
+			const lastTrendRef = (0, react$1.useRef)(null);
+			(0, react$1.useEffect)(() => {
+				if (historyTrend !== null) lastTrendRef.current = {
+					gran,
+					payload: historyTrend
+				};
+			});
+			const shownTrend = historyTrend ?? (lastTrendRef.current !== null && lastTrendRef.current.gran === gran ? lastTrendRef.current.payload : null);
 			/** 查看：右侧 dock 预览过程文档；没有就打开台账文件夹（目录树）。
 			*  文件服务 / 会话 / flex 全由核心（connectHost 接线）接管，这里只给容器 + 路径。 */
 			const handleView = (row) => {
@@ -54428,13 +55238,6 @@ body[data-ds-dark-theme]{
 			(0, react$1.useEffect)(() => {
 				refresh();
 			}, []);
-			(0, react$1.useEffect)(() => {
-				if (state.board !== null || state.status === "error") return;
-				const loading = showLoading(t("loading"));
-				return () => {
-					loading.close();
-				};
-			}, [state.board, state.status]);
 			const board = state.board;
 			const view = (0, react$1.useMemo)(() => selectView(state), [state]);
 			const degraded = board?.degraded ?? [];
@@ -54458,6 +55261,26 @@ body[data-ds-dark-theme]{
 				degraded,
 				t
 			]);
+			(0, react$1.useEffect)(() => {
+				if (viewMode !== "history" || historyTrend !== null || historyError !== null) return;
+				let alive = true;
+				fetchHistoryTrend(gran).then((payload) => {
+					if (alive) setHistoryByGran((prev) => ({
+						...prev,
+						[gran]: payload
+					}));
+				}).catch((error) => {
+					if (alive) setHistoryError(error instanceof Error ? error.message : String(error));
+				});
+				return () => {
+					alive = false;
+				};
+			}, [
+				viewMode,
+				gran,
+				historyTrend,
+				historyError
+			]);
 			/** 工作区下拉候选：宿主里所有含台账的工作区（不是从任务里反推，空工作区也要能选）。 */
 			const workspaceOptions = (0, react$1.useMemo)(() => [{
 				value: "",
@@ -54501,7 +55324,8 @@ body[data-ds-dark-theme]{
 			});
 			/** 子集卡占比小字：分母为 0 或自己没有 ⇒ 不显示（不拿 0% 充数）。 */
 			const share = (part, whole, key) => part > 0 && whole > 0 ? t(key, { n: Math.round(part / whole * 100) }) : "";
-			/** 统计台卡：数字 = 结案总数（含取消）；有取消时小字拆「结案 X · 取消 Y」。
+			/** 统计台卡：数字 = **结案**（完成 + 取消）；有取消时小字拆「完成 X · 取消 Y」
+			*  （术语 2026-10-29 用户拍板：结案是上位词，完成只指正常结案）。
 			*  不可点，hover 给具体日期区间；数字 null（历史读不到）留 '—'，不拿 0 充数。 */
 			const weekCard = (label, total, cancelled, from, to) => (0, react$1.createElement)(StatCard, {
 				label: t(label),
@@ -54516,8 +55340,22 @@ body[data-ds-dark-theme]{
 					to
 				})
 			});
-			/** 左 8 块（2×4）+ 右趋势图。 */
+			/** 左 8 块（2×4）+ 右趋势图。
+			*  首读没到（`payload = null`）⇒ 8 块只画标题 + 「—」、图表卡里一个三点加载（跟历史页同一套，
+			*  用户 2026-10-30：不铺骨架，加载完才出东西）。 */
 			const statsGrid = (payload) => {
+				if (payload === null) return (0, react$1.createElement)("div", {
+					className: "dtl-stats",
+					style: statsRowStyle
+				}, (0, react$1.createElement)("div", { className: "dtl-stats__cards" }, ...STAT_LABELS.map((label) => (0, react$1.createElement)(StatCard, {
+					key: label,
+					label: t(label),
+					value: "—"
+				}))), (0, react$1.createElement)(TrendChart, {
+					trend: null,
+					me: null,
+					t
+				}));
 				const view = payload.stats;
 				return (0, react$1.createElement)("div", {
 					className: "dtl-stats",
@@ -54606,8 +55444,8 @@ body[data-ds-dark-theme]{
 				onClick: onBack
 			}, `← ${t("backToConversation")}`), (0, react$1.createElement)("div", { style: titleStyle }, t("panelTitle"), (0, react$1.createElement)("span", {
 				style: buildTagStyle,
-				title: `v0.0.124 · 261029-195826-322`
-			}, `v0.0.124 261029-195826-322`))), (0, react$1.createElement)("div", { style: {
+				title: `v0.0.126 · 261031-010833-024`
+			}, `v0.0.126 261031-010833-024`))), (0, react$1.createElement)("div", { style: {
 				display: "flex",
 				alignItems: "center",
 				gap: "var(--dtl-space-3)"
@@ -54633,8 +55471,26 @@ body[data-ds-dark-theme]{
 				title: t("refresh"),
 				onClick: () => {
 					refresh();
+					setHistoryByGran({});
+					lastTrendRef.current = null;
+					setHistoryError(null);
 				}
-			}, state.refreshing ? t("refreshing") : t("refresh")))), viewMode === "history" ? null : state.status === "error" && board === null ? (0, react$1.createElement)("div", { style: {
+			}, state.refreshing ? t("refreshing") : t("refresh")))), viewMode === "history" ? historyError !== null ? (0, react$1.createElement)("div", { style: {
+				color: "var(--dtl-danger)",
+				fontSize: "var(--dtl-font-md)",
+				paddingTop: "var(--dtl-space-3)"
+			} }, `${t("loadFailed")}：${historyError}`) : (0, react$1.createElement)("div", {
+				className: "dtl-stats dtl-stats--history",
+				style: statsRowStyle
+			}, (0, react$1.createElement)(HistoryChart, {
+				data: shownTrend,
+				t,
+				gran,
+				onGranChange: setGran
+			}), (0, react$1.createElement)(HistoryStats, {
+				data: shownTrend,
+				t
+			})) : state.status === "error" && board === null ? (0, react$1.createElement)("div", { style: {
 				display: "flex",
 				alignItems: "center",
 				gap: "var(--dtl-space-2)"
@@ -54647,16 +55503,30 @@ body[data-ds-dark-theme]{
 				onClick: () => {
 					refresh();
 				}
-			}, t("retry"))) : null, viewMode === "history" ? null : board === null ? null : statsGrid(board), viewMode === "history" ? null : regionHead, viewMode === "history" ? null : board === null ? null : view.rows.length === 0 ? (0, react$1.createElement)(EmptyState, {
+			}, t("retry"))) : null, viewMode === "history" ? null : statsGrid(board), viewMode === "history" ? null : regionHead, viewMode === "history" ? null : board === null ? state.status === "error" ? null : (0, react$1.createElement)("div", { className: "dtl-loading" }, (0, react$1.createElement)(Loader, {
+				variant: "blocks",
+				size: "xl"
+			})) : view.rows.length === 0 ? (0, react$1.createElement)(EmptyState, {
 				title: t("listEmpty"),
 				hint: t("listEmptyHint")
-			}) : (0, react$1.createElement)("div", null, view.rows.slice(0, LIST_LIMIT).map((row) => (0, react$1.createElement)(TaskRowView, {
-				key: row.key,
-				t,
-				row,
-				solo,
-				onView: handleView
-			}))), viewMode === "history" ? null : view.rows.length > LIST_LIMIT ? (0, react$1.createElement)("div", { style: limitHintStyle }, t("listLimitHint", { n: LIST_LIMIT })) : null)));
+			}) : (0, react$1.createElement)("div", null, ...groupRows(view.rows).map((group) => {
+				const counts = GROUP_STATS.filter((item) => group.counts[item.value] > 0).map((item) => `${t(item.label)} ${group.counts[item.value]}`).join(" · ");
+				const shown = group.rows.slice(0, WS_LIMIT);
+				const truncated = group.rows.length > WS_LIMIT;
+				return (0, react$1.createElement)("div", {
+					key: group.workspace.id,
+					className: "dtl-group"
+				}, (0, react$1.createElement)("div", { className: "dtl-group__head" }, (0, react$1.createElement)(SectionHead, {
+					icon: (0, react$1.createElement)("span", { className: "dtl-group__rule" }),
+					title: (0, react$1.createElement)("span", null, group.workspace.title, counts === "" ? null : (0, react$1.createElement)("span", { className: "dtl-group__count" }, counts))
+				})), ...shown.map((row) => (0, react$1.createElement)(TaskRowView, {
+					key: row.key,
+					t,
+					row,
+					solo,
+					onView: handleView
+				})), truncated ? (0, react$1.createElement)("div", { style: limitHintStyle }, t("wsLimitHint", { n: WS_LIMIT })) : null);
+			})), (0, react$1.createElement)("div", { className: "dtl-page-foot" }))));
 		}
 		//#endregion
 		//#region src/client/locales.ts
@@ -54688,14 +55558,19 @@ body[data-ds-dark-theme]{
 			statStaleTitle: "停滞 = 进行中满 {n} 天没更新",
 			statOverdueTitle: "逾期 = 认领后满 {n} 天还没结案",
 			statBacklogTitle: "积压 = 待认领满 {n} 天没人接",
-			statWeekDone: "本周完成",
-			statLastWeekDone: "上周完成",
-			statWeekSplit: "结案 {done} · 取消 {cancelled}",
+			statWeekDone: "本周结案",
+			statLastWeekDone: "上周结案",
+			statWeekSplit: "完成 {done} · 取消 {cancelled}",
 			daysNone: "—",
 			daysValue: "{n} 天",
-			chartDone: "完成",
+			chartDone: "结案",
+			chartClosed: "已结案",
+			chartFinished: "完成",
+			chartCancelled: "取消",
 			chartOpen: "未结",
 			chartAdded: "新增",
+			chartCreatedTasks: "新建任务",
+			chartClosedTasks: "结案任务",
 			chartEmpty: "还没有可统计的记录",
 			chartPartial: "{from} 起才有台账数据",
 			chartMine: "只看我的",
@@ -54722,7 +55597,7 @@ body[data-ds-dark-theme]{
 			ownerAll: "全部执行人",
 			listEmpty: "未找到匹配的任务记录",
 			listEmptyHint: "可切换状态或工作区，查看其他记录。",
-			listLimitHint: "仅显示前 {n} 条查询结果",
+			wsLimitHint: "本工作区记录较多，此处仅列出前 {n} 条；其余记录未予显示，如需查阅请缩小筛选范围。",
 			ownerUnclaimed: "待认领",
 			timeUnknown: "时间未知",
 			relJustNow: "刚刚",
@@ -54732,25 +55607,39 @@ body[data-ds-dark-theme]{
 			relMonths: "{n} 个月前",
 			relYears: "{n} 年前",
 			whenSubmitted: "更新于 {time}",
-			filterByOwner: "只看 @{name} 的任务",
-			filterByWorkspace: "只看工作区 {name}",
-			filterByTag: "搜索标签 #{tag}",
 			copyTaskId: "点击复制任务 ID",
 			copiedTaskId: "已复制任务 ID",
 			copyFailed: "复制失败",
 			actionClaim: "认领",
 			actionResume: "继续",
-			actionFinish: "结束",
+			actionFinish: "完成",
 			actionRelease: "释放",
-			tipClaim: "把这个任务认领到自己名下",
-			tipResume: "继续推进这个任务",
-			tipFinish: "结案并写入历史",
-			tipRelease: "释放认领，让别人接手",
+			actionCancel: "取消",
+			tipClaim: "将该任务归入本人名下，状态置为进行中",
+			tipResume: "恢复对该任务的推进",
+			tipFinish: "将该任务标记为完成，并归档入历史",
+			tipRelease: "解除本人认领，任务退回公共池",
+			tipCancel: "将该任务标记为取消并归档，不计入完成",
 			viewDetail: "查看详情",
 			fieldCreatorStamp: "创建于 {age}",
 			viewModeLabel: "视图",
 			viewActive: "在办",
-			viewHistory: "历史"
+			viewHistory: "历史",
+			historyToday: "今日",
+			historyYesterday: "昨日",
+			historyWeek: "本周",
+			historyLastWeek: "上周",
+			historyMonth: "本月",
+			historyLastMonth: "上月",
+			historyQuarter: "本季度",
+			historyLastQuarter: "上季度",
+			historyEmpty: "所选区间内没有结案记录",
+			historyGranLabel: "粒度",
+			historyGranDay: "日",
+			historyGranWeek: "周",
+			historyGranMonth: "月",
+			historyPrev: "前 {n} {unit}",
+			historyNext: "后 {n} {unit}"
 		};
 		/** English（与 zh 键完全对齐）。 */
 		const en = {
@@ -54780,14 +55669,19 @@ body[data-ds-dark-theme]{
 			statStaleTitle: "stale = active with no update for {n}+ days",
 			statOverdueTitle: "overdue = claimed {n}+ days ago and still open",
 			statBacklogTitle: "backlog = unclaimed for {n}+ days",
-			statWeekDone: "Done this week",
-			statLastWeekDone: "Done last week",
-			statWeekSplit: "Closed {done} · Cancelled {cancelled}",
+			statWeekDone: "Closed this week",
+			statLastWeekDone: "Closed last week",
+			statWeekSplit: "Done {done} · Cancelled {cancelled}",
 			daysNone: "—",
 			daysValue: "{n}d",
-			chartDone: "Done",
+			chartDone: "Closed",
+			chartClosed: "Closed",
+			chartFinished: "Done",
+			chartCancelled: "Cancelled",
 			chartOpen: "Open",
 			chartAdded: "Added",
+			chartCreatedTasks: "Created",
+			chartClosedTasks: "Closed",
 			chartEmpty: "No records to chart yet",
 			chartPartial: "Ledger data starts {from}",
 			chartMine: "Only mine",
@@ -54814,7 +55708,7 @@ body[data-ds-dark-theme]{
 			ownerAll: "Anyone",
 			listEmpty: "No matching task records",
 			listEmptyHint: "Switch status or workspace to see other records.",
-			listLimitHint: "Only the first {n} results are shown",
+			wsLimitHint: "This workspace has more records than shown; only the first {n} are listed. Narrow the filters to see the rest.",
 			ownerUnclaimed: "unclaimed",
 			timeUnknown: "unknown time",
 			relJustNow: "just now",
@@ -54824,25 +55718,39 @@ body[data-ds-dark-theme]{
 			relMonths: "{n} mo ago",
 			relYears: "{n} y ago",
 			whenSubmitted: "updated {time}",
-			filterByOwner: "Only tasks owned by @{name}",
-			filterByWorkspace: "Only workspace {name}",
-			filterByTag: "Search tag #{tag}",
 			copyTaskId: "Click to copy task ID",
 			copiedTaskId: "Task ID copied",
 			copyFailed: "Copy failed",
 			actionClaim: "Claim",
 			actionResume: "Resume",
-			actionFinish: "Close",
+			actionFinish: "Finish",
 			actionRelease: "Release",
-			tipClaim: "claim this task as mine",
-			tipResume: "keep working on this task",
-			tipFinish: "close and archive it",
-			tipRelease: "release the claim for others",
+			actionCancel: "Cancel",
+			tipClaim: "assign this task to me and set it to in progress",
+			tipResume: "resume work on this task",
+			tipFinish: "mark this task as done and archive it",
+			tipRelease: "drop my claim and return the task to the public pool",
+			tipCancel: "mark this task as cancelled and archive it; not counted as done",
 			viewDetail: "View details",
 			fieldCreatorStamp: "created {age}",
 			viewModeLabel: "View",
 			viewActive: "Active",
-			viewHistory: "History"
+			viewHistory: "History",
+			historyToday: "Today",
+			historyYesterday: "Yesterday",
+			historyWeek: "This week",
+			historyLastWeek: "Last week",
+			historyMonth: "This month",
+			historyLastMonth: "Last month",
+			historyQuarter: "This quarter",
+			historyLastQuarter: "Last quarter",
+			historyEmpty: "No closed tasks in the selected range",
+			historyGranLabel: "Granularity",
+			historyGranDay: "Day",
+			historyGranWeek: "Week",
+			historyGranMonth: "Month",
+			historyPrev: "Previous {n} {unit}s",
+			historyNext: "Next {n} {unit}s"
 		};
 		/** 把宿主给的无参 t 包成带占位符替换的 t（模板一律 `{name}`，不依赖宿主是否支持 params）。 */
 		function interpolateTranslate(base) {