dsh-her 0.1.0 → 0.2.0

package/lib/client.js

@@ -33,7 +33,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Page.tsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 
 // src/client/api.ts
 async function post(path, body = {}) {
@@ -57,6 +57,14 @@ var herApi = {
   expandPersona: (input) => post("/persona/expand", input),
   tryPersona: (input) => post("/persona/try", input),
   previewVoice: (voice, speed, text) => post("/voice/preview", { voice, speed, ...text === void 0 ? {} : { text } }),
+  mingInstall: () => post("/voice/ming/install"),
+  mingUninstall: () => post("/voice/ming/uninstall"),
+  mingRestart: () => post("/voice/ming/restart"),
+  mingSettings: (patch) => post("/voice/ming/settings", patch),
+  mingDesign: (description) => post("/voice/ming/design", { description }),
+  mingClone: (audio, name) => post("/voice/ming/clone", { audio, name }),
+  mingKeep: (draft, name, change = {}) => post("/voice/ming/keep", { draft, name, ...change }),
+  mingRemove: (id) => post("/voice/ming/remove", { id }),
   startBody: () => post("/body/start"),
   installBody: () => post("/body/install"),
   restartBody: () => post("/body/restart"),
@@ -120,18 +128,31 @@ var VOICES = [
   { id: "longwan_v3", name: "\u9F99\u5A49", desc: "\u7EC6\u817B\uFF0C\u67D4\u58F0", service: "cosyvoice" },
   { id: "longyingling_v3", name: "\u9F99\u5E94\u8046", desc: "\u6E29\u548C\uFF0C\u4F1A\u5171\u60C5", service: "cosyvoice" },
   { id: "longanwen_v3", name: "\u9F99\u5B89\u6E29", desc: "\u4F18\u96C5\uFF0C\u77E5\u6027", service: "cosyvoice" },
-  { id: "longxiaochun_v3", name: "\u9F99\u5C0F\u6DF3", desc: "\u77E5\u6027\uFF0C\u79EF\u6781", service: "cosyvoice" }
+  { id: "longxiaochun_v3", name: "\u9F99\u5C0F\u6DF3", desc: "\u77E5\u6027\uFF0C\u79EF\u6781", service: "cosyvoice" },
+  // Ming's built-in voices that suit her: grown-up women, warm or sweet (the catalog's "girlfriend" voices).
+  { id: "ming:\u7075\u98CE\u4FE1", name: "\u7075\u98CE\u4FE1", desc: "\u4F53\u8D34\uFF0C\u6E29\u6696\u5B89\u5FC3\uFF0C\u5E26\u60C5\u7EEA", service: "ming", moods: ["\u4E2D\u6027", "\u9AD8\u5174", "\u60B2\u4F24", "\u751F\u6C14", "\u538C\u6076"] },
+  { id: "ming:\u7075\u96E8\u6C50", name: "\u7075\u96E8\u6C50", desc: "\u8F6F\u7CEF\uFF0C\u6709\u6C14\u58F0\uFF0C\u5E26\u60C5\u7EEA", service: "ming", moods: ["\u4E2D\u6027", "\u9AD8\u5174", "\u60B2\u4F24", "\u60CA\u8BB6", "\u6050\u60E7"] },
+  { id: "ming:\u7075\u68A6", name: "\u7075\u68A6", desc: "\u5F88\u751C\uFF0C\u7231\u6492\u5A07", service: "ming" },
+  { id: "ming:\u7075\u606C", name: "\u7075\u606C", desc: "\u751C\u871C\uFF0C\u6E29\u67D4", service: "ming" },
+  { id: "ming:\u7075\u5C0F\u6C50", name: "\u7075\u5C0F\u6C50", desc: "\u6E05\u751C\uFF0C\u81EA\u7136", service: "ming" },
+  { id: "ming:\u7075\u5C0F\u82B8", name: "\u7075\u5C0F\u82B8", desc: "\u6E29\u548C\uFF0C\u50CF\u77E5\u5FC3\u670B\u53CB", service: "ming" }
 ];
 function voiceName(id) {
   return VOICES.find((v2) => v2.id === id)?.name ?? id;
 }
+function serviceOf(id) {
+  if (id.startsWith("ming:") || id.startsWith(OWN_PREFIX)) return "ming";
+  return VOICES.find((v2) => v2.id === id)?.service ?? (/Neural$/.test(id) ? "edge" : "cosyvoice");
+}
+var OWN_PREFIX = "ming-own:";
 var SERVICE_NAMES = {
   edge: "\u5FAE\u8F6F Edge\uFF08\u514D\u8D39\uFF0C\u8981\u8054\u7F51\uFF09",
-  cosyvoice: "\u963F\u91CC\u4E91\u767E\u70BC CosyVoice\uFF08\u8981 key\uFF0C\u6309\u5B57\u6570\u4ED8\u8D39\uFF09"
+  cosyvoice: "\u963F\u91CC\u4E91\u767E\u70BC CosyVoice\uFF08\u8981 key\uFF0C\u6309\u5B57\u6570\u4ED8\u8D39\uFF09",
+  ming: "\u672C\u673A Ming\uFF08\u79BB\u7EBF\u3001\u514D\u8D39\u3001\u80FD\u8868\u8FBE\u60C5\u7EEA\uFF1BApple \u82AF\u7247\uFF0C\u4E0B\u8F7D\u7EA6 2 GB\uFF09"
 };
 
 // src/client/Workshop.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/core/workshop.ts
 var DESK_DIR = "\u684C\u5BA0";
@@ -299,22 +320,58 @@ var EXAMPLE_SLOTS = {
 };
 var EXAMPLE_FILES = new Set(Object.values(EXAMPLE_SLOTS).flatMap((slots) => slots.map((s) => s.file)));
 
-// src/client/Workshop.tsx
+// src/client/fold.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+function Fold({ id, title, summary, tone, summaryClass, open, onToggle, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `her-card her-foldcard${open ? " open" : ""}`, ...id === void 0 ? {} : { id }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "her-fold", onClick: onToggle, "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `her-fold-arrow${open ? " open" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 16 16", width: "14", height: "14", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 3.5 10.5 8 6 12.5", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `her-fold-sum ${summaryClass ?? "her-muted"}`, children: [
+        tone !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `her-dot ${tone}` }),
+        summary
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-fold-toggle", children: open ? "\u6536\u8D77" : "\u5C55\u5F00" })
+    ] }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "her-fold-body", children })
+  ] });
+}
+function useFolds(key, initial) {
+  const [folds, setFolds] = (0, import_react.useState)(() => {
+    try {
+      return { ...initial, ...JSON.parse(localStorage.getItem(key) ?? "{}") };
+    } catch {
+      return initial;
+    }
+  });
+  const toggle = (0, import_react.useCallback)((card, open) => setFolds((current) => {
+    const next = { ...current, [card]: open ?? !current[card] };
+    try {
+      localStorage.setItem(key, JSON.stringify(next));
+    } catch {
+    }
+    return next;
+  }), [key]);
+  return [folds, toggle];
+}
+
+// src/client/Workshop.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var OWN = "__own__";
 var copy = (text) => void navigator.clipboard?.writeText(text);
 function Workshop({ state, apply: apply2 }) {
-  const [items, setItems] = (0, import_react.useState)([]);
-  const [open, setOpen] = (0, import_react.useState)();
-  const [draft, setDraft] = (0, import_react.useState)();
-  const [dirty, setDirty] = (0, import_react.useState)(false);
-  const [newName, setNewName] = (0, import_react.useState)("");
-  const [note, setNote] = (0, import_react.useState)();
-  const reload = (0, import_react.useCallback)(async () => {
+  const [items, setItems] = (0, import_react2.useState)([]);
+  const [open, setOpen] = (0, import_react2.useState)();
+  const [draft, setDraft] = (0, import_react2.useState)();
+  const [dirty, setDirty] = (0, import_react2.useState)(false);
+  const [newName, setNewName] = (0, import_react2.useState)("");
+  const [note, setNote] = (0, import_react2.useState)();
+  const reload = (0, import_react2.useCallback)(async () => {
     const result = await herApi.workshopList();
     if (result.ok) setItems(result.projects);
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     void reload();
     const timer = setInterval(() => void reload(), 4e3);
     return () => clearInterval(timer);
@@ -363,29 +420,21 @@ function Workshop({ state, apply: apply2 }) {
     if (dirty && !await save()) return;
     if (await apply2(herApi.workshopImport(draft.id))) setNote({ kind: "ok", text: "\u5F00\u59CB\u5BFC\u5165\uFF0C\u8FDB\u5EA6\u5728\u4E0B\u9762" });
   };
-  const [unfolded, setUnfolded] = (0, import_react.useState)(() => loadFolds());
-  const toggle = (card, on = !unfolded[card]) => setUnfolded((current) => {
-    const next = { ...current, [card]: on };
-    storeFolds(next);
-    return next;
-  });
+  const [unfolded, toggle] = useFolds(FOLDS_KEY, Object.fromEntries(CARDS.map((c) => [c, true])));
   const saveStep = async (card) => {
     if (dirty && !await save()) return;
     const at = CARDS.indexOf(card);
-    setUnfolded((current) => {
-      const next = { ...current, [card]: false, ...at + 1 < CARDS.length ? { [CARDS[at + 1]]: true } : {} };
-      storeFolds(next);
-      return next;
-    });
+    toggle(card, false);
+    if (at + 1 < CARDS.length) toggle(CARDS[at + 1], true);
     if (!dirty) setNote({ kind: "ok", text: "\u8FD9\u4E00\u6B65\u5DF2\u7ECF\u4FDD\u5B58\u8FC7\u4E86" });
   };
-  const [examples, setExamples] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
+  const [examples, setExamples] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
     void herApi.workshopExamples().then((r) => {
       if (r.ok) setExamples(r.examples);
     });
   }, []);
-  const [withMedia, setWithMedia] = (0, import_react.useState)(false);
+  const [withMedia, setWithMedia] = (0, import_react2.useState)(false);
   const exportProject = async () => {
     if (dirty && !await save()) return;
     setNote({ kind: "ok", text: "\u5728\u684C\u9762\u4E0A\u5F39\u51FA\u7684\u7A97\u53E3\u91CC\u9009\u4E00\u4E2A\u6587\u4EF6\u5939\u2026" });
@@ -408,111 +457,111 @@ function Workshop({ state, apply: apply2 }) {
   const screen = state.body.screens?.[0];
   const screenPx = screen === void 0 ? void 0 : { width: Math.round(screen.w * screen.scale), height: Math.round(screen.h * screen.scale) };
   const desk = status?.parts.find((p) => p.folder === DESK_DIR);
-  const fold = (card, title, summary, done, body, saveLabel = "\u4FDD\u5B58\u8FD9\u4E00\u6B65") => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Fold, { card, title, summary, done, open: unfolded[card], onToggle: () => toggle(card), children: [
+  const fold = (card, title, summary, done, body, saveLabel = "\u4FDD\u5B58\u8FD9\u4E00\u6B65") => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Fold, { title, summary, summaryClass: done ? "her-ok" : "her-muted", open: unfolded[card], onToggle: () => toggle(card), children: [
     body,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleStrip, { examples: examples.filter((e) => e.card === card) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn primary", onClick: () => void saveStep(card), children: saveLabel }),
-      dirty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-warn", children: "\u6709\u6539\u52A8\u8FD8\u6CA1\u4FDD\u5B58" })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ExampleStrip, { examples: examples.filter((e) => e.card === card) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", onClick: () => void saveStep(card), children: saveLabel }),
+      dirty && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-warn", children: "\u6709\u6539\u52A8\u8FD8\u6CA1\u4FDD\u5B58" })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u5F62\u8C61\u5DE5\u574A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "her-muted", children: "\u505A\u4E00\u4E2A\u4F60\u81EA\u5DF1\u7684\u5979\uFF1A\u9009\u597D\u5979\u7684\u6837\u5B50\u3001\u5979\u4F4F\u5728\u54EA\u4E9B\u573A\u666F\u91CC\uFF0C\u8FD9\u91CC\u4F1A\u628A\u6BCF\u4E00\u5F20\u56FE\u3001\u6BCF\u4E00\u6BB5\u89C6\u9891\u7684\u63D0\u793A\u8BCD\u90FD\u5199\u597D\uFF0C\u653E\u8FDB\u300C\u6587\u7A3F / dsh-her \u7D20\u6750\u300D\u91CC\u7684\u4E00\u4E2A\u6587\u4EF6\u5939\u3002\u4F60\u7528\u5373\u68A6\u3001\u53EF\u7075\u3001MiniMax\u3001ComfyUI \u8FD9\u4E9B\u5DE5\u5177\u751F\u6210\uFF0C\u653E\u56DE\u6587\u4EF6\u5939\uFF0C\u518D\u4E00\u952E\u5BFC\u5165\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "her-grid", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: `her-choice ${item.project.id === open ? "on" : ""}`, onClick: () => choose(item), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: "\u5F62\u8C61\u5DE5\u574A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u505A\u4E00\u4E2A\u4F60\u81EA\u5DF1\u7684\u5979\uFF1A\u9009\u597D\u5979\u7684\u6837\u5B50\u3001\u5979\u4F4F\u5728\u54EA\u4E9B\u573A\u666F\u91CC\uFF0C\u8FD9\u91CC\u4F1A\u628A\u6BCF\u4E00\u5F20\u56FE\u3001\u6BCF\u4E00\u6BB5\u89C6\u9891\u7684\u63D0\u793A\u8BCD\u90FD\u5199\u597D\uFF0C\u653E\u8FDB\u300C\u6587\u7A3F / dsh-her \u7D20\u6750\u300D\u91CC\u7684\u4E00\u4E2A\u6587\u4EF6\u5939\u3002\u4F60\u7528\u5373\u68A6\u3001\u53EF\u7075\u3001MiniMax\u3001ComfyUI \u8FD9\u4E9B\u5DE5\u5177\u751F\u6210\uFF0C\u653E\u56DE\u6587\u4EF6\u5939\uFF0C\u518D\u4E00\u952E\u5BFC\u5165\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-grid", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `her-choice ${item.project.id === open ? "on" : ""}`, onClick: () => choose(item), children: [
         item.project.name,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: progressText(item.status) })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: progressText(item.status) })
       ] }, item.project.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { flex: 1, minWidth: 160 }, value: newName, placeholder: "\u65B0\u5F62\u8C61\u7684\u540D\u5B57\uFF0C\u6BD4\u5982\uFF1A\u5C45\u5BB6\u773C\u955C", onChange: (e) => setNewName(e.target.value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", disabled: newName.trim() === "", onClick: () => void create(), children: "\u65B0\u5EFA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", onClick: () => void importProject(), children: "\u5BFC\u5165\u5DF2\u6709\u9879\u76EE\u2026" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { flex: 1, minWidth: 160 }, value: newName, placeholder: "\u65B0\u5F62\u8C61\u7684\u540D\u5B57\uFF0C\u6BD4\u5982\uFF1A\u5C45\u5BB6\u773C\u955C", onChange: (e) => setNewName(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: newName.trim() === "", onClick: () => void create(), children: "\u65B0\u5EFA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", onClick: () => void importProject(), children: "\u5BFC\u5165\u5DF2\u6709\u9879\u76EE\u2026" })
       ] }),
-      draft !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "her-btn", onClick: () => void exportProject(), children: [
+      draft !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "her-btn", onClick: () => void exportProject(), children: [
           "\u628A\u300C",
           draft.name,
           "\u300D\u5BFC\u51FA\u5230\u6587\u4EF6\u5939\u2026"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: withMedia, onChange: (e) => setWithMedia(e.target.checked) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: withMedia, onChange: (e) => setWithMedia(e.target.checked) }),
           " \u8FDE\u540C\u56FE\u7247\u548C\u89C6\u9891"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-muted", children: '\u4E0D\u52FE\u53EA\u5BFC\u51FA\u8BBE\u7F6E\uFF08\u5F62\u8C61.json \u548C\u6240\u6709\u63D0\u793A\u8BCD\uFF09\uFF0C\u5F88\u5C0F\uFF1B\u5BFC\u51FA\u7684\u6587\u4EF6\u5939\u5728\u522B\u7684\u7535\u8111\u4E0A\u7528"\u5BFC\u5165\u5DF2\u6709\u9879\u76EE"\u6253\u5F00\u3002' })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: '\u4E0D\u52FE\u53EA\u5BFC\u51FA\u8BBE\u7F6E\uFF08\u5F62\u8C61.json \u548C\u6240\u6709\u63D0\u793A\u8BCD\uFF09\uFF0C\u5F88\u5C0F\uFF1B\u5BFC\u51FA\u7684\u6587\u4EF6\u5939\u5728\u522B\u7684\u7535\u8111\u4E0A\u7528"\u5BFC\u5165\u5DF2\u6709\u9879\u76EE"\u6253\u5F00\u3002' })
       ] }),
-      draft === void 0 && note !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: note.kind === "error" ? "her-danger" : "her-ok", children: note.text })
+      draft === void 0 && note !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: note.kind === "error" ? "her-danger" : "her-ok", children: note.text })
     ] }),
-    draft !== void 0 && status !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      fold("look", "1. \u5979\u957F\u4EC0\u4E48\u6837", describe(draft.card), true, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 160 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u5F62\u8C61\u540D\u5B57" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: draft.name, onChange: (e) => edit((p) => {
+    draft !== void 0 && status !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      fold("look", "1. \u5979\u957F\u4EC0\u4E48\u6837", describe(draft.card), true, /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1, minWidth: 160 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u5F62\u8C61\u540D\u5B57" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: draft.name, onChange: (e) => edit((p) => {
               p.name = e.target.value;
             }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 160 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u7528\u4EC0\u4E48\u751F\u6210\u89C6\u9891" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "her-select", value: draft.generator, onChange: (e) => edit((p) => {
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1, minWidth: 160 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u7528\u4EC0\u4E48\u751F\u6210\u89C6\u9891" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", value: draft.generator, onChange: (e) => edit((p) => {
               p.generator = e.target.value;
               if (p.generator === "manual") p.custom ??= { name: "", settings: "", prefix: "" };
             }), children: [
-              Object.keys(GENERATORS).map((id) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: id, children: GENERATORS[id].label }, id)),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "manual", children: MANUAL_LABEL })
+              Object.keys(GENERATORS).map((id) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: id, children: GENERATORS[id].label }, id)),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "manual", children: MANUAL_LABEL })
             ] })
           ] })
         ] }),
-        draft.generator === "manual" && draft.custom !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u5DE5\u5177\u540D\u5B57" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: draft.custom.name, placeholder: "\u6BD4\u5982 Runway\u3001PixVerse\u3001\u81EA\u5DF1\u7684\u5DE5\u4F5C\u6D41", onChange: (e) => edit((p) => {
+        draft.generator === "manual" && draft.custom !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u5DE5\u5177\u540D\u5B57" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: draft.custom.name, placeholder: "\u6BD4\u5982 Runway\u3001PixVerse\u3001\u81EA\u5DF1\u7684\u5DE5\u4F5C\u6D41", onChange: (e) => edit((p) => {
               p.custom.name = e.target.value;
             }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 2, minWidth: 220 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u7EDF\u4E00\u8BBE\u7F6E\uFF08\u5199\u8FDB\u6BCF\u4E2A\u63D0\u793A\u8BCD\u6587\u4EF6\u7684\u5F00\u5934\uFF09" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: draft.custom.settings, placeholder: generatorInfo({ generator: "manual" }).settings, onChange: (e) => edit((p) => {
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 2, minWidth: 220 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u7EDF\u4E00\u8BBE\u7F6E\uFF08\u5199\u8FDB\u6BCF\u4E2A\u63D0\u793A\u8BCD\u6587\u4EF6\u7684\u5F00\u5934\uFF09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: draft.custom.settings, placeholder: generatorInfo({ generator: "manual" }).settings, onChange: (e) => edit((p) => {
               p.custom.settings = e.target.value;
             }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: "1 1 100%" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u6BCF\u6BB5\u63D0\u793A\u8BCD\u524D\u9762\u52A0\uFF08\u53EF\u4EE5\u4E0D\u586B\uFF1B\u6BD4\u5982 LoRA \u89E6\u53D1\u8BCD\u3001\u753B\u98CE\u8BCD\uFF09" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: draft.custom.prefix, onChange: (e) => edit((p) => {
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: "1 1 100%" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u6BCF\u6BB5\u63D0\u793A\u8BCD\u524D\u9762\u52A0\uFF08\u53EF\u4EE5\u4E0D\u586B\uFF1B\u6BD4\u5982 LoRA \u89E6\u53D1\u8BCD\u3001\u753B\u98CE\u8BCD\uFF09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: draft.custom.prefix, onChange: (e) => edit((p) => {
               p.custom.prefix = e.target.value;
             }) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "her-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
           "\u7EDF\u4E00\u8BBE\u7F6E\uFF1A",
           generatorInfo(draft).settings
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardEditor, { card: draft.card, onChange: (card) => edit((p) => {
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CardEditor, { card: draft.card, onChange: (card) => edit((p) => {
           p.card = card;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u89D2\u8272\u63CF\u8FF0\uFF08\u6BCF\u5F20\u56FE\u3001\u6BCF\u6BB5\u89C6\u9891\u90FD\u7528\u8FD9\u4E00\u53E5\uFF0C\u5979\u624D\u662F\u540C\u4E00\u4E2A\u4EBA\uFF1B\u53EF\u4EE5\u76F4\u63A5\u6539\uFF09" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { className: "her-textarea", style: { minHeight: 60 }, value: draft.card.sentence, placeholder: describe({ ...draft.card, sentence: "" }), onChange: (e) => edit((p) => {
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u89D2\u8272\u63CF\u8FF0\uFF08\u6BCF\u5F20\u56FE\u3001\u6BCF\u6BB5\u89C6\u9891\u90FD\u7528\u8FD9\u4E00\u53E5\uFF0C\u5979\u624D\u662F\u540C\u4E00\u4E2A\u4EBA\uFF1B\u53EF\u4EE5\u76F4\u63A5\u6539\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("textarea", { className: "her-textarea", style: { minHeight: 60 }, value: draft.card.sentence, placeholder: describe({ ...draft.card, sentence: "" }), onChange: (e) => edit((p) => {
           p.card.sentence = e.target.value;
         }) })
       ] })),
-      fold("reference", '2. \u53C2\u8003\u56FE\uFF08\u5979\u7684"\u8EAB\u4EFD\u8BC1"\uFF09', status.reference ? "\u2713 \u5DF2\u6709 \u53C2\u8003\u56FE.png" : "\u8FD8\u6CA1\u6709 \u53C2\u8003\u56FE.png", status.reference, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-          status.reference ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-ok", children: "\u2713 \u5DF2\u6709 \u53C2\u8003\u56FE.png" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-warn", children: "\u8FD8\u6CA1\u6709 \u53C2\u8003\u56FE.png" }),
+      fold("reference", '2. \u53C2\u8003\u56FE\uFF08\u5979\u7684"\u8EAB\u4EFD\u8BC1"\uFF09', status.reference ? "\u2713 \u5DF2\u6709 \u53C2\u8003\u56FE.png" : "\u8FD8\u6CA1\u6709 \u53C2\u8003\u56FE.png", status.reference, /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
+          status.reference ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-ok", children: "\u2713 \u5DF2\u6709 \u53C2\u8003\u56FE.png" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-warn", children: "\u8FD8\u6CA1\u6709 \u53C2\u8003\u56FE.png" }),
           "\uFF1A\u7EAF\u8272\u80CC\u666F\u3001\u5168\u8EAB\u3001\u6B63\u9762\u7AD9\u7ACB\u3002\u7528\u6587\u751F\u56FE\u5DE5\u5177\u6309\u4E0B\u9762\u7684\u63D0\u793A\u8BCD\u751F\u6210\uFF0C\u5B58\u6210\u300C\u53C2\u8003\u56FE.png\u300D\u653E\u8FDB\u9879\u76EE\u6587\u4EF6\u5939\u3002\u4E4B\u540E\u6BCF\u4E2A\u573A\u666F\u7684\u7167\u7247\u90FD\u8981\u7528\u5B83\u5F53\u53C2\u8003\u56FE\u3002"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptBox, { text: referencePrompt(draft) })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PromptBox, { text: referencePrompt(draft) })
       ] })),
-      fold("desk", "3. \u684C\u5BA0\uFF08\u6D6E\u5728\u6700\u4E0A\u5C42\u65F6\u7684\u5979\uFF09", !draft.desk.on ? "\u4E0D\u8981\u684C\u5BA0" : desk === void 0 ? "\u8FD8\u6CA1\u4FDD\u5B58" : `${desk.made}/${desk.planned} \u6BB5${desk.enough ? "\uFF0C\u591F\u7528\u4E86" : ""}`, !draft.desk.on || desk?.enough === true, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: draft.desk.on, onChange: (e) => edit((p) => {
+      fold("desk", "3. \u684C\u5BA0\uFF08\u6D6E\u5728\u6700\u4E0A\u5C42\u65F6\u7684\u5979\uFF09", !draft.desk.on ? "\u4E0D\u8981\u684C\u5BA0" : desk === void 0 ? "\u8FD8\u6CA1\u4FDD\u5B58" : `${desk.made}/${desk.planned} \u6BB5${desk.enough ? "\uFF0C\u591F\u7528\u4E86" : ""}`, !draft.desk.on || desk?.enough === true, /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: draft.desk.on, onChange: (e) => edit((p) => {
             p.desk.on = e.target.checked;
           }) }),
           " \u8981\u684C\u5BA0\uFF1A\u7EFF\u5E55\u5168\u8EAB\u89C6\u9891\uFF0C\u5BFC\u5165\u65F6\u62A0\u6389\u80CC\u666F\uFF0C\u5979\u6D6E\u5728\u6240\u6709\u7A97\u53E3\u4E0A\u9762"
         ] }),
-        draft.desk.on && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PartStatusLine, { status: desk }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "her-muted", children: "\u9996\u5E27\u7528\u300C\u53C2\u8003\u56FE.png\u300D\uFF0C\u751F\u6210\u7AD6\u7248 9:16\u30011080P\u30015\u20136 \u79D2\u3002" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClipList, { project: draft, kind: "desk", clips: draft.desk.clips, pose: "stand", onChange: (clips) => edit((p) => {
+        draft.desk.on && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PartStatusLine, { status: desk }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u9996\u5E27\u7528\u300C\u53C2\u8003\u56FE.png\u300D\uFF0C\u751F\u6210\u7AD6\u7248 9:16\u30011080P\u30015\u20136 \u79D2\u3002" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClipList, { project: draft, kind: "desk", clips: draft.desk.clips, pose: "stand", onChange: (clips) => edit((p) => {
             p.desk.clips = clips;
           }) })
         ] })
@@ -523,12 +572,12 @@ function Workshop({ state, apply: apply2 }) {
       }).join(" \xB7 "), draft.scenes.length > 0 && draft.scenes.every((sc) => {
         const part = status.parts.find((p) => p.folder === sceneDir(sc));
         return part?.enough === true && part.framed === true;
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "her-muted", children: [
+      }), /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
           '\u6BCF\u4E2A\u573A\u666F\u662F\u4E00\u5F20\u5168\u5C4F\u7167\u7247\uFF0C\u5979\u5728\u7167\u7247\u91CC\u7684\u4E00\u5757\u5730\u65B9\u52A8\u3002\u81EA\u52A8\u6362\u573A\u666F\u6309\u4E0B\u9762\u7684\u65F6\u95F4\u548C"\u4F60\u5728\u4E0D\u5728"\u6765\u9009\u3002',
           screenPx === void 0 ? "" : `\u4F60\u7684\u5C4F\u5E55\u662F ${screenPx.width}\xD7${screenPx.height}\uFF0C\u7167\u7247\u5C31\u505A\u8FD9\u4E48\u5927\u3002`
         ] }),
-        draft.scenes.map((scene, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        draft.scenes.map((scene, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           SceneEditor,
           {
             project: draft,
@@ -549,71 +598,47 @@ function Workshop({ state, apply: apply2 }) {
           },
           scene.id
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", onClick: () => edit((p) => {
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", onClick: () => edit((p) => {
           p.scenes.push(newScene(`s${Date.now().toString(36)}`, `\u573A\u666F${p.scenes.length + 1}`));
         }), children: "\u52A0\u4E00\u4E2A\u573A\u666F" })
       ] })),
-      fold("import", "5. \u751F\u6210\u3001\u5BFC\u5165", status.importable ? "\u53EF\u4EE5\u5BFC\u5165\u4E86" : "\u7247\u6BB5\u8FD8\u4E0D\u591F", false, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ol", { className: "her-muted", style: { margin: "4px 0", paddingLeft: 18 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      fold("import", "5. \u751F\u6210\u3001\u5BFC\u5165", status.importable ? "\u53EF\u4EE5\u5BFC\u5165\u4E86" : "\u7247\u6BB5\u8FD8\u4E0D\u591F", false, /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("ol", { className: "her-muted", style: { margin: "4px 0", paddingLeft: 18 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
             '\u6BCF\u4E00\u6B65\u586B\u5B8C\u70B9"\u4FDD\u5B58\u8FD9\u4E00\u6B65"\uFF1A\u63D0\u793A\u8BCD\u5199\u8FDB\u9879\u76EE\u6587\u4EF6\u5939\uFF0C\u6240\u6709\u7247\u6BB5\u5217\u5728\u300C\u751F\u6210\u6E05\u5355.md\u300D',
             draft.generator === "minimax" ? "\uFF0C\u8FD8\u6709\u7ED9 MiniMax Code \u7684\u300CMiniMax\u751F\u6210\u4EFB\u52A1.md\u300D" : draft.generator === "comfyui" ? "\uFF0C\u8FD8\u6709\u7ED9\u811A\u672C\u7528\u7684\u300CComfyUI\u751F\u6210\u6E05\u5355.json\u300D" : "",
             "\u3002"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: generatorInfo(draft).how }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: '\u573A\u666F\u7684\u7167\u7247\u653E\u597D\u540E\u70B9"\u6846\u4EBA\u7269\u533A"\uFF1B\u7247\u6BB5\u9F50\u4E86\u5C31"\u5BFC\u5165\u8FD9\u4E2A\u5F62\u8C61"\u3002\u6BCF\u90E8\u5206\u81F3\u5C11\u8981 3 \u6BB5\uFF08\u5F85\u673A\u3001\u8BF4\u8BDD \xD72\uFF09\uFF0C\u5176\u4ED6\u7684\u4EE5\u540E\u8865\uFF0C\u518D\u5BFC\u5165\u4E00\u6B21\u5C31\u4F1A\u66F4\u65B0\u3002' })
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: generatorInfo(draft).how }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: '\u573A\u666F\u7684\u7167\u7247\u653E\u597D\u540E\u70B9"\u6846\u4EBA\u7269\u533A"\uFF1B\u7247\u6BB5\u9F50\u4E86\u5C31"\u5BFC\u5165\u8FD9\u4E2A\u5F62\u8C61"\u3002\u6BCF\u90E8\u5206\u81F3\u5C11\u8981 3 \u6BB5\uFF08\u5F85\u673A\u3001\u8BF4\u8BDD \xD72\uFF09\uFF0C\u5176\u4ED6\u7684\u4EE5\u540E\u8865\uFF0C\u518D\u5BFC\u5165\u4E00\u6B21\u5C31\u4F1A\u66F4\u65B0\u3002' })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", onClick: () => void herApi.workshopOpen(draft.id).then((r) => report(r, "\u5DF2\u6253\u5F00\u6587\u4EF6\u5939")), children: "\u6253\u5F00\u6587\u4EF6\u5939" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", disabled: !status.importable || state.import.state === "running", onClick: () => void importLook(), children: "\u5BFC\u5165\u8FD9\u4E2A\u5F62\u8C61" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", onClick: () => void herApi.workshopOpen(draft.id).then((r) => report(r, "\u5DF2\u6253\u5F00\u6587\u4EF6\u5939")), children: "\u6253\u5F00\u6587\u4EF6\u5939" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: !status.importable || state.import.state === "running", onClick: () => void importLook(), children: "\u5BFC\u5165\u8FD9\u4E2A\u5F62\u8C61" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImportProgress, { state })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ImportProgress, { state })
       ] }), "\u4FDD\u5B58"),
-      note !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: note.kind === "error" ? "her-danger" : "her-ok", children: note.text })
+      note !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: note.kind === "error" ? "her-danger" : "her-ok", children: note.text })
     ] })
   ] });
 }
 var CARDS = ["look", "reference", "desk", "scene", "import"];
 var FOLDS_KEY = "dsh-her.workshop.open";
-function loadFolds() {
-  const all = Object.fromEntries(CARDS.map((c) => [c, true]));
-  try {
-    return { ...all, ...JSON.parse(localStorage.getItem(FOLDS_KEY) ?? "{}") };
-  } catch {
-    return all;
-  }
-}
-function storeFolds(folds) {
-  try {
-    localStorage.setItem(FOLDS_KEY, JSON.stringify(folds));
-  } catch {
-  }
-}
-function Fold({ title, summary, done, open, onToggle, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "her-fold", onClick: onToggle, "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `her-fold-arrow${open ? " open" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 16 16", width: "14", height: "14", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 3.5 10.5 8 6 12.5", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: title }),
-      !open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `her-fold-sum ${done ? "her-ok" : "her-muted"}`, children: summary })
-    ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
-  ] });
-}
 function ExampleStrip({ examples }) {
   if (examples.length === 0) return null;
   const src = (file) => new URL(`/api/dsh-her/example?f=${encodeURIComponent(file)}`, document.baseURI).href;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-examples", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-label", children: "\u793A\u4F8B" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "her-example-row", children: examples.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "her-example", children: [
-      !e.ready ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-example-empty", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-examples", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-label", children: "\u793A\u4F8B" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-example-row", children: examples.map((e) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("figure", { className: "her-example", children: [
+      !e.ready ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-example-empty", children: [
         "\u793A\u4F8B\u5F85\u653E",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("code", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("code", { children: [
           "examples/workshop/",
           e.file
         ] })
-      ] }) : e.file.endsWith(".mp4") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("video", { src: src(e.file), muted: true, loop: true, playsInline: true, onMouseEnter: (ev) => void ev.currentTarget.play(), onMouseLeave: (ev) => ev.currentTarget.pause() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: src(e.file), alt: e.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { children: e.label })
+      ] }) : e.file.endsWith(".mp4") ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("video", { src: src(e.file), muted: true, loop: true, playsInline: true, onMouseEnter: (ev) => void ev.currentTarget.play(), onMouseLeave: (ev) => ev.currentTarget.pause() }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: src(e.file), alt: e.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("figcaption", { children: e.label })
     ] }, e.file)) })
   ] });
 }
@@ -622,120 +647,120 @@ function progressText(status) {
   return status.parts.map((p) => `${p.name} ${p.made}/${p.planned}${p.framed === false ? p.photo === true ? "\xB7\u672A\u6846" : "\xB7\u7F3A\u7167\u7247" : ""}`).join(" \xB7 ");
 }
 function PartStatusLine({ status }) {
-  if (status === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "her-muted", children: "\u4FDD\u5B58\u540E\u4F1A\u5EFA\u597D\u8FD9\u90E8\u5206\u7684\u6587\u4EF6\u5939\u3002" });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+  if (status === void 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u4FDD\u5B58\u540E\u4F1A\u5EFA\u597D\u8FD9\u90E8\u5206\u7684\u6587\u4EF6\u5939\u3002" });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
     "\u5DF2\u6709 ",
     status.made,
     "/",
     status.planned,
     " \u6BB5",
-    status.enough ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-ok", children: "\uFF0C\u591F\u7528\u4E86" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-warn", children: "\uFF0C\u6700\u5C11\u8981\u5F85\u673A\u3001\u8BF4\u8BDD \xD72 \u8FD9 3 \u6BB5" }),
-    status.photo === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-warn", children: "\uFF1B\u8FD8\u6CA1\u6709\u7167\u7247 plate.png" }),
-    status.photo === true && status.framed === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-warn", children: "\uFF1B\u7167\u7247\u6709\u4E86\uFF0C\u8FD8\u6CA1\u6846\u4EBA\u7269\u533A" }),
-    status.framed === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-ok", children: "\uFF1B\u4EBA\u7269\u533A\u5DF2\u6846\u597D" })
+    status.enough ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-ok", children: "\uFF0C\u591F\u7528\u4E86" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-warn", children: "\uFF0C\u6700\u5C11\u8981\u5F85\u673A\u3001\u8BF4\u8BDD \xD72 \u8FD9 3 \u6BB5" }),
+    status.photo === false && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-warn", children: "\uFF1B\u8FD8\u6CA1\u6709\u7167\u7247 plate.png" }),
+    status.photo === true && status.framed === false && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-warn", children: "\uFF1B\u7167\u7247\u6709\u4E86\uFF0C\u8FD8\u6CA1\u6846\u4EBA\u7269\u533A" }),
+    status.framed === true && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-ok", children: "\uFF1B\u4EBA\u7269\u533A\u5DF2\u6846\u597D" })
   ] });
 }
 function PromptBox({ text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", style: { alignItems: "flex-start" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "her-chat", style: { flex: 1, margin: 0, whiteSpace: "pre-wrap" }, children: text }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn small", onClick: () => copy(text), children: "\u590D\u5236" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", style: { alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-chat", style: { flex: 1, margin: 0, whiteSpace: "pre-wrap" }, children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", onClick: () => copy(text), children: "\u590D\u5236" })
   ] });
 }
 function CardEditor({ card, onChange }) {
   const fields = Object.keys(CARD_CHOICES);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-grid", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-grid", children: [
     fields.map((field) => {
       const choices = CARD_CHOICES[field];
       const own = !choices.includes(card[field]);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: CARD_LABELS[field] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "her-select", value: own ? OWN : card[field], onChange: (e) => onChange({ ...card, [field]: e.target.value === OWN ? "" : e.target.value }), children: [
-          choices.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: c, children: c }, c)),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: OWN, children: "\u81EA\u5DF1\u5199\u2026" })
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: CARD_LABELS[field] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", value: own ? OWN : card[field], onChange: (e) => onChange({ ...card, [field]: e.target.value === OWN ? "" : e.target.value }), children: [
+          choices.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: c, children: c }, c)),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: OWN, children: "\u81EA\u5DF1\u5199\u2026" })
         ] }),
-        own && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { marginTop: 4 }, value: card[field], placeholder: field === "age" ? "\u8981\u5199\u6210\u5E74\u7684\uFF0C\u6BD4\u5982 26 \u5C81" : "\u5199\u4F60\u60F3\u8981\u7684", onChange: (e) => onChange({ ...card, [field]: e.target.value }) })
+        own && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { marginTop: 4 }, value: card[field], placeholder: field === "age" ? "\u8981\u5199\u6210\u5E74\u7684\uFF0C\u6BD4\u5982 26 \u5C81" : "\u5199\u4F60\u60F3\u8981\u7684", onChange: (e) => onChange({ ...card, [field]: e.target.value }) })
       ] }, field);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { gridColumn: "1 / -1" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "her-label", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { gridColumn: "1 / -1" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "her-label", children: [
         CARD_LABELS.extra,
         "\uFF08\u53EF\u4E0D\u586B\uFF09"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: card.extra, placeholder: "\u6BD4\u5982\uFF1A\u5DE6\u773C\u4E0B\u6709\u9897\u5C0F\u75E3\uFF0C\u7B11\u8D77\u6765\u6709\u9152\u7A9D", onChange: (e) => onChange({ ...card, extra: e.target.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: card.extra, placeholder: "\u6BD4\u5982\uFF1A\u5DE6\u773C\u4E0B\u6709\u9897\u5C0F\u75E3\uFF0C\u7B11\u8D77\u6765\u6709\u9152\u7A9D", onChange: (e) => onChange({ ...card, extra: e.target.value }) })
     ] })
   ] });
 }
 function SceneEditor({ project, scene, isDefault, status, screen, onChange, onDefault, onRemove, onFrame }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-scenes", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { width: 140 }, value: scene.name, onChange: (e) => onChange((s) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-scenes", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { width: 140 }, value: scene.name, onChange: (e) => onChange((s) => {
         s.name = e.target.value;
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { className: "her-select", style: { width: 90 }, value: scene.pose, onChange: (e) => onChange((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("select", { className: "her-select", style: { width: 90 }, value: scene.pose, onChange: (e) => onChange((s) => {
         const pose = e.target.value;
         s.clips = s.clips.map((c) => ({ ...c, file: c.file.replace(/^(stand|sit|lie)_/, `${pose}_`), action: c.action.replace(POSE_WORDS[s.pose], POSE_WORDS[pose]) }));
         s.pose = pose;
-      }), children: Object.keys(POSE_WORDS).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: p, children: POSE_WORDS[p] }, p)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "radio", checked: isDefault, onChange: onDefault }),
+      }), children: Object.keys(POSE_WORDS).map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: p, children: POSE_WORDS[p] }, p)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "radio", checked: isDefault, onChange: onDefault }),
         " \u9ED8\u8BA4\u573A\u666F"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn small", onClick: onRemove, children: "\u5220\u6389\u8FD9\u4E2A\u573A\u666F" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", onClick: onRemove, children: "\u5220\u6389\u8FD9\u4E2A\u573A\u666F" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "her-label", children: "\u8FD9\u4E2A\u5730\u65B9\u4EC0\u4E48\u6837\uFF08\u5199\u8FDB\u7167\u7247\u7684\u63D0\u793A\u8BCD\uFF09" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", value: scene.place, placeholder: "\u6BD4\u5982\uFF1A\u6E29\u99A8\u7684\u5367\u5BA4\uFF0C\u6728\u8D28\u5E8A\u5934\u67DC\u548C\u53F0\u706F\uFF0C\u6696\u8272\u706F\u5149\uFF0C\u7A97\u5E18\u534A\u62C9", onChange: (e) => onChange((s) => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u8FD9\u4E2A\u5730\u65B9\u4EC0\u4E48\u6837\uFF08\u5199\u8FDB\u7167\u7247\u7684\u63D0\u793A\u8BCD\uFF09" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: scene.place, placeholder: "\u6BD4\u5982\uFF1A\u6E29\u99A8\u7684\u5367\u5BA4\uFF0C\u6728\u8D28\u5E8A\u5934\u67DC\u548C\u53F0\u706F\uFF0C\u6696\u8272\u706F\u5149\uFF0C\u7A97\u5E18\u534A\u62C9", onChange: (e) => onChange((s) => {
       s.place = e.target.value;
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-muted", children: "\u4EC0\u4E48\u65F6\u5019\u5728\u8FD9\uFF1A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { width: 90 }, value: scene.hours ?? "", placeholder: "21-24", onChange: (e) => onChange((s) => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u4EC0\u4E48\u65F6\u5019\u5728\u8FD9\uFF1A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { width: 90 }, value: scene.hours ?? "", placeholder: "21-24", onChange: (e) => onChange((s) => {
         if (e.target.value.trim() === "") delete s.hours;
         else s.hours = e.target.value.trim();
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-muted", children: "\u70B9\uFF0C" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "her-select", style: { width: 150 }, value: scene.user ?? "", onChange: (e) => onChange((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u70B9\uFF0C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", style: { width: 150 }, value: scene.user ?? "", onChange: (e) => onChange((s) => {
         if (e.target.value === "") delete s.user;
         else s.user = e.target.value;
       }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u4E0D\u7BA1\u4F60\u5728\u4E0D\u5728" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "active", children: "\u4F60\u5728\u7528\u7535\u8111\u65F6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "idle", children: "\u4F60\u5F88\u4E45\u6CA1\u52A8\u65F6" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "\u4E0D\u7BA1\u4F60\u5728\u4E0D\u5728" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "active", children: "\u4F60\u5728\u7528\u7535\u8111\u65F6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "idle", children: "\u4F60\u5F88\u4E45\u6CA1\u52A8\u65F6" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "her-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
       "\u7167\u7247\uFF1A\u7528\u53C2\u8003\u56FE\u751F\u6210\uFF08",
       screen === void 0 ? "\u6A2A\u7248\uFF0C\u548C\u5C4F\u5E55\u4E00\u6837\u7684\u6BD4\u4F8B" : `${screen.width}\xD7${screen.height}`,
       "\uFF09\uFF0C\u5B58\u6210 plate.png \u653E\u8FDB\u300C",
       sceneDir(scene),
       "\u300D\u6587\u4EF6\u5939\u3002"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptBox, { text: scenePhotoPrompt(project, scene, screen) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PartStatusLine, { status }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn", disabled: status?.photo !== true, onClick: onFrame, children: "\u6846\u4EBA\u7269\u533A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "her-muted", children: '\u5728\u684C\u9762\u4E0A\u6253\u5F00"\u505A\u573A\u666F"\uFF0C\u6846\u51FA\u5979\u6D3B\u52A8\u7684\u90A3\u4E00\u5757\uFF1B\u4E4B\u540E\u7528 crop.png \u5F53\u9996\u5E27\u751F\u6210\u89C6\u9891\u3002' })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PromptBox, { text: scenePhotoPrompt(project, scene, screen) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PartStatusLine, { status }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: status?.photo !== true, onClick: onFrame, children: "\u6846\u4EBA\u7269\u533A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: '\u5728\u684C\u9762\u4E0A\u6253\u5F00"\u505A\u573A\u666F"\uFF0C\u6846\u51FA\u5979\u6D3B\u52A8\u7684\u90A3\u4E00\u5757\uFF1B\u4E4B\u540E\u7528 crop.png \u5F53\u9996\u5E27\u751F\u6210\u89C6\u9891\u3002' })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClipList, { project, kind: "scene", scene, clips: scene.clips, pose: scene.pose, onChange: (clips) => onChange((s) => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClipList, { project, kind: "scene", scene, clips: scene.clips, pose: scene.pose, onChange: (clips) => onChange((s) => {
       s.clips = clips;
     }) })
   ] });
 }
 function ClipList({ project, kind, scene, clips, pose, onChange }) {
-  const [own, setOwn] = (0, import_react.useState)("");
+  const [own, setOwn] = (0, import_react2.useState)("");
   const set = (i, change) => onChange(clips.map((c, j) => j === i ? { ...c, ...change } : c));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    clips.map((clip, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", style: { margin: "3px 0" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { width: 150 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: clip.off !== true, disabled: clip.required === true, onChange: (e) => set(i, { off: !e.target.checked }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+    clips.map((clip, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", style: { margin: "3px 0" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { style: { width: 150 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: clip.off !== true, disabled: clip.required === true, onChange: (e) => set(i, { off: !e.target.checked }) }),
         " ",
         clip.file
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { flex: 1, minWidth: 200 }, value: clip.action, disabled: clip.off === true, onChange: (e) => set(i, { action: e.target.value }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn small", disabled: clip.off === true, onClick: () => copy(clipPrompt(project, kind, clip, scene)), children: "\u590D\u5236\u63D0\u793A\u8BCD" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { flex: 1, minWidth: 200 }, value: clip.action, disabled: clip.off === true, onChange: (e) => set(i, { action: e.target.value }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", disabled: clip.off === true, onClick: () => copy(clipPrompt(project, kind, clip, scene)), children: "\u590D\u5236\u63D0\u793A\u8BCD" })
     ] }, clip.file)),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "her-input", style: { flex: 1 }, value: own, placeholder: "\u52A0\u4E00\u6BB5\u81EA\u5DF1\u7684\u52A8\u4F5C\uFF0C\u6BD4\u5982\uFF1A\u7AEF\u8D77\u5496\u5561\u559D\u4E00\u53E3\uFF0C\u518D\u653E\u4E0B", onChange: (e) => setOwn(e.target.value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "her-btn small", disabled: own.trim() === "", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { flex: 1 }, value: own, placeholder: "\u52A0\u4E00\u6BB5\u81EA\u5DF1\u7684\u52A8\u4F5C\uFF0C\u6BD4\u5982\uFF1A\u7AEF\u8D77\u5496\u5561\u559D\u4E00\u53E3\uFF0C\u518D\u653E\u4E0B", onChange: (e) => setOwn(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", disabled: own.trim() === "", onClick: () => {
         onChange([...clips, customClip(pose, clips, own)]);
         setOwn("");
       }, children: "\u52A0\u4E0A" })
@@ -745,32 +770,252 @@ function ClipList({ project, kind, scene, clips, pose, onChange }) {
 function ImportProgress({ state }) {
   const imp = state.import;
   if (imp.state === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: `${imp.total === 0 ? 0 : Math.round(imp.done / imp.total * 100)}%` } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "her-muted", children: imp.step })
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { width: `${imp.total === 0 ? 0 : Math.round(imp.done / imp.total * 100)}%` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: imp.step })
     ] });
   }
   if (imp.state !== "done" && imp.state !== "failed") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "her-report", children: imp.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: line.level === "error" ? "her-danger" : line.level === "warn" ? "her-warn" : "", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "her-report", children: imp.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: line.level === "error" ? "her-danger" : line.level === "warn" ? "her-warn" : "", children: [
     line.level === "ok" ? "\u2705" : line.level === "warn" ? "\u26A0\uFE0F" : "\u274C",
     " ",
     line.text
   ] }, i)) });
 }
 
+// src/client/choice.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function choiceClass(id, inUse, trying) {
+  return `her-choice${id === inUse ? " on" : ""}${trying !== void 0 && id === trying && id !== inUse ? " trying" : ""}`;
+}
+function choiceNote(id, inUse, text, busy) {
+  if (busy !== void 0 && busy === id) return "\u6B63\u5728\u5408\u6210\u2026";
+  return id === inUse ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "her-badge", children: "\u2713 \u6B63\u5728\u7528" }),
+    text
+  ] }) : text;
+}
+function voiceLabel(state, id) {
+  if (id.startsWith(OWN_PREFIX)) return state.voice.ming.own.find((v2) => `${OWN_PREFIX}${v2.id}` === id)?.name ?? "\u5DF2\u5220\u9664\u7684\u58F0\u97F3";
+  return voiceName(id);
+}
+var SERVICE_SHORT = { edge: "\u5FAE\u8F6F Edge", cosyvoice: "\u963F\u91CC\u4E91\u767E\u70BC", ming: "\u672C\u673A Ming" };
+
 // src/client/parts.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react4 = require("react");
+
+// src/client/MingVoice.tsx
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DESIGN_EXAMPLE = "\u4E8C\u5341\u591A\u5C81\u7684\u5E74\u8F7B\u5973\u6027\uFF0C\u58F0\u97F3\u6E29\u67D4\u751C\u7F8E\u3001\u7565\u5E26\u6175\u61D2\uFF0C\u8BED\u901F\u9002\u4E2D\uFF0C\u50CF\u5728\u6DF1\u591C\u8F7B\u58F0\u548C\u604B\u4EBA\u804A\u5929\u3002";
+function MingSection({ state, apply: apply2, inUse, trying, playing, onListen }) {
+  const ming = state.voice.ming;
+  const [make, setMake] = (0, import_react3.useState)();
+  if (ming.state === "unsupported") {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "her-label", children: SERVICE_NAMES.ming }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-faint", children: ming.error })
+    ] });
+  }
+  if (!ming.installed) {
+    const busy = ming.state === "installing";
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "her-label", children: SERVICE_NAMES.ming }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-muted", children: "\u5B8C\u5168\u5728\u4F60\u7684\u7535\u8111\u4E0A\u8FD0\u884C\uFF0C\u4E0D\u8054\u7F51\u3001\u4E0D\u82B1\u94B1\uFF0C\u80FD\u8DDF\u7740\u5979\u7684\u60C5\u7EEA\u53D8\u58F0\uFF0C\u8FD8\u80FD\u8BBE\u8BA1\u6216\u514B\u9686\u5979\u81EA\u5DF1\u7684\u58F0\u97F3\u3002\u8981\u4E0B\u8F7D\u7EA6 2 GB\uFF0C\u8BF4\u8BDD\u65F6\u5360\u7EA6 2 GB \u5185\u5B58\u3002" }),
+      busy && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "her-muted", children: [
+          ming.step,
+          ming.total ? `\uFF1A${Math.round((ming.done ?? 0) / ming.total * 100)}%` : "\u2026"
+        ] }),
+        ming.total !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { width: `${Math.round((ming.done ?? 0) / ming.total * 100)}%` } }) })
+      ] }),
+      ming.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-warn", children: ming.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn", disabled: busy, onClick: () => void apply2(herApi.mingInstall()), children: busy ? "\u6B63\u5728\u5B89\u88C5\u2026" : ming.state === "failed" ? "\u518D\u8BD5\u4E00\u6B21" : "\u5B89\u88C5\u672C\u673A\u58F0\u97F3" }) })
+    ] });
+  }
+  const settings = ming.settings;
+  const remove = (id, name) => {
+    if (window.confirm(`\u5220\u6389\u300C${name}\u300D\u8FD9\u4E2A\u58F0\u97F3\uFF1F`)) void apply2(herApi.mingRemove(id));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "her-label", children: SERVICE_NAMES.ming }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "her-muted", children: [
+      mingStateText(ming.state),
+      ming.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        " ",
+        ming.error,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn small", onClick: () => void apply2(herApi.mingRestart()), children: "\u91CD\u542F" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-grid", children: [
+      VOICES.filter((v2) => v2.service === "ming").map((v2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: choiceClass(v2.id, inUse, trying), onClick: () => onListen(v2.id), children: [
+        v2.name,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: choiceNote(v2.id, inUse, `${v2.desc}${v2.id === inUse ? "" : " \xB7 \u70B9\u4E00\u4E0B\u8BD5\u542C"}`, playing) })
+      ] }, v2.id)),
+      ming.own.map((v2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: choiceClass(`${OWN_PREFIX}${v2.id}`, inUse, trying), role: "button", tabIndex: 0, onClick: () => onListen(`${OWN_PREFIX}${v2.id}`), children: [
+        v2.name,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: choiceNote(`${OWN_PREFIX}${v2.id}`, inUse, `${v2.kind === "design" ? "\u6211\u8BBE\u8BA1\u7684" : "\u6211\u514B\u9686\u7684"}${`${OWN_PREFIX}${v2.id}` === inUse ? "" : " \xB7 \u70B9\u4E00\u4E0B\u8BD5\u542C"}`, playing) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn link", onClick: (e) => {
+          e.stopPropagation();
+          remove(v2.id, v2.name);
+        }, children: "\u5220\u6389" })
+      ] }, v2.id))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: `her-btn ${make === "design" ? "primary" : ""}`, onClick: () => setMake(make === "design" ? void 0 : "design"), children: "\u8BBE\u8BA1\u4E00\u4E2A\u58F0\u97F3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: `her-btn ${make === "clone" ? "primary" : ""}`, onClick: () => setMake(make === "clone" ? void 0 : "clone"), children: "\u514B\u9686\u4E00\u4E2A\u58F0\u97F3" })
+    ] }),
+    make === "design" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DesignVoice, { apply: apply2, onDone: () => setMake(void 0) }),
+    make === "clone" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloneVoice, { apply: apply2, onDone: () => setMake(void 0) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { className: "her-select", style: { width: "auto" }, value: settings.quality, onChange: (e) => void apply2(herApi.mingSettings({ quality: e.target.value })), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "quality", children: "\u97F3\u8D28\u4F18\u5148\uFF08\u4E00\u53E5\u8BDD\u7EA6 2\u20133 \u79D2\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "speed", children: "\u901F\u5EA6\u4F18\u5148\uFF08\u7EA6\u5FEB\u4E00\u500D\uFF0C\u97F3\u8D28\u7565\u5DEE\uFF09" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: settings.moods, onChange: (e) => void apply2(herApi.mingSettings({ moods: e.target.checked })) }),
+        " \u8DDF\u7740\u5979\u7684\u60C5\u7EEA\u53D8\u58F0"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { className: "her-select", style: { width: "auto" }, value: settings.idleMinutes ?? "", onChange: (e) => void apply2(herApi.mingSettings({ idleMinutes: e.target.value === "" ? -1 : Number(e.target.value) })), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "", children: "\u4E0D\u8BF4\u8BDD\u65F6\u81EA\u52A8\u7701\u5185\u5B58\uFF08\u6309\u5185\u5B58\u5927\u5C0F\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "10", children: "\u4E0D\u8BF4\u8BDD 10 \u5206\u949F\u540E\u7701\u5185\u5B58" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "30", children: "\u4E0D\u8BF4\u8BDD 30 \u5206\u949F\u540E\u7701\u5185\u5B58" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "0", children: "\u4E00\u76F4\u5F00\u7740\uFF08\u5360\u7EA6 2 GB \u5185\u5B58\uFF09" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "her-faint", children: [
+      "\u7701\u5185\u5B58\u65F6\u4F1A\u505C\u6389\u58F0\u97F3\u7A0B\u5E8F\uFF0C\u4F60\u4E00\u5F00\u53E3\u5C31\u91CD\u65B0\u542F\u52A8\uFF08\u7EA6 8 \u79D2\uFF09\u3002\u4E0D\u7528\u4E86\u53EF\u4EE5",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn link", onClick: () => {
+        if (window.confirm("\u5378\u8F7D\u672C\u673A\u58F0\u97F3\uFF1F\u4F1A\u5220\u6389\u7EA6 2 GB \u7684\u7A0B\u5E8F\u548C\u6A21\u578B\uFF1B\u4F60\u81EA\u5DF1\u7684\u58F0\u97F3\u4F1A\u4FDD\u7559\u3002")) void apply2(herApi.mingUninstall());
+      }, children: "\u5378\u8F7D\u672C\u673A\u58F0\u97F3" }),
+      "\u3002"
+    ] })
+  ] });
+}
+function mingStateText(state) {
+  switch (state) {
+    case "ready":
+      return "\u5DF2\u5C31\u7EEA";
+    case "loading":
+      return "\u6B63\u5728\u52A0\u8F7D\u58F0\u97F3\u6A21\u578B\u2026";
+    case "stopped":
+      return "\u5DF2\u5B89\u88C5\uFF08\u4E3A\u4E86\u7701\u5185\u5B58\u73B0\u5728\u6CA1\u5728\u8FD0\u884C\uFF0C\u8BF4\u8BDD\u65F6\u4F1A\u81EA\u52A8\u542F\u52A8\uFF09";
+    case "failed":
+      return "\u51FA\u9519\u4E86\uFF1A";
+    default:
+      return "";
+  }
+}
+function DesignVoice({ apply: apply2, onDone }) {
+  const [description, setDescription] = (0, import_react3.useState)(DESIGN_EXAMPLE);
+  const [drafts, setDrafts] = (0, import_react3.useState)();
+  const [chosen, setChosen] = (0, import_react3.useState)();
+  const [name, setName] = (0, import_react3.useState)("");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)();
+  const generate = async () => {
+    setBusy(true);
+    setError(void 0);
+    setDrafts(void 0);
+    const result = await herApi.mingDesign(description);
+    setBusy(false);
+    if (!result.ok) return setError(result.message);
+    setDrafts(result.drafts);
+    setChosen(result.drafts[0]?.id);
+  };
+  const keep = async () => {
+    if (chosen === void 0) return;
+    const result = await herApi.mingKeep(chosen, name);
+    if (!result.ok) return setError(result.message);
+    if (await apply2(herApi.saveCharacter({ voice: `${OWN_PREFIX}${result.voice.id}` }))) onDone();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-card", style: { background: "none", padding: "4px 0" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "her-label", children: "\u7528\u4E00\u53E5\u8BDD\u63CF\u8FF0\u5979\u7684\u58F0\u97F3\uFF1A\u5E74\u9F84\u3001\u97F3\u8272\u3001\u8BED\u6C14\u3001\u8BED\u901F\uFF0C\u50CF\u4EC0\u4E48\u573A\u5408\u8BF4\u8BDD" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("textarea", { className: "her-textarea", style: { minHeight: 60 }, value: description, onChange: (e) => setDescription(e.target.value) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn", disabled: busy, onClick: () => void generate(), children: busy ? "\u6B63\u5728\u751F\u6210 3 \u4E2A\uFF08\u7EA6 10 \u79D2\uFF09\u2026" : "\u751F\u6210 3 \u4E2A\u8BD5\u542C" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-faint", children: "\u540C\u4E00\u53E5\u63CF\u8FF0\uFF0C\u6BCF\u6B21\u751F\u6210\u7684\u58F0\u97F3\u90FD\u4F1A\u6709\u70B9\u4E0D\u540C\u3002\u6311\u4E00\u4E2A\u6700\u559C\u6B22\u7684\u7559\u4E0B\u6765\uFF0C\u5979\u4EE5\u540E\u5C31\u4E00\u76F4\u7528\u8FD9\u4E00\u4E2A\u3002" }),
+    drafts !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "her-row", children: drafts.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: `her-btn ${chosen === d.id ? "primary" : ""}`, onClick: () => {
+        setChosen(d.id);
+        playAudio(d.audio, "wav");
+      }, children: [
+        "\u25B6 \u7B2C ",
+        i + 1,
+        " \u4E2A"
+      ] }, d.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { className: "her-input", style: { flex: 1 }, placeholder: "\u7ED9\u8FD9\u4E2A\u58F0\u97F3\u8D77\u4E2A\u540D\u5B57", value: name, onChange: (e) => setName(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn primary", disabled: chosen === void 0 || name.trim() === "", onClick: () => void keep(), children: "\u7559\u4E0B\u9009\u4E2D\u7684\uFF0C\u8BA9\u5979\u7528\u8FD9\u4E2A\u58F0\u97F3" })
+      ] })
+    ] }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-danger", children: error })
+  ] });
+}
+function CloneVoice({ apply: apply2, onDone }) {
+  const [draft, setDraft] = (0, import_react3.useState)();
+  const [text, setText] = (0, import_react3.useState)("");
+  const [name, setName] = (0, import_react3.useState)("");
+  const [consent, setConsent] = (0, import_react3.useState)(false);
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)();
+  const upload = async (file) => {
+    if (file === void 0) return;
+    setBusy(true);
+    setError(void 0);
+    setDraft(void 0);
+    const bytes = new Uint8Array(await file.arrayBuffer());
+    let binary = "";
+    for (let i = 0; i < bytes.length; i += 32768) binary += String.fromCharCode(...bytes.subarray(i, i + 32768));
+    const result = await herApi.mingClone(btoa(binary), file.name);
+    setBusy(false);
+    if (!result.ok) return setError(result.message);
+    setDraft(result.draft);
+    setText(result.draft.text);
+  };
+  const keep = async () => {
+    if (draft === void 0) return;
+    const result = await herApi.mingKeep(draft.id, name, { text, consent });
+    if (!result.ok) return setError(result.message);
+    if (await apply2(herApi.saveCharacter({ voice: `${OWN_PREFIX}${result.voice.id}` }))) onDone();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-card", style: { background: "none", padding: "4px 0" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-muted", children: '\u9009\u4E00\u6BB5 5\u201315 \u79D2\u7684\u5F55\u97F3\uFF1A\u4E00\u4E2A\u4EBA\u6E05\u695A\u5730\u8BF4\u8BDD\uFF0C\u6CA1\u6709\u80CC\u666F\u97F3\u4E50\u548C\u6742\u97F3\uFF08\u624B\u673A"\u8BED\u97F3\u5907\u5FD8\u5F55"\u5F55\u7684 m4a \u5C31\u884C\uFF0C\u4E5F\u53EF\u4EE5\u662F wav\u3001mp3\uFF09\u3002\u8D85\u8FC7 15 \u79D2\u53EA\u7528\u524D 15 \u79D2\u3002\u5F55\u97F3\u53EA\u7559\u5728\u4F60\u7684\u7535\u8111\u4E0A\u3002' }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "file", accept: "audio/*,.m4a,.wav,.mp3,.aiff,.caf", disabled: busy, onChange: (e) => void upload(e.target.files?.[0]) }),
+    busy && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-muted", children: "\u6B63\u5728\u5904\u7406\u5F55\u97F3\u3001\u542C\u5B83\u8BF4\u4E86\u4EC0\u4E48\u2026" }),
+    draft !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "her-btn", onClick: () => playAudio(draft.audio, "wav"), children: [
+        "\u25B6 \u542C\u4E00\u4E0B\uFF08",
+        (draft.durationMs / 1e3).toFixed(1),
+        " \u79D2\uFF09"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "her-label", children: "\u5F55\u97F3\u91CC\u8BF4\u7684\u8BDD\uFF08\u81EA\u52A8\u542C\u51FA\u6765\u7684\uFF0C\u6709\u9519\u5B57\u8981\u6539\u5BF9\uFF1A\u514B\u9686\u8981\u7528\u5230\u5B83\uFF09" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("textarea", { className: "her-textarea", style: { minHeight: 50 }, value: text, onChange: (e) => setText(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked) }),
+        " \u8FD9\u662F\u6211\u672C\u4EBA\u7684\u58F0\u97F3\uFF0C\u6216\u8005\u6211\u5F97\u5230\u4E86\u58F0\u97F3\u4E3B\u4EBA\u7684\u540C\u610F\uFF08\u4E0D\u80FD\u7528\u660E\u661F\u6216\u5176\u4ED6\u4EBA\u672A\u7ECF\u540C\u610F\u7684\u58F0\u97F3\uFF09"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { className: "her-input", style: { flex: 1 }, placeholder: "\u7ED9\u8FD9\u4E2A\u58F0\u97F3\u8D77\u4E2A\u540D\u5B57", value: name, onChange: (e) => setName(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "her-btn primary", disabled: !consent || name.trim() === "" || text.trim() === "", onClick: () => void keep(), children: "\u4FDD\u5B58\uFF0C\u8BA9\u5979\u7528\u8FD9\u4E2A\u58F0\u97F3" })
+      ] })
+    ] }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "her-danger", children: error })
+  ] });
+}
+
+// src/client/parts.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var MODE_TEXT = {
   overlay: { title: "\u6D6E\u5728\u6700\u4E0A\u5C42", desc: "\u50CF\u684C\u5BA0\u4E00\u6837\u5728\u6240\u6709\u7A97\u53E3\u4E0A\u9762\uFF0C\u53EF\u4EE5\u62D6\u52A8\u3001\u70B9\u5979" },
   wallpaper: { title: "\u4F4F\u5728\u58C1\u7EB8\u91CC", desc: "\u5728\u684C\u9762\u56FE\u6807\u548C\u6240\u6709\u7A97\u53E3\u4E0B\u9762\uFF0C\u53EA\u770B\u4E0D\u70B9\uFF1B\u6309\u5FEB\u6377\u952E\u53EB\u5979\u51FA\u6765" },
   window: { title: "\u666E\u901A\u7A97\u53E3", desc: "\u4E00\u4E2A\u53EF\u4EE5\u5173\u6389\u7684\u7A97\u53E3" }
 };
 function Dot({ tone }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `her-dot ${tone === "off" ? "" : tone}` });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `her-dot ${tone === "off" ? "" : tone}` });
 }
 function BodyStatus({ state, apply: apply2 }) {
-  const [message, setMessage] = (0, import_react2.useState)();
+  const [message, setMessage] = (0, import_react4.useState)();
   const body = state.body;
   const install = body.install;
   const start = async () => {
@@ -779,84 +1024,78 @@ function BodyStatus({ state, apply: apply2 }) {
     await apply2(Promise.resolve(result));
   };
   const busy = install.state === "checking" || install.state === "downloading" || install.state === "installing";
-  const progress = busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { width: `${install.total ? Math.round((install.done ?? 0) / install.total * 100) : 0}%` } }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: install.state === "checking" ? "\u6B63\u5728\u770B\u6709\u6CA1\u6709\u65B0\u7248\u672C\u2026" : install.state === "installing" ? "\u6B63\u5728\u5B89\u88C5\u2026" : `\u6B63\u5728\u4E0B\u8F7D\u8EAB\u4F53\u7A0B\u5E8F ${install.latest ?? ""}\uFF08${mb(install.done)} / ${mb(install.total)} MB\uFF09` })
+  const progress = busy && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { width: `${install.total ? Math.round((install.done ?? 0) / install.total * 100) : 0}%` } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: install.state === "checking" ? "\u6B63\u5728\u770B\u6709\u6CA1\u6709\u65B0\u7248\u672C\u2026" : install.state === "installing" ? "\u6B63\u5728\u5B89\u88C5\u2026" : `\u6B63\u5728\u4E0B\u8F7D\u8EAB\u4F53\u7A0B\u5E8F ${install.latest ?? ""}\uFF08${mb(install.done)} / ${mb(install.total)} MB\uFF09` })
   ] });
-  const failed = install.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-danger", children: [
+  const failed = install.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-danger", children: [
     "\u4E0B\u8F7D\u5B89\u88C5\u6CA1\u6210\u529F\uFF1A",
     install.error
   ] });
   if (body.connected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dot, { tone: "ok" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dot, { tone: "ok" }),
         "\u8EAB\u4F53\u5DF2\u8FDE\u4E0A\uFF08",
         body.info?.os,
         "\uFF0C\u7248\u672C ",
         body.info?.version,
         "\uFF09",
         body.pack === void 0 ? "" : `\uFF0C\u5916\u5F62\uFF1A${body.pack.name}`,
-        !install.dev && !busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn link", onClick: () => void apply2(herApi.installBody()), children: "\u68C0\u67E5\u66F4\u65B0" }),
-        !install.dev && !busy && install.latest !== void 0 && install.restart !== true && install.state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "her-muted", children: [
+        !install.dev && !busy && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn link", onClick: () => void apply2(herApi.installBody()), children: "\u68C0\u67E5\u66F4\u65B0" }),
+        !install.dev && !busy && install.latest !== void 0 && install.restart !== true && install.state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "her-muted", children: [
           "\uFF08\u5DF2\u662F\u6700\u65B0\uFF1A",
           install.latest,
           "\uFF09"
         ] })
       ] }),
-      install.restart === true && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+      install.restart === true && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
           "\u65B0\u7248\u672C ",
           install.installed,
           " \u5DF2\u7ECF\u88C5\u597D\uFF0C\u91CD\u542F\u4E00\u4E0B\u8EAB\u4F53\u5C31\u7528\u4E0A\u4E86\u3002"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", onClick: () => void apply2(herApi.restartBody()), children: "\u91CD\u542F\u8EAB\u4F53" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", onClick: () => void apply2(herApi.restartBody()), children: "\u91CD\u542F\u8EAB\u4F53" })
       ] }),
       progress,
       failed
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dot, { tone: body.running ? "warn" : "bad" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dot, { tone: body.running ? "warn" : "bad" }),
       body.running ? "\u8EAB\u4F53\u5728\u8FD0\u884C\uFF0C\u6B63\u5728\u8FDE\u63A5\u2026" : "\u8EAB\u4F53\u8FD8\u6CA1\u8FD0\u884C"
     ] }),
-    !body.running && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-row", children: body.canStart ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", onClick: () => void start(), children: "\u542F\u52A8\u8EAB\u4F53" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", disabled: busy, onClick: () => void apply2(herApi.installBody()), children: "\u4E0B\u8F7D\u5B89\u88C5\u8EAB\u4F53" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u5979\u5728\u684C\u9762\u4E0A\u7684\u6837\u5B50\u662F\u4E00\u4E2A\u5355\u72EC\u7684\u5C0F\u7A0B\u5E8F\uFF08\u7EA6 150 MB\uFF09\uFF0C\u88C5\u5728 dsh-her \u81EA\u5DF1\u7684\u6587\u4EF6\u5939\u91CC\uFF0C\u88C5\u597D\u5C31\u81EA\u52A8\u542F\u52A8\u3002" })
+    !body.running && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-row", children: body.canStart ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", onClick: () => void start(), children: "\u542F\u52A8\u8EAB\u4F53" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", disabled: busy, onClick: () => void apply2(herApi.installBody()), children: "\u4E0B\u8F7D\u5B89\u88C5\u8EAB\u4F53" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: "\u5979\u5728\u684C\u9762\u4E0A\u7684\u6837\u5B50\u662F\u4E00\u4E2A\u5355\u72EC\u7684\u5C0F\u7A0B\u5E8F\uFF08\u7EA6 150 MB\uFF09\uFF0C\u88C5\u5728 dsh-her \u81EA\u5DF1\u7684\u6587\u4EF6\u5939\u91CC\uFF0C\u88C5\u597D\u5C31\u81EA\u52A8\u542F\u52A8\u3002" })
     ] }) }),
     progress,
     failed,
-    message !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: message })
+    message !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: message })
   ] });
 }
 var mb = (bytes) => ((bytes ?? 0) / 1e6).toFixed(0);
 function PackPicker({ state, apply: apply2 }) {
   const body = state.body;
   const imp = state.import;
-  if (!body.connected) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u9009\u5916\u5F62\u3002" });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-grid", children: [
-      body.packs.map((pack) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `her-choice ${pack.packId === body.activePack ? "on" : ""}`, onClick: () => void apply2(herApi.usePack(pack.packId)), children: [
+  if (!body.connected) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u9009\u5916\u5F62\u3002" });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-grid", children: [
+      body.packs.map((pack) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: `her-choice ${pack.packId === body.activePack ? "on" : ""}`, onClick: () => void apply2(herApi.usePack(pack.packId)), children: [
         pack.name,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("small", { children: [
-          pack.packId.startsWith("look:") ? "\u591A\u573A\u666F\u5F62\u8C61" : pack.layer === "scene" ? "\u58C1\u7EB8\u573A\u666F" : "\u684C\u5BA0",
-          " \xB7 ",
-          pack.actions.filter((a) => !a.id.startsWith("scene_")).length,
-          " \u4E2A\u52A8\u4F5C",
-          pack.emotions.length > 0 ? ` \xB7 ${pack.emotions.length} \u79CD\u60C5\u7EEA` : ""
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: choiceNote(pack.packId, body.activePack ?? "", `${pack.packId.startsWith("look:") ? "\u591A\u573A\u666F\u5F62\u8C61" : pack.layer === "scene" ? "\u58C1\u7EB8\u573A\u666F" : "\u684C\u5BA0"} \xB7 ${pack.actions.filter((a) => !a.id.startsWith("scene_")).length} \u4E2A\u52A8\u4F5C${pack.emotions.length > 0 ? ` \xB7 ${pack.emotions.length} \u79CD\u60C5\u7EEA` : ""}`) })
       ] }, pack.packId)),
-      body.packs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u8FD8\u6CA1\u6709\u5BFC\u5165\u8FC7\u5916\u5F62\u5305\u3002" })
+      body.packs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: "\u8FD8\u6CA1\u6709\u5BFC\u5165\u8FC7\u5916\u5F62\u5305\u3002" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: imp.state === "picking" || imp.state === "running", onClick: () => void apply2(herApi.pickPack()), children: "\u5BFC\u5165\u6211\u7684\u7D20\u6750\u2026" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u4F1A\u5728\u8EAB\u4F53\u90A3\u53F0\u7535\u8111\u4E0A\u5F39\u51FA\u9009\u62E9\u6587\u4EF6\u5939\u7684\u7A97\u53E3\u3002\u7D20\u6750\u600E\u4E48\u505A\u3001\u600E\u4E48\u547D\u540D\uFF0C\u89C1 docs/\u7D20\u6750\u751F\u6210\u63D0\u793A\u8BCD.md\u3002" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", disabled: imp.state === "picking" || imp.state === "running", onClick: () => void apply2(herApi.pickPack()), children: "\u5BFC\u5165\u6211\u7684\u7D20\u6750\u2026" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: "\u4F1A\u5728\u8EAB\u4F53\u90A3\u53F0\u7535\u8111\u4E0A\u5F39\u51FA\u9009\u62E9\u6587\u4EF6\u5939\u7684\u7A97\u53E3\u3002\u7D20\u6750\u600E\u4E48\u505A\u3001\u600E\u4E48\u547D\u540D\uFF0C\u89C1 docs/\u7D20\u6750\u751F\u6210\u63D0\u793A\u8BCD.md\u3002" })
     ] }),
-    imp.state === "picking" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u8BF7\u5728\u684C\u9762\u4E0A\u5F39\u51FA\u7684\u7A97\u53E3\u91CC\u9009\u62E9\u7D20\u6750\u6587\u4EF6\u5939\u2026" }),
-    imp.state === "running" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { width: `${imp.total === 0 ? 0 : Math.round(imp.done / imp.total * 100)}%` } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
+    imp.state === "picking" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: "\u8BF7\u5728\u684C\u9762\u4E0A\u5F39\u51FA\u7684\u7A97\u53E3\u91CC\u9009\u62E9\u7D20\u6750\u6587\u4EF6\u5939\u2026" }),
+    imp.state === "running" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-progress", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { width: `${imp.total === 0 ? 0 : Math.round(imp.done / imp.total * 100)}%` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-muted", children: [
         imp.step,
         "\uFF08",
         imp.done,
@@ -865,7 +1104,7 @@ function PackPicker({ state, apply: apply2 }) {
         "\uFF09"
       ] })
     ] }),
-    (imp.state === "done" || imp.state === "failed") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "her-report", children: imp.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: line.level === "error" ? "her-danger" : line.level === "warn" ? "her-warn" : "", children: [
+    (imp.state === "done" || imp.state === "failed") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "her-report", children: imp.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { className: line.level === "error" ? "her-danger" : line.level === "warn" ? "her-warn" : "", children: [
       line.level === "ok" ? "\u2705" : line.level === "warn" ? "\u26A0\uFE0F" : "\u274C",
       " ",
       line.text
@@ -874,15 +1113,16 @@ function PackPicker({ state, apply: apply2 }) {
 }
 function PersonaEditor({ state, apply: apply2, onSaved, saveLabel = "\u4FDD\u5B58" }) {
   const c = state.character;
-  const [name, setName] = (0, import_react2.useState)(c.name);
-  const [callYou, setCallYou] = (0, import_react2.useState)(c.callYou);
-  const [pronoun, setPronoun] = (0, import_react2.useState)(c.pronoun);
-  const [persona, setPersona] = (0, import_react2.useState)(c.persona);
-  const [idea, setIdea] = (0, import_react2.useState)("");
-  const [busy, setBusy] = (0, import_react2.useState)();
-  const [error, setError] = (0, import_react2.useState)();
-  const [chat, setChat] = (0, import_react2.useState)([]);
-  const [line, setLine] = (0, import_react2.useState)("");
+  const [name, setName] = (0, import_react4.useState)(c.name);
+  const [callYou, setCallYou] = (0, import_react4.useState)(c.callYou);
+  const [pronoun, setPronoun] = (0, import_react4.useState)(c.pronoun);
+  const [persona, setPersona] = (0, import_react4.useState)(c.persona);
+  const [idea, setIdea] = (0, import_react4.useState)("");
+  const [busy, setBusy] = (0, import_react4.useState)();
+  const [error, setError] = (0, import_react4.useState)();
+  const [chat, setChat] = (0, import_react4.useState)([]);
+  const [line, setLine] = (0, import_react4.useState)("");
+  const dirty = name !== c.name || callYou !== c.callYou || pronoun !== c.pronoun || persona !== c.persona;
   const expand = async () => {
     setBusy("expand");
     setError(void 0);
@@ -909,77 +1149,82 @@ function PersonaEditor({ state, apply: apply2, onSaved, saveLabel = "\u4FDD\u5B5
     setBusy(void 0);
     if (ok) onSaved?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u5979\u7684\u540D\u5B57" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: name, onChange: (e) => setName(e.target.value) })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u5979\u7684\u540D\u5B57" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "her-input", value: name, onChange: (e) => setName(e.target.value) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u5979\u600E\u4E48\u79F0\u547C\u4F60" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", value: callYou, placeholder: "\u6BD4\u5982\uFF1A\u963F\u6587", onChange: (e) => setCallYou(e.target.value) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { flex: 1, minWidth: 140 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u5979\u600E\u4E48\u79F0\u547C\u4F60" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "her-input", value: callYou, placeholder: "\u6BD4\u5982\uFF1A\u963F\u6587", onChange: (e) => setCallYou(e.target.value) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { width: 120 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u63D0\u5230\u4F60\u65F6\u7528" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", value: pronoun, onChange: (e) => setPronoun(e.target.value), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "\u4ED6", children: "\u4ED6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "\u5979", children: "\u5979" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "TA", children: "TA" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { width: 120 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u63D0\u5230\u4F60\u65F6\u7528" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { className: "her-select", value: pronoun, onChange: (e) => setPronoun(e.target.value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "\u4ED6", children: "\u4ED6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "\u5979", children: "\u5979" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "TA", children: "TA" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u4E00\u53E5\u8BDD\u63CF\u8FF0\u5979\uFF08\u53EF\u9009\uFF09\uFF0C\u8BA9\u6A21\u578B\u5E2E\u4F60\u5199\u6210\u5B8C\u6574\u4EBA\u8BBE" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { flex: 1 }, value: idea, placeholder: "\u6BD4\u5982\uFF1A\u4E8C\u5341\u4E94\u5C81\u7684\u7F16\u5267\uFF0C\u7231\u5410\u69FD\uFF0C\u559C\u6B22\u732B\u548C\u706B\u9505", onChange: (e) => setIdea(e.target.value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: busy !== void 0 || idea.trim() === "", onClick: () => void expand(), children: busy === "expand" ? "\u6B63\u5728\u5199\u2026" : "\u5E2E\u6211\u5199" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u4E00\u53E5\u8BDD\u63CF\u8FF0\u5979\uFF08\u53EF\u9009\uFF09\uFF0C\u8BA9\u6A21\u578B\u5E2E\u4F60\u5199\u6210\u5B8C\u6574\u4EBA\u8BBE" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "her-input", style: { flex: 1 }, value: idea, placeholder: "\u6BD4\u5982\uFF1A\u4E8C\u5341\u4E94\u5C81\u7684\u7F16\u5267\uFF0C\u7231\u5410\u69FD\uFF0C\u559C\u6B22\u732B\u548C\u706B\u9505", onChange: (e) => setIdea(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", disabled: busy !== void 0 || idea.trim() === "", onClick: () => void expand(), children: busy === "expand" ? "\u6B63\u5728\u5199\u2026" : "\u5E2E\u6211\u5199" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u4EBA\u8BBE\uFF08\u53EF\u4EE5\u76F4\u63A5\u6539\uFF09" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("textarea", { className: "her-textarea", value: persona, onChange: (e) => setPersona(e.target.value) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: "\u5148\u8BD5\u804A\u51E0\u53E5\uFF08\u4E0D\u4F1A\u8FDB\u5979\u7684\u8BB0\u5FC6\uFF09" }),
-    chat.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-chat", children: chat.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: m.who, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u4EBA\u8BBE\uFF08\u53EF\u4EE5\u76F4\u63A5\u6539\uFF09" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("textarea", { className: "her-textarea", value: persona, onChange: (e) => setPersona(e.target.value) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: "\u5148\u8BD5\u804A\u51E0\u53E5\uFF08\u4E0D\u4F1A\u8FDB\u5979\u7684\u8BB0\u5FC6\uFF09" }),
+    chat.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-chat", children: chat.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: m.who, children: [
       m.who === "you" ? "\u4F60\uFF1A" : `${name}\uFF1A`,
       m.text
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "her-input", style: { flex: 1 }, value: line, placeholder: "\u8BF4\u4E00\u53E5\u8BD5\u8BD5", onChange: (e) => setLine(e.target.value), onKeyDown: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "her-input", style: { flex: 1 }, value: line, placeholder: "\u8BF4\u4E00\u53E5\u8BD5\u8BD5", onChange: (e) => setLine(e.target.value), onKeyDown: (e) => {
         if (e.key === "Enter") void tryOne();
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: busy !== void 0 || persona.trim() === "", onClick: () => void tryOne(), children: busy === "try" ? "\u2026" : "\u53D1\u9001" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", disabled: busy !== void 0 || persona.trim() === "", onClick: () => void tryOne(), children: busy === "try" ? "\u2026" : "\u53D1\u9001" })
     ] }),
-    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-error", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", disabled: busy !== void 0, onClick: () => void save(), children: saveLabel }) })
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", disabled: busy !== void 0 || !dirty && onSaved === void 0, onClick: () => void save(), children: saveLabel }),
+      dirty ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-warn", children: "\u6709\u6539\u52A8\u8FD8\u6CA1\u4FDD\u5B58" }) : onSaved === void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: "\u2713 \u5DF2\u4FDD\u5B58\uFF0C\u5979\u6B63\u5728\u7528\u8FD9\u4EFD\u4EBA\u8BBE" })
+    ] })
   ] });
 }
 function KeyHelp({ state }) {
   if (state.voice.speaking.status === "no-quota") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-warn", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u767E\u70BC\u8D26\u53F7\u7684\u989D\u5EA6\u7528\u5B8C\u4E86\uFF0C\u5979\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: '\u5230\u963F\u91CC\u4E91\u767E\u70BC\u63A7\u5236\u53F0\u5F00\u901A\u6309\u91CF\u4ED8\u8D39\uFF1B\u5982\u679C\u5DF2\u7ECF\u5F00\u901A\uFF0C\u628A"\u4EC5\u4F7F\u7528\u514D\u8D39\u989D\u5EA6"\u5173\u6389\u3002\u5F04\u597D\u540E\u6700\u591A\u534A\u5206\u949F\u5979\u5C31\u80FD\u8BF4\u8BDD\uFF0C\u4E0D\u7528\u91CD\u542F\u3002' }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-faint", children: state.voice.speaking.error })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-warn", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u767E\u70BC\u8D26\u53F7\u7684\u989D\u5EA6\u7528\u5B8C\u4E86\uFF0C\u5979\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: '\u5230\u963F\u91CC\u4E91\u767E\u70BC\u63A7\u5236\u53F0\u5F00\u901A\u6309\u91CF\u4ED8\u8D39\uFF1B\u5982\u679C\u5DF2\u7ECF\u5F00\u901A\uFF0C\u628A"\u4EC5\u4F7F\u7528\u514D\u8D39\u989D\u5EA6"\u5173\u6389\u3002\u5F04\u597D\u540E\u6700\u591A\u534A\u5206\u949F\u5979\u5C31\u80FD\u8BF4\u8BDD\uFF0C\u4E0D\u7528\u91CD\u542F\u3002' }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-faint", children: state.voice.speaking.error })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-warn", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u5979\u7684\u58F0\u97F3\u7528\u963F\u91CC\u4E91\u767E\u70BC\uFF08CosyVoice\uFF09\uFF0C\u8FD8\u6CA1\u6709\u627E\u5230 API key\uFF0C\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
-    state.platform === "darwin" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-warn", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u5979\u7684\u58F0\u97F3\u7528\u963F\u91CC\u4E91\u767E\u70BC\uFF08CosyVoice\uFF09\uFF0C\u8FD8\u6CA1\u6709\u627E\u5230 API key\uFF0C\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
+    state.platform === "darwin" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
       "\u5728\u7EC8\u7AEF\u8FD0\u884C\u4E0B\u9762\u8FD9\u6761\u547D\u4EE4\uFF0C\u6309\u63D0\u793A\u7C98\u8D34 key\uFF08\u4E24\u6B21\uFF0C\u5C4F\u5E55\u4E0A\u4E0D\u663E\u793A\uFF09\uFF0C\u4E0D\u7528\u91CD\u542F\uFF1A",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: "security add-generic-password -a dsh-her -s dsh-her-dashscope -w" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "security add-generic-password -a dsh-her -s dsh-her-dashscope -w" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
       "\u628A key \u8BBE\u6210\u73AF\u5883\u53D8\u91CF ",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: "DASHSCOPE_API_KEY" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "DASHSCOPE_API_KEY" }),
       "\uFF0C\u7136\u540E\u91CD\u542F dsh\u3002"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-faint", children: "key \u4E0D\u4F1A\u5B58\u8FDB\u4EFB\u4F55\u6587\u4EF6\uFF0C\u4E5F\u4E0D\u8981\u8D34\u5230\u804A\u5929\u91CC\u3002" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-faint", children: "key \u4E0D\u4F1A\u5B58\u8FDB\u4EFB\u4F55\u6587\u4EF6\uFF0C\u4E5F\u4E0D\u8981\u8D34\u5230\u804A\u5929\u91CC\u3002" })
   ] });
 }
 function VoicePicker({ state, apply: apply2, onSaved, saveLabel = "\u7528\u8FD9\u4E2A\u58F0\u97F3" }) {
-  const [voice, setVoice] = (0, import_react2.useState)(state.character.voice.id);
-  const [speed, setSpeed] = (0, import_react2.useState)(state.character.voice.speed);
-  const [error, setError] = (0, import_react2.useState)();
-  const [playing, setPlaying] = (0, import_react2.useState)();
+  const inUse = state.character.voice;
+  const [trying, setTrying] = (0, import_react4.useState)(inUse.id);
+  const [speed, setSpeed] = (0, import_react4.useState)(inUse.speed);
+  const [error, setError] = (0, import_react4.useState)();
+  const [playing, setPlaying] = (0, import_react4.useState)();
+  const [service, setService] = (0, import_react4.useState)(serviceOf(inUse.id));
   const { status: speaking, error: speakingError } = state.voice.speaking;
   const listen = async (which) => {
-    setVoice(which);
+    setTrying(which);
     setPlaying(which);
     setError(void 0);
     const result = await herApi.previewVoice(which, speed, `\u4F60\u597D\u5440\uFF0C\u6211\u662F${state.character.name}\uFF0C\u6211\u5728\u4F60\u684C\u9762\u4E0A\u7B49\u4F60\u597D\u4E45\u5566\u3002\u4ECA\u5929\u8FC7\u5F97\u600E\u4E48\u6837\uFF1F`);
@@ -988,46 +1233,100 @@ function VoicePicker({ state, apply: apply2, onSaved, saveLabel = "\u7528\u8FD9\
     else setError(result.message);
   };
   const save = async () => {
-    if (await apply2(herApi.saveCharacter({ voice, speed }))) onSaved?.();
+    if (await apply2(herApi.saveCharacter({ voice: trying, speed }))) onSaved?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    (speaking === "no-key" || speaking === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(KeyHelp, { state }),
-    speaking === "off" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-warn", children: "\u5979\u7684\u58F0\u97F3\u5DF2\u5173\u95ED\uFF08\u63D2\u4EF6\u8BBE\u7F6E\u91CC voice.enabled \u662F false\uFF09\uFF0C\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
-    speaking === "installing" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u7B2C\u4E00\u6B21\u7528\uFF0C\u6B63\u5728\u51C6\u5907 Edge \u8BED\u97F3\u7EC4\u4EF6\uFF08\u4E00\u4E24\u5206\u949F\uFF09\u2026" }),
-    speaking === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-warn", children: [
-      "\u5979\u7684\u58F0\u97F3\u521A\u624D\u51FA\u9519\u4E86\uFF1A",
+  const changed = trying !== inUse.id || speed !== inUse.speed;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-now", children: [
+      "\u6B63\u5728\u7528\uFF1A",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: voiceLabel(state, inUse.id) }),
+      "\uFF08",
+      SERVICE_SHORT[serviceOf(inUse.id)],
+      "\uFF0C\u8BED\u901F ",
+      inUse.speed.toFixed(1),
+      "\uFF09",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dot, { tone: speakingTone(speaking) }),
+      speakingShort(speaking)
+    ] }),
+    (speaking === "no-key" || speaking === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyHelp, { state }),
+    speaking === "off" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-warn", children: "\u5979\u7684\u58F0\u97F3\u5DF2\u5173\u95ED\uFF08\u63D2\u4EF6\u8BBE\u7F6E\u91CC voice.enabled \u662F false\uFF09\uFF0C\u53EA\u7528\u6587\u5B57\u56DE\u7B54\u3002" }),
+    speaking === "installing" && state.voice.speaking.service === "edge" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: "\u7B2C\u4E00\u6B21\u7528\uFF0C\u6B63\u5728\u51C6\u5907 Edge \u8BED\u97F3\u7EC4\u4EF6\uFF08\u4E00\u4E24\u5206\u949F\uFF09\u2026" }),
+    speaking === "failed" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-warn", children: [
+      "\u5979\u7684\u58F0\u97F3\u51FA\u9519\u4E86\uFF1A",
       speakingError ?? "\u672A\u77E5\u539F\u56E0",
-      "\u3002\u4F1A\u81EA\u52A8\u91CD\u8BD5\u3002"
+      "\u3002",
+      state.voice.speaking.service === "ming" ? "" : "\u4F1A\u81EA\u52A8\u91CD\u8BD5\u3002"
     ] }),
-    ["edge", "cosyvoice"].map((service) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "her-label", children: SERVICE_NAMES[service] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-grid", children: VOICES.filter((v2) => v2.service === service).map((v2) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `her-choice ${v2.id === voice ? "on" : ""}`, disabled: speaking === "off", onClick: () => void listen(v2.id), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-tabs her-subtabs", children: ["edge", "cosyvoice", "ming"].map((id) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: `her-tab ${service === id ? "on" : ""}`, onClick: () => setService(id), children: [
+      SERVICE_SHORT[id],
+      serviceOf(inUse.id) === id && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-badge her-badge-inline", children: "\u5728\u7528" })
+    ] }, id)) }),
+    service === "ming" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MingSection, { state, apply: apply2, inUse: inUse.id, trying, ...playing === void 0 ? {} : { playing }, onListen: (id) => void listen(id) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "her-label", children: SERVICE_NAMES[service] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-grid", children: VOICES.filter((v2) => v2.service === service).map((v2) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: choiceClass(v2.id, inUse.id, trying), disabled: speaking === "off", onClick: () => void listen(v2.id), children: [
         v2.name,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: playing === v2.id ? "\u6B63\u5728\u5408\u6210\u2026" : `${v2.desc} \xB7 \u70B9\u4E00\u4E0B\u8BD5\u542C` })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: choiceNote(v2.id, inUse.id, `${v2.desc}${v2.id === inUse.id ? "" : " \xB7 \u70B9\u4E00\u4E0B\u8BD5\u542C"}`, playing) })
       ] }, v2.id)) })
-    ] }, service)),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "her-muted", children: [
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "her-muted", children: [
         "\u8BED\u901F ",
         speed.toFixed(1)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "range", min: 0.7, max: 1.4, step: 0.1, value: speed, onChange: (e) => setSpeed(Number(e.target.value)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: speaking === "off", onClick: () => void listen(voice), children: "\u7528\u8FD9\u4E2A\u8BED\u901F\u8BD5\u542C" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "range", min: 0.7, max: 1.4, step: 0.1, value: speed, onChange: (e) => setSpeed(Number(e.target.value)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", disabled: speaking === "off", onClick: () => void listen(trying), children: "\u7528\u8FD9\u4E2A\u8BED\u901F\u8BD5\u542C" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-faint", children: "Edge \u7684\u58F0\u97F3\u514D\u8D39\uFF0C\u4F46\u4E0D\u662F\u5FAE\u8F6F\u516C\u5F00\u7684\u6B63\u5F0F\u63A5\u53E3\uFF0C\u53EF\u80FD\u54EA\u5929\u5931\u6548\uFF1B\u767E\u70BC\u7684\u58F0\u97F3\u66F4\u7A33\uFF0C\u8981 key \u548C\u4ED8\u8D39\u989D\u5EA6\u3002\u7528\u4F60\u81EA\u5DF1\u5F55\u7684\u58F0\u97F3\u514B\u9686\uFF0C\u4E4B\u540E\u4F1A\u52A0\u5728\u8FD9\u91CC\u3002" }),
-    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-error", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", onClick: () => void save(), children: saveLabel }) })
+    changed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-pending", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        "\u4F60\u5728\u8BD5\u300C",
+        voiceLabel(state, trying),
+        "\u300D",
+        speed !== inUse.speed ? `\uFF0C\u8BED\u901F ${speed.toFixed(1)}` : "",
+        "\uFF0C\u8FD8\u6CA1\u6362\u4E0A\u3002"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", onClick: () => void save(), children: onSaved === void 0 ? `\u6362\u6210\u300C${voiceLabel(state, trying)}\u300D` : saveLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", onClick: () => {
+        setTrying(inUse.id);
+        setSpeed(inUse.speed);
+      }, children: "\u4E0D\u6362\u4E86" })
+    ] }),
+    !changed && onSaved !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", onClick: () => onSaved(), children: saveLabel }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-faint", children: "Edge \u7684\u58F0\u97F3\u514D\u8D39\uFF0C\u4F46\u4E0D\u662F\u5FAE\u8F6F\u516C\u5F00\u7684\u6B63\u5F0F\u63A5\u53E3\uFF0C\u53EF\u80FD\u54EA\u5929\u5931\u6548\uFF1B\u767E\u70BC\u7684\u58F0\u97F3\u66F4\u7A33\uFF0C\u8981 key \u548C\u4ED8\u8D39\u989D\u5EA6\uFF1B\u672C\u673A Ming \u4E0D\u8054\u7F51\u3001\u514D\u8D39\u3001\u80FD\u8868\u8FBE\u60C5\u7EEA\uFF0C\u8FD8\u80FD\u8BBE\u8BA1\u6216\u514B\u9686\u5979\u81EA\u5DF1\u7684\u58F0\u97F3\uFF0C\u4F46\u8981\u5148\u88C5\uFF08\u7EA6 2 GB\uFF09\u3002" }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-error", children: error })
   ] });
 }
+function speakingTone(status) {
+  if (status === "ready") return "ok";
+  if (status === "off") return "off";
+  return status === "checking" || status === "installing" ? "warn" : "bad";
+}
+function speakingShort(status) {
+  switch (status) {
+    case "ready":
+      return "\u6B63\u5E38";
+    case "checking":
+      return "\u6B63\u5728\u51C6\u5907";
+    case "installing":
+      return "\u6B63\u5728\u5B89\u88C5";
+    case "no-key":
+      return "\u7F3A key";
+    case "no-quota":
+      return "\u989D\u5EA6\u7528\u5B8C";
+    case "off":
+      return "\u5DF2\u5173\u95ED";
+    default:
+      return "\u51FA\u9519\u4E86";
+  }
+}
 var DEFAULT_CHOICE = "";
 function ModelPicker({ state, apply: apply2 }) {
   const chosen = state.character.model;
-  const [groups, setGroups] = (0, import_react2.useState)();
-  const [loadError, setLoadError] = (0, import_react2.useState)();
-  const [choice, setChoice] = (0, import_react2.useState)(chosen === void 0 ? DEFAULT_CHOICE : `${chosen.provider}/${chosen.model}`);
-  const [effort, setEffort] = (0, import_react2.useState)(chosen?.effort ?? "");
-  const [saved, setSaved] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
+  const [groups, setGroups] = (0, import_react4.useState)();
+  const [loadError, setLoadError] = (0, import_react4.useState)();
+  const [choice, setChoice] = (0, import_react4.useState)(chosen === void 0 ? DEFAULT_CHOICE : `${chosen.provider}/${chosen.model}`);
+  const [effort, setEffort] = (0, import_react4.useState)(chosen?.effort ?? "");
+  const [saved, setSaved] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     void modelCatalog().then((result) => {
       if (result.ok) setGroups(result.groups);
       else setLoadError(result.message);
@@ -1044,97 +1343,109 @@ function ModelPicker({ state, apply: apply2 }) {
     const value = provider === void 0 ? null : { provider, model, ...effort === "" ? {} : { effort } };
     if (await apply2(herApi.saveCharacter({ model: value }))) setSaved(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
-      "\u73B0\u5728\u7528\u7684\uFF1A",
-      state.model === null ? "\u6CA1\u6709\u53EF\u7528\u7684\u6A21\u578B" : `${nameOf(state.model.provider, state.model.model)}${state.model.effort ? `\uFF08\u601D\u8003\uFF1A${state.model.effort}\uFF09` : ""}`,
-      state.model !== null && !state.model.chosen && "\uFF08dsh \u7684\u9ED8\u8BA4\u6A21\u578B\uFF09"
+  const changed = choice !== (chosen === void 0 ? DEFAULT_CHOICE : `${chosen.provider}/${chosen.model}`) || effort !== (chosen?.effort ?? "");
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-now", children: [
+      "\u6B63\u5728\u7528\uFF1A",
+      state.model === null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: "\u6CA1\u6709\u53EF\u7528\u7684\u6A21\u578B" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: nameOf(state.model.provider, state.model.model) }),
+      state.model?.effort ? `\uFF08\u601D\u8003\uFF1A${state.model.effort}\uFF09` : "",
+      state.model !== null && !state.model.chosen && "\uFF08\u8DDF\u968F dsh \u7684\u9ED8\u8BA4\u6A21\u578B\uFF09",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dot, { tone: state.model === null || state.problem !== void 0 ? "bad" : "ok" }),
+      state.model === null ? "\u5979\u6CA1\u6CD5\u8BF4\u8BDD" : state.problem !== void 0 ? "\u4E0A\u4E00\u6B21\u56DE\u7B54\u5931\u8D25\u4E86" : "\u6B63\u5E38"
     ] }),
-    loadError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-error", children: [
+    state.problem !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-alert", children: state.problem.text }),
+    loadError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-error", children: [
       "\u62FF\u4E0D\u5230 dsh \u7684\u6A21\u578B\u5217\u8868\uFF1A",
       loadError
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", style: { flex: 1, minWidth: 220 }, value: choice, disabled: groups === void 0, onChange: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { className: "her-select", style: { flex: 1, minWidth: 220 }, value: choice, disabled: groups === void 0, onChange: (e) => {
         setChoice(e.target.value);
         setEffort("");
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: DEFAULT_CHOICE, children: "\u8DDF\u968F dsh \u7684\u9ED8\u8BA4\u6A21\u578B" }),
-        groups?.map((g) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("optgroup", { label: g.name, children: g.models.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: `${g.id}/${m.id}`, children: m.name }, m.id)) }, g.id))
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: DEFAULT_CHOICE, children: "\u8DDF\u968F dsh \u7684\u9ED8\u8BA4\u6A21\u578B" }),
+        chosen !== void 0 && groups !== void 0 && !groups.some((g) => g.id === chosen.provider && g.models.some((m) => m.id === chosen.model)) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("option", { value: `${chosen.provider}/${chosen.model}`, children: [
+          chosen.provider,
+          " / ",
+          chosen.model,
+          "\uFF08\u4E0D\u5728 dsh \u7684\u6A21\u578B\u5217\u8868\u91CC\uFF09"
+        ] }),
+        groups?.map((g) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("optgroup", { label: g.name, children: g.models.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: `${g.id}/${m.id}`, children: m.name }, m.id)) }, g.id))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { className: "her-select", style: { width: 150 }, value: effort, disabled: efforts.length === 0, onChange: (e) => setEffort(e.target.value), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "\u601D\u8003\uFF1A\u9ED8\u8BA4" }),
-        efforts.map((x) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("option", { value: x.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { className: "her-select", style: { width: 150 }, value: effort, disabled: efforts.length === 0, onChange: (e) => setEffort(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "\u601D\u8003\uFF1A\u9ED8\u8BA4" }),
+        efforts.map((x) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("option", { value: x.id, children: [
           "\u601D\u8003\uFF1A",
           x.name
         ] }, x.id))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn primary", disabled: groups === void 0, onClick: () => void save(), children: "\u7528\u8FD9\u4E2A\u6A21\u578B" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn primary", disabled: groups === void 0 || !changed, onClick: () => void save(), children: changed ? "\u6362\u6210\u8FD9\u4E2A\u6A21\u578B" : "\u6B63\u5728\u7528\u8FD9\u4E2A" })
     ] }),
-    saved && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-ok", children: "\u5DF2\u6362\u597D\uFF0C\u4ECE\u5979\u7684\u4E0B\u4E00\u53E5\u8BDD\u5F00\u59CB\u751F\u6548\uFF1B\u4E4B\u524D\u804A\u8FC7\u7684\u90FD\u8FD8\u5728\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-faint", children: "\u804A\u5929\u8981\u7684\u662F\u5FEB\uFF1A\u9009 Flash \u4E00\u7C7B\u7684\u5FEB\u6A21\u578B\u3001\u601D\u8003\u9009 Low\uFF08\u6216 Off\uFF09\uFF0C\u5979\u5F00\u53E3\u4F1A\u5FEB\u5F88\u591A\u3002\u6A21\u578B\u7684\u8D26\u53F7\u548C\u4EF7\u683C\u5728 dsh \u7684\u8BBE\u7F6E\u91CC\u7BA1\u3002" })
+    changed && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-warn", children: '\u9009\u4E86\u65B0\u7684\u6A21\u578B\uFF0C\u8FD8\u6CA1\u6362\u4E0A\uFF1A\u70B9"\u6362\u6210\u8FD9\u4E2A\u6A21\u578B"\u3002' }),
+    saved && !changed && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-ok", children: "\u5DF2\u6362\u597D\uFF0C\u4ECE\u5979\u7684\u4E0B\u4E00\u53E5\u8BDD\u5F00\u59CB\u751F\u6548\uFF1B\u4E4B\u524D\u804A\u8FC7\u7684\u90FD\u8FD8\u5728\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-faint", children: "\u804A\u5929\u8981\u7684\u662F\u5FEB\uFF1A\u9009 Flash \u4E00\u7C7B\u7684\u5FEB\u6A21\u578B\u3001\u601D\u8003\u9009 Low\uFF08\u6216 Off\uFF09\uFF0C\u5979\u5F00\u53E3\u4F1A\u5FEB\u5F88\u591A\u3002\u6A21\u578B\u7684\u8D26\u53F7\u548C\u4EF7\u683C\u5728 dsh \u7684\u8BBE\u7F6E\u91CC\u7BA1\u3002" })
   ] });
 }
 function MicCheck({ state }) {
   const shortcut = state.platform === "darwin" ? "\u2303\u2325\u7A7A\u683C" : "Ctrl+Alt+\u7A7A\u683C";
   const fresh = state.heard !== void 0 && Date.now() - state.heard.at < 12e4;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
       "\u6309 ",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: shortcut }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: shortcut }),
       '\uFF0C\u5BF9\u7740\u9EA6\u514B\u98CE\u8BF4\u4E00\u53E5\u8BDD\uFF08\u6BD4\u5982"\u4F60\u597D\u5440"\uFF09\u3002\u7B2C\u4E00\u6B21\u4F1A\u5F39\u51FA\u9EA6\u514B\u98CE\u6743\u9650\u8BF7\u6C42\uFF0C\u8BF7\u5141\u8BB8\u3002'
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u5979\u811A\u4E0B\u7684\u5C0F\u5706\u70B9\u4EAE\u8D77\u8868\u793A\u5728\u542C\uFF0C\u53D8\u7EFF\u8868\u793A\u542C\u5230\u4E86\u58F0\u97F3\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: fresh ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dot, { tone: "ok" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u5979\u811A\u4E0B\u7684\u5C0F\u5706\u70B9\u4EAE\u8D77\u8868\u793A\u5728\u542C\uFF0C\u53D8\u7EFF\u8868\u793A\u542C\u5230\u4E86\u58F0\u97F3\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: fresh ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dot, { tone: "ok" }),
       "\u6211\u542C\u5230\u4E86\uFF1A\u300C",
       state.heard.text,
       "\u300D"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u8FD8\u6CA1\u542C\u5230\u2026\u2026" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-faint", children: "\u542C\u4E0D\u6E05\u65F6\uFF1A\u6362\u4E2A\u5B89\u9759\u7684\u5730\u65B9\uFF0C\u6216\u8005\u68C0\u67E5\u7CFB\u7EDF\u8BBE\u7F6E\u91CC\u9009\u7684\u9EA6\u514B\u98CE\u3002\u5916\u653E\u65F6\u5979\u7684\u58F0\u97F3\u53EF\u80FD\u88AB\u5F53\u6210\u4F60\u5728\u8BF4\u8BDD\uFF0C\u6234\u8033\u673A\u6548\u679C\u6700\u597D\u3002" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: "\u8FD8\u6CA1\u542C\u5230\u2026\u2026" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-faint", children: "\u542C\u4E0D\u6E05\u65F6\uFF1A\u6362\u4E2A\u5B89\u9759\u7684\u5730\u65B9\uFF0C\u6216\u8005\u68C0\u67E5\u7CFB\u7EDF\u8BBE\u7F6E\u91CC\u9009\u7684\u9EA6\u514B\u98CE\u3002\u5916\u653E\u65F6\u5979\u7684\u58F0\u97F3\u53EF\u80FD\u88AB\u5F53\u6210\u4F60\u5728\u8BF4\u8BDD\uFF0C\u6234\u8033\u673A\u6548\u679C\u6700\u597D\u3002" })
   ] });
 }
 function ScenePicker({ state, apply: apply2 }) {
   const look = state.body.look;
   if (look === void 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-scenes", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: look.name }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-scenes", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: look.name }),
       " \u7684\u573A\u666F",
       look.desk ? '\uFF08"\u6D6E\u5728\u6700\u4E0A\u5C42"\u65F6\u663E\u793A\u684C\u5BA0\uFF0C\u6362\u573A\u666F\u5728\u5176\u4ED6\u4E24\u79CD\u6A21\u5F0F\u4E0B\u770B\u5F97\u5230\uFF09' : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: look.auto, onChange: (e) => void apply2(herApi.setLook({ auto: e.target.checked })) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: look.auto, onChange: (e) => void apply2(herApi.setLook({ auto: e.target.checked })) }),
         " \u81EA\u52A8\u6362\u573A\u666F"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: look.locked, onChange: (e) => void apply2(herApi.setLook({ locked: e.target.checked })) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: look.locked, onChange: (e) => void apply2(herApi.setLook({ locked: e.target.checked })) }),
         " \u5F85\u5728\u73B0\u5728\u8FD9\u91CC\u4E0D\u52A8"
       ] })
     ] }),
-    look.scenes.map((scene) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row her-scene", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: scene.on, disabled: scene.id === look.current, onChange: (e) => void apply2(herApi.setLook({ on: { [scene.id]: e.target.checked } })) }),
+    look.scenes.map((scene) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row her-scene", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: scene.on, disabled: scene.id === look.current, onChange: (e) => void apply2(herApi.setLook({ on: { [scene.id]: e.target.checked } })) }),
         " ",
         scene.name
       ] }),
-      scene.id === look.current && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag ok", children: "\u73B0\u5728\u5728\u8FD9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: scene.when }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", disabled: scene.id === look.current || !scene.on, onClick: () => void apply2(herApi.setLook({ go: scene.id })), children: "\u73B0\u5728\u53BB\u8FD9\u91CC" })
+      scene.id === look.current && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag ok", children: "\u73B0\u5728\u5728\u8FD9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: scene.when }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", disabled: scene.id === look.current || !scene.on, onClick: () => void apply2(herApi.setLook({ go: scene.id })), children: "\u73B0\u5728\u53BB\u8FD9\u91CC" })
     ] }, scene.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: '\u81EA\u52A8\u6362\u573A\u666F\u65F6\uFF0C\u6BCF\u4E2A\u573A\u666F\u81F3\u5C11\u5F85 20 \u5206\u949F\uFF0C\u4F60\u4EEC\u8BF4\u8BDD\u7684\u65F6\u5019\u4E0D\u6362\u3002\u8DDF\u5979\u8BF4"\u53BB\u5367\u5BA4\u5427""\u5C31\u5F85\u5728\u8FD9"\u4E5F\u884C\u3002' })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: '\u81EA\u52A8\u6362\u573A\u666F\u65F6\uFF0C\u6BCF\u4E2A\u573A\u666F\u81F3\u5C11\u5F85 20 \u5206\u949F\uFF0C\u4F60\u4EEC\u8BF4\u8BDD\u7684\u65F6\u5019\u4E0D\u6362\u3002\u8DDF\u5979\u8BF4"\u53BB\u5367\u5BA4\u5427""\u5C31\u5F85\u5728\u8FD9"\u4E5F\u884C\u3002' })
   ] });
 }
 function ModePicker({ state, apply: apply2 }) {
   const current = state.body.mode;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "her-grid", children: ["overlay", "wallpaper", "window"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `her-choice ${current === mode ? "on" : ""}`, disabled: !state.body.connected, onClick: () => void apply2(herApi.setMode(mode)), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "her-grid", children: ["overlay", "wallpaper", "window"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: `her-choice ${current === mode ? "on" : ""}`, disabled: !state.body.connected, onClick: () => void apply2(herApi.setMode(mode)), children: [
     MODE_TEXT[mode].title,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: MODE_TEXT[mode].desc })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: choiceNote(mode, current ?? "", MODE_TEXT[mode].desc) })
   ] }, mode)) });
 }
 function MemoryView({ state, apply: apply2 }) {
-  const [report, setReport] = (0, import_react2.useState)();
+  const [report, setReport] = (0, import_react4.useState)();
   const { diary, lastDigestDay } = state.memory;
   const facts = [...state.memory.facts].reverse();
   const episodes = [...state.memory.episodes].reverse();
@@ -1160,84 +1471,84 @@ function MemoryView({ state, apply: apply2 }) {
 
 ${text}`)) void apply2(herApi.memoryRemove([id]));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h2", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h2", { children: [
         "\u5173\u4E8E\u4F60\uFF08",
         facts.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: '\u5979\u804A\u5929\u65F6\u81EA\u5DF1\u8BB0\u4E0B\u7684\u76F4\u63A5\u751F\u6548\uFF1B\u804A\u5B8C\u4E00\u5206\u949F\u540E\u5979\u4F1A\u628A\u521A\u624D\u7684\u8BDD\u8FC7\u4E00\u904D\uFF0C\u6311\u51FA\u6765\u7684\u5148"\u5F85\u786E\u8BA4"\uFF0C7 \u5929\u540E\u81EA\u52A8\u786E\u8BA4\uFF0C\u654F\u611F\u7684\u8981\u4F60\u70B9\u786E\u8BA4\u3002' }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("ul", { className: "her-list", children: [
-        facts.map((f) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "grow", children: f.text }),
-          isNew(f.createdAt) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag ok", children: "\u4ECA\u5929" }),
-          f.status === "candidate" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag warn", children: "\u5F85\u786E\u8BA4" }),
-          f.sensitive && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag bad", children: "\u654F\u611F" }),
-          f.status === "candidate" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", onClick: () => void apply2(herApi.memoryConfirm([f.id])), children: "\u786E\u8BA4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", onClick: () => forget(f.id, f.text), children: "\u5FD8\u6389" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: '\u5979\u804A\u5929\u65F6\u81EA\u5DF1\u8BB0\u4E0B\u7684\u76F4\u63A5\u751F\u6548\uFF1B\u804A\u5B8C\u4E00\u5206\u949F\u540E\u5979\u4F1A\u628A\u521A\u624D\u7684\u8BDD\u8FC7\u4E00\u904D\uFF0C\u6311\u51FA\u6765\u7684\u5148"\u5F85\u786E\u8BA4"\uFF0C7 \u5929\u540E\u81EA\u52A8\u786E\u8BA4\uFF0C\u654F\u611F\u7684\u8981\u4F60\u70B9\u786E\u8BA4\u3002' }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("ul", { className: "her-list", children: [
+        facts.map((f) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "grow", children: f.text }),
+          isNew(f.createdAt) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag ok", children: "\u4ECA\u5929" }),
+          f.status === "candidate" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag warn", children: "\u5F85\u786E\u8BA4" }),
+          f.sensitive && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag bad", children: "\u654F\u611F" }),
+          f.status === "candidate" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn small", onClick: () => void apply2(herApi.memoryConfirm([f.id])), children: "\u786E\u8BA4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn small", onClick: () => forget(f.id, f.text), children: "\u5FD8\u6389" })
         ] }, f.id)),
-        facts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" })
+        facts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h2", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h2", { children: [
         "\u4E8B\u4EF6\uFF08",
         episodes.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: "\u6709\u65E5\u671F\u7684\u4E8B\uFF0C\u5728\u5F53\u5929\u548C\u524D\u4E00\u5929\u5979\u4F1A\u81EA\u7136\u5730\u63D0\u8D77\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("ul", { className: "her-list", children: [
-        episodes.map((e) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-faint", children: e.at.slice(0, 10) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "grow", children: e.text }),
-          isNew(e.at) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag ok", children: "\u4ECA\u5929" }),
-          e.due !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-tag", children: e.due }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn small", onClick: () => forget(e.id, e.text), children: "\u5FD8\u6389" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: "\u6709\u65E5\u671F\u7684\u4E8B\uFF0C\u5728\u5F53\u5929\u548C\u524D\u4E00\u5929\u5979\u4F1A\u81EA\u7136\u5730\u63D0\u8D77\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("ul", { className: "her-list", children: [
+        episodes.map((e) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-faint", children: e.at.slice(0, 10) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "grow", children: e.text }),
+          isNew(e.at) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag ok", children: "\u4ECA\u5929" }),
+          e.due !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-tag", children: e.due }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn small", onClick: () => forget(e.id, e.text), children: "\u5FD8\u6389" })
         ] }, e.id)),
-        episodes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" })
+        episodes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h2", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h2", { children: [
         "\u5979\u7684\u65E5\u8BB0\uFF08",
         diary.length,
         " \u5929\uFF09"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "her-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "her-muted", children: [
         "\u65E5\u8BB0\u6BCF\u5929\u5199\u4E00\u7BC7\uFF1A\u4F60\u6700\u540E\u4E00\u6B21\u548C\u5979\u8BF4\u8BDD 30 \u5206\u949F\u540E\uFF08\u6216 23:30 \u4EE5\u540E\uFF09\u3002\u4E0A\u6B21\u5199\u5230\uFF1A",
         lastDigestDay ?? "\u8FD8\u6CA1\u6709"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: diary.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" }) : diary.join("\u3001") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "her-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", onClick: () => void digest(), children: "\u73B0\u5728\u6574\u7406\u4ECA\u5929" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "her-btn", onClick: () => void download(), children: "\u5BFC\u51FA\u5168\u90E8\uFF08Markdown\uFF09" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: diary.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "her-muted", children: "\u8FD8\u6CA1\u6709" }) : diary.join("\u3001") }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "her-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", onClick: () => void digest(), children: "\u73B0\u5728\u6574\u7406\u4ECA\u5929" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "her-btn", onClick: () => void download(), children: "\u5BFC\u51FA\u5168\u90E8\uFF08Markdown\uFF09" })
       ] }),
-      report !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: report })
+      report !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "her-muted", children: report })
     ] })
   ] });
 }
 
 // src/client/Page.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var POLL_MS = 2e3;
 function HerPage() {
-  const [state, setState] = (0, import_react3.useState)();
-  const [error, setError] = (0, import_react3.useState)();
-  const [wizard, setWizard] = (0, import_react3.useState)();
-  const refresh = (0, import_react3.useCallback)(async () => {
+  const [state, setState] = (0, import_react5.useState)();
+  const [error, setError] = (0, import_react5.useState)();
+  const [wizard, setWizard] = (0, import_react5.useState)();
+  const refresh = (0, import_react5.useCallback)(async () => {
     const result = await herApi.state();
     if (result.ok) {
       setState(result.state);
       setError(void 0);
     } else setError(result.message);
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     void refresh();
     const timer = setInterval(() => void refresh(), POLL_MS);
     return () => clearInterval(timer);
   }, [refresh]);
-  const apply2 = (0, import_react3.useCallback)(async (call) => {
+  const apply2 = (0, import_react5.useCallback)(async (call) => {
     const result = await call;
     if (result.ok) {
       setState(result.state);
@@ -1248,148 +1559,159 @@ function HerPage() {
     return false;
   }, []);
   if (state === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "her-page", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: "\u6B63\u5728\u8FDE\u63A5\u5979\u7684\u5927\u8111\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "her-error", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "her-page", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: "\u6B63\u5728\u8FDE\u63A5\u5979\u7684\u5927\u8111\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "her-error", children: [
       "\u8FDE\u4E0D\u4E0A\uFF1A",
       error
     ] }) });
   }
   const showWizard = wizard ?? !state.character.onboarded;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-page", children: [
-    showWizard ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wizard, { state, apply: apply2, onDone: () => setWizard(false) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Manage, { state, apply: apply2, onWizard: () => setWizard(true) }),
-    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-error", children: error })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-page", children: [
+    showWizard ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Wizard, { state, apply: apply2, onDone: () => setWizard(false) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Manage, { state, apply: apply2, onWizard: () => setWizard(true) }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-error", children: error })
   ] });
 }
 var STEPS = ["\u68C0\u67E5", "\u8EAB\u4F53", "\u5916\u5F62", "\u4EBA\u8BBE", "\u58F0\u97F3", "\u9EA6\u514B\u98CE", "\u653E\u5230\u684C\u9762"];
 function Wizard({ state, apply: apply2, onDone }) {
-  const [step, setStep] = (0, import_react3.useState)(0);
+  const [step, setStep] = (0, import_react5.useState)(0);
   const next = () => setStep((s) => Math.min(s + 1, STEPS.length - 1));
   const finish = async () => {
     if (await apply2(herApi.saveCharacter({ onboarded: true }))) onDone();
   };
   const body = state.body;
-  const nav = (canNext, hint) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-row", children: [
-    step > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn", onClick: () => setStep(step - 1), children: "\u4E0A\u4E00\u6B65" }),
-    step < STEPS.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn primary", disabled: !canNext, onClick: next, children: "\u4E0B\u4E00\u6B65" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn primary", onClick: () => void finish(), children: "\u5B8C\u6210" }),
-    hint !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "her-muted", children: hint })
+  const nav = (canNext, hint) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-row", children: [
+    step > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn", onClick: () => setStep(step - 1), children: "\u4E0A\u4E00\u6B65" }),
+    step < STEPS.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn primary", disabled: !canNext, onClick: next, children: "\u4E0B\u4E00\u6B65" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn primary", onClick: () => void finish(), children: "\u5B8C\u6210" }),
+    hint !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "her-muted", children: hint })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: "\u8BA9\u5979\u4F4F\u5230\u4F60\u7684\u684C\u9762\u4E0A" }),
-      state.character.onboarded && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn link", onClick: onDone, children: "\u56DE\u5230\u7BA1\u7406\u9875" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { children: "\u8BA9\u5979\u4F4F\u5230\u4F60\u7684\u684C\u9762\u4E0A" }),
+      state.character.onboarded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn link", onClick: onDone, children: "\u56DE\u5230\u7BA1\u7406\u9875" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "her-steps", children: STEPS.map((name, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { className: `her-step ${i === step ? "on" : i < step ? "done" : ""}`, onClick: () => setStep(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "her-steps", children: STEPS.map((name, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: `her-step ${i === step ? "on" : i < step ? "done" : ""}`, onClick: () => setStep(i), children: [
       i + 1,
       ". ",
       name
     ] }, name)) }),
-    step === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5148\u770B\u770B\u51C6\u5907\u597D\u4E86\u6CA1\u6709" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: state.model === null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: "bad" }),
+    step === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5148\u770B\u770B\u51C6\u5907\u597D\u4E86\u6CA1\u6709" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: state.model === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: "bad" }),
         "dsh \u8FD8\u6CA1\u6709\u53EF\u7528\u7684\u6A21\u578B\u3002\u8BF7\u5148\u5728 dsh \u8BBE\u7F6E\u91CC\u914D\u597D\u4E00\u4E2A\u6A21\u578B\uFF08\u6BD4\u5982 DeepSeek\uFF09\uFF0C\u518D\u56DE\u6765\u3002"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: "ok" }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: "ok" }),
         "\u5927\u8111\u7528\u7684\u6A21\u578B\uFF1A",
         state.model.provider,
         " / ",
         state.model.model
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: toneOf(state.voice.speaking.status) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: toneOf(state.voice.speaking.status) }),
         "\u5979\u7684\u58F0\u97F3\uFF1A",
         speakingText(state.voice.speaking.status, state.voice.speaking.service)
       ] }),
-      (state.voice.speaking.status === "no-key" || state.voice.speaking.status === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(KeyHelp, { state }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: toneOf(state.voice.status) }),
+      (state.voice.speaking.status === "no-key" || state.voice.speaking.status === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyHelp, { state }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: toneOf(state.voice.status) }),
         "\u542C\u4F60\u8BF4\u8BDD\uFF1A",
         listeningText(state.voice.status)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: "ok" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: "ok" }),
         "\u7CFB\u7EDF\uFF1A",
         platformText(state.platform)
       ] }),
       nav(state.model !== null, state.model === null ? "\u6CA1\u6709\u6A21\u578B\u5979\u6CA1\u6CD5\u8BF4\u8BDD" : void 0)
     ] }),
-    step === 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5979\u7684\u8EAB\u4F53" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: '\u5979\u7684\u6837\u5B50\u548C\u58F0\u97F3\u5728\u4E00\u4E2A\u5355\u72EC\u7684\u684C\u9762\u7A0B\u5E8F\u91CC\uFF08"\u8EAB\u4F53"\uFF09\uFF0C\u8FD9\u91CC\u7684 dsh \u662F\u5979\u7684\u5927\u8111\u3002\u4E24\u8FB9\u8FDE\u4E0A\u5979\u624D\u80FD\u51FA\u73B0\u5728\u684C\u9762\u4E0A\u3002' }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BodyStatus, { state, apply: apply2 }),
+    step === 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5979\u7684\u8EAB\u4F53" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: '\u5979\u7684\u6837\u5B50\u548C\u58F0\u97F3\u5728\u4E00\u4E2A\u5355\u72EC\u7684\u684C\u9762\u7A0B\u5E8F\u91CC\uFF08"\u8EAB\u4F53"\uFF09\uFF0C\u8FD9\u91CC\u7684 dsh \u662F\u5979\u7684\u5927\u8111\u3002\u4E24\u8FB9\u8FDE\u4E0A\u5979\u624D\u80FD\u51FA\u73B0\u5728\u684C\u9762\u4E0A\u3002' }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BodyStatus, { state, apply: apply2 }),
       nav(body.connected, body.connected ? void 0 : "\u4E5F\u53EF\u4EE5\u5148\u8DF3\u8FC7\uFF0C\u4E4B\u540E\u5728\u7BA1\u7406\u9875\u518D\u8FDE"),
-      !body.connected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn link", onClick: next, children: "\u5148\u8DF3\u8FC7" }) })
+      !body.connected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn link", onClick: next, children: "\u5148\u8DF3\u8FC7" }) })
     ] }),
-    step === 2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u9009\u4E00\u4E2A\u5916\u5F62" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: "\u5916\u5F62\u5305\u662F\u4E00\u7EC4\u77ED\u89C6\u9891\uFF1A\u5F85\u673A\u3001\u8BF4\u8BDD\u3001\u51E0\u4E2A\u52A8\u4F5C\u3002\u70B9\u4E00\u4E0B\u5C31\u6362\u4E0A\uFF1B\u4E5F\u53EF\u4EE5\u5BFC\u5165\u4F60\u81EA\u5DF1\u751F\u6210\u7684\u7D20\u6750\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PackPicker, { state, apply: apply2 }),
+    step === 2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u9009\u4E00\u4E2A\u5916\u5F62" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: "\u5916\u5F62\u5305\u662F\u4E00\u7EC4\u77ED\u89C6\u9891\uFF1A\u5F85\u673A\u3001\u8BF4\u8BDD\u3001\u51E0\u4E2A\u52A8\u4F5C\u3002\u70B9\u4E00\u4E0B\u5C31\u6362\u4E0A\uFF1B\u4E5F\u53EF\u4EE5\u5BFC\u5165\u4F60\u81EA\u5DF1\u751F\u6210\u7684\u7D20\u6750\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PackPicker, { state, apply: apply2 }),
       nav(true)
     ] }),
-    step === 3 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5979\u662F\u8C01" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaEditor, { state, apply: apply2, onSaved: next, saveLabel: "\u4FDD\u5B58\uFF0C\u4E0B\u4E00\u6B65" }),
+    step === 3 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5979\u662F\u8C01" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PersonaEditor, { state, apply: apply2, onSaved: next, saveLabel: "\u4FDD\u5B58\uFF0C\u4E0B\u4E00\u6B65" }),
       nav(true)
     ] }),
-    step === 4 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5979\u7684\u58F0\u97F3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VoicePicker, { state, apply: apply2, onSaved: next, saveLabel: "\u7528\u8FD9\u4E2A\u58F0\u97F3\uFF0C\u4E0B\u4E00\u6B65" }),
+    step === 4 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5979\u7684\u58F0\u97F3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(VoicePicker, { state, apply: apply2, onSaved: next, saveLabel: "\u7528\u8FD9\u4E2A\u58F0\u97F3\uFF0C\u4E0B\u4E00\u6B65" }),
       nav(true)
     ] }),
-    step === 5 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u8BD5\u8BD5\u548C\u5979\u8BF4\u8BDD" }),
-      body.connected ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MicCheck, { state }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u7528\u9EA6\u514B\u98CE\u3002" }),
+    step === 5 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u8BD5\u8BD5\u548C\u5979\u8BF4\u8BDD" }),
+      body.connected ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicCheck, { state }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u7528\u9EA6\u514B\u98CE\u3002" }),
       nav(true)
     ] }),
-    step === 6 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u628A\u5979\u653E\u5230\u684C\u9762\u4E0A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: "\u968F\u65F6\u53EF\u4EE5\u5728\u7BA1\u7406\u9875\u6539\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModePicker, { state, apply: apply2 }),
-      !body.connected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u5207\u6362\u3002" }),
+    step === 6 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u628A\u5979\u653E\u5230\u684C\u9762\u4E0A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: "\u968F\u65F6\u53EF\u4EE5\u5728\u7BA1\u7406\u9875\u6539\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModePicker, { state, apply: apply2 }),
+      !body.connected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: "\u8EAB\u4F53\u8FDE\u4E0A\u4E4B\u540E\u624D\u80FD\u5207\u6362\u3002" }),
       nav(true)
     ] })
   ] });
 }
 var TABS = [["overview", "\u6982\u51B5"], ["settings", "\u8BBE\u7F6E"], ["memory", "\u5979\u8BB0\u5F97\u7684\u4E8B"], ["workshop", "\u5F62\u8C61\u5DE5\u574A"]];
 function Manage({ state, apply: apply2, onWizard }) {
-  const [tab, setTab] = (0, import_react3.useState)("overview");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: state.character.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-btn link", onClick: onWizard, children: "\u91CD\u65B0\u8D70\u4E00\u904D\u5411\u5BFC" })
+  const [tab, setTab] = (0, import_react5.useState)("overview");
+  const [jump, setJump] = (0, import_react5.useState)();
+  const goSettings = (section) => {
+    setTab("settings");
+    setJump(section);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { children: state.character.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn link", onClick: onWizard, children: "\u91CD\u65B0\u8D70\u4E00\u904D\u5411\u5BFC" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "her-tabs", children: TABS.map(([id, label]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: `her-tab ${tab === id ? "on" : ""}`, onClick: () => setTab(id), children: label }, id)) }),
-    tab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u8EAB\u4F53" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BodyStatus, { state, apply: apply2 })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "her-tabs", children: TABS.map(([id, label]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: `her-tab ${tab === id ? "on" : ""}`, onClick: () => setTab(id), children: label }, id)) }),
+    tab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      state.problem !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card her-alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5979\u521A\u624D\u6CA1\u80FD\u56DE\u7B54" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: state.problem.text }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "her-row", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "her-btn primary", onClick: () => goSettings("model"), children: "\u53BB\u6362\u6A21\u578B" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5927\u8111" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: state.model === null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: "bad" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u8EAB\u4F53" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BodyStatus, { state, apply: apply2 })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "her-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "\u5927\u8111" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: state.model === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: "bad" }),
           "\u6CA1\u6709\u53EF\u7528\u7684\u6A21\u578B"
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: "ok" }),
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: state.problem === void 0 ? "ok" : "bad" }),
           state.model.provider,
           " / ",
           state.model.model,
-          state.model.chosen ? "" : "\uFF08dsh \u9ED8\u8BA4\uFF09"
+          state.model.chosen ? "" : "\uFF08dsh \u9ED8\u8BA4\uFF09",
+          state.problem === void 0 ? "" : "\uFF1A\u4E0A\u4E00\u6B21\u56DE\u7B54\u5931\u8D25\u4E86"
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: toneOf(state.voice.speaking.status) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: toneOf(state.voice.speaking.status) }),
           "\u5979\u7684\u58F0\u97F3\uFF1A",
           speakingText(state.voice.speaking.status, state.voice.speaking.service),
           "\uFF08",
-          voiceName(state.character.voice.id),
+          voiceLabel(state, state.character.voice.id),
           "\uFF09"
         ] }),
-        (state.voice.speaking.status === "no-key" || state.voice.speaking.status === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(KeyHelp, { state }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dot, { tone: toneOf(state.voice.status) }),
+        (state.voice.speaking.status === "no-key" || state.voice.speaking.status === "no-quota") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyHelp, { state }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dot, { tone: toneOf(state.voice.status) }),
           "\u542C\u4F60\u8BF4\u8BDD\uFF1A",
           listeningText(state.voice.status)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "her-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "her-muted", children: [
           "\u8BB0\u5F97 ",
           state.memory.facts.length,
           " \u4EF6\u5173\u4E8E\u4F60\u7684\u4E8B\u3001",
@@ -1398,45 +1720,60 @@ function Manage({ state, apply: apply2, onWizard }) {
           state.memory.diary.length,
           " \u5929\u65E5\u8BB0\u3002"
         ] }),
-        state.heard !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "her-faint", children: [
+        state.heard !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "her-faint", children: [
           "\u6700\u8FD1\u542C\u5230\uFF1A\u300C",
           state.heard.text,
           "\u300D"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "her-muted", children: '\u6539\u4EBA\u8BBE\u3001\u6362\u58F0\u97F3\u3001\u5916\u5F62\u3001\u6A21\u578B\uFF0C\u90FD\u5728"\u8BBE\u7F6E"\u91CC\uFF1B\u5979\u8BB0\u4F4F\u4E86\u4EC0\u4E48\uFF0C\u5728"\u5979\u8BB0\u5F97\u7684\u4E8B"\u91CC\u3002' })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "her-muted", children: '\u6539\u4EBA\u8BBE\u3001\u6362\u58F0\u97F3\u3001\u5916\u5F62\u3001\u6A21\u578B\uFF0C\u90FD\u5728"\u8BBE\u7F6E"\u91CC\uFF1B\u5979\u8BB0\u4F4F\u4E86\u4EC0\u4E48\uFF0C\u5728"\u5979\u8BB0\u5F97\u7684\u4E8B"\u91CC\u3002' })
     ] }),
-    tab === "settings" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Settings, { state, apply: apply2 }),
-    tab === "memory" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MemoryView, { state, apply: apply2 }),
-    tab === "workshop" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Workshop, { state, apply: apply2 })
+    tab === "settings" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Settings, { state, apply: apply2, jump, onJumped: () => setJump(void 0) }),
+    tab === "memory" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MemoryView, { state, apply: apply2 }),
+    tab === "workshop" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Workshop, { state, apply: apply2 })
   ] });
 }
-var SECTIONS = [["persona", "\u4EBA\u8BBE"], ["voice", "\u58F0\u97F3"], ["look", "\u5916\u5F62"], ["model", "\u6A21\u578B"], ["place", "\u653E\u5728\u54EA\u91CC"]];
-function Settings({ state, apply: apply2 }) {
-  const jump = (id) => document.getElementById(`her-set-${id}`)?.scrollIntoView({ behavior: "smooth", block: "start" });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "her-steps", children: SECTIONS.map(([id, label]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "her-step", onClick: () => jump(id), children: label }, id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", id: "her-set-persona", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u4EBA\u8BBE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaEditor, { state, apply: apply2 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", id: "her-set-voice", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u58F0\u97F3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VoicePicker, { state, apply: apply2, saveLabel: "\u7528\u8FD9\u4E2A\u58F0\u97F3" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", id: "her-set-look", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u5916\u5F62" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PackPicker, { state, apply: apply2 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ScenePicker, { state, apply: apply2 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", id: "her-set-model", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u6A21\u578B" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModelPicker, { state, apply: apply2 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "her-card", id: "her-set-place", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "\u653E\u5728\u54EA\u91CC" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModePicker, { state, apply: apply2 })
-    ] })
+var SETTINGS_FOLDS = { persona: false, voice: false, look: false, model: false, place: false };
+function Settings({ state, apply: apply2, jump, onJumped }) {
+  const [open, toggle] = useFolds("dsh-her.settings.open", SETTINGS_FOLDS);
+  (0, import_react5.useEffect)(() => {
+    if (jump === void 0) return;
+    toggle(jump, true);
+    setTimeout(() => document.getElementById(`her-set-${jump}`)?.scrollIntoView({ behavior: "smooth", block: "start" }), 50);
+    onJumped();
+  }, [jump, onJumped, toggle]);
+  const c = state.character;
+  const body = state.body;
+  const speaking = state.voice.speaking.status;
+  const pack = body.packs.find((p) => p.packId === body.activePack);
+  const card = (id, title, summary, tone, children) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fold, { id: `her-set-${id}`, title, summary, tone, open: open[id], onToggle: () => toggle(id), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    card("persona", "\u4EBA\u8BBE", `${c.name}\uFF0C\u53EB\u4F60\u300C${c.callYou || "\uFF08\u6CA1\u8BBE\uFF09"}\u300D`, "ok", /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PersonaEditor, { state, apply: apply2 })),
+    card(
+      "voice",
+      "\u58F0\u97F3",
+      `${voiceLabel(state, c.voice.id)} \xB7 ${SERVICE_SHORT[serviceOf(c.voice.id)]} \xB7 ${speakingText(speaking, state.voice.speaking.service)}`,
+      toneOf(speaking),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(VoicePicker, { state, apply: apply2, saveLabel: "\u7528\u8FD9\u4E2A\u58F0\u97F3" })
+    ),
+    card(
+      "look",
+      "\u5916\u5F62",
+      body.connected ? `${pack?.name ?? "\u8FD8\u6CA1\u6709\u5916\u5F62"}${body.look === void 0 ? "" : ` \xB7 ${body.look.scenes.length} \u4E2A\u573A\u666F`}` : "\u8EAB\u4F53\u6CA1\u8FDE\u4E0A",
+      body.connected ? pack === void 0 ? "warn" : "ok" : "off",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PackPicker, { state, apply: apply2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScenePicker, { state, apply: apply2 })
+      ] })
+    ),
+    card(
+      "model",
+      "\u6A21\u578B",
+      state.model === null ? "\u6CA1\u6709\u53EF\u7528\u7684\u6A21\u578B" : `${state.model.provider} / ${state.model.model}${state.model.chosen ? "" : "\uFF08dsh \u9ED8\u8BA4\uFF09"}${state.problem === void 0 ? "" : " \xB7 \u4E0A\u4E00\u6B21\u56DE\u7B54\u5931\u8D25\u4E86"}`,
+      state.model === null || state.problem !== void 0 ? "bad" : "ok",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModelPicker, { state, apply: apply2 })
+    ),
+    card("place", "\u653E\u5728\u54EA\u91CC", body.connected ? body.mode === void 0 ? "\u2014" : MODE_TEXT[body.mode]?.title ?? body.mode : "\u8EAB\u4F53\u6CA1\u8FDE\u4E0A", body.connected ? "ok" : "off", /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModePicker, { state, apply: apply2 }))
   ] });
 }
 function toneOf(status) {
@@ -1446,20 +1783,20 @@ function toneOf(status) {
   return "warn";
 }
 function speakingText(status, service) {
-  const name = service === "edge" ? "\u5FAE\u8F6F Edge" : "\u963F\u91CC\u4E91\u767E\u70BC";
+  const name = service === "edge" ? "\u5FAE\u8F6F Edge" : service === "ming" ? "\u672C\u673A Ming" : "\u963F\u91CC\u4E91\u767E\u70BC";
   switch (status) {
     case "ready":
       return `\u5DF2\u5C31\u7EEA\uFF08${name}\uFF09`;
     case "checking":
-      return `\u6B63\u5728\u8FDE\u63A5${name}`;
+      return service === "ming" ? "\u6B63\u5728\u52A0\u8F7D\u672C\u673A Ming\uFF08\u7EA6 8 \u79D2\uFF09" : `\u6B63\u5728\u8FDE\u63A5${name}`;
     case "installing":
-      return "\u6B63\u5728\u51C6\u5907 Edge \u8BED\u97F3\u7EC4\u4EF6\uFF08\u7B2C\u4E00\u6B21\u7528\uFF0C\u4E00\u4E24\u5206\u949F\uFF09";
+      return service === "ming" ? "\u6B63\u5728\u5B89\u88C5\u672C\u673A Ming\uFF08\u5728 \u8BBE\u7F6E \u2192 \u58F0\u97F3 \u91CC\u770B\u8FDB\u5EA6\uFF09" : "\u6B63\u5728\u51C6\u5907 Edge \u8BED\u97F3\u7EC4\u4EF6\uFF08\u7B2C\u4E00\u6B21\u7528\uFF0C\u4E00\u4E24\u5206\u949F\uFF09";
     case "no-key":
       return "\u8FD8\u6CA1\u6709\u767E\u70BC\u7684 API key\uFF0C\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54";
     case "no-quota":
       return "\u767E\u70BC\u7684\u989D\u5EA6\u7528\u5B8C\u4E86\uFF0C\u73B0\u5728\u53EA\u7528\u6587\u5B57\u56DE\u7B54";
     case "failed":
-      return `${name}\u7684\u8BED\u97F3\u51FA\u9519\u4E86\uFF0C\u6682\u65F6\u53EA\u7528\u6587\u5B57\uFF08\u4F1A\u81EA\u52A8\u91CD\u8BD5\uFF09`;
+      return service === "ming" ? "\u672C\u673A Ming \u7528\u4E0D\u4E86\uFF0C\u6682\u65F6\u53EA\u7528\u6587\u5B57\uFF08\u5728 \u8BBE\u7F6E \u2192 \u58F0\u97F3 \u91CC\u770B\u539F\u56E0\u3001\u91CD\u542F\uFF09" : `${name}\u7684\u8BED\u97F3\u51FA\u9519\u4E86\uFF0C\u6682\u65F6\u53EA\u7528\u6587\u5B57\uFF08\u4F1A\u81EA\u52A8\u91CD\u8BD5\uFF09`;
     case "off":
       return "\u5DF2\u5173\u95ED\uFF0C\u53EA\u7528\u6587\u5B57";
     default:
@@ -1511,13 +1848,18 @@ var STYLES = `
 .her-card h2{font-size:15px;font-weight:600;margin:0 0 6px}
 .her-card p{margin:4px 0}
 .her-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
-.her-fold{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:0;color:${TEXT};font:inherit;cursor:pointer;text-align:left}
-.her-fold h2{margin:0}
-.her-fold-arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:${LAYER2};color:${ACCENT};transition:transform .15s,background .15s}
+.her-fold{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:2px 0;color:${TEXT};font:inherit;cursor:pointer;text-align:left}
+.her-fold h2{margin:0;flex:none}
+.her-fold-arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:${ACCENT};color:${ON_ACCENT};transition:transform .15s,opacity .15s}
 .her-fold-arrow.open{transform:rotate(90deg)}
-.her-fold:hover .her-fold-arrow{background:${HOVER}}
+.her-fold:hover .her-fold-arrow{opacity:.85}
 .her-fold:focus-visible{outline:2px solid ${ACCENT};outline-offset:4px;border-radius:6px}
 .her-fold-sum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
+.her-fold-toggle{flex:none;font-size:12px;padding:3px 12px;border-radius:999px;border:1px solid ${LINE};background:${LAYER2};color:${TEXT}}
+.her-fold:hover .her-fold-toggle{background:${HOVER}}
+.her-foldcard.open .her-fold{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid ${LINE}}
+.her-subtabs{margin:4px 0 6px}
+.her-badge-inline{margin:0 0 0 6px;font-size:10px;padding:0 5px}
 .her-examples{margin-top:12px}
 .her-example-row{display:flex;gap:10px;flex-wrap:wrap}
 .her-example{margin:0;width:150px}
@@ -1545,6 +1887,20 @@ var STYLES = `
 .her-step{font-size:12px;padding:3px 10px;border-radius:999px;background:${LAYER1};color:${MUTED};border:none;cursor:pointer;font-family:inherit}
 .her-step.on{background:${ACCENT};color:${ON_ACCENT}}
 .her-step.done{color:${OK}}
+.her-badge{display:inline-block;font-size:11px;line-height:16px;padding:0 6px;margin-right:6px;border-radius:999px;background:${ACCENT};color:${ON_ACCENT};font-weight:600}
+.her-choice.trying{border-style:dashed;border-color:${ACCENT}}
+.her-now{margin:2px 0 8px}
+.her-now b{font-weight:600}
+.her-now .her-dot{margin-left:10px}
+.her-pending{position:sticky;bottom:8px;z-index:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;padding:8px 12px;border-radius:10px;border:1px dashed ${ACCENT};background:${v("bg-layer-1-solid", "Canvas")};box-shadow:0 4px 16px rgba(0,0,0,.25)}
+.her-pending span{flex:1;min-width:200px}
+.her-alert{border:1px solid ${DANGER};border-radius:10px;padding:8px 12px;color:${TEXT}}
+.her-card.her-alert{padding:14px 16px}
+.her-card.her-alert h2{color:${DANGER}}
+.her-summary{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px 12px;align-items:center}
+.her-summary-row{display:contents}
+.her-summary-row b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
+.her-summary-note{font-size:12px;color:${MUTED};white-space:nowrap}
 .her-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}
 .her-tab{border:none;background:none;color:${MUTED};padding:6px 10px;border-radius:8px;cursor:pointer;font:inherit}
 .her-tab.on{background:${LAYER2};color:${TEXT};font-weight:600}
@@ -1567,13 +1923,13 @@ var STYLES = `
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var PACKAGE_NAME = "dsh-her";
 var inject = ["slots", "locale"];
 var PANEL_ID = "dsh-her";
 var NS = "dsh-her";
 function HerIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z" }) });
 }
 function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh: { panel: "\u5979" }, en: { panel: "Her" } }), "dsh-her: dictionaries");