/* @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":[]} */

(() => {

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 = `
.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);
  padding: 2px 10px; border-radius: var(--radius-full); line-height: var(--leading-normal);
}
.dd-badge--neutral { background: var(--surface-2); color: var(--text-2); }
.dd-badge--blue    { background: var(--accent-soft); color: var(--accent-text); }
.dd-badge--green   { background: var(--positive-soft); color: var(--positive); }
.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) }); }

// 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 = `
.dd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font-family: var(--font-sans); font-weight: var(--weight-medium);
  border-radius: var(--radius-sm); border: 1px solid transparent;
  cursor: pointer; white-space: nowrap; user-select: none;
  transition: background var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}
.dd-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.dd-btn--sm { height: var(--control-sm); padding: 0 12px; font-size: var(--text-sm); }
.dd-btn--md { height: var(--control-md); padding: 0 16px; font-size: var(--text-base); }
.dd-btn--lg { height: var(--control-lg); padding: 0 20px; font-size: var(--text-md); }
.dd-btn--block { width: 100%; }
.dd-btn--primary { background: var(--accent); color: var(--text-on-accent); }
.dd-btn--primary:hover { background: var(--accent-hover); }
.dd-btn--primary:active { background: var(--accent-press); }
.dd-btn--secondary { background: var(--surface-card); border-color: var(--border-2); color: var(--text-1); }
.dd-btn--secondary:hover { background: var(--surface-2); }
.dd-btn--secondary:active { background: var(--surface-3); }
.dd-btn--ghost { background: transparent; color: var(--accent-text); }
.dd-btn--ghost:hover { background: var(--accent-soft); }
.dd-btn--ghost:active { background: var(--accent-soft-2); }
.dd-btn--danger { background: var(--danger); color: #fff; }
.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) }); }

// 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 = `
.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) }); }

// 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 = `
.dd-iconbtn {
  display: inline-flex; align-items: center; justify-content: center;
  border: none; background: transparent; color: var(--text-2);
  border-radius: var(--radius-sm); cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.dd-iconbtn:hover { background: var(--surface-2); color: var(--text-1); }
.dd-iconbtn:active { background: var(--surface-3); }
.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) }); }

// 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 = `
.dd-kbd {
  display: inline-block; background: var(--surface-2);
  border: 1px solid var(--border-2); border-bottom-width: 2px;
  border-radius: var(--radius-xs); padding: 1px 7px;
  font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-1);
  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) }); }

// 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 = `
.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) }); }

// 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 = `
.dd-input {
  display: block; width: 100%; box-sizing: border-box;
  height: var(--control-md); padding: 0 12px;
  font-family: var(--font-sans); font-size: var(--text-base); color: var(--text-1);
  background: var(--surface-card); border: 1px solid var(--border-2);
  border-radius: var(--radius-sm);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.dd-input::placeholder { color: var(--text-3); }
.dd-input:hover { border-color: var(--gray-400); }
.dd-input:focus { outline: none; border-color: var(--accent); box-shadow: var(--focus-ring); }
.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) }); }

// 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 = `
.dd-setrow {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 12px 0; border-bottom: 1px solid var(--border-1);
  font-family: var(--font-sans); font-size: var(--text-base);
}
.dd-setrow:last-child { border-bottom: none; }
.dd-setrow__label { color: var(--text-1); }
.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) }); }

// 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 = `
.dd-switch {
  position: relative; display: inline-block; width: 40px; height: 24px;
  border-radius: var(--radius-full); background: var(--surface-3);
  border: none; cursor: pointer; padding: 0; flex: none;
  transition: background var(--dur-base) var(--ease-out);
}
.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);
  transition: transform var(--dur-base) var(--ease-out);
}
.dd-switch[aria-checked="true"] { background: var(--accent); }
.dd-switch[aria-checked="true"]::after { transform: translateX(16px); }
.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) }); }

// components/voice/Waveform.jsx
try { (() => {
const 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; }
@keyframes dd-wave-bounce {
  from { transform: scaleY(0.35); }
  to   { transform: scaleY(1); }
}
@media (prefers-reduced-motion: reduce) {
  .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`
      }
    }));
  }
  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 = `
.dd-micbar {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: var(--control-xl); border: none; cursor: pointer;
  border-radius: var(--radius-full);
  font-family: var(--font-sans); font-size: var(--text-md); font-weight: var(--weight-semibold);
  user-select: none; -webkit-user-select: none; touch-action: none;
  transition: background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.dd-micbar--idle { background: var(--accent); color: var(--text-on-accent); }
.dd-micbar--idle:active { background: var(--accent-press); }
.dd-micbar--recording { background: var(--positive); color: #fff; }
.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) }); }

// components/voice/RecognitionOverlay.jsx
try { (() => {
const ddOverlayCss = `
.dd-overlay {
  box-sizing: border-box; width: 340px;
  background: var(--overlay-bg); color: var(--overlay-text);
  border-radius: var(--radius-lg); padding: 14px 18px;
  box-shadow: var(--shadow-overlay);
  font-family: var(--font-sans);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.dd-overlay__status {
  display: flex; align-items: center; gap: 8px;
  color: var(--overlay-text-2); font-size: var(--text-base); margin-top: 8px;
}
.dd-overlay__text { font-size: var(--text-md); line-height: 1.6; margin-top: 8px; min-height: 24px; }
.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
        }
      }));
    }
  }
  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;

})();