dsh-conversation-aurora 0.1.0 → 0.2.1

package/client.js

@@ -2,630 +2,48 @@ window.__ModuleLoader__.load({
   id: 'dsh-conversation-aurora',
   factory() {
     /*
-     * @local/conversation-aurora — Client 半区
+     * dsh-conversation-aurora — 对话区整屏动效背景（Client 半区）
      *
-     * 4 种手势 + 2 个全局调制，全部落在同一条「列边光纤」上：
+     * 形态：在对话画布内部垫一层 z-index:-1 的 canvas，把整块画布当背景。
+     *   - 只有"在干活"时才播：任何工具在跑 / 回合进行中；
+     *   - 空闲、切会话、窗口隐藏时立刻停掉 rAF，画布淡出；
+     *   - 每个会话按 session id 分配不同主题，Alt+T 手动轮换；
+     *   - 文字可读性由 .dsh-stage__veil 保证：按正文列宽罩一层纱。
      *
-     *   idle   待命：两侧柔光极慢漂移，光纤只剩一条几乎看不见的呼吸发丝
-     *   read   向内：光纤上的亮段向下流动（检索 / 读文件）
-     *   web    向外：光纤心跳 + 一圈向外扩散的光晕（联网 / 派活）
-     *   write  向上：光纤自下而上逐段点亮（写码 / 跑命令）
-     *   think  idle 的呼吸加快，不新增手势
-     *   wait   全体压到 ~2%、转灰蓝、缓慢向列内推
-     *   error  红色泛光，之后留一点暗红到下一次动作
-     *
-     * 几何：动效层挂在对话画布内部（[data-conversation-content]），z-index:-1。
-     * 左右各一个「翼」（.dsh-aurora__wing），翼宽正好等于正文列以外的空白带，
-     * 且 overflow:hidden —— 会扩散的元素（光晕、脉冲环）都被裁在列边界之外，
-     * 中间文字区零覆盖，这是几何保证，不是渐变赌出来的。
-     *
-     * 状态信号全部来自宿主已有的语义属性，不读类名：
-     *   [data-tool][data-state=running|preparing|error|stopped]
-     *   [data-chat-running]  [data-streaming]
+     * 状态信号全部来自宿主已有语义属性，不读类名：
+     *   [data-tool][data-state=running|preparing]  [data-chat-running]  [data-streaming]
      */
 
-    /* ================= 可调常量（JS 侧） ================= */
+    /* ================= 可调常量 ================= */
 
-    /** 时序与节流；视觉参数在下方 CSS 的 .dsh-aurora 块里。 */
     const TUNE = {
-      /** 状态最短驻留：短于此值的切换会被忽略（防止连续调用工具时闪）。 */
-      minDwellMs: 600,
-      /** 切换瞬间光纤亮一下的时长与幅度。 */
-      pulseMs: 420,
-      pulseRise: 0.16,
-      /** error 保持多久，之后转入残留暗红。 */
-      errorHoldMs: 1300,
+      /** 停止后延迟多久真正淡出（防止工具间隙闪一下）。 */
+      holdIdleMs: 420,
       /** 最多跟踪多少个工具行（只留尾部，长会话也不拖慢）。 */
       maxTracked: 48,
-      /** 首次挂载只回看最近多少行，避免历史里的失败行触发红光。 */
+      /** 首次挂载只回看最近多少行。 */
       seedRows: 24,
       /** React 重挂载引发的反复摘挂保护。 */
       remountGuard: 10,
       remountWindowMs: 2000,
-      /** Alt+B 循环：标准 → 安静 → 关闭。 */
-      intensity: [1, 0.55, 0],
-      keyCode: 'b',
-    };
-
-    /** 优先级：高者可以打断低者的最短驻留。 */
-    const MODE_PRIORITY = { idle: 0, think: 1, read: 2, web: 3, write: 4, wait: 5, error: 6 };
-
-    /** 每种模式的主侧；另一侧以 60% 强度 + 0.7s 延迟跟随。 */
-    const MODE_PRIMARY = {
-      idle: 'both',
-      think: 'both',
-      read: 'left',
-      web: 'right',
-      write: 'left',
-      wait: 'both',
-      error: 'both',
-    };
-
-    /** 遥测小字用的短标签。 */
-    const MODE_TAG = {
-      idle: 'STANDBY',
-      think: 'THINK',
-      read: 'SCAN',
-      web: 'NET',
-      write: 'BUILD',
-      wait: 'HOLD',
-      error: 'ERR',
+      /** 切会话后的静默期，避免把上一轮的残留行当成"正在工作"。 */
+      switchQuietMs: 600,
     };
 
-    /** 工具名 → 手势。表里没有的按 data-variant 归类，再兜底 read。 */
-    const TOOL_MODE = {
-      web_search: 'web',
-      web_fetch: 'web',
-      subagent: 'web',
-      workflow: 'web',
-      ralph: 'web',
-      spawn_teammate: 'web',
-      wait_agent: 'web',
-      send_message: 'web',
-      list_agents: 'web',
-      grep: 'read',
-      glob: 'read',
-      read: 'read',
-      read_image: 'read',
-      lsp: 'read',
-      session_search: 'read',
-      session_trace: 'read',
-      session_event_read: 'read',
-      session_event_search: 'read',
-      session_event_trace: 'read',
-      cordis_inspect_list: 'read',
-      cordis_inspect_query: 'read',
-      cordis_inspect_self: 'read',
-      cordis_package_inspect: 'read',
-      cordis_runtime_inspect: 'read',
-      job_list: 'read',
-      job_output: 'read',
-      get_goal: 'read',
-      schedule_list: 'read',
-      list_subagent_models: 'read',
-      write: 'write',
-      edit: 'write',
-      run_code: 'write',
-      pwsh: 'write',
-      bash: 'write',
-      terminal_open: 'write',
-      terminal_read: 'write',
-      terminal_list: 'write',
-      terminal_signal: 'write',
-      terminal_close: 'write',
-      job_kill: 'write',
-      create_goal: 'write',
-      update_goal: 'write',
-      todo_write: 'write',
-      schedule_create: 'write',
-      schedule_update: 'write',
-      schedule_delete: 'write',
-      interrupt_agent: 'write',
-      cordis_run: 'write',
-      cordis_stop: 'write',
-      cordis_undefine: 'write',
-    };
-
-    const VARIANT_MODE = {
-      web: 'web',
-      search: 'read',
-      read: 'read',
-      write: 'write',
-      edit: 'write',
-      bash: 'write',
-      code: 'write',
-      others: 'write',
-    };
-
-    const NS = 'dsh-aurora';
-    const HOST_CLASS = 'dsh-aurora-host';
-    const FIBER_CLASS = NS + '__fiber';
+    const NS = 'dsh-stage';
+    const HOST_CLASS = 'dsh-stage-host';
     const ROW_SELECTOR = '[data-tool][data-state]';
+    const STORAGE = { theme: 'dsh.conversation-aurora.theme' };
 
-    /* ================= 样式（视觉参数都在这里） ================= */
+    /* ================= 样式 ================= */
 
     const CSS = `
-.dsh-aurora-host{position:relative;isolation:isolate}
-
-/* 图层根：所有视觉参数集中在这个块，README「调参」一节有对照表。 */
-.dsh-aurora{
-  --fiber-width:1.5px;
-  --fiber-color:65,118,230;      /* DeepSeek 蓝 #4176E6 */
-  --glow-a:65,118,230;
-  --glow-b:124,92,255;           /* 柔紫 #7C5CFF */
-  --glow-c:46,211,183;           /* 青 #2ED3B7 */
-  --glow-opacity:.22;            /* 柔光强度：整条空白带的底色 */
-  --wash-color:78,98,150;        /* 底光色：低饱和冷灰蓝，像一层浅浅的面板 */
-  --fiber-opacity:.16;           /* 静息发丝亮度 */
-  --gesture-opacity:.5;          /* 手势亮度：检索的亮段 / 写码的生长条 */
-  --pulse-opacity:.4;            /* 联网时向外扩散的那圈光 */
-  --secondary-strength:.6;       /* 副侧强度 */
-  --hud-ink:15,17,21;            /* HUD 墨色：近黑，像印在纸上的仪器标记 */
-  --hud-opacity:1;               /* HUD 层的总开关：角标 / 遥测 / 扫描纹 / 数据柱 */
-  --side-delay:0ms;
-  --crossfade:700ms;
-  --intensity:1;
-  --aurora-shift:0px;            /* 滚动条造成的列偏移，由 JS 量出来 */
-  --drift-slow:40s;              /* 两团柔光的周期，互不成整数比 */
-  --drift-fast:52s;
-  position:absolute;
-  inset:0;
-  z-index:8;                     /* 盖过输入区那条白色渐变，才能铺到窗口底边；拖宽手柄同为 8 且在 DOM 之后，仍在上面 */
-  overflow:hidden;
-  pointer-events:none;
-  transition:opacity 600ms ease, visibility 0s linear 0s;
-}
-
-/* 空闲 = 什么都没有：整层淡出并停掉动画，两侧回到普通白纸。
-   一旦有输出或工具在跑（think / read / web / write / wait / error）才重新浮出来。 */
-.dsh-aurora[data-mode=idle]{
-  opacity:0;
-  visibility:hidden;
-  transition:opacity 600ms ease, visibility 0s linear 600ms;
-}
-.dsh-aurora[data-mode=idle] *{animation-play-state:paused}
-
-.dsh-aurora[data-off]{display:none}
-
-body[data-ds-dark-theme] .dsh-aurora{
-  --fiber-color:110,160,255;
-  --glow-a:110,160,255;
-  --glow-b:160,130,255;
-  --glow-c:80,225,200;
-  --glow-opacity:.3;
-  --wash-color:40,62,110;
-  --fiber-opacity:.22;
-  --gesture-opacity:.56;
-  --pulse-opacity:.46;
-  --hud-ink:190,214,255;
-}
-
-/* ---------- 翼：正文列之外的空白带，最外层的裁切框 ---------- */
-
-.dsh-aurora__wing{
-  position:absolute;
-  top:0;
-  bottom:0;
-  overflow:hidden;
-  pointer-events:none;
-}
-.dsh-aurora__wing[data-side=left]{
-  left:0;
-  width:max(0px, calc((100% - var(--dsh-chat-content-width, 748px)) / 2 - var(--aurora-shift, 0px)));
-  --side:1;
-  --push:26px;
-}
-.dsh-aurora__wing[data-side=right]{
-  right:0;
-  width:max(0px, calc((100% - var(--dsh-chat-content-width, 748px)) / 2 + var(--aurora-shift, 0px)));
-  --side:1;
-  --push:-26px;
-}
-
-/* ---------- 柔光：铺满整条空白带，向列边界方向淡出 ---------- */
-
-.dsh-aurora__glow{
-  position:absolute;
-  inset:0;
-  overflow:hidden;
-  opacity:calc(var(--glow-opacity) * var(--side) * var(--intensity));
-  transition:opacity var(--crossfade) ease;
-}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__glow{
-  -webkit-mask-image:linear-gradient(to right,#000 0 55%,#0000 100%);
-  mask-image:linear-gradient(to right,#000 0 55%,#0000 100%);
-}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__glow{
-  -webkit-mask-image:linear-gradient(to left,#000 0 55%,#0000 100%);
-  mask-image:linear-gradient(to left,#000 0 55%,#0000 100%);
-}
-
-/* 底光：贯穿整条带子的静态渐变，保证中间不会空掉 */
-/* 底光：从窗口边淡向正文列，让空白带有一点纵深，但不变成一块色板 */
-.dsh-aurora__wash{
-  position:absolute;
-  inset:0;
-  background:linear-gradient(to right,rgba(var(--wash-color),.5),rgba(var(--wash-color),0) 88%);
-}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__wash{
-  background:linear-gradient(to left,rgba(var(--wash-color),.5),rgba(var(--wash-color),0) 88%);
-}
-
-/* 漂移光团：尺寸按色带自身的宽高算，画布再高也不会只剩两个角 */
-.dsh-aurora__blob{
-  position:absolute;
-  border-radius:50%;
-}
-.dsh-aurora__blob[data-k=a]{
-  width:150%;
-  height:62%;
-  background:radial-gradient(ellipse at 50% 50%, rgba(var(--glow-a),.6), rgba(var(--glow-a),0) 68%);
-}
-.dsh-aurora__blob[data-k=b]{
-  width:165%;
-  height:56%;
-  background:radial-gradient(ellipse at 50% 50%, rgba(var(--glow-c),.55), rgba(var(--glow-c),0) 70%);
-}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__blob[data-k=a]{background-image:radial-gradient(ellipse at 50% 50%, rgba(var(--glow-b),.62), rgba(var(--glow-b),0) 68%)}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__blob[data-k=b]{background-image:radial-gradient(ellipse at 50% 50%, rgba(var(--glow-a),.5), rgba(var(--glow-a),0) 70%)}
-
-.dsh-aurora__wing[data-side=left] .dsh-aurora__blob[data-k=a]{top:-16%;left:-34%;animation:aurora-drift-a var(--drift-slow) ease-in-out infinite}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__blob[data-k=b]{bottom:-14%;right:-34%;animation:aurora-drift-b var(--drift-fast) ease-in-out infinite;animation-delay:-13s}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__blob[data-k=a]{top:-12%;right:-36%;animation:aurora-drift-b var(--drift-fast) ease-in-out infinite;animation-delay:-7s}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__blob[data-k=b]{bottom:-12%;left:-34%;animation:aurora-drift-a var(--drift-slow) ease-in-out infinite;animation-delay:-21s}
-
-/* ---------- 列边光纤：所有手势的载体，离正文列 20px ---------- */
-
-.dsh-aurora__fiber{
-  position:absolute;
-  top:0;
-  bottom:0;
-  width:var(--fiber-width);
-  animation-delay:var(--side-delay);
-}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__fiber{right:20px}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__fiber{left:20px}
-
-.dsh-aurora__fiber i{
-  position:absolute;
-  inset:0;
-  display:block;
-  transition:opacity var(--crossfade) ease;
-  animation-delay:var(--side-delay);
-}
-
-/* 静息发丝：几乎看不见，靠呼吸幅度让人察觉 */
-.dsh-aurora__base{
-  opacity:calc(var(--fiber-opacity) * var(--side) * var(--intensity));
-  background:linear-gradient(to bottom,#0000,rgb(var(--fiber-color)) 12% 88%,#0000);
-}
-
-/* 检索：柔和的亮段向下流动（首尾都透明，循环处不会跳） */
-.dsh-aurora__scan{
-  top:-56px;
-  bottom:-56px;
-  opacity:0;
-  background-image:repeating-linear-gradient(to bottom,
-    rgba(var(--fiber-color),0) 0px,
-    rgba(var(--fiber-color),0) 12px,
-    rgba(var(--fiber-color),.9) 20px,
-    rgba(var(--fiber-color),.9) 36px,
-    rgba(var(--fiber-color),0) 46px,
-    rgba(var(--fiber-color),0) 56px);
-}
-
-/* 写码：从下往上长出来 */
-.dsh-aurora__fill{
-  opacity:0;
-  transform-origin:50% 100%;
-  background-image:linear-gradient(to top,rgb(var(--fiber-color)),#0000 80%);
-}
-
-/* 联网：向外扩散的一圈光 */
-.dsh-aurora__pulse{
-  position:absolute;
-  top:50%;
-  width:280px;
-  height:280px;
-  margin-top:-140px;
-  border-radius:50%;
-  opacity:0;
-  pointer-events:none;
-  background:radial-gradient(circle,#0000 52%,rgba(var(--glow-b),1) 58%,#0000 66%);
-  animation-delay:var(--side-delay);
-}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__pulse{
-  right:20px;
-  margin-right:-140px;
-  -webkit-mask-image:linear-gradient(to right,#000 0 52%,#0000 58%);
-  mask-image:linear-gradient(to right,#000 0 52%,#0000 58%);
-}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__pulse{
-  left:20px;
-  margin-left:-140px;
-  -webkit-mask-image:linear-gradient(to left,#000 0 52%,#0000 58%);
-  mask-image:linear-gradient(to left,#000 0 52%,#0000 58%);
-}
-
-/* ---------- HUD：让两侧读起来像一块仪表，而不是一团渐变 ---------- */
-
-/* 扫描纹：静态 CRT 质感，只铺在空白带里 */
-.dsh-aurora__grid{
-  position:absolute;
-  inset:0;
-  background-image:
-    repeating-linear-gradient(to bottom,rgba(var(--hud-ink),.04) 0 1px,#0000 1px 4px),
-    repeating-linear-gradient(to right,rgba(var(--hud-ink),.05) 0 1px,#0000 1px 96px);
-  opacity:calc(var(--hud-opacity) * var(--side) * var(--intensity));
-  transition:opacity var(--crossfade) ease;
-}
-body[data-ds-dark-theme] .dsh-aurora__grid{
-  background-image:
-    repeating-linear-gradient(to bottom,rgba(var(--hud-ink),.05) 0 1px,#0000 1px 4px),
-    repeating-linear-gradient(to right,rgba(var(--hud-ink),.06) 0 1px,#0000 1px 96px);
-}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__grid{
-  -webkit-mask-image:linear-gradient(to right,#000 0 60%,#0000 100%);
-  mask-image:linear-gradient(to right,#000 0 60%,#0000 100%);
-}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__grid{
-  -webkit-mask-image:linear-gradient(to left,#000 0 60%,#0000 100%);
-  mask-image:linear-gradient(to left,#000 0 60%,#0000 100%);
-}
-
-/* 取景角标：把正文列框成一块"屏幕" */
-.dsh-aurora__corner{
-  position:absolute;
-  width:20px;
-  height:20px;
-  border:0 solid rgba(var(--hud-ink),.55);
-  opacity:calc(var(--hud-opacity) * var(--side) * var(--intensity));
-  transition:opacity var(--crossfade) ease;
-}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__corner{right:20px}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__corner{left:20px}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__corner[data-at=top]{top:14px;border-top-width:1.5px;border-right-width:1.5px}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__corner[data-at=bottom]{bottom:14px;border-bottom-width:1.5px;border-right-width:1.5px}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__corner[data-at=top]{top:14px;border-top-width:1.5px;border-left-width:1.5px}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__corner[data-at=bottom]{bottom:14px;border-bottom-width:1.5px;border-left-width:1.5px}
-
-/* 扫描光带：一直在扫，有动作时更亮 */
-.dsh-aurora__sweep{
-  position:absolute;
-  left:0;
-  right:0;
-  top:-10px;
-  height:1.5px;
-  opacity:calc(.22 * var(--hud-opacity) * var(--side) * var(--intensity));
-  background:linear-gradient(to right,rgba(var(--hud-ink),0),rgba(var(--hud-ink),.55),rgba(var(--hud-ink),0));
-  transition:opacity var(--crossfade) ease;
-  animation:aurora-sweep 3.4s linear infinite;
-  animation-delay:var(--side-delay);
-}
-.dsh-aurora[data-mode=think] .dsh-aurora__sweep,
-.dsh-aurora[data-mode=read] .dsh-aurora__sweep,
-.dsh-aurora[data-mode=web] .dsh-aurora__sweep,
-.dsh-aurora[data-mode=write] .dsh-aurora__sweep{
-  opacity:calc(.55 * var(--hud-opacity) * var(--side) * var(--intensity));
-}
-.dsh-aurora[data-mode=wait] .dsh-aurora__sweep,
-.dsh-aurora[data-mode=error] .dsh-aurora__sweep{opacity:0}
-
-/* 数据柱：一直在流，只是"动手"时更亮更快 */
-.dsh-aurora__bars{
-  position:absolute;
-  inset:0;
-  overflow:hidden;
-  opacity:calc(.45 * var(--hud-opacity) * var(--side) * var(--intensity));
-  transition:opacity var(--crossfade) ease;
-}
-.dsh-aurora[data-mode=write] .dsh-aurora__bars{
-  opacity:calc(.7 * var(--hud-opacity) * var(--side) * var(--intensity));
-}
-.dsh-aurora__bars i{
-  position:absolute;
-  bottom:-90px;
-  width:1px;
-  height:var(--h,42px);
-  background:repeating-linear-gradient(to top,rgba(var(--fiber-color),.85) 0 4px,#0000 4px 10px);
-  -webkit-mask-image:linear-gradient(to top,#0000,#000 18%,#000 82%,#0000);
-  mask-image:linear-gradient(to top,#0000,#000 18%,#000 82%,#0000);
-  animation:aurora-rise var(--dur,5s) linear infinite;
-  animation-delay:var(--del,0s);
-}
-.dsh-aurora[data-mode=write] .dsh-aurora__bars i{animation-duration:calc(var(--dur,5s) * .55)}
-.dsh-aurora__bars i:nth-child(1){left:5%;--h:34px;--dur:4.6s;--del:-1.1s}
-.dsh-aurora__bars i:nth-child(2){left:16%;--h:62px;--dur:6.2s;--del:-3.4s}
-.dsh-aurora__bars i:nth-child(3){left:27%;--h:26px;--dur:3.9s;--del:-0.6s}
-.dsh-aurora__bars i:nth-child(4){left:38%;--h:74px;--dur:7.1s;--del:-5.2s}
-.dsh-aurora__bars i:nth-child(5){left:50%;--h:44px;--dur:5.4s;--del:-2.3s}
-.dsh-aurora__bars i:nth-child(6){left:62%;--h:30px;--dur:4.2s;--del:-3.9s}
-.dsh-aurora__bars i:nth-child(7){left:74%;--h:58px;--dur:6.6s;--del:-1.8s}
-.dsh-aurora__bars i:nth-child(8){left:87%;--h:38px;--dur:5.1s;--del:-4.6s}
-
-/* 遥测：竖排小字，读起来像设备读数 */
-.dsh-aurora__telemetry{
-  position:absolute;
-  bottom:22px;
-  z-index:2;
-  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
-  font-size:9px;
-  line-height:1;
-  letter-spacing:.2em;
-  color:rgba(var(--hud-ink),.62);
-  writing-mode:vertical-rl;
-  white-space:nowrap;
-  opacity:0;
-  transition:opacity var(--crossfade) ease;
-  pointer-events:none;
-}
-.dsh-aurora__telemetry b{
-  font-weight:500;
-  display:inline-block;
-  padding:0 2px;
-}
-.dsh-aurora__telemetry b + b{margin-inline-start:.85em}
-.dsh-aurora__telemetry .dsh-aurora__t-hex{color:rgba(var(--hud-ink),.34)}
-.dsh-aurora__telemetry .dsh-aurora__t-cur{animation:aurora-blink 1.2s steps(2,start) infinite}
-@keyframes aurora-blink{0%,100%{opacity:1}50%{opacity:.12}}
-.dsh-aurora__wing[data-side=left] .dsh-aurora__telemetry{left:10px;transform:rotate(180deg)}
-.dsh-aurora__wing[data-side=right] .dsh-aurora__telemetry{right:10px}
-.dsh-aurora:not([data-mode=idle]) .dsh-aurora__telemetry{
-  opacity:calc(var(--hud-opacity) * var(--side) * var(--intensity));
-}
-
-/* glitch：状态切换和活动期间偶发一次，青/品红分离 + 轻微错位 */
-.dsh-aurora__fiber::before,
-.dsh-aurora__fiber::after{
-  content:"";
-  position:absolute;
-  inset:0;
-  opacity:0;
-  pointer-events:none;
-  transition:opacity 90ms linear;
-}
-.dsh-aurora__fiber::before{
-  transform:translateX(-2px);
-  background:linear-gradient(to bottom,#0000,rgba(0,229,255,.95) 12% 88%,#0000);
-}
-.dsh-aurora__fiber::after{
-  transform:translateX(2px);
-  background:linear-gradient(to bottom,#0000,rgba(255,0,132,.9) 12% 88%,#0000);
-}
-.dsh-aurora[data-glitch] .dsh-aurora__fiber::before{opacity:.6}
-.dsh-aurora[data-glitch] .dsh-aurora__fiber::after{opacity:.5}
-.dsh-aurora[data-glitch] .dsh-aurora__corner,
-.dsh-aurora[data-glitch] .dsh-aurora__bars{animation:aurora-jitter .14s steps(2,end) 1}
-@keyframes aurora-jitter{
-  0%{transform:translate3d(0,0,0)}
-  50%{transform:translate3d(1.5px,0,0)}
-  100%{transform:translate3d(0,0,0)}
-}
-
-/* ---------- 主侧 / 副侧：只改强度与相位，不改语义 ---------- */
-
-.dsh-aurora[data-primary=left] .dsh-aurora__wing[data-side=right],
-.dsh-aurora[data-primary=right] .dsh-aurora__wing[data-side=left]{
-  --side:var(--secondary-strength);
-  --side-delay:700ms;
-}
-
-/* ---------- 手势 ---------- */
-
-.dsh-aurora[data-mode=idle] .dsh-aurora__base{animation:aurora-breathe 9s ease-in-out infinite}
-.dsh-aurora[data-mode=think] .dsh-aurora__base{animation:aurora-breathe 3s ease-in-out infinite}
-
-.dsh-aurora[data-mode=read] .dsh-aurora__scan{
-  --g:calc(var(--gesture-opacity) * var(--side) * var(--intensity));
-  opacity:var(--g);
-  animation:aurora-scan 1.1s linear infinite;
-}
-.dsh-aurora[data-mode=write] .dsh-aurora__fill{
-  --g:calc(var(--gesture-opacity) * var(--side) * var(--intensity));
-  animation:aurora-build 1.2s ease-in-out infinite;
-}
-.dsh-aurora[data-mode=web] .dsh-aurora__pulse{
-  --g:calc(var(--pulse-opacity) * var(--side) * var(--intensity));
-  animation:aurora-pulse 1.6s ease-out infinite;
-}
-.dsh-aurora[data-mode=web] .dsh-aurora__base{animation:aurora-breathe 1.1s ease-in-out infinite}
-
-/* ---------- 全局调制 ---------- */
-
-.dsh-aurora[data-mode=wait]{
-  --glow-opacity:.018;
-  --fiber-opacity:.02;
-  --fiber-color:150,170,200;
-}
-.dsh-aurora[data-mode=wait] .dsh-aurora__base{animation:aurora-wait 4s ease-in-out infinite}
-.dsh-aurora[data-mode=wait] .dsh-aurora__scan,
-.dsh-aurora[data-mode=wait] .dsh-aurora__fill,
-.dsh-aurora[data-mode=wait] .dsh-aurora__pulse{opacity:0;animation:none}
-
-.dsh-aurora[data-mode=error],
-.dsh-aurora[data-tint=error]{--fiber-color:229,72,77}
-.dsh-aurora[data-mode=error]{--glow-a:229,72,77;--glow-b:229,72,77;--fiber-opacity:.08}
-.dsh-aurora[data-mode=error] .dsh-aurora__base{animation:aurora-breathe 1.2s ease-in-out infinite}
-
-/* ---------- 动画：只碰 transform / opacity ---------- */
-
-@keyframes aurora-drift-a{
-  0%{transform:translate3d(0,0,0) scale(1)}
-  50%{transform:translate3d(7%,-9%,0) scale(1.12)}
-  100%{transform:translate3d(0,0,0) scale(1)}
-}
-@keyframes aurora-drift-b{
-  0%{transform:translate3d(0,0,0) scale(1.1)}
-  50%{transform:translate3d(-6%,7%,0) scale(.94)}
-  100%{transform:translate3d(0,0,0) scale(1.1)}
-}
-@keyframes aurora-breathe{
-  0%,100%{opacity:calc(var(--fiber-opacity) * var(--side) * var(--intensity) * 1.2)}
-  50%{opacity:calc(var(--fiber-opacity) * var(--side) * var(--intensity) * 3.2)}
-}
-@keyframes aurora-scan{
-  from{transform:translate3d(0,-56px,0)}
-  to{transform:translate3d(0,0,0)}
-}
-@keyframes aurora-build{
-  0%{transform:scaleY(0);opacity:var(--g)}
-  70%{transform:scaleY(1);opacity:var(--g)}
-  100%{transform:scaleY(1);opacity:0}
-}
-@keyframes aurora-pulse{
-  0%{transform:scale(.35);opacity:var(--g)}
-  70%{opacity:calc(var(--g) * .22)}
-  100%{transform:scale(1.7);opacity:0}
-}
-@keyframes aurora-wait{
-  0%,100%{transform:translate3d(0,0,0)}
-  50%{transform:translate3d(var(--push),0,0)}
-}
-@keyframes aurora-sweep{
-  from{transform:translate3d(0,0,0)}
-  to{transform:translate3d(0,106vh,0)}
-}
-@keyframes aurora-rise{
-  from{transform:translate3d(0,0,0)}
-  to{transform:translate3d(0,-125vh,0)}
-}
-
-/* ---------- 降级 ---------- */
-
-.dsh-aurora[data-paused],
-.dsh-aurora[data-paused] *{animation-play-state:paused !important}
-
-@media (prefers-reduced-motion:reduce){
-  .dsh-aurora,
-  .dsh-aurora *{animation:none !important;transition:none !important}
-  .dsh-stage{transition:none !important}
-  .dsh-aurora__glow{opacity:calc(var(--glow-opacity) * var(--side) * var(--intensity) * 1.5)}
-  .dsh-aurora__base{opacity:calc(var(--fiber-opacity) * var(--side) * var(--intensity) * 2)}
-  .dsh-aurora[data-mode=read] .dsh-aurora__scan{
-    opacity:calc(var(--gesture-opacity) * var(--side) * .6);
-    transform:translate3d(0,-28px,0);
-  }
-  .dsh-aurora[data-mode=write] .dsh-aurora__fill{
-    opacity:calc(var(--gesture-opacity) * var(--side) * .55);
-    transform:scaleY(.45);
-  }
-  .dsh-aurora[data-mode=web] .dsh-aurora__pulse{
-    opacity:calc(var(--pulse-opacity) * var(--side) * .7);
-    transform:scale(.9);
-  }
-  .dsh-aurora[data-mode=wait]{--glow-opacity:.02;--fiber-opacity:.02}
-}
-
-/* ==========================================================================
- * 预设 B：整块画布当背景（stage）
- * 与预设 A 完全独立：自己的根元素、自己的 canvas、自己的开关，
- * 互斥显示，所以 A 的任何行为都不会被这套影响。
- * ========================================================================== */
+.dsh-stage-host{position:relative;isolation:isolate}
 
 .dsh-stage{
   position:absolute;
   inset:0;
-  z-index:-1;                    /* 在正文之下，所以文字永远压在上面 */
+  z-index:-1;                    /* 在正文之下：文字永远压在背景上 */
   overflow:hidden;
   pointer-events:none;
   opacity:0;
@@ -634,7 +52,7 @@ body[data-ds-dark-theme] .dsh-aurora__grid{
 .dsh-stage[data-on]{opacity:1}
 .dsh-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
 
-/* 中间的纸面：按正文列宽罩住文字区，两侧留亮，让背景整体可读又不糊成一片 */
+/* 中间的纸面：按正文列宽罩住文字区，两侧留亮 */
 .dsh-stage__veil{
   position:absolute;
   inset:-1px;
@@ -655,21 +73,49 @@ body[data-ds-dark-theme] .dsh-stage__veil{
     rgba(14,16,21,.4) calc(50% + var(--dsh-chat-content-width, 748px) / 2 + 110px),
     rgba(14,16,21,0) 100%);
 }
+
+@media (prefers-reduced-motion:reduce){
+  .dsh-stage{transition:none !important}
+}
 `;
 
     /* ================= 工具函数 ================= */
 
+    function readStore(key, fallback) {
+      try {
+        return window.localStorage.getItem(key) || fallback;
+      } catch {
+        return fallback;
+      }
+    }
+
+    function writeStore(key, value) {
+      try {
+        window.localStorage.setItem(key, value);
+      } catch {
+        /* 隐私模式下只在本次会话生效 */
+      }
+    }
+
+    /** 浅色用墨色 + multiply；深色用亮色 + lighter。 */
+    function stagePalette() {
+      const dark = document.body.hasAttribute('data-ds-dark-theme');
+      return dark
+        ? { a: '120,190,255', b: '170,140,255', c: '110,235,215', bg: 'rgba(12,14,19,0.14)', blend: 'lighter' }
+        : { a: '38,78,205', b: '112,44,214', c: '10,132,120', bg: 'rgba(255,255,255,0.14)', blend: 'multiply' };
+    }
+
     function addStyle() {
       const style = document.createElement('style');
-      style.dataset.pluginCss = '@local/conversation-aurora/aurora.css';
+      style.dataset.pluginCss = 'dsh-conversation-aurora/stage.css';
       style.textContent = CSS;
       document.head.appendChild(style);
       return style;
     }
 
     /**
-     * 找对话画布：优先用宿主稳定的语义属性，其次退回「从输入框往上找不透明背景」。
-     * 同时存在多个会话面板时取可见面积最大的那个。找不到就返回 null，调用方静默跳过。
+     * 找对话画布：优先用宿主稳定的语义属性，同时存在多个时取可见面积最大的；
+     * 找不到就退回「从输入框往上找不透明背景」。
      */
     function findCanvas() {
       const all = document.querySelectorAll('[data-conversation-content]');
@@ -699,84 +145,17 @@ body[data-ds-dark-theme] .dsh-stage__veil{
       return null;
     }
 
-    function createLayer() {
-      const layer = document.createElement('div');
-      layer.className = NS;
-      layer.setAttribute('aria-hidden', 'true');
-      layer.dataset.mode = 'idle';
-      layer.dataset.primary = 'both';
-      const wing = (side) =>
-        '<div class="' + NS + '__wing" data-side="' + side + '">' +
-          '<div class="' + NS + '__glow"><i class="' + NS + '__wash"></i><i class="' + NS + '__blob" data-k="a"></i><i class="' + NS + '__blob" data-k="b"></i></div>' +
-          '<div class="' + NS + '__grid"></div>' +
-          '<div class="' + NS + '__bars"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>' +
-          '<div class="' + NS + '__sweep"></div>' +
-          '<div class="' + NS + '__corner" data-at="top"></div>' +
-          '<div class="' + NS + '__corner" data-at="bottom"></div>' +
-          '<div class="' + NS + '__telemetry">' +
-            '<b class="' + NS + '__t-tag"></b>' +
-            '<b class="' + NS + '__t-tool"></b>' +
-            '<b class="' + NS + '__t-hex"></b>' +
-            '<b class="' + NS + '__t-cur">\u258C</b>' +
-          '</div>' +
-          '<div class="' + FIBER_CLASS + '">' +
-            '<i class="' + NS + '__base"></i>' +
-            '<i class="' + NS + '__fill"></i>' +
-            '<i class="' + NS + '__scan"></i>' +
-          '</div>' +
-          '<div class="' + NS + '__pulse"></div>' +
-        '</div>';
-      layer.innerHTML = wing('left') + wing('right');
-      return layer;
-    }
-
-    function toolMode(tool, variant) {
-      return TOOL_MODE[tool] || VARIANT_MODE[variant || ''] || 'read';
-    }
-
-    /* ================= 预设 B：整屏背景的主题库 ================= */
-
-    const STORAGE = {
-      preset: 'dsh.conversation-aurora.preset',
-      theme: 'dsh.conversation-aurora.theme',
-    };
-
-    function readStore(key, fallback) {
-      try {
-        return window.localStorage.getItem(key) || fallback;
-      } catch {
-        return fallback;
-      }
-    }
-
-    function writeStore(key, value) {
-      try {
-        window.localStorage.setItem(key, value);
-      } catch {
-        /* 隐私模式等拿不到存储时，就只在本次会话生效 */
-      }
+    function createStage() {
+      const el = document.createElement('div');
+      el.className = NS;
+      el.setAttribute('aria-hidden', 'true');
+      el.innerHTML = '<canvas></canvas><div class="' + NS + '__veil"></div>';
+      return el;
     }
 
-    function hashString(text) {
-      let h = 2166136261;
-      for (let i = 0; i < text.length; i += 1) {
-        h ^= text.charCodeAt(i);
-        h = Math.imul(h, 16777619);
-      }
-      return h >>> 0;
-    }
+    /* ================= 主题库 ================= */
 
-    function stagePalette() {
-      const dark = document.body.hasAttribute('data-ds-dark-theme');
-      // 浅色：用更饱和的“墨色”，配合 multiply（正片叠底）画在白纸上
-      // 深色：亮色 + lighter（加色），才会有发光感
-      return dark
-        ? { a: '120,190,255', b: '170,140,255', c: '110,235,215', bg: 'rgba(12,14,19,0.14)', blend: 'lighter' }
-        : { a: '38,78,205', b: '112,44,214', c: '10,132,120', bg: 'rgba(255,255,255,0.14)', blend: 'multiply' };
-    }
-
-    /** 星空跃迁：星点从中心向外加速飞出。 */
-    function themeWarp(g) {
+function themeWarp(g) {
       const spawn = (z) => ({
         x: Math.random() * 2 - 1,
         y: Math.random() * 2 - 1,
@@ -1349,24 +728,14 @@ body[data-ds-dark-theme] .dsh-stage__veil{
       { id: 'bubbles', name: '肥皂泡', create: themeBubbles },
     ];
 
-    function createStage() {
-      const el = document.createElement('div');
-      el.className = 'dsh-stage';
-      el.setAttribute('aria-hidden', 'true');
-      el.innerHTML = '<canvas></canvas><div class="dsh-stage__veil"></div>';
-      return el;
-    }
-
     /* ================= 安装 / 拆卸 ================= */
 
     function install() {
       if (typeof document === 'undefined' || typeof window === 'undefined') return function () {};
 
       const style = addStyle();
-      const layer = createLayer();
       const stage = createStage();
       const tracked = new Set();
-      const errorSeen = new WeakSet();
       const media = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
 
       let host = null;
@@ -1374,169 +743,29 @@ body[data-ds-dark-theme] .dsh-stage__veil{
       let pending = 0;
       let disposed = false;
       let gaveUp = false;
-      let primed = false;
       let booted = false;
-      let currentMode = 'idle';
-      let lastSwitch = 0;
-      let errorUntil = 0;
+      let busy = false;
+      let idleTimer = 0;
       let remountCount = 0;
       let remountAt = 0;
-      let intensity = 0;
-      let errorTimer = 0;
-      let currentTool = '';
       let sessionKey = null;
-      let suppressUntil = 0;
-      let preset = readStore(STORAGE.preset, 'edge') === 'stage' ? 'stage' : 'edge';
+      let quietUntil = 0;
       let forcedTheme = readStore(STORAGE.theme, '');
+      let activeTheme = '';
       let stageRaf = 0;
       let stageTheme = null;
-      let hexTimer = 0;
-      let hexSeed = 0x2f3a;
-      let hexTicks = 0;
-      let glitchTimer = 0;
 
       const reduced = () => media !== null && media.matches;
 
-      /**
-       * 切换会话：上一轮的工具行可能还挂在 DOM 上，历史里的失败行也会被当成"新事件"。
-       * 这里把跟踪表清空、重新"预热"，并静默一小段时间，等宿主把新会话渲染稳定。
-       */
-      function resetForSwitch(withSuppress) {
-        tracked.clear();
-        primed = false;
-        errorUntil = 0;
-        currentTool = '';
-        suppressUntil = withSuppress ? Date.now() + 700 : 0;
-        sessionKey = host ? host.getAttribute('data-conversation-session') || '' : null;
-        currentMode = '';
-        applyMode('idle');
-        syncTelemetry('idle');
-        syncStage('idle');
-      }
-
-      /* ---------- 预设 B：整屏背景 ---------- */
-
-      function applyPresetClass() {
-        layer.style.display = preset === 'edge' ? '' : 'none';
-        stage.style.display = preset === 'stage' ? '' : 'none';
-      }
-
-      function stageThemeId() {
-        for (let i = 0; i < STAGE_THEMES.length; i += 1) {
-          if (forcedTheme && STAGE_THEMES[i].id === forcedTheme) return forcedTheme;
-        }
-        const key = (host && host.getAttribute('data-conversation-session')) || 'default';
-        return STAGE_THEMES[hashString(key) % STAGE_THEMES.length].id;
-      }
-
-      function stopStage() {
-        if (stageRaf) window.cancelAnimationFrame(stageRaf);
-        stageRaf = 0;
-        stageTheme = null;
-      }
-
-      function startStage() {
-        stopStage();
-        if (!host || preset !== 'stage') return;
-        const canvas = stage.querySelector('canvas');
-        if (!canvas) return;
-        const rect = host.getBoundingClientRect();
-        const dpr = Math.min(2, window.devicePixelRatio || 1);
-        const w = Math.max(1, Math.round(rect.width));
-        const h = Math.max(1, Math.round(rect.height));
-        canvas.width = Math.round(w * dpr);
-        canvas.height = Math.round(h * dpr);
-        const ctx = canvas.getContext('2d');
-        if (!ctx) return;
-        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-        const pal = stagePalette();
-        ctx.globalCompositeOperation = pal.blend;
-
-        const id = stageThemeId();
-        let factory = STAGE_THEMES[0];
-        for (let i = 0; i < STAGE_THEMES.length; i += 1) {
-          if (STAGE_THEMES[i].id === id) factory = STAGE_THEMES[i];
-        }
-        stageTheme = factory.create({ ctx, w, h, pal });
-
-        // 预热若干帧：第一帧不空，静止降级时也有完整画面
-        for (let i = 0; i < 24; i += 1) stageTheme.step(16);
-
-        if (reduced()) return;
-        let last = 0;
-        const frame = (now) => {
-          if (!stageRaf) return;
-          stageRaf = window.requestAnimationFrame(frame);
-          if (document.hidden || !stageTheme) {
-            last = now;
-            return;
-          }
-          const dt = last ? Math.min(64, now - last) : 16;
-          last = now;
-          stageTheme.step(dt);
-        };
-        stageRaf = window.requestAnimationFrame(frame);
-      }
-
-      /** 只有"在干活"时才播；空闲、隐藏、或者不在这个预设里，就彻底停下。 */
-      function syncStage(mode) {
-        const want = preset === 'stage' && mode !== 'idle' && !document.hidden && !disposed;
-        if (!want) {
-          delete stage.dataset.on;
-          stopStage();
-          return;
-        }
-        stage.dataset.on = '1';
-        if (!stageRaf) startStage();
-      }
-
-      function togglePreset() {
-        preset = preset === 'edge' ? 'stage' : 'edge';
-        writeStore(STORAGE.preset, preset);
-        applyPresetClass();
-        syncStage(currentMode);
-      }
-
-      function cycleTheme() {
-        const ids = [];
-        for (let i = 0; i < STAGE_THEMES.length; i += 1) ids.push(STAGE_THEMES[i].id);
-        let at = ids.indexOf(forcedTheme);
-        if (at < 0) at = ids.indexOf(stageThemeId());
-        forcedTheme = ids[(at + 1) % ids.length];
-        writeStore(STORAGE.theme, forcedTheme);
-        if (preset === 'stage') {
-          stopStage();
-          syncStage(currentMode);
-        }
-      }
-
       /* ---------- 挂载 ---------- */
 
-      /**
-       * 正文列在滚动容器里居中，但滚动容器右侧有滚动条 + 2px 外边距，
-       * 于是列中心比画布中心偏左一点。量出来补到 --aurora-shift，
-       * 让左右光纤到列的距离真正相等。
-       */
-      function updateShift() {
-        if (!host) return;
-        try {
-          const scroller = host.querySelector('[data-conversation-scroll]');
-          if (!scroller) return;
-          const shift = (scroller.offsetWidth - scroller.clientWidth + 2) / 2;
-          layer.style.setProperty('--aurora-shift', shift.toFixed(1) + 'px');
-        } catch {
-          /* 量不到就按 0 处理，最多差几像素 */
-        }
-      }
-
       function ensureHost() {
         if (disposed || gaveUp) return;
-        // 快路径：宿主还在、图层还挂着，就不要每帧重新找画布（避免强制布局）。
-        if (host && host.isConnected && host.contains(layer)) return;
+        if (host && host.isConnected && host.contains(stage)) return;
 
         const canvas = findCanvas();
         if (!canvas) return;
-        if (canvas === host && canvas.contains(layer)) return;
+        if (canvas === host && canvas.contains(stage)) return;
 
         const now = Date.now();
         if (now - remountAt > TUNE.remountWindowMs) {
@@ -1545,7 +774,6 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         }
         remountCount += 1;
         if (remountCount > TUNE.remountGuard) {
-          // 宿主在和我们抢节点：放弃，宁可没有效果也不要抖动。
           gaveUp = true;
           return;
         }
@@ -1554,14 +782,27 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         if (host && host !== canvas) host.classList.remove(HOST_CLASS);
         host = canvas;
         host.classList.add(HOST_CLASS);
-        if (layer.parentNode !== host) host.insertBefore(layer, host.firstChild);
-        if (stage.parentNode !== host) host.insertBefore(stage, layer.nextSibling);
-        updateShift();
-        applyPresetClass();
+        if (stage.parentNode !== host) host.insertBefore(stage, host.firstChild);
         if (previous !== canvas) resetForSwitch(previous !== null);
       }
 
-      /* ---------- 跟踪工具行 ---------- */
+      /**
+       * 切会话：上一轮的工具行可能还挂着，历史里的失败行也会被当成新事件。
+       * 清空跟踪表、静默一小段时间，等新会话渲染稳定。
+       */
+      function resetForSwitch(quiet) {
+        tracked.clear();
+        busy = false;
+        if (idleTimer) {
+          window.clearTimeout(idleTimer);
+          idleTimer = 0;
+        }
+        quietUntil = quiet ? Date.now() + TUNE.switchQuietMs : 0;
+        sessionKey = host ? host.getAttribute('data-conversation-session') || '' : null;
+        syncStage();
+      }
+
+      /* ---------- 工具行跟踪 ---------- */
 
       function track(node) {
         if (!node || node.nodeType !== 1) return;
@@ -1587,145 +828,136 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         for (let i = from; i < all.length; i += 1) tracked.add(all[i]);
       }
 
-      /* ---------- 状态判定 ---------- */
+      /* ---------- 状态判定：只关心"在不在干活" ---------- */
 
-      function detectError() {
-        let fresh = false;
+      function detectBusy() {
         for (const el of tracked) {
           if (!el.isConnected) continue;
           const state = el.getAttribute('data-state');
-          if (state !== 'error' && state !== 'stopped') continue;
-          if (errorSeen.has(el)) continue;
-          errorSeen.add(el);
-          if (primed) fresh = true;
+          if (state === 'running' || state === 'preparing') return true;
         }
-        return fresh;
+        return document.querySelector('[data-chat-running], [data-streaming]') !== null;
       }
 
-      function resolveMode() {
-        currentTool = '';
-        const rows = [];
-        for (const el of tracked) if (el.isConnected) rows.push(el);
-        for (let i = rows.length - 1; i >= 0; i -= 1) {
-          const el = rows[i];
-          const state = el.getAttribute('data-state');
-          if (state !== 'running' && state !== 'preparing') continue;
-          const tool = el.getAttribute('data-tool') || '';
-          currentTool = tool;
-          if (tool === 'ask_user_question') return 'wait';
-          return toolMode(tool, el.getAttribute('data-variant'));
-        }
-        if (document.querySelector('[data-chat-running], [data-streaming]')) return 'think';
-        return 'idle';
-      }
-
-      function applyMode(next) {
-        if (disposed || !host) return;
-        const now = Date.now();
-        if (next === currentMode) return;
-        if (now - lastSwitch < TUNE.minDwellMs && MODE_PRIORITY[next] <= MODE_PRIORITY[currentMode]) {
-          // 被最短驻留挡住时，补一次定时重判，否则可能一直停在旧状态（没有后续 DOM 变更）
-          if (!pending) {
-            pending = window.setTimeout(scan, TUNE.minDwellMs - (now - lastSwitch) + 10);
+      function setBusy(next) {
+        if (disposed) return;
+        if (next) {
+          if (idleTimer) {
+            window.clearTimeout(idleTimer);
+            idleTimer = 0;
+          }
+          if (!busy) {
+            busy = true;
+            syncStage();
           }
           return;
         }
+        if (!busy || idleTimer) return;
+        idleTimer = window.setTimeout(() => {
+          idleTimer = 0;
+          busy = false;
+          syncStage();
+        }, TUNE.holdIdleMs);
+      }
 
-        currentMode = next;
-        lastSwitch = now;
-        layer.dataset.mode = next;
-        layer.dataset.primary = MODE_PRIMARY[next] || 'both';
-
-        if (next === 'error') layer.dataset.tint = 'error';
-        else if (next !== 'idle') delete layer.dataset.tint;
+      /* ---------- 背景播放 ---------- */
 
-        if (next !== 'idle') flash();
-        syncStage(next);
+      /**
+       * 每次开工重新挑一个主题（随机，且不和上一次重复）。
+       * 按 Alt+T 固定过主题时，就一直用它。
+       */
+      function pickTheme() {
+        const ids = [];
+        for (let i = 0; i < STAGE_THEMES.length; i += 1) ids.push(STAGE_THEMES[i].id);
+        if (forcedTheme && ids.indexOf(forcedTheme) >= 0) return forcedTheme;
+        let id = ids[(Math.random() * ids.length) | 0];
+        if (ids.length > 1 && id === activeTheme) id = ids[(ids.indexOf(id) + 1) % ids.length];
+        return id;
       }
 
-      /** 一次 130ms 的 glitch：光纤青/品红分离 + HUD 轻微错位。 */
-      function glitch() {
-        if (disposed || document.hidden || reduced() || layer.dataset.off === '1') return;
-        layer.dataset.glitch = '1';
-        if (glitchTimer) window.clearTimeout(glitchTimer);
-        glitchTimer = window.setTimeout(() => {
-          glitchTimer = 0;
-          delete layer.dataset.glitch;
-        }, 130);
+      function stopStage() {
+        if (stageRaf) window.cancelAnimationFrame(stageRaf);
+        stageRaf = 0;
+        stageTheme = null;
       }
 
-      /** 遥测里的十六进制读数：有动作时才跳，静止时一个定时器都不留。 */
-      function startHex() {
-        if (hexTimer || document.hidden) return;
-        const el = layer.querySelector('.' + NS + '__t-hex');
-        if (!el) return;
-        const paint = () => {
-          hexSeed = (hexSeed * 1103515245 + 12345) & 0x7fffffff;
-          el.textContent = '0x' + (hexSeed & 0xffff).toString(16).toUpperCase().padStart(4, '0');
-          hexTicks += 1;
-          if (hexTicks % 10 === 0) glitch();
-        };
-        paint();
-        hexTimer = window.setInterval(paint, 600);
-      }
+      function startStage() {
+        stopStage();
+        if (!host) return;
+        const canvas = stage.querySelector('canvas');
+        if (!canvas) return;
 
-      function stopHex() {
-        if (!hexTimer) return;
-        window.clearInterval(hexTimer);
-        hexTimer = 0;
-      }
+        const rect = host.getBoundingClientRect();
+        const dpr = Math.min(2, window.devicePixelRatio || 1);
+        const w = Math.max(1, Math.round(rect.width));
+        const h = Math.max(1, Math.round(rect.height));
+        canvas.width = Math.round(w * dpr);
+        canvas.height = Math.round(h * dpr);
+        const ctx = canvas.getContext('2d');
+        if (!ctx) return;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
 
-      /** 同步竖排遥测文字：只在内容真的变了时才写 DOM。 */
-      function syncTelemetry(mode) {
-        try {
-          const tag = layer.querySelector('.' + NS + '__t-tag');
-          const toolEl = layer.querySelector('.' + NS + '__t-tool');
-          const tagText = MODE_TAG[mode] || '';
-          const toolText = mode === 'idle' || mode === 'wait' ? '' : String(currentTool || '').slice(0, 14).toUpperCase();
-          if (tag && tag.textContent !== tagText) tag.textContent = tagText;
-          if (toolEl && toolEl.textContent !== toolText) toolEl.textContent = toolText;
-          if (mode === 'idle') stopHex();
-          else startHex();
-        } catch {
-          /* 遥测只是装饰，失败不影响主效果 */
+        const pal = stagePalette();
+        ctx.globalCompositeOperation = pal.blend;
+
+        const id = activeTheme || pickTheme();
+        activeTheme = id;
+        let factory = STAGE_THEMES[0];
+        for (let i = 0; i < STAGE_THEMES.length; i += 1) {
+          if (STAGE_THEMES[i].id === id) factory = STAGE_THEMES[i];
         }
-      }
+        stageTheme = factory.create({ ctx, w, h, pal });
 
-      /** 状态切换时给光纤一次单次亮脉冲（WAAPI，不占常驻动画）。 */
-      function flash() {
-        if (!host || document.hidden || reduced() || layer.dataset.off === '1') return;
-        glitch();
-        const bases = layer.querySelectorAll('.' + NS + '__base');
-        for (let i = 0; i < bases.length; i += 1) {
-          const base = bases[i];
-          const from = Number.parseFloat(window.getComputedStyle(base).opacity) || 0;
-          const peak = Math.min(1, from + TUNE.pulseRise);
-          try {
-            const anim = base.animate(
-              [{ opacity: String(from) }, { opacity: String(peak) }, { opacity: String(from) }],
-              { duration: TUNE.pulseMs, easing: 'cubic-bezier(.2,.7,.2,1)' },
-            );
-            anim.addEventListener('finish', () => anim.cancel());
-          } catch {
-            /* 老引擎不支持 WAAPI 时不闪，不影响其它状态 */
+        // 预热若干帧：第一帧不空，减少动态效果时也有完整静止画面
+        for (let i = 0; i < 24; i += 1) stageTheme.step(16);
+        if (reduced()) return;
+
+        let last = 0;
+        const frame = (now) => {
+          if (!stageRaf) return;
+          stageRaf = window.requestAnimationFrame(frame);
+          if (document.hidden || !stageTheme) {
+            last = now;
+            return;
           }
+          const dt = last ? Math.min(64, now - last) : 16;
+          last = now;
+          stageTheme.step(dt);
+        };
+        stageRaf = window.requestAnimationFrame(frame);
+      }
+
+      /** 只有"在干活 + 窗口可见"才播；其它情况彻底停下。 */
+      function syncStage() {
+        const want = busy && !document.hidden && !disposed && Date.now() >= quietUntil;
+        if (!want) {
+          delete stage.dataset.on;
+          stopStage();
+          return;
         }
-        // 角标一次轻微位移：像镜头重新对上焦
-        const corners = layer.querySelectorAll('.' + NS + '__corner');
-        for (let i = 0; i < corners.length; i += 1) {
-          try {
-            const anim = corners[i].animate(
-              [{ transform: 'translateX(0)' }, { transform: 'translateX(2px)' }, { transform: 'translateX(0)' }],
-              { duration: 150, easing: 'ease-out' },
-            );
-            anim.addEventListener('finish', () => anim.cancel());
-          } catch {
-            /* 同上 */
-          }
+        stage.dataset.on = '1';
+        if (!stageRaf) {
+          activeTheme = pickTheme();
+          startStage();
         }
       }
 
-      /* ---------- 每帧扫描 ---------- */
+      function cycleTheme() {
+        const ids = [];
+        for (let i = 0; i < STAGE_THEMES.length; i += 1) ids.push(STAGE_THEMES[i].id);
+        let at = ids.indexOf(activeTheme);
+        if (at < 0) at = ids.indexOf(forcedTheme);
+        if (at < 0) at = 0;
+        forcedTheme = ids[(at + 1) % ids.length];
+        writeStore(STORAGE.theme, forcedTheme);
+        activeTheme = forcedTheme;
+        if (stageRaf || busy) {
+          stopStage();
+          if (busy && !document.hidden) startStage();
+        }
+      }
+
+      /* ---------- 扫描 ---------- */
 
       function scan() {
         pending = 0;
@@ -1734,44 +966,24 @@ body[data-ds-dark-theme] .dsh-stage__veil{
           ensureHost();
           if (!host) return;
 
-          // 切换会话：等新会话挂载稳定再判断，避免把上一轮/历史行当成"正在工作"
           const key = host.getAttribute('data-conversation-session') || '';
           if (sessionKey === null) sessionKey = key;
           else if (key !== sessionKey) {
             resetForSwitch(true);
             return;
           }
-          if (Date.now() < suppressUntil) {
-            applyMode('idle');
-            syncTelemetry('idle');
+          if (Date.now() < quietUntil) {
+            syncStage();
             return;
           }
 
           prune();
-          const fresh = detectError();
-          const now = Date.now();
-          if (fresh) {
-            errorUntil = now + TUNE.errorHoldMs;
-            // 如果没有后续变更，红光也必须自己退掉，否则会一直停在错误态。
-            if (errorTimer) window.clearTimeout(errorTimer);
-            errorTimer = window.setTimeout(() => {
-              errorTimer = 0;
-              requestScan();
-            }, TUNE.errorHoldMs + 40);
-          }
-          primed = true;
-          const mode = now < errorUntil ? 'error' : resolveMode();
-          applyMode(mode);
-          syncTelemetry(mode);
+          setBusy(detectBusy());
         } catch {
           /* 任何一步失败都只是不生效，不影响宿主 */
         }
       }
 
-      /**
-       * 用短定时器而不是 rAF 合并高频变更：状态判定不需要帧精度，
-       * 而 rAF 在窗口被遮挡 / 无头环境里会被节流甚至停摆，导致状态卡住。
-       */
       function requestScan() {
         if (disposed || pending) return;
         pending = window.setTimeout(scan, 48);
@@ -1804,37 +1016,24 @@ body[data-ds-dark-theme] .dsh-stage__veil{
 
       function onVisibility() {
         if (document.hidden) {
-          layer.dataset.paused = '1';
-          stopHex();
           stopStage();
         } else {
-          delete layer.dataset.paused;
+          syncStage();
           requestScan();
-          syncStage(currentMode);
         }
       }
 
       function onResize() {
-        updateShift();
+        if (stageRaf) {
+          stopStage();
+          startStage();
+        }
       }
 
       function onKeyDown(event) {
         if (!event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
-        const key = String(event.key || '').toLowerCase();
-        if (key === 'm') {
-          togglePreset();
-          return;
-        }
-        if (key === 't') {
-          cycleTheme();
-          return;
-        }
-        if (key !== TUNE.keyCode) return;
-        intensity = (intensity + 1) % TUNE.intensity.length;
-        const value = TUNE.intensity[intensity];
-        layer.style.setProperty('--intensity', String(value));
-        if (value === 0) layer.dataset.off = '1';
-        else delete layer.dataset.off;
+        if (String(event.key || '').toLowerCase() !== TUNE.themeKey) return;
+        cycleTheme();
       }
 
       /* ---------- 启动 ---------- */
@@ -1843,11 +1042,10 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         if (disposed || booted) return;
         booted = true;
         ensureHost();
-        applyPresetClass();
         try {
           seed();
         } catch {
-          /* 会话还没渲染出来时没有可跟踪的行，正常 */
+          /* 会话还没渲染出来时没有可跟踪的行 */
         }
         requestScan();
         observe();
@@ -1866,9 +1064,7 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         if (disposed) return;
         disposed = true;
         if (pending) window.clearTimeout(pending);
-        if (errorTimer) window.clearTimeout(errorTimer);
-        if (glitchTimer) window.clearTimeout(glitchTimer);
-        stopHex();
+        if (idleTimer) window.clearTimeout(idleTimer);
         if (observer) observer.disconnect();
         document.removeEventListener('DOMContentLoaded', boot);
         document.removeEventListener('visibilitychange', onVisibility);
@@ -1876,7 +1072,6 @@ body[data-ds-dark-theme] .dsh-stage__veil{
         window.removeEventListener('keydown', onKeyDown, true);
         stopStage();
         if (stage.parentNode) stage.parentNode.removeChild(stage);
-        if (layer.parentNode) layer.parentNode.removeChild(layer);
         if (host) host.classList.remove(HOST_CLASS);
         style.remove();
       };
@@ -1885,9 +1080,8 @@ body[data-ds-dark-theme] .dsh-stage__veil{
     /* ================= 插件入口 ================= */
 
     /**
-     * Alt+D 切换浅色/深色。
-     * 走宿主的 theme 服务（setTheme），不直接改 body 属性，所以和「设置 → 外观」始终一致。
-     * theme 服务不在时不激活这个键，插件其余部分不受影响。
+     * Alt+T 换背景主题。
+     * Alt+D 切浅色/深色：走宿主 theme 服务，不直接改 body，和「设置 → 外观」始终一致。
      */
     function bindThemeHotkey(ctx) {
       if (!ctx || typeof ctx.inject !== 'function') return;