From 911ceca0799e076a329c0611998bead6d263e9a4 Mon Sep 17 00:00:00 2001
From: wangjia <809946525@qq.com>
Date: Sat, 11 Jul 2026 01:00:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(design+desktop):=20Select=20=E7=9C=9F?=
 =?UTF-8?q?=E7=9B=B8=E6=BA=90=E7=BB=84=E4=BB=B6=20+=20=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E6=97=A0=E8=BE=B9=E6=A1=86=EF=BC=8812A=20?=
 =?UTF-8?q?=E5=AE=9E=E6=B5=8B=E5=8F=8D=E9=A6=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Select 组件（用户拍板：下拉框全端共用一个真相源）：
- design/components/forms/Select.jsx：自绘下拉——触发器同 Input
  （control-sm/radius-sm/border-1 + chevronDown），弹层同菜单
  （radius-md/shadow-menu、选中项前置对勾、hover surface-2），
  外点/Esc 收起；登记簿加卡；icons.js 新增 chevronDown 并登记 icon-map
- 原型 SettingsTray 与桌面 SettingsApp 同步换用（替换原生 select——
  其系统弹层样式/位置不可控，即 12A 截图问题）

原型组件运行时可再生（修复单源缺口）：
- design-pipeline/bundle-components.mjs：用 desktop 现成 esbuild 重建
  _ds_bundle.js（此前为 Claude 导出产物、仓库内无法再生，组件一改即
  过期）；import 'react' 经全局 shim，命名空间不变；已实测原型页正常
- _ds_bundle.js 重建（15 个组件，含 Select/Icon）

设置窗口无边框：
- tauri.conf settings 窗口 titleBarStyle=Overlay + hiddenTitle，
  系统红绿灯悬浮左上；SettingsApp 自绘顶条（surface-2 + 下边框 +
  data-tauri-drag-region 可拖拽），对齐原型 MacWindow 规格

合并 feat/design-truth-source（真相源与闸体系）进本分支

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 design-pipeline/bundle-components.mjs         |   85 +
 design/SKILL.md                               |    1 +
 design/_ds_bundle.js                          | 2718 +++--------------
 design/components/forms/Select.d.ts           |   18 +
 design/components/forms/Select.jsx            |  110 +
 design/icon-map.json                          |    1 +
 design/icons.js                               |    2 +
 design/index.html                             |    1 +
 design/ui_kits/desktop/SettingsTray.jsx       |   19 +-
 desktop/src-tauri/tauri.conf.json             |    4 +-
 desktop/src/settings/SettingsApp.jsx          |   28 +-
 .../uploads/fb/fb103fb8c043ce426f84e367/1.png |  Bin 0 -> 12 bytes
 .../uploads/fb/fb6c6ae356b05e421fa9b16e/1.png |  Bin 0 -> 12 bytes
 13 files changed, 592 insertions(+), 2395 deletions(-)
 create mode 100644 design-pipeline/bundle-components.mjs
 create mode 100644 design/components/forms/Select.d.ts
 create mode 100644 design/components/forms/Select.jsx
 create mode 100644 server/internal/httpapi/var/uploads/fb/fb103fb8c043ce426f84e367/1.png
 create mode 100644 server/internal/httpapi/var/uploads/fb/fb6c6ae356b05e421fa9b16e/1.png

diff --git a/design-pipeline/bundle-components.mjs b/design-pipeline/bundle-components.mjs
new file mode 100644
index 0000000..a697acf
--- /dev/null
+++ b/design-pipeline/bundle-components.mjs
@@ -0,0 +1,85 @@
+#!/usr/bin/env node
+/**
+ * bundle-components.mjs — 重建 design/_ds_bundle.js（原型页组件运行时）
+ *
+ * ui_kits 预览页经 <script src="../../_ds_bundle.js"> 消费组件；该文件原为
+ * Claude 设计导出产物、仓库内无法再生，组件源码一改即过期。本脚本用
+ * desktop 现成的 esbuild（不新增依赖）从 design/components/ 重新打包：
+ *   - JSX → React.createElement（运行时用页面全局 React，unpkg UMD）
+ *   - import 'react' → 全局 React shim（组件源码保持 ESM 规范，vite 侧不受影响）
+ *   - 导出统一挂到 window.DuduDesignSystem_2e0172（与原命名空间一致）
+ *
+ * 用法：node design-pipeline/bundle-components.mjs
+ * 组件源码（components/ icons.js）变更后须重跑并提交产物。
+ */
+
+import { readFileSync, readdirSync, statSync, writeFileSync } from 'node:fs';
+import { resolve, dirname, join, relative } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { createRequire } from 'node:module';
+
+const __dir = dirname(fileURLToPath(import.meta.url));
+const DESIGN = resolve(__dir, '../design');
+const require = createRequire(resolve(__dir, '../desktop/package.json'));
+const esbuild = require('esbuild');
+
+// 收集全部组件导出（export function/const 大写开头）
+function walk(dir, out = []) {
+  for (const name of readdirSync(dir)) {
+    const p = join(dir, name);
+    if (statSync(p).isDirectory()) walk(p, out);
+    else if (name.endsWith('.jsx')) out.push(p);
+  }
+  return out;
+}
+
+const imports = [];
+const names = [];
+for (const f of walk(join(DESIGN, 'components'))) {
+  const src = readFileSync(f, 'utf8');
+  const exported = [...src.matchAll(/export\s+(?:function|const)\s+([A-Z]\w+)/g)].map((m) => m[1]);
+  if (!exported.length) continue;
+  imports.push(`import { ${exported.join(', ')} } from './${relative(DESIGN, f)}';`);
+  names.push(...exported);
+}
+
+const entry = `${imports.join('\n')}
+const ns = (globalThis.DuduDesignSystem_2e0172 = globalThis.DuduDesignSystem_2e0172 || {});
+Object.assign(ns, { ${names.join(', ')} });
+`;
+
+// import 'react' → 页面全局 React（unpkg UMD）
+const reactShim = {
+  name: 'react-global-shim',
+  setup(build) {
+    build.onResolve({ filter: /^react$/ }, () => ({ path: 'react', namespace: 'react-shim' }));
+    build.onLoad({ filter: /.*/, namespace: 'react-shim' }, () => ({
+      contents: `const R = globalThis.React;
+export default R;
+export const useState = R.useState, useEffect = R.useEffect, useRef = R.useRef,
+  useMemo = R.useMemo, useCallback = R.useCallback, useContext = R.useContext,
+  createElement = R.createElement, Fragment = R.Fragment;`,
+      loader: 'js',
+    }));
+  },
+};
+
+const result = await esbuild.build({
+  stdin: { contents: entry, resolveDir: DESIGN, loader: 'js', sourcefile: '_ds_entry.js' },
+  bundle: true,
+  format: 'iife',
+  jsx: 'transform',
+  jsxFactory: 'React.createElement',
+  jsxFragment: 'React.Fragment',
+  plugins: [reactShim],
+  write: false,
+  banner: {
+    js: `/* 自动生成 — 请勿手改。来源 design/components/ + icons.js
+   重新生成：node design-pipeline/bundle-components.mjs
+   运行时依赖：页面全局 React（ui_kits 页先加载 unpkg UMD React）。
+   导出命名空间：window.DuduDesignSystem_2e0172（组件 ${names.length} 个）*/`,
+  },
+});
+
+writeFileSync(join(DESIGN, '_ds_bundle.js'), result.outputFiles[0].text, 'utf8');
+console.log(`✅ design/_ds_bundle.js（${names.length} 个组件：${names.join(', ')}）`);
diff --git a/design/SKILL.md b/design/SKILL.md
index 994bd5a..6f15a6f 100644
--- a/design/SKILL.md
+++ b/design/SKILL.md
@@ -20,4 +20,5 @@ Hard rules: 一屏一个蓝色主按钮；无渐变；无 emoji；浮层永远
 - **业务代码禁止**：字面色（hex/rgb/hsl，一律 var(--*) / DuduTheme）、内联 `<path>`（走 `Icon` 组件）、未登记的 SF Symbol。确属例外加行内 `ds-ignore: 理由`。
 - **闸**：`node design-pipeline/check-ds.mjs`（真相源自检 7 道）· `check-code.mjs`（四端代码侧）· `export-tokens.mjs --check`（产物零 diff）。pre-commit（`git config core.hooksPath .githooks` 启用）与 CI 双挂。
 - **预览评审**：`node design/serve.mjs` → http://localhost:5180（登记簿 index.html 与 ui_kits）。
+- **组件源码（components/ 或 icons.js）变更后**：`node design-pipeline/bundle-components.mjs` 重建原型运行时 `_ds_bundle.js` 并随改动提交（ui_kits 页消费的是该 bundle）。
 - 全景说明：`doc/frontend-overview.html`。
diff --git a/design/_ds_bundle.js b/design/_ds_bundle.js
index de1ad32..ac00e1d 100644
--- a/design/_ds_bundle.js
+++ b/design/_ds_bundle.js
@@ -1,17 +1,10 @@
-/* @ds-bundle: {"format":3,"namespace":"DuduDesignSystem_2e0172","components":[{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Card","sourcePath":"components/core/Card.jsx"},{"name":"IconButton","sourcePath":"components/core/IconButton.jsx"},{"name":"Kbd","sourcePath":"components/core/Kbd.jsx"},{"name":"HotkeyCombo","sourcePath":"components/core/Kbd.jsx"},{"name":"ProgressBar","sourcePath":"components/core/ProgressBar.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"SettingRow","sourcePath":"components/forms/SettingRow.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"},{"name":"MicBar","sourcePath":"components/voice/MicBar.jsx"},{"name":"RecognitionOverlay","sourcePath":"components/voice/RecognitionOverlay.jsx"},{"name":"Waveform","sourcePath":"components/voice/Waveform.jsx"}],"sourceHashes":{"components/core/Badge.jsx":"d5433a1dda15","components/core/Button.jsx":"4b31f273e96b","components/core/Card.jsx":"9c6e3ffd97c3","components/core/IconButton.jsx":"48e88946ef2f","components/core/Kbd.jsx":"3bf363d1e58f","components/core/ProgressBar.jsx":"3fc99fb6d122","components/forms/Input.jsx":"f155fb819be6","components/forms/SettingRow.jsx":"7dde4fa7a2d6","components/forms/Switch.jsx":"2ee4051b56cf","components/voice/MicBar.jsx":"fc199b567222","components/voice/RecognitionOverlay.jsx":"d9bcf80d92e9","components/voice/Waveform.jsx":"e1c4a0aab25c","ui_kits/desktop/DesktopShared.jsx":"a4c508056a42","ui_kits/desktop/LoginPurchase.jsx":"022475732fde","ui_kits/desktop/OverlayDemo.jsx":"c20232f9bec3","ui_kits/desktop/SettingsTray.jsx":"5448b0778969","ui_kits/mobile/AppScreens.jsx":"13aaca8c53d1","ui_kits/mobile/KeyboardScreen.jsx":"13f81b790a9f","ui_kits/mobile/MobileShared.jsx":"bfd297452e3e"},"inlinedExternals":[],"unexposedExports":[]} */
-
+/* 自动生成 — 请勿手改。来源 design/components/ + icons.js
+   重新生成：node design-pipeline/bundle-components.mjs
+   运行时依赖：页面全局 React（ui_kits 页先加载 unpkg UMD React）。
+   导出命名空间：window.DuduDesignSystem_2e0172（组件 15 个）*/
 (() => {
-
-const __ds_ns = (window.DuduDesignSystem_2e0172 = window.DuduDesignSystem_2e0172 || {});
-
-const __ds_scope = {};
-
-(__ds_ns.__errors = __ds_ns.__errors || []);
-
-// components/core/Badge.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddBadgeCss = `
+  // design/components/core/Badge.jsx
+  var ddBadgeCss = `
 .dd-badge {
   display: inline-flex; align-items: center; gap: 4px;
   font-family: var(--font-sans); font-size: var(--text-xs); font-weight: var(--weight-semibold);
@@ -23,28 +16,18 @@ const ddBadgeCss = `
 .dd-badge--orange  { background: var(--warning-soft); color: var(--warning); }
 .dd-badge--red     { background: var(--danger-soft); color: var(--danger); }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-badge-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-badge-css';
-  s.textContent = ddBadgeCss;
-  document.head.appendChild(s);
-}
-function Badge({
-  tone = 'neutral',
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: `dd-badge dd-badge--${tone}`
-  }, rest), children);
-}
-Object.assign(__ds_scope, { Badge });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Badge.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-badge-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-badge-css";
+    s.textContent = ddBadgeCss;
+    document.head.appendChild(s);
+  }
+  function Badge({ tone = "neutral", children, ...rest }) {
+    return /* @__PURE__ */ React.createElement("span", { className: `dd-badge dd-badge--${tone}`, ...rest }, children);
+  }
 
-// components/core/Button.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddButtonCss = `
+  // design/components/core/Button.jsx
+  var ddButtonCss = `
 .dd-btn {
   display: inline-flex; align-items: center; justify-content: center; gap: 6px;
   font-family: var(--font-sans); font-weight: var(--weight-medium);
@@ -72,66 +55,74 @@ const ddButtonCss = `
 .dd-btn--danger:hover { filter: brightness(0.94); }
 .dd-btn[disabled] { opacity: 0.45; pointer-events: none; }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-button-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-button-css';
-  s.textContent = ddButtonCss;
-  document.head.appendChild(s);
-}
-function Button({
-  variant = 'primary',
-  size = 'md',
-  block = false,
-  disabled = false,
-  children,
-  ...rest
-}) {
-  const cls = `dd-btn dd-btn--${variant} dd-btn--${size}${block ? ' dd-btn--block' : ''}`;
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: cls,
-    disabled: disabled
-  }, rest), children);
-}
-Object.assign(__ds_scope, { Button });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Button.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-button-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-button-css";
+    s.textContent = ddButtonCss;
+    document.head.appendChild(s);
+  }
+  function Button({ variant = "primary", size = "md", block = false, disabled = false, children, ...rest }) {
+    const cls = `dd-btn dd-btn--${variant} dd-btn--${size}${block ? " dd-btn--block" : ""}`;
+    return /* @__PURE__ */ React.createElement("button", { type: "button", className: cls, disabled, ...rest }, children);
+  }
 
-// components/core/Card.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddCardCss = `
+  // design/components/core/Card.jsx
+  var ddCardCss = `
 .dd-card {
   background: var(--surface-card); border: 1px solid var(--border-1);
   border-radius: var(--radius-md); box-shadow: var(--shadow-card);
 }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-card-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-card-css';
-  s.textContent = ddCardCss;
-  document.head.appendChild(s);
-}
-function Card({
-  padding = 'var(--space-5)',
-  style,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "dd-card",
-    style: {
-      padding,
-      ...style
-    }
-  }, rest), children);
-}
-Object.assign(__ds_scope, { Card });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Card.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-card-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-card-css";
+    s.textContent = ddCardCss;
+    document.head.appendChild(s);
+  }
+  function Card({ padding = "var(--space-5)", style, children, ...rest }) {
+    return /* @__PURE__ */ React.createElement("div", { className: "dd-card", style: { padding, ...style }, ...rest }, children);
+  }
 
-// components/core/IconButton.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddIconBtnCss = `
+  // design/icons.js
+  var icons = {
+    /** 麦克风（识别/录音） */
+    mic: '<path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/>',
+    /** 对勾（完成/选中） */
+    check: '<path d="M20 6 9 17l-5-5"/>',
+    /** 关闭 */
+    x: '<path d="M18 6 6 18M6 6l12 12"/>',
+    /** 添加图片（反馈附图） */
+    imagePlus: '<path d="M16 5h6"/><path d="M19 2v6"/><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>',
+    /** 钥匙（权限引导） */
+    key: '<path d="m15.5 7.5 3 3L22 7l-3-3"/><path d="m21 2-9.6 9.6"/><circle cx="7.5" cy="15.5" r="5.5"/>',
+    /** 下拉箭头（Select 等展开指示） */
+    chevronDown: '<path d="m6 9 6 6 6-6"/>'
+  };
+
+  // design/components/core/Icon.jsx
+  function Icon({ name, size = 16, sw = 2, ...rest }) {
+    const body = icons[name];
+    if (!body) throw new Error(`unknown icon: ${name}\uFF08\u5148\u5728 design/icons.js \u767B\u8BB0\uFF09`);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: sw,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        dangerouslySetInnerHTML: { __html: body },
+        ...rest
+      }
+    );
+  }
+
+  // design/components/core/IconButton.jsx
+  var ddIconBtnCss = `
 .dd-iconbtn {
   display: inline-flex; align-items: center; justify-content: center;
   border: none; background: transparent; color: var(--text-2);
@@ -143,38 +134,30 @@ const ddIconBtnCss = `
 .dd-iconbtn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
 .dd-iconbtn[disabled] { opacity: 0.45; pointer-events: none; }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-iconbtn-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-iconbtn-css';
-  s.textContent = ddIconBtnCss;
-  document.head.appendChild(s);
-}
-function IconButton({
-  size = 32,
-  label,
-  disabled = false,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: "dd-iconbtn",
-    "aria-label": label,
-    title: label,
-    style: {
-      width: size,
-      height: size
-    },
-    disabled: disabled
-  }, rest), children);
-}
-Object.assign(__ds_scope, { IconButton });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/IconButton.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-iconbtn-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-iconbtn-css";
+    s.textContent = ddIconBtnCss;
+    document.head.appendChild(s);
+  }
+  function IconButton({ size = 32, label, disabled = false, children, ...rest }) {
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dd-iconbtn",
+        "aria-label": label,
+        title: label,
+        style: { width: size, height: size },
+        disabled,
+        ...rest
+      },
+      children
+    );
+  }
 
-// components/core/Kbd.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddKbdCss = `
+  // design/components/core/Kbd.jsx
+  var ddKbdCss = `
 .dd-kbd {
   display: inline-block; background: var(--surface-2);
   border: 1px solid var(--border-2); border-bottom-width: 2px;
@@ -183,84 +166,51 @@ const ddKbdCss = `
   line-height: 1.5;
 }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-kbd-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-kbd-css';
-  s.textContent = ddKbdCss;
-  document.head.appendChild(s);
-}
-function Kbd({
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("kbd", _extends({
-    className: "dd-kbd"
-  }, rest), children);
-}
-function HotkeyCombo({
-  keys = [],
-  gap = 4
-}) {
-  return /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      gap,
-      alignItems: 'center'
-    }
-  }, keys.map((k, i) => /*#__PURE__*/React.createElement(Kbd, {
-    key: i
-  }, k)));
-}
-Object.assign(__ds_scope, { Kbd, HotkeyCombo });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Kbd.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-kbd-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-kbd-css";
+    s.textContent = ddKbdCss;
+    document.head.appendChild(s);
+  }
+  function Kbd({ children, ...rest }) {
+    return /* @__PURE__ */ React.createElement("kbd", { className: "dd-kbd", ...rest }, children);
+  }
+  function HotkeyCombo({ keys = [], gap = 4 }) {
+    return /* @__PURE__ */ React.createElement("span", { style: { display: "inline-flex", gap, alignItems: "center" } }, keys.map((k, i) => /* @__PURE__ */ React.createElement(Kbd, { key: i }, k)));
+  }
 
-// components/core/ProgressBar.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddProgressCss = `
+  // design/components/core/ProgressBar.jsx
+  var ddProgressCss = `
 .dd-progress { background: var(--surface-3); border-radius: var(--radius-full); overflow: hidden; }
 .dd-progress i { display: block; height: 100%; border-radius: var(--radius-full);
   background: var(--accent); transition: width var(--dur-slow) var(--ease-out); }
 .dd-progress--warning i { background: var(--warning); }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-progress-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-progress-css';
-  s.textContent = ddProgressCss;
-  document.head.appendChild(s);
-}
-function ProgressBar({
-  value = 0,
-  max = 100,
-  height = 6,
-  warnAt = 0.9,
-  style,
-  ...rest
-}) {
-  const ratio = Math.min(1, max > 0 ? value / max : 0);
-  const warning = ratio >= warnAt;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: `dd-progress${warning ? ' dd-progress--warning' : ''}`,
-    style: {
-      height,
-      ...style
-    },
-    role: "progressbar",
-    "aria-valuenow": value,
-    "aria-valuemax": max
-  }, rest), /*#__PURE__*/React.createElement("i", {
-    style: {
-      width: `${ratio * 100}%`
-    }
-  }));
-}
-Object.assign(__ds_scope, { ProgressBar });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/ProgressBar.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-progress-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-progress-css";
+    s.textContent = ddProgressCss;
+    document.head.appendChild(s);
+  }
+  function ProgressBar({ value = 0, max = 100, height = 6, warnAt = 0.9, style, ...rest }) {
+    const ratio = Math.min(1, max > 0 ? value / max : 0);
+    const warning = ratio >= warnAt;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `dd-progress${warning ? " dd-progress--warning" : ""}`,
+        style: { height, ...style },
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemax": max,
+        ...rest
+      },
+      /* @__PURE__ */ React.createElement("i", { style: { width: `${ratio * 100}%` } })
+    );
+  }
 
-// components/forms/Input.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddInputCss = `
+  // design/components/forms/Input.jsx
+  var ddInputCss = `
 .dd-input {
   display: block; width: 100%; box-sizing: border-box;
   height: var(--control-md); padding: 0 12px;
@@ -275,29 +225,118 @@ const ddInputCss = `
 .dd-input[disabled] { opacity: 0.45; pointer-events: none; }
 .dd-input--lg { height: var(--control-lg); font-size: var(--text-md); border-radius: var(--radius-sm); }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-input-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-input-css';
-  s.textContent = ddInputCss;
-  document.head.appendChild(s);
-}
-function Input({
-  size = 'md',
-  style,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("input", _extends({
-    className: `dd-input${size === 'lg' ? ' dd-input--lg' : ''}`,
-    style: style
-  }, rest));
-}
-Object.assign(__ds_scope, { Input });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Input.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-input-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-input-css";
+    s.textContent = ddInputCss;
+    document.head.appendChild(s);
+  }
+  function Input({ size = "md", style, ...rest }) {
+    return /* @__PURE__ */ React.createElement("input", { className: `dd-input${size === "lg" ? " dd-input--lg" : ""}`, style, ...rest });
+  }
 
-// components/forms/SettingRow.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddSettingRowCss = `
+  // react-shim:react
+  var R = globalThis.React;
+  var useState = R.useState;
+  var useEffect = R.useEffect;
+  var useRef = R.useRef;
+  var useMemo = R.useMemo;
+  var useCallback = R.useCallback;
+  var useContext = R.useContext;
+  var createElement = R.createElement;
+  var Fragment = R.Fragment;
+
+  // design/components/forms/Select.jsx
+  var ddSelectCss = `
+.dd-select { position: relative; display: inline-block; font-family: var(--font-sans); }
+.dd-select__trigger {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: var(--control-sm); padding: 0 26px 0 10px;
+  border-radius: var(--radius-sm); border: 1px solid var(--border-1);
+  background: var(--surface-card); color: var(--text-1);
+  font-size: var(--text-sm); font-family: inherit; cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
+  white-space: nowrap;
+}
+.dd-select__trigger:hover { background: var(--surface-2); }
+.dd-select__trigger:focus-visible { outline: none; box-shadow: var(--focus-ring); }
+.dd-select__chev {
+  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
+  pointer-events: none; color: var(--text-3); display: inline-flex;
+}
+.dd-select__menu {
+  position: absolute; top: calc(100% + 4px); right: 0; z-index: 60;
+  min-width: 100%; max-width: 300px; padding: 4px; margin: 0;
+  background: var(--surface-card); border: 1px solid var(--border-1);
+  border-radius: var(--radius-md); box-shadow: var(--shadow-menu);
+  list-style: none;
+}
+.dd-select__opt {
+  display: flex; align-items: center; gap: 7px; width: 100%;
+  height: 28px; padding: 0 10px 0 8px; border: none; border-radius: var(--radius-sm);
+  background: transparent; color: var(--text-1);
+  font-size: var(--text-sm); font-family: inherit; cursor: pointer;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;
+}
+.dd-select__opt:hover { background: var(--surface-2); }
+.dd-select__opt .dd-select__tick { width: 14px; flex: none; display: inline-flex; color: var(--accent-text); visibility: hidden; }
+.dd-select__opt[aria-selected="true"] .dd-select__tick { visibility: visible; }
+`;
+  if (typeof document !== "undefined" && !document.getElementById("dd-select-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-select-css";
+    s.textContent = ddSelectCss;
+    document.head.appendChild(s);
+  }
+  function Select({ value, onChange, options = [], placeholder = "\u8BF7\u9009\u62E9", ...rest }) {
+    const [open, setOpen] = useState(false);
+    const rootRef = useRef(null);
+    const items = options.map((o) => typeof o === "string" ? { value: o, label: o } : o);
+    const current = items.find((o) => o.value === value);
+    useEffect(() => {
+      if (!open) return;
+      const onDown = (e) => {
+        if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+      };
+      const onKey = (e) => {
+        if (e.key === "Escape") setOpen(false);
+      };
+      document.addEventListener("mousedown", onDown);
+      document.addEventListener("keydown", onKey);
+      return () => {
+        document.removeEventListener("mousedown", onDown);
+        document.removeEventListener("keydown", onKey);
+      };
+    }, [open]);
+    return /* @__PURE__ */ React.createElement("span", { className: "dd-select", ref: rootRef, ...rest }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dd-select__trigger",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v)
+      },
+      current ? current.label : placeholder
+    ), /* @__PURE__ */ React.createElement("span", { className: "dd-select__chev" }, /* @__PURE__ */ React.createElement(Icon, { name: "chevronDown", size: 13 })), open && /* @__PURE__ */ React.createElement("ul", { className: "dd-select__menu", role: "listbox" }, items.map((o) => /* @__PURE__ */ React.createElement("li", { key: o.value }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dd-select__opt",
+        role: "option",
+        "aria-selected": o.value === value,
+        onClick: () => {
+          onChange?.(o.value);
+          setOpen(false);
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "dd-select__tick" }, /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, sw: 2.5 })),
+      o.label
+    )))));
+  }
+
+  // design/components/forms/SettingRow.jsx
+  var ddSettingRowCss = `
 .dd-setrow {
   display: flex; align-items: center; justify-content: space-between; gap: 16px;
   padding: 12px 0; border-bottom: 1px solid var(--border-1);
@@ -308,35 +347,18 @@ const ddSettingRowCss = `
 .dd-setrow__desc { font-size: var(--text-xs); color: var(--text-3); margin-top: 2px; }
 .dd-setrow__control { display: flex; align-items: center; gap: 8px; color: var(--text-2); font-size: var(--text-sm); }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-setrow-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-setrow-css';
-  s.textContent = ddSettingRowCss;
-  document.head.appendChild(s);
-}
-function SettingRow({
-  label,
-  description,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "dd-setrow"
-  }, rest), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "dd-setrow__label"
-  }, label), description ? /*#__PURE__*/React.createElement("div", {
-    className: "dd-setrow__desc"
-  }, description) : null), /*#__PURE__*/React.createElement("div", {
-    className: "dd-setrow__control"
-  }, children));
-}
-Object.assign(__ds_scope, { SettingRow });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/SettingRow.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-setrow-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-setrow-css";
+    s.textContent = ddSettingRowCss;
+    document.head.appendChild(s);
+  }
+  function SettingRow({ label, description, children, ...rest }) {
+    return /* @__PURE__ */ React.createElement("div", { className: "dd-setrow", ...rest }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "dd-setrow__label" }, label), description ? /* @__PURE__ */ React.createElement("div", { className: "dd-setrow__desc" }, description) : null), /* @__PURE__ */ React.createElement("div", { className: "dd-setrow__control" }, children));
+  }
 
-// components/forms/Switch.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddSwitchCss = `
+  // design/components/forms/Switch.jsx
+  var ddSwitchCss = `
 .dd-switch {
   position: relative; display: inline-block; width: 40px; height: 24px;
   border-radius: var(--radius-full); background: var(--surface-3);
@@ -346,7 +368,7 @@ const ddSwitchCss = `
 .dd-switch::after {
   content: ''; position: absolute; top: 3px; left: 3px;
   width: 18px; height: 18px; border-radius: 50%;
-  background: #fff; box-shadow: 0 1px 3px rgba(17,19,26,0.25);
+  background: #fff; box-shadow: 0 1px 3px rgba(17,19,26,0.25); /* ds-ignore: \u62C7\u6307\u6295\u5F71\uFF0Cgray-950 \u7684 25% \u6D3E\u751F */
   transition: transform var(--dur-base) var(--ease-out);
 }
 .dd-switch[aria-checked="true"] { background: var(--accent); }
@@ -354,33 +376,29 @@ const ddSwitchCss = `
 .dd-switch:focus-visible { outline: none; box-shadow: var(--focus-ring); }
 .dd-switch[disabled] { opacity: 0.45; pointer-events: none; }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-switch-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-switch-css';
-  s.textContent = ddSwitchCss;
-  document.head.appendChild(s);
-}
-function Switch({
-  checked = false,
-  onChange,
-  disabled = false,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    role: "switch",
-    className: "dd-switch",
-    "aria-checked": checked ? 'true' : 'false',
-    disabled: disabled,
-    onClick: () => onChange && onChange(!checked)
-  }, rest));
-}
-Object.assign(__ds_scope, { Switch });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Switch.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-switch-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-switch-css";
+    s.textContent = ddSwitchCss;
+    document.head.appendChild(s);
+  }
+  function Switch({ checked = false, onChange, disabled = false, ...rest }) {
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        className: "dd-switch",
+        "aria-checked": checked ? "true" : "false",
+        disabled,
+        onClick: () => onChange && onChange(!checked),
+        ...rest
+      }
+    );
+  }
 
-// components/voice/Waveform.jsx
-try { (() => {
-const ddWaveCss = `
+  // design/components/voice/Waveform.jsx
+  var ddWaveCss = `
 .dd-wave { display: inline-flex; align-items: center; gap: 3px; }
 .dd-wave i { display: block; width: 3px; border-radius: 2px; background: currentColor; }
 .dd-wave--active i { animation: dd-wave-bounce 0.9s var(--ease-in-out) infinite alternate; }
@@ -392,48 +410,32 @@ const ddWaveCss = `
   .dd-wave--active i { animation: none; }
 }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-wave-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-wave-css';
-  s.textContent = ddWaveCss;
-  document.head.appendChild(s);
-}
-const DD_WAVE_PATTERN = [0.3, 0.55, 0.85, 0.45, 0.7, 1, 0.4, 0.6, 0.25, 0.8, 0.5, 0.35];
-function Waveform({
-  bars = 12,
-  active = false,
-  height = 26,
-  color = 'var(--accent)',
-  style
-}) {
-  const items = [];
-  for (let i = 0; i < bars; i++) {
-    const h = Math.round(DD_WAVE_PATTERN[i % DD_WAVE_PATTERN.length] * height);
-    items.push(/*#__PURE__*/React.createElement("i", {
-      key: i,
-      style: {
-        height: Math.max(4, h),
-        animationDelay: `${i % 6 * 0.07}s`
-      }
-    }));
+  if (typeof document !== "undefined" && !document.getElementById("dd-wave-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-wave-css";
+    s.textContent = ddWaveCss;
+    document.head.appendChild(s);
+  }
+  var DD_WAVE_PATTERN = [0.3, 0.55, 0.85, 0.45, 0.7, 1, 0.4, 0.6, 0.25, 0.8, 0.5, 0.35];
+  function Waveform({ bars = 12, active = false, height = 26, color = "var(--accent)", style }) {
+    const items = [];
+    for (let i = 0; i < bars; i++) {
+      const h = Math.round(DD_WAVE_PATTERN[i % DD_WAVE_PATTERN.length] * height);
+      items.push(/* @__PURE__ */ React.createElement("i", { key: i, style: { height: Math.max(4, h), animationDelay: `${i % 6 * 0.07}s` } }));
+    }
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `dd-wave${active ? " dd-wave--active" : ""}`,
+        style: { height, color, ...style },
+        "aria-hidden": "true"
+      },
+      items
+    );
   }
-  return /*#__PURE__*/React.createElement("span", {
-    className: `dd-wave${active ? ' dd-wave--active' : ''}`,
-    style: {
-      height,
-      color,
-      ...style
-    },
-    "aria-hidden": "true"
-  }, items);
-}
-Object.assign(__ds_scope, { Waveform });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/voice/Waveform.jsx", error: String((e && e.message) || e) }); }
 
-// components/voice/MicBar.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ddMicBarCss = `
+  // design/components/voice/MicBar.jsx
+  var ddMicBarCss = `
 .dd-micbar {
   display: flex; align-items: center; justify-content: center; gap: 8px;
   width: 100%; height: var(--control-xl); border: none; cursor: pointer;
@@ -448,64 +450,28 @@ const ddMicBarCss = `
 .dd-micbar--disabled { background: var(--surface-3); color: var(--text-3); cursor: default; }
 .dd-micbar--quota { background: var(--warning); color: #fff; }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-micbar-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-micbar-css';
-  s.textContent = ddMicBarCss;
-  document.head.appendChild(s);
-}
-function DdMicIcon({
-  size = 20
-}) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "12",
-    x2: "12",
-    y1: "19",
-    y2: "22"
-  }));
-}
-const DD_MICBAR_LABELS = {
-  idle: '按住说话',
-  recording: '松开完成 · 上滑取消',
-  disabled: '打开 dudu App 登录',
-  quota: '今日试用已用完，去购买时长'
-};
-function MicBar({
-  state = 'idle',
-  label,
-  ...rest
-}) {
-  const text = label || DD_MICBAR_LABELS[state] || DD_MICBAR_LABELS.idle;
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: `dd-micbar dd-micbar--${state}`
-  }, rest), state === 'recording' ? /*#__PURE__*/React.createElement(__ds_scope.Waveform, {
-    active: true,
-    bars: 9,
-    height: 18,
-    color: "rgba(255,255,255,0.95)"
-  }) : /*#__PURE__*/React.createElement(DdMicIcon, null), /*#__PURE__*/React.createElement("span", null, text));
-}
-Object.assign(__ds_scope, { MicBar });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/voice/MicBar.jsx", error: String((e && e.message) || e) }); }
+  if (typeof document !== "undefined" && !document.getElementById("dd-micbar-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-micbar-css";
+    s.textContent = ddMicBarCss;
+    document.head.appendChild(s);
+  }
+  function DdMicIcon({ size = 20 }) {
+    return /* @__PURE__ */ React.createElement(Icon, { name: "mic", size });
+  }
+  var DD_MICBAR_LABELS = {
+    idle: "\u6309\u4F4F\u8BF4\u8BDD",
+    recording: "\u677E\u5F00\u5B8C\u6210 \xB7 \u4E0A\u6ED1\u53D6\u6D88",
+    disabled: "\u6253\u5F00 dudu App \u767B\u5F55",
+    quota: "\u4ECA\u65E5\u8BD5\u7528\u5DF2\u7528\u5B8C\uFF0C\u53BB\u8D2D\u4E70\u65F6\u957F"
+  };
+  function MicBar({ state = "idle", label, ...rest }) {
+    const text = label || DD_MICBAR_LABELS[state] || DD_MICBAR_LABELS.idle;
+    return /* @__PURE__ */ React.createElement("button", { type: "button", className: `dd-micbar dd-micbar--${state}`, ...rest }, state === "recording" ? /* @__PURE__ */ React.createElement(Waveform, { active: true, bars: 9, height: 18, color: "rgba(255,255,255,0.95)" }) : /* @__PURE__ */ React.createElement(DdMicIcon, null), /* @__PURE__ */ React.createElement("span", null, text));
+  }
 
-// components/voice/RecognitionOverlay.jsx
-try { (() => {
-const ddOverlayCss = `
+  // design/components/voice/RecognitionOverlay.jsx
+  var ddOverlayCss = `
 .dd-overlay {
   box-sizing: border-box; width: 340px;
   background: var(--overlay-bg); color: var(--overlay-text);
@@ -522,2014 +488,24 @@ const ddOverlayCss = `
 .dd-overlay__text .dd-partial { color: var(--overlay-text-2); }
 .dd-overlay__hint { font-size: 11px; color: var(--overlay-text-3); margin-top: 8px; text-align: right; }
 `;
-if (typeof document !== 'undefined' && !document.getElementById('dd-overlay-css')) {
-  const s = document.createElement('style');
-  s.id = 'dd-overlay-css';
-  s.textContent = ddOverlayCss;
-  document.head.appendChild(s);
-}
-function RecognitionOverlay({
-  state = 'listening',
-  finalText = '',
-  partialText = '',
-  hint = '松开 ⌘⇧Space 完成输入',
-  width = 340,
-  style
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "dd-overlay",
-    style: {
-      width,
-      ...style
-    },
-    role: "status"
-  }, /*#__PURE__*/React.createElement(__ds_scope.Waveform, {
-    active: true,
-    bars: 12,
-    height: 24,
-    color: "#7C9BFF"
-  }), state === 'listening' ? /*#__PURE__*/React.createElement("div", {
-    className: "dd-overlay__status"
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "12",
-    x2: "12",
-    y1: "19",
-    y2: "22"
-  })), /*#__PURE__*/React.createElement("span", null, "\u8046\u542C\u4E2D\u2026")) : /*#__PURE__*/React.createElement("div", {
-    className: "dd-overlay__text"
-  }, finalText, partialText ? /*#__PURE__*/React.createElement("span", {
-    className: "dd-partial"
-  }, partialText) : null), /*#__PURE__*/React.createElement("div", {
-    className: "dd-overlay__hint"
-  }, hint));
-}
-Object.assign(__ds_scope, { RecognitionOverlay });
-})(); } catch (e) { __ds_ns.__errors.push({ path: "components/voice/RecognitionOverlay.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/desktop/DesktopShared.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// dudu 桌面端 UI kit · 共享元素：Lucide 图标子集、mac 窗口框、伪二维码
-// 通过 window 共享给其余 text/babel 脚本
-
-function DuduIcon({
-  d,
-  size = 16,
-  sw = 2,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: sw,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true"
-  }, rest), children);
-}
-const DuIcons = {
-  Mic: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "12",
-    x2: "12",
-    y1: "19",
-    y2: "22"
-  })),
-  Settings: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "3"
-  })),
-  Check: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M20 6 9 17l-5-5"
-  })),
-  X: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M18 6 6 18"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m6 6 12 12"
-  })),
-  ChevronDown: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "m6 9 6 6 6-6"
-  })),
-  ChevronRight: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "m9 18 6-6-6-6"
-  })),
-  Sun: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "4"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2v2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 20v2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m4.93 4.93 1.41 1.41"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m17.66 17.66 1.41 1.41"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2 12h2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 12h2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m6.34 17.66-1.41 1.41"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m19.07 4.93-1.41 1.41"
-  })),
-  Moon: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
-  })),
-  AudioLines: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M2 10v3"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 6v11"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 3v18"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 8v7"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 5v13"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M22 10v3"
-  })),
-  User: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "7",
-    r: "4"
-  })),
-  LogOut: p => /*#__PURE__*/React.createElement(DuduIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    points: "16 17 21 12 16 7"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "21",
-    x2: "9",
-    y1: "12",
-    y2: "12"
-  }))
-};
-
-// dudu 圆嘴 logo（currentColor 线条版）
-function DuduLogo({
-  size = 20,
-  sw = 3.5
-}) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 48 48",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: sw,
-    strokeLinecap: "round",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "18"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17 20.5v7"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M24 16.5v15"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M31 20.5v7"
-  }));
-}
-
-// mac 风格窗口（红绿灯 + 标题）
-function MacWindow({
-  title,
-  width = 460,
-  children,
-  style
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width,
-      background: 'var(--surface-card)',
-      borderRadius: 'var(--radius-md)',
-      border: '1px solid var(--border-1)',
-      boxShadow: 'var(--shadow-window)',
-      overflow: 'hidden',
-      fontFamily: 'var(--font-sans)',
-      ...style
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: 7,
-      padding: '10px 14px',
-      background: 'var(--surface-2)',
-      borderBottom: '1px solid var(--border-1)'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 11,
-      height: 11,
-      borderRadius: '50%',
-      background: '#FF5F57'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 11,
-      height: 11,
-      borderRadius: '50%',
-      background: '#FEBC2E'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 11,
-      height: 11,
-      borderRadius: '50%',
-      background: '#28C840'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginLeft: 10,
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)',
-      whiteSpace: 'nowrap'
-    }
-  }, title)), children);
-}
-
-// 伪二维码占位（确定性图案，仅作占位 — 接入后端 /v1/auth/qr 后替换）
-function FakeQr({
-  size = 148,
-  seed = 7
-}) {
-  const n = 17;
-  const cells = [];
-  let s = seed;
-  const rnd = () => {
-    s = s * 16807 % 2147483647;
-    return s / 2147483647;
-  };
-  for (let y = 0; y < n; y++) {
-    for (let x = 0; x < n; x++) {
-      const corner = x < 5 && y < 5 || x > n - 6 && y < 5 || x < 5 && y > n - 6;
-      let on;
-      if (corner) {
-        const cx = x > n - 6 ? x - (n - 5) : x,
-          cy = y > n - 6 ? y - (n - 5) : y;
-        on = cx === 0 || cx === 4 || cy === 0 || cy === 4 || cx > 1 && cx < 3 + 1 && cy > 1 && cy < 3 + 1;
-      } else {
-        on = rnd() > 0.52;
-      }
-      if (on) cells.push(/*#__PURE__*/React.createElement("span", {
-        key: x + '-' + y,
-        style: {
-          gridColumn: x + 1,
-          gridRow: y + 1,
-          background: '#1B1E26',
-          borderRadius: 1
-        }
-      }));
-    }
+  if (typeof document !== "undefined" && !document.getElementById("dd-overlay-css")) {
+    const s = document.createElement("style");
+    s.id = "dd-overlay-css";
+    s.textContent = ddOverlayCss;
+    document.head.appendChild(s);
+  }
+  function RecognitionOverlay({
+    state = "listening",
+    finalText = "",
+    partialText = "",
+    hint = "\u677E\u5F00 \u2318\u21E7Space \u5B8C\u6210\u8F93\u5165",
+    width = 340,
+    style
+  }) {
+    return /* @__PURE__ */ React.createElement("div", { className: "dd-overlay", style: { width, ...style }, role: "status" }, /* @__PURE__ */ React.createElement(Waveform, { active: true, bars: 12, height: 24, color: "var(--overlay-wave)" }), state === "listening" ? /* @__PURE__ */ React.createElement("div", { className: "dd-overlay__status" }, /* @__PURE__ */ React.createElement(Icon, { name: "mic", size: 16 }), /* @__PURE__ */ React.createElement("span", null, "\u8046\u542C\u4E2D\u2026")) : /* @__PURE__ */ React.createElement("div", { className: "dd-overlay__text" }, finalText, partialText ? /* @__PURE__ */ React.createElement("span", { className: "dd-partial" }, partialText) : null), /* @__PURE__ */ React.createElement("div", { className: "dd-overlay__hint" }, hint));
   }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: size,
-      height: size,
-      padding: 10,
-      boxSizing: 'border-box',
-      background: '#fff',
-      borderRadius: 'var(--radius-md)',
-      border: '1px solid var(--border-1)',
-      display: 'grid',
-      gridTemplateColumns: `repeat(${n}, 1fr)`,
-      gridTemplateRows: `repeat(${n}, 1fr)`,
-      gap: 1
-    },
-    "aria-label": "\u4E8C\u7EF4\u7801\u5360\u4F4D"
-  }, cells);
-}
-Object.assign(window, {
-  DuduIcon,
-  DuIcons,
-  DuduLogo,
-  MacWindow,
-  FakeQr
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/desktop/DesktopShared.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/desktop/LoginPurchase.jsx
-try { (() => {
-// dudu 桌面端 · 登录 / 购买窗口（点击走完整流程：扫码登录 → 选时长包 → 支付 → 完成）
-
-function LoginPurchaseWindow() {
-  const {
-    Button,
-    Badge
-  } = window.DuduDesignSystem_2e0172;
-  const [step, setStep] = React.useState('login'); // login | plans | pay | done
-  const [plan, setPlan] = React.useState('m');
-  const PACKS = {
-    s: {
-      label: '100 分钟',
-      price: 9,
-      desc: '约 ¥0.09 / 分钟',
-      tag: ''
-    },
-    m: {
-      label: '500 分钟',
-      price: 39,
-      desc: '约 ¥0.078 / 分钟',
-      tag: '省 13%'
-    },
-    l: {
-      label: '2000 分钟',
-      price: 129,
-      desc: '约 ¥0.065 / 分钟',
-      tag: '省 28%'
-    }
-  };
-  const Center = ({
-    children
-  }) => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      gap: 14,
-      padding: '26px 24px 30px',
-      fontFamily: 'var(--font-sans)'
-    }
-  }, children);
-  return /*#__PURE__*/React.createElement(MacWindow, {
-    title: step === 'login' ? 'dudu — 登录' : 'dudu — 购买时长',
-    width: 400
-  }, step === 'login' && /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--accent)'
-    }
-  }, /*#__PURE__*/React.createElement(DuduLogo, {
-    size: 40
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-lg)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)'
-    }
-  }, "\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"), /*#__PURE__*/React.createElement(FakeQr, {
-    seed: 7
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)',
-      textAlign: 'center',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u6253\u5F00\u5FAE\u4FE1\u626B\u4E00\u626B\uFF0C\u786E\u8BA4\u540E\u81EA\u52A8\u767B\u5F55"), /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    size: "sm",
-    onClick: () => setStep('plans')
-  }, "\u6A21\u62DF\uFF1A\u624B\u673A\u5DF2\u786E\u8BA4 \u2192")), step === 'plans' && /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      alignSelf: 'stretch',
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--text-lg)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)'
-    }
-  }, "\u8D2D\u4E70\u65F6\u957F"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 8,
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)'
-    }
-  }, "wang*** ", /*#__PURE__*/React.createElement(Badge, {
-    tone: "blue"
-  }, "\u8BD5\u7528\u4E2D"))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      alignSelf: 'stretch',
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 10
-    }
-  }, Object.entries(PACKS).map(([key, p]) => {
-    const active = plan === key;
-    return /*#__PURE__*/React.createElement("button", {
-      key: key,
-      type: "button",
-      onClick: () => setPlan(key),
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        textAlign: 'left',
-        padding: '13px 16px',
-        borderRadius: 'var(--radius-md)',
-        cursor: 'pointer',
-        border: active ? '1.5px solid var(--accent)' : '1px solid var(--border-1)',
-        background: active ? 'var(--accent-soft)' : 'var(--surface-card)',
-        fontFamily: 'var(--font-sans)',
-        transition: 'border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)'
-      }
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: 8
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 'var(--text-base)',
-        fontWeight: 'var(--weight-medium)',
-        color: 'var(--text-1)'
-      }
-    }, p.label), p.tag && /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 10,
-        padding: '1px 7px',
-        borderRadius: 'var(--radius-full)',
-        background: 'var(--warning-soft)',
-        color: 'var(--warning)',
-        fontWeight: 'var(--weight-medium)'
-      }
-    }, p.tag)), /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'block',
-        fontSize: 'var(--text-xs)',
-        color: 'var(--text-2)',
-        marginTop: 3
-      }
-    }, p.desc)), /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: active ? 'var(--accent-text)' : 'var(--text-1)',
-        whiteSpace: 'nowrap'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 'var(--text-2xl)',
-        fontWeight: 'var(--weight-bold)'
-      }
-    }, "\xA5", p.price)));
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      alignSelf: 'stretch',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u65F6\u957F\u4E0D\u8FC7\u671F \xB7 \u6BCF\u5929\u53E6\u6709 3 \u5206\u949F\u514D\u8D39\u8BD5\u7528"), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    block: true,
-    onClick: () => setStep('pay')
-  }, "\u5FAE\u4FE1\u652F\u4ED8 \xA5", PACKS[plan].price)), step === 'pay' && /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-lg)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)'
-    }
-  }, "\u5FAE\u4FE1\u626B\u7801\u652F\u4ED8"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-3xl)',
-      fontWeight: 'var(--weight-bold)',
-      color: 'var(--text-1)',
-      fontFamily: 'var(--font-sans)'
-    }
-  }, "\xA5", PACKS[plan].price, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      fontWeight: 'var(--weight-regular)',
-      color: 'var(--text-3)'
-    }
-  }, " \xB7 ", PACKS[plan].label, "\u65F6\u957F\u5305")), /*#__PURE__*/React.createElement(FakeQr, {
-    seed: 23
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)'
-    }
-  }, "\u652F\u4ED8\u5B8C\u6210\u540E\u81EA\u52A8\u5F00\u901A"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: 10
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    size: "sm",
-    onClick: () => setStep('plans')
-  }, "\u8FD4\u56DE"), /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    size: "sm",
-    onClick: () => setStep('done')
-  }, "\u6A21\u62DF\uFF1A\u652F\u4ED8\u6210\u529F \u2192"))), step === 'done' && /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 56,
-      height: 56,
-      borderRadius: '50%',
-      background: 'var(--positive-soft)',
-      color: 'var(--positive)',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(DuIcons.Check, {
-    size: 28,
-    sw: 2.5
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-lg)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)'
-    }
-  }, "\u5DF2\u5230\u8D26 ", PACKS[plan].label), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)',
-      textAlign: 'center'
-    }
-  }, "\u65F6\u957F\u4F59\u989D 472 \u5206\u949F \xB7 \u4E0D\u8FC7\u671F \xB7 \u73B0\u5728\u5C31\u6309\u4F4F \u2318\u21E7Space \u8BD5\u8BD5"), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    onClick: () => setStep('login')
-  }, "\u5F00\u59CB\u4F7F\u7528")));
-}
-Object.assign(window, {
-  LoginPurchaseWindow
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/desktop/LoginPurchase.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/desktop/OverlayDemo.jsx
-try { (() => {
-// dudu 桌面端 · 识别浮层演示
-// 在仿真备忘录窗口上方演示完整 push-to-talk 流程：
-// 按住按钮（= 按住 ⌘⇧Space）→ 聆听中 → partial 流式 → 松开 → final 注入输入框
-
-const DEMO_SENTENCES = ['帮我把这份周报整理一下，重点突出本周的进展和下周的计划。', '好的，我马上把文件发给你，大概十分钟之内。', '明天上午十点的会改到下午三点，记得同步给项目组。'];
-function OverlayDemo() {
-  const {
-    RecognitionOverlay
-  } = window.DuduDesignSystem_2e0172;
-  const [phase, setPhase] = React.useState('idle'); // idle | listening | streaming
-  const [finalText, setFinalText] = React.useState('');
-  const [partialText, setPartialText] = React.useState('');
-  const [docText, setDocText] = React.useState('');
-  const [sentenceIdx, setSentenceIdx] = React.useState(0);
-  const timerRef = React.useRef(null);
-  const stateRef = React.useRef({});
-  stateRef.current = {
-    finalText,
-    partialText,
-    sentenceIdx
-  };
-  const stop = React.useCallback(() => {
-    clearInterval(timerRef.current);
-    const {
-      finalText: f,
-      partialText: p,
-      sentenceIdx: idx
-    } = stateRef.current;
-    const committed = f + p;
-    if (committed) {
-      setDocText(d => d + committed);
-      setSentenceIdx((idx + 1) % DEMO_SENTENCES.length);
-    }
-    setFinalText('');
-    setPartialText('');
-    setPhase('idle');
-  }, []);
-  const start = React.useCallback(() => {
-    if (timerRef.current) clearInterval(timerRef.current);
-    setPhase('listening');
-    setFinalText('');
-    setPartialText('');
-    const sentence = DEMO_SENTENCES[stateRef.current.sentenceIdx];
-    let i = 0;
-    setTimeout(() => setPhase(ph => ph === 'listening' ? 'streaming' : ph), 420);
-    timerRef.current = setInterval(() => {
-      i += 1;
-      if (i >= sentence.length) {
-        clearInterval(timerRef.current);
-        setFinalText(sentence);
-        setPartialText('');
-        return;
-      }
-      // 模拟流式：句读处定稿（final），其余为 partial
-      const lastPunct = Math.max(sentence.lastIndexOf('，', i), sentence.lastIndexOf('。', i));
-      setFinalText(sentence.slice(0, lastPunct + 1));
-      setPartialText(sentence.slice(lastPunct + 1, i));
-    }, 90);
-  }, []);
-  React.useEffect(() => () => clearInterval(timerRef.current), []);
-  const overlayState = phase === 'streaming' && (finalText || partialText) ? 'text' : 'listening';
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      gap: 28
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement(MacWindow, {
-    title: "\u5907\u5FD8\u5F55 \u2014 \u5468\u62A5\u8349\u7A3F",
-    width: 560
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '18px 20px',
-      minHeight: 150
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-md)',
-      lineHeight: 'var(--leading-loose)',
-      color: 'var(--text-1)',
-      minHeight: 96
-    }
-  }, docText || /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--text-3)'
-    }
-  }, "\u5149\u6807\u5728\u8FD9\u91CC \u2014 \u5728\u4EFB\u610F\u5E94\u7528\u4E2D\u6309\u4F4F\u5FEB\u6377\u952E\u5373\u53EF\u8BED\u97F3\u8F93\u5165"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--accent)',
-      animation: 'dd-caret 1.1s steps(1) infinite'
-    }
-  }, "\u258F")))), phase !== 'idle' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      left: '50%',
-      top: '100%',
-      transform: 'translate(-50%, -22px)',
-      animation: 'dd-rise var(--dur-base) var(--ease-out)'
-    }
-  }, /*#__PURE__*/React.createElement(RecognitionOverlay, {
-    state: overlayState,
-    finalText: finalText,
-    partialText: partialText,
-    hint: "\u677E\u5F00 \u2318\u21E7Space \u5B8C\u6210\u8F93\u5165"
-  }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: 14,
-      marginTop: phase === 'idle' ? 0 : 40
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onPointerDown: start,
-    onPointerUp: stop,
-    onPointerLeave: () => phase !== 'idle' && stop(),
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 8,
-      height: 'var(--control-lg)',
-      padding: '0 22px',
-      borderRadius: 'var(--radius-full)',
-      border: 'none',
-      cursor: 'pointer',
-      background: phase === 'idle' ? 'var(--accent)' : 'var(--positive)',
-      color: 'var(--text-on-accent)',
-      fontSize: 'var(--text-base)',
-      fontWeight: 'var(--weight-semibold)',
-      fontFamily: 'var(--font-sans)',
-      userSelect: 'none',
-      WebkitUserSelect: 'none',
-      transition: 'background var(--dur-fast) var(--ease-out)'
-    }
-  }, /*#__PURE__*/React.createElement(DuIcons.Mic, {
-    size: 17
-  }), phase === 'idle' ? '按住试一试（模拟按住 ⌘⇧Space）' : '松开完成输入'), docText && /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => setDocText(''),
-    style: {
-      height: 'var(--control-lg)',
-      padding: '0 16px',
-      borderRadius: 'var(--radius-full)',
-      border: '1px solid var(--border-1)',
-      background: 'var(--surface-card)',
-      color: 'var(--text-2)',
-      fontSize: 'var(--text-sm)',
-      cursor: 'pointer',
-      fontFamily: 'var(--font-sans)'
-    }
-  }, "\u6E05\u7A7A")));
-}
-Object.assign(window, {
-  OverlayDemo
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/desktop/OverlayDemo.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/desktop/SettingsTray.jsx
-try { (() => {
-// dudu 桌面端 · 系统托盘菜单 + 设置窗口
-
-function TrayMenu() {
-  const {
-    Badge
-  } = window.DuduDesignSystem_2e0172;
-  const Item = ({
-    children,
-    right,
-    accent,
-    onClick
-  }) => {
-    const [hover, setHover] = React.useState(false);
-    return /*#__PURE__*/React.createElement("div", {
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      onClick: onClick,
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        gap: 18,
-        padding: '7px 14px',
-        cursor: 'default',
-        fontSize: 'var(--text-sm)',
-        background: hover ? 'var(--accent)' : 'transparent',
-        color: hover ? 'var(--text-on-accent)' : accent ? 'var(--text-1)' : 'var(--text-1)',
-        transition: 'background var(--dur-fast) var(--ease-out)'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: 8,
-        whiteSpace: 'nowrap'
-      }
-    }, children), right && /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 'var(--text-xs)',
-        color: hover ? 'rgba(255,255,255,0.8)' : 'var(--text-3)',
-        whiteSpace: 'nowrap'
-      }
-    }, right));
-  };
-  const Sep = () => /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 1,
-      background: 'var(--border-1)',
-      margin: '4px 0'
-    }
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 248,
-      padding: '5px 0',
-      fontFamily: 'var(--font-sans)',
-      background: 'color-mix(in srgb, var(--surface-card) 96%, transparent)',
-      backdropFilter: 'blur(20px)',
-      WebkitBackdropFilter: 'blur(20px)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-md)',
-      boxShadow: 'var(--shadow-menu)'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      padding: '8px 14px 6px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 8,
-      fontSize: 'var(--text-sm)',
-      fontWeight: 'var(--weight-medium)',
-      color: 'var(--text-1)',
-      whiteSpace: 'nowrap'
-    }
-  }, /*#__PURE__*/React.createElement(DuduLogo, {
-    size: 17
-  }), " dudu \u8BED\u97F3\u8F93\u5165"), /*#__PURE__*/React.createElement(Badge, {
-    tone: "green"
-  }, "\u5DF2\u5C31\u7EEA")), /*#__PURE__*/React.createElement(Sep, null), /*#__PURE__*/React.createElement(Item, {
-    right: /*#__PURE__*/React.createElement(DuIcons.Check, {
-      size: 13
-    })
-  }, "\u542F\u7528\u5FEB\u6377\u952E"), /*#__PURE__*/React.createElement(Item, {
-    right: "\u2318\u21E7Space"
-  }, "\u6309\u4F4F\u8BF4\u8BDD"), /*#__PURE__*/React.createElement(Item, null, "\u8BBE\u7F6E\u2026"), /*#__PURE__*/React.createElement(Item, {
-    right: "472 \u5206\u949F"
-  }, "\u65F6\u957F\u4F59\u989D"), /*#__PURE__*/React.createElement(Sep, null), /*#__PURE__*/React.createElement(Item, {
-    right: "\u5DF2\u767B\u5F55"
-  }, "\u8D26\u53F7 wang***"), /*#__PURE__*/React.createElement(Item, null, "\u68C0\u67E5\u66F4\u65B0"), /*#__PURE__*/React.createElement(Sep, null), /*#__PURE__*/React.createElement(Item, null, "\u9000\u51FA dudu"));
-}
-function SettingsWindow({
-  theme,
-  onThemeChange
-}) {
-  const {
-    Switch,
-    SettingRow,
-    HotkeyCombo,
-    Button,
-    Badge,
-    ProgressBar
-  } = window.DuduDesignSystem_2e0172;
-  const [autostart, setAutostart] = React.useState(true);
-  const [sound, setSound] = React.useState(false);
-  const [mic, setMic] = React.useState('MacBook Pro 麦克风');
-  const Section = ({
-    title,
-    children
-  }) => /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '4px 18px 8px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      fontWeight: 'var(--weight-medium)',
-      margin: '10px 0 2px',
-      letterSpacing: 'var(--tracking-wide)'
-    }
-  }, title), children);
-  const themeOptions = [['system', '跟随系统'], ['light', '浅色'], ['dark', '深色']];
-  return /*#__PURE__*/React.createElement(MacWindow, {
-    title: "dudu \u8BBE\u7F6E",
-    width: 440
-  }, /*#__PURE__*/React.createElement(Section, {
-    title: "\u8F93\u5165"
-  }, /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u8BF4\u8BDD\u5FEB\u6377\u952E",
-    description: "\u6309\u4F4F\u8BF4\u8BDD\uFF0C\u677E\u5F00\u4E0A\u5C4F"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 10
-    }
-  }, /*#__PURE__*/React.createElement(HotkeyCombo, {
-    keys: ['⌘', '⇧', 'Space']
-  }), /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    size: "sm"
-  }, "\u4FEE\u6539"))), /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u9EA6\u514B\u98CE"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      position: 'relative',
-      display: 'inline-flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("select", {
-    value: mic,
-    onChange: e => setMic(e.target.value),
-    style: {
-      appearance: 'none',
-      WebkitAppearance: 'none',
-      height: 'var(--control-sm)',
-      padding: '0 30px 0 10px',
-      borderRadius: 'var(--radius-sm)',
-      border: '1px solid var(--border-1)',
-      background: 'var(--surface-card)',
-      color: 'var(--text-1)',
-      fontSize: 'var(--text-sm)',
-      fontFamily: 'var(--font-sans)',
-      cursor: 'pointer'
-    }
-  }, /*#__PURE__*/React.createElement("option", null, "MacBook Pro \u9EA6\u514B\u98CE"), /*#__PURE__*/React.createElement("option", null, "AirPods Pro"), /*#__PURE__*/React.createElement("option", null, "\u5916\u63A5 USB \u9EA6\u514B\u98CE")), /*#__PURE__*/React.createElement("span", {
-    style: {
-      position: 'absolute',
-      right: 8,
-      pointerEvents: 'none',
-      color: 'var(--text-3)',
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/React.createElement(DuIcons.ChevronDown, {
-    size: 13
-  })))), /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u63D0\u793A\u97F3",
-    description: "\u5F00\u59CB / \u5B8C\u6210\u65F6\u64AD\u653E\u8F7B\u63D0\u793A\u97F3"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    checked: sound,
-    onChange: setSound
-  }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 1,
-      background: 'var(--border-1)'
-    }
-  }), /*#__PURE__*/React.createElement(Section, {
-    title: "\u901A\u7528"
-  }, /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u5F00\u673A\u81EA\u542F"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    checked: autostart,
-    onChange: setAutostart
-  })), /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u5916\u89C2"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      background: 'var(--surface-2)',
-      borderRadius: 'var(--radius-sm)',
-      padding: 2,
-      gap: 2
-    }
-  }, themeOptions.map(([val, lab]) => /*#__PURE__*/React.createElement("button", {
-    key: val,
-    type: "button",
-    onClick: () => onThemeChange(val),
-    style: {
-      height: 24,
-      padding: '0 10px',
-      borderRadius: 4,
-      border: 'none',
-      cursor: 'pointer',
-      fontSize: 'var(--text-xs)',
-      fontFamily: 'var(--font-sans)',
-      background: theme === val ? 'var(--surface-card)' : 'transparent',
-      color: theme === val ? 'var(--text-1)' : 'var(--text-2)',
-      boxShadow: theme === val ? 'var(--shadow-card)' : 'none',
-      transition: 'background var(--dur-fast) var(--ease-out)'
-    }
-  }, lab))))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 1,
-      background: 'var(--border-1)'
-    }
-  }), /*#__PURE__*/React.createElement(Section, {
-    title: "\u8D26\u53F7\u4E0E\u65F6\u957F"
-  }, /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u767B\u5F55\u72B6\u6001",
-    description: "\u5FAE\u4FE1\u5DF2\u767B\u5F55"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 8,
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-1)'
-    }
-  }, "wang*** ", /*#__PURE__*/React.createElement(Badge, {
-    tone: "green"
-  }, "\u4F59\u989D\u5145\u8DB3"))), /*#__PURE__*/React.createElement(SettingRow, {
-    label: "\u65F6\u957F\u4F59\u989D",
-    description: "\u65F6\u957F\u4E0D\u8FC7\u671F \xB7 \u6BCF\u5929\u53E6\u6709 3 \u5206\u949F\u514D\u8D39\u8BD5\u7528"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 10
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--text-base)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)',
-      fontFamily: 'var(--font-sans)'
-    }
-  }, "472 \u5206\u949F"), /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    size: "sm"
-  }, "\u8D2D\u4E70\u65F6\u957F"))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '10px 0 12px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)',
-      marginBottom: 7
-    }
-  }, /*#__PURE__*/React.createElement("span", null, "\u4ECA\u65E5\u514D\u8D39\u8BD5\u7528"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontFamily: 'var(--font-mono)'
-    }
-  }, "1 / 3 \u5206\u949F")), /*#__PURE__*/React.createElement(ProgressBar, {
-    value: 1,
-    max: 3
-  }))));
-}
-Object.assign(window, {
-  TrayMenu,
-  SettingsWindow
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/desktop/SettingsTray.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/mobile/AppScreens.jsx
-try { (() => {
-// dudu 移动端 · 主 App 四屏：启用引导 / 登录 / 购买时长 / 我的
-
-function MAppHeader({
-  title
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 'var(--text-md)',
-      fontWeight: 'var(--weight-medium)',
-      color: 'var(--text-1)',
-      padding: '4px 0 10px'
-    }
-  }, title);
-}
-
-/* ---------- ① 启用引导 ---------- */
-function OnboardingScreen() {
-  const {
-    Button
-  } = window.DuduDesignSystem_2e0172;
-  const [step, setStep] = React.useState(0);
-  const steps = [{
-    title: '添加键盘',
-    desc: '设置 → 通用 → 键盘 → 添加新键盘，选择 dudu',
-    icon: /*#__PURE__*/React.createElement(DuMIcons.Keyboard, {
-      size: 26
-    })
-  }, {
-    title: '开启完全访问',
-    desc: '语音识别需要联网，请允许完全访问',
-    icon: /*#__PURE__*/React.createElement(DuMIcons.Shield, {
-      size: 26
-    })
-  }, {
-    title: '试一试',
-    desc: '在下面的输入框按住麦克风说一句话',
-    icon: /*#__PURE__*/React.createElement(DuMIcons.Mic, {
-      size: 26
-    })
-  }];
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      padding: '4px 18px 18px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      gap: 8,
-      padding: '18px 0 6px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--accent)'
-    }
-  }, /*#__PURE__*/React.createElement(DuduMLogo, {
-    size: 44
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-xl)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)',
-      whiteSpace: 'nowrap'
-    }
-  }, "\u4E09\u6B65\u5F00\u542F dudu"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)'
-    }
-  }, "\u6309\u4F4F\u8BF4\u8BDD\uFF0C\u677E\u5F00\u4E0A\u5C4F")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 10,
-      marginTop: 14
-    }
-  }, steps.map((s, i) => {
-    const state = i < step ? 'done' : i === step ? 'active' : 'todo';
-    return /*#__PURE__*/React.createElement("div", {
-      key: i,
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 12,
-        padding: '13px 14px',
-        borderRadius: 'var(--radius-lg)',
-        background: 'var(--surface-card)',
-        border: state === 'active' ? '1.5px solid var(--accent)' : '1px solid var(--border-1)',
-        opacity: state === 'todo' ? 0.62 : 1,
-        transition: 'border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out)'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        width: 40,
-        height: 40,
-        borderRadius: 'var(--radius-md)',
-        flex: 'none',
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        background: state === 'done' ? 'var(--positive-soft)' : 'var(--accent-soft)',
-        color: state === 'done' ? 'var(--positive)' : 'var(--accent-text)'
-      }
-    }, state === 'done' ? /*#__PURE__*/React.createElement(DuMIcons.Check, {
-      size: 20
-    }) : s.icon), /*#__PURE__*/React.createElement("span", {
-      style: {
-        minWidth: 0
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'block',
-        fontSize: 'var(--text-base)',
-        fontWeight: 'var(--weight-medium)',
-        color: 'var(--text-1)'
-      }
-    }, i + 1, ". ", s.title), /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'block',
-        fontSize: 'var(--text-xs)',
-        color: 'var(--text-2)',
-        marginTop: 2,
-        lineHeight: 'var(--leading-normal)'
-      }
-    }, s.desc)));
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 'auto'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    size: "lg",
-    block: true,
-    onClick: () => setStep(s => (s + 1) % 4)
-  }, step >= 3 ? '完成' : step === 2 ? '我说完了' : '去设置')));
-}
-
-/* ---------- ② 登录 ---------- */
-function LoginScreen() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      padding: '4px 22px 22px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      gap: 12
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--accent)'
-    }
-  }, /*#__PURE__*/React.createElement(DuduMLogo, {
-    size: 64,
-    sw: 3.2
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-2xl)',
-      fontWeight: 'var(--weight-semibold)',
-      color: 'var(--text-1)',
-      letterSpacing: 'var(--tracking-wide)'
-    }
-  }, "dudu"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)'
-    }
-  }, "\u5927\u6A21\u578B\u8BED\u97F3\u8F93\u5165 \xB7 \u8BF4\u8BDD\u5373\u4E0A\u5C4F")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    style: {
-      height: 'var(--control-xl)',
-      borderRadius: 'var(--radius-full)',
-      border: 'none',
-      cursor: 'pointer',
-      background: '#07C160',
-      color: '#fff',
-      fontSize: 'var(--text-md)',
-      fontWeight: 'var(--weight-semibold)',
-      fontFamily: 'var(--font-sans)',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      gap: 8,
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(DuMIcons.Wechat, {
-    size: 19
-  }), " \u5FAE\u4FE1\u4E00\u952E\u767B\u5F55"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      marginTop: 12,
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u767B\u5F55\u5373\u540C\u610F\u300A\u7528\u6237\u534F\u8BAE\u300B\u4E0E\u300A\u9690\u79C1\u653F\u7B56\u300B"));
-}
-
-/* ---------- ③ 购买时长 ---------- */
-function PaywallScreen() {
-  const {
-    Button
-  } = window.DuduDesignSystem_2e0172;
-  const [pack, setPack] = React.useState('m');
-  const PACKS = [['s', '100 分钟', 9, '约 ¥0.09 / 分钟', ''], ['m', '500 分钟', 39, '约 ¥0.078 / 分钟', '省 13%'], ['l', '2000 分钟', 129, '约 ¥0.065 / 分钟', '省 28%']];
-  const price = PACKS.find(p => p[0] === pack)[2];
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      padding: '4px 16px 16px',
-      minHeight: 0,
-      overflow: 'auto'
-    }
-  }, /*#__PURE__*/React.createElement(MAppHeader, {
-    title: "\u8D2D\u4E70\u65F6\u957F"
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      padding: '14px 16px',
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-lg)',
-      flex: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'block',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)'
-    }
-  }, "\u65F6\u957F\u4F59\u989D"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'block',
-      marginTop: 2,
-      fontSize: 'var(--text-2xl)',
-      fontWeight: 'var(--weight-bold)',
-      color: 'var(--text-1)',
-      fontFamily: 'var(--font-sans)'
-    }
-  }, "472 ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--text-xs)',
-      fontWeight: 'var(--weight-regular)',
-      color: 'var(--text-3)'
-    }
-  }, "\u5206\u949F"))), /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      textAlign: 'right',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u65F6\u957F\u4E0D\u8FC7\u671F", /*#__PURE__*/React.createElement("br", null), "\u6BCF\u5929\u53E6\u6709 3 \u5206\u949F\u514D\u8D39\u8BD5\u7528")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 10,
-      marginTop: 12
-    }
-  }, PACKS.map(([key, lab, p, desc, tag]) => {
-    const active = pack === key;
-    return /*#__PURE__*/React.createElement("button", {
-      key: key,
-      type: "button",
-      onClick: () => setPack(key),
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        textAlign: 'left',
-        padding: '12px 14px',
-        cursor: 'pointer',
-        borderRadius: 'var(--radius-lg)',
-        fontFamily: 'var(--font-sans)',
-        border: active ? '1.5px solid var(--accent)' : '1px solid var(--border-1)',
-        background: active ? 'var(--accent-soft)' : 'var(--surface-card)',
-        transition: 'border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)'
-      }
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: 7
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 'var(--text-base)',
-        fontWeight: 'var(--weight-medium)',
-        color: 'var(--text-1)'
-      }
-    }, lab), tag && /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 10,
-        padding: '1px 7px',
-        borderRadius: 'var(--radius-full)',
-        background: 'var(--warning-soft)',
-        color: 'var(--warning)',
-        fontWeight: 'var(--weight-medium)',
-        whiteSpace: 'nowrap'
-      }
-    }, tag)), /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'block',
-        fontSize: 'var(--text-xs)',
-        color: 'var(--text-2)',
-        marginTop: 2
-      }
-    }, desc)), /*#__PURE__*/React.createElement("span", {
-      style: {
-        whiteSpace: 'nowrap',
-        fontSize: 'var(--text-xl)',
-        fontWeight: 'var(--weight-bold)',
-        color: active ? 'var(--accent-text)' : 'var(--text-1)'
-      }
-    }, "\xA5", p));
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 'auto',
-      paddingTop: 14
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    size: "lg",
-    block: true
-  }, "\u5FAE\u4FE1\u652F\u4ED8 \xA5", price), /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      marginTop: 8
-    }
-  }, "\u652F\u4ED8\u540E\u7ACB\u5373\u5230\u8D26 \xB7 \u65F6\u957F\u4E0D\u8FC7\u671F")));
-}
-
-/* ---------- ④ 我的 ---------- */
-function ProfileScreen() {
-  const {
-    Badge,
-    ProgressBar
-  } = window.DuduDesignSystem_2e0172;
-  const perms = [{
-    label: '麦克风权限',
-    ok: true
-  }, {
-    label: '键盘已添加',
-    ok: true
-  }, {
-    label: '完全访问',
-    ok: false,
-    hint: '去开启'
-  }];
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 12,
-      padding: '4px 16px 16px',
-      minHeight: 0,
-      overflow: 'auto'
-    }
-  }, /*#__PURE__*/React.createElement(MAppHeader, {
-    title: "\u6211\u7684"
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: 12,
-      padding: '14px 14px',
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-lg)'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 46,
-      height: 46,
-      borderRadius: '50%',
-      background: 'var(--accent-soft)',
-      color: 'var(--accent-text)',
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      flex: 'none'
-    }
-  }, /*#__PURE__*/React.createElement(DuMIcons.User, {
-    size: 22
-  })), /*#__PURE__*/React.createElement("span", {
-    style: {
-      minWidth: 0,
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'block',
-      fontSize: 'var(--text-md)',
-      fontWeight: 'var(--weight-medium)',
-      color: 'var(--text-1)'
-    }
-  }, "wang***"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'block',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)',
-      marginTop: 2
-    }
-  }, "\u65F6\u957F\u4F59\u989D 472 \u5206\u949F \xB7 \u4E0D\u8FC7\u671F")), /*#__PURE__*/React.createElement(Badge, {
-    tone: "green"
-  }, "\u4F59\u989D\u5145\u8DB3")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '14px 14px 16px',
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-lg)'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)',
-      marginBottom: 8
-    }
-  }, /*#__PURE__*/React.createElement("span", null, "\u4ECA\u65E5\u514D\u8D39\u8BD5\u7528"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontFamily: 'var(--font-mono)'
-    }
-  }, "1 / 3 \u5206\u949F")), /*#__PURE__*/React.createElement(ProgressBar, {
-    value: 1,
-    max: 3
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-lg)',
-      overflow: 'hidden'
-    }
-  }, perms.map((p, i) => /*#__PURE__*/React.createElement("div", {
-    key: i,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      padding: '12px 14px',
-      borderBottom: i < perms.length - 1 ? '1px solid var(--border-2)' : 'none',
-      fontSize: 'var(--text-base)',
-      color: 'var(--text-1)'
-    }
-  }, /*#__PURE__*/React.createElement("span", null, p.label), p.ok ? /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--positive)',
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/React.createElement(DuMIcons.Check, {
-    size: 16
-  })) : /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 2,
-      fontSize: 'var(--text-sm)',
-      color: 'var(--danger)'
-    }
-  }, p.hint, " ", /*#__PURE__*/React.createElement(DuMIcons.ChevronRight, {
-    size: 14
-  }))))));
-}
-Object.assign(window, {
-  OnboardingScreen,
-  LoginScreen,
-  PaywallScreen,
-  ProfileScreen
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/mobile/AppScreens.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/mobile/KeyboardScreen.jsx
-try { (() => {
-// dudu 移动端 · 语音键盘（键盘扩展）
-// 微信聊天上下文 + 以语音为主的键盘：工具条 / partial 文本条 / 功能键行 / 大麦克风条
-// 按住麦克风条：partial 流式显示 → 松开 final 上屏到宿主输入框
-
-const KB_SENTENCES = ['好的，我马上把文件发给你，大概十分钟之内。', '今晚的聚餐改到八点，地址我发你定位。'];
-function KeyboardScreen({
-  account = 'ok'
-}) {
-  // account: ok(有余额) | trial(试用中) | guest(未登录) | quota(今日试用已用完)
-  const {
-    MicBar
-  } = window.DuduDesignSystem_2e0172;
-  const [recording, setRecording] = React.useState(false);
-  const [finalText, setFinalText] = React.useState('');
-  const [partialText, setPartialText] = React.useState('');
-  const [inputText, setInputText] = React.useState('');
-  const [seconds, setSeconds] = React.useState(0);
-  const [idx, setIdx] = React.useState(0);
-  const timers = React.useRef({});
-  const ref = React.useRef({});
-  ref.current = {
-    finalText,
-    partialText,
-    idx
-  };
-  const stop = () => {
-    clearInterval(timers.current.t);
-    clearInterval(timers.current.s);
-    const {
-      finalText: f,
-      partialText: p,
-      idx: i
-    } = ref.current;
-    const committed = f + p;
-    if (committed) {
-      setInputText(v => v + committed);
-      setIdx((i + 1) % KB_SENTENCES.length);
-    }
-    setFinalText('');
-    setPartialText('');
-    setSeconds(0);
-    setRecording(false);
-  };
-  const start = () => {
-    if (account === 'guest' || account === 'quota') return;
-    setRecording(true);
-    setFinalText('');
-    setPartialText('');
-    setSeconds(0);
-    const sentence = KB_SENTENCES[ref.current.idx];
-    let i = 0;
-    timers.current.t = setInterval(() => {
-      i += 1;
-      if (i >= sentence.length) {
-        clearInterval(timers.current.t);
-        setFinalText(sentence);
-        setPartialText('');
-        return;
-      }
-      const lastPunct = Math.max(sentence.lastIndexOf('，', i), sentence.lastIndexOf('。', i));
-      setFinalText(sentence.slice(0, lastPunct + 1));
-      setPartialText(sentence.slice(lastPunct + 1, i));
-    }, 95);
-    timers.current.s = setInterval(() => setSeconds(s => s + 1), 1000);
-  };
-  React.useEffect(() => () => {
-    clearInterval(timers.current.t);
-    clearInterval(timers.current.s);
-  }, []);
-  const micState = account === 'guest' ? 'disabled' : account === 'quota' ? 'quota' : recording ? 'recording' : 'idle';
-  const fmt = s => `00:${String(s).padStart(2, '0')}`;
-  const FnKey = ({
-    children,
-    label,
-    flex = 1,
-    onClick
-  }) => /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: onClick,
-    "aria-label": label,
-    style: {
-      flex,
-      height: 40,
-      border: 'none',
-      borderRadius: 'var(--radius-sm)',
-      cursor: 'pointer',
-      background: 'var(--surface-card)',
-      color: 'var(--text-1)',
-      boxShadow: 'var(--shadow-key)',
-      fontFamily: 'var(--font-sans)',
-      fontSize: 'var(--text-md)',
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      gap: 4
-    }
-  }, children);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: 'flex',
-      flexDirection: 'column',
-      minHeight: 0
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 'var(--text-sm)',
-      color: 'var(--text-2)',
-      padding: '4px 0 8px',
-      borderBottom: '1px solid var(--border-1)'
-    }
-  }, "\u5F20\u4E09"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      padding: '12px 12px 8px',
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 8,
-      overflow: 'hidden',
-      justifyContent: 'flex-end'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      alignSelf: 'flex-start',
-      maxWidth: '78%',
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: '4px 12px 12px 12px',
-      padding: '8px 11px',
-      fontSize: 'var(--text-base)',
-      color: 'var(--text-1)',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u4E0A\u6B21\u8BF4\u7684\u90A3\u4EFD\u6750\u6599\u65B9\u4FBF\u53D1\u6211\u4E00\u4E0B\u5417"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      alignSelf: 'flex-end',
-      maxWidth: '78%',
-      background: 'var(--accent)',
-      color: 'var(--text-on-accent)',
-      borderRadius: '12px 4px 12px 12px',
-      padding: '8px 11px',
-      fontSize: 'var(--text-base)',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, "\u7A0D\u7B49\uFF0C\u6211\u770B\u4E00\u4E0B")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '0 10px 10px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      minHeight: 38,
-      boxSizing: 'border-box',
-      padding: '8px 12px',
-      borderRadius: 'var(--radius-md)',
-      background: 'var(--surface-card)',
-      border: recording ? '1.5px solid var(--accent)' : '1px solid var(--border-1)',
-      fontSize: 'var(--text-base)',
-      color: inputText ? 'var(--text-1)' : 'var(--text-3)',
-      lineHeight: 'var(--leading-normal)'
-    }
-  }, inputText || '发消息…', /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--accent)',
-      animation: 'dd-caret 1.1s steps(1) infinite'
-    }
-  }, "\u258F")))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 'none',
-      background: 'var(--surface-2)',
-      borderTop: '1px solid var(--border-1)',
-      padding: '6px 8px 10px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      padding: '2px 6px 8px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 6,
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-2)'
-    }
-  }, /*#__PURE__*/React.createElement(DuduMLogo, {
-    size: 13
-  }), " dudu \u8BED\u97F3\u8F93\u5165"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      gap: 4,
-      fontSize: 'var(--text-xs)',
-      fontFamily: recording ? 'var(--font-mono)' : 'var(--font-sans)',
-      color: recording ? 'var(--positive)' : account === 'quota' ? 'var(--warning)' : 'var(--text-3)'
-    }
-  }, account === 'guest' ? '未登录' : account === 'quota' ? '今日试用已用完' : recording ? fmt(seconds) : account === 'trial' ? '试用 · 今日剩 2 分钟' : /*#__PURE__*/React.createElement(React.Fragment, null, "\u4F59\u989D 472 \u5206\u949F ", /*#__PURE__*/React.createElement(DuMIcons.Check, {
-    size: 11
-  })))), recording ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      margin: '0 2px 8px',
-      minHeight: 40,
-      boxSizing: 'border-box',
-      padding: '9px 12px',
-      background: 'var(--surface-card)',
-      border: '1px solid var(--border-1)',
-      borderRadius: 'var(--radius-md)',
-      fontSize: 'var(--text-base)',
-      lineHeight: 'var(--leading-normal)',
-      color: 'var(--text-1)'
-    }
-  }, finalText, /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--text-3)'
-    }
-  }, partialText)) : /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: 6,
-      margin: '0 2px 8px'
-    }
-  }, /*#__PURE__*/React.createElement(FnKey, {
-    label: "\u5207\u6362\u952E\u76D8",
-    flex: 1.3
-  }, /*#__PURE__*/React.createElement(DuMIcons.Globe, {
-    size: 17
-  })), /*#__PURE__*/React.createElement(FnKey, {
-    label: "\u9017\u53F7",
-    onClick: () => setInputText(v => v + '，')
-  }, "\uFF0C"), /*#__PURE__*/React.createElement(FnKey, {
-    label: "\u53E5\u53F7",
-    onClick: () => setInputText(v => v + '。')
-  }, "\u3002"), /*#__PURE__*/React.createElement(FnKey, {
-    label: "\u9000\u683C",
-    flex: 1.3,
-    onClick: () => setInputText(v => v.slice(0, -1))
-  }, /*#__PURE__*/React.createElement(DuMIcons.Backspace, {
-    size: 17
-  })), /*#__PURE__*/React.createElement(FnKey, {
-    label: "\u53D1\u9001",
-    flex: 1.3,
-    onClick: () => setInputText('')
-  }, /*#__PURE__*/React.createElement(DuMIcons.Enter, {
-    size: 16
-  }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '0 2px'
-    }
-  }, /*#__PURE__*/React.createElement(MicBar, {
-    state: micState,
-    onPointerDown: start,
-    onPointerUp: stop,
-    onPointerLeave: () => recording && stop()
-  })), recording && /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 'var(--text-xs)',
-      color: 'var(--text-3)',
-      paddingTop: 6,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      gap: 4
-    }
-  }, /*#__PURE__*/React.createElement(DuMIcons.ArrowUp, {
-    size: 11
-  }), " \u4E0A\u6ED1\u53D6\u6D88")));
-}
-Object.assign(window, {
-  KeyboardScreen
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/mobile/KeyboardScreen.jsx", error: String((e && e.message) || e) }); }
-
-// ui_kits/mobile/MobileShared.jsx
-try { (() => {
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// dudu 移动端 UI kit · 共享：Lucide 图标子集、DuduLogo、手机框
-
-function DuMIcon({
-  size = 16,
-  sw = 2,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: sw,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true"
-  }, rest), children);
-}
-const DuMIcons = {
-  Mic: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "12",
-    x2: "12",
-    y1: "19",
-    y2: "22"
-  })),
-  Globe: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2 12h20"
-  })),
-  Backspace: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "18",
-    x2: "12",
-    y1: "9",
-    y2: "15"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "12",
-    x2: "18",
-    y1: "9",
-    y2: "15"
-  })),
-  Enter: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("polyline", {
-    points: "9 10 4 15 9 20"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 4v7a4 4 0 0 1-4 4H4"
-  })),
-  Check: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M20 6 9 17l-5-5"
-  })),
-  ChevronRight: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "m9 18 6-6-6-6"
-  })),
-  User: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "7",
-    r: "4"
-  })),
-  Keyboard: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("rect", {
-    width: "20",
-    height: "16",
-    x: "2",
-    y: "4",
-    rx: "2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 8h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 8h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 8h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 8h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 12h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 12h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 12h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 12h.01"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7 16h10"
-  })),
-  Shield: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
-  })),
-  ArrowUp: p => /*#__PURE__*/React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "m5 12 7-7 7 7"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 19V5"
-  })),
-  Wechat: p =>
-  /*#__PURE__*/
-  /* 简化对话气泡（代微信图标占位，正式包内用官方资源）*/
-  React.createElement(DuMIcon, p, /*#__PURE__*/React.createElement("path", {
-    d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z"
-  }))
-};
-function DuduMLogo({
-  size = 20,
-  sw = 3.5
-}) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 48 48",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: sw,
-    strokeLinecap: "round",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "18"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17 20.5v7"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M24 16.5v15"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M31 20.5v7"
-  }));
-}
-
-// 中性手机框：深色边框 + 打孔/刘海，内容区由调用方填充
-function PhoneFrame({
-  width = 312,
-  height = 596,
-  children
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width,
-      height,
-      boxSizing: 'border-box',
-      background: '#0B0C10',
-      borderRadius: 38,
-      padding: 9,
-      boxShadow: 'var(--shadow-window)',
-      flex: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      height: '100%',
-      boxSizing: 'border-box',
-      background: 'var(--bg-app)',
-      borderRadius: 30,
-      overflow: 'hidden',
-      display: 'flex',
-      flexDirection: 'column',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 30,
-      flex: 'none',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 84,
-      height: 18,
-      background: '#0B0C10',
-      borderRadius: 10
-    }
-  })), children));
-}
-Object.assign(window, {
-  DuMIcon,
-  DuMIcons,
-  DuduMLogo,
-  PhoneFrame
-});
-})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/mobile/MobileShared.jsx", error: String((e && e.message) || e) }); }
-
-__ds_ns.Badge = __ds_scope.Badge;
-
-__ds_ns.Button = __ds_scope.Button;
-
-__ds_ns.Card = __ds_scope.Card;
-
-__ds_ns.IconButton = __ds_scope.IconButton;
-
-__ds_ns.Kbd = __ds_scope.Kbd;
-
-__ds_ns.HotkeyCombo = __ds_scope.HotkeyCombo;
-
-__ds_ns.ProgressBar = __ds_scope.ProgressBar;
-
-__ds_ns.Input = __ds_scope.Input;
-
-__ds_ns.SettingRow = __ds_scope.SettingRow;
-
-__ds_ns.Switch = __ds_scope.Switch;
-
-__ds_ns.MicBar = __ds_scope.MicBar;
-
-__ds_ns.RecognitionOverlay = __ds_scope.RecognitionOverlay;
-
-__ds_ns.Waveform = __ds_scope.Waveform;
 
+  // design/_ds_entry.js
+  var ns = globalThis.DuduDesignSystem_2e0172 = globalThis.DuduDesignSystem_2e0172 || {};
+  Object.assign(ns, { Badge, Button, Card, Icon, IconButton, Kbd, HotkeyCombo, ProgressBar, Input, Select, SettingRow, Switch, MicBar, RecognitionOverlay, Waveform });
 })();
diff --git a/design/components/forms/Select.d.ts b/design/components/forms/Select.d.ts
new file mode 100644
index 0000000..5d11738
--- /dev/null
+++ b/design/components/forms/Select.d.ts
@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+export interface SelectOption {
+  value: string;
+  label: string;
+}
+
+export interface SelectProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'> {
+  /** 当前值（受控） */
+  value: string;
+  onChange?: (value: string) => void;
+  /** 字符串数组或 { value, label } 数组 */
+  options?: Array<string | SelectOption>;
+  /** value 无匹配项时的显示文案 */
+  placeholder?: string;
+}
+
+export declare function Select(props: SelectProps): React.JSX.Element;
diff --git a/design/components/forms/Select.jsx b/design/components/forms/Select.jsx
new file mode 100644
index 0000000..06fe01e
--- /dev/null
+++ b/design/components/forms/Select.jsx
@@ -0,0 +1,110 @@
+// Select：自绘下拉选择器（真相源组件，全端外观基准）。
+// 原生 <select> 的弹层是系统样式且位置不可控——设计语言要求：触发器同 Input
+// （control-sm / radius-sm / border-1），弹层同菜单（radius-md / shadow-menu），
+// 选中项前置对勾。iOS/Android 以本组件登记规格 + 各自 DuduTheme 镜像实现。
+import { useEffect, useRef, useState } from 'react';
+import { Icon } from '../core/Icon';
+
+const ddSelectCss = `
+.dd-select { position: relative; display: inline-block; font-family: var(--font-sans); }
+.dd-select__trigger {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: var(--control-sm); padding: 0 26px 0 10px;
+  border-radius: var(--radius-sm); border: 1px solid var(--border-1);
+  background: var(--surface-card); color: var(--text-1);
+  font-size: var(--text-sm); font-family: inherit; cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
+  white-space: nowrap;
+}
+.dd-select__trigger:hover { background: var(--surface-2); }
+.dd-select__trigger:focus-visible { outline: none; box-shadow: var(--focus-ring); }
+.dd-select__chev {
+  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
+  pointer-events: none; color: var(--text-3); display: inline-flex;
+}
+.dd-select__menu {
+  position: absolute; top: calc(100% + 4px); right: 0; z-index: 60;
+  min-width: 100%; max-width: 300px; padding: 4px; margin: 0;
+  background: var(--surface-card); border: 1px solid var(--border-1);
+  border-radius: var(--radius-md); box-shadow: var(--shadow-menu);
+  list-style: none;
+}
+.dd-select__opt {
+  display: flex; align-items: center; gap: 7px; width: 100%;
+  height: 28px; padding: 0 10px 0 8px; border: none; border-radius: var(--radius-sm);
+  background: transparent; color: var(--text-1);
+  font-size: var(--text-sm); font-family: inherit; cursor: pointer;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;
+}
+.dd-select__opt:hover { background: var(--surface-2); }
+.dd-select__opt .dd-select__tick { width: 14px; flex: none; display: inline-flex; color: var(--accent-text); visibility: hidden; }
+.dd-select__opt[aria-selected="true"] .dd-select__tick { visibility: visible; }
+`;
+
+if (typeof document !== 'undefined' && !document.getElementById('dd-select-css')) {
+  const s = document.createElement('style');
+  s.id = 'dd-select-css';
+  s.textContent = ddSelectCss;
+  document.head.appendChild(s);
+}
+
+/**
+ * options: Array<string | { value, label }>；value/onChange 受控。
+ * placeholder 在 value 无匹配项时显示。
+ */
+export function Select({ value, onChange, options = [], placeholder = '请选择', ...rest }) {
+  const [open, setOpen] = useState(false);
+  const rootRef = useRef(null);
+
+  const items = options.map((o) => (typeof o === 'string' ? { value: o, label: o } : o));
+  const current = items.find((o) => o.value === value);
+
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', onDown);
+    document.addEventListener('keydown', onKey);
+    return () => {
+      document.removeEventListener('mousedown', onDown);
+      document.removeEventListener('keydown', onKey);
+    };
+  }, [open]);
+
+  return (
+    <span className="dd-select" ref={rootRef} {...rest}>
+      <button
+        type="button"
+        className="dd-select__trigger"
+        aria-haspopup="listbox"
+        aria-expanded={open}
+        onClick={() => setOpen((v) => !v)}
+      >
+        {current ? current.label : placeholder}
+      </button>
+      <span className="dd-select__chev"><Icon name="chevronDown" size={13} /></span>
+      {open && (
+        <ul className="dd-select__menu" role="listbox">
+          {items.map((o) => (
+            <li key={o.value}>
+              <button
+                type="button"
+                className="dd-select__opt"
+                role="option"
+                aria-selected={o.value === value}
+                onClick={() => { onChange?.(o.value); setOpen(false); }}
+              >
+                <span className="dd-select__tick"><Icon name="check" size={12} sw={2.5} /></span>
+                {o.label}
+              </button>
+            </li>
+          ))}
+        </ul>
+      )}
+    </span>
+  );
+}
diff --git a/design/icon-map.json b/design/icon-map.json
index b93518c..979943c 100644
--- a/design/icon-map.json
+++ b/design/icon-map.json
@@ -6,6 +6,7 @@
   "check": { "web": "check", "ios": "checkmark", "android": null },
   "close": { "web": "x", "ios": "xmark", "android": null },
   "chevronRight": { "web": null, "ios": "chevron.right", "android": null },
+  "chevronDown": { "web": "chevronDown", "ios": null, "android": null },
   "settings": { "web": null, "ios": "gearshape", "android": null },
   "person": { "web": null, "ios": "person.fill", "android": null },
   "globe": { "web": null, "ios": "globe", "android": null },
diff --git a/design/icons.js b/design/icons.js
index acbe4fa..bd13bb1 100644
--- a/design/icons.js
+++ b/design/icons.js
@@ -19,6 +19,8 @@ export const icons = {
     '<path d="M16 5h6"/><path d="M19 2v6"/><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>',
   /** 钥匙（权限引导） */
   key: '<path d="m15.5 7.5 3 3L22 7l-3-3"/><path d="m21 2-9.6 9.6"/><circle cx="7.5" cy="15.5" r="5.5"/>',
+  /** 下拉箭头（Select 等展开指示） */
+  chevronDown: '<path d="m6 9 6 6 6-6"/>',
 };
 
 /** 品牌 mark（48 网格、3.5 圆头——圆嘴 + 三条声波，与 assets/logo-mark.svg 同构） */
diff --git a/design/index.html b/design/index.html
index c129d48..8642284 100644
--- a/design/index.html
+++ b/design/index.html
@@ -142,6 +142,7 @@
     <div class="entry"><b>Input</b><div class="sub">文本输入框</div><div class="meta">size: md/lg — components/forms/Input.jsx</div></div>
     <div class="entry"><b>Switch</b><div class="sub">开关</div><div class="meta">checked · onChange — components/forms/Switch.jsx</div></div>
     <div class="entry"><b>SettingRow</b><div class="sub">设置行（标签 + 描述 + 右侧控件）</div><div class="meta">label · description — components/forms/SettingRow.jsx</div></div>
+    <div class="entry"><b>Select</b><div class="sub">自绘下拉选择器：触发器同 Input，弹层同菜单（radius-md + shadow-menu），选中项前置对勾。全端下拉外观基准，禁用原生 select</div><div class="meta">value · onChange · options · placeholder — components/forms/Select.jsx</div></div>
   </div>
   <h3>voice</h3>
   <div class="grid">
diff --git a/design/ui_kits/desktop/SettingsTray.jsx b/design/ui_kits/desktop/SettingsTray.jsx
index 89a38a0..17ea23e 100644
--- a/design/ui_kits/desktop/SettingsTray.jsx
+++ b/design/ui_kits/desktop/SettingsTray.jsx
@@ -48,7 +48,7 @@ function TrayMenu() {
 }
 
 function SettingsWindow({ theme, onThemeChange }) {
-  const { Switch, SettingRow, HotkeyCombo, Button, Badge, ProgressBar } = window.DuduDesignSystem_2e0172;
+  const { Switch, SettingRow, HotkeyCombo, Button, Badge, ProgressBar, Select } = window.DuduDesignSystem_2e0172;
   const [autostart, setAutostart] = React.useState(true);
   const [sound, setSound] = React.useState(false);
   const [mic, setMic] = React.useState('MacBook Pro 麦克风');
@@ -72,18 +72,11 @@ function SettingsWindow({ theme, onThemeChange }) {
           </span>
         </SettingRow>
         <SettingRow label="麦克风">
-          <span style={{ position: 'relative', display: 'inline-flex', alignItems: 'center' }}>
-            <select value={mic} onChange={(e) => setMic(e.target.value)} style={{
-              appearance: 'none', WebkitAppearance: 'none', height: 'var(--control-sm)',
-              padding: '0 30px 0 10px', borderRadius: 'var(--radius-sm)', border: '1px solid var(--border-1)',
-              background: 'var(--surface-card)', color: 'var(--text-1)', fontSize: 'var(--text-sm)', fontFamily: 'var(--font-sans)', cursor: 'pointer',
-            }}>
-              <option>MacBook Pro 麦克风</option>
-              <option>AirPods Pro</option>
-              <option>外接 USB 麦克风</option>
-            </select>
-            <span style={{ position: 'absolute', right: 8, pointerEvents: 'none', color: 'var(--text-3)', display: 'inline-flex' }}><DuIcons.ChevronDown size={13} /></span>
-          </span>
+          <Select
+            value={mic}
+            onChange={setMic}
+            options={['MacBook Pro 麦克风', 'AirPods Pro', '外接 USB 麦克风']}
+          />
         </SettingRow>
         <SettingRow label="提示音" description="开始 / 完成时播放轻提示音">
           <Switch checked={sound} onChange={setSound} />
diff --git a/desktop/src-tauri/tauri.conf.json b/desktop/src-tauri/tauri.conf.json
index a34d82c..61b9b1e 100644
--- a/desktop/src-tauri/tauri.conf.json
+++ b/desktop/src-tauri/tauri.conf.json
@@ -18,7 +18,9 @@
         "width": 440,
         "height": 560,
         "resizable": false,
-        "visible": false
+        "visible": false,
+        "titleBarStyle": "Overlay",
+        "hiddenTitle": true
       },
       {
         "label": "overlay",
diff --git a/desktop/src/settings/SettingsApp.jsx b/desktop/src/settings/SettingsApp.jsx
index e035c5b..9f6f060 100644
--- a/desktop/src/settings/SettingsApp.jsx
+++ b/desktop/src/settings/SettingsApp.jsx
@@ -6,6 +6,7 @@ import { HotkeyCombo } from '@dudu/design/components/core/Kbd';
 import { ProgressBar } from '@dudu/design/components/core/ProgressBar';
 import { Switch } from '@dudu/design/components/forms/Switch';
 import { SettingRow } from '@dudu/design/components/forms/SettingRow';
+import { Select } from '@dudu/design/components/forms/Select';
 import { invoke } from '../shared/tauri';
 import { setThemePref } from '../shared/theme';
 
@@ -61,6 +62,19 @@ export function SettingsApp() {
 
   return (
     <div style={{ fontFamily: 'var(--font-sans)', background: 'var(--bg-app)', minHeight: '100vh' }}>
+      {/* 无边框窗口自绘顶条（titleBarStyle Overlay：系统红绿灯悬浮于左上，留 76px）；
+          样式对齐原型 MacWindow：surface-2 + 下边框，整条可拖拽 */}
+      <div
+        data-tauri-drag-region
+        style={{
+          height: 36, display: 'flex', alignItems: 'center', padding: '0 14px 0 76px',
+          background: 'var(--surface-2)', borderBottom: '1px solid var(--border-1)',
+          fontSize: 'var(--text-sm)', fontWeight: 'var(--weight-semibold)', color: 'var(--text-1)',
+          userSelect: 'none', WebkitUserSelect: 'none', cursor: 'default',
+        }}
+      >
+        dudu 设置
+      </div>
       <Section title="输入">
         <SettingRow label="说话快捷键" description="按住说话，松开上屏">
           <span style={{ display: 'inline-flex', alignItems: 'center', gap: 10 }}>
@@ -69,17 +83,11 @@ export function SettingsApp() {
           </span>
         </SettingRow>
         <SettingRow label="麦克风">
-          <select
+          <Select
             value={settings.mic}
-            onChange={(e) => update({ mic: e.target.value })}
-            style={{
-              height: 'var(--control-sm)', padding: '0 10px', borderRadius: 'var(--radius-sm)',
-              border: '1px solid var(--border-1)', background: 'var(--surface-card)',
-              color: 'var(--text-1)', fontSize: 'var(--text-sm)', fontFamily: 'var(--font-sans)',
-            }}>
-            <option value="">系统默认</option>
-            {mics.map((m) => <option key={m} value={m}>{m}</option>)}
-          </select>
+            onChange={(mic) => update({ mic })}
+            options={[{ value: '', label: '系统默认' }, ...mics.map((m) => ({ value: m, label: m }))]}
+          />
         </SettingRow>
         <SettingRow label="提示音" description="开始 / 完成时播放轻提示音">
           <Switch checked={settings.sound} onChange={(v) => update({ sound: v })} />
diff --git a/server/internal/httpapi/var/uploads/fb/fb103fb8c043ce426f84e367/1.png b/server/internal/httpapi/var/uploads/fb/fb103fb8c043ce426f84e367/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9576d58484097aab3c75dd70d9702a2e167bfdf
GIT binary patch
literal 12
RcmeAS@N?(olHy_j0ss*20jdB1

literal 0
HcmV?d00001

diff --git a/server/internal/httpapi/var/uploads/fb/fb6c6ae356b05e421fa9b16e/1.png b/server/internal/httpapi/var/uploads/fb/fb6c6ae356b05e421fa9b16e/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9576d58484097aab3c75dd70d9702a2e167bfdf
GIT binary patch
literal 12
RcmeAS@N?(olHy_j0ss*20jdB1

literal 0
HcmV?d00001