dsh-her 0.0.1 → 0.1.0-beta.1

package/lib/client.js

@@ -0,0 +1,1546 @@
+window.__ModuleLoader__.load({
+	id: "dsh-her",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  PACKAGE_NAME: () => PACKAGE_NAME,
+  PANEL_ID: () => PANEL_ID,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/Page.tsx
+var import_react3 = require("react");
+
+// src/client/api.ts
+async function post(path, body = {}) {
+  try {
+    const res = await fetch(new URL(`/api/dsh-her${path}`, document.baseURI), {
+      method: "POST",
+      credentials: "same-origin",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    const value = await res.json().catch(() => null);
+    if (value === null) return { ok: false, message: `HTTP ${res.status}` };
+    return value;
+  } catch (error) {
+    return { ok: false, message: error instanceof Error ? error.message : String(error) };
+  }
+}
+var herApi = {
+  state: () => post("/state"),
+  saveCharacter: (patch) => post("/character", patch),
+  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 } }),
+  startBody: () => post("/body/start"),
+  installBody: () => post("/body/install"),
+  restartBody: () => post("/body/restart"),
+  setMode: (mode) => post("/body/mode", { mode }),
+  pickPack: () => post("/pack/pick"),
+  usePack: (packId) => post("/pack/use", { packId }),
+  workshopList: () => post("/workshop/list"),
+  workshopNew: (name) => post("/workshop/new", { name }),
+  workshopSave: (project) => post("/workshop/save", { project }),
+  workshopExport: (id, media) => post("/workshop/export", { id, media }),
+  workshopImportProject: () => post("/workshop/import-project"),
+  workshopExamples: () => post("/workshop/examples"),
+  workshopOpen: (id) => post("/workshop/open", { id }),
+  workshopFrame: (id, scene) => post("/workshop/frame", { id, scene }),
+  workshopImport: (id) => post("/workshop/import", { id }),
+  setLook: (change) => post("/look/set", change),
+  memoryRemove: (ids) => post("/memory/remove", { ids }),
+  memoryConfirm: (ids) => post("/memory/confirm", { ids }),
+  digest: () => post("/memory/digest"),
+  exportMemory: () => post("/memory/export")
+};
+async function modelCatalog() {
+  try {
+    const res = await fetch(new URL("/api/session/modelCatalog", document.baseURI), {
+      method: "POST",
+      credentials: "same-origin",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ type: "client-request", rpcId: crypto.randomUUID(), method: "session/modelCatalog", payload: { args: {} } })
+    });
+    const reply = await res.json();
+    const value = reply.result?.value;
+    if (reply.result?.ok !== true || value === void 0) return { ok: false, message: reply.result?.error?.message ?? `HTTP ${res.status}` };
+    const routable = value.routableProviders;
+    const groups = (value.groups ?? []).filter((g) => routable === void 0 || routable.includes(g.id));
+    return { ok: true, groups, ...value.default === void 0 ? {} : { default: value.default } };
+  } catch (error) {
+    return { ok: false, message: error instanceof Error ? error.message : String(error) };
+  }
+}
+function playAudio(base64, format) {
+  void new Audio(`data:audio/${format === "mp3" ? "mpeg" : "wav"};base64,${base64}`).play();
+}
+
+// src/core/voices.ts
+var VOICES = [
+  { id: "zh-CN-XiaoxiaoNeural", name: "\u6653\u6653", desc: "\u6E29\u6696\uFF0C\u81EA\u7136", service: "edge" },
+  { id: "zh-CN-XiaoyiNeural", name: "\u6653\u4F0A", desc: "\u6D3B\u6CFC\uFF0C\u53EF\u7231", service: "edge" },
+  { id: "zh-TW-HsiaoChenNeural", name: "\u66C9\u81FB", desc: "\u6E29\u67D4\uFF0C\u53F0\u6E7E\u8154", service: "edge" },
+  { id: "zh-TW-HsiaoYuNeural", name: "\u66C9\u96E8", desc: "\u6E05\u4EAE\uFF0C\u53F0\u6E7E\u8154", service: "edge" },
+  { id: "zh-CN-liaoning-XiaobeiNeural", name: "\u6653\u5317", desc: "\u723D\u6717\uFF0C\u4E1C\u5317\u8BDD", service: "edge" },
+  { id: "zh-CN-shaanxi-XiaoniNeural", name: "\u6653\u59AE", desc: "\u9655\u897F\u8BDD", service: "edge" },
+  { id: "zh-HK-HiuMaanNeural", name: "\u66C9\u66FC", desc: "\u7CA4\u8BED", service: "edge" },
+  { id: "longanrou_v3", name: "\u9F99\u5B89\u67D4", desc: "\u6E29\u67D4\uFF0C\u50CF\u95FA\u871C", service: "cosyvoice" },
+  { id: "longxing_v3", name: "\u9F99\u661F", desc: "\u6E29\u5A49\uFF0C\u90BB\u5BB6\u5973\u5B69", service: "cosyvoice" },
+  { id: "longanhuan_v3", name: "\u9F99\u5B89\u6B22", desc: "\u6B22\u8131\u5143\u6C14", service: "cosyvoice" },
+  { id: "longanqin_v3", name: "\u9F99\u5B89\u4EB2", desc: "\u4EB2\u548C\uFF0C\u5F00\u6717", service: "cosyvoice" },
+  { id: "longanling_v3", name: "\u9F99\u5B89\u7075", desc: "\u673A\u7075\uFF0C\u6D3B\u6CFC", service: "cosyvoice" },
+  { id: "longhua_v3", name: "\u9F99\u534E", desc: "\u5143\u6C14\uFF0C\u751C\u7F8E", service: "cosyvoice" },
+  { id: "longfeifei_v3", name: "\u9F99\u83F2\u83F2", desc: "\u751C\u7F8E\uFF0C\u7231\u6492\u5A07", service: "cosyvoice" },
+  { id: "longantai_v3", name: "\u9F99\u5B89\u53F0", desc: "\u55F2\u751C\uFF0C\u53F0\u6E7E\u8154", service: "cosyvoice" },
+  { 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" }
+];
+function voiceName(id) {
+  return VOICES.find((v2) => v2.id === id)?.name ?? id;
+}
+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"
+};
+
+// src/client/Workshop.tsx
+var import_react = require("react");
+
+// src/core/workshop.ts
+var DESK_DIR = "\u684C\u5BA0";
+var sceneDir = (scene) => `\u573A\u666F-${safeName(scene.name)}`;
+function safeName(text) {
+  return text.trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/^\.+/, "") || "\u672A\u547D\u540D";
+}
+var CARD_CHOICES = {
+  gender: ["\u5973", "\u7537"],
+  age: ["\u4E8C\u5341\u51FA\u5934", "\u4E8C\u5341\u591A\u5C81", "\u4E09\u5341\u5C81\u5DE6\u53F3", "\u4E09\u5341\u591A\u5C81"],
+  skin: ["\u767D\u7699", "\u81EA\u7136\u80A4\u8272", "\u5C0F\u9EA6\u8272", "\u6DF1\u8272"],
+  hairStyle: ["\u957F\u76F4\u53D1", "\u957F\u5377\u53D1", "\u4E2D\u957F\u53D1", "\u77ED\u53D1", "\u9A6C\u5C3E", "\u4E38\u5B50\u5934"],
+  hairColor: ["\u9ED1\u8272", "\u6DF1\u68D5\u8272", "\u6817\u8272", "\u91D1\u8272", "\u94F6\u767D\u8272"],
+  build: ["\u7EA4\u7EC6", "\u5300\u79F0", "\u5065\u7F8E", "\u4E30\u6EE1"],
+  outfit: ["\u5BB6\u5C45\u670D", "\u886C\u886B\u8FDE\u8863\u88D9", "\u536B\u8863\u548C\u725B\u4ED4\u88E4", "\u540A\u5E26\u548C\u77ED\u88D9", "\u897F\u88C5\u5957\u88C5", "\u9488\u7EC7\u886B\u548C\u957F\u88D9", "\u6C49\u670D"],
+  accessories: ["\u65E0", "\u7EC6\u6846\u773C\u955C", "\u53D1\u5361", "\u8033\u73AF", "\u9879\u94FE"],
+  style: ["\u5199\u5B9E\u7167\u7247", "\u65E5\u7CFB\u52A8\u6F2B", "3D \u5361\u901A"]
+};
+var CARD_LABELS = {
+  gender: "\u6027\u522B",
+  age: "\u5E74\u9F84",
+  skin: "\u80A4\u8272",
+  hairStyle: "\u53D1\u578B",
+  hairColor: "\u53D1\u8272",
+  build: "\u8EAB\u6750",
+  outfit: "\u8863\u670D",
+  accessories: "\u914D\u9970",
+  style: "\u753B\u98CE",
+  extra: "\u5176\u4ED6\u7279\u5F81",
+  sentence: "\u89D2\u8272\u63CF\u8FF0"
+};
+var subject = (card) => card.gender === "\u7537" ? "\u6210\u5E74\u7537\u6027" : card.gender === "\u5973" ? "\u6210\u5E74\u5973\u6027" : `\u6210\u5E74\u4EBA\uFF08${card.gender}\uFF09`;
+function describe(card) {
+  if (card.sentence.trim() !== "") return card.sentence.trim();
+  const parts = [
+    `${card.age}\u7684${subject(card)}`,
+    `${card.skin}\u76AE\u80A4`,
+    `${card.hairColor}${card.hairStyle}`,
+    ...card.accessories === "\u65E0" || card.accessories.trim() === "" ? [] : [`\u6234${card.accessories}`],
+    `\u7A7F${card.outfit}`,
+    `\u8EAB\u6750${card.build}`,
+    ...card.extra.trim() === "" ? [] : [card.extra.trim()]
+  ];
+  return parts.join("\uFF0C");
+}
+var styleWords = (card) => card.style === "\u5199\u5B9E\u7167\u7247" ? "\u5199\u5B9E\u6444\u5F71\u98CE\u683C\uFF0C\u771F\u5B9E\u76AE\u80A4\u8D28\u611F\uFF0C\u81EA\u7136\u5149" : card.style === "\u65E5\u7CFB\u52A8\u6F2B" ? "\u65E5\u7CFB\u52A8\u6F2B\u753B\u98CE\uFF0C\u5E72\u51C0\u7EBF\u6761" : card.style === "3D \u5361\u901A" ? "3D \u5361\u901A\u6E32\u67D3\u98CE\u683C" : card.style;
+function screenColor(card) {
+  return /绿/.test(`${card.outfit}${card.extra}${card.sentence}`) ? { name: "\u7EAF\u7070\u8272", hex: "#808080" } : { name: "\u7EAF\u7EFF\u8272", hex: "#00B140" };
+}
+var POSE_WORDS = { stand: "\u7AD9\u7740", sit: "\u5750\u7740", lie: "\u8EBA\u7740" };
+var PRESETS = [
+  { role: "idle", n: 1, required: true, action: "\u5B89\u9759\u5730{pose}\uFF0C\u81EA\u7136\u547C\u5438\uFF0C\u5076\u5C14\u7728\u773C\uFF0C\u5934\u6781\u8F7B\u5FAE\u5730\u6643\u52A8\uFF0C\u5634\u5DF4\u95ED\u5408\uFF0C\u6D45\u6D45\u5730\u7B11" },
+  { role: "talk", n: 1, required: true, action: "\u770B\u7740\u955C\u5934\u6E29\u67D4\u5730\u8BF4\u8BDD\uFF0C\u5634\u5DF4\u81EA\u7136\u6301\u7EED\u5F00\u5408\uFF0C\u8F7B\u8F7B\u70B9\u5934\uFF0C\u624B\u6709\u5F88\u5C0F\u7684\u52A8\u4F5C\u3002\u6700\u540E\u4E00\u79D2\u95ED\u5634\u56DE\u5230\u539F\u59FF\u52BF" },
+  { role: "talk", n: 2, required: true, action: "\u770B\u7740\u955C\u5934\u8BF4\u8BDD\uFF0C\u6362\u4E00\u79CD\u8282\u594F\uFF0C\u7565\u5E26\u7B11\u610F\uFF0C\u5634\u5DF4\u81EA\u7136\u6301\u7EED\u5F00\u5408\uFF0C\u4E00\u53EA\u624B\u8F7B\u8F7B\u62AC\u8D77\u53C8\u653E\u4E0B\u3002\u6700\u540E\u4E00\u79D2\u95ED\u5634\u56DE\u5230\u539F\u59FF\u52BF" },
+  { role: "idle", n: 2, action: "\u5B89\u9759\u5730{pose}\uFF0C\u8F7B\u8F7B\u628A\u4E00\u7F15\u5934\u53D1\u62E8\u5230\u8033\u540E\uFF0C\u7136\u540E\u6062\u590D\u539F\u59FF\u52BF" },
+  { role: "listen", n: 1, action: "\u8BA4\u771F\u5730\u542C\uFF0C\u5634\u5DF4\u95ED\u7740\uFF0C\u8F7B\u8F7B\u70B9\u5934\u4E24\u6B21\uFF0C\u773C\u795E\u4E13\u6CE8\u770B\u7740\u955C\u5934" },
+  { role: "think", n: 1, action: "\u773C\u775B\u770B\u5411\u53F3\u4E0A\u65B9\u50CF\u5728\u601D\u8003\uFF0C\u98DF\u6307\u8F7B\u78B0\u4E0B\u5DF4\uFF0C\u7136\u540E\u653E\u4E0B\u624B\uFF0C\u89C6\u7EBF\u56DE\u5230\u955C\u5934" },
+  { role: "happy", n: 1, action: "\u5F00\u5FC3\u5730\u7B11\u51FA\u6765\uFF0C\u773C\u775B\u5F2F\u8D77\uFF0C\u80A9\u8180\u8F7B\u5FAE\u8038\u52A8\uFF0C\u7136\u540E\u6062\u590D\u6D45\u7B11" },
+  { role: "shy", n: 1, action: "\u5BB3\u7F9E\u5730\u4F4E\u5934\uFF0C\u624B\u6307\u5377\u4E00\u4E0B\u53D1\u68A2\uFF0C\u518D\u62AC\u773C\u770B\u955C\u5934\uFF0C\u6062\u590D\u539F\u59FF\u52BF" },
+  { role: "wave", n: 1, action: "\u770B\u5230\u4F60\u5F88\u5F00\u5FC3\uFF0C\u62AC\u8D77\u53F3\u624B\u671D\u955C\u5934\u6325\u624B\uFF0C\u7136\u540E\u653E\u4E0B\u624B\u6062\u590D\u539F\u59FF\u52BF" },
+  { role: "touched", n: 1, action: "\u50CF\u88AB\u8F7B\u8F7B\u6233\u4E86\u4E00\u4E0B\uFF0C\u5FAE\u5FAE\u4E00\u60CA\uFF0C\u7136\u540E\u770B\u7740\u955C\u5934\u7B11\uFF0C\u6062\u590D\u539F\u59FF\u52BF" },
+  { role: "sleepy", n: 1, action: "\u6253\u4E00\u4E2A\u5C0F\u54C8\u6B20\uFF0C\u7528\u624B\u80CC\u8F7B\u63C9\u773C\u775B\uFF0C\u7136\u540E\u5BF9\u955C\u5934\u7B11\u4E00\u4E0B\uFF0C\u6062\u590D\u539F\u59FF\u52BF" }
+];
+function presetClips(pose) {
+  return PRESETS.map((p) => ({
+    file: `${pose}_${p.role}_${String(p.n).padStart(2, "0")}`,
+    action: p.action.replaceAll("{pose}", POSE_WORDS[pose]),
+    ...p.required === true ? { required: true } : { off: true }
+  }));
+}
+function customClip(pose, existing, action) {
+  let n = 1;
+  while (existing.some((c) => c.file === `${pose}_act${n}_01`)) n++;
+  return { file: `${pose}_act${n}_01`, action: action.trim() };
+}
+function newScene(id, name, pose = "stand") {
+  return { id, name, place: "", pose, clips: presetClips(pose) };
+}
+function rules(project, kind, scene) {
+  const common = [
+    "\u56FA\u5B9A\u673A\u4F4D\uFF0C\u5355\u4E00\u8FDE\u7EED\u955C\u5934\uFF0C\u4E0D\u63A8\u62C9\u6447\u79FB\uFF0C\u4E0D\u53D8\u7126\uFF0C\u4E0D\u5207\u955C",
+    "\u8138\u3001\u4E94\u5B98\u3001\u53D1\u578B\u3001\u5986\u5BB9\u3001\u670D\u88C5\u3001\u8EAB\u6750\u6BD4\u4F8B\u5168\u7A0B\u5B8C\u5168\u4E0D\u53D8",
+    "\u52A8\u4F5C\u81EA\u7136\u3001\u514B\u5236\u3001\u5E45\u5EA6\u5C0F\uFF0C\u771F\u5B9E\u7684\u547C\u5438\u548C\u7728\u773C",
+    "\u753B\u9762\u4E2D\u4E0D\u51FA\u73B0\u4EFB\u4F55\u6587\u5B57\u3001\u5B57\u5E55\u3001\u6C34\u5370\u3001Logo\uFF0C\u65E0\u80CC\u666F\u97F3\u4E50",
+    "\u89C6\u9891\u5F00\u59CB\u548C\u7ED3\u675F\u65F6\uFF0C\u4EBA\u7269\u59FF\u52BF\u4E0E\u53C2\u8003\u56FE\u5B8C\u5168\u4E00\u81F4"
+  ];
+  if (kind === "desk") {
+    const color = screenColor(project.card);
+    return [
+      `\u53C2\u8003\u56FE\u4E2D\u7684\u540C\u4E00\u4F4D${subject(project.card)}\uFF0C\u5168\u8EAB\u7AD9\u7ACB\uFF0C${color.name}\u80CC\u666F`,
+      ...common,
+      `\u80CC\u666F\u59CB\u7EC8\u662F\u5747\u5300\u7684${color.name}\uFF08${color.hex}\uFF09\uFF0C\u65E0\u5730\u9762\u3001\u65E0\u9634\u5F71\u3001\u65E0\u6E10\u53D8\u3001\u65E0\u4EFB\u4F55\u7269\u4F53\uFF0C\u5149\u7167\u4E0D\u53D8`,
+      "\u53CC\u811A\u59CB\u7EC8\u7AD9\u5728\u539F\u5730\uFF0C\u8EAB\u4F53\u59CB\u7EC8\u5B8C\u6574\u5730\u5728\u753B\u9762\u5185\uFF08\u5934\u9876\u548C\u811A\u90FD\u4E0D\u51FA\u753B\uFF09"
+    ].join("\u3002") + "\u3002";
+  }
+  return [
+    `\u53C2\u8003\u56FE\u4E2D\u7684\u540C\u4E00\u4F4D${subject(project.card)}\uFF0C\u5728${scene?.name ?? "\u573A\u666F"}\u91CC${POSE_WORDS[scene?.pose ?? "stand"]}`,
+    ...common,
+    "\u80CC\u666F\u4E0E\u53C2\u8003\u56FE\u5B8C\u5168\u4E00\u81F4\u4E14\u9759\u6B62\uFF0C\u5149\u7167\u4E0D\u53D8",
+    "\u4EBA\u7269\u4E0D\u79BB\u5F00\u539F\u4F4D\uFF0C\u8EAB\u4F53\u59CB\u7EC8\u5728\u753B\u9762\u5185"
+  ].join("\u3002") + "\u3002";
+}
+function clipPrompt(project, kind, clip, scene) {
+  return `${rules(project, kind, scene)}\u5979\u662F\uFF1A${describe(project.card)}\u3002${clip.action}\u3002`;
+}
+function referencePrompt(project) {
+  const color = screenColor(project.card);
+  return [
+    `${describe(project.card)}`,
+    "\u5168\u8EAB\u6B63\u9762\u7AD9\u7ACB\uFF0C\u53CC\u624B\u81EA\u7136\u5782\u5728\u8EAB\u4FA7\uFF0C\u8868\u60C5\u6E29\u548C\uFF0C\u770B\u7740\u955C\u5934",
+    `${color.name}\u80CC\u666F\uFF08${color.hex}\uFF09\uFF0C\u80CC\u666F\u5B8C\u5168\u5747\u5300\uFF0C\u65E0\u5730\u9762\u3001\u65E0\u9634\u5F71\u3001\u65E0\u6E10\u53D8\u3001\u65E0\u4EFB\u4F55\u7269\u4F53`,
+    "\u4EBA\u7269\u5C45\u4E2D\uFF0C\u5934\u9876\u548C\u811A\u4E0B\u5404\u7559\u4E00\u70B9\u7A7A\uFF0C\u7AD6\u7248 9:16\uFF0C1080\xD71920",
+    styleWords(project.card)
+  ].join("\u3002") + "\u3002";
+}
+function scenePhotoPrompt(project, scene, screen) {
+  const size = screen === void 0 ? "\u6A2A\u7248 16:10\uFF0C2560 \u5BBD\u4EE5\u4E0A" : `\u6A2A\u7248\uFF0C\u548C\u5C4F\u5E55\u4E00\u6837\u7684\u6BD4\u4F8B\uFF0C${screen.width}\xD7${screen.height}`;
+  return [
+    `${scene.place.trim() === "" ? scene.name : scene.place.trim()}`,
+    `\u753B\u9762\u91CC\u6709\u4E00\u4F4D${describe(project.card)}\uFF0C${POSE_WORDS[scene.pose]}\uFF0C\u770B\u7740\u955C\u5934`,
+    "\u7528\u53C2\u8003\u56FE\u4FDD\u6301\u4EBA\u7269\u5B8C\u5168\u4E00\u81F4\uFF08\u540C\u4E00\u5F20\u8138\u3001\u540C\u6837\u7684\u53D1\u578B\u548C\u8863\u670D\uFF09",
+    "\u4EBA\u7269\u5B8C\u6574\u5730\u5728\u753B\u9762\u4E2D\u95F4\u504F\u4E00\u4FA7\uFF0C\u5934\u9876\u548C\u811A\u4E0B\u7559\u51FA\u7A7A\u95F4\uFF0C\u4EBA\u7269\u9AD8\u5EA6\u7EA6\u5360\u753B\u9762\u7684\u516D\u6210",
+    size,
+    styleWords(project.card)
+  ].join("\u3002") + "\u3002";
+}
+var EXAMPLE_SLOTS = {
+  look: [{ file: "look.png", label: "\u505A\u597D\u7684\u5979\uFF08\u89D2\u8272\u5361\u8FD9\u6837\u586B\u51FA\u6765\u7684\u6837\u5B50\uFF09" }],
+  reference: [{ file: "reference.png", label: "\u53C2\u8003\u56FE\uFF1A\u7EAF\u8272\u80CC\u666F\u3001\u5168\u8EAB\u3001\u6B63\u9762\u7AD9\u7ACB" }],
+  desk: [{ file: "desk.mp4", label: "\u684C\u5BA0\u7247\u6BB5\uFF08\u7EFF\u5E55\u539F\u7247\uFF09" }, { file: "desk-keyed.png", label: "\u62A0\u597D\u540E\u6D6E\u5728\u684C\u9762\u4E0A" }],
+  scene: [
+    { file: "scene-plate.png", label: "\u573A\u666F\u7684\u5168\u5C4F\u7167\u7247" },
+    { file: "scene-crop.png", label: "\u6846\u597D\u7684\u4EBA\u7269\u533A\uFF08crop.png\uFF09" },
+    { file: "scene.mp4", label: "\u573A\u666F\u7247\u6BB5" }
+  ],
+  import: [{ file: "result.png", label: "\u5BFC\u5165\u540E\u684C\u9762\u4E0A\u7684\u6837\u5B50" }]
+};
+var EXAMPLE_FILES = new Set(Object.values(EXAMPLE_SLOTS).flatMap((slots) => slots.map((s) => s.file)));
+
+// src/client/Workshop.tsx
+var import_jsx_runtime = 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 result = await herApi.workshopList();
+    if (result.ok) setItems(result.projects);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    void reload();
+    const timer = setInterval(() => void reload(), 4e3);
+    return () => clearInterval(timer);
+  }, [reload]);
+  const status = items.find((i) => i.project.id === open)?.status;
+  const choose = (item) => {
+    setOpen(item.project.id);
+    setDraft(structuredClone(item.project));
+    setDirty(false);
+    setNote(void 0);
+  };
+  const edit = (change) => {
+    setDraft((current) => {
+      if (current === void 0) return current;
+      const next = structuredClone(current);
+      change(next);
+      return next;
+    });
+    setDirty(true);
+  };
+  const report = (result, done) => {
+    setNote(result.ok ? { kind: "ok", text: done } : { kind: "error", text: result.message });
+    return result.ok;
+  };
+  const create = async () => {
+    const result = await herApi.workshopNew(newName.trim());
+    if (report(result, "\u5EFA\u597D\u4E86\uFF0C\u6587\u4EF6\u5939\u5728\u300C\u6587\u7A3F / dsh-her \u7D20\u6750\u300D\u91CC") && result.ok) {
+      setNewName("");
+      await reload();
+      choose(result);
+    }
+  };
+  const save = async () => {
+    if (draft === void 0) return false;
+    const result = await herApi.workshopSave(draft);
+    if (!report(result, "\u5DF2\u4FDD\u5B58\uFF1A\u63D0\u793A\u8BCD\u90FD\u5199\u8FDB\u6587\u4EF6\u5939\u4E86")) return false;
+    setDirty(false);
+    await reload();
+    return true;
+  };
+  const frame = async (scene) => {
+    if (dirty && !await save()) return;
+    report(await herApi.workshopFrame(draft.id, scene.id), '\u5DF2\u5728\u684C\u9762\u4E0A\u6253\u5F00"\u505A\u573A\u666F"\u7A97\u53E3\uFF1A\u6846\u597D\u5979\u7684\u6D3B\u52A8\u8303\u56F4\uFF0C\u70B9\u4FDD\u5B58');
+  };
+  const importLook = async () => {
+    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 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;
+    });
+    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)(() => {
+    void herApi.workshopExamples().then((r) => {
+      if (r.ok) setExamples(r.examples);
+    });
+  }, []);
+  const [withMedia, setWithMedia] = (0, import_react.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" });
+    const result = await herApi.workshopExport(draft.id, withMedia);
+    if (!result.ok) report(result, "");
+    else if ("cancelled" in result) setNote(void 0);
+    else setNote({ kind: "ok", text: `\u5DF2\u5BFC\u51FA ${result.files} \u4E2A\u6587\u4EF6\u5230 ${result.dir}` });
+  };
+  const importProject = async () => {
+    setNote({ kind: "ok", text: "\u5728\u684C\u9762\u4E0A\u5F39\u51FA\u7684\u7A97\u53E3\u91CC\u9009\u4E00\u4E2A\u5F62\u8C61\u9879\u76EE\u7684\u6587\u4EF6\u5939\uFF08\u6216\u91CC\u9762\u7684 \u5F62\u8C61.json\uFF09\u2026" });
+    const result = await herApi.workshopImportProject();
+    if (!result.ok) report(result, "");
+    else if ("cancelled" in result) setNote(void 0);
+    else {
+      await reload();
+      choose(result);
+      setNote({ kind: "ok", text: `\u5DF2\u5BFC\u5165\u300C${result.project.name}\u300D\uFF0C\u653E\u5728 ${result.status.dir}` });
+    }
+  };
+  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: [
+    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" })
+    ] })
+  ] });
+  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\u8C46\u5305\u3001\u5373\u68A6\u3001MiniMax \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: [
+        item.project.name,
+        /* @__PURE__ */ (0, import_jsx_runtime.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" })
+      ] }),
+      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: [
+          "\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) }),
+          " \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' })
+      ] }),
+      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 && 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) => {
+              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) => {
+              p.generator = e.target.value;
+            }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "minimax", children: "MiniMax Code\uFF08\u7ED9\u5B83\u4EFB\u52A1\u6587\u4EF6\uFF0C\u81EA\u52A8\u751F\u6210\u4E0B\u8F7D\uFF09" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "manual", children: "\u5373\u68A6\u3001\u53EF\u7075\u7B49\uFF08\u81EA\u5DF1\u4E00\u6BB5\u6BB5\u590D\u5236\u63D0\u793A\u8BCD\uFF09" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.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) => {
+          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" }),
+          "\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) })
+      ] })),
+      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) => {
+            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) => {
+            p.desk.clips = clips;
+          }) })
+        ] })
+      ] })),
+      fold("scene", "4. \u573A\u666F\uFF08\u4F4F\u5728\u58C1\u7EB8\u91CC\u3001\u666E\u901A\u7A97\u53E3\u65F6\u7684\u5979\uFF09", draft.scenes.length === 0 ? "\u8FD8\u6CA1\u6709\u573A\u666F" : draft.scenes.map((sc) => {
+        const part = status.parts.find((p) => p.folder === sceneDir(sc));
+        return `${sc.name} ${part === void 0 ? "\u672A\u4FDD\u5B58" : `${part.made}/${part.planned}${part.framed === true ? "" : part.photo === true ? "\xB7\u672A\u6846" : "\xB7\u7F3A\u7167\u7247"}`}`;
+      }).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: [
+          '\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)(
+          SceneEditor,
+          {
+            project: draft,
+            scene,
+            isDefault: (draft.default ?? draft.scenes[0]?.id) === scene.id,
+            status: status.parts.find((p) => p.folder === sceneDir(scene)),
+            screen: screenPx,
+            onChange: (change) => edit((p) => {
+              change(p.scenes[i]);
+            }),
+            onDefault: () => edit((p) => {
+              p.default = scene.id;
+            }),
+            onRemove: () => edit((p) => {
+              p.scenes.splice(i, 1);
+            }),
+            onFrame: () => void frame(scene)
+          },
+          scene.id
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime.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: [
+            '\u6BCF\u4E00\u6B65\u586B\u5B8C\u70B9"\u4FDD\u5B58\u8FD9\u4E00\u6B65"\uFF1A\u63D0\u793A\u8BCD\u5199\u8FDB\u9879\u76EE\u6587\u4EF6\u5939',
+            draft.generator === "minimax" ? "\uFF0C\u8FD8\u6709\u7ED9 MiniMax Code \u7684\u300CMiniMax\u751F\u6210\u4EFB\u52A1.md\u300D" : "",
+            "\u3002"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: draft.generator === "minimax" ? '\u5728 MiniMax Code \u91CC\u8BF4\uFF1A"\u6309 <\u9879\u76EE\u6587\u4EF6\u5939>/MiniMax\u751F\u6210\u4EFB\u52A1.md \u751F\u6210"\u3002' : "\u5728\u5373\u68A6\u3001\u53EF\u7075\u91CC\u4E00\u6BB5\u6BB5\u751F\u6210\uFF0C\u6309\u63D0\u793A\u8BCD\u91CC\u7684\u6587\u4EF6\u540D\u5B58\u8FDB\u5BF9\u5E94\u7684\u6587\u4EF6\u5939\u3002" }),
+          /* @__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_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_runtime.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 })
+    ] })
+  ] });
+}
+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", children: open ? "\u25BE" : "\u25B8" }),
+      /* @__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: [
+        "\u793A\u4F8B\u5F85\u653E",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.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)) })
+  ] });
+}
+function progressText(status) {
+  if (status.parts.length === 0) return "\u8FD8\u6CA1\u5F00\u59CB";
+  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: [
+    "\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" })
+  ] });
+}
+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" })
+  ] });
+}
+function CardEditor({ card, onChange }) {
+  const fields = Object.keys(CARD_CHOICES);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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" })
+        ] }),
+        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 }) })
+      ] }, field);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { gridColumn: "1 / -1" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.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 }) })
+    ] })
+  ] });
+}
+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) => {
+        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) => {
+        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 }),
+        " \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_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) => {
+      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) => {
+        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) => {
+        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_runtime.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_runtime.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 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 }) }),
+        " ",
+        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" })
+    ] }, 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: () => {
+        onChange([...clips, customClip(pose, clips, own)]);
+        setOwn("");
+      }, children: "\u52A0\u4E0A" })
+    ] })
+  ] });
+}
+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 })
+    ] });
+  }
+  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: [
+    line.level === "ok" ? "\u2705" : line.level === "warn" ? "\u26A0\uFE0F" : "\u274C",
+    " ",
+    line.text
+  ] }, i)) });
+}
+
+// src/client/parts.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = 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}` });
+}
+function BodyStatus({ state, apply: apply2 }) {
+  const [message, setMessage] = (0, import_react2.useState)();
+  const body = state.body;
+  const install = body.install;
+  const start = async () => {
+    const result = await herApi.startBody();
+    if (result.ok) setMessage(result.message);
+    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 failed = install.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.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" }),
+        "\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: [
+          "\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: [
+          "\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" })
+      ] }),
+      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" }),
+      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" })
+    ] }) }),
+    progress,
+    failed,
+    message !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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: [
+        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` : ""
+        ] })
+      ] }, 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" })
+    ] }),
+    /* @__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" })
+    ] }),
+    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.step,
+        "\uFF08",
+        imp.done,
+        "/",
+        imp.total,
+        "\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: [
+      line.level === "ok" ? "\u2705" : line.level === "warn" ? "\u26A0\uFE0F" : "\u274C",
+      " ",
+      line.text
+    ] }, i)) })
+  ] });
+}
+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 expand = async () => {
+    setBusy("expand");
+    setError(void 0);
+    const result = await herApi.expandPersona({ name, idea, callYou, pronoun });
+    setBusy(void 0);
+    if (result.ok) setPersona(result.persona);
+    else setError(result.message);
+  };
+  const tryOne = async () => {
+    const message = line.trim();
+    if (message === "") return;
+    setBusy("try");
+    setLine("");
+    const history = [...chat, { who: "you", text: message }];
+    setChat(history);
+    const result = await herApi.tryPersona({ name, persona, callYou, pronoun, history: chat, message });
+    setBusy(void 0);
+    setChat(result.ok ? [...history, { who: "her", text: result.reply }] : history);
+    if (!result.ok) setError(result.message);
+  };
+  const save = async () => {
+    setBusy("save");
+    const ok = await apply2(herApi.saveCharacter({ name, persona, callYou, pronoun }));
+    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) })
+      ] }),
+      /* @__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_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_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_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: [
+      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) => {
+        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" })
+    ] }),
+    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 }) })
+  ] });
+}
+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_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: [
+      "\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: [
+      "\u628A key \u8BBE\u6210\u73AF\u5883\u53D8\u91CF ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.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" })
+  ] });
+}
+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 { status: speaking, error: speakingError } = state.voice.speaking;
+  const listen = async (which) => {
+    setVoice(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`);
+    setPlaying(void 0);
+    if (result.ok) playAudio(result.audio, result.format);
+    else setError(result.message);
+  };
+  const save = async () => {
+    if (await apply2(herApi.saveCharacter({ voice, 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",
+      speakingError ?? "\u672A\u77E5\u539F\u56E0",
+      "\u3002\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: [
+        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` })
+      ] }, 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: [
+        "\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_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 }) })
+  ] });
+}
+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)(() => {
+    void modelCatalog().then((result) => {
+      if (result.ok) setGroups(result.groups);
+      else setLoadError(result.message);
+    });
+  }, []);
+  const [provider, model] = choice === DEFAULT_CHOICE ? [void 0, void 0] : [choice.slice(0, choice.indexOf("/")), choice.slice(choice.indexOf("/") + 1)];
+  const efforts = groups?.find((g) => g.id === provider)?.models.find((m) => m.id === model)?.reasoning?.efforts ?? [];
+  const nameOf = (p, m) => {
+    const group = groups?.find((g) => g.id === p);
+    return `${group?.name ?? p} \xB7 ${group?.models.find((x) => x.id === m)?.name ?? m}`;
+  };
+  const save = async () => {
+    setSaved(false);
+    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"
+    ] }),
+    loadError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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) => {
+        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_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: [
+          "\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" })
+    ] }),
+    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" })
+  ] });
+}
+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: [
+      "\u6309 ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.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" }),
+      "\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" })
+  ] });
+}
+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 }),
+      " \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 })) }),
+        " \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 })) }),
+        " \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 } })) }),
+        " ",
+        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)),
+    /* @__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' })
+  ] });
+}
+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: [
+    MODE_TEXT[mode].title,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: MODE_TEXT[mode].desc })
+  ] }, mode)) });
+}
+function MemoryView({ state, apply: apply2 }) {
+  const [report, setReport] = (0, import_react2.useState)();
+  const { diary, lastDigestDay } = state.memory;
+  const facts = [...state.memory.facts].reverse();
+  const episodes = [...state.memory.episodes].reverse();
+  const today = (/* @__PURE__ */ new Date()).toDateString();
+  const isNew = (at) => new Date(at).toDateString() === today;
+  const digest = async () => {
+    setReport("\u6B63\u5728\u6574\u7406\u2026");
+    const result = await herApi.digest();
+    setReport(result.ok ? result.report : result.message);
+    if (result.ok) await apply2(Promise.resolve(result));
+  };
+  const download = async () => {
+    const result = await herApi.exportMemory();
+    if (!result.ok) return;
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(new Blob([result.markdown], { type: "text/markdown" }));
+    link.download = `\u5979\u8BB0\u5F97\u7684\u4E8B-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.md`;
+    link.click();
+    URL.revokeObjectURL(link.href);
+  };
+  const forget = (id, text) => {
+    if (window.confirm(`\u8BA9\u5979\u5FD8\u6389\u8FD9\u6761\uFF1F
+
+${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: [
+        "\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" })
+        ] }, f.id)),
+        facts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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: [
+        "\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" })
+        ] }, e.id)),
+        episodes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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: [
+        "\u5979\u7684\u65E5\u8BB0\uFF08",
+        diary.length,
+        " \u5929\uFF09"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.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" })
+      ] }),
+      report !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "her-muted", children: report })
+    ] })
+  ] });
+}
+
+// src/client/Page.tsx
+var import_jsx_runtime3 = 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 result = await herApi.state();
+    if (result.ok) {
+      setState(result.state);
+      setError(void 0);
+    } else setError(result.message);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    void refresh();
+    const timer = setInterval(() => void refresh(), POLL_MS);
+    return () => clearInterval(timer);
+  }, [refresh]);
+  const apply2 = (0, import_react3.useCallback)(async (call) => {
+    const result = await call;
+    if (result.ok) {
+      setState(result.state);
+      setError(void 0);
+      return true;
+    }
+    setError(result.message);
+    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: [
+      "\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 })
+  ] });
+}
+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 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 })
+  ] });
+  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" })
+    ] }),
+    /* @__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: [
+      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" }),
+        "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" }),
+        "\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) }),
+        "\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) }),
+        "\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" }),
+        "\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 }),
+      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" }) })
+    ] }),
+    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 }),
+      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" }),
+      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" }),
+      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" }),
+      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" }),
+      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" })
+    ] }),
+    /* @__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_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" }),
+          "\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" }),
+          state.model.provider,
+          " / ",
+          state.model.model,
+          state.model.chosen ? "" : "\uFF08dsh \u9ED8\u8BA4\uFF09"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.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),
+          "\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) }),
+          "\u542C\u4F60\u8BF4\u8BDD\uFF1A",
+          listeningText(state.voice.status)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "her-muted", children: [
+          "\u8BB0\u5F97 ",
+          state.memory.facts.length,
+          " \u4EF6\u5173\u4E8E\u4F60\u7684\u4E8B\u3001",
+          state.memory.episodes.length,
+          " \u4E2A\u4E8B\u4EF6\uFF0C\u5199\u4E86 ",
+          state.memory.diary.length,
+          " \u5929\u65E5\u8BB0\u3002"
+        ] }),
+        state.heard !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.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' })
+    ] }),
+    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 })
+  ] });
+}
+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 })
+    ] })
+  ] });
+}
+function toneOf(status) {
+  if (status === "ready") return "ok";
+  if (status === "off") return "off";
+  if (status === "no-key" || status === "no-quota" || status === "failed") return "bad";
+  return "warn";
+}
+function speakingText(status, service) {
+  const name = service === "edge" ? "\u5FAE\u8F6F Edge" : "\u963F\u91CC\u4E91\u767E\u70BC";
+  switch (status) {
+    case "ready":
+      return `\u5DF2\u5C31\u7EEA\uFF08${name}\uFF09`;
+    case "checking":
+      return `\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";
+    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`;
+    case "off":
+      return "\u5DF2\u5173\u95ED\uFF0C\u53EA\u7528\u6587\u5B57";
+    default:
+      return status;
+  }
+}
+function listeningText(status) {
+  switch (status) {
+    case "ready":
+      return "\u5DF2\u5C31\u7EEA\uFF08\u672C\u5730\u8BC6\u522B\uFF09";
+    case "downloading":
+      return "\u6B63\u5728\u4E0B\u8F7D\u8BC6\u522B\u6A21\u578B\uFF08\u7EA6 170 MB\uFF0C\u53EA\u4E0B\u4E00\u6B21\uFF09";
+    case "loading":
+      return "\u6B63\u5728\u52A0\u8F7D";
+    case "failed":
+      return "\u51FA\u9519\u4E86\uFF0C\u6682\u65F6\u53EA\u80FD\u6253\u5B57";
+    default:
+      return status;
+  }
+}
+function platformText(platform) {
+  if (platform === "darwin") return "macOS";
+  if (platform === "win32") return "Windows";
+  return platform;
+}
+
+// src/client/styles.ts
+var v = (name, fallback) => `var(--dsw-alias-${name}, ${fallback})`;
+var TEXT = v("label-primary", "CanvasText");
+var MUTED = v("label-secondary", "GrayText");
+var FAINT = v("label-tertiary", "GrayText");
+var LINE = v("border-l2", "rgba(127,127,127,.22)");
+var LAYER1 = v("bg-layer-1", "rgba(127,127,127,.06)");
+var LAYER2 = v("bg-layer-2", "rgba(127,127,127,.10)");
+var HOVER = v("interactive-bg-hover", "rgba(127,127,127,.12)");
+var DANGER = v("state-error-primary", "#d14343");
+var WARN = v("state-warn-primary", "#b7791f");
+var OK = v("state-success-primary", "#2f855a");
+var ACCENT = v("button-primary-fill", "#4d6bfe");
+var ON_ACCENT = v("label-primary-foreground", "#fff");
+var STYLES = `
+.her-page{box-sizing:border-box;height:100%;overflow:auto;padding:20px 24px 40px;color:${TEXT};font-size:13px;line-height:1.55}
+.her-page *{box-sizing:border-box}
+.her-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
+.her-head h1{font-size:18px;font-weight:600;margin:0}
+.her-muted{color:${MUTED}}.her-faint{color:${FAINT}}
+.her-ok{color:${OK}}.her-warn{color:${WARN}}.her-danger{color:${DANGER}}
+.her-card{background:${LAYER1};border-radius:12px;padding:14px 16px;margin-bottom:12px;max-width:760px}
+.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:baseline;gap:8px;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{color:${MUTED};width:14px;font-size:15px;line-height:1}
+.her-fold-sum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
+.her-examples{margin-top:12px}
+.her-example-row{display:flex;gap:10px;flex-wrap:wrap}
+.her-example{margin:0;width:150px}
+.her-example img,.her-example video,.her-example-empty{width:150px;height:110px;object-fit:cover;border-radius:8px;background:${LAYER2};display:block}
+.her-example-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed ${LINE};color:${FAINT};font-size:11px;text-align:center;padding:6px}
+.her-example-empty code{font-size:10px;word-break:break-all}
+.her-example figcaption{font-size:11px;color:${MUTED};margin-top:3px}
+.her-scenes{margin-top:14px;border-top:1px solid ${LINE};padding-top:10px}
+.her-scene{margin:4px 0}.her-scene label{min-width:7em}.her-scene .her-muted{flex:1}
+.her-btn{border:1px solid ${LINE};background:${LAYER2};color:${TEXT};border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}
+.her-btn:hover{background:${HOVER}}
+.her-btn:disabled{opacity:.5;cursor:default}
+.her-btn.primary{background:${ACCENT};border-color:${ACCENT};color:${ON_ACCENT}}
+.her-btn.small{padding:2px 8px;font-size:12px}
+.her-btn.link{border:none;background:none;color:${ACCENT};padding:2px 4px}
+.her-input,.her-textarea,.her-select{width:100%;border:1px solid ${LINE};background:${LAYER2};color:${TEXT};border-radius:8px;padding:7px 10px;font:inherit}
+.her-textarea{min-height:120px;resize:vertical}
+.her-label{display:block;font-size:12px;color:${MUTED};margin:10px 0 4px}
+.her-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}
+.her-choice{border:1px solid ${LINE};background:${LAYER2};border-radius:10px;padding:10px;cursor:pointer;text-align:left;color:${TEXT};font:inherit}
+.her-choice:hover{background:${HOVER}}
+.her-choice.on{border-color:${ACCENT};box-shadow:0 0 0 1px ${ACCENT}}
+.her-choice small{display:block;color:${MUTED};margin-top:2px}
+.her-steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;max-width:760px}
+.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-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}
+.her-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:${FAINT};vertical-align:0}
+.her-dot.ok{background:${OK}}.her-dot.warn{background:${WARN}}.her-dot.bad{background:${DANGER}}
+.her-list{list-style:none;margin:6px 0;padding:0}
+.her-list li{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid ${LINE}}
+.her-list li:last-child{border-bottom:none}
+.her-list li .grow{flex:1;min-width:0;word-break:break-word}
+.her-tag{font-size:11px;padding:0 6px;border-radius:999px;background:${LAYER2};color:${MUTED};white-space:nowrap}
+.her-tag.warn{color:${WARN}}.her-tag.bad{color:${DANGER}}.her-tag.ok{color:${OK}}
+.her-chat{background:${LAYER2};border-radius:10px;padding:8px 10px;margin:8px 0;max-height:220px;overflow:auto}
+.her-chat div{margin:3px 0}
+.her-chat .you{color:${MUTED}}
+.her-report{margin:6px 0;padding-left:0;list-style:none}
+.her-report li{margin:2px 0}
+.her-progress{height:6px;background:${LAYER2};border-radius:3px;overflow:hidden;margin:6px 0}
+.her-progress div{height:100%;background:${ACCENT};transition:width .3s}
+.her-error{color:${DANGER};margin:6px 0}
+`;
+
+// src/client/index.tsx
+var import_jsx_runtime4 = 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" }) });
+}
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh: { panel: "\u5979" }, en: { panel: "Her" } }), "dsh-her: dictionaries");
+  ctx.effect(() => {
+    const style = document.createElement("style");
+    style.dataset.dshPlugin = PACKAGE_NAME;
+    style.textContent = STYLES;
+    document.head.append(style);
+    return () => {
+      style.remove();
+    };
+  }, "dsh-her: styles");
+  const t = ctx.locale.bind(NS);
+  ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: PANEL_ID, locale: NS }, HerPage));
+  ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+    name: "sidebar.panellist",
+    id: PANEL_ID,
+    order: 31,
+    locale: NS,
+    label: () => t("panel")
+  }, HerIcon));
+}
+
+		return module.exports;
+	}
+});