@yfwu2020/dsh-selection-explain 0.10.4 → 0.10.6

package/package.json

@@ -1,19 +1,17 @@
 {
   "name": "@yfwu2020/dsh-selection-explain",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "description": "DSH 划词解读：选中文字浮出按钮，点击弹窗流式显示专业中英翻译 + 该文字在当前上下文中的含义详解",
   "type": "module",
   "main": "./lib/index.js",
   "types": "./lib/types/index.d.ts",
   "files": [
     "lib",
-    "native",
-    "src",
-    "scripts",
+    "native/mic-probe.c",
     "cordis.patch.yml",
     "skills",
-    "assets",
-    "README.md"
+    "README.md",
+    "LICENSE"
   ],
   "license": "MIT",
   "repository": {
@@ -37,24 +35,33 @@
     "@deepseek-ai/dsh-host-webserver": "0.1.5-rc.3",
     "@deepseek-ai/dsh-llm": "0.1.5-rc.3",
     "@deepseek-ai/schemastery": "3.18.2",
-    "@types/node": "^22.14.0",
-    "typescript": "^5.9.3"
+    "@types/node": "22.14.0",
+    "typescript": "5.9.3",
+    "esbuild": "0.28.2"
   },
   "scripts": {
     "build": "bash scripts/build.sh",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "node scripts/test-filters.mjs && node scripts/test-prompt.mjs && node scripts/test-model-follow.mjs && node scripts/test-bridge.mjs && node scripts/smoke-bridge.mjs && node scripts/smoke-panel.mjs && node scripts/test-escape-focus.mjs && node scripts/test-effort-retry.mjs && node scripts/test-effort-map.mjs && node scripts/test-client.mjs && node scripts/test-settings-host.mjs && node scripts/test-settings-behavior.mjs && node scripts/test-route-cache.mjs && node scripts/test-transcript.mjs && node scripts/test-guard.mjs && node scripts/test-settings.mjs && node scripts/test-format.mjs && node scripts/test-speech.mjs && node scripts/test-mic-idle.mjs && node scripts/test-mic-build.mjs && node scripts/smoke-voice.mjs",
-    "test:effort": "node scripts/test-effort-retry.mjs",
-    "test:effort-map": "node scripts/test-effort-map.mjs",
-    "test:transcript": "node scripts/test-transcript.mjs",
-    "test:guard": "node scripts/test-guard.mjs",
-    "test:format": "node scripts/test-format.mjs",
-    "test:bridge": "node scripts/test-bridge.mjs",
-    "test:smoke": "node scripts/smoke-bridge.mjs",
-    "test:panel": "node scripts/smoke-panel.mjs",
-    "test:prompt": "node scripts/test-prompt.mjs",
-    "test:speech": "node scripts/test-speech.mjs",
-    "test:voice": "node scripts/smoke-voice.mjs"
+    "prepack": "npm run build",
+    "typecheck": "npm run typecheck:host && npm run typecheck:client",
+    "typecheck:host": "tsc -p tsconfig.json --noEmit",
+    "typecheck:client": "tsc -p tsconfig.client.json",
+    "pretest": "npm run build",
+    "test": "node scripts/run-tests.mjs all",
+    "test:unit": "npm run build && node scripts/run-tests.mjs unit",
+    "test:integration": "npm run build && node scripts/run-tests.mjs integration",
+    "test:browser": "npm run build && node scripts/run-tests.mjs browser",
+    "test:online": "npm run build && node scripts/run-tests.mjs online",
+    "test:effort": "npm run build && node tests/unit/effort-retry.test.mjs",
+    "test:effort-map": "npm run build && node tests/unit/effort-map.test.mjs",
+    "test:transcript": "npm run build && node tests/unit/transcript.test.mjs",
+    "test:guard": "npm run build && node tests/unit/guard.test.mjs",
+    "test:format": "npm run build && node tests/unit/format.test.mjs",
+    "test:bridge": "npm run build && node tests/unit/bridge.test.mjs",
+    "test:smoke": "npm run build && node tests/browser/bridge.test.mjs",
+    "test:panel": "npm run build && node tests/browser/panel.test.mjs",
+    "test:prompt": "npm run build && node tests/unit/prompt.test.mjs",
+    "test:speech": "npm run build && node tests/unit/speech.test.mjs",
+    "test:voice": "npm run build && node tests/browser/voice.test.mjs"
   },
   "exports": {
     ".": {
@@ -74,5 +81,8 @@
       "inject": [],
       "platform": "web"
     }
+  },
+  "engines": {
+    "node": ">=22.14.0"
   }
 }

package/scripts/build-demo-pages.mjs

@@ -1,350 +0,0 @@
-/**
- * 生成 README 用的小窗演示页（docs/demo/*.html）。
- *
- * 目的：README 里的功能截图必须**和真实面板长得一样**，所以样式不能手抄 ——
- * 这里直接从 lib/client.js 里把模块级 `CSS` 常量抽出来注入演示页，
- * 类名 / 结构 / 文案也照 src/client/index.js 的渲染器与真实输出写。
- *
- * 用法：node scripts/build-demo-pages.mjs
- * 产物：docs/demo/stage1.html / stage2.html / code.html（再交给 Chrome 截图）
- */
-import { readFileSync, writeFileSync, mkdirSync } from 'node:fs'
-import { resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const HERE = dirname(fileURLToPath(import.meta.url))
-const ROOT = resolve(HERE, '..')
-
-/** 从客户端 bundle 里取出模块级 CSS 常量（不手抄，保证与线上一致）。 */
-function extractCss() {
-  const src = readFileSync(resolve(ROOT, 'lib', 'client.js'), 'utf8')
-  const m = src.match(/var CSS = \[([\s\S]*?)\]\s*\.join\(''\)/) || src.match(/var CSS = \[([\s\S]*?)\]\.join\('\\n'\)/)
-  if (!m) throw new Error('未能在 lib/client.js 里找到 CSS 常量')
-  // 元素是 '...' 单引号字符串字面量
-  const parts = []
-  const re = /'((?:[^'\\]|\\.)*)'/g
-  let e
-  while ((e = re.exec(m[1])) !== null) parts.push(e[1].replace(/\\'/g, "'").replace(/\\n/g, '\n'))
-  return parts.join('\n')
-}
-
-/** DSH 主题变量：用浅色主题的实际取值，让截图看起来像真的嵌在 DSH 里。 */
-const THEME_VARS = `:root{
-  --dsw-alias-bg-layer-1: #ffffff;
-  --dsw-alias-label-primary: #1a1a1a;
-  --dsw-alias-label-secondary: #6b7280;
-  --dsw-alias-label-primary-foreground: #ffffff;
-  --dsw-alias-interactive-bg-hover: rgba(140,140,140,.11);
-  --dsw-alias-border-l3: rgba(140,140,140,.35);
-  --dsw-alias-border-l4: rgba(140,140,140,.22);
-  --dsw-alias-button-primary-fill: #3b6ef5;
-  --sel-a1: #0d9488;
-  --sel-a2: #0f766e;
-}`
-
-const PAGE = (title, css, body) => `<!doctype html>
-<html lang="zh-CN"><head><meta charset="utf-8"><title>${title}</title>
-<style>
-  /* 只渲染小窗本体：纯白底、无外边距，宽度固定 540 —— 截图后统一裁切 */
-  html,body{margin:0;padding:0;background:#ffffff;font-family:-apple-system,"PingFang SC","Helvetica Neue",Arial,sans-serif}
-  body{display:block;width:540px}
-  ${THEME_VARS}
-${css}
-  /* 演示页专用：把浮层定位改成静态排版、并显示面板（真实面板默认 display:none，由 JS 打开） */
-  .dsh-sel-layer{position:static !important;pointer-events:auto}
-  /* 截图只要"小窗本体"：去掉投影、边框、圆角 —— 否则裁切后会在上下边缘留下一圈灰线
-     （真实面板的投影是给浮层用的，单独截图时只会变成灰边） */
-  .dsh-sel-panel{position:static !important;display:flex !important;max-height:none !important;width:540px !important;
-    box-shadow:none !important;border:0 !important;border-radius:0 !important}
-  /* 首轮：真实行为是「翻译一出来输入框就出现」（askRow.style.display = wide || translationReady），
-     所以演示页也照实显示，不再隐藏 */
-  .dsh-sel-ask{display:flex !important;border:0 !important}
-</style></head>
-<body>${body}</body></html>
-`
-
-const panel = (stage, inner) => `<div class="dsh-sel-layer">
-  <div class="dsh-sel-panel" data-stage="${stage}" data-theme="light" role="dialog" aria-label="划词解读">
-    <div class="dsh-sel-head">
-      <span class="dsh-sel-mark"></span>
-      <span class="dsh-sel-title">划词解读</span>
-      <span class="dsh-sel-headspace"></span>
-      <button class="dsh-sel-action">🕘 最近</button>
-      <button class="dsh-sel-action">↗ 升格</button>
-      <button class="dsh-sel-icon" title="关闭">✕</button>
-    </div>
-    <div class="dsh-sel-body">
-${inner}
-    </div>
-  </div>
-</div>`
-
-const quote = (text) => `      <div class="dsh-sel-quote">${text}</div>`
-
-const section = (key, title, content) => `      <div class="dsh-sel-sec" data-sec="${key}">
-        <div class="dsh-sel-sh"><i></i><span>${title}</span><span class="dsh-sel-hint"></span></div>
-        <div class="dsh-sel-c">
-${content}
-        </div>
-      </div>`
-
-const p = (html) => `          <p>${html}</p>`
-const list = (level, items) => `          <div class="dsh-sel-list" data-level="${level}">
-${items.map((it) => `            <div class="dsh-sel-item"${it.num ? ' data-num="1"' : ''}><span class="dsh-sel-bullet">${it.bullet || '•'}</span><span>${it.text}</span></div>`).join('\n')}
-          </div>`
-const callout = (tag, text) => `          <div class="dsh-sel-callout"><span class="dsh-sel-callout-tag">${tag}</span>${text}</div>`
-
-const expand = `      <button class="dsh-sel-expand"><span>↓ 展开详解</span></button>`
-
-/** 真实图标（照 src/client/index.js 的 markdownIcon / windowIcon / sendIcon）。 */
-const mdIcon = `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 17.5V7.5l4.4 5 4.4-5v10"></path><path d="M17.4 7v9.6M14.3 13.6l3.1 3.1 3.1-3.1"></path></svg>`
-const webIcon = `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4.5" width="18" height="15" rx="3"></rect><path d="M3 9.6h18"></path></svg>`
-const sendIcon = `<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 13.2V3.4"></path><path d="M3.9 7.5 8 3.4l4.1 4.1"></path></svg>`
-
-/**
- * 输入区（结构照 src/client/index.js 的真实构建顺序）：
- *   .dsh-sel-ask > .dsh-sel-quotes + textarea.dsh-sel-askbox + .dsh-sel-asktools
- *   asktools = 输出偏好(文字 + 分段开关 + 滑动药丸) + askspace(撑开) + 模型胶囊 + 发送键
- *   quotes   = 待发送的引用卡片（空串 = 空态，整块收起）
- */
-const askRow = (webOn, model = 'deepseek-v4.1-flash', tier = '高', quotes = '') => `      <div class="dsh-sel-ask">
-        <div class="dsh-sel-quotes"${quotes ? ' data-show="1"' : ''}>${quotes}</div>
-        <textarea class="dsh-sel-askbox" rows="1" placeholder="就这段文字继续追问…（Enter 发送，Shift+Enter 换行）"></textarea>
-        <div class="dsh-sel-asktools">
-          <span class="dsh-sel-pref" data-on="${webOn ? '1' : '0'}">
-            <span class="dsh-sel-preftext">输出偏好</span>
-            <span class="dsh-sel-seg" role="radiogroup" aria-label="输出偏好">
-              <span class="dsh-sel-segpill"></span>
-              <button class="dsh-sel-segcell" role="radio" aria-label="Markdown：普通段落，最省时间"${webOn ? '' : ' data-on="1"'}>${mdIcon}</button>
-              <button class="dsh-sel-segcell" role="radio" aria-label="网页：复杂问题生成一个 HTML 页面"${webOn ? ' data-on="1"' : ''}>${webIcon}</button>
-            </span>
-          </span>
-          <span class="dsh-sel-askspace"></span>
-          <button class="dsh-sel-picker" type="button" aria-haspopup="menu" aria-expanded="false">
-            <span class="dsh-sel-picker-name">${model}</span>
-            <span class="dsh-sel-picker-tier">· ${tier}</span>
-            <span class="dsh-sel-picker-caret">▼</span>
-          </button>
-          <button class="dsh-sel-iconbtn dsh-sel-asksend" type="button" aria-label="发送">${sendIcon}</button>
-        </div>
-      </div>`
-
-const chatBubble = (role, html) =>
-  `        <div class="dsh-sel-bubble ${role === 'user' ? 'dsh-sel-bubble-user' : 'dsh-sel-bubble-bot'}">${html}</div>`
-
-// ───────────────────────── 状态一：首轮只出翻译 ─────────────────────────
-const stage1 = panel(
-  'translation',
-  [
-    quote('the migration ran long'),
-    section(
-      'translation',
-      '翻译',
-      [
-        p('这句话里需要翻译的是 <b>the migration ran long</b>：'),
-        list(0, [{ text: '<b>migration</b> /maɪˈɡreɪʃn/ —— 迁移（把数据/服务从一处搬到另一处）' }]),
-        list(0, [{ text: '<b>ran long</b> —— 跑得比预期久（ran = run 的过去式，long 指耗时超出预期）' }]),
-        p('合起来：<b>迁移跑得比预期久</b>。'),
-        callout('在本句中', '迁移作业耗时超出了原计划——这是在陈述进度延迟的事实，不含"失败了"的意思。'),
-      ].join('\n'),
-    ),
-    expand,
-    askRow(false),
-  ].join('\n'),
-)
-
-// ───────────────────────── 状态二：展开详解 + 追问 ─────────────────────────
-const stage2 = panel(
-  'detail',
-  [
-    quote('the migration ran long'),
-    section(
-      'translation',
-      '翻译',
-      [
-        p('这句话里需要翻译的是 <b>the migration ran long</b>：'),
-        list(0, [{ text: '<b>migration</b> /maɪˈɡreɪʃn/ —— 迁移（把数据/服务从一处搬到另一处）' }]),
-        list(0, [{ text: '<b>ran long</b> —— 跑得比预期久（ran = run 的过去式，long 指耗时超出预期）' }]),
-        callout('在本句中', '迁移作业耗时超出了原计划——这是在陈述进度延迟的事实，不含"失败了"的意思。'),
-      ].join('\n'),
-    ),
-    section(
-      'detail',
-      '详解',
-      [
-        p('这句话出自一句对话，是开发者在向 PM 说明<b>进度为什么需要重新安排</b>——它不是报错，而是在为后面的决定做铺垫。'),
-        p('两个关键说法各指什么：'),
-        list(0, [
-          { text: '<b>migration</b>（迁移）：把数据或服务从旧结构搬到新结构的一次作业。在数据库语境里通常指改表结构、搬数据这类"不能中途停"的操作。' },
-          { text: '<b>ran long</b>（跑久了）：完成时态，说的是这次已经发生的执行<b>耗时超过预期</b>，而不是"即将变慢"。' },
-        ]),
-        p('承接关系：既然迁移比预期久，后面的 <b>freeze features</b>（冻结功能开发）就不是随口一说，而是把人力腾出来的实际动作。'),
-        callout('小结', '在说"迁移耗时超预期"，用来解释接下来的功能冻结——重点在<b>排期</b>，不在迁移本身的对错。'),
-      ].join('\n'),
-    ),
-    `      <div class="dsh-sel-chatlog" style="display:flex">`,
-    chatBubble('user', '那 freeze features 是指完全停止开发吗？'),
-    chatBubble('assistant', '不是完全停止，而是<b>暂停新功能合入</b>：已有功能的修 bug 与收尾照常，只是不再往主干加新特性，好让迁移期间的分支收敛。'),
-    '      </div>',
-    askRow(false),
-  ].join('\n'),
-)
-
-/** 代码块：真实渲染器逐行输出 `.dsh-sel-pre-line`，注释行带 data-wrap（可折行），代码行不折。 */
-const codeBlock = (lines) => `          <pre class="dsh-sel-pre" data-hl="light">${lines
-  .map((l) => `<div class="dsh-sel-pre-line"${l.wrap ? ' data-wrap="1"' : ''}>${l.wrap ? `<span class="dsh-sel-pre-cmt">${l.text}</span>` : l.text}</div>`)
-  .join('')}</pre>`
-
-// ───────────────────────── 状态三：选中代码 → 出注释 ─────────────────────────
-const codeDemo = panel(
-  'translation',
-  [
-    quote('function debounce(fn, wait) { … }'),
-    section(
-      'translation',
-      '注释',
-      [
-        codeBlock([
-          { wrap: true, text: '// 防抖：把连续触发压成「最后一次之后 wait 毫秒才真正执行」' },
-          { text: 'function debounce(fn, wait) {' },
-          { wrap: true, text: '  // 闭包变量：保存上一次的定时器，用来取消它' },
-          { text: '  let timer = null' },
-          { wrap: true, text: '  // 每次触发都先清掉上一个定时器，再重新计时' },
-          { text: '  return function (...args) {' },
-          { text: '    clearTimeout(timer)' },
-          { wrap: true, text: '    // wait 毫秒内没有新触发，才执行原函数' },
-          { text: '    timer = setTimeout(() =&gt; fn.apply(this, args), wait)' },
-          { text: '  }' },
-          { text: '}' },
-        ]),
-        callout('小结', '把高频触发收敛成一次执行——常用于搜索输入、窗口 resize 这类"只要最终结果"的场景。'),
-      ].join('\n'),
-    ),
-  ].join('\n'),
-)
-
-/** 网页模式：回答里嵌一张可交互的 HTML 页面（.dsh-sel-preview 结构照渲染器）。 */
-const previewBlock = (srcdoc) => `      <div class="dsh-sel-preview" data-view="preview" data-full="1">
-        <div class="dsh-sel-previewbar">
-          <div class="dsh-sel-previewtabs">
-            <button class="dsh-sel-previewtab" data-on="1">预览</button>
-            <button class="dsh-sel-previewtab" data-on="0">源码</button>
-          </div>
-          <button class="dsh-sel-previewzoom">⤡ 还原</button>
-        </div>
-        <div class="dsh-sel-previewbody">
-          <iframe class="dsh-sel-previewframe" srcdoc="${srcdoc.replace(/"/g, '&quot;')}"></iframe>
-        </div>
-      </div>`
-
-const DEMO_HTML = `<!doctype html><html><head><meta charset="utf-8"><style>
-body{margin:0;padding:14px 16px;font:13px/1.6 -apple-system,"PingFang SC",sans-serif;color:#1a1a1a;background:#fff}
-h3{margin:0 0 4px;font-size:14px}
-p.sub{margin:0 0 12px;color:#6b7280;font-size:12px}
-table{border-collapse:collapse;width:100%;font-size:12.5px}
-th,td{border-bottom:1px solid #e6e8eb;padding:7px 8px;text-align:left}
-th{background:#f6f8f9;font-weight:600;color:#374151}
-td.y{color:#0f766e;font-weight:600}
-td.n{color:#b45309}
-.bars{display:flex;align-items:flex-end;gap:10px;height:74px;margin:14px 0 4px}
-.bar{flex:1;border-radius:5px 5px 0 0;background:#0d9488;position:relative}
-.bar span{position:absolute;bottom:-19px;left:0;right:0;text-align:center;font-size:11px;color:#6b7280}
-.b1{height:34px;background:#99f6e4}.b2{height:58px}.b3{height:74px;background:#0f766e}
-</style></head><body>
-<h3>三种缓存策略的取舍</h3>
-<p class="sub">按"命中率 / 一致性风险 / 实现成本"三个维度对比</p>
-<table>
-  <tr><th>策略</th><th>命中率</th><th>一致性风险</th><th>实现成本</th></tr>
-  <tr><td>不缓存</td><td class="n">—</td><td class="y">无</td><td class="y">最低</td></tr>
-  <tr><td>进程内 LRU</td><td class="y">高</td><td class="n">中（多实例不一致）</td><td class="y">低</td></tr>
-  <tr><td>共享缓存 + TTL</td><td class="y">最高</td><td class="y">低（可配 TTL）</td><td class="n">中</td></tr>
-</table>
-<div class="bars"><div class="bar b1"><span>不缓存</span></div><div class="bar b2"><span>LRU</span></div><div class="bar b3"><span>共享缓存</span></div></div>
-</body></html>`
-
-// ───────────────────────── 状态四：网页模式（输出偏好拨到「网页」）─────────────────────────
-// 场景要能体现"为什么该用网页"：需要对比 + 图示的问题 → 直接给一页 HTML。
-const webDemo = panel(
-  'detail',
-  [
-    quote('缓存策略'),
-    section(
-      'detail',
-      '详解',
-      [
-        p('三种做法的差别是并列的，画成一页更好看：'),
-        previewBlock(DEMO_HTML),
-      ].join('\n'),
-    ),
-    `      <div class="dsh-sel-chatlog" style="display:flex">`,
-    chatBubble('user', '把三种缓存策略的差别画成一页对比'),
-    '      </div>',
-    askRow(true, 'deepseek-v4.1-flash', '高'),
-  ].join('\n'),
-)
-
-// ───────────────────────── 状态五：引用（❝）─────────────────────────
-// 三个入口同框：气泡里的引用块（用户消息）、输入框上方的引用卡片、助手气泡末尾的「引用整条」。
-// 浮标照真实行为摆：浮在"被划中的那段"右上角（真实浮层里它是 position:fixed，
-// 演示页里改成绝对定位贴在回答上，好让一张图里同时看见三个入口）。
-const quoteChip = (src, text) => `
-          <div class="dsh-sel-quotechip" data-quote="1">
-            <span class="dsh-sel-quotechip-src">❝ ${src}</span>
-            <span class="dsh-sel-quotechip-text" title="${text}">${text}</span>
-            <button class="dsh-sel-quotechip-x" type="button" aria-label="移除这条引用">✕</button>
-          </div>`
-
-const bqItem = (src, text) => `<div class="dsh-sel-bqitem" title="${text}"><b>❝ ${src}</b>${text}</div>`
-
-const quoteIcon = `<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="width:13px;height:13px;display:block"><circle cx="5.4" cy="6.1" r="2.3"></circle><path d="M3.9 7.4 2.1 12.2 6.1 10.2z"></path><circle cx="11.6" cy="6.1" r="2.3"></circle><path d="M10.1 7.4 8.3 12.2 12.3 10.2z"></path></svg>`
-
-const quoteFloat = `<button class="dsh-sel-btn dsh-sel-quotebtn" type="button" style="position:absolute;right:8px;top:-20px;display:inline-flex">${quoteIcon}<span>引用</span></button>`
-
-const quotesDemo = panel(
-  'detail',
-  [
-    quote('the migration ran long'),
-    section(
-      'translation',
-      '翻译',
-      [
-        p('需要翻译的是 <b>the migration ran long</b>：<b>迁移跑得比预期久</b>。'),
-        callout('在本句中', '迁移作业耗时超出了原计划——陈述进度延迟的事实，不含"失败了"的意思。'),
-      ].join('\n'),
-    ),
-    `      <div class="dsh-sel-chatlog" style="display:flex">`,
-    chatBubble('user', '这句话在排期上意味着什么？'),
-    chatBubble(
-      'assistant',
-      `<div style="position:relative"><p>意味着后面的 <b>freeze features</b> 是配套动作：把人力腾出来盯迁移，而不是随口一说。</p>${quoteFloat}</div>` +
-        '<button class="dsh-sel-bubquote" type="button" style="opacity:.66"><span>❝ 引用整条</span></button>',
-    ),
-    chatBubble(
-      'user',
-      `<div class="dsh-sel-bq">${bqItem('小窗回答', '意味着后面的 freeze features 是配套动作：把人力腾出来盯迁移')}</div>` +
-        '<div>那这两件事的先后顺序能换吗？</div>',
-    ),
-    '      </div>',
-    askRow(
-      false,
-      'deepseek-v4.1-flash',
-      '高',
-      [quoteChip('小窗回答', '意味着后面的 freeze features 是配套动作…'), quoteChip('主界面选中', 'the migration ran long')].join(''),
-    ),
-  ].join('\n'),
-)
-
-const css = extractCss()
-mkdirSync(resolve(ROOT, 'docs', 'demo'), { recursive: true })
-const out = {
-  'stage1.html': PAGE('划词解读 · 首轮翻译', css, stage1),
-  'stage2.html': PAGE('划词解读 · 详解与追问', css, stage2),
-  'code.html': PAGE('划词解读 · 代码注释', css, codeDemo),
-  'web.html': PAGE('划词解读 · 网页模式', css, webDemo),
-  'quotes.html': PAGE('划词解读 · 引用', css, quotesDemo),
-}
-for (const [name, html] of Object.entries(out)) {
-  writeFileSync(resolve(ROOT, 'docs', 'demo', name), html, 'utf8')
-  console.log(`✓ docs/demo/${name}  ${(html.length / 1024).toFixed(1)} kB`)
-}
-console.log(`\nCSS 来源：lib/client.js（${css.length} 字符，未手抄）`)