dsh-theme-palette 1.4.2 → 1.4.3

package/tools/preview-settings.mjs

@@ -1,134 +0,0 @@
-/**
- * 把插件设置页渲染成静态 HTML（浅色 + 深色两块），用于**看板级别的视觉检查**。
- * 组件本身是 React 元素树；这里用一个极小的树→HTML 渲染器把它铺开，
- * 样式取自插件真正注入的 SETTINGS_CSS（经 dev 钩子拿到），token 由生产引擎按模式算出。
- *
- * 用法：node tools/preview-settings.mjs   → tools/preview.html
- */
-import fs from 'node:fs'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const here = path.dirname(fileURLToPath(import.meta.url))
-const root = path.resolve(here, '..')
-const argv = process.argv.slice(2)
-const li = argv.indexOf('--lang')
-const LANG = li >= 0 ? argv[li + 1] : 'auto'   // auto | zh-CN | zh-TW | en | ja
-const source = fs.readFileSync(path.join(root, 'client.js'), 'utf8')
-
-let engine = null
-const sandbox = {
-  window: {
-    __ModuleLoader__: { load: (d) => { sandbox.def = d } },
-    __DSH_THEME_PALETTE_DEV__: (api) => { engine = api },
-  },
-  localStorage: { getItem: () => null, setItem: () => {} },
-  document: { head: { appendChild() {} }, createElement: () => ({ dataset: {}, remove() {} }), querySelector: () => null, documentElement: { lang: LANG === 'auto' ? 'zh-CN' : LANG } },
-  navigator: { language: 'zh' },
-}
-new Function('window', 'localStorage', 'document', 'navigator', source)(
-  sandbox.window, sandbox.localStorage, sandbox.document, sandbox.navigator,
-)
-const React = {
-  createElement: (type, props, ...kids) => ({ type, props: props || {}, kids }),
-  useState: (v) => (typeof v === 'boolean' ? [true, () => {}] : [v, () => {}]),
-  useSyncExternalStore: (sub, get) => get(),
-}
-const plugin = sandbox.def.factory(() => React)
-
-let section = null
-const ctx = {
-  get: (n) => (n === 'theme' ? { overrideTokens: () => () => {}, getTheme: () => ({ preference: 'light' }), setTheme: () => {} } : undefined),
-  effect: (f) => { const d = f(); return d || (() => {}) },
-  on: () => () => {},
-  inject: () => {},
-  slots: { inject: (n, fn) => fn(), register: (o, C) => { section = C; return () => {} } },
-}
-plugin.apply(ctx)
-if (!section || !engine) throw new Error('拿不到设置页组件或引擎')
-
-const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]))
-const VOID = new Set(['br', 'img', 'input', 'hr'])
-
-function toHtml(node) {
-  if (node == null || node === false) return ''
-  if (typeof node === 'string' || typeof node === 'number') return esc(node)
-  if (Array.isArray(node)) return node.map(toHtml).join('')
-  const { type, props, kids } = node
-  if (typeof type === 'function') return toHtml(type({ ...props, ...props.kids }))
-  const attrs = []
-  for (const [k, v] of Object.entries(props)) {
-    if (v == null || k === 'kids' || k === 'children') continue
-    if (k === 'className') attrs.push(`class="${esc(v)}"`)
-    else if (k === 'style' && typeof v === 'object') {
-      attrs.push(`style="${Object.entries(v).map(([sk, sv]) => `${sk}:${esc(sv)}`).join(';')}"`)
-    } else if (k.startsWith('aria-') || k === 'role' || k === 'type') attrs.push(`${k}="${esc(v)}"`)
-  }
-  if (VOID.has(type)) return `<${type} ${attrs.join(' ')}>`
-  return `<${type}${attrs.length ? ' ' + attrs.join(' ') : ''}>${(kids || []).map(toHtml).join('')}</${type}>`
-}
-
-const { buildTokens, cardColors } = engine
-const scheme = engine.SCHEMES.find((s) => s.id === 'warm')
-
-/** 一个模式下设置页会用到的 token → CSS 变量 */
-function vars(mode) {
-  const t = buildTokens(scheme, 'deep', 'tinted', 'sidebar', 'tinted', 'accent', 'on')
-  const pick = (name, fallback) => (t[name] ? t[name][mode] : fallback)
-  const stat = (step, fallback) => pick('--dsw-static-neutral-bluish-' + step, fallback)
-  const h = mode === 'dark'
-    ? { canvas: '#151517', card: '#2c2c2e', text: '#f9fafb', sec: '#cfd3d6', ter: '#adb2b8' }
-    : { canvas: '#ffffff', card: '#f5f6f7', text: '#0f1115', sec: '#61666b', ter: '#81858c' }
-  const steps = mode === 'dark'
-    ? { canvas: '950', card: '850', text: '50', sec: '300', ter: '400' }
-    : { canvas: '00', card: '60', text: '1000', sec: '700', ter: '600' }
-  return {
-    canvas: stat(steps.canvas, h.canvas),
-    card: stat(steps.card, h.card),
-    vars: {
-      '--dsw-alias-label-primary': stat(steps.text, h.text),
-      '--dsw-alias-label-secondary': stat(steps.sec, h.sec),
-      '--dsw-alias-label-tertiary': stat(steps.ter, h.ter),
-      '--dsw-alias-border-l2': mode === 'dark' ? '#ffffff1f' : '#0000001a',
-      '--dsw-alias-border-l4': mode === 'dark' ? '#ffffff33' : '#00000029',
-      '--dsw-alias-interactive-bg-hover': mode === 'dark' ? '#f9fafb14' : '#12110f0f',
-      '--dsw-alias-bg-layer-1': stat(steps.card, h.card),
-      '--dsw-alias-bg-module-platform': stat(mode === 'dark' ? '800' : '60', h.card),
-      '--dsw-alias-state-error-primary': '#ef4444',
-      '--dsh-card-picked': pick('--dsh-card-picked', h.card),
-    },
-  }
-}
-
-const props = {
-  getCurrent: () => scheme.id,
-  subscribe: () => () => {}, setPalette: () => {},
-  getSidebarMode: () => 'deep', subscribeSidebar: () => () => {}, setSidebarMode: () => {},
-  getTextMode: () => 'tinted', subscribeText: () => () => {}, setTextMode: () => {},
-  getRightbarMode: () => 'sidebar', subscribeRightbar: () => () => {}, setRightbarMode: () => {},
-  getScrollMode: () => 'tinted', subscribeScroll: () => () => {}, setScrollMode: () => {},
-  getControlMode: () => 'accent', subscribeControl: () => () => {}, setControlMode: () => {},
-  getMdMode: () => 'on', subscribeMd: () => () => {}, setMdMode: () => {},
-  getLangPref: () => (LANG === 'auto' ? 'auto' : LANG), getLocale: () => (LANG === 'auto' ? 'zh-CN' : LANG),
-  subscribeLocale: () => () => {}, setLangPref: () => {},
-  getHealth: () => ({ ok: true, checked: 5 }), subscribeHealth: () => () => {},
-}
-
-const body = section(props)
-// 深色必须靠 body 上的属性切换（生产环境正是 `body[data-ds-dark-theme]`），
-// 所以明暗各出一个文件，而不是一页放两块。
-for (const mode of ['light', 'dark']) {
-  const { canvas, vars: vv } = vars(mode)
-  const style = Object.entries(vv).map(([k, v]) => `${k}:${v}`).join(';')
-  const dark = mode === 'dark' ? ' data-ds-dark-theme' : ''
-  const html = `<!doctype html><html lang="zh"><head><meta charset="utf-8">
-<title>设置页预览 · ${mode}</title><style>
-html,body{margin:0;background:#0a0a0a;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
-.page{width:720px;padding:16px}
-.wrap{padding:18px;border-radius:16px;border:1px solid rgba(128,128,128,.3);background:${canvas};${style};color:var(--dsw-alias-label-primary)}
-</style><style>${engine.settingsCss}</style></head>
-<body${dark}><div class="page"><div class="wrap">${toHtml(body)}</div></div></body></html>`
-  const out = path.join(here, `preview-${mode}${LANG === 'auto' ? '' : '-' + LANG}.html`)
-  fs.writeFileSync(out, html)
-  console.log('✓ ' + out + '（' + Math.round(html.length / 1024) + ' KB）')
-}

package/tools/release.mjs

@@ -1,130 +0,0 @@
-/**
- * 一键发版：npm publish + 等 registry 出现该版本 + 校验 dist-tag + 可选打 tag 推 Git。
- *
- * 用法：
- *   node tools/release.mjs --dry            # 只做本地检查（语法、打包内容、版本可用性）
- *   node tools/release.mjs                  # 真发布（需要 npm 登录态）
- *   node tools/release.mjs --tag            # 发布后再打 tag 并推 main + tag
- *   node tools/release.mjs --skip-publish   # 只打 tag（版本已经在 registry 上了）
- *
- * 为什么需要它：本机 npm 默认源是 npmmirror，publish 必须显式指官方源；而 npm 对新包名
- * 会走「暂存审核」，CLI 照样打印 `+ pkg@ver`，必须回查 registry 才知道有没有真的放出来。
- * 另外 latest 不保证自动前移，得验一次。
- */
-import { execFileSync } from 'node:child_process'
-import { readFileSync, existsSync } from 'node:fs'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const here = path.dirname(fileURLToPath(import.meta.url))
-const root = path.resolve(here, '..')
-const args = process.argv.slice(2)
-const has = (f) => args.includes('--' + f)
-
-const REGISTRY = 'https://registry.npmjs.org'
-// Windows 上 `npm` 实际是 npm.cmd，execFileSync 不做 PATHEXT 解析，必须写全名。
-const NPM = process.platform === 'win32' ? 'npm.cmd' : 'npm'
-const CURL = process.platform === 'win32' ? 'curl.exe' : 'curl'
-const pkg = JSON.parse(readFileSync(path.join(root, 'package.json'), 'utf8'))
-const { name, version } = pkg
-const tag = 'v' + version
-
-const run = (cmd, cmdArgs, opts = {}) => {
-  const out = execFileSync(cmd, cmdArgs, { cwd: root, encoding: 'utf8', stdio: ['ignore', 'pipe', 'pipe'], ...opts })
-  return typeof out === 'string' ? out.trim() : ''
-}
-const sh = (cmd) => run(process.platform === 'win32' ? 'cmd' : 'sh', process.platform === 'win32' ? ['/c', cmd] : ['-c', cmd])
-const ok = (m) => console.log('  ✓ ' + m)
-const die = (m) => { console.error('  ✗ ' + m); process.exit(1) }
-
-console.log(`\n发版 ${name}@${version}${has('dry') ? '（dry run）' : ''}\n`)
-
-// 1. 本地检查
-try { run(process.execPath, ['--check', 'client.js']); ok('client.js 语法') } catch { die('client.js 语法错误') }
-// 1b. dsh.client 必须配 exports["./client"] —— 缺了宿主 client-modules 会直接启动失败
-//     （2026-10-21 实测：加 exports 却漏掉 ./client 导致重启后整个 profile 起不来）
-{
-  const manifest = JSON.parse(readFileSync(path.join(root, 'package.json'), 'utf8'))
-  if (manifest.dsh && manifest.dsh.client) {
-    const clientRel = manifest.exports && manifest.exports['./client']
-    if (!clientRel) die('dsh.client 已声明但 exports 缺 "./client"（宿主会报 exports no "./client" bundle）')
-    const rel = typeof clientRel === 'string' ? clientRel : clientRel.default
-    if (typeof rel !== 'string' || !existsSync(path.join(root, rel))) die('exports["./client"] 指向的文件不存在：' + rel)
-    ok('client 子路径可解析：exports["./client"] → ' + rel)
-  }
-}
-
-const dirty = sh('git status --porcelain')
-if (dirty) die('工作区不干净，先提交：\n' + dirty)
-ok('工作区干净')
-
-const packed = run(process.platform === 'win32' ? 'cmd' : 'sh',
-  process.platform === 'win32' ? ['/c', 'npm pack --dry-run --json'] : ['-c', 'npm pack --dry-run --json'])
-try {
-  const info = JSON.parse(packed.slice(packed.indexOf('[')))[0]
-  ok(`打包 ${info.entryCount} 个文件 / ${(info.size / 1024).toFixed(1)} KB`)
-} catch { die('读不出 npm pack --dry-run 的结果') }
-
-// 2. 版本是否已在 registry
-let remote = null
-try { remote = JSON.parse(sh(`${NPM} view ${name} versions --json --registry=${REGISTRY}`)) } catch { remote = null }
-const remoteList = Array.isArray(remote) ? remote : remote ? [remote] : []
-if (remoteList.includes(version)) {
-  ok(`registry 上已有 ${version}`)
-  if (!has('skip-publish')) die('该版本已发布，先改 package.json 的 version')
-} else {
-  ok(`registry 上没有 ${version}（当前 ${remoteList.length} 个版本）`)
-}
-
-if (has('dry')) { console.log('\n干跑结束，没有发布。\n'); process.exit(0) }
-
-// 3. 发布
-if (!has('skip-publish')) {
-  console.log('\n发布中…')
-  try {
-    // Node 20+ 在 Windows 上不允许直接 spawn .cmd（CVE-2024-27980 的缓解），
-    // 必须走 shell；所以统一用 sh()，而不是 execFileSync。
-    const out = sh(`${NPM} publish --registry=${REGISTRY}`)
-    if (out) console.log(out)
-  } catch (err) {
-    die('npm publish 失败：' + (err.stderr || err.message))
-  }
-}
-
-// 4. 回查 registry（新包会进暂存审核，CLI 打印成功不代表已放出）
-console.log('\n等 registry 出现该版本（最多 10 分钟，暂存审核通过前会一直 404）…')
-const started = Date.now()
-let live = false
-while (Date.now() - started < 10 * 60 * 1000) {
-  try {
-    const code = sh(`${CURL} -s -o ${process.platform === 'win32' ? 'NUL' : '/dev/null'} -w "%{http_code}" ${REGISTRY}/${name}/${version}`)
-    if (code.trim() === '200') { live = true; break }
-  } catch { /* 网络抖动继续等 */ }
-  await new Promise((r) => setTimeout(r, 15000))
-}
-if (!live) die('10 分钟内没出现在 registry —— 可能仍在审核，稍后手动跑 npm view ' + name + ' versions')
-ok(`registry 上已可下载 ${version}`)
-
-// 5. dist-tag
-const latest = sh(`${NPM} view ${name} dist-tags.latest --registry=${REGISTRY}`).trim()
-if (latest === version) ok(`latest = ${version}`)
-else {
-  console.log(`  ! latest 指向 ${latest}，手工前移：npm dist-tag add ${name}@${version} latest --registry=${REGISTRY}`)
-  try {
-    sh(`${NPM} dist-tag add ${name}@${version} latest --registry=${REGISTRY}`)
-    ok(`已前移 latest → ${version}`)
-  } catch { console.log('  ! 前移失败，需要人工处理') }
-}
-
-// 6. Git tag（可选）
-if (has('tag')) {
-  try {
-    sh(`git tag -a ${tag} -m "${name} ${version}"`)
-    sh(`git push origin main ${tag}`)
-    ok(`已打 tag 并推送 ${tag}`)
-  } catch (err) {
-    console.log('  ! tag/推送失败：' + (err.stderr || err.message))
-  }
-}
-
-console.log(`\n完成：https://www.npmjs.com/package/${name}/v/${version}\n`)

package/tools/sheet.mjs

@@ -1,219 +0,0 @@
-/**
- * 生成配色看板 HTML（截图回归的"被测页面"）。
- *
- * 为什么需要它：插件的真实渲染在 DSH 的 Web GUI 里，而那个页面要鉴权 token，
- * 无头浏览器拿不到；但**配色系统本身的视觉回归**不需要整个 App —— 把每个 token
- * 渲染成真实的界面块（侧栏条目、气泡、按钮、开关、滚动条、正文层级），
- * 就足以发现"对比度掉了、色相反了、层级糊了"这类问题。
- *
- * 颜色全部来自 client.js 的生产引擎（经 __DSH_THEME_PALETTE_DEV__ 钩子），
- * 所以看板 = 上线配色的忠实投影，不是另画一套。
- *
- * 用法：node tools/sheet.mjs      → 生成 tools/sheet.html
- *      node tools/shoot.mjs       → 用无头 Chrome 截 4 张（每套配色一张，含明暗两版）
- */
-import fs from 'node:fs'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const here = path.dirname(fileURLToPath(import.meta.url))
-const root = path.resolve(here, '..')
-const source = fs.readFileSync(path.join(root, 'client.js'), 'utf8')
-
-let engine = null
-const sandbox = {
-  window: {
-    __ModuleLoader__: { load: (d) => { sandbox.def = d } },
-    __DSH_THEME_PALETTE_DEV__: (api) => { engine = api },
-  },
-  localStorage: { getItem: () => null, setItem: () => {} },
-  document: { head: { appendChild() {} }, createElement: () => ({ dataset: {}, remove() {} }), querySelector: () => null, documentElement: { lang: 'zh' } },
-  navigator: { language: 'zh' },
-}
-new Function('window', 'localStorage', 'document', 'navigator', source)(
-  sandbox.window, sandbox.localStorage, sandbox.document, sandbox.navigator,
-)
-sandbox.def.factory(() => ({ createElement: () => null, useState: () => [null, () => {}], useSyncExternalStore: () => 'mono' }))
-if (!engine) throw new Error('生产引擎没有暴露 dev 钩子')
-
-const { buildTokens, SCHEMES } = engine
-
-/** 宿主原值（黑白配色走宿主，缺的 token 用它兜底） */
-const HOST = {
-  light: {
-    canvas: '#ffffff', card: '#f5f6f7', overlay: '#e9ecf2', sidebar: '#f9fafb', hover: '#f1f3f5', active: '#ebeef2',
-    text: '#0f1115', secondary: '#61666b', tertiary: '#81858c', caption: '#adb2b8',
-    link: '#4176e6', bubble: '#edf3fe', button: '#ec1313', switchOn: '#0f1115',
-    scroll: '#e5e5e5', scrollHover: '#d4d4d4',
-  },
-  dark: {
-    canvas: '#151517', card: '#2c2c2e', overlay: '#61666b', sidebar: '#1b1b1c', hover: '#2c2c2e', active: '#43454a',
-    text: '#f9fafb', secondary: '#cfd3d6', tertiary: '#adb2b8', caption: '#81858c',
-    link: '#7aaaff', bubble: '#2c2c2e', button: '#f9fafb', switchOn: '#f9fafb',
-    scroll: '#3c3c3d', scrollHover: '#545557',
-  },
-}
-
-/** 取某套配色在某模式下的界面色板（缺省回落到宿主值）。 */
-const isDarkFallback = (h) => h.card
-
-function palette(scheme, mode) {
-  const t = buildTokens(scheme, 'deep', 'tinted', 'sidebar', 'tinted', 'accent')
-  const pick = (name, fallback) => {
-    const entry = t[name]
-    return entry ? entry[mode] : fallback
-  }
-  // 注意：色阶 token 的 light/dark 两值是同一个（色阶本身与模式无关），
-  // 真正的"深色画布"是**另一个步**（950 而不是 00）。所以按宿主的别名映射取步号。
-  const steps = mode === 'dark'
-    ? { canvas: '950', card: '850', overlay: '800', text: '50', secondary: '300', tertiary: '400' }
-    : { canvas: '00', card: '60', overlay: '150', text: '1000', secondary: '700', tertiary: '600' }
-  const stat = (step, fallback) => pick('--dsw-static-neutral-bluish-' + step, fallback)
-  const h = HOST[mode]
-  return {
-    canvas: stat(steps.canvas, h.canvas),
-    card: stat(steps.card, h.card),
-    overlay: stat(steps.overlay, h.overlay),
-    sidebar: pick('--dsw-specific-sidebar-fill', h.sidebar),
-    hover: pick('--dsw-specific-sidebar-nav-item-hover', h.hover),
-    active: pick('--dsw-specific-sidebar-nav-item-active', h.active),
-    text: stat(steps.text, h.text),
-    secondary: stat(steps.secondary, h.secondary),
-    tertiary: stat(steps.tertiary, h.tertiary),
-    caption: pick('--dsw-alias-label-caption', h.caption),
-    link: pick('--dsw-alias-link', h.link),
-    bubble: pick('--dsw-specific-bubble', h.bubble),
-    button: pick('--dsw-alias-button-primary-fill', h.button),
-    switchOn: pick('--dsw-alias-brand-primary', h.switchOn),
-    scroll: stat('200', h.scroll),
-    scrollHover: stat('300', h.scrollHover),
-    code: pick('--dsh-code-fill', isDarkFallback(h)),
-    codeInline: pick('--dsh-code-inline', h.card),
-    picked: pick('--dsh-card-picked', h.card),
-  }
-}
-
-const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]))
-
-function panel(scheme, mode) {
-  const c = palette(scheme, mode)
-  const isDark = mode === 'dark'
-  const label = mode === 'dark' ? '深色' : '浅色'
-  const bg = c.canvas
-  const code = c.code
-  return `
-  <section class="panel" data-scheme="${scheme.id}" data-mode="${mode}" style="
-      --canvas:${c.canvas}; --card:${c.card}; --sidebar:${c.sidebar}; --hover:${c.hover}; --active:${c.active};
-      --text:${c.text}; --secondary:${c.secondary}; --tertiary:${c.tertiary}; --caption:${c.caption};
-      --link:${c.link}; --bubble:${c.bubble}; --button:${c.button}; --switch:${c.switchOn};
-      --scroll:${c.scroll}; --scrollHover:${c.scrollHover}; --picked:${c.picked}; --code:${c.code}; --codeInline:${c.codeInline};
-      background:${bg};">
-    <header>
-      <b>${esc(scheme.label)}</b><span class="dim">${label}模式</span>
-      <span class="hexes">画布 ${c.canvas} · 侧栏 ${c.sidebar} · 卡层 ${c.card} · 代码 ${c.code} · 气泡 ${c.bubble}</span>
-    </header>
-
-    <div class="frame">
-      <aside class="col-side">
-        <div class="brand">deepseek <b>HARNESS</b></div>
-        <div class="new-chat">＋ 新会话</div>
-        <div class="row active">论衡插件其他文类模板需求</div>
-        <div class="row">定位错配审计-2026-10-20</div>
-        <div class="row hover">行政国家理念跨国流动</div>
-        <div class="row dim2">1 天前</div>
-        <div class="section-label">工作区</div>
-        <div class="row">论衡开发</div>
-        <div class="scroll-track"><i></i></div>
-      </aside>
-
-      <main class="col-main">
-        <div class="tabs"><span class="on">对话</span><span>轨迹</span><span>上下文</span><span>画廊</span></div>
-        <h3>其余批次可以先做；B3/B4/B5 各自会改变判定结果</h3>
-        <p class="body">正文示例：这段文字用来检查正文在画布上的可读性，以及它是否带上配色的色味。
-          次级说明文字出现在这里，<span class="sec">像这样</span>；更弱的注释<span class="cap">（例如 13:17）</span>再弱一档。
-          链接形如 <a>定位错配审计</a>，保证不丢锚点感。</p>
-        <div class="bubble">主人发出的消息：这个对话条目的文字底色会不会太红？</div>
-        <div class="card">
-          <div class="card-title">定位错配审计-2026-10-20-人文社科长文-v1.md</div>
-          <div class="card-desc">人文社科长文定位 × 论衡 v19.21.0 的错配审计</div>
-        </div>
-        <pre class="code">const theme = ctx.get('theme')
-theme.overrideTokens('mine', { '--dsw-alias-link': { light, dark } })</pre>
-        <div class="controls">
-          <button class="btn">打开</button>
-          <span class="chip">定题 1/1</span>
-          <span class="chip ghost">检索 0/3</span>
-          <span class="switch on"><i></i></span>
-          <span class="switch"><i></i></span>
-          <span class="state err">错误</span><span class="state warn">警告</span><span class="state ok">成功</span>
-        </div>
-      </main>
-    </div>
-  </section>`
-}
-
-const css = `
-*{box-sizing:border-box}
-html,body{margin:0;padding:0;background:#0a0a0a}
-.page{width:720px;padding:16px;display:flex;flex-direction:column;gap:16px;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
-.panel{border-radius:14px;overflow:hidden;color:var(--text);font-size:13px;line-height:1.55;border:1px solid rgba(128,128,128,.25)}
-.panel header{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(128,128,128,.18)}
-.panel header b{font-size:14px}
-.panel .dim{opacity:.6;font-size:12px}
-.hexes{margin-left:auto;font:11px/1.4 ui-monospace,Consolas,monospace;opacity:.55}
-.frame{display:flex;min-height:330px}
-.col-side{width:210px;background:var(--sidebar);padding:10px 8px;display:flex;flex-direction:column;gap:4px}
-.brand{font-size:12px;font-weight:600;padding:2px 6px 8px;letter-spacing:.2px}
-.new-chat{border:1px solid var(--hover);border-radius:9px;padding:7px 10px;text-align:center;font-size:12px;margin-bottom:6px}
-.row{padding:6px 8px;border-radius:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.row.active{background:var(--active)}
-.row.hover{background:var(--hover)}
-.row.dim2{color:var(--tertiary);font-size:11px}
-.section-label{color:var(--tertiary);font-size:11px;padding:8px 8px 2px}
-.scroll-track{position:relative;flex:1;min-height:16px}
-.scroll-track i{position:absolute;right:-6px;top:6px;bottom:6px;width:4px;border-radius:3px;background:var(--scroll)}
-.col-main{flex:1;background:var(--canvas);padding:10px 14px;display:flex;flex-direction:column;gap:9px;min-width:0}
-.tabs{display:flex;gap:14px;font-size:12px;color:var(--tertiary);border-bottom:1px solid var(--hover);padding-bottom:6px}
-.tabs .on{color:var(--text);box-shadow:inset 0 -2px 0 var(--button)}
-h3{margin:2px 0 0;font-size:15px;line-height:1.45;font-weight:600}
-.body{margin:0;font-size:13px}
-.sec{color:var(--secondary)}
-.cap{color:var(--caption);font-size:12px}
-a{color:var(--link);text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--link) 60%,transparent)}
-.bubble{align-self:flex-end;max-width:78%;background:var(--bubble);border-radius:14px;padding:9px 12px;font-size:12.5px;line-height:1.5}
-.card{background:var(--card);border-radius:10px;padding:9px 11px;border:1px solid var(--hover)}
-.card-title{font-size:12.5px}
-.card-desc{color:var(--tertiary);font-size:11.5px;margin-top:2px}
-.code{margin:0;background:var(--code);border-radius:9px;padding:9px 11px;font:11.5px/1.5 ui-monospace,Consolas,monospace;color:var(--secondary);white-space:pre-wrap}
-.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
-.btn{background:var(--button);color:var(--canvas);border:0;border-radius:8px;padding:6px 14px;font:inherit;font-size:12px}
-.chip{border:1px solid var(--hover);border-radius:999px;padding:2px 9px;font-size:11.5px;color:var(--secondary)}
-.chip.ghost{border-style:dashed}
-.switch{width:26px;height:14px;border-radius:999px;background:var(--hover);position:relative;display:inline-block}
-.switch i{position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:var(--card)}
-.switch.on{background:var(--switchOn)}
-.switch.on i{left:16px;background:var(--canvas)}
-.state{font-size:11.5px;padding:1px 6px;border-radius:6px}
-.state.err{color:#ef4444}.state.warn{color:#f59e0b}.state.ok{color:#22c55e}
-`
-
-const body = SCHEMES.map((s, i) => `
-  <div class="view" data-i="${i + 1}">${panel(s, 'light')}${panel(s, 'dark')}</div>`).join('')
-
-const html = `<!doctype html>
-<html lang="zh"><head><meta charset="utf-8"><title>dsh-theme-palette · 配色看板</title>
-<style>${css}
-.view{display:none}
-.view.on{display:flex;flex-direction:column;gap:16px}
-</style></head>
-<body><div class="page">${body}</div>
-<script>
-  // ?v=N 选第 N 套配色（默认 1）；每张截图含该套的浅色 + 深色两个面板
-  const v = Number(new URLSearchParams(location.search).get('v') || 1)
-  document.querySelectorAll('.view').forEach(el => el.classList.toggle('on', Number(el.dataset.i) === v))
-  document.documentElement.dataset.ready = '1'
-</script></body></html>`
-
-const out = path.join(here, 'sheet.html')
-fs.writeFileSync(out, html)
-console.log('✓ ' + out + '（' + Math.round(html.length / 1024) + ' KB，' + SCHEMES.length + ' 个视图）')

package/tools/shoot-desktop.mjs

@@ -1,112 +0,0 @@
-/**
- * 桌面版截图回归：通过 CDP 连到运行中的 DSH 桌面窗口，按「配色 × 明暗」逐张截图。
- *
- * 前提：DSH 桌面版必须以调试端口启动一次（见 tools/README.md）：
- *   "DeepSeek Harness.exe" --remote-debugging-port=9333
- *
- * 做法：不改配置、不点菜单 —— 走插件自己的开发期接口
- *   window.__DSH_THEME_PALETTE_DEV__.setPalette('warm')
- *   window.__DSH_THEME_PALETTE_DEV__.setTheme('dark')
- * 抓完会把「原来的配色与明暗偏好」还原（theme 会写进宿主设置，不还会改用户配置）。
- *
- * 用法：
- *   node tools/shoot-desktop.mjs                  # 抓全部 4 套 × 浅/深 → tools/out/<时间戳>/
- *   node tools/shoot-desktop.mjs --only warm,dark  # 只抓指定配色
- *   node tools/shoot-desktop.mjs --port 9333 --out tools/out/run1
- */
-import fs from 'node:fs'
-import path from 'node:path'
-import { createHash } from 'node:crypto'
-import { setTimeout as sleep } from 'node:timers/promises'
-import { fileURLToPath } from 'node:url'
-
-const here = path.dirname(fileURLToPath(import.meta.url))
-const argv = process.argv.slice(2)
-const arg = (k, d) => { const i = argv.indexOf('--' + k); return i >= 0 ? argv[i + 1] : d }
-const port = Number(arg('port', '9333'))
-const only = String(arg('only', '')).split(',').map((s) => s.trim()).filter(Boolean)
-const stamp = new Date().toISOString().replace(/[-:T]/g, '').slice(0, 14)
-const outDir = path.resolve(arg('out', path.join(here, 'out', stamp)))
-
-class CDP {
-  constructor(ws) { this.ws = ws; this.id = 0; this.pending = new Map(); this.events = new Map() }
-  static async attach(url) {
-    const ws = new WebSocket(url)
-    const c = new CDP(ws)
-    await new Promise((res, rej) => { ws.onopen = res; ws.onerror = () => rej(new Error('ws 连接失败')) })
-    ws.onmessage = (m) => {
-      const msg = JSON.parse(m.data)
-      if (msg.id && c.pending.has(msg.id)) {
-        const { res, rej } = c.pending.get(msg.id)
-        c.pending.delete(msg.id)
-        msg.error ? rej(new Error(JSON.stringify(msg.error))) : res(msg.result)
-      } else if (msg.method) {
-        const list = c.events.get(msg.method) || []
-        list.forEach((fn) => fn(msg.params))
-        c.events.set(msg.method, [])
-      }
-    }
-    return c
-  }
-  send(method, params = {}) {
-    const id = ++this.id
-    this.ws.send(JSON.stringify({ id, method, params }))
-    return new Promise((res, rej) => this.pending.set(id, { res, rej }))
-  }
-}
-
-async function pickPageTarget() {
-  const res = await fetch(`http://127.0.0.1:${port}/json/list`)
-  if (!res.ok) throw new Error('拿不到调试目标')
-  const list = await res.json()
-  const pages = list.filter((t) => t.type === 'page' && /^https?:/.test(t.url))
-  if (pages.length === 0) throw new Error('没有找到页面目标（窗口是否已加载？）')
-  // 优先 dsh 的页面
-  return pages.find((t) => /dsh|127\.0\.0\.1|localhost/.test(t.url)) || pages[0]
-}
-
-const evaluate = async (cdp, expression) => {
-  const r = await cdp.send('Runtime.evaluate', { expression, returnByValue: true, awaitPromise: true })
-  if (r.exceptionDetails) throw new Error(expression + ' → ' + JSON.stringify(r.exceptionDetails).slice(0, 200))
-  return r.result.value
-}
-
-async function main() {
-  const target = await pickPageTarget()
-  const cdp = await CDP.attach(target.webSocketDebuggerUrl)
-  await cdp.send('Page.enable')
-  await cdp.send('Runtime.enable')
-
-  const ready = await evaluate(cdp, "!!(window.__DSH_THEME_PALETTE_DEV__ && window.__DSH_THEME_PALETTE_DEV__.attach)")
-  if (!ready) throw new Error('插件未暴露自动化接口（版本 < 1.0.1？或插件没加载）')
-
-  const api = 'window.__DSH_THEME_PALETTE_DEV__'
-  const all = only.length ? only : await evaluate(cdp, `${api}.schemes`)
-  const originalPref = await evaluate(cdp, `${api}.getPreference()`)
-  const originalPalette = await evaluate(cdp, "localStorage.getItem('dsh-theme-palette.v1') || 'mono'")
-  fs.mkdirSync(outDir, { recursive: true })
-  const manifest = []
-
-  for (const scheme of all) {
-    for (const mode of ['light', 'dark']) {
-      await evaluate(cdp, `window.__DSH_THEME_PALETTE_DEV__.setPalette(${JSON.stringify(scheme)})`)
-      await evaluate(cdp, `window.__DSH_THEME_PALETTE_DEV__.setTheme(${JSON.stringify(mode)})`)
-      await sleep(700) // 等 presenter 落样式 + 字体
-      const shot = await cdp.send('Page.captureScreenshot', { format: 'png', captureBeyondViewport: false })
-      const buf = Buffer.from(shot.data, 'base64')
-      const name = `${scheme}-${mode}.png`
-      fs.writeFileSync(path.join(outDir, name), buf)
-      manifest.push({ name, scheme, mode, bytes: buf.length, sha256: createHash('sha256').update(buf).digest('hex').slice(0, 16) })
-      console.log(`✓ ${name}  ${(buf.length / 1024).toFixed(0)} KB`)
-    }
-  }
-
-  // 还原用户原来的偏好（theme 会写进宿主设置，不还会改用户配置）
-  await evaluate(cdp, `${api}.setPalette(${JSON.stringify(originalPalette)})`)
-  await evaluate(cdp, `${api}.setTheme(${JSON.stringify(originalPref)})`)
-  fs.writeFileSync(path.join(outDir, 'manifest.json'), JSON.stringify({ target: target.url, viewport: await evaluate(cdp, '[innerWidth, innerHeight]'), originalPreference: originalPref, originalPalette, shots: manifest }, null, 2) + '\n')
-  console.log(`\n输出目录：${outDir}`)
-  console.log(`已还原明暗偏好：${original}`)
-}
-
-main().catch((e) => { console.error('✗ ' + e.message); process.exit(1) })