dsh-wisp 1.44.0 → 1.48.1

package/lib/client.template.js

@@ -51,11 +51,26 @@ window.__ModuleLoader__.load({
     var exports = module.exports
     Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
 
-    const VERSION = '1.44.0'
+    const VERSION = '1.48.1'
 
 /* 每一版一句话。**必须写当前版本** —— 预检里有一条断言盯着它，
    忘了更新就会红，不会静默过期。 */
 const WHATS_NEW = {
+  '1.48.1': '内容与 1.48.0 相同 —— 重新发一次，把 npm 的「可信发布者」连接验证通过。',
+  '1.48.0': '查到新版可以直接装了：关于她 → 检查更新 → 「安装 vX」，由平台的插件管理器去装（装完该刷新还是该重启，她自己会说）。',
+  '1.47.1': '泳装八个状态真的有动图了：idle / attn / happy / sleep / alert / proud / eat / poked 各配一条 720p、24fps、97 帧的循环动图 WebP（八条合计 23.2 MB，仍走宿主半包的 /wisp-motion/ 路由），包围盒逐条量过、差 0.2%~1.6%，八条都不需要尺寸校正；另外动作一览不再点一下就关：连着点几个动作，她一个一个演给你看（Esc / × / 点背景关窗）。',
+  '1.47.0': '帧动画素材改成外置投递：宿主半包用 /wisp-motion/ 把 assets/motion/ 里的动图发给页面，客户端半包从 15.3 MB 回到 7.8 MB；泳装八态的接线（按皮肤+状态点素材）一并就位（素材本身这轮没生成出来，缺了就静默降级）；另外多了「帧动画」开关 —— 一关画面就永远交给静态立绘，只收走动图，呼吸、气泡、一次性动作照旧。',
+  '1.46.5': '站着时她也在动：idle 接上第二条 4.04 秒循环（720x1280 / 24fps / 97 帧一帧没抽），两段素材合计内联压到 7.83 MB —— colorkey 过渡收到 0.05、WebP 质量退到 40，省下的余量换成了**去幕布色**：idle 的品红残留 1.09% → 0.006%，头发边上那圈紫边没了。',
+  '1.46.4': '睡着时她不再小一圈：动作层补上 scale(1.186) 与落地对齐（她在那张素材里只占 83.5% 盒高，立绘占 98.8%）。锯齿也修了：colorkey 过渡 0.02 → 0.06、WebP 质量 40 → 60，半透明边缘 0.80% → 1.40%，配套的 RGB 去绿边把绿边从 0.078% 压到 0.001%。',
+  '1.46.3': '睡眠循环换成 720p 重生成（480 在屏幕上放大发虚）：720x1280、24fps、97 帧、绿边 0.01%；内联体积预算 2.4MB → 4.2MB。',
+  '1.46.2': '抠干净绿边：colorkey 0.10/0.10 → 0.22/0.02（边缘绿像素 0.43% → 0.01%，体积还小了一点）。',
+  '1.46.1': '帧动画换成动图 WebP（480 宽、24fps、97 帧一帧不抽）：这个壳不还原 VP9 的 alpha，同一个文件在 <video> 里是黑/白剪影，在 <img> 里是硬的；「静止」「减少动态效果」「躲起来」改成藏动图、把画面交回立绘。',
+  '1.46.0': '查余额真的能用了：走平台自己的 Remote（账户服务），不再依赖只发给动态插件的 host 座位 —— 在这台机器上它一直回"查不了"。',
+  '1.45.3': '删掉两条身体层动画：attn 的左右轻推与 happy 的上下跳 —— 只剩 worried 那一下，换表情仍然弹。',
+  '1.45.3': '修掉睡眠帧动画变黑：带 alpha 的视频层不能再吃 CSS filter（透明区会被当成黑色）。',
+  '1.45.2': '修掉睡觉时的重影：帧动画一播，静态立绘就退场；「静止」档或视频加载失败时它再回来当兜底。',
+  '1.45.1': '删掉站立时的上下浮动（wisp-bob）—— 身体层不再有动画，动起来交给帧动画。',
+  '1.45.0': '她动起来了：睡觉时那段被子起伏是第一帧动画（带 alpha 的视频循环）；「静止」档与系统的「减少动态效果」会把它停住并回到首帧，只留下静态立绘。',
   '1.16.0': '按社区规范换上鲸鳍耳。',
   '1.17.0': '鳍耳缩小、加上呆毛。',
   '1.18.0': '新增原版女仆的完整提示词。',
@@ -110,9 +125,58 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
     /* ---- sprites: 256x384 WebP, transparent, inlined by build.mjs ---- */
     const SPRITES = __SPRITES_LITERAL__
 
+    /* ---------------------------------------------------------------------
+       帧动画（motion）：**动图 WebP**。每一条对应一个"皮肤+状态"。
+
+       在这之前，"她的动作"全是**位移/缩放/旋转**——立绘本身一动不动。这一层
+       是真正的帧动画（v1.45.0 起）：站着时那点起伏、睡着时被子的起伏，现在
+       八套泳装状态各有一条。
+
+       **投递方式在 v1.47.0 换了**（这条注释的其余部分解释的都是为什么）：
+       表里存的不再是 base64，而是**素材文件名**；字节留在
+       `<包>/assets/motion/<文件名>.webp`，由宿主半包（lib/index.js）挂在平台
+       HTTP 载体上的 `/wisp-motion/` 路由发出来，这一层只管把 URL 指给 <img>。
+       原因只有一个但足够：720p 的动图是 MB 级素材，两条内联 7.83 MB、八条
+       泳装再加约 30 MB 会把浏览器半包推到 ~45 MB —— 那是把视频素材放错了地方，
+       不是能"再压一压"的预算问题。想要外置，就必须有一条从"包里的文件"到
+       "<img src>" 的路：`@deepseek-ai/dsh-client-resources` 不是它（那是
+       `dsh-resource://` 的**取值**模型，要有 provider、要挂在 slot 上），
+       平台的 `ctx.webServer.register` 才是（见 lib/index.js 的那一段长注释）。
+
+       代价说清楚：**这一层不再自给自足**。路由不在（Desktop 载体没有 HTTP
+       服务器）、文件 404、解码失败 —— 都走既有的静默降级：<img> 的 error
+       一到，动图藏起来、画面交回静态立绘，她照样在屏幕上，一个都不少。
+
+       为什么仍然是"动图 WebP"而不是 alpha 视频（v1.46.1）：VP9 的 alpha 平面
+       在这个壳里不还原 —— 同一段素材在暗色主题下渲染成黑色剪影、亮色主题下
+       白色剪影（用户确认过）。图片路径的 alpha 是硬的：<img> 播动图时浏览器
+       直接按 alpha 合成，没有第二条解码通道可以走偏。
+
+       代价是**动图停不下来**：<img> 上没有 pause()，也没有 currentTime 可以
+       写回 0。所以"冻结"不再是"停住"，而是**把动图藏掉、把画面交回静态立绘**
+       （见 mount 里的 syncMotion）。这也是 v1.45.2 那条规则的另一面：画面里
+       同时只该有一个她。
+
+       表是空的就代表这个包里没有动作素材（build 允许 motion/ 不存在）：
+       客户端据此**连 <img> 都不建**，而不是摆一个永远不播的空盒子。
+       --------------------------------------------------------------------- */
+    const MOTION = __MOTION_LITERAL__
+
+    /* `/wisp-motion/<文件名>` 是宿主半包注册的路由（lib/index.js 的 MOTION_PATH，
+       两处必须同名）。相对**页面自己的 base** 解析：部署前缀、端口、以及
+       Desktop 的 `dsh-app://app/` 都由 baseURI 带进来 —— 客户端半包因此永远
+       不需要知道宿主的绝对路径，也就没有"路径写死了、换台机器就找不到"这回事。 */
+    const MOTION_ROUTE = 'wisp-motion/'
+    const motionSrc = (file) => {
+      /* 表里万一出现 data URI（预检注入、或构建被人改回内联），走立绘那条老路：
+         这个壳把 data: 当坏图处理，必须先换成 object URL（见下面 resolveSprite）。 */
+      if (file.slice(0, 5) === 'data:') return resolveSprite(file)
+      return new URL(MOTION_ROUTE + file, document.baseURI).href
+    }
+
     /* 皮肤显示名。没在这里登记的皮肤直接用它的目录名 —— 所以增删皮肤只需要
        放素材 + 重新构建，不必改这一段。 */
-    const SKIN_LABELS = { deepsea: '深海女仆', canon: '原版女仆', classic: '素绘女仆', night: '宵蓝礼服', pajama: '宵眠睡衣', default: '默认' }
+    const SKIN_LABELS = { deepsea: '深海女仆', canon: '原版女仆', classic: '素绘女仆', night: '宵蓝礼服', pajama: '宵眠睡衣', swim: '碧海泳装', default: '默认' }
     /* 皮肤 id 表放在模块级：mount 里恢复"上次选的皮肤"时就要用它，那时 mount
        内部的 const 还没求值（写成 mount 内的 const 会踩 TDZ）。 */
     const SKIN_IDS = Object.keys(SPRITES)
@@ -236,6 +300,10 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
          默认全开 —— 但必须有一个**不用改系统设置**就能让她安静下来的开关，
          prefers-reduced-motion 是给"所有动画"的，不是给"我不想让她动"的。 */
       motion: 'full',
+      /* 帧动画开关（v1.47.0）：关掉 = 画面永远交给静态立绘。
+         它和 motion:'off' **不是一回事** —— 那个连呼吸、z、一次性动作一起停；
+         这个只收走动图，别的照旧。 */
+      frame: true,
       size: 4,                  // 560x840 CSS px, drawn from the 2048x3072 tier
       persist: true,            // remember where she was dragged to
       celebrate: true,          // cheer when a run finishes
@@ -415,6 +483,16 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
       streak: [
         '连续第 {n} 天了。', '第 {n} 天了，你还在。', '我们已经连着见了 {n} 天。', '第 {n} 天。我记着呢。', '{n} 天没断，挺厉害的。',
       ],
+      /* 装上最新版（v1.48.0）：平台的插件管理器是客户端可用的 Remote 命名空间，
+         所以"查到新版"之后可以**直接装** —— 见 installUpdate。 */
+      installChecking: ['正在装 {v}……', '好，去装 {v}。'],
+      installDone: ['装好了：v{v}。刷新一下页面就是新版。', 'v{v} 装好了 —— 刷新页面生效。'],
+      installRestart: ['v{v} 装好了，重启一下 DSH 才换上新的。'],
+      installPending: ['装的动作已经发出去了，还没回来 —— 过一会儿看看插件列表。'],
+      installCancelled: ['安装被取消了。'],
+      installNotPublished: ['npm 上还没有 v{v} 这一版（GitHub 先更新了）—— 等一会儿再装。'],
+      installFailed: ['没装成。', '安装没成功。'],
+      installUnsupported: ['这个壳里没有插件管理器，我装不了。'],
       updateCurrent: ['已经是最新的了。', '我就是最新的。', '没有更新的。'],
       updateAvailable: ['有新版本了：', '有新版：', '更新来了：'],
       updateFailed: ['更新没查成。', '这次没查到更新。', '更新检查没成功。'],
@@ -484,6 +562,14 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
       backSoon: ['Back already?', 'There you are.'],
       backLong: ['You were gone a while.', 'Long break. Welcome back.'],
       streak: ['{n} days in a row.', 'Day {n} together.'],
+      installChecking: ['Installing {v}…', 'Right — installing {v}.'],
+      installDone: ['v{v} installed — refresh the page to pick it up.', 'Installed v{v}. Refresh to use it.'],
+      installRestart: ['v{v} is installed; restart DSH to switch over.'],
+      installPending: ['The install is still running — check the plugin list in a bit.'],
+      installCancelled: ['The install was cancelled.'],
+      installNotPublished: ['npm does not have v{v} yet (GitHub updated first) — try again in a bit.'],
+      installFailed: ["The install didn't work.", 'That install failed.'],
+      installUnsupported: ['There is no plugin manager in this shell, so I cannot install it.'],
       updateFailed: ["The update check didn't work.", "Couldn't reach the update sources."],
       updateNoChannel: ["This shell gives me no network channel, so I can't check for updates.", 'No way out to the network from here.'],
       updateNoSeat: ["I'm not connected to my host half, so I can't check for updates.", 'No host half attached.'],
@@ -673,6 +759,7 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
       wanderRange: { kind: 'num', lo: 0, hi: 2000 },
       reactions: { kind: 'bool' },
       motion: { kind: 'one', of: Object.keys(MOTION_AMP) },
+      frame: { kind: 'bool' },
       persist: { kind: 'bool' },
       celebrate: { kind: 'bool' },
       wander: { kind: 'bool' },
@@ -861,17 +948,80 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
          size rather than transform-scaled.
        --------------------------------------------------------------------- */
     const CSS = `.wisp-layer{position:fixed;inset:0;z-index:2147482000;pointer-events:none;overflow:hidden;font-family:inherit;--wisp-scale:1;--wisp-say-fg:#0d1a22;--wisp-say-bg:rgba(255,255,255,.93);--wisp-say-line:rgba(15,30,40,.10);--wisp-ink:#3b5a70}
-.wisp-root{position:absolute;width:${BOX_W}px;height:${BOX_H}px;pointer-events:none;transform-origin:top center;--wisp-aura:rgba(110,200,255,.42)}
+.wisp-root{position:absolute;width:${BOX_W}px;height:${BOX_H}px;pointer-events:none;transform-origin:top center;--wisp-aura:rgba(110,200,255,.42);--wisp-accent:var(--dsw-alias-brand-primary,#4a7cf7);--wisp-glow:drop-shadow(0 0 0 rgba(0,0,0,0));--wisp-sprite:drop-shadow(0 6px 14px rgba(0,0,0,.30))}
 .wisp-root[data-dragging="true"]{will-change:transform}
 .wisp-root[data-gliding="true"]{transition:transform 1.6s cubic-bezier(.4,0,.2,1)}
-.wisp-body{position:absolute;inset:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;animation:wisp-bob 5.6s ease-in-out infinite}
+.wisp-body{position:absolute;inset:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}
 /* 命中层：一个**不画任何东西**的空盒子，只负责被鼠标点到。它带一层由 alpha 蒙版
    生成的 clip-path —— 于是"透明处点不到"是**浏览器**做的，而不是 JS 事后补救：
    事件根本不会派到她身上，下面的应用照常收到 hover / 点击 / 右键 / 滚轮。
    （只写 pointer-events:none 是不够的：那只是不拦她自己的事，盒子仍然盖在应用上面。） */
 .wisp-hit{position:absolute;inset:0;pointer-events:auto;cursor:grab}
 .wisp-hit:active{cursor:grabbing}
-.wisp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.30));transition:opacity .28s ease,filter .5s ease}
+/* 焦点环不能用浏览器默认的那一个。她的盒子是 560×840，里面**大部分是透明的**：
+   默认焦点环画的正好是这个盒子，于是屏幕上出现一个套着素材的矩形线框 ——
+   看起来像素材的边界，不像"她被选中了"（用户报的就是这个）。焦点照旧给她
+   （tabindex 见 JS），改成由**贴着剪影**的辉光表达：drop-shadow 跟的是 alpha 剪影，
+   形状就是她本人，任何尺寸下都不会出现矩形。见下面的 --wisp-glow。 */
+.wisp-body:focus,.wisp-body:focus-visible{outline:none}
+.wisp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:var(--wisp-glow) var(--wisp-sprite);transition:opacity .28s ease,filter .5s ease}
+/* 帧动画层（v1.45.0，v1.46.1 起是 <img> 动图）：叠在立绘**上面**、和它同一个盒子。
+   定位与缩放**逐条复用 .wisp-img 那一套**（inset:0 / 100% / contain / bottom center）——
+   另起一套就会出现"动起来的时候她跳了一下"这种只在真机上看得见的错位。
+   pointer-events:none 是硬要求：她能不能被点到，仍然只由 .wisp-hit 的剪影决定。
+   display 由 JS 写死（冻结/没有素材/加载失败时是 none），所以这里不写 display。
+   类名留着叫 wisp-video：它是"动起来的那一层"，不是"一个 <video>"。 */
+/* 动作层**不许有 CSS filter**（v1.45.3 立下的规矩，v1.46.1 照旧）：它必须是一张
+   原样的画面 —— 加了滤镜就多一层栅格化，alpha 剪影会被重新合成一次（v1.45.3 的
+   黑色剪影就是这么来的）。阴影与调色只给静态立绘。
+
+   尺寸校正（v1.46.4）：两层共用**同一个盒子**，但两张素材里她占画面的比例不同，
+   于是"一进入睡眠、画面交给她"的那一刻她整个人**缩了一圈**。实测包围盒（阈值
+   A>127，见 README 的量法）：
+
+     立绘 1024x1536：她占 0.9883 高、底边距 0.0117（18px）
+       —— 它的宽高比 2:3 与盒子 140x210 **相同**，contain 正好铺满盒子的高；
+     动图 720x1280：她占 0.8352 高、底边距 0.0883（113px）
+       —— 宽高比 0.5625 窄于盒子，contain 按**高**贴合，画出来的还是盒子高。
+
+   两个数都是"占盒子高的比例"，所以校正只有一个乘法：她要长到 0.9883 高，
+   就得乘 0.9883/0.8352 = 1.1834（取 **1.186** —— 97 帧之间包围盒自己还在 ±0.2%
+   抖，1.186 落在它中间，也正是 preflight 断言盯着的那个值）。
+
+   底边还得对齐。transform-origin 放在**脚底**（50% 100%），缩放不动底边；
+   缩放把底边距一起放大成 0.0883*1.186 = 0.1047，要收回立绘那 0.0117，
+   就得让底边下移 0.0930 个盒子高。而 scale(s) translateY(t) 是**右乘先生效**：
+   translate 先作用在元素自身坐标里，再被 s 缩放一次 —— 真正下移的是 s*t，
+   故 t = 0.0930/1.186 = **7.84%**（translateY 的百分比基准就是元素自身高度）。
+
+   验算：缩放后 0.8352*1.186 = 0.9905 高（立绘 0.9883，差 0.2% ≈ 1px），
+   底边距 0.1047 - 0.0930 = 0.0117（立绘 0.0117）—— 高度与落地一起对上。
+   两级都在**盒子坐标**里算，与 size 档位无关：放大是纯 transform，不重排版。
+
+   第二段素材（v1.46.5，idle）**不需要**校正：她在那张里占 0.972 个盒高，立绘按同一
+   量法占 0.982~0.988 —— 差 1.0~1.6%，在 210px 的盒子里是 2~3px，比 sleepy 那
+   15.7% 小一个量级。所以这一条就不补：每加一条变换就多一处能和"两层同格"对不上的
+   地方，而它换来的是肉眼看不出的 2px。表在 JS 那边（MOTION_FIT），这里按 data-clip
+   把"不校正"写成一条**显式**规则 —— 否则 base 那条 1.186 会落到 idle 头上，那才是
+   真的错。两条素材都是"行内 + 样式表"两份落点（行内见 buildMotion()）。 */
+.wisp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;pointer-events:none;transform:scale(1.186) translateY(7.84%);transform-origin:50% 100%}
+.wisp-video[data-clip="idle"]{transform:none}
+/* 泳装那八条（v1.47.1）：逐条量过包围盒，她在那八张素材里占 **0.9515~0.9858** 个盒高
+   （各自对应的泳装立绘 0.9674~0.9967），差 **0.2%~1.6%** —— 全在"小于 2% 就不补"那条线
+   以内（最大的一条是 swim_proud：1.6%，在 210px 的盒子里 3px 量级）。所以这八条要的
+   同样是**显式的不校正**：base 那条 1.186 是给通用 sleepy 的，落到泳装这八条头上就是
+   平白放大 18.6%。行内那份（buildMotion 按 MOTION_FIT 写）也写 none，两处各查各的 ——
+   和上面 idle 那条是同一个道理，只是这一条一次盖住八条素材。 */
+.wisp-video[data-clip^="swim_"]{transform:none}
+/* 帧动画**接管画面**时，静态立绘退场（v1.45.2）。两层叠在同一格里，同时可见就是
+   **重影** —— 动图的透明处并不遮挡下面那张静帧，于是那段起伏会被看成"两张画
+   错位叠在一起"。退场必须发生在动图真的上了画面的时候，而不是"有素材"的时候：
+   冻结与加载失败都还要靠这张立绘撑场面。
+   用 visibility 而不是 display:none：盒子照旧占位，布局一点不动，"退场/回场"不会
+   让她跳一下（视频那层正是靠同一套盒模型对齐的，动布局就是动对齐）。
+   开关只有一处 —— syncMotion() 里的 setFrameOwner()；这里只负责把根上那个属性
+   翻译成画面。行内还有一份镜像（见 setFrameOwner），给样式表缺失的壳兜底。 */
+.wisp-root[data-frame="on"] .wisp-img{visibility:hidden}
 .wisp-shine{position:absolute;left:50%;bottom:-8px;width:68%;height:16px;margin-left:-34%;border-radius:50%;background:radial-gradient(ellipse at center,var(--wisp-aura) 0%,transparent 70%);filter:blur(4px);pointer-events:none;transition:background .5s ease}
 .wisp-zzz{position:absolute;right:6px;top:8px;font-size:calc(13px * var(--wisp-scale));font-weight:600;color:var(--wisp-ink);text-shadow:0 0 8px var(--wisp-aura);animation:wisp-zzz 2.6s ease-out infinite;pointer-events:none}
 .wisp-say{position:absolute;max-width:210px;width:max-content;padding:7px 11px;border-radius:12px;font-size:12px;line-height:1.45;color:var(--dsw-alias-label-primary,var(--wisp-say-fg));background:var(--dsw-alias-bg-overlay,var(--wisp-say-bg));border:1px solid var(--dsw-alias-border-l1,var(--wisp-say-line));box-shadow:0 6px 24px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);animation:wisp-say 4.2s ease forwards;pointer-events:none;white-space:pre-wrap}
@@ -879,20 +1029,27 @@ const UPDATE_HINT_GITHUB = 'npm 上还是旧版，用这个地址装 dsh-wisp：
 .wisp-root[data-mood="happy"]{--wisp-aura:rgba(255,132,206,.50)}
 .wisp-root[data-mood="sleep"]{--wisp-aura:rgba(140,152,215,.30)}
 body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20,24,32,.88);--wisp-say-line:rgba(255,255,255,.14);--wisp-ink:#cfe6ff}
-.wisp-root[data-mood="sleep"] .wisp-body{animation-duration:9s}
-.wisp-root[data-mood="alert"] .wisp-body{animation-duration:4.6s}
-.wisp-root[data-mood="happy"] .wisp-body{animation-name:wisp-hop;animation-duration:1.15s;animation-timing-function:ease-in-out}
-.wisp-root[data-mood="sleep"] .wisp-img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25)) saturate(.82) brightness(.96)}
-@keyframes wisp-bob{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}100%{transform:translate3d(0,0,0)}}
+/* 身体层只剩 worried 那一下（v1.45.3）。happy 的上下跳（wisp-hop）与 attn 的左右轻推
+   （wisp-nudge）都删了：两条都靠 translate 挪整个 .wisp-body，而这一层现在同时承载帧动画
+   与交叉淡入 —— 位移叠上去不像"她在动"，像素材在抖。换表情本来就有 .wisp-motion 那一下弹
+   （POPPY_MOODS 那一组），"她回应了"的信号不缺。
+   一并删掉 sleep 9s / alert 4.6s 两条 animation-duration：它们是给 1.45.1 删掉的常驻浮动
+   调速度用的，这里已经没有动画名可调，留着只会让人以为身体层还在动。 */
+.wisp-root[data-mood="sleep"]{--wisp-sprite:drop-shadow(0 6px 14px rgba(0,0,0,.25)) saturate(.82) brightness(.96)}
+/* 睡眠这档给静态立绘调色（saturate/brightness）。动作层**不跟着调**（v1.45.3 起）：
+   动作层不许挂 filter，所以睡着的那一刻两张图之间会有一点色差 —— 这是已知的、
+   接受了的取舍：宁可色温跳一下，也不要 alpha 剪影被滤镜重新栅格化一次。 */
 @keyframes wisp-zzz{0%{opacity:0;transform:translate(0,0) scale(.6)}30%{opacity:.9}100%{opacity:0;transform:translate(14px,-30px) scale(1.15)}}
 .wisp-root[data-mood="attn"]{--wisp-aura:rgba(255,138,120,.55)}
 .wisp-root[data-mood="worried"]{--wisp-aura:rgba(150,170,190,.5)}
-.wisp-root[data-mood="worried"] .wisp-img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25)) saturate(.86)}
+.wisp-root[data-mood="worried"]{--wisp-sprite:drop-shadow(0 6px 14px rgba(0,0,0,.25)) saturate(.86)}
+/* 键盘焦点：只有**键盘**拿到的焦点才亮这一圈（data-focus="key" 由 JS 写，见 focusHer）。
+   两件事分开：默认的矩形环永远不画；"她有没有焦点"仍然看得见 —— 键盘用户 Tab 到她
+   身上不能没有任何变化。滤镜链拆成 --wisp-glow + --wisp-sprite 就是为了让这一条
+   叠加在任意表情的滤镜上（sleep / worried 各改各的那一半，谁也不覆盖谁）。 */
+.wisp-root[data-focus="key"]{--wisp-glow:drop-shadow(0 0 4px var(--wisp-accent)) drop-shadow(0 0 11px var(--wisp-accent))}
 .wisp-root[data-mood="worried"] .wisp-body{animation-name:wisp-worry;animation-duration:2.4s;animation-iteration-count:3}
 @keyframes wisp-worry{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
-.wisp-root[data-mood="attn"] .wisp-body{animation-name:wisp-nudge;animation-duration:1.5s;animation-iteration-count:4}
-@keyframes wisp-nudge{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(-7px,0,0)}75%{transform:translate3d(7px,0,0)}}
-@keyframes wisp-hop{0%,100%{transform:translate3d(0,0,0)}45%{transform:translate3d(0,-16px,0)}}
 /* ---- 动作层（见文件上方 motion 常量处的说明）----
    两层都是**空盒子**：绝对定位铺满、不吃指针。姿势与一次性动作分别只碰自己
    那一层的 transform，所以它们永远不会互相覆盖。
@@ -995,7 +1152,7 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
 .wisp-credits{font-size:11px;opacity:.8;margin:6px 0 0}
 .wisp-dialog-action{display:block;width:100%;margin:4px 0 2px;padding:7px 10px;border:1px solid var(--dsw-alias-border-l1,var(--wisp-say-line));border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}
 .wisp-dialog-action:hover{background:var(--dsw-alias-bg-layer-2,rgba(120,170,255,.2))}
-@media (prefers-reduced-motion:reduce){.wisp-body{animation:none!important}.wisp-motion{animation:none!important}.wisp-zzz{animation:none!important;opacity:.5}.wisp-lean{transform:none!important;transition:none!important}.wisp-menu,.wisp-submenu,.wisp-switch,.wisp-switch i,.wisp-slider-knob,.wisp-menu-item,.wisp-corner{animation:none!important;transition:none!important}}`
+@media (prefers-reduced-motion:reduce){.wisp-body{animation:none!important}.wisp-motion{animation:none!important}.wisp-zzz{animation:none!important;opacity:.5}.wisp-lean{transform:none!important;transition:none!important}.wisp-video{display:none!important}.wisp-menu,.wisp-submenu,.wisp-switch,.wisp-switch i,.wisp-slider-knob,.wisp-menu-item,.wisp-corner{animation:none!important;transition:none!important}}`
 
     const installStyles = (styles) => {
       if (styles && typeof styles.insert === 'function') {
@@ -1504,6 +1661,11 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
       bodyEl.setAttribute('tabindex', '0')
       bodyEl.setAttribute('aria-label', 'DeepSeek娘')
       bodyEl.setAttribute('aria-haspopup', 'menu')
+      /* 默认焦点环必须关掉，行内再写一遍：它画在**盒子**上，而盒子里大部分是透明的，
+         看上去就是套着素材的矩形边界线。样式表缺失的壳里同样不该出现 ——
+         与精灵图、两层盒子、命中层"关键样式行内再写一遍"是同一条理由。
+         键盘焦点改用贴着剪影的辉光，见 CSS 里的 --wisp-glow。 */
+      bodyEl.style.outline = 'none'
 
       /* 命中层（见 clipPathOf 上面的说明）：空盒子 + 由蒙版生成的 clip-path。
          关键样式同样行内再写一遍 —— 样式表缺失时它必须仍然是"铺满、吃指针"的那个。 */
@@ -1668,6 +1830,49 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
          素材还没生成时由 SPRITE_FALLBACK 退回 idle —— 不会出现空白或坏图。 */
       const SPRITE_OF = { idle: 'idle', alert: 'work', happy: 'happy', sleep: 'sleepy', attn: 'attn', care: 'attn', poked: 'poked', proud: 'proud', worried: 'sleepy', eat: 'eat', report: 'report' }
       const SPRITE_FALLBACK = { attn: 'work', report: 'idle' }
+      /* 哪个**皮肤+状态**有帧动画素材（v1.47.0 起按皮肤分开）。
+         键是 `<皮肤>:<情绪>`，值是 MOTION 里的素材名。
+
+         为什么键也要带皮肤：泳装那八条是照着**泳装立绘**生成的，别的皮肤穿上
+         就是另一个人的衣服 —— 把泳装那条放给宵蓝礼服，画面上会当场换装。
+         所以查表是"先看这个皮肤有没有自己的这一段，没有再退回通用那一对"。
+
+         值是**素材名**（= 立绘名），不是情绪名：`sleep` 那一档播的是
+         `swim_sleepy`（睡着那张立绘的动画）、`alert` 那一档播的是
+         `swim_work`（敲键盘那张）—— 素材按"哪张立绘"点，`MOTION_FIT` 也按
+         素材名查，两边不会各说各话。
+
+         通用那一对（`idle` / `sleepy`）是所有皮肤共用的；`worried` 虽然也用
+         sleepy 那张立绘，但它有自己的抖动，"睡着了的呼吸"不该跟着它走 ——
+         所以它查不到素材，连 <img> 都不建。 */
+      const MOTION_OF = {
+        'swim:idle': 'swim_idle',
+        'swim:attn': 'swim_attn',
+        'swim:happy': 'swim_happy',
+        'swim:sleep': 'swim_sleepy',
+        'swim:alert': 'swim_work',
+        'swim:proud': 'swim_proud',
+        'swim:eat': 'swim_eat',
+        'swim:poked': 'swim_poked',
+      }
+      const MOTION_BASE = { idle: 'idle', sleep: 'sleepy' }
+      /* 查表只有这一处：syncMotion() 与 doctor() 都走它，所以"报告里说有素材、
+         画面上没有"这种分歧没有地方能长出来。 */
+      const motionKeyFor = (moodNow) => MOTION_OF[activeSkin + ':' + moodNow] ?? MOTION_BASE[moodNow]
+      /* 每一段素材自己的**尺寸校正**（推导见样式表 .wisp-video 上那一段）。
+         表里没有 = 这一段不需要校正，动作层按原样铺满盒子。
+         为什么 idle 不在表里：她在那张 720x1280 里占 0.972 个盒高（立绘 0.982~0.988），
+         差 1.0~1.6% —— **小于 2% 就不补**：这点差在 210px 的盒子里是 2~3px，而每加一条
+         变换就多一处能和"两层同格"这条规矩对不上的地方（sleepy 那 15.7% 是必须补的，
+         这一条不是）。底边距 1.7% 对 1.2%，差 1px 量级，同样不补。
+         泳装那八条按实测包围盒逐条定：差异 ≥2% 才写进来（见 1.47.0 小节）。
+         **1.47.1 量完八条的结果：一条都不用写。**她在那八张 720x1280 素材里占
+         0.9515~0.9858 个盒高，各自对应的泳装立绘占 0.9674~0.9967 —— 差 0.2%~1.6%，
+         八条全在 2% 那条线以内（最大的是 swim_proud 的 1.6%，合 3px）。底边距同理
+         （1.1~4.5px）。所以这张表**一个字都没变**，变的是样式表那边多了一条
+         .wisp-video[data-clip^="swim_"]{transform:none}（见那一行上的量法与理由）——
+         不补也要**显式地**不补，否则 base 那条 1.186 会落到这八条头上。 */
+      const MOTION_FIT = { sleepy: 'scale(1.186) translateY(7.84%)' }
       let mood = 'idle'
 
       /* 换皮肤 = 换一整套精灵图。位置、情绪、气泡都不动，只有图与命中蒙版重建。 */
@@ -1682,6 +1887,11 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         activeSkin = id
         writeStored(SKIN_KEY, { id })
         if (changed) setSprite(SPRITE_OF[mood])
+        /* 换皮肤也要重算动作层（v1.47.0）：素材是**按皮肤**点的，泳装那八条
+           只属于泳装。少了这一句，换到泳装时画面上还是通用那段 idle 的循环
+           ——"图换了、动的那层没换"正是这一版最容易漏的一处。
+           它在 setSprite 之后：动图接管画面时要读到的静态立绘已经是新的了。 */
+        if (changed) syncMotion()
         return true
       }
 
@@ -1731,6 +1941,181 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         })
       }
 
+      /* ---- 帧动画的闸门（v1.45.0；v1.46.1 起是 <img> 动图）--------------------
+         syncMotion() 是**唯一**决定"这一刻画面归谁"的地方：
+
+           这个表情没有动作素材  -> 连 <img> 都不建（有也藏起来），不白解码 1.9 MB
+           有素材但该冻结        -> 把动图藏掉，画面交回静态立绘
+           有素材且可以动        -> 显示动图，静态立绘退场
+
+         它还顺带决定**画面归谁**（v1.45.2）：动图真的上了画面，静态立绘就退场
+         （setFrameOwner(true)）；其余每一种情况 —— 没有素材、冻结、加载失败 ——
+         立绘都是画面里的那个人（setFrameOwner(false)）。这不是两件事，是同一件事的
+         两面：帧动画没在显示的时候，屏幕上必须有一个她。
+
+         什么算"该冻结"：静止档（cfg.motion === 'off'）、系统的
+         prefers-reduced-motion，以及她**被躲起来**（root 上是 display:none）——
+         屏幕上看不见的东西不该继续占着解码器。
+
+         动图**停不下来**：<img> 上没有 pause()，也没有 currentTime 可以写回 0。
+         所以"冻结"只有一条路 —— 藏起来、把画面交回立绘。这也是为什么这一层
+         必须和静态立绘同格：冻住的时候，"她"就是那张静帧。
+
+         三个触发点：换表情（setMood）、档位改动（applyMotion）、系统设置在会话
+         中途变了（matchMedia 的 change）。以后再加一个"她该不该动"的开关，就必须
+         接到这里来：这一版最容易犯的错就是"静止档里她还在动"，而它只在真机上看得见。
+
+         元素换成了 <img>，play()/autoplay 那一串就没有了：动图加载完自己动。
+         唯一还要包住的是 resolveSprite()（壳里的替身可能没有 Blob 通道），
+         它失败时我们只是不显示这一层 —— 静默降级，画面回到立绘。
+
+         失败**按素材记**（v1.46.5）：包里有两条素材了，"她这段坏了"和"她那段坏了"
+         是两件事。坏过的那一段不再重指源（重试一个坏源只会每次换表情都烧一次解码，
+         换来的画面和静态立绘一模一样）；没坏的那一段照常播。 */
+      let motionImg = null
+      let motionKey = null
+      let motionFailed = false
+      const motionFailedKeys = Object.create(null)
+      let motionMqlOff = null
+
+      /* 静态立绘什么时候退场，只有这一个开关（v1.45.2）。
+         "帧动画接管画面"= 动图这一层真的显示出来了 —— 那一刻两层同时可见就是重影，
+         而重影不是兜底，是错。属性走 CSS（.wisp-root[data-frame="on"] .wisp-img），
+         因为属性盖得住**交叉淡入**留下的那张旧图，而行内只写得中当前这两张；
+         行内再镜像一份，是为了样式表缺失的壳里画面仍然是对的（这条理由和精灵图、
+         两层盒子、动图的"关键样式行内再写一遍"完全一样）。
+         读的人只需要记住：谁在画面里，由 syncMotion() 说了算。 */
+      const setFrameOwner = (on) => {
+        if (on) root.dataset.frame = 'on'
+        else delete root.dataset.frame
+        const imgs = leanEl.querySelectorAll('.wisp-img')
+        for (let i = 0; i < imgs.length; i++) imgs[i].style.visibility = on ? 'hidden' : ''
+      }
+
+      const hideMotion = () => {
+        if (motionImg !== null) motionImg.style.display = 'none'
+        /* 动图退场，静态立绘立刻回到画面：冻结时看到的、加载失败时兜底的都是这张。
+           动图没有"暂停"可喊 —— 藏起来就是这一层唯一也是正确的冻结方式。 */
+        setFrameOwner(false)
+      }
+
+      const startMotion = () => {
+        if (motionImg === null || motionFailed) return
+        motionImg.style.display = ''
+        /* 动图接管画面：静态立绘退场。这一行必须在任何提前返回**之前** ——
+           每次换表情都会重建交叉淡入的那张旧图，而它同样得被藏掉，
+           所以只要 syncMotion() 判了"在动"，这个开关就要重写一遍。 */
+        setFrameOwner(true)
+      }
+
+      /* 一段素材的**几何**（行内那一份）：变换按素材查表，元素上那个 data-clip 同时
+         给样式表用（.wisp-video[data-clip="idle"]{transform:none}）。
+         两处都得调它：新建元素时、以及**换源**时 —— 换源不重写这两样，睡下之后
+         身上还挂着站着那段的"不校正"，而醒着的时候会反过来被放大 18.6%。
+         （这正是 v1.46.5 换源那一条断言抓到的：图片换了、几何没换。） */
+      const applyClipGeometry = (img, key) => {
+        img.dataset.clip = key
+        img.style.transform = MOTION_FIT[key] ?? 'none'
+        img.style.transformOrigin = '50% 100%'
+      }
+
+      const buildMotion = (key) => {
+        const img = document.createElement('img')
+        img.className = 'wisp-video'
+        /* 关键样式**行内再写一遍**（和精灵图、两层盒子同一个理由）：样式表缺失时
+           它必须仍然是"和立绘同一格、不吃指针"的那个。 */
+        img.style.position = 'absolute'
+        img.style.top = '0'
+        img.style.left = '0'
+        img.style.width = '100%'
+        img.style.height = '100%'
+        img.style.objectFit = 'contain'
+        img.style.objectPosition = 'bottom center'
+        img.style.pointerEvents = 'none'
+        /* 尺寸校正（推导见样式表 .wisp-video 上那一段）：她在那张 720x1280 的动图里
+           只占 0.8352 个盒高，而立绘占 0.9883 —— 不补这一下，睡着时她比立绘小 15.7%。
+           按**素材**查表（MOTION_FIT），不是按状态写死：哪天换素材，改的是那张表。
+           idle 不在表里 —— 它只差 1%，补它是在给"两层同格"制造一个能对不上的地方。
+           没有校正时写 'none' 而不是留空：空的看不出是"不需要"还是"忘了"。 */
+        applyClipGeometry(img, key)
+        img.style.display = 'none'
+        /* 动图是**装饰**：alt 留空、aria-hidden，读屏器不该为一个循环动图分心。 */
+        img.setAttribute('alt', '')
+        img.setAttribute('aria-hidden', 'true')
+        img.draggable = false
+        /* 加载失败**静默降级**：藏掉动图、继续用静态立绘。不抛、不冒泡、不写控制台
+           —— 这条路的"失败"和"没有素材"是同一幅画面，没有可追问的东西。
+           失败记在**这一段素材**名下（不是"这个元素坏了"）：另一段素材没坏，
+           她换个状态就该照常动。所以这里读的是元素**当下**在播的那一段（motionKey），
+           不是建元素时那一段 —— 元素是复用的，绑定时的 key 早就过期了。 */
+        const onFail = () => { motionFailedKeys[motionKey ?? key] = true; motionFailed = true; hideMotion() }
+        if (typeof img.addEventListener === 'function') img.addEventListener('error', onFail)
+        else img.onerror = onFail
+        /* 先认领这个元素，再指源：错误是异步来的，但"它属于哪一段素材"不能等到
+           指完源才知道（下面那个 catch 走的是同一条账）。 */
+        motionImg = img
+        motionKey = key
+        /* 素材字节走**和立绘同一条路**：motionSrc() 把素材名变成 URL ——
+           v1.47.0 起是宿主半包发出来的 `/wisp-motion/<文件>`（页面自己的 base
+           起算），万一表里是 data URI 才回落到 Blob → object URL。
+           这个壳把 data: 源当坏图处理（见文件上方的平台事实 3），动图没有理由
+           不一样；而 resolveSprite 在 Blob 拿不到时会回落到原始 data URI。 */
+        try { img.src = motionSrc(MOTION[key]) } catch (e) { motionFailedKeys[key] = true; motionFailed = true }
+        leanEl.appendChild(img)
+      }
+
+      /* "这一刻该不该停住"只有这一份判断：syncMotion 拿它做决定，doctor() 拿它做汇报。
+         两处各写一遍的话，"报告说在播、画面上停着"这种分歧迟早会出现。
+         四个来源：**帧动画开关**（cfg.frame，v1.47.0，只收走动图）/ 幅度归零 / 系统的
+         减少动态效果 / 她被躲起来（屏幕上看不见的东西不该占着解码）。 */
+      const motionFrozen = () => cfg.frame === false || amp() === 0 || reduced() || root.dataset.hidden === 'true'
+
+      const syncMotion = () => {
+        if (destroyed) return
+        const key = motionKeyFor(mood)
+        if (typeof key !== 'string' || typeof MOTION[key] !== 'string') {
+          /* 这个皮肤在这个状态没有动作素材：不建 <img>。 */
+          if (motionImg !== null) hideMotion()
+          return
+        }
+        /* 这一段素材**已经坏过**：不再重指一次源。判断按素材走（见上面 motionFailedKeys）。
+           motionFailed 是**派生**的 —— 它必须等于"当前这一段坏没坏"，而不是"最近一次
+           失败留下的印记"：后者会把一段坏素材变成她**永远**不动（连换回好的那段也不动），
+           而这正是 v1.46.5 的预检抓到的那条。 */
+        motionFailed = motionFailedKeys[key] === true
+        if (motionFailed) {
+          if (motionImg !== null) hideMotion()
+          return
+        }
+        if (motionImg === null) buildMotion(key)
+        else if (motionKey !== key) {
+          /* 多段素材时，同一个元素换 src 就够了 —— 不重建元素，
+             免得把"元素存在"这件事也变成一次竞态。
+             **几何要跟着换**：transform 与 data-clip 都是**按素材**取的，
+             换源不重写它们，画面上的大小就会停在上一段素材那一档。 */
+          motionKey = key
+          motionFailed = false
+          applyClipGeometry(motionImg, key)
+          try { motionImg.src = motionSrc(MOTION[key]) } catch (e) { motionFailedKeys[key] = true; motionFailed = true }
+        }
+        if (motionFailed || motionFrozen()) {
+          hideMotion()
+          return
+        }
+        startMotion()
+      }
+
+      /* 系统设置**在会话中途**改了也要当场生效：CSS 的媒体查询是实时的，而"这一层
+         现在显不显示"是 JS 写的，媒体查询够不着它。不订阅这个变化，"你现在去系统里
+         关掉动画"就得等到下一次换表情才生效 —— 而那一刻她正动着。 */
+      try {
+        reduced()                                  // 先把 MQL 取出来（reduced() 里那次是懒加载）
+        if (reducedMql && typeof reducedMql.addEventListener === 'function') {
+          reducedMql.addEventListener('change', syncMotion)
+          motionMqlOff = () => { try { reducedMql.removeEventListener('change', syncMotion) } catch (e) { /* ignore */ } }
+        }
+      } catch (e) { /* 拿不到就算了：冻结规则在"读一次"这条路上仍然成立 */ }
+
       /* 姿势：° 是**屏幕坐标**里的角度（正 = 顶朝右），乘镜像由 applyTilt 做。
          这里是所有姿势的唯一闸门 —— 静止档与"系统要求别动"都在这一个地方归零，
          调用点不必各自记得判断。 */
@@ -1743,10 +2128,13 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
 
       /* 档位改动要**当场**生效，不用刷新：属性一改，CSS 那边的全部幅度规则
          （关键帧里的 --wisp-amp、静止档关掉呼吸与 z）立刻跟上。
-         另外把姿势归零 —— 从"灵动"切到"静止"时她还歪着，就成了半截状态。 */
+         另外把姿势归零 —— 从"灵动"切到"静止"时她还歪着，就成了半截状态。
+         帧动画也在这里收：`motion: off` 是"她不动"的两个闸门之一，而动图是 JS
+         在显示 —— CSS 的 --wisp-amp:0 对它一个字也说不上（见 syncMotion）。 */
       const applyMotion = () => {
         root.dataset.motion = cfg.motion
         if (amp() === 0 || reduced()) setTilt(0)
+        syncMotion()
       }
       applyMotion()
 
@@ -1775,6 +2163,9 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
           z2.style.right = '24px'; z2.style.top = '-2px'; z2.style.animationDelay = '1.1s'
           root.appendChild(z1); root.appendChild(z2)
         }
+        /* 换表情是帧动画的第三个触发点：睡下时开始播、醒来时收掉（见 syncMotion）。
+           放在**最后**：它读的是上面那几行刚写完的 mood 与 dataset。 */
+        syncMotion()
       }
 
       /* 气泡也挂在 layer 上，所以躲起来时必须单独收掉 —— 只把 root 设成
@@ -2412,6 +2803,9 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         root.dataset.hidden = hidden ? 'true' : 'false'
         if (hidden) { closeMenu(); hideTab(); clearSay(); showTab(); setTilt(0) }
         else { hideTab(); paint() }
+        /* 躲起来 = 屏幕上看不见：帧动画跟着收（syncMotion 读的就是这个 dataset，
+           所以它必须写在前面）。不接这一下的话，一层看不见的动图会继续解码。 */
+        syncMotion()
         if (cfg.persist) writeStored(HIDDEN_KEY, { hidden })
       }
 
@@ -3066,6 +3460,9 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
          行为开关原本在设置页里，但那页与菜单重叠过大被撤掉了 —— 这三个开关是面板
          真正的净增量，放进菜单比再建一页便宜得多（复用现有的项结构、键盘支持与关闭逻辑）。 */
       const TOGGLES = [
+        /* 帧动画单独一个开关（v1.47.0）：它是**画面里唯一会自己动的东西**，
+           所以"我不想让她动图循环"不该被逼着去动整个动作幅度档。 */
+        { key: 'frame', label: '帧动画' },
         { key: 'wander', label: '自己溜达' },
         { key: 'reactions', label: '跟随状态' },
         { key: 'celebrate', label: '跑完撒花' },
@@ -3176,9 +3573,10 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
       const previewMood = (key) => {
         const row = ACTION_ROWS.find((r) => r.key === key)
         if (!row) return false
-        closeDialog()
-        /* 被点掉的那个格子随弹窗一起消失了，焦点必须有人接 —— 否则掉进 <body>。 */
-        focusHer()
+        /* **不关窗**（v1.47.1）：动作一览是"一个一个试"的地方 —— 点一下关一次的话，
+           想连看三个动作就得重开三次，每次还要重新找位置。焦点留在被点的格子上
+           （弹窗还在，那个格子就还在，所以不用像以前那样把焦点交还给她）。
+           要关窗仍有三条路：Esc / 右上角 × / 点背景。 */
         previewUntil = nowMs() + 6000
         setMood(row.mood)
         /* 预览必须**自己有到期时间**：预览的姿势可能在"稳态轮询不许覆盖"的名单里
@@ -3210,7 +3608,7 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
           grid.appendChild(cell)
         }
         return openDialog('actions', '动作一览', [
-          para('点一个动作，她就当场做给你看。（图都是当前皮肤 ' + skinLabel(activeSkin) + '）'),
+          para('点一个动作，她就当场做给你看 —— 可以连着点，窗不会关。（图都是当前皮肤 ' + skinLabel(activeSkin) + '）'),
           grid,
           dialogFoot('共 ' + ACTION_ROWS.length + ' 个动作', '按 Esc 关闭'),
         ])
@@ -3229,6 +3627,22 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
           closeDialog()
           showUpdate()
         })
+        /* 安装按钮：只在**查到新版**时出现，装的就是那一版（数字与装下去的东西一致）。 */
+        const latest = typeof updateCheck.latest === 'string' ? updateCheck.latest : null
+        const installBtn = document.createElement('button')
+        installBtn.className = 'wisp-dialog-action'
+        installBtn.setAttribute('type', 'button')
+        installBtn.textContent = '安装 v' + String(latest)
+        installBtn.addEventListener('click', (ev) => {
+          ev.preventDefault()
+          closeDialog()
+          installUpdate(latest)
+        })
+        const installedNote = installState.state === 'installed' && installState.target === latest
+          ? para('v' + latest + (installState.application === 'restart-required'
+            ? ' 已经装上了 —— 重启 DSH 后生效。'
+            : ' 已经装上了 —— 刷新页面就是新版。'))
+          : null
         return openDialog('about', '关于她', [
           para('DeepSeek娘 —— DSH 界面上的浮动桌宠。她会跟着你的状态换表情：你打字她在忙，你闲着她在晃，你跑完一轮她替你高兴。'),
           para('她的样子照社区规范来：深蓝色渐变长直发、头顶一个大圆环呆毛、两片鲸鳍耳、女仆装。'),
@@ -3239,6 +3653,12 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
           /* 上一次检查更新失败时，把宿主看到的东西摆在最显眼的位置 —— 台词只有一句，
              而"为什么拿不到"必须能被看到、被复制、被追问。 */
           diagRes ? para('上次查更新为什么没成：\n' + describeDiag(diagRes)) : null,
+          /* 查到新版就**在这里装**（v1.48.0）：装这一步由平台的插件管理器去做，
+             插件自己不碰网络、也不需要宿主座位（见 installUpdate）。 */
+          installedNote,
+          (updateCheck.state === 'available' && latest !== null && installState.state !== 'installed')
+            ? installBtn
+            : null,
           checkBtn,
           dialogFoot('非官方同人作品，与 DeepSeek 官方无关', 'v' + VERSION),
         ].filter(Boolean))
@@ -3364,6 +3784,31 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         }
       }
 
+      /* 焦点环长什么样（CSS 里 .wisp-body:focus 那段说了"为什么不能是矩形"），
+         这里只回答一个问题：这一次焦点是不是**键盘**给的。
+
+         鼠标点她也会把焦点交给她（onDown 里的 focusHer —— 为的是"点一下她再按 Enter
+         开菜单"这条不能断），那一下不该出现任何"被选中"的框：她的表情就是回执。
+         键盘给的焦点才亮起那圈贴着剪影的辉光 —— 没有它，键盘用户 Tab 到她身上时
+         屏幕上什么都不会变，而"声明了 role 却看不出焦点在哪"是这一版要避免的另一半。
+
+         记录必须走**捕获**阶段：focusHer() 是在 pointerdown 的冒泡处理器里调的，
+         晚一档读到的就还是上一次的输入方式（先点她再按 Esc 会被当成鼠标）。 */
+      let focusByKeyboard = false
+      const syncFocusRing = () => {
+        if (document.activeElement === bodyEl && focusByKeyboard) root.dataset.focus = 'key'
+        else delete root.dataset.focus
+      }
+      /* 输入方式一变就重算一次：她已经拿着键盘焦点时再点她一下，focus() 是空操作
+         （真实 DOM 里不会重复派发 focus 事件），只靠 focus 事件的话，那圈辉光会留在
+         一个刚被鼠标点过的她身上 —— 而那一下的焦点其实是鼠标给的。 */
+      const noteKeyInput = () => { focusByKeyboard = true; syncFocusRing() }
+      const notePointerInput = () => { focusByKeyboard = false; syncFocusRing() }
+      window.addEventListener('keydown', noteKeyInput, true)
+      window.addEventListener('pointerdown', notePointerInput, true)
+      bodyEl.addEventListener('focus', syncFocusRing)
+      bodyEl.addEventListener('blur', syncFocusRing)
+
       /* keepGroup：点分组是"在原地重开"，得把刚设好的分组带过去。
          其他入口都是新手势，一律回到收起状态 —— 所以这个重置放在这里，
          而不是 closeMenu 里（放那里会让展开动作把自己清掉）。 */
@@ -3729,7 +4174,9 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         applyHitClip(currentSprite)
         /* 动作档位也要当场生效（菜单里的胶囊就靠这一行）：它只改一个属性，
            CSS 那边所有幅度规则都挂在它上面。 */
-        if (partial && typeof partial === 'object' && partial.motion !== undefined) applyMotion()
+        /* 帧动画开关也走 applyMotion：它只改属性与画面归属，当场生效不用刷新。 */
+        if (partial && typeof partial === 'object'
+          && (partial.motion !== undefined || partial.frame !== undefined)) applyMotion()
         coords.x = clamp(coords.x, 0, maxX())
         coords.y = clamp(coords.y, 0, maxY())
         paint()
@@ -3869,13 +4316,49 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
       }
 
       /* ---- 看余额 -------------------------------------------------------------
-         和"检查更新"走同一条路，但服务不同：宿主半包 inject 'deepseekAccount'，
-         用平台自己的账户服务取余额。**插件从头到尾不碰 API key** —— 凭据在平台
-         手里，浏览器半包连读都读不到（它没有网络，fetch 是陷阱）。
-
-         未登录、读不到、这个壳里没有那个服务，是三句不同的话：
+         两条通道读的是**同一个**平台账户服务（凭据始终在宿主手里，插件从头到尾
+         碰不到 token）：
+
+           ① 客户端 Remote —— **默认这条路**。平台自己的「账户」设置页就是这么读的：
+              ctx.remote.account.getBalance(client) → { ok, value }。
+              1.44.0 的那条教训在这里同样成立：bundle 形态的客户端半包**没有** host RPC
+              座位，所以只写下面那条路的旧实现，在真机上永远回"这个壳里查不了余额"。
+           ② host 座位 —— 只有动态插件形态才有：host.call('checkBalance')，宿主半包
+              inject 'deepseekAccount'。两条路的**载荷形状完全一样**，所以只在取数那一层
+              分叉，归一化与台词完全共用。
+
+         未登录、读不到、这个壳里没有账户服务，是三句不同的话：
          说是"查不到"但其实是"没登录"，就是在骗人。 */
       let balanceCheck = { state: 'idle', at: 0 }
+      let balanceVia = null                 // 上一次真的走了哪条通道：'remote' | 'host'
+
+      /* 每次调用**当场**找服务 —— 客户端服务是后注册的，闭包里存一份就会定格成 null
+         （host 座位那条路上踩过同一个坑）。客户端服务的规矩就是运行时取：
+         ctx.get('theme') / ctx.get('styles') 都是这么拿的，这里照同一条规矩。 */
+      const remoteAccount = () => {
+        const usable = (value) => (value && typeof value.getBalance === 'function' ? value : null)
+        try {
+          if (ctx && typeof ctx.get === 'function') {
+            const direct = usable(ctx.get('remote.account'))
+            if (direct !== null) return direct
+            const parent = ctx.get('remote')
+            const throughParent = usable(parent && parent.account)
+            if (throughParent !== null) return throughParent
+          }
+        } catch (e) { /* 这个壳里没有 remote：换下一条 */ }
+        try {
+          const viaProperty = usable(ctx && ctx.remote && ctx.remote.account)
+          if (viaProperty !== null) return viaProperty
+        } catch (e) { /* 没声明 inject 时读属性会抛 —— 那同样只是"没有" */ }
+        return null
+      }
+
+      /* 账户服务要的是**这次调用**的身份：版本、界面语言、UTC 偏移秒数（向东为正）。 */
+      const accountMetadata = () => ({
+        version: VERSION,
+        locale: LANG_TAG,
+        timezoneOffsetSeconds: -new Date().getTimezoneOffset() * 60,
+      })
 
       /* 金额由客户端拼，台词只管口气。货币符号认不出来就原样写代码。 */
       const balanceAmount = (wallets) => {
@@ -3902,12 +4385,85 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         return pick(LINES.balanceFailed)
       }
 
+      /* 宿主半包那条路的载荷 → 状态。 */
+      const balanceStateFrom = (res) => {
+        if (!res || res.ok !== true) {
+          return { state: 'failed', reason: (res && res.reason) || 'no-result', at: nowMs() }
+        }
+        if (res.status === 'ready') {
+          return {
+            state: 'ready',
+            wallets: Array.isArray(res.wallets) ? res.wallets : [],
+            bonusWallets: Array.isArray(res.bonusWallets) ? res.bonusWallets : [],
+            at: nowMs(),
+          }
+        }
+        if (res.status === 'signed-out' || res.status === 'unavailable') {
+          return { state: res.status, at: nowMs() }
+        }
+        /* 平台答了，答案是 failed —— 是结果，不是异常。 */
+        return { state: 'failed', reason: 'service-failed', at: nowMs() }
+      }
+
+      /* Remote 那条路外面裹着一层信封：{ ok:true, value } | { ok:false, … }。
+         value 与宿主半包同形状，所以先拆信封，剩下的交给上面那张表。
+         value 为 null 时**再问一次 getState()** 分清"没登录"与"刚才没读到"：
+         叫一个已经登录的人去登录，比说"刚才没读到"糟得多。 */
+      const balanceStateFromRemote = (envelope, account) => {
+        if (!envelope || envelope.ok !== true) {
+          return { state: 'failed', reason: (envelope && envelope.reason) || 'no-result', at: nowMs() }
+        }
+        const value = envelope.value
+        if (value !== null && value !== undefined) {
+          if (value.status !== 'ready') return { state: 'failed', reason: 'service-failed', at: nowMs() }
+          return {
+            state: 'ready',
+            wallets: Array.isArray(value.value) ? value.value : [],
+            bonusWallets: Array.isArray(value.bonusWallets) ? value.bonusWallets : [],
+            at: nowMs(),
+          }
+        }
+        return Promise.resolve()
+          .then(() => (account && typeof account.getState === 'function' ? account.getState() : null))
+          .catch(() => null)
+          .then((state) => {
+            const view = state && state.ok === true ? state.value : null
+            const signedIn = view && typeof view.status === 'string' ? view.status === 'credential-stored' : null
+            return { state: signedIn === false ? 'signed-out' : 'unavailable', at: nowMs() }
+          })
+      }
+
+      /* Remote 也不接受 AbortSignal，所以同样只能竞速 —— 一个挂住的调用就是气泡
+         永远停在"看一下……"。8 秒，与宿主半包那条路同一个数。 */
+      const BALANCE_TIMEOUT_MS = 8000
+      const withDeadline = (promise, ms) => new Promise((resolve, reject) => {
+        let settled = false
+        const limit = typeof ms === 'number' && ms > 0 ? ms : BALANCE_TIMEOUT_MS
+        const handle = clock.after(limit, () => {
+          if (settled) return
+          settled = true
+          reject(new Error('timeout'))
+        })
+        const finish = (fn, value) => {
+          if (settled) return
+          settled = true
+          if (handle) clock.cancel(handle)
+          fn(value)
+        }
+        Promise.resolve(promise).then(
+          (value) => finish(resolve, value),
+          (error) => finish(reject, error),
+        )
+      })
+
       /* 按需查：菜单里那一行和 `__wisp.checkBalance()` 都走这里。
          它**自己说话**（先"看一下……"再报结果）—— 菜单点完就关了，留一个
          只返回状态、不出声的函数，用户会以为没反应。 */
       const checkBalance = () => {
-        const seat = hostSeat()
-        if (seat === null) {
+        const account = remoteAccount()
+        const seat = account === null ? hostSeat() : null
+        if (account === null && seat === null) {
+          balanceVia = null
           balanceCheck = { state: 'unsupported', at: nowMs() }
           wake(true)
           say(balanceLine(balanceCheck))
@@ -3916,25 +4472,18 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         balanceCheck = { state: 'checking', at: nowMs() }
         wake(true)
         say(pick(LINES.balanceChecking))
-        return Promise.resolve()
-          .then(() => seat.call('checkBalance', { locale: LANG_TAG }))
-          .then((res) => {
-            if (!res || res.ok !== true) {
-              balanceCheck = { state: 'failed', reason: (res && res.reason) || 'no-result', at: nowMs() }
-            } else if (res.status === 'ready') {
-              balanceCheck = {
-                state: 'ready',
-                wallets: Array.isArray(res.wallets) ? res.wallets : [],
-                bonusWallets: Array.isArray(res.bonusWallets) ? res.bonusWallets : [],
-                at: nowMs(),
-              }
-            } else if (res.status === 'signed-out' || res.status === 'unavailable') {
-              balanceCheck = { state: res.status, at: nowMs() }
-            } else {
-              /* 平台答了，答案是 failed —— 是结果，不是异常。 */
-              balanceCheck = { state: 'failed', reason: 'service-failed', at: nowMs() }
-            }
-            say(balanceLine(balanceCheck))
+        balanceVia = account !== null ? 'remote' : 'host'
+        const request = account !== null
+          ? withDeadline(Promise.resolve()
+              .then(() => account.getBalance(accountMetadata()))
+              .then((envelope) => balanceStateFromRemote(envelope, account)))
+          : Promise.resolve()
+              .then(() => seat.call('checkBalance', { locale: LANG_TAG }))
+              .then((res) => balanceStateFrom(res))
+        return request
+          .then((next) => {
+            balanceCheck = next
+            say(balanceLine(next))
             return balanceCheck
           })
           .catch((err) => {
@@ -4053,14 +4602,128 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
               copyText(UPDATE_REPO)
             }
             flashHappy(base + updateLine(res))
-            /* 查不成的时候：把"为什么"摆到弹窗里（台词只留一句人话）。 */
+            /* 查到新版就把弹窗摆出来 —— 里面那个「安装 vX」按钮就是这一步的下一步（v1.48.0）。
+               查不成的时候同样开：把"为什么"摆在最显眼的位置（台词只留一句人话）。 */
             if (res.state === 'failed') aboutDialog(res)
+            else if (res.state === 'available') aboutDialog()
           })
         }
         lastUpdateHint = hint
         return { version: VERSION, note: note || null, copied, checking: true }
       }
 
+      /* ---- 装上最新版（v1.48.0）-------------------------------------------------
+         平台把**插件管理器本身**也做成了 Remote 命名空间：`remote.pluginManager`
+         （installBundle / waitForInstall / cancelInstall / listPlugins …）—— 平台自己的
+         「插件」设置页用的就是它。所以「检查更新只能告诉你、装不了」是旧结论：客户端半包
+         虽然没有 host 座位（1.44.0 那条教训），但这条路**不需要座位** ——
+         它是平台给客户端开的正式通道，装这一步由平台带着 pnpm 与 profile 的写权限去做。
+
+         装的是**刚才查到的那一版**（spec = dsh-wisp@<version>），不是 latest ——
+         用户看到的数字和装下去的东西必须是同一个。装完要不要重启由平台说了算
+         （ChangeResult.application），我们照实转述，不自作聪明。 */
+      const UPDATE_PACKAGE = 'dsh-wisp'
+      /* 下载 + 落盘 + 链接可能很慢，所以给一个**宽松的**截止时间。到点了不谎报失败 ——
+         只说「动作已经发出去了、还没回来」（安装本身不会被我们取消）。 */
+      const INSTALL_TIMEOUT_MS = 180000
+      let installState = { state: 'idle', at: 0 }
+
+      const pluginManagerRemote = () => {
+        const usable = (value) => (value && typeof value.installBundle === 'function' ? value : null)
+        try {
+          if (ctx && typeof ctx.get === 'function') {
+            const direct = usable(ctx.get('remote.pluginManager'))
+            if (direct !== null) return direct
+            const parent = ctx.get('remote')
+            const nested = usable(parent && parent.pluginManager)
+            if (nested !== null) return nested
+          }
+        } catch (e) { /* 这个壳里没有 remote：换下一条 */ }
+        try {
+          const viaProperty = usable(ctx && ctx.remote && ctx.remote.pluginManager)
+          if (viaProperty !== null) return viaProperty
+        } catch (e) { /* 没声明 inject 时读属性会抛 —— 那同样只是「没有」 */ }
+        return null
+      }
+
+      /* 台词里写**版本号**，不写 spec：平台回来的 target 是 `dsh-wisp@1.48.0`，
+         直接塞进句子里就成了「装好了：vdsh-wisp@1.48.0」—— 数字对，话不对。 */
+      const installVersion = (res) => {
+        if (typeof res.version === 'string' && res.version !== '') return res.version
+        const target = String(res.target ?? '')
+        const at = target.lastIndexOf('@')
+        return at > 0 ? target.slice(at + 1) : target
+      }
+
+      const installLine = (res) => {
+        if (res.state === 'installed') {
+          return pick(res.application === 'restart-required' ? LINES.installRestart : LINES.installDone)
+            .split('{v}').join(installVersion(res))
+        }
+        if (res.state === 'pending') return pick(LINES.installPending)
+        if (res.state === 'cancelled') return pick(LINES.installCancelled)
+        if (res.state === 'unsupported') return pick(LINES.installUnsupported)
+        if (res.reason === 'no-matching-version') {
+          return pick(LINES.installNotPublished).split('{v}').join(installVersion(res))
+        }
+        return pick(LINES.installFailed)
+      }
+
+      const installUpdate = (version) => {
+        const target = typeof version === 'string' && version !== ''
+          ? version
+          : (typeof updateCheck.latest === 'string' ? updateCheck.latest : null)
+        const manager = pluginManagerRemote()
+        if (manager === null) {
+          installState = { state: 'unsupported', at: nowMs() }
+          wake(true)
+          say(installLine(installState))
+          return Promise.resolve(installState)
+        }
+        if (target === null) {
+          installState = { state: 'failed', reason: 'no-version', at: nowMs() }
+          wake(true)
+          say(installLine(installState))
+          return Promise.resolve(installState)
+        }
+        installState = { state: 'installing', target, at: nowMs() }
+        wake(true)
+        setMood('report')
+        say(pick(LINES.installChecking).split('{v}').join(target))
+        return withDeadline(
+          Promise.resolve().then(() => manager.installBundle(UPDATE_PACKAGE + '@' + target)),
+          INSTALL_TIMEOUT_MS,
+        )
+          .then((envelope) => {
+            if (!envelope || envelope.ok !== true) {
+              const code = envelope && envelope.error && typeof envelope.error.code === 'string' ? envelope.error.code : null
+              installState = { state: 'failed', reason: code || 'refused', target, at: nowMs() }
+            } else {
+              const result = envelope.value && typeof envelope.value === 'object' ? envelope.value : {}
+              const application = typeof result.application === 'string' ? result.application : 'unknown'
+              const code = result.error && typeof result.error.code === 'string' ? result.error.code : null
+              installState = {
+                state: application === 'failed' ? 'failed' : (application === 'cancelled' ? 'cancelled' : 'installed'),
+                application,
+                reason: code,
+                version: target,
+                target: typeof result.target === 'string' ? result.target : target,
+                at: nowMs(),
+              }
+            }
+            say(installLine(installState))
+            return installState
+          })
+          .catch((err) => {
+            const detail = String(err && err.message ? err.message : err)
+            installState = detail === 'timeout'
+              ? { state: 'pending', target, at: nowMs() }
+              : { state: 'failed', reason: 'call-failed', detail, target, at: nowMs() }
+            say(installLine(installState))
+            return installState
+          })
+      }
+
       const api = {
         version: VERSION,
         clock: clock.mode,
@@ -4083,6 +4746,7 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
         setSkin: applySkin,
         showUpdate,
         checkForUpdate,
+        installUpdate,
         /* 弹窗与折叠分组：菜单结构变了之后，测试要能问"现在开着哪个弹窗 / 哪个分组"。 */
         /* 专注计时器：脚本与测试都能驱动 */
         startFocus,
@@ -4183,9 +4847,13 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
               error: { selector: ERROR_SELECTOR, matches: probe(ERROR_SELECTOR) },
             },
             dark: !!(body && body.hasAttribute('data-ds-dark-theme')),
-            /* 余额：最后一次查的结果 + 有没有 host 座位。**凭据从不经过这里** ——
-               插件拿不到 key，也就不可能被谁从 doctor() 里读走。 */
-            balance: Object.assign({ hostSeat: hostSeat() !== null }, balanceCheck),
+            /* 余额：最后一次查的结果 + 两条通道各自在不在 + 这一次真的走了哪条。
+               **凭据从不经过这里** —— 插件拿不到 token（更别说 API key），
+               也就不可能被谁从 doctor() 里读走。 */
+            balance: Object.assign(
+              { hostSeat: hostSeat() !== null, remoteSeat: remoteAccount() !== null, via: balanceVia },
+              balanceCheck,
+            ),
             /* 动作层的实时状态。姿势角是**屏幕坐标**里的角度（未乘镜像），
                accent 是当下挂着的一次性动作 —— "她为什么歪着/弹了一下"
                在 Console 里一眼能看出来，不用去读样式。 */
@@ -4197,6 +4865,29 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
               tiltLocal: tiltWritten,
               accent: root.dataset.accent || null,
               pressed: root.dataset.dragging === 'true',
+              /* 帧动画（v1.45.0；v1.46.1 起是 <img> 动图）：哪个状态有素材、元素建了没、
+                 现在在不在画面上、冻没冻住。它的失败是**静默降级**（画面回到静态立绘），
+                 所以"她怎么不动了"必须能在这里一眼看出来，而不是靠读代码。 */
+              frame: {
+                /* 这个状态**能不能**播、播的是哪一段：查得到才算数。只报 MOTION_OF 的话，
+                   "这一段素材不在包里"会显示成一个根本不存在的素材名（而画面早就是立绘了）。 */
+                enabled: cfg.frame !== false,
+                asset: typeof MOTION[motionKeyFor(mood)] === 'string' ? motionKeyFor(mood) : null,
+                /* 这一刻的素材是**从哪来的**（v1.47.0）：外置时它是一个
+                   `/wisp-motion/<文件>` URL，内联时是 data URI。"她怎么不动"
+                   的第一个分岔就在这里 —— 是没接上路由，还是这一段真的坏了。 */
+                src: motionImg === null || typeof motionImg.src !== 'string' ? null : motionImg.src,
+                built: motionImg !== null,
+                /* 动图没有"在播"这个可读状态（<img> 上没有 paused），所以这里报的是
+                   **它是不是正在画面上** —— 也就是"这一刻画面归谁"的事实。 */
+                showing: motionImg !== null && motionImg.style.display !== 'none',
+                frozen: motionFrozen(),
+                failed: motionFailed,
+                /* 画面归谁（v1.45.2）：true = 帧动画在接管，静态立绘已退场；
+                   false = 立绘就是画面里那个人（没有素材 / 冻结 / 加载失败）。
+                   "两层同时可见"就是重影，所以这件事必须能在这里一眼看出来。 */
+                spriteHidden: root.dataset.frame === 'on',
+              },
             },
             tokens,
             /* 窗口背景：Mica 能不能露出来，取决于页面有没有在背景处画不透明像素。
@@ -4218,10 +4909,18 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
               whatsNew: WHATS_NEW[VERSION] ?? null,
               seenBefore: readStored(SEEN_VERSION_KEY),
               hint: lastUpdateHint,
-              canSelfUpdate: false,
+              /* v1.48.0 起是 true —— 但要说清"她怎么做到的"：她自己依然没有网络、没有 Node
+                 （宿主半包在 vm 沙箱里，harness 只有 defineTool/registerTool/handle），
+                 **装**这一步是交给平台的插件管理器（remote.pluginManager）去做的。 */
+              canSelfUpdate: true,
               /* 上一次检查的结果（idle / checking / current / available / failed / unsupported） */
               lastCheck: { ...updateCheck },
-              why: '宿主半包在 vm 沙箱里，harness 只有 defineTool/registerTool/handle，Node API 被 nodeApiTraps 挡住',
+              /* 安装这条路：平台那个 Remote 命名空间在不在 + 最后一次装的结果 */
+              install: Object.assign(
+                { via: pluginManagerRemote() !== null ? 'remote.pluginManager' : null, package: UPDATE_PACKAGE },
+                installState,
+              ),
+              why: '她自己没有网络也没有 Node（宿主半包在 vm 沙箱里），但**装**不用她做：平台的插件管理器是客户端可用的 Remote 命名空间（remote.pluginManager），她把版本号交给它，由它带着 pnpm 与 profile 写权限去装',
             },
             /* 干饭：不用猜"她为什么突然捧碗" */
             hunger: { enabled: cfg.hungry === true, everyMs: cfg.hungerMs, lastMealAt: Math.round(lastMealAt) },
@@ -4305,10 +5004,23 @@ body[data-ds-dark-theme] .wisp-layer{--wisp-say-fg:#eaf2f8;--wisp-say-bg:rgba(20
           bodyEl.removeEventListener('pointerdown', onDown)
           bodyEl.removeEventListener('keydown', onBodyKey)
           bodyEl.removeEventListener('contextmenu', onContext)
+          bodyEl.removeEventListener('focus', syncFocusRing)
+          bodyEl.removeEventListener('blur', syncFocusRing)
+          window.removeEventListener('keydown', noteKeyInput, true)
+          window.removeEventListener('pointerdown', notePointerInput, true)
           closeMenu()
           closeDialog()
           if (dialogKeyOff) { dialogKeyOff(); dialogKeyOff = null }
           hideTab()
+          /* 帧动画自己收：动图在 detach 之后没有"停"这个动作可喊（<img> 上没有
+             pause()），能做的就是把它从画面上拿掉 —— 隐藏 + 紧接着摘掉整个 layer，
+             不再有一层看不见的循环在解码。系统设置的订阅也要摘掉（这条泄漏过一次，
+             见 onVisibility 那段的教训）。 */
+          hideMotion()
+          if (typeof motionMqlOff === 'function') {
+            try { motionMqlOff() } catch (e) { /* ignore */ }
+            motionMqlOff = null
+          }
           if (typeof offTheme === 'function') {
             try { offTheme() } catch (e) { /* ignore */ }
             offTheme = null