hiwork-core 0.0.30 → 0.0.35

package/lib/client.js

@@ -65,6 +65,10 @@ var secondaryButton = {
   color: textSecondary,
   fontSize: 14
 };
+var disabledButton = {
+  opacity: 0.45,
+  cursor: "not-allowed"
+};
 var textInput = {
   padding: "9px 12px",
   borderRadius: 10,
@@ -110,7 +114,338 @@ var interactionCss = [
   // 账号行图标钮（用户名/设置/退出账号）hover：底变浅、图标提亮，同侧边栏 iconButton。
   `[data-hiwork-core-icon]:hover { background: ${interactiveHover} !important; color: ${textPrimary} !important; }`,
   // 品牌蓝按钮（登录门禁）hover：提亮而非换底色，保留渐变。
-  `[data-hiwork-core-brand]:hover:not(:disabled) { filter: brightness(1.08) !important; }`
+  `[data-hiwork-core-brand]:hover:not(:disabled) { filter: brightness(1.08) !important; }`,
+  // 行内文字链接（设置「关于」的版本/官网/手册）：hover 补下划线，走颜色之外的
+  // 唯一提示维度，不抢布局。
+  `[data-hiwork-core-linktext]:hover { text-decoration: underline; }`
+].join("\n");
+var imageCardsCss = [
+  /* ---- 会话内卡片 ---- */
+  `.hiwork-image-card {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 8px;`,
+  `  margin: 6px 0;`,
+  `  padding: 10px 12px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 10px;`,
+  `  background: ${bgLayer2};`,
+  `}`,
+  `.hiwork-image-card-head {`,
+  `  display: flex;`,
+  `  align-items: baseline;`,
+  `  gap: 8px;`,
+  `}`,
+  `.hiwork-image-card-title {`,
+  `  font-size: 13px;`,
+  `  font-weight: 600;`,
+  `  color: ${textPrimary};`,
+  `}`,
+  `.hiwork-image-card-summary {`,
+  `  margin-left: auto;`,
+  `  font-size: 12px;`,
+  `  color: ${textTertiary};`,
+  `  font-variant-numeric: tabular-nums;`,
+  `}`,
+  `.hiwork-image-card-prompt {`,
+  `  margin: 0;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${textSecondary};`,
+  `  white-space: pre-wrap;`,
+  `  word-break: break-word;`,
+  `}`,
+  `.hiwork-image-card-figure {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 6px;`,
+  `  margin: 0;`,
+  `}`,
+  `.hiwork-image-card-img {`,
+  `  display: block;`,
+  `  max-width: 100%;`,
+  `  max-height: 320px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 8px;`,
+  `  background: ${bgLayer1};`,
+  `  cursor: zoom-in;`,
+  `}`,
+  `.hiwork-image-card-path {`,
+  `  font-size: 11px;`,
+  `  line-height: 16px;`,
+  `  color: ${textCaption};`,
+  `  word-break: break-all;`,
+  `}`,
+  `.hiwork-image-card-meta {`,
+  `  font-size: 11px;`,
+  `  color: ${textTertiary};`,
+  `  font-variant-numeric: tabular-nums;`,
+  `}`,
+  `.hiwork-image-card-actions {`,
+  `  display: flex;`,
+  `  align-items: center;`,
+  `  gap: 8px;`,
+  `  flex-wrap: wrap;`,
+  `}`,
+  `.hiwork-image-card-action {`,
+  `  padding: 4px 10px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 8px;`,
+  `  background: transparent;`,
+  `  color: ${textSecondary};`,
+  `  font: inherit;`,
+  `  font-size: 11px;`,
+  `  line-height: 16px;`,
+  `  cursor: pointer;`,
+  `}`,
+  `.hiwork-image-card-action:hover {`,
+  `  background: ${interactiveHover};`,
+  `  color: ${textPrimary};`,
+  `}`,
+  `.hiwork-image-card-copy-state {`,
+  `  font-size: 11px;`,
+  `  color: ${textTertiary};`,
+  `}`,
+  `.hiwork-image-card-error {`,
+  `  margin: 0;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${errorText};`,
+  `}`,
+  `.hiwork-image-card-retry-hint {`,
+  `  margin-left: 6px;`,
+  `  font-size: 11px;`,
+  `  color: ${warnText};`,
+  `}`,
+  /* ---- 放大浮层（半透明黑是浮层自带的，不引用宿主内部变量）---- */
+  `.hiwork-image-zoom {`,
+  `  position: fixed;`,
+  `  inset: 0;`,
+  `  z-index: 2147483000;`,
+  `  display: flex;`,
+  `  align-items: center;`,
+  `  justify-content: center;`,
+  `  padding: 32px;`,
+  `  background: rgba(0, 0, 0, 0.72);`,
+  `  cursor: zoom-out;`,
+  `}`,
+  `.hiwork-image-zoom img {`,
+  `  max-width: 100%;`,
+  `  max-height: 100%;`,
+  `  border-radius: 8px;`,
+  `  background: ${bgLayer1};`,
+  `}`,
+  `.hiwork-image-zoom-close {`,
+  `  position: absolute;`,
+  `  top: 16px;`,
+  `  right: 20px;`,
+  `  padding: 4px 12px;`,
+  `  border: 1px solid rgba(255, 255, 255, 0.4);`,
+  `  border-radius: 8px;`,
+  `  background: transparent;`,
+  `  color: #ffffff;`,
+  `  font: inherit;`,
+  `  font-size: 12px;`,
+  `  cursor: pointer;`,
+  `}`
+].join("\n");
+var imagesPageCss = [
+  `.hiwork-images {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 14px;`,
+  `  box-sizing: border-box;`,
+  `  height: 100%;`,
+  `  padding: 20px 24px;`,
+  `  color: ${textPrimary};`,
+  `  overflow: hidden;`,
+  `}`,
+  `.hiwork-images-head {`,
+  `  display: flex;`,
+  `  align-items: baseline;`,
+  `  gap: 10px;`,
+  `  flex-wrap: wrap;`,
+  `}`,
+  `.hiwork-images-title {`,
+  `  margin: 0;`,
+  `  font-size: 18px;`,
+  `  font-weight: 600;`,
+  `  color: ${textPrimary};`,
+  `}`,
+  `.hiwork-images-count {`,
+  `  font-size: 12px;`,
+  `  color: ${textTertiary};`,
+  `  font-variant-numeric: tabular-nums;`,
+  `}`,
+  `.hiwork-images-body {`,
+  `  display: grid;`,
+  `  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);`,
+  `  gap: 16px;`,
+  `  flex: 1;`,
+  `  min-height: 0;`,
+  `}`,
+  `.hiwork-images-list {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 6px;`,
+  `  box-sizing: border-box;`,
+  `  margin: 0;`,
+  `  padding: 8px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 10px;`,
+  `  list-style: none;`,
+  `  overflow-y: auto;`,
+  `}`,
+  `.hiwork-images-row {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 4px;`,
+  `  box-sizing: border-box;`,
+  `  width: 100%;`,
+  `  padding: 8px 10px;`,
+  `  border: 1px solid transparent;`,
+  `  border-radius: 8px;`,
+  `  background: transparent;`,
+  `  color: inherit;`,
+  `  font: inherit;`,
+  `  text-align: left;`,
+  `  cursor: pointer;`,
+  `}`,
+  `.hiwork-images-row:hover {`,
+  `  background: ${interactiveHover};`,
+  `}`,
+  `.hiwork-images-row[aria-pressed="true"] {`,
+  `  border-color: ${brandAccent};`,
+  `  background: var(--dsw-alias-interactive-bg-active, rgba(15, 17, 21, 0.1));`,
+  `}`,
+  `.hiwork-images-row-prompt {`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${textPrimary};`,
+  `  overflow: hidden;`,
+  `  text-overflow: ellipsis;`,
+  `  white-space: nowrap;`,
+  `}`,
+  `.hiwork-images-row-meta {`,
+  `  font-size: 11px;`,
+  `  color: ${textTertiary};`,
+  `  font-variant-numeric: tabular-nums;`,
+  `}`,
+  `.hiwork-images-preview {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 10px;`,
+  `  box-sizing: border-box;`,
+  `  min-width: 0;`,
+  `  min-height: 0;`,
+  `  padding: 14px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 10px;`,
+  `  background: ${bgLayer2};`,
+  `  overflow: auto;`,
+  `}`,
+  `.hiwork-images-image {`,
+  `  display: block;`,
+  `  max-width: 100%;`,
+  `  max-height: 60vh;`,
+  `  margin: 0 auto;`,
+  `  border-radius: 8px;`,
+  `  background: ${bgLayer1};`,
+  `}`,
+  `.hiwork-images-preview-body {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 10px;`,
+  `  min-height: 0;`,
+  `}`,
+  `.hiwork-images-empty {`,
+  `  display: flex;`,
+  `  flex-direction: column;`,
+  `  gap: 6px;`,
+  `  align-items: flex-start;`,
+  `  padding: 24px 4px;`,
+  `}`,
+  `.hiwork-images-preview-prompt {`,
+  `  margin: 0;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${textSecondary};`,
+  `  white-space: pre-wrap;`,
+  `  word-break: break-word;`,
+  `}`,
+  `.hiwork-images-note {`,
+  `  margin: 0;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${textTertiary};`,
+  `}`,
+  `.hiwork-images-empty-title {`,
+  `  margin: 0;`,
+  `  font-size: 14px;`,
+  `  font-weight: 600;`,
+  `  color: ${textSecondary};`,
+  `}`,
+  `.hiwork-images-error {`,
+  `  margin: 0;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  color: ${errorText};`,
+  `}`,
+  `.hiwork-images-banner {`,
+  `  display: flex;`,
+  `  align-items: center;`,
+  `  gap: 8px;`,
+  `  padding: 8px 10px;`,
+  `  border-radius: 8px;`,
+  `  background: ${warnFill};`,
+  `  color: ${warnText};`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `}`,
+  `.hiwork-images-saved {`,
+  `  font-size: 11px;`,
+  `  line-height: 16px;`,
+  `  color: ${textSecondary};`,
+  `  word-break: break-all;`,
+  `}`,
+  `.hiwork-images-actions {`,
+  `  display: flex;`,
+  `  align-items: center;`,
+  `  gap: 8px;`,
+  `  flex-wrap: wrap;`,
+  `}`,
+  `.hiwork-images-action {`,
+  `  padding: 5px 12px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 8px;`,
+  `  background: transparent;`,
+  `  color: ${textSecondary};`,
+  `  font: inherit;`,
+  `  font-size: 12px;`,
+  `  line-height: 18px;`,
+  `  cursor: pointer;`,
+  `}`,
+  `.hiwork-images-action:hover:not(:disabled) {`,
+  `  background: ${interactiveHover};`,
+  `  color: ${textPrimary};`,
+  `}`,
+  `.hiwork-images-action:disabled {`,
+  `  opacity: 0.45;`,
+  `  cursor: not-allowed;`,
+  `}`,
+  `.hiwork-images-more {`,
+  `  padding: 6px 12px;`,
+  `  border: 1px solid ${borderL2};`,
+  `  border-radius: 8px;`,
+  `  background: transparent;`,
+  `  color: ${textSecondary};`,
+  `  font: inherit;`,
+  `  font-size: 12px;`,
+  `  cursor: pointer;`,
+  `}`,
+  `.hiwork-images-more:hover:not(:disabled) {`,
+  `  background: ${interactiveHover};`,
+  `}`
 ].join("\n");
 var CORE_STYLE_OWNER = "hiwork-core";
 function ownStyleTag(style, cssTagId) {
@@ -386,12 +721,12 @@ function openExternalUrl(url) {
 function openAuthorizeUrl(url) {
   openExternalUrl(url);
 }
-async function requestBrowserLogin(scope) {
-  await scope.set("browserLoginRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
+async function requestBrowserLogin(form) {
+  await form.set("browserLoginRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
 }
-async function clearBrowserLogin(scope) {
-  await scope.unset("browserLoginRequest");
-  await scope.unset("browserLogin");
+async function clearBrowserLogin(form) {
+  await form.unset("browserLoginRequest");
+  await form.unset("browserLogin");
 }
 function project(value) {
   const base = {
@@ -419,8 +754,8 @@ function project(value) {
   return base;
 }
 var AiRouterCardController = class {
-  constructor(scope, storeCredential) {
-    this.scope = scope;
+  constructor(form, storeCredential) {
+    this.form = form;
     this.storeCredential = storeCredential;
     this.store = (0, import_dsh_client_store.createSnapshotStore)({
       status: "ready",
@@ -439,10 +774,10 @@ var AiRouterCardController = class {
       browserLoginPending: false
     });
     const publish = () => {
-      const snapshot = this.scope.getSnapshot();
+      const snapshot = this.form.getSnapshot();
       if (snapshot.status === "ready") this.store.set(project(snapshot.value));
     };
-    this.scope.subscribe(() => publish());
+    this.form.subscribe(() => publish());
     publish();
   }
   store;
@@ -462,24 +797,24 @@ var AiRouterCardController = class {
   }
   async submitLogin(username, password) {
     await this.storeCredential(PENDING_PASSWORD_REF, password);
-    await this.scope.set("pendingLogin", { username, passwordRef: PENDING_PASSWORD_REF });
+    await this.form.set("pendingLogin", { username, passwordRef: PENDING_PASSWORD_REF });
   }
   /** 切换 Key：先落 keyId 配置，再触发一次刷新（Host 以新 keyId 重拉额度与模型）。 */
   async selectKey(keyId) {
-    await this.scope.set("keyId", keyId);
-    await this.scope.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
+    await this.form.set("keyId", keyId);
+    await this.form.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
   }
   async refresh() {
-    await this.scope.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
+    await this.form.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
   }
   async logout() {
-    await this.scope.set("logoutRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
+    await this.form.set("logoutRequest", { at: (/* @__PURE__ */ new Date()).toISOString() });
   }
   async startBrowserLogin() {
-    await requestBrowserLogin(this.scope);
+    await requestBrowserLogin(this.form);
   }
   async cancelBrowserLogin() {
-    await clearBrowserLogin(this.scope);
+    await clearBrowserLogin(this.form);
   }
   /** 重新打开授权页：URL 取自最近一次投影，缺省 no-op（登录门禁另有自动打开）。 */
   reopenBrowserLogin() {
@@ -1198,7 +1533,7 @@ function UserBadge(props) {
           title: "\u8BBE\u7F6E",
           "aria-label": "\u8BBE\u7F6E",
           onClick: openGatewaySettings,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconSettingsOutline16, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconSettingsOutlineMedium, { size: 16 })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1235,7 +1570,7 @@ var logo_with_text_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACSYA
 var HIWORK_LOGO = logo_default;
 var HIWORK_LOGO_TEXT = logo_text_default;
 var HIWORK_LOGO_WITH_TEXT = logo_with_text_default;
-var HIWORK_VERSION = "1.0.4";
+var HIWORK_VERSION = "1.0.7";
 
 // src/client/brand.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -1321,13 +1656,123 @@ function createAppVersion(rpc) {
   };
 }
 
+// src/client/about-section.tsx
+var import_react4 = require("react");
+
+// src/client/manual-link.ts
+var MANUAL_URL = "https://hiworkapp.hivery.cn/manual.html";
+var MANUAL_STYLE_ID = "hiwork-core-manual-style";
+var MANUAL_STYLE = `
+[data-hiwork-core-manual-entry]{box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;padding:0;border:0;border-radius:999px;background:transparent;color:var(--dsw-alias-label-tertiary,#71717a);font-family:inherit;font-size:14px;line-height:1;font-weight:600;cursor:pointer;user-select:none;transition:background .16s ease,color .16s ease}
+[data-hiwork-core-manual-entry]:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(24,24,27,.06));color:var(--dsw-alias-label-secondary,#3f3f46)}
+[data-hiwork-core-manual-entry]:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#4c8dff);outline-offset:2px}
+body[data-ds-dark-theme] [data-hiwork-core-manual-entry]{color:var(--dsw-alias-label-tertiary,#9ba3b4)}
+body[data-ds-dark-theme] [data-hiwork-core-manual-entry]:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));color:var(--dsw-alias-label-secondary,#a6adb8)}
+@media (prefers-reduced-motion: reduce){[data-hiwork-core-manual-entry]{transition:none}}
+`;
+function ensureManualStyle(doc) {
+  if (doc.getElementById(MANUAL_STYLE_ID) !== null) return;
+  if (doc.head === null) return;
+  const style = doc.createElement("style");
+  style.id = MANUAL_STYLE_ID;
+  ownStyleTag(style, "hiwork-core/manual-link.css");
+  style.textContent = MANUAL_STYLE;
+  doc.head.append(style);
+}
+function openManual() {
+  openExternalUrl(MANUAL_URL);
+}
+function findManualMount(doc) {
+  const hero = doc.querySelector('[data-phase="hero"]');
+  if (hero === null) return null;
+  return hero.querySelector('[class*="_heroWorkspaceRow"]');
+}
+function buildButton(doc) {
+  const button = doc.createElement("button");
+  button.dataset.hiworkCoreManualEntry = "";
+  button.type = "button";
+  button.title = "\u4F7F\u7528\u624B\u518C";
+  button.setAttribute("aria-label", "\u4F7F\u7528\u624B\u518C");
+  button.append(doc.createTextNode("?"));
+  button.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    openManual();
+  });
+  return button;
+}
+function removeStaleManualEntry(doc) {
+  for (const stale of Array.from(doc.querySelectorAll("[data-hiwork-core-manual-entry]"))) {
+    stale.remove();
+  }
+}
+function decorateManualEntry(doc) {
+  const row = findManualMount(doc);
+  if (row === null) {
+    removeStaleManualEntry(doc);
+    return;
+  }
+  const existing = row.querySelector(":scope > [data-hiwork-core-manual-entry]");
+  if (existing !== null) return;
+  removeStaleManualEntry(doc);
+  row.append(buildButton(doc));
+}
+
 // src/client/about-section.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var KEYWORDS = ["\u667A\u80FD\u4F1A\u8BDD", "\u5C97\u4F4D\u667A\u80FD\u4F53", "\u6280\u80FD\u4E2D\u5FC3", "\u4F01\u4E1A IM \u96C6\u6210", "\u4F1A\u8BDD\u5F52\u6863", "\u5B9A\u65F6\u81EA\u52A8\u5316"];
+var WEBSITE_ORIGIN = new URL(MANUAL_URL).origin;
+var WEBSITE_HOST = new URL(MANUAL_URL).host;
+function versionClipboardText(version) {
+  return `HiWork v${version}`;
+}
+async function copyVersionText(text6) {
+  const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
+  if (clipboard === void 0 || typeof clipboard.writeText !== "function") return false;
+  try {
+    await clipboard.writeText(text6);
+    return true;
+  } catch {
+    return false;
+  }
+}
+var COPY_HINTS = { idle: "\u70B9\u51FB\u590D\u5236", copied: "\u5DF2\u590D\u5236", failed: "\u590D\u5236\u5931\u8D25" };
+var COPY_HINT_REVERT_MS = 1800;
+function ExternalLinkButton({ url, text: text6 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-hiwork-core-linktext": true,
+      style: linkValueStyle,
+      title: `\u5728\u6D4F\u89C8\u5668\u4E2D\u6253\u5F00\uFF1A${url}`,
+      onClick: () => {
+        openExternalUrl(url);
+      },
+      children: [
+        text6,
+        " \u2197"
+      ]
+    }
+  );
+}
 var sectionStyle2 = { color: "var(--dsw-alias-label-primary)" };
 var brandStyle = { display: "block", height: 32, width: "auto" };
 var taglineStyle = { margin: "12px 0 0", fontSize: 15, fontWeight: 600, lineHeight: "22px" };
 var subnoteStyle = { margin: "4px 0 0", color: "var(--dsw-alias-label-secondary)", fontSize: 12, lineHeight: "18px" };
+var versionRowStyle = { display: "flex", alignItems: "baseline", gap: 8, margin: "10px 0 0" };
+var versionValueStyle = {
+  padding: 0,
+  border: 0,
+  background: "transparent",
+  cursor: "pointer",
+  font: "inherit",
+  fontSize: 13,
+  fontWeight: 600,
+  lineHeight: "18px",
+  color: textPrimary
+};
+var versionHintStyle = { color: textTertiary, fontSize: 11, lineHeight: "18px" };
 var dividerStyle = { margin: "24px 0 16px", border: 0, borderTop: "1px solid var(--dsw-alias-border-l2)" };
 var keywordsStyle = { display: "flex", flexWrap: "wrap", gap: 8, margin: 0, padding: 0, listStyle: "none" };
 var keywordStyle = {
@@ -1339,20 +1784,94 @@ var keywordStyle = {
   lineHeight: "16px"
 };
 var securityStyle = { margin: "20px 0 0", color: "var(--dsw-alias-label-tertiary)", fontSize: 12, lineHeight: "18px" };
+var metaListStyle = { display: "flex", flexDirection: "column", gap: 10, margin: 0 };
+var metaRowStyle = { display: "flex", alignItems: "baseline", gap: 12 };
+var metaLabelStyle = { flex: "none", width: "4em", color: textTertiary, fontSize: 12, lineHeight: "18px" };
+var metaValueStyle = { margin: 0, color: textSecondary, fontSize: 12, lineHeight: "18px", minWidth: 0 };
+var linkValueStyle = {
+  padding: 0,
+  border: 0,
+  background: "transparent",
+  cursor: "pointer",
+  textAlign: "left",
+  font: "inherit",
+  fontSize: 12,
+  lineHeight: "18px",
+  color: brandAccent
+};
 var copyrightStyle = { margin: "8px 0 0", color: "var(--dsw-alias-label-tertiary)", fontSize: 12, lineHeight: "18px" };
-function AboutSection(_props) {
+function AboutSection({ appVersion }) {
+  const [version, setVersion] = (0, import_react4.useState)(void 0);
+  const [copyHint, setCopyHint] = (0, import_react4.useState)("idle");
+  const revertTimer = (0, import_react4.useRef)(void 0);
+  (0, import_react4.useEffect)(() => {
+    let alive = true;
+    void appVersion.version().then(
+      (value) => {
+        if (alive) setVersion(value ?? null);
+      },
+      () => {
+        if (alive) setVersion(null);
+      }
+    );
+    return () => {
+      alive = false;
+    };
+  }, [appVersion]);
+  (0, import_react4.useEffect)(() => () => {
+    if (revertTimer.current !== void 0) window.clearTimeout(revertTimer.current);
+  }, []);
+  const onCopyVersion = () => {
+    if (version === void 0) return;
+    void copyVersionText(versionClipboardText(version ?? HIWORK_VERSION)).then((ok) => {
+      setCopyHint(ok ? "copied" : "failed");
+      if (revertTimer.current !== void 0) window.clearTimeout(revertTimer.current);
+      revertTimer.current = window.setTimeout(() => {
+        setCopyHint("idle");
+      }, COPY_HINT_REVERT_MS);
+    });
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "aria-label": "\u5173\u4E8E", style: sectionStyle2, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: HIWORK_LOGO_WITH_TEXT, alt: "HiWork", className: "hiwork-brand-wordmark", style: brandStyle }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: taglineStyle, children: "\u667A\u8054\u4E07\u7269\uFF0C\u4ECE\u667A\u8054\u5DE5\u4F5C\u5F00\u59CB\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: subnoteStyle, children: "\u6E90\u81EA\u6D77\u666E HiCap \u7684\u4F01\u4E1A\u7EA7 AI \u5DE5\u4F5C\u53F0" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: subnoteStyle, children: "\u6E90\u81EA\u6D77\u666E HiCap \u7684\u4F01\u4E1A\u7EA7 AI \u5DE5\u4F5C\u53F0" }),
+      version === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { style: versionRowStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-hiwork-core-linktext": true,
+            style: versionValueStyle,
+            title: "\u70B9\u51FB\u590D\u5236\u7248\u672C\u4FE1\u606F",
+            "aria-label": `\u590D\u5236\u7248\u672C\u4FE1\u606F v${version ?? HIWORK_VERSION}`,
+            onClick: onCopyVersion,
+            children: [
+              "v",
+              version ?? HIWORK_VERSION
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: versionHintStyle, children: COPY_HINTS[copyHint] })
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("hr", { style: dividerStyle }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { style: keywordsStyle, children: KEYWORDS.map((keyword) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { style: keywordStyle, children: keyword }, keyword)) }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: securityStyle, children: "\u6570\u636E\u4E0D\u51FA\u57DF \xB7 \u4E0D\u7528\u4E8E\u8BAD\u7EC3 \xB7 \u5168\u94FE\u8DEF\u52A0\u5BC6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: copyrightStyle, children: "\xA9 2026 \u6D77\u666E\u667A\u8054\u79D1\u6280\u80A1\u4EFD\u6709\u9650\u516C\u53F8 \xB7 \u4EC5\u9650\u5185\u90E8\u5458\u5DE5\u4F7F\u7528" })
-  ] });
-}
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("hr", { style: dividerStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("dl", { style: metaListStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: metaRowStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { style: metaLabelStyle, children: "\u5B98\u65B9\u7F51\u7AD9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { style: metaValueStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ExternalLinkButton, { url: WEBSITE_ORIGIN, text: WEBSITE_HOST }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: metaRowStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { style: metaLabelStyle, children: "\u4F7F\u7528\u624B\u518C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { style: metaValueStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ExternalLinkButton, { url: MANUAL_URL, text: "\u5728\u7EBF\u67E5\u770B" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: copyrightStyle, children: "\xA9 2026 \u6D77\u666E\u667A\u8054\u79D1\u6280\u80A1\u4EFD\u6709\u9650\u516C\u53F8 \xB7 \u4EC5\u9650\u5185\u90E8\u5458\u5DE5\u4F7F\u7528" })
+  ] });
+}
 
 // src/client/daily-data.ts
 var DAILY_CHANNEL = "/hiwork-daily";
@@ -1551,65 +2070,6 @@ function removeStaleHeroGreeting(doc) {
   for (const stale of Array.from(doc.querySelectorAll("[data-hiwork-hero-greeting]"))) stale.remove();
 }
 
-// src/client/manual-link.ts
-var MANUAL_URL = "https://hiworkapp.hivery.cn/manual.html";
-var MANUAL_STYLE_ID = "hiwork-core-manual-style";
-var MANUAL_STYLE = `
-[data-hiwork-core-manual-entry]{box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;padding:0;border:0;border-radius:999px;background:transparent;color:var(--dsw-alias-label-tertiary,#71717a);font-family:inherit;font-size:14px;line-height:1;font-weight:600;cursor:pointer;user-select:none;transition:background .16s ease,color .16s ease}
-[data-hiwork-core-manual-entry]:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(24,24,27,.06));color:var(--dsw-alias-label-secondary,#3f3f46)}
-[data-hiwork-core-manual-entry]:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#4c8dff);outline-offset:2px}
-body[data-ds-dark-theme] [data-hiwork-core-manual-entry]{color:var(--dsw-alias-label-tertiary,#9ba3b4)}
-body[data-ds-dark-theme] [data-hiwork-core-manual-entry]:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));color:var(--dsw-alias-label-secondary,#a6adb8)}
-@media (prefers-reduced-motion: reduce){[data-hiwork-core-manual-entry]{transition:none}}
-`;
-function ensureManualStyle(doc) {
-  if (doc.getElementById(MANUAL_STYLE_ID) !== null) return;
-  if (doc.head === null) return;
-  const style = doc.createElement("style");
-  style.id = MANUAL_STYLE_ID;
-  ownStyleTag(style, "hiwork-core/manual-link.css");
-  style.textContent = MANUAL_STYLE;
-  doc.head.append(style);
-}
-function openManual() {
-  openExternalUrl(MANUAL_URL);
-}
-function findManualMount(doc) {
-  const hero = doc.querySelector('[data-phase="hero"]');
-  if (hero === null) return null;
-  return hero.querySelector('[class*="_heroWorkspaceRow"]');
-}
-function buildButton(doc) {
-  const button = doc.createElement("button");
-  button.dataset.hiworkCoreManualEntry = "";
-  button.type = "button";
-  button.title = "\u4F7F\u7528\u624B\u518C";
-  button.setAttribute("aria-label", "\u4F7F\u7528\u624B\u518C");
-  button.append(doc.createTextNode("?"));
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    openManual();
-  });
-  return button;
-}
-function removeStaleManualEntry(doc) {
-  for (const stale of Array.from(doc.querySelectorAll("[data-hiwork-core-manual-entry]"))) {
-    stale.remove();
-  }
-}
-function decorateManualEntry(doc) {
-  const row = findManualMount(doc);
-  if (row === null) {
-    removeStaleManualEntry(doc);
-    return;
-  }
-  const existing = row.querySelector(":scope > [data-hiwork-core-manual-entry]");
-  if (existing !== null) return;
-  removeStaleManualEntry(doc);
-  row.append(buildButton(doc));
-}
-
 // src/client/daily-card.ts
 var DAILY_CARD_STYLE_ID = "dcu-daily-card-style";
 var DAILY_MAIN_FONT_SIZE_MAX = 64;
@@ -1991,7 +2451,7 @@ function observeAboutNavIcon(doc = document) {
 }
 
 // src/client/login-gate.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_client = require("react-dom/client");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var INK = "#111b2f";
@@ -2105,12 +2565,12 @@ function loginGateVisible(snapshot) {
   return snapshot.value?.lastLogin === void 0 || errorCode === "SESSION_EXPIRED";
 }
 function LoginGateModal(props) {
-  const [username, setUsername] = (0, import_react4.useState)(props.initialUsername ?? "");
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [rememberPassword, setRememberPassword] = (0, import_react4.useState)(props.initialRememberPassword === true);
-  const [submitError, setSubmitError] = (0, import_react4.useState)();
-  const [formOpen, setFormOpen] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
+  const [username, setUsername] = (0, import_react5.useState)(props.initialUsername ?? "");
+  const [password, setPassword] = (0, import_react5.useState)("");
+  const [rememberPassword, setRememberPassword] = (0, import_react5.useState)(props.initialRememberPassword === true);
+  const [submitError, setSubmitError] = (0, import_react5.useState)();
+  const [formOpen, setFormOpen] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     openAuthorizeUrl(props.browserLoginUrl);
   }, [props.browserLoginUrl]);
   const showBrowserLogin = props.loginMode !== "form";
@@ -2123,7 +2583,7 @@ function LoginGateModal(props) {
   const submit = () => {
     if (loginDisabled) return;
     setSubmitError(void 0);
-    void props.storeCredential(PENDING_PASSWORD_REF, password).then(() => props.scope.set("rememberPassword", rememberPassword)).then(() => props.scope.set("pendingLogin", { username, passwordRef: PENDING_PASSWORD_REF })).catch(() => setSubmitError("\u767B\u5F55\u8BF7\u6C42\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"));
+    void props.storeCredential(PENDING_PASSWORD_REF, password).then(() => props.form.set("rememberPassword", rememberPassword)).then(() => props.form.set("pendingLogin", { username, passwordRef: PENDING_PASSWORD_REF })).catch(() => setSubmitError("\u767B\u5F55\u8BF7\u6C42\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"));
   };
   const onSubmit = (event) => {
     event.preventDefault();
@@ -2134,9 +2594,9 @@ function LoginGateModal(props) {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: browserHintStyle, children: "\u5DF2\u5728\u6D4F\u89C8\u5668\u4E2D\u6253\u5F00\u6388\u6743\u9875\uFF0C\u5B8C\u6210\u767B\u5F55\u540E\u672C\u7A97\u53E3\u4F1A\u81EA\u52A8\u7EE7\u7EED\u3002" }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: browserActionsStyle, children: [
       props.browserLoginUrl === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, "data-hiwork-core-browser-reopen": true, type: "button", style: linkButton, onClick: () => openAuthorizeUrl(props.browserLoginUrl), children: "\u91CD\u65B0\u6253\u5F00\u6388\u6743\u9875" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, "data-hiwork-core-browser-cancel": true, type: "button", style: linkButton, onClick: () => void clearBrowserLogin(props.scope), children: "\u53D6\u6D88" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, "data-hiwork-core-browser-cancel": true, type: "button", style: linkButton, onClick: () => void clearBrowserLogin(props.form), children: "\u53D6\u6D88" })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-brand": true, "data-hiwork-core-browser-login": true, type: "button", style: props.loggingIn ? loginButtonDisabled : loginButton, disabled: props.loggingIn, onClick: () => void requestBrowserLogin(props.scope), children: "\u4F7F\u7528\u6D4F\u89C8\u5668\u767B\u5F55" }) : null;
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-brand": true, "data-hiwork-core-browser-login": true, type: "button", style: props.loggingIn ? loginButtonDisabled : loginButton, disabled: props.loggingIn, onClick: () => void requestBrowserLogin(props.form), children: "\u4F7F\u7528\u6D4F\u89C8\u5668\u767B\u5F55" }) : null;
   const form = formVisible ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { onSubmit, style: { display: "flex", flexDirection: "column", gap: 14 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: fieldStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: "hiwork-core-username", style: labelStyle, children: "\u7528\u6237\u540D" }),
@@ -2151,7 +2611,7 @@ function LoginGateModal(props) {
       "\u8BB0\u4F4F\u5BC6\u7801\uFF0C\u4E0B\u6B21\u81EA\u52A8\u767B\u5F55"
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-brand": true, type: "submit", style: loginDisabled ? loginButtonDisabled : loginButton, disabled: loginDisabled, children: props.loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B \u5F55" }),
-    noKey ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, type: "button", style: linkButton, onClick: () => void props.scope.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() }), children: "\u6211\u5DF2\u5206\u914D KEY\uFF0C\u5237\u65B0" }) : null
+    noKey ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, type: "button", style: linkButton, onClick: () => void props.form.set("refreshRequest", { at: (/* @__PURE__ */ new Date()).toISOString() }), children: "\u6211\u5DF2\u5206\u914D KEY\uFF0C\u5237\u65B0" }) : null
   ] }) : !passwordFormOffered ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "data-hiwork-core-secondary": true, "data-hiwork-core-form-toggle": true, type: "button", style: toggleStyle, onClick: () => setFormOpen(true), children: props.loginMode === "browser" ? "\u6D4F\u89C8\u5668\u767B\u5F55\u4E0D\u53EF\u7528\uFF1F\u4F7F\u7528\u8D26\u53F7\u5BC6\u7801\u767B\u5F55" : "\u4F7F\u7528\u8D26\u53F7\u5BC6\u7801\u767B\u5F55" });
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: overlayStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OceanWaves, {}),
@@ -2192,7 +2652,7 @@ function LoginGateModal(props) {
     ] })
   ] });
 }
-function mountLoginGate(scope, storeCredential) {
+function mountLoginGate(form, storeCredential) {
   let root;
   let gateContainer;
   const appRoot = typeof document === "undefined" ? null : document.getElementById("root");
@@ -2208,7 +2668,7 @@ function mountLoginGate(scope, storeCredential) {
     markReady();
   };
   const render = () => {
-    const snapshot = scope.getSnapshot();
+    const snapshot = form.getSnapshot();
     if (!loginGateVisible(snapshot)) {
       unmount();
       return;
@@ -2222,10 +2682,10 @@ function mountLoginGate(scope, storeCredential) {
       root = (0, import_client.createRoot)(gateContainer);
       if (appRoot !== null) appRoot.inert = true;
     }
-    root.render(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginGateModal, { scope, storeCredential, lastError: value?.lastError, loggingIn: value?.pendingLogin !== void 0, initialUsername: value?.username, initialRememberPassword: value?.rememberPassword === true, passwordLogin: passwordLoginOf(value), ...browserLoginViewOf(value) }));
+    root.render(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginGateModal, { form, storeCredential, lastError: value?.lastError, loggingIn: value?.pendingLogin !== void 0, initialUsername: value?.username, initialRememberPassword: value?.rememberPassword === true, passwordLogin: passwordLoginOf(value), ...browserLoginViewOf(value) }));
   };
   render();
-  const dispose = scope.subscribe(() => render());
+  const dispose = form.subscribe(() => render());
   return () => {
     dispose();
     unmount();
@@ -2233,7 +2693,7 @@ function mountLoginGate(scope, storeCredential) {
 }
 
 // src/client/usage-section.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/client/usage-data.ts
 var USAGE_CHANNEL = "/hiwork-usage";
@@ -2565,16 +3025,16 @@ function RatioRow({ name, value, pct }) {
 }
 function UsageSection(props) {
   const card = props.useAiRouterCard((snapshot) => snapshot);
-  const [selectedKeyId, setSelectedKeyId] = (0, import_react5.useState)(void 0);
-  const [result, setResult] = (0, import_react5.useState)(void 0);
-  const [loading, setLoading] = (0, import_react5.useState)(true);
-  const alive = (0, import_react5.useRef)(true);
-  const ticket = (0, import_react5.useRef)(0);
+  const [selectedKeyId, setSelectedKeyId] = (0, import_react6.useState)(void 0);
+  const [result, setResult] = (0, import_react6.useState)(void 0);
+  const [loading, setLoading] = (0, import_react6.useState)(true);
+  const alive = (0, import_react6.useRef)(true);
+  const ticket = (0, import_react6.useRef)(0);
   const settingsKeyId = card.activeKeyId;
   const requestKeyId = selectedKeyId ?? settingsKeyId;
   const displayKeyId = requestKeyId ?? result?.data.keys?.[0]?.id;
   const loader = props.usage;
-  const load = (0, import_react5.useCallback)(async (force) => {
+  const load = (0, import_react6.useCallback)(async (force) => {
     const current = ticket.current + 1;
     ticket.current = current;
     setLoading(true);
@@ -2587,13 +3047,13 @@ function UsageSection(props) {
     setResult(next);
     setLoading(false);
   }, [loader, requestKeyId]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     void load(false);
   }, [load]);
   const data = result?.data;
@@ -2732,179 +3192,27 @@ function UsageSection(props) {
   ] });
 }
 
-// src/client/session-cost.tsx
-var import_react6 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var SESSION_COST_ENDPOINT = "estimate";
-var SESSION_COST_CACHE_TTL_MS = 5 * 6e4;
-var SESSION_COST_HINT = "\u6309\u7F51\u5173\u4EF7\u683C\u4F30\u7B97\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF1B\u4EE5\u300C\u7528\u91CF\u4E0E\u6210\u672C\u300D\u4E2D\u7684\u6743\u5A01\u8D26\u5355\u4E3A\u51C6";
-var SESSION_COST_ESTIMATED_SUFFIX = "\uFF08\u4F30\u7B97\uFF09";
-function nonNegativeInteger(value) {
-  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
-}
-function sessionCostMatchOf(data) {
-  if (typeof data !== "object" || data === null) return null;
-  const turn = nonNegativeInteger(data.turn);
-  if (turn === void 0) return null;
-  const usage = data.tokenUsage;
-  if (typeof usage !== "object" || usage === null) return null;
-  const input = nonNegativeInteger(usage.uncachedInputTokens);
-  const output = nonNegativeInteger(usage.outputTokens);
-  if (input === void 0 || output === void 0) return null;
-  const routes = usage.routes;
-  if (!Array.isArray(routes) || routes.length === 0) return null;
-  const pairs = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const entry of routes) {
-    if (typeof entry !== "object" || entry === null) return null;
-    const { provider, model } = entry;
-    if (typeof provider !== "string" || provider === "" || typeof model !== "string" || model === "") return null;
-    const key = `${provider}\0${model}`;
-    if (seen.has(key)) continue;
-    seen.add(key);
-    pairs.push({ route: provider, model });
-  }
-  if (pairs.length === 0) return null;
-  const cacheRead = nonNegativeInteger(usage.cacheReadTokens);
-  const cacheWrite = nonNegativeInteger(usage.cacheWriteTokens);
-  if (input === 0 && output === 0 && (cacheRead ?? 0) === 0 && (cacheWrite ?? 0) === 0) return null;
-  const first = pairs[0];
-  if (first === void 0) return null;
-  const at = rfc3339Of(data.time);
-  const item = {
-    route: first.route,
-    model: first.model,
-    input_tokens: input,
-    output_tokens: output,
-    // 桶缺失表示「并非每次尝试都上报了该桶」——原样省略，绝不猜 0。
-    ...cacheRead === void 0 ? {} : { cache_read_tokens: cacheRead },
-    ...cacheWrite === void 0 ? {} : { cache_write_tokens: cacheWrite },
-    ...at === void 0 ? {} : { at }
-  };
-  const ambiguous = pairs.length > 1 || cacheRead === void 0 || cacheWrite === void 0;
-  return { items: [item], turn, ambiguous };
-}
-function rfc3339Of(time) {
-  if (typeof time !== "number" || !Number.isFinite(time) || time <= 0) return void 0;
-  const date = new Date(time);
-  return Number.isNaN(date.getTime()) ? void 0 : date.toISOString();
-}
-function closingTurnTailData(snapshot, messageId) {
-  for (const key of snapshot.order) {
-    const node = snapshot.nodes.get(key);
-    if (node === void 0 || node.kind !== "turn-tail") continue;
-    const data = node.data;
-    if (data === void 0) continue;
-    if (data.closing?.finalNode?.messageId === messageId) return data;
-  }
-  return void 0;
-}
-function sessionCostKey(sessionId, match) {
-  return `${sessionId}\0${match.turn}\0${JSON.stringify(match.items)}`;
-}
-function normalizeSessionCost(value) {
-  if (typeof value !== "object" || value === null) return void 0;
-  const record = value;
-  if (record.priced !== true) return void 0;
-  const cost = record.cost;
-  if (typeof cost !== "number" || !Number.isFinite(cost) || cost < 0) return void 0;
-  return { cost, channelResolved: record.channelResolved === true };
-}
-var SessionCostStore = class {
-  constructor(rpc, options = {}) {
-    this.rpc = rpc;
-    this.now = options.now ?? (() => Date.now());
-    this.ttlMs = options.ttlMs ?? SESSION_COST_CACHE_TTL_MS;
-  }
-  entries = /* @__PURE__ */ new Map();
-  pending = /* @__PURE__ */ new Map();
-  now;
-  ttlMs;
-  /** 当前缓存条目数（测试断言用）。 */
-  get size() {
-    return this.entries.size;
-  }
-  /** 清空缓存（登出 / 切换账号）。 */
-  clear() {
-    this.entries.clear();
-  }
-  async estimate(input) {
-    const key = sessionCostKey(input.sessionId, { turn: input.turn, items: [...input.items] });
-    const cached = this.entries.get(key);
-    if (cached !== void 0 && this.now() - cached.fetchedAt < this.ttlMs) return cached.result;
-    const inflight = this.pending.get(key);
-    if (inflight !== void 0) return await inflight;
-    const task = this.request(key, input);
-    this.pending.set(key, task);
-    try {
-      return await task;
-    } finally {
-      this.pending.delete(key);
-    }
-  }
-  async request(key, input) {
-    try {
-      const raw = await this.rpc.call(USAGE_CHANNEL, SESSION_COST_ENDPOINT, { items: input.items }, input.signal);
-      const result = normalizeSessionCost(unwrapUsageResult(raw));
-      if (result !== void 0) this.entries.set(key, { result, fetchedAt: this.now() });
-      return result;
-    } catch {
-      return void 0;
-    }
-  }
-};
-var costStyle = {
-  // 字号/颜色与同一行的「用量」「用时」胶囊同源变量，保证在动作行里不显得突兀。
-  color: textTertiary,
-  fontSize: "var(--dsh-content-font-size-secondary, 13px)",
-  lineHeight: "18px",
-  whiteSpace: "nowrap",
-  cursor: "default"
-};
-function SessionCost({ messageId, sessionId, useChat, store }) {
-  const data = useChat((snapshot) => closingTurnTailData(snapshot, messageId));
-  const match = sessionCostMatchOf(data);
-  const key = match === null ? null : sessionCostKey(sessionId, match);
-  const [shown, setShown] = (0, import_react6.useState)(void 0);
-  (0, import_react6.useEffect)(() => {
-    if (match === null || key === null) return;
-    let disposed = false;
-    const controller = new AbortController();
-    void store.estimate({ sessionId, turn: match.turn, items: match.items, signal: controller.signal }).then((value) => {
-      if (!disposed) setShown({ key, result: value });
-    }).catch(() => {
-      if (!disposed) setShown({ key, result: void 0 });
-    });
-    return () => {
-      disposed = true;
-      controller.abort();
-    };
-  }, [store, key]);
-  if (match === null || key === null || shown === void 0 || shown.key !== key || shown.result === void 0) return null;
-  const result = shown.result;
-  const estimated = !result.channelResolved || match.ambiguous;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: costStyle, "data-hiwork-session-cost": estimated ? "estimated" : "exact", title: SESSION_COST_HINT, children: `\u2248 ${formatYuan(result.cost)}${estimated ? SESSION_COST_ESTIMATED_SUFFIX : ""}` });
-}
+// src/client/menu-section.tsx
+var import_react8 = require("react");
 
-// src/client/account-cache.ts
-function accountIdentityOf(state) {
-  return `${state.username ?? ""}\0${state.activeKeyId ?? ""}`;
-}
-function observeAccountChange(source, onChange) {
-  let identity = accountIdentityOf(source.getSnapshot());
-  const unsubscribe = source.subscribe(() => {
-    const next = accountIdentityOf(source.getSnapshot());
-    if (next === identity) return;
-    identity = next;
-    onChange();
-  });
-  return () => {
-    unsubscribe();
-  };
-}
+// src/client/feature-center.ts
+var import_react7 = require("react");
+var import_client2 = require("react-dom/client");
 
 // src/client/feature-registry.ts
 var DEFAULT_FEATURE_ORDER = 1e3;
+var DEFAULT_FEATURE_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84457 5.06199C11.6605 4.93876 14.7962 6.14848 14.8484 7.76397C14.8875 8.97461 13.1838 10.0696 10.7215 10.5942" stroke="currentColor" stroke-width="1.2"></path><path d="M5.12742 8.07731C5.00419 4.26138 6.21391 1.12568 7.8294 1.07351C9.04004 1.03441 10.135 2.73808 10.6596 5.20037" stroke="currentColor" stroke-width="1.2"></path><path d="M8.02457 10.6802C4.20865 10.8034 1.07294 9.5937 1.02077 7.97821C0.981678 6.76758 2.68535 5.67262 5.14763 5.14798" stroke="currentColor" stroke-width="1.2"></path><path d="M10.7476 7.89535C10.8708 11.7113 9.66109 14.847 8.0456 14.8991C6.83496 14.9382 5.74 13.2346 5.21536 10.7723" stroke="currentColor" stroke-width="1.2"></path></svg>';
+var NATIVE_PLUGINS_MENU_ID = "__native_plugins__";
+var NATIVE_PLUGINS_MENU_LABEL = "\u63D2\u4EF6";
+var NATIVE_PLUGINS_MENU_ORDER = 70;
+function nativePluginsMenuItem() {
+  return {
+    id: NATIVE_PLUGINS_MENU_ID,
+    label: () => NATIVE_PLUGINS_MENU_LABEL,
+    icon: DEFAULT_FEATURE_ICON,
+    order: NATIVE_PLUGINS_MENU_ORDER
+  };
+}
 function compareFeatures(left, right) {
   const leftOrder = left.order ?? DEFAULT_FEATURE_ORDER;
   const rightOrder = right.order ?? DEFAULT_FEATURE_ORDER;
@@ -2970,11 +3278,145 @@ function createFeatureRegistry() {
   };
 }
 
-// src/client/feature-center.ts
-var import_react7 = require("react");
-var import_client2 = require("react-dom/client");
-var SIDEBAR_SELECTOR = '[data-pane="sidebar"], [class*="sidebarCol"]';
-var CONVERSATION_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]';
+// src/client/menu-preferences.ts
+var HIWORK_MENU_NS = "hiwork-menu";
+var DEFAULT_SIDEBAR_LIMIT = 5;
+var MORE_MENU_ITEM_ID = "__hiwork_more__";
+var MORE_MENU_LABEL = "\u66F4\u591A";
+var MENU_SECTION_LABEL = "\u4FA7\u680F\u83DC\u5355";
+var MENU_PLACEMENTS = ["sidebar", "more", "hidden"];
+var EMPTY_MENU_PREFERENCES = { order: [], sidebar: [], more: [], hidden: [] };
+function uniqueIds(value) {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const item of value) {
+    if (typeof item !== "string") continue;
+    const id = item.trim();
+    if (id === "" || seen.has(id)) continue;
+    seen.add(id);
+    result.push(id);
+  }
+  return result;
+}
+function idList(value) {
+  return Array.isArray(value) ? uniqueIds(value.filter((item) => typeof item === "string")) : [];
+}
+function normalizeMenuPreferences(raw) {
+  if (raw === null || typeof raw !== "object") return EMPTY_MENU_PREFERENCES;
+  const value = raw;
+  return {
+    order: idList(value.order),
+    sidebar: idList(value.sidebar),
+    more: idList(value.more),
+    hidden: idList(value.hidden)
+  };
+}
+function placementOf(preferences, id) {
+  if (preferences.hidden.includes(id)) return "hidden";
+  if (preferences.more.includes(id)) return "more";
+  if (preferences.sidebar.includes(id)) return "sidebar";
+  return void 0;
+}
+function compareFeatures2(left, right) {
+  const leftOrder = left.order ?? DEFAULT_FEATURE_ORDER;
+  const rightOrder = right.order ?? DEFAULT_FEATURE_ORDER;
+  if (leftOrder !== rightOrder) return leftOrder - rightOrder;
+  if (left.id === right.id) return 0;
+  return left.id < right.id ? -1 : 1;
+}
+function orderedFeatureIds(features, preferences) {
+  const known = new Set(features.map((feature) => feature.id));
+  const result = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const id of preferences.order) {
+    if (!known.has(id) || seen.has(id)) continue;
+    seen.add(id);
+    result.push(id);
+  }
+  for (const feature of [...features].sort(compareFeatures2)) {
+    if (seen.has(feature.id)) continue;
+    seen.add(feature.id);
+    result.push(feature.id);
+  }
+  return result;
+}
+function menuLayout(features, preferences) {
+  const hidden = new Set(preferences.hidden);
+  const explicitMore = new Set(preferences.more.filter((id) => !hidden.has(id)));
+  const explicitSidebar = new Set(preferences.sidebar.filter((id) => !hidden.has(id) && !explicitMore.has(id)));
+  const byId = new Map(features.map((feature) => [feature.id, feature]));
+  const markedMore = [...explicitMore].filter((id) => byId.has(id)).length;
+  const budget = Math.max(0, DEFAULT_SIDEBAR_LIMIT - markedMore);
+  const sidebar = [];
+  const more = [];
+  for (const id of orderedFeatureIds(features, preferences)) {
+    const feature = byId.get(id);
+    if (feature === void 0 || hidden.has(id)) continue;
+    if (explicitSidebar.has(id)) {
+      sidebar.push(feature);
+      continue;
+    }
+    if (explicitMore.has(id) || sidebar.length >= budget) {
+      more.push(feature);
+      continue;
+    }
+    sidebar.push(feature);
+  }
+  return { sidebar, more };
+}
+function withoutPlacement(preferences, id) {
+  return {
+    order: preferences.order,
+    sidebar: preferences.sidebar.filter((item) => item !== id),
+    more: preferences.more.filter((item) => item !== id),
+    hidden: preferences.hidden.filter((item) => item !== id)
+  };
+}
+function setMenuPlacement(preferences, id, placement) {
+  const current = placementOf(preferences, id);
+  if (current === placement) return preferences;
+  const base = withoutPlacement(preferences, id);
+  if (placement === "sidebar") return { ...base, sidebar: [...base.sidebar, id] };
+  if (placement === "more") return { ...base, more: [...base.more, id] };
+  return { ...base, hidden: [...base.hidden, id] };
+}
+function moveMenuEntry(preferences, features, id, targetIndex) {
+  const ids = orderedFeatureIds(features, preferences);
+  const from = ids.indexOf(id);
+  if (from < 0) return preferences;
+  const to = Math.max(0, Math.min(ids.length - 1, Math.trunc(targetIndex)));
+  if (to === from) return preferences;
+  const next = [...ids];
+  next.splice(from, 1);
+  next.splice(to, 0, id);
+  return { ...preferences, order: next };
+}
+function sameIds(left, right) {
+  return left.length === right.length && left.every((item, index) => item === right[index]);
+}
+function moveMenuEntryNear(preferences, features, id, targetId, position) {
+  const ids = orderedFeatureIds(features, preferences);
+  const from = ids.indexOf(id);
+  if (from < 0 || id === targetId || !ids.includes(targetId)) return preferences;
+  const rest = ids.filter((item) => item !== id);
+  const anchor = rest.indexOf(targetId);
+  const next = [...rest];
+  next.splice(position === "before" ? anchor : anchor + 1, 0, id);
+  if (sameIds(next, ids)) return preferences;
+  return { ...preferences, order: next };
+}
+function menuPreferenceOps(current, next) {
+  const ops = [];
+  for (const field of ["order", "sidebar", "more", "hidden"]) {
+    if (sameIds(current[field], next[field])) continue;
+    ops.push({ op: "set", path: [field], value: [...next[field]] });
+  }
+  return ops;
+}
+
+// src/client/feature-center.ts
+var SIDEBAR_SELECTOR = '[data-pane="sidebar"], [class*="sidebarCol"]';
+var CONVERSATION_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]';
 var REGION_SELECTOR = '[class*="regionArea"]';
 var NEW_SESSION_SELECTOR = [
   'button[data-testid="new-session"]',
@@ -2983,11 +3425,16 @@ var NEW_SESSION_SELECTOR = [
 ].join(", ");
 var MENU_ATTRIBUTE = "data-hiwork-feature-menu";
 var MENU_ITEM_ATTRIBUTE = "data-hiwork-feature-menu-item";
+var MENU_BUTTON_ATTRIBUTE = "data-hiwork-feature-menu-button";
+var MORE_TOGGLE_ATTRIBUTE = "data-hiwork-feature-more-toggle";
+var MORE_PANEL_ATTRIBUTE = "data-hiwork-feature-more-panel";
+var MORE_PANEL_ITEM_ATTRIBUTE = "data-hiwork-feature-more-item";
 var MENU_ICON_ATTRIBUTE = "data-hiwork-feature-menu-icon";
 var MENU_LABEL_ATTRIBUTE = "data-hiwork-feature-menu-label";
 var TOOLTIP_ATTRIBUTE = "data-hiwork-feature-tooltip";
 var TOOLTIP_VISIBLE_ATTRIBUTE = "data-hiwork-feature-tooltip-visible";
 var NATIVE_HIDDEN_ATTRIBUTE = "data-hiwork-native-new-session";
+var NATIVE_PANEL_LIST_ATTRIBUTE = "data-hiwork-native-panel-list";
 var FEATURE_ROOT_ATTRIBUTE = "data-hiwork-feature-root";
 var OWNER_ATTRIBUTE = "data-hiwork-owner";
 var ACTIVE_PAGE_ATTRIBUTE = "data-hiwork-active-page";
@@ -2997,7 +3444,7 @@ var STYLE_ELEMENT_ID = "hiwork-feature-center-styles";
 var TOOLTIP_DELAY_MS = 500;
 var TOOLTIP_GAP_PX = 8;
 var DEFAULT_NEW_SESSION_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00003 0.3237C3.76075 0.3237 0.32373 3.76072 0.32373 8C0.32373 9.17603 0.589121 10.2922 1.0632 11.2901L1.35291 11.8989L2.5705 11.3205L2.28079 10.7117C1.89079 9.89074 1.67301 8.97167 1.67301 8C1.67301 4.50546 4.50549 1.67298 8.00003 1.67298C11.4946 1.67298 14.3271 4.50546 14.3271 8C14.3271 11.4945 11.4946 14.327 8.00003 14.327C7.28473 14.327 6.76077 14.277 6.29621 14.1487C5.83857 14.0224 5.40441 13.8109 4.88514 13.4488C4.12569 12.919 3.03778 12.7316 2.141 13.2978L2.12682 13.307L2.11264 13.3171L1.34886 13.854L1.79659 15.188L2.86122 14.4384C3.19068 14.2305 3.68325 14.2542 4.11326 14.5539C4.72789 14.9826 5.30042 15.2724 5.93762 15.4484C6.56803 15.6224 7.22776 15.6763 8.00003 15.6763C12.2393 15.6763 15.6763 12.2393 15.6763 8C15.6763 3.76072 12.2393 0.3237 8.00003 0.3237ZM7.32033 4.82535V7.32536H4.82538V8.67464H7.32033V11.1747H8.6696V8.67464H11.1747V7.32536H8.6696V4.82535H7.32033Z" fill="currentColor"></path></svg>';
-var DEFAULT_FEATURE_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84457 5.06199C11.6605 4.93876 14.7962 6.14848 14.8484 7.76397C14.8875 8.97461 13.1838 10.0696 10.7215 10.5942" stroke="currentColor" stroke-width="1.2"></path><path d="M5.12742 8.07731C5.00419 4.26138 6.21391 1.12568 7.8294 1.07351C9.04004 1.03441 10.135 2.73808 10.6596 5.20037" stroke="currentColor" stroke-width="1.2"></path><path d="M8.02457 10.6802C4.20865 10.8034 1.07294 9.5937 1.02077 7.97821C0.981678 6.76758 2.68535 5.67262 5.14763 5.14798" stroke="currentColor" stroke-width="1.2"></path><path d="M10.7476 7.89535C10.8708 11.7113 9.66109 14.847 8.0456 14.8991C6.83496 14.9382 5.74 13.2346 5.21536 10.7723" stroke="currentColor" stroke-width="1.2"></path></svg>';
+var MORE_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3.2" cy="8" r="1.15" fill="currentColor"></circle><circle cx="8" cy="8" r="1.15" fill="currentColor"></circle><circle cx="12.8" cy="8" r="1.15" fill="currentColor"></circle></svg>';
 var SESSION_ROW_SELECTOR = [
   '[class*="sessionRow"]',
   '[class*="projectRow"]',
@@ -3007,18 +3454,22 @@ var SESSION_ROW_SELECTOR = [
 ].join(", ");
 var featureCenterCss = [
   `[${NATIVE_HIDDEN_ATTRIBUTE}="hidden"] { display: none !important; }`,
+  `[${NATIVE_PANEL_LIST_ATTRIBUTE}="hidden"] { display: none !important; }`,
   `[${MENU_ATTRIBUTE}] { display: flex; flex-direction: column; gap: 2px; margin: 0 2px 8px; }`,
-  `[${MENU_ITEM_ATTRIBUTE}] { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 8px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--dsw-alias-label-primary, #0f1115); font-size: 14px; line-height: 22px; text-align: left; cursor: pointer; }`,
-  `[${MENU_ITEM_ATTRIBUTE}]:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15, 17, 21, 0.06)); }`,
-  `[${MENU_ITEM_ATTRIBUTE}][data-hiwork-feature-active="true"] { background: var(--dsw-alias-interactive-bg-active, rgba(15, 17, 21, 0.1)); }`,
+  `[${MENU_BUTTON_ATTRIBUTE}] { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 8px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--dsw-alias-label-primary, #0f1115); font-size: 14px; line-height: 22px; text-align: left; cursor: pointer; }`,
+  `[${MENU_BUTTON_ATTRIBUTE}]:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15, 17, 21, 0.06)); }`,
+  `[${MENU_BUTTON_ATTRIBUTE}][data-hiwork-feature-active="true"] { background: var(--dsw-alias-interactive-bg-active, rgba(15, 17, 21, 0.1)); }`,
   `[${MENU_ICON_ATTRIBUTE}] { display: inline-flex; flex: none; width: 16px; height: 16px; }`,
   `[${MENU_ICON_ATTRIBUTE}] > svg { display: block; width: 16px; height: 16px; }`,
   // 侧栏折叠：宿主在侧栏根元素上加 `*_collapsed`（rc.1 为 hHd-Xa_collapsed），
   // 原生控件此时只显示图标；注入菜单必须同形，否则文字会在 56px 宽栏里竖排。
   `[class*="sidebarCol"] [class*="collapsed"] [${MENU_ATTRIBUTE}] { margin: 0 4px 8px; }`,
   `[class*="sidebarCol"] [class*="collapsed"] [${MENU_LABEL_ATTRIBUTE}] { display: none; }`,
-  `[class*="sidebarCol"] [class*="collapsed"] [${MENU_ITEM_ATTRIBUTE}] { justify-content: center; padding: 8px 0; }`,
+  `[class*="sidebarCol"] [class*="collapsed"] [${MENU_BUTTON_ATTRIBUTE}] { justify-content: center; padding: 8px 0; }`,
   `[class*="sidebarCol"] [class*="collapsed"] [${MENU_ICON_ATTRIBUTE}], [class*="sidebarCol"] [class*="collapsed"] [${MENU_ICON_ATTRIBUTE}] > svg { width: 18px; height: 18px; }`,
+  // 「更多」浮层：与框架浮层（Tooltip/Popover）同色同圆角，固定定位挂 body（不受侧栏 overflow 裁剪）。
+  `[${MORE_PANEL_ATTRIBUTE}] { position: fixed; z-index: 100; display: flex; flex-direction: column; gap: 2px; box-sizing: border-box; min-width: 168px; max-width: 260px; max-height: 60vh; overflow-y: auto; padding: 4px; border: 1px solid var(--dsw-alias-border-l2, rgba(15, 17, 21, 0.1)); border-radius: 12px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 8px 24px rgba(15, 17, 21, 0.16); }`,
+  `[${MORE_PANEL_ATTRIBUTE}] [${MENU_BUTTON_ATTRIBUTE}] { white-space: nowrap; }`,
   // 折叠态提示气泡：几何与配色逐项对齐框架 `ui-primitives` 的 `Tooltip.module.css`
   // （黑底白字、3px 7px 内边距、8px 圆角、13/20 字号、150ms 淡入、最大半屏宽）。
   `[${TOOLTIP_ATTRIBUTE}] { position: fixed; z-index: 100; display: none; width: max-content; max-width: 50vw; padding: 3px 7px; border-radius: 8px; background: var(--dsw-alias-tooltip-bg, #2c2c2e); color: var(--dsw-static-neutral-bluish-00, #fff); font-size: 13px; line-height: 20px; white-space: pre-line; overflow-wrap: break-word; pointer-events: none; transform: translateY(-50%); }`,
@@ -3061,6 +3512,7 @@ function nativeNewSessionButton(root) {
 function conversationContainer() {
   return document.querySelector(CONVERSATION_SELECTOR) ?? void 0;
 }
+var PANEL_LIST_SELECTOR = 'nav[class*="panelList"]';
 function isCollapsedRail(item) {
   const host = item.closest('[class*="collapsed"]');
   if (host === null) return false;
@@ -3077,12 +3529,15 @@ function mountFeatureCenter(options) {
     return { dispose: () => void 0, openNativeHome: () => void 0 };
   }
   const isActiveOwner = () => activeOwner === owner;
-  for (const stale of Array.from(document.querySelectorAll(`[${MENU_ATTRIBUTE}], [${FEATURE_ROOT_ATTRIBUTE}], [${TOOLTIP_ATTRIBUTE}], #${STYLE_ELEMENT_ID}`))) {
+  for (const stale of Array.from(document.querySelectorAll(`[${MENU_ATTRIBUTE}], [${MORE_PANEL_ATTRIBUTE}], [${FEATURE_ROOT_ATTRIBUTE}], [${TOOLTIP_ATTRIBUTE}], #${STYLE_ELEMENT_ID}`))) {
     stale.remove();
   }
   for (const hidden of Array.from(document.querySelectorAll(`[${NATIVE_HIDDEN_ATTRIBUTE}]`))) {
     hidden.removeAttribute(NATIVE_HIDDEN_ATTRIBUTE);
   }
+  for (const hidden of Array.from(document.querySelectorAll(`[${NATIVE_PANEL_LIST_ATTRIBUTE}]`))) {
+    hidden.removeAttribute(NATIVE_PANEL_LIST_ATTRIBUTE);
+  }
   document.documentElement.removeAttribute(ACTIVE_PAGE_ATTRIBUTE);
   activeOwner = owner;
   const style = document.createElement("style");
@@ -3102,6 +3557,87 @@ function mountFeatureCenter(options) {
   let tooltipElement;
   let tooltipTimer;
   let tooltipItem;
+  let morePanel;
+  let moreToggle;
+  let morePanelOpen = false;
+  let layout = { sidebar: [], more: [] };
+  const preferences = () => options.preferences?.() ?? EMPTY_MENU_PREFERENCES;
+  const menuFeatures = () => [
+    ...registry.list(),
+    ...options.additionalFeatures?.() ?? []
+  ];
+  const hideMorePanel = (restoreFocus = false) => {
+    const panel = morePanel;
+    const toggle = moreToggle;
+    morePanel = void 0;
+    moreToggle = void 0;
+    if (!morePanelOpen && panel === void 0) return;
+    morePanelOpen = false;
+    panel?.remove();
+    if (toggle !== void 0 && toggle.isConnected) {
+      toggle.setAttribute("aria-expanded", "false");
+      toggle.removeAttribute("data-hiwork-feature-active");
+      if (restoreFocus) toggle.focus();
+    }
+  };
+  const createMorePanelItem = (feature, active) => {
+    const item = createMenuItem(feature.id, feature.label(), feature.icon ?? DEFAULT_FEATURE_ICON, active);
+    item.setAttribute(MORE_PANEL_ITEM_ATTRIBUTE, feature.id);
+    item.setAttribute("role", "menuitem");
+    return item;
+  };
+  const renderMorePanel = () => {
+    const panel = morePanel;
+    if (panel === void 0) return;
+    const active = registry.activeId();
+    const pluginsActive = options.nativePanel?.pluginsActive() ?? false;
+    panel.replaceChildren(...layout.more.map((feature) => createMorePanelItem(feature, feature.id === NATIVE_PLUGINS_MENU_ID ? pluginsActive : feature.id === active)));
+  };
+  const placeMorePanel = (toggle, panel) => {
+    const rect = toggle.getBoundingClientRect();
+    const width = panel.offsetWidth;
+    const height = panel.offsetHeight;
+    const overflowRight = rect.right + TOOLTIP_GAP_PX + width > window.innerWidth;
+    const left = overflowRight ? rect.left - TOOLTIP_GAP_PX - width : rect.right + TOOLTIP_GAP_PX;
+    panel.style.left = `${Math.max(0, left)}px`;
+    panel.style.top = `${Math.max(8, Math.min(rect.top, window.innerHeight - height - 8))}px`;
+  };
+  const showMorePanel = (toggle) => {
+    hideMorePanel();
+    if (layout.more.length === 0) return;
+    const panel = document.createElement("div");
+    panel.setAttribute(MORE_PANEL_ATTRIBUTE, "");
+    panel.setAttribute(OWNER_ATTRIBUTE, owner);
+    panel.setAttribute("role", "menu");
+    panel.addEventListener("click", onMorePanelClick);
+    document.body.appendChild(panel);
+    morePanel = panel;
+    moreToggle = toggle;
+    morePanelOpen = true;
+    toggle.setAttribute("aria-expanded", "true");
+    if (layout.more.some((feature) => feature.id === registry.activeId())) toggle.setAttribute("data-hiwork-feature-active", "true");
+    renderMorePanel();
+    placeMorePanel(toggle, panel);
+  };
+  const toggleMorePanel = (toggle) => {
+    if (morePanelOpen) hideMorePanel();
+    else showMorePanel(toggle);
+  };
+  function onMorePanelClick(event) {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const item = target.closest(`[${MORE_PANEL_ITEM_ATTRIBUTE}]`);
+    if (item === null) return;
+    const id = item.getAttribute(MORE_PANEL_ITEM_ATTRIBUTE);
+    hideMorePanel();
+    if (id === null) return;
+    if (id === NATIVE_PLUGINS_MENU_ID) {
+      if (registry.activeId() !== null) registry.openNative();
+      options.nativePanel?.openPlugins();
+      return;
+    }
+    registry.open(id);
+  }
   const hideTooltip = () => {
     if (tooltipTimer !== void 0) {
       clearTimeout(tooltipTimer);
@@ -3203,11 +3739,21 @@ function mountFeatureCenter(options) {
       renderContext.openNativeHome();
       return;
     }
+    if (id === MORE_MENU_ITEM_ID) {
+      toggleMorePanel(item);
+      return;
+    }
+    if (id === NATIVE_PLUGINS_MENU_ID) {
+      if (registry.activeId() !== null) registry.openNative();
+      options.nativePanel?.openPlugins();
+      return;
+    }
     registry.open(id);
   };
   const createMenuItem = (id, label, icon, active) => {
     const item = document.createElement("button");
     item.type = "button";
+    item.setAttribute(MENU_BUTTON_ATTRIBUTE, "");
     item.setAttribute(MENU_ITEM_ATTRIBUTE, id);
     if (active) item.setAttribute("data-hiwork-feature-active", "true");
     item.setAttribute("aria-label", label);
@@ -3222,6 +3768,13 @@ function mountFeatureCenter(options) {
     item.append(labelSpan);
     return item;
   };
+  const createMoreRow = (active) => {
+    const item = createMenuItem(MORE_MENU_ITEM_ID, MORE_MENU_LABEL, MORE_ICON, active);
+    item.setAttribute(MORE_TOGGLE_ATTRIBUTE, "");
+    item.setAttribute("aria-haspopup", "menu");
+    item.setAttribute("aria-expanded", morePanelOpen ? "true" : "false");
+    return item;
+  };
   const nativeIcon = (native) => {
     const svg = native?.querySelector("svg");
     return svg === null || svg === void 0 ? DEFAULT_NEW_SESSION_ICON : svg.outerHTML;
@@ -3230,7 +3783,12 @@ function mountFeatureCenter(options) {
     const element = menuElement;
     if (element === void 0) return;
     const active = registry.activeId();
-    const features = registry.list();
+    const features = menuFeatures();
+    const prefs = preferences();
+    const next = menuLayout(features, prefs);
+    const nativePanel = options.nativePanel;
+    const pluginsAvailable = nativePanel?.pluginsAvailable() ?? false;
+    const pluginsActive = pluginsAvailable && (nativePanel?.pluginsActive() ?? false);
     const sidebar = sidebarRoot();
     const native = sidebar === void 0 ? void 0 : nativeNewSessionButton(sidebar);
     const newSessionLabel = options.newSessionLabel?.() ?? DEFAULT_NEW_SESSION_LABEL;
@@ -3238,17 +3796,27 @@ function mountFeatureCenter(options) {
       native === void 0 ? "no-native" : `native:${nativeIcon(native)}`,
       newSessionLabel,
       active ?? "",
+      // 官方入口的可用性/激活态进签名：plugin-manager 装载完成后（面板注册进 main 槽）
+      // 与用户在原生面板间切换时，菜单都要跟着重绘一次。
+      `panel:${pluginsAvailable ? pluginsActive ? "active" : "idle" : "off"}`,
+      // 分组与顺序都进签名：偏好一变（设置面板里拖一下）就必须重建，否则侧栏不动。
+      `layout:${next.sidebar.map((item) => item.id).join(",")}>${next.more.map((item) => item.id).join(",")}`,
       ...features.map((item) => `${item.id}:${item.order ?? ""}:${item.label()}:${item.icon ?? ""}`)
     ].join("|");
     if (signature === menuSignature) return;
     menuSignature = signature;
+    layout = next;
     hideTooltip();
+    hideMorePanel();
     const items = [];
     if (native !== void 0) items.push(createMenuItem(NATIVE_MENU_ITEM_ID, newSessionLabel, nativeIcon(native), false));
-    for (const item of features) {
-      items.push(createMenuItem(item.id, item.label(), item.icon ?? DEFAULT_FEATURE_ICON, item.id === active));
+    for (const item of next.sidebar) {
+      const rowActive = item.id === NATIVE_PLUGINS_MENU_ID ? pluginsActive : item.id === active;
+      items.push(createMenuItem(item.id, item.label(), item.icon ?? DEFAULT_FEATURE_ICON, rowActive));
     }
+    if (next.more.length > 0) items.push(createMoreRow(next.more.some((item) => item.id === active)));
     element.replaceChildren(...items);
+    syncNativePanelList(pluginsAvailable);
   };
   const ensureMenu = (sidebar, native) => {
     let element = menuElement;
@@ -3274,6 +3842,13 @@ function mountFeatureCenter(options) {
       if (node.getAttribute(OWNER_ATTRIBUTE) !== owner) node.remove();
     }
   };
+  const syncNativePanelList = (pluginsAvailable) => {
+    const sidebar = sidebarRoot();
+    const nav = sidebar?.querySelector(PANEL_LIST_SELECTOR) ?? null;
+    if (nav === null) return;
+    if (pluginsAvailable) nav.setAttribute(NATIVE_PANEL_LIST_ATTRIBUTE, "hidden");
+    else nav.removeAttribute(NATIVE_PANEL_LIST_ATTRIBUTE);
+  };
   const syncMenu = () => {
     dedupe(`[${MENU_ATTRIBUTE}]`);
     const sidebar = sidebarRoot();
@@ -3294,6 +3869,7 @@ function mountFeatureCenter(options) {
       clearTakeover();
       return;
     }
+    if (options.nativePanel?.anyActive() === true) options.nativePanel.returnToConversation();
     const host = conversationContainer();
     if (host === void 0) {
       clearTakeover();
@@ -3312,96 +3888,1435 @@ function mountFeatureCenter(options) {
     const reactRoot = (0, import_client2.createRoot)(element);
     root = reactRoot;
     try {
-      reactRoot.render((0, import_react7.createElement)(FeatureErrorBoundary, { onError: onRenderError }, target.render(renderContext)));
-    } catch (error) {
-      onRenderError(error);
+      reactRoot.render((0, import_react7.createElement)(FeatureErrorBoundary, { onError: onRenderError }, target.render(renderContext)));
+    } catch (error) {
+      onRenderError(error);
+    }
+  };
+  const pending = () => {
+    const sidebar = sidebarRoot();
+    if (sidebar === void 0) return true;
+    if (menuElement === void 0 || !sidebar.contains(menuElement)) return true;
+    if (registry.activeId() === null) return false;
+    const host = conversationContainer();
+    if (host === void 0) return true;
+    return container === void 0 || !host.contains(container);
+  };
+  const scheduleRetry = () => {
+    if (disposed || retryTimer !== void 0 || retries >= maxRetries) return;
+    retryTimer = setTimeout(() => {
+      retryTimer = void 0;
+      retries += 1;
+      sync();
+      if (pending()) scheduleRetry();
+    }, interval);
+  };
+  const onDocumentClickCapture = (event) => {
+    const target = event.target;
+    if (morePanelOpen) {
+      const inside = target instanceof Element && (target.closest(`[${MORE_PANEL_ATTRIBUTE}]`) !== null || target.closest(`[${MORE_TOGGLE_ATTRIBUTE}]`) !== null);
+      if (!inside) hideMorePanel();
+    }
+    if (registry.activeId() === null) return;
+    if (!(target instanceof Element)) return;
+    if (target.closest(`[${FEATURE_ROOT_ATTRIBUTE}]`) !== null) return;
+    if (target.closest(`[${MENU_ATTRIBUTE}]`) !== null) return;
+    if (target.closest(SESSION_ROW_SELECTOR) === null) return;
+    registry.openNative();
+  };
+  const onDocumentKeyDown = (event) => {
+    if (event.key !== "Escape" || !morePanelOpen) return;
+    event.stopPropagation();
+    hideMorePanel(true);
+  };
+  const onScrollOrResize = () => {
+    hideTooltip();
+    hideMorePanel();
+  };
+  const unsubscribeRegistry = registry.subscribe(() => {
+    sync();
+  });
+  let unsubscribeLocale;
+  if (options.subscribeLocale !== void 0) {
+    try {
+      unsubscribeLocale = options.subscribeLocale(() => {
+        menuSignature = "";
+        rebuildMenuItems();
+      });
+    } catch (error) {
+      console.warn("hiwork feature center: locale subscription unavailable", error);
+    }
+  }
+  let unsubscribePreferences;
+  if (options.subscribePreferences !== void 0) {
+    try {
+      unsubscribePreferences = options.subscribePreferences(() => {
+        menuSignature = "";
+        rebuildMenuItems();
+      });
+    } catch (error) {
+      console.warn("hiwork feature center: menu preferences subscription unavailable", error);
+    }
+  }
+  let unsubscribeNativePanel;
+  if (options.nativePanel !== void 0) {
+    try {
+      unsubscribeNativePanel = options.nativePanel.subscribe(() => {
+        if (disposed) return;
+        if (options.nativePanel?.anyActive() === true && registry.activeId() !== null) {
+          registry.openNative();
+          return;
+        }
+        menuSignature = "";
+        rebuildMenuItems();
+      });
+    } catch (error) {
+      console.warn("hiwork feature center: native panel subscription unavailable", error);
+    }
+  }
+  const observer = new MutationObserver(() => {
+    sync();
+  });
+  observer.observe(document.body, { childList: true, subtree: true });
+  document.addEventListener("click", onDocumentClickCapture, true);
+  document.addEventListener("keydown", onDocumentKeyDown, true);
+  document.addEventListener("scroll", onScrollOrResize, true);
+  window.addEventListener("resize", onScrollOrResize);
+  const sync = () => {
+    if (disposed || !isActiveOwner()) return;
+    syncMenu();
+    syncTakeover();
+    if (pending()) scheduleRetry();
+  };
+  sync();
+  return {
+    dispose: () => {
+      if (disposed) return;
+      disposed = true;
+      observer.disconnect();
+      if (retryTimer !== void 0) clearTimeout(retryTimer);
+      retryTimer = void 0;
+      unsubscribeRegistry();
+      unsubscribeLocale?.();
+      unsubscribePreferences?.();
+      unsubscribeNativePanel?.();
+      document.removeEventListener("click", onDocumentClickCapture, true);
+      document.removeEventListener("keydown", onDocumentKeyDown, true);
+      document.removeEventListener("scroll", onScrollOrResize, true);
+      window.removeEventListener("resize", onScrollOrResize);
+      hideTooltip();
+      hideMorePanel();
+      const tooltip = tooltipElement;
+      tooltipElement = void 0;
+      if (tooltip !== void 0 && tooltip.getAttribute(OWNER_ATTRIBUTE) === owner) tooltip.remove();
+      for (const panel of Array.from(document.querySelectorAll(`[${MORE_PANEL_ATTRIBUTE}]`))) {
+        if (panel.getAttribute(OWNER_ATTRIBUTE) === owner) panel.remove();
+      }
+      clearTakeover();
+      const element = menuElement;
+      menuElement = void 0;
+      if (element !== void 0) {
+        element.removeEventListener("click", onMenuClick);
+        if (element.getAttribute(OWNER_ATTRIBUTE) === owner) element.remove();
+      }
+      if (!isActiveOwner()) return;
+      activeOwner = null;
+      for (const hidden of Array.from(document.querySelectorAll(`[${NATIVE_HIDDEN_ATTRIBUTE}]`))) {
+        hidden.removeAttribute(NATIVE_HIDDEN_ATTRIBUTE);
+      }
+      for (const hidden of Array.from(document.querySelectorAll(`[${NATIVE_PANEL_LIST_ATTRIBUTE}]`))) {
+        hidden.removeAttribute(NATIVE_PANEL_LIST_ATTRIBUTE);
+      }
+      if (style.getAttribute(OWNER_ATTRIBUTE) === owner) style.remove();
+    },
+    openNativeHome: () => {
+      renderContext.openNativeHome();
+    }
+  };
+}
+
+// src/client/menu-section.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PLACEMENT_LABELS = {
+  sidebar: "\u4FA7\u680F",
+  more: "\u66F4\u591A",
+  hidden: "\u9690\u85CF"
+};
+var sectionStyle4 = { display: "flex", flexDirection: "column", gap: 16 };
+var headerStyle2 = { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, flexWrap: "wrap" };
+var titleStyle3 = { margin: 0, fontSize: 18, fontWeight: 600, color: textPrimary };
+var noteStyle2 = { margin: 0, fontSize: 12, lineHeight: "18px", color: textSecondary };
+var reasonStyle = { margin: 0, fontSize: 12, lineHeight: "18px", color: textTertiary };
+var listStyle2 = { display: "flex", flexDirection: "column", gap: 2, margin: 0, padding: 0, listStyle: "none" };
+var rowStyle = (drop, dragging) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: 10,
+  padding: "6px 8px",
+  borderRadius: 8,
+  // 插入线：拖拽落点用 2px 主题色描边标出（不占位，不引起跳动）。
+  ...drop === "before" ? { boxShadow: `inset 0 2px 0 0 ${brandAccent}` } : {},
+  ...drop === "after" ? { boxShadow: `inset 0 -2px 0 0 ${brandAccent}` } : {},
+  ...dragging ? { opacity: 0.5 } : {}
+});
+var handleStyle = (writable) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 18,
+  height: 24,
+  flex: "0 0 auto",
+  borderRadius: 6,
+  color: writable ? textTertiary : textTertiary,
+  cursor: writable ? "grab" : "default"
+});
+var iconStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 16,
+  height: 16,
+  flex: "0 0 auto",
+  color: textSecondary
+};
+var labelStyle2 = {
+  flex: 1,
+  minWidth: 0,
+  fontSize: 13,
+  lineHeight: "20px",
+  color: textPrimary,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var markedStyle = { flex: "0 0 auto", fontSize: 11, lineHeight: "16px", color: textTertiary };
+var groupStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 2,
+  flex: "0 0 auto",
+  padding: 2,
+  borderRadius: 8,
+  background: bgLayer2,
+  border: `1px solid ${borderL2}`
+};
+var optionStyle = (active, writable) => ({
+  border: 0,
+  borderRadius: 6,
+  padding: "3px 10px",
+  font: "inherit",
+  fontSize: 12,
+  lineHeight: "18px",
+  color: active ? textPrimary : textSecondary,
+  background: active ? "var(--dsw-alias-bg-layer-1, #ffffff)" : "transparent",
+  boxShadow: active ? "0 1px 2px rgba(15,17,21,0.08)" : "none",
+  cursor: writable ? "pointer" : "default",
+  opacity: writable ? 1 : 0.6
+});
+var HANDLE_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="4" r="1.1"></circle><circle cx="10" cy="4" r="1.1"></circle><circle cx="6" cy="8" r="1.1"></circle><circle cx="10" cy="8" r="1.1"></circle><circle cx="6" cy="12" r="1.1"></circle><circle cx="10" cy="12" r="1.1"></circle></svg>';
+function MenuRow({
+  entry,
+  writable,
+  dragging,
+  drop,
+  onPlacement,
+  onDragStart,
+  onDragOver,
+  onDrop,
+  onDragEnd,
+  onKeyDown
+}) {
+  const rowRef = (0, import_react8.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "li",
+    {
+      ref: rowRef,
+      tabIndex: 0,
+      role: "listitem",
+      "aria-label": `${entry.label}\uFF0C\u7B2C ${entry.index + 1} \u9879\uFF0C\u5171 ${entry.total} \u9879`,
+      style: rowStyle(drop, dragging),
+      "data-hiwork-menu-row": entry.id,
+      "data-hiwork-menu-placement": entry.placement,
+      ...entry.marked ? { "data-hiwork-menu-marked": "true" } : {},
+      ...drop === void 0 ? {} : { "data-hiwork-menu-drop": drop },
+      draggable: writable,
+      onDragStart: (event) => {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", entry.id);
+        onDragStart(entry.id);
+      },
+      onDragEnd,
+      onKeyDown: (event) => {
+        onKeyDown(event, entry);
+      },
+      onDragOver: (event) => {
+        onDragOver(event, entry.id);
+      },
+      onDrop: (event) => {
+        onDrop(event, entry.id);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "span",
+          {
+            style: handleStyle(writable),
+            draggable: writable,
+            "aria-hidden": "true",
+            "data-hiwork-menu-handle": entry.id,
+            dangerouslySetInnerHTML: { __html: HANDLE_ICON }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: iconStyle, dangerouslySetInnerHTML: { __html: entry.icon ?? DEFAULT_FEATURE_ICON } }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: labelStyle2, children: entry.label }),
+        entry.marked ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: markedStyle, children: "\u5DF2\u8BBE\u7F6E" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: groupStyle, role: "group", "aria-label": `${entry.label} \u663E\u793A\u4F4D\u7F6E`, children: MENU_PLACEMENTS.map((placement) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            type: "button",
+            style: optionStyle(entry.placement === placement, writable),
+            "aria-pressed": entry.placement === placement,
+            "data-hiwork-menu-option": placement,
+            disabled: !writable,
+            onClick: () => {
+              onPlacement(entry.id, placement);
+            },
+            children: PLACEMENT_LABELS[placement]
+          },
+          placement
+        )) })
+      ]
+    }
+  );
+}
+function MenuSection(props) {
+  const state = props.useMenu((snapshot) => snapshot);
+  const [dragId, setDragId] = (0, import_react8.useState)(void 0);
+  const [drop, setDrop] = (0, import_react8.useState)(void 0);
+  const { setPlacement, move, moveNear, reset } = props.actions;
+  const writable = state.writable;
+  const onDragOver = (event, id) => {
+    if (dragId === void 0 || dragId === id) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "move";
+    const rect = event.currentTarget.getBoundingClientRect();
+    const position = event.clientY < rect.top + rect.height / 2 ? "before" : "after";
+    setDrop((current) => current?.id === id && current.position === position ? current : { id, position });
+  };
+  const onDrop = (event, id) => {
+    if (dragId === void 0 || dragId === id) return;
+    event.preventDefault();
+    const rect = event.currentTarget.getBoundingClientRect();
+    const position = event.clientY < rect.top + rect.height / 2 ? "before" : "after";
+    const moving = dragId;
+    setDragId(void 0);
+    setDrop(void 0);
+    void moveNear(moving, id, position);
+  };
+  const onKeyDown = (event, entry) => {
+    if (!writable) return;
+    if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+    if (event.target !== event.currentTarget) return;
+    event.preventDefault();
+    void move(entry.id, event.key === "ArrowUp" ? -1 : 1);
+  };
+  const marked = state.entries.some((entry) => entry.marked);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { "aria-label": "\u4FA7\u680F\u83DC\u5355", style: sectionStyle4, "data-hiwork-menu-section": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { style: headerStyle2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { style: titleStyle3, children: "\u4FA7\u680F\u83DC\u5355" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          type: "button",
+          style: writable && marked ? secondaryButton : disabledButton,
+          disabled: !writable || !marked,
+          "data-hiwork-menu-reset": "",
+          onClick: () => {
+            void reset();
+          },
+          children: "\u6062\u590D\u9ED8\u8BA4"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { style: noteStyle2, children: [
+      "\u4FA7\u680F\u53EA\u663E\u793A\u4F60\u9009\u5B9A\u7684\u5165\u53E3\uFF0C\u5176\u4F59\u6536\u8FDB\u300C\u66F4\u591A\u300D\u2014\u2014\u70B9\u4FA7\u680F\u6700\u540E\u4E00\u884C\u300C\u66F4\u591A\u300D\u5C31\u80FD\u770B\u5230\u3002 \u653E\u5230\u300C\u66F4\u591A\u300D\u6216\u300C\u9690\u85CF\u300D\u90FD\u4F1A\u8BA9\u4FA7\u680F\u5C11\u4E00\u884C\uFF1B\u5F53\u524D\u6700\u591A\u663E\u793A ",
+      state.limit,
+      " \u4E2A\u5165\u53E3\u3002"
+    ] }),
+    state.reason === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: reasonStyle, "data-hiwork-menu-reason": "", children: state.reason }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { style: listStyle2, children: state.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      MenuRow,
+      {
+        entry,
+        writable,
+        dragging: dragId === entry.id,
+        drop: drop?.id === entry.id ? drop.position : void 0,
+        onPlacement: (id, placement) => {
+          void setPlacement(id, placement);
+        },
+        onDragStart: setDragId,
+        onDragOver,
+        onDrop,
+        onDragEnd: () => {
+          setDragId(void 0);
+          setDrop(void 0);
+        },
+        onKeyDown
+      },
+      entry.id
+    )) }),
+    state.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: noteStyle2, children: "\u5F53\u524D\u8FD8\u6CA1\u6709\u53EF\u914D\u7F6E\u7684\u5165\u53E3\u3002" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: reasonStyle, children: "\u63D0\u793A\uFF1A\u62D6\u52A8\u5DE6\u4FA7\u624B\u67C4\u53EF\u4EE5\u8C03\u6574\u987A\u5E8F\uFF1B\u952E\u76D8\u4E0A/\u4E0B\u65B9\u5411\u952E\u4E5F\u80FD\u79FB\u52A8\u3002" })
+  ] });
+}
+
+// src/client/menu-store.ts
+var import_dsh_client_store2 = require("@deepseek-ai/dsh-client-store");
+var MENU_FIELD = "menu";
+var LOADING_STATE = {
+  status: "loading",
+  writable: false,
+  entries: [],
+  limit: DEFAULT_SIDEBAR_LIMIT,
+  reason: void 0
+};
+function reasonFor(status, writable) {
+  if (status === "loading") return "\u6B63\u5728\u8BFB\u53D6\u5F53\u524D\u8BBE\u7F6E\u2026";
+  if (status === "unavailable") return "\u5F53\u524D\u8FDE\u63A5\u4E0D\u652F\u6301\u4FDD\u5B58\u672C\u673A\u504F\u597D\uFF0C\u83DC\u5355\u6682\u6309\u9ED8\u8BA4\u663E\u793A\u3002";
+  if (!writable) return "\u5F53\u524D\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\uFF0C\u65E0\u6CD5\u4FDD\u5B58\u83DC\u5355\u504F\u597D\u3002";
+  return void 0;
+}
+function toPathOps(ops) {
+  return ops.map((op) => ({ op: "set", path: [MENU_FIELD, ...op.path], value: [...op.value] }));
+}
+var MenuStore = class {
+  /**
+   * @param form - `ai-router` entry 的配置表单（与网关卡片同一个共享实例，见 `src/client/index.ts`）。
+   * @param registry - feature 注册表（列表内容与顺序的另一个来源）。
+   * @param additionalFeatures - 追加的非注册表条目（官方「插件」代理项；可用性由调用方判断）。
+   *   缺省时列表只有注册表成员——与旧版行为一致。
+   */
+  constructor(form, registry, additionalFeatures) {
+    this.form = form;
+    this.registry = registry;
+    this.additionalFeatures = additionalFeatures;
+    this.store = (0, import_dsh_client_store2.createSnapshotStore)(LOADING_STATE);
+    const publish = () => {
+      this.store.set(this.view());
+    };
+    publish();
+    this.unsubscribe.push(form.subscribe(publish));
+    this.unsubscribe.push(registry.subscribe(publish));
+  }
+  store;
+  unsubscribe = [];
+  /** 当前偏好（未就绪 / 值非法时按「从未自定义」处理）。 */
+  preferences() {
+    const snapshot = this.form.getSnapshot();
+    if (snapshot.status !== "ready") return EMPTY_MENU_PREFERENCES;
+    return normalizeMenuPreferences(snapshot.value?.menu);
+  }
+  /** 订阅偏好变化（菜单适配器用；与 `preferences()` 同源）。 */
+  subscribePreferences(listener) {
+    return this.form.subscribe(listener);
+  }
+  /** 菜单条目全集（注册表 + 追加的代理项），与侧栏适配器的来源同构。 */
+  menuFeatures() {
+    return [...this.registry.list(), ...this.additionalFeatures?.() ?? []];
+  }
+  /** 当前渲染状态。 */
+  view() {
+    const snapshot = this.form.getSnapshot();
+    const value = snapshot.status === "ready" ? normalizeMenuPreferences(snapshot.value?.menu) : EMPTY_MENU_PREFERENCES;
+    const features = this.menuFeatures();
+    const layout = menuLayout(features, value);
+    const placementById = new Map([
+      ...layout.sidebar.map((feature) => [feature.id, "sidebar"]),
+      ...layout.more.map((feature) => [feature.id, "more"])
+    ]);
+    const byId = new Map(features.map((feature) => [feature.id, feature]));
+    const ordered = orderedFeatureIds(features, value);
+    const entries = ordered.flatMap((id, index) => {
+      const feature = byId.get(id);
+      if (feature === void 0) return [];
+      return [{
+        id,
+        label: feature.label(),
+        icon: feature.icon,
+        // 生效去向：不在前两组里的就是被隐藏的（hidden 的项两者都不出现）。
+        placement: placementById.get(id) ?? "hidden",
+        marked: placementOf(value, id) !== void 0,
+        index,
+        total: ordered.length
+      }];
+    });
+    const limit = Math.max(0, DEFAULT_SIDEBAR_LIMIT - value.more.filter((id) => features.some((feature) => feature.id === id)).length);
+    return {
+      status: snapshot.status,
+      writable: snapshot.status === "ready" && snapshot.writable,
+      entries,
+      limit,
+      reason: reasonFor(snapshot.status, snapshot.writable)
+    };
+  }
+  /** 清掉在这份 store 上的全部订阅（插件卸载时调用）。 */
+  dispose() {
+    for (const off of this.unsubscribe.splice(0)) off();
+  }
+  /** 立即重算渲染状态（追加条目的可用性变化等非表单/注册表来源的变化走这里）。 */
+  refresh() {
+    this.store.set(this.view());
+  }
+  /** 注入面：设置分区组件消费。 */
+  inject() {
+    return {
+      hooks: { menu: this.store },
+      actions: {
+        setPlacement: (id, placement) => this.setPlacement(id, placement),
+        move: (id, offset) => this.move(id, offset),
+        moveNear: (id, targetId, position) => this.moveNear(id, targetId, position),
+        reset: () => this.reset()
+      }
+    };
+  }
+  async setPlacement(id, placement) {
+    const current = this.preferences();
+    const effective = this.view().entries.find((entry) => entry.id === id)?.placement;
+    if (effective === placement) return;
+    await this.write(setMenuPlacement(current, id, placement), current);
+  }
+  async move(id, offset) {
+    const current = this.preferences();
+    const ids = this.view().entries.map((entry) => entry.id);
+    const index = ids.indexOf(id);
+    if (index < 0) return;
+    await this.write(moveMenuEntry(current, this.menuFeatures(), id, index + offset), current);
+  }
+  async moveNear(id, targetId, position) {
+    const current = this.preferences();
+    await this.write(moveMenuEntryNear(current, this.menuFeatures(), id, targetId, position), current);
+  }
+  async reset() {
+    const current = this.form.getSnapshot();
+    if (current.status !== "ready" || !current.writable) return;
+    await this.form.mutate([{ op: "unset", path: [MENU_FIELD] }]);
+  }
+  /** 未标记项的生效去向已由 `view()` 给出，这里不再另算一份。 */
+  async write(next, current) {
+    const snapshot = this.form.getSnapshot();
+    if (snapshot.status !== "ready" || !snapshot.writable) return;
+    const ops = menuPreferenceOps(current, next);
+    if (ops.length === 0) return;
+    await this.form.mutate(toPathOps(ops));
+  }
+};
+
+// src/client/images-data.ts
+var IMAGE_CHANNEL = "/hiwork-image";
+var IMAGE_LIST_PAGE_SIZE = 20;
+var IMAGE_LIST_MAX_PAGE_SIZE = 100;
+var IMAGE_DATA_ERROR_TEXT = "\u56FE\u7247\u8BB0\u5F55\u6682\u65F6\u65E0\u6CD5\u83B7\u53D6\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5";
+var ImageRpcError = class extends Error {
+  constructor(code, message) {
+    super(message);
+    this.code = code;
+    this.name = "ImageRpcError";
+  }
+};
+function unwrapImageResult(value) {
+  if (typeof value !== "object" || value === null || !("ok" in value)) {
+    throw new ImageRpcError("internal", "\u56FE\u7247\u4E3B\u673A\u8FD4\u56DE\u4E86\u65E0\u6548\u54CD\u5E94\u3002");
+  }
+  const result = value;
+  if (result.ok === true) return result.value;
+  if (result.ok === false) {
+    const code = typeof result.error?.code === "string" ? result.error.code : "internal";
+    const message = typeof result.error?.message === "string" && result.error.message.trim() !== "" ? result.error.message : IMAGE_DATA_ERROR_TEXT;
+    throw new ImageRpcError(code, message);
+  }
+  throw new ImageRpcError("internal", "\u56FE\u7247\u4E3B\u673A\u8FD4\u56DE\u4E86\u65E0\u6548\u54CD\u5E94\u3002");
+}
+function imageErrorOf(error) {
+  if (error instanceof ImageRpcError) return { code: error.code, message: error.message };
+  return { code: "internal", message: IMAGE_DATA_ERROR_TEXT };
+}
+function str(value) {
+  return typeof value === "string" ? value : "";
+}
+function num(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function normalizeImageListPage(value, fallbackPage, fallbackPageSize) {
+  const record = typeof value === "object" && value !== null ? value : {};
+  const rawItems = record["items"];
+  if (!Array.isArray(rawItems)) throw new ImageRpcError("internal", "\u56FE\u7247\u5217\u8868\u8FD4\u56DE\u4E86\u65E0\u6548\u54CD\u5E94\u3002");
+  const items = [];
+  for (const entry of rawItems) {
+    const row = typeof entry === "object" && entry !== null ? entry : {};
+    items.push({
+      id: num(row["id"]),
+      prompt: str(row["prompt"]),
+      ...str(row["revisedPrompt"]) === "" ? {} : { revisedPrompt: str(row["revisedPrompt"]) },
+      model: str(row["model"]),
+      // `size` 是网关侧唯一的新增投影（spec §5.2 末）；缺失时留空串，视图渲染 `—`。
+      size: str(row["size"]),
+      format: str(row["format"]),
+      mimeType: str(row["mimeType"]),
+      byteSize: num(row["byteSize"]),
+      generationMs: num(row["generationMs"]),
+      createdAt: str(row["createdAt"])
+    });
+  }
+  return {
+    items,
+    total: num(record["total"]),
+    page: num(record["page"]) > 0 ? num(record["page"]) : fallbackPage,
+    pageSize: num(record["pageSize"]) > 0 ? num(record["pageSize"]) : fallbackPageSize
+  };
+}
+function normalizeImageBytes(value) {
+  const record = typeof value === "object" && value !== null ? value : {};
+  const dataBase64 = str(record["dataBase64"]);
+  if (dataBase64 === "") throw new ImageRpcError("internal", "\u56FE\u7247\u6570\u636E\u4E3A\u7A7A\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+  return {
+    dataBase64,
+    mimeType: str(record["mimeType"]) === "" ? "image/png" : str(record["mimeType"]),
+    byteSize: num(record["byteSize"])
+  };
+}
+var ImageGallerySource = class {
+  constructor(rpc) {
+    this.rpc = rpc;
+  }
+  /** 分页拉取历史记录（`page` 从 1 开始；`pageSize` 上限 100）。 */
+  async list(page = 1, pageSize = IMAGE_LIST_PAGE_SIZE) {
+    const size = Math.min(Math.max(1, Math.trunc(pageSize)), IMAGE_LIST_MAX_PAGE_SIZE);
+    const raw = await this.rpc.call(IMAGE_CHANNEL, "list", { page: Math.max(1, Math.trunc(page)), pageSize: size });
+    return normalizeImageListPage(unwrapImageResult(raw), page, size);
+  }
+  /** 取一张图的本体（**点哪张拉哪张**；超 20MiB 由 Host 回 `IMAGE_TOO_LARGE`）。 */
+  async fetch(id) {
+    const raw = await this.rpc.call(IMAGE_CHANNEL, "fetch", { id });
+    return normalizeImageBytes(unwrapImageResult(raw));
+  }
+  /** 把一张图存到工作区（缺省落默认工作区，由 Host 决定）。 */
+  async save(id, workspaceId) {
+    const payload = workspaceId === void 0 || workspaceId === "" ? { id } : { id, workspaceId };
+    const raw = await this.rpc.call(IMAGE_CHANNEL, "save", payload);
+    return { path: str(unwrapImageResult(raw)["path"]) };
+  }
+};
+function imageDataUrl(bytes) {
+  const mime = bytes.mimeType === "" ? "image/png" : bytes.mimeType;
+  return `data:${mime};base64,${bytes.dataBase64}`;
+}
+function formatImageBytes(bytes) {
+  if (bytes === void 0 || !Number.isFinite(bytes) || bytes <= 0) return "";
+  if (bytes >= 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${bytes} B`;
+}
+function imagePromptSummary(prompt, limit = 42) {
+  const text6 = prompt.trim().replace(/\s+/g, " ");
+  if (text6 === "") return "\uFF08\u65E0\u63D0\u793A\u8BCD\uFF09";
+  return text6.length <= limit ? text6 : `${text6.slice(0, limit)}\u2026`;
+}
+function imageTimeLabel(createdAt) {
+  const date = new Date(createdAt);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toLocaleString("zh-CN", { hour12: false });
+}
+
+// src/client/images-page.tsx
+var import_react9 = require("react");
+
+// src/client/image-styles.ts
+var IMAGES_STYLE_ID = "hiwork-core-images-styles";
+var IMAGES_STYLE_TAG_ID = "hiwork-core/images.css";
+function ensureImagesStyle(doc) {
+  if (doc.getElementById(IMAGES_STYLE_ID) !== null) return;
+  const style = doc.createElement("style");
+  style.id = IMAGES_STYLE_ID;
+  ownStyleTag(style, IMAGES_STYLE_TAG_ID);
+  style.textContent = [imageCardsCss, imagesPageCss].join("\n");
+  doc.head.appendChild(style);
+}
+
+// src/client/images-page.tsx
+var IMAGES_FEATURE_ID = "images";
+var IMAGES_FEATURE_ORDER = 60;
+var IMAGES_FEATURE_LABEL = "\u6211\u7684\u56FE\u7247";
+var IMAGES_FEATURE_EFFECT_LABEL = "hiwork-core: images feature";
+var IMAGES_FEATURE_ICON = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.6" y="2.6" width="12.8" height="10.8" rx="1.8" stroke="currentColor" stroke-width="1.2"></rect><circle cx="5.7" cy="6.3" r="1.05" fill="currentColor"></circle><path d="M2.6 11.4l3.1-2.9c.4-.4 1-.4 1.4 0l2.1 2 1.4-1.3c.4-.4 1-.4 1.4 0l1.4 1.3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>';
+var IMAGES_EMPTY_TEXT = "\u8FD8\u6CA1\u6709\u751F\u6210\u8FC7\u56FE\u7247";
+var IMAGES_EMPTY_HINT = "\u5728\u4F1A\u8BDD\u91CC\u8BF4\u300E\u753B\u4E00\u5F20\u2026\u300F\u5C31\u80FD\u751F\u6210";
+var IMAGES_LOADING_TEXT = "\u6B63\u5728\u52A0\u8F7D\u56FE\u7247\u8BB0\u5F55\u2026";
+var IMAGES_PREVIEW_PLACEHOLDER = "\u4ECE\u5DE6\u4FA7\u9009\u4E00\u5F20\u56FE\u7247\u67E5\u770B";
+var IMAGES_PREVIEW_LOADING_TEXT = "\u6B63\u5728\u52A0\u8F7D\u56FE\u7247\u2026";
+var IMAGES_DISABLED_NOTE = "\u7BA1\u7406\u5458\u8FD8\u6CA1\u5F00\u542F\u56FE\u7247\u751F\u6210";
+var IMAGES_MISSING_TEXT = "\u2014";
+var IMAGES_SAVE_TEXT = "\u5B58\u5230\u5DE5\u4F5C\u533A";
+var IMAGES_SAVE_SAVED_PREFIX = "\u5DF2\u4FDD\u5B58\u5230 ";
+var IMAGES_SAVE_RUNNING_TEXT = "\u6B63\u5728\u4FDD\u5B58\u2026";
+var IMAGES_COPY_TEXT = "\u590D\u5236\u63D0\u793A\u8BCD";
+var IMAGES_MORE_TEXT = "\u52A0\u8F7D\u66F4\u591A";
+var IMAGES_RETRY_TEXT = "\u91CD\u8BD5";
+var IMAGES_SAVE_HINT = "\u56FE\u7247\u4F1A\u5B58\u5230\u4F60\u7684\u9ED8\u8BA4\u5DE5\u4F5C\u533A\uFF08~/HiWork/Default\uFF09\u7684\u300C\u56FE\u7247\u300D\u76EE\u5F55\u3002";
+var IMAGES_COPY_HINTS = { copied: "\u5DF2\u590D\u5236", failed: "\u590D\u5236\u5931\u8D25" };
+async function copyText(text6) {
+  const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
+  if (clipboard === void 0 || typeof clipboard.writeText !== "function") return false;
+  try {
+    await clipboard.writeText(text6);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function rowMeta(row) {
+  const time = imageTimeLabel(row.createdAt);
+  return [
+    row.size === "" ? IMAGES_MISSING_TEXT : row.size,
+    time === "" ? IMAGES_MISSING_TEXT : time,
+    formatImageBytes(row.byteSize)
+  ].filter((part) => part !== "").join(" \xB7 ");
+}
+function ImagesPage({ source }) {
+  const [rows, setRows] = (0, import_react9.useState)([]);
+  const [total, setTotal] = (0, import_react9.useState)(0);
+  const [page, setPage] = (0, import_react9.useState)(1);
+  const [listState, setListState] = (0, import_react9.useState)("loading");
+  const [listFailure, setListFailure] = (0, import_react9.useState)(null);
+  const [selectedId, setSelectedId] = (0, import_react9.useState)(void 0);
+  const [preview, setPreview] = (0, import_react9.useState)({ status: "idle" });
+  const [saveState, setSaveState] = (0, import_react9.useState)({ status: "idle" });
+  const [copyHint, setCopyHint] = (0, import_react9.useState)("");
+  const listTicket = (0, import_react9.useRef)(0);
+  const previewTicket = (0, import_react9.useRef)(0);
+  const alive = (0, import_react9.useRef)(true);
+  (0, import_react9.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    ensureImagesStyle(document);
+  }, []);
+  (0, import_react9.useEffect)(() => {
+    alive.current = true;
+    return () => {
+      alive.current = false;
+    };
+  }, []);
+  const load = (0, import_react9.useCallback)(async (nextPage, append) => {
+    const current = listTicket.current + 1;
+    listTicket.current = current;
+    setListState("loading");
+    try {
+      const result = await source.list(nextPage, IMAGE_LIST_PAGE_SIZE);
+      if (!alive.current || current !== listTicket.current) return;
+      setRows((prev) => append ? [...prev, ...result.items.filter((item) => !prev.some((existing) => existing.id === item.id))] : result.items);
+      setTotal(result.total);
+      setPage(result.page);
+      setListFailure(null);
+      setListState("ready");
+    } catch (error) {
+      if (!alive.current || current !== listTicket.current) return;
+      setListFailure(imageErrorOf(error));
+      setListState("failed");
+    }
+  }, [source]);
+  (0, import_react9.useEffect)(() => {
+    void load(1, false);
+  }, [load]);
+  const select = (0, import_react9.useCallback)(async (row) => {
+    setSelectedId(row.id);
+    setSaveState({ status: "idle" });
+    setCopyHint("");
+    const current = previewTicket.current + 1;
+    previewTicket.current = current;
+    setPreview({ status: "loading" });
+    try {
+      const bytes = await source.fetch(row.id);
+      if (!alive.current || current !== previewTicket.current) return;
+      setPreview({ status: "ready", url: imageDataUrl(bytes), byteSize: bytes.byteSize });
+    } catch (error) {
+      if (!alive.current || current !== previewTicket.current) return;
+      const failure = imageErrorOf(error);
+      setPreview({ status: "failed", code: failure.code, message: failure.message });
+    }
+  }, [source]);
+  const save = (0, import_react9.useCallback)(async () => {
+    if (selectedId === void 0) return;
+    setSaveState({ status: "saving" });
+    try {
+      const { path } = await source.save(selectedId);
+      if (!alive.current) return;
+      setSaveState({ status: "saved", path });
+    } catch (error) {
+      if (!alive.current) return;
+      setSaveState({ status: "failed", message: imageErrorOf(error).message });
+    }
+  }, [source, selectedId]);
+  const selected = rows.find((row) => row.id === selectedId);
+  const disabled = listFailure?.code === "IMAGE_DISABLED" || preview.status === "failed" && preview.code === "IMAGE_DISABLED";
+  const previewBody = (() => {
+    if (preview.status === "idle") {
+      return (0, import_react9.createElement)("p", { className: "hiwork-images-note", "data-hiwork-images-placeholder": "" }, IMAGES_PREVIEW_PLACEHOLDER);
+    }
+    if (preview.status === "loading") {
+      return (0, import_react9.createElement)("p", { className: "hiwork-images-note", "data-hiwork-images-loading": "" }, IMAGES_PREVIEW_LOADING_TEXT);
+    }
+    if (preview.status === "failed") {
+      return (0, import_react9.createElement)(
+        "div",
+        { className: "hiwork-images-actions", "data-hiwork-images-preview-error": preview.code },
+        (0, import_react9.createElement)("span", { className: "hiwork-images-error" }, preview.message),
+        selected === void 0 ? null : (0, import_react9.createElement)(
+          "button",
+          { type: "button", className: "hiwork-images-action", "data-hiwork-images-retry-preview": "", onClick: () => {
+            void select(selected);
+          } },
+          IMAGES_RETRY_TEXT
+        )
+      );
+    }
+    return (0, import_react9.createElement)(
+      "div",
+      { className: "hiwork-images-preview-body" },
+      // 字节来自本次 fetch：data URL 渲染，**不写盘、不指向任何本地文件**。
+      (0, import_react9.createElement)("img", {
+        className: "hiwork-images-image",
+        src: preview.url,
+        alt: selected === void 0 || selected.prompt.trim() === "" ? "\u5386\u53F2\u56FE\u7247" : selected.prompt.trim(),
+        "data-hiwork-images-image": ""
+      }),
+      selected === void 0 ? null : (0, import_react9.createElement)("p", { className: "hiwork-images-preview-prompt", "data-hiwork-images-prompt": "" }, selected.prompt),
+      selected === void 0 ? null : (0, import_react9.createElement)("p", { className: "hiwork-images-note", "data-hiwork-images-preview-meta": "" }, [
+        rowMeta(selected),
+        formatImageBytes(preview.byteSize)
+      ].filter((part) => part !== "").join(" \xB7 ")),
+      (0, import_react9.createElement)(
+        "div",
+        { className: "hiwork-images-actions" },
+        (0, import_react9.createElement)(
+          "button",
+          {
+            type: "button",
+            className: "hiwork-images-action",
+            "data-hiwork-images-save": "",
+            disabled: saveState.status === "saving",
+            onClick: () => {
+              void save();
+            }
+          },
+          saveState.status === "saving" ? IMAGES_SAVE_RUNNING_TEXT : IMAGES_SAVE_TEXT
+        ),
+        (0, import_react9.createElement)(
+          "button",
+          {
+            type: "button",
+            className: "hiwork-images-action",
+            "data-hiwork-images-copy": "",
+            onClick: () => {
+              void copyText(selected?.prompt ?? "").then((ok) => {
+                setCopyHint(ok ? IMAGES_COPY_HINTS.copied : IMAGES_COPY_HINTS.failed);
+              });
+            }
+          },
+          IMAGES_COPY_TEXT
+        ),
+        copyHint === "" ? null : (0, import_react9.createElement)("span", { className: "hiwork-images-note", "data-hiwork-images-copy-state": copyHint }, copyHint)
+      ),
+      saveState.status === "saved" ? (0, import_react9.createElement)("span", { className: "hiwork-images-saved", "data-hiwork-images-saved": "" }, `${IMAGES_SAVE_SAVED_PREFIX}${saveState.path}`) : null,
+      saveState.status === "failed" ? (0, import_react9.createElement)("span", { className: "hiwork-images-error", "data-hiwork-images-save-error": "" }, saveState.message) : null,
+      (0, import_react9.createElement)("p", { className: "hiwork-images-note" }, IMAGES_SAVE_HINT)
+    );
+  })();
+  const empty = listState === "ready" && rows.length === 0;
+  return (0, import_react9.createElement)(
+    "section",
+    { className: "hiwork-images", "data-hiwork-images": "", "data-hiwork-images-state": listState },
+    (0, import_react9.createElement)(
+      "div",
+      { className: "hiwork-images-head" },
+      (0, import_react9.createElement)("h2", { className: "hiwork-images-title" }, IMAGES_FEATURE_LABEL),
+      (0, import_react9.createElement)(
+        "span",
+        { className: "hiwork-images-count", "data-hiwork-images-count": "" },
+        listState === "loading" && rows.length === 0 ? IMAGES_LOADING_TEXT : `\u5171 ${total} \u5F20`
+      )
+    ),
+    // 关开关只关「生成」不关「查看」：历史照常可见，但要说清当前不能再生成（spec §7.2 V11）。
+    disabled ? (0, import_react9.createElement)("div", { className: "hiwork-images-banner", "data-hiwork-images-disabled": "" }, IMAGES_DISABLED_NOTE) : null,
+    // 列表级失败：行内红字 + 重试（成功过一页的话**保留已有行**，不清空）。
+    listFailure === null ? null : (0, import_react9.createElement)(
+      "div",
+      { className: "hiwork-images-actions", "data-hiwork-images-error": listFailure.code },
+      (0, import_react9.createElement)("span", { className: "hiwork-images-error" }, listFailure.message),
+      (0, import_react9.createElement)(
+        "button",
+        { type: "button", className: "hiwork-images-action", "data-hiwork-images-retry": "", onClick: () => {
+          void load(page, rows.length > 0);
+        } },
+        IMAGES_RETRY_TEXT
+      )
+    ),
+    empty ? (0, import_react9.createElement)(
+      "div",
+      { className: "hiwork-images-empty", "data-hiwork-images-empty": "" },
+      (0, import_react9.createElement)("p", { className: "hiwork-images-empty-title" }, IMAGES_EMPTY_TEXT),
+      (0, import_react9.createElement)("p", { className: "hiwork-images-note" }, IMAGES_EMPTY_HINT)
+    ) : (0, import_react9.createElement)(
+      "div",
+      { className: "hiwork-images-body" },
+      (0, import_react9.createElement)(
+        "ul",
+        { className: "hiwork-images-list", "data-hiwork-images-list": "" },
+        ...rows.map((row) => (0, import_react9.createElement)(
+          "li",
+          { key: row.id },
+          (0, import_react9.createElement)(
+            "button",
+            {
+              type: "button",
+              className: "hiwork-images-row",
+              "data-hiwork-images-row": row.id,
+              "aria-pressed": row.id === selectedId,
+              onClick: () => {
+                void select(row);
+              }
+            },
+            (0, import_react9.createElement)("span", { className: "hiwork-images-row-prompt" }, imagePromptSummary(row.prompt)),
+            (0, import_react9.createElement)("span", { className: "hiwork-images-row-meta", "data-hiwork-images-row-meta": "" }, rowMeta(row))
+          )
+        ))
+      ),
+      (0, import_react9.createElement)("div", { className: "hiwork-images-preview", "data-hiwork-images-preview": "" }, previewBody)
+    ),
+    rows.length > 0 && rows.length < total ? (0, import_react9.createElement)(
+      "button",
+      {
+        type: "button",
+        className: "hiwork-images-more",
+        "data-hiwork-images-more": "",
+        disabled: listState === "loading",
+        onClick: () => {
+          void load(page + 1, true);
+        }
+      },
+      IMAGES_MORE_TEXT
+    ) : null
+  );
+}
+function imagesFeature(source) {
+  return {
+    id: IMAGES_FEATURE_ID,
+    order: IMAGES_FEATURE_ORDER,
+    label: () => IMAGES_FEATURE_LABEL,
+    icon: IMAGES_FEATURE_ICON,
+    render: () => (0, import_react9.createElement)(ImagesPage, { source })
+  };
+}
+function installImagesFeature(scope, registry, source) {
+  scope.effect(() => registry.register(imagesFeature(source)), IMAGES_FEATURE_EFFECT_LABEL);
+}
+
+// src/client/image-cards.tsx
+var import_react10 = require("react");
+var IMAGE_GENERATE_TOOL_NAME = "image_generate";
+var TOOL_VIEW_SLOT = "tool.call.toolview";
+var IMAGE_CARD_TITLE = "\u751F\u6210\u56FE\u7247";
+var IMAGE_CARD_GENERIC_ERROR = "\u56FE\u7247\u751F\u6210\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5";
+var IMAGE_ERROR_TEXT = {
+  IMAGE_DISABLED: "\u7BA1\u7406\u5458\u8FD8\u6CA1\u5F00\u542F\u56FE\u7247\u751F\u6210",
+  IMAGE_NOT_CONFIGURED: "\u56FE\u7247\u751F\u6210\u8FD8\u6CA1\u6709\u914D\u7F6E\u597D\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458",
+  IMAGE_BUDGET_EXCEEDED: "\u751F\u56FE\u6682\u65F6\u4E0D\u53EF\u7528\uFF1A\u53EF\u80FD\u662F\u672C\u6708\u989D\u5EA6\u7528\u5C3D\uFF0C\u4E5F\u53EF\u80FD\u662F\u8FD9\u4E2A\u6A21\u578B\u8FD8\u6CA1\u914D\u7F6E\u597D\u2014\u2014\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458",
+  IMAGE_BAD_REQUEST: "\u8FD9\u4E2A\u63D0\u793A\u8BCD\u6CA1\u80FD\u751F\u6210\uFF0C\u6362\u4E2A\u8BF4\u6CD5\u518D\u8BD5",
+  IMAGE_TOO_LARGE: "\u751F\u6210\u7684\u56FE\u7247\u592A\u5927\u4E86\uFF0C\u6362\u4E2A\u5C0F\u4E00\u70B9\u7684\u5C3A\u5BF8\uFF08\u5982 1024x1024\uFF09",
+  IMAGE_TIMEOUT: "\u751F\u6210\u8D85\u65F6\u4E86\uFF0C\u518D\u8BD5\u4E00\u6B21\uFF08\u590D\u6742\u753B\u9762\u4F1A\u6BD4\u8F83\u6162\uFF09",
+  IMAGE_UPSTREAM_ERROR: "\u56FE\u7247\u751F\u6210\u670D\u52A1\u6682\u65F6\u4E0D\u53EF\u7528\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5",
+  GATEWAY_UNREACHABLE: "\u56FE\u7247\u751F\u6210\u670D\u52A1\u6682\u65F6\u4E0D\u53EF\u7528\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5",
+  // spec §6.6 把 SESSION_EXPIRED 并入「服务不可用」那一行（**逐字同该行**），只在括号里
+  // 注明例外「提示重新登录」——所以不加自创文案，另给一句 {@link IMAGE_RELOGIN_HINT}。
+  SESSION_EXPIRED: "\u56FE\u7247\u751F\u6210\u670D\u52A1\u6682\u65F6\u4E0D\u53EF\u7528\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5",
+  // Host 侧写盘失败（src/imagegen.ts 的两种原因）：图已经生成、也已经计费，绝不能让
+  // 员工以为白花了钱——文案必须说清「图在，只是没落到工作区」。
+  "write-failed": "\u56FE\u7247\u5DF2\u751F\u6210\u4F46\u6CA1\u80FD\u4FDD\u5B58\u5230\u5DE5\u4F5C\u533A",
+  "path-outside-workspace": "\u56FE\u7247\u6CA1\u80FD\u4FDD\u5B58\u5230\u5DE5\u4F5C\u533A\uFF1A\u76EE\u6807\u8DEF\u5F84\u4E0D\u5728\u5DE5\u4F5C\u533A\u91CC",
+  cancelled: "\u5DF2\u53D6\u6D88",
+  // 平台级中断码（`interrupted` 是 shell 自己的停止标记，不是网关错误码）。
+  interrupted: "\u5DF2\u505C\u6B62"
+};
+var IMAGE_RETRYABLE_CODES = [
+  "IMAGE_BAD_REQUEST",
+  "IMAGE_TOO_LARGE",
+  "IMAGE_TIMEOUT",
+  "IMAGE_UPSTREAM_ERROR",
+  "GATEWAY_UNREACHABLE"
+];
+var IMAGE_RELOGIN_CODES = ["SESSION_EXPIRED"];
+var IMAGE_RELOGIN_HINT = "\u8BF7\u91CD\u65B0\u767B\u5F55";
+function needsRelogin(code) {
+  return IMAGE_RELOGIN_CODES.includes(code);
+}
+function imageErrorText(code, message = "") {
+  const known = IMAGE_ERROR_TEXT[code];
+  if (known !== void 0) return known;
+  return message.trim() === "" ? IMAGE_CARD_GENERIC_ERROR : message;
+}
+function isRetryableImageError(code) {
+  return IMAGE_RETRYABLE_CODES.includes(code);
+}
+function asRecord(value) {
+  return typeof value === "object" && value !== null ? value : {};
+}
+function str2(value) {
+  return typeof value === "string" ? value : "";
+}
+function num2(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function parseImageArgs(argsRaw) {
+  if (typeof argsRaw !== "string" || argsRaw.trim() === "") return {};
+  try {
+    return asRecord(JSON.parse(argsRaw));
+  } catch {
+    return {};
+  }
+}
+function parseImageOutcome(content) {
+  if (!Array.isArray(content)) return null;
+  for (const block of content) {
+    const text6 = typeof block?.text === "string" ? block.text : "";
+    if (text6 === "") continue;
+    const trimmed = text6.trim();
+    if (!trimmed.startsWith("{")) continue;
+    let parsed;
+    try {
+      parsed = JSON.parse(trimmed);
+    } catch {
+      continue;
+    }
+    const record = asRecord(parsed);
+    if (typeof record["ok"] !== "boolean") continue;
+    return record;
+  }
+  return null;
+}
+function parseImagePathsFromText(content) {
+  if (!Array.isArray(content)) return [];
+  const paths = [];
+  for (const block of content) {
+    const text6 = typeof block?.text === "string" ? block.text : "";
+    for (const match of text6.matchAll(/<path>([^<>]+)<\/path>/g)) {
+      const path = (match[1] ?? "").trim();
+      if (path !== "" && !paths.includes(path)) paths.push(path);
+    }
+  }
+  return paths;
+}
+function isAbsoluteImagePath(path) {
+  return path.startsWith("/") || /^[A-Za-z]:[\\/]/.test(path);
+}
+function imageFileUrl(path, baseURI) {
+  if (!isAbsoluteImagePath(path)) return "";
+  return new URL(`api/file?path=${encodeURIComponent(path)}`, baseURI).href;
+}
+function abbreviateHome(path, home) {
+  if (home === void 0 || home === "") return path;
+  const trimmed = home.replace(/[\\/]+$/, "");
+  if (trimmed === "") return path;
+  if (path === trimmed) return "~";
+  if (path.startsWith(`${trimmed}/`) || path.startsWith(`${trimmed}\\`)) return `~${path.slice(trimmed.length)}`;
+  return path;
+}
+function formatGenerationMs(ms) {
+  if (ms === void 0 || ms < 0) return "";
+  if (ms < 1e3) return `${ms} \u6BEB\u79D2`;
+  return `${(ms / 1e3).toFixed(1)} \u79D2`;
+}
+function formatByteSize(bytes) {
+  if (bytes === void 0 || bytes < 0) return "";
+  if (bytes >= 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${bytes} B`;
+}
+function toImageCardModel(block, baseURI) {
+  const settled = block?.kind === "tool-result" || block?.phase === "result";
+  const errorRecord = asRecord(block?.error);
+  const errorCode = str2(errorRecord["code"]);
+  const state = settled ? errorCode === "interrupted" ? "stopped" : block?.isError === true ? "error" : "ok" : "running";
+  const args = parseImageArgs(settled ? block?.call?.argsRaw : block?.argsRaw);
+  const outcome = settled ? parseImageOutcome(block?.content) : null;
+  const prompt = str2(outcome?.["prompt"]) || str2(args["prompt"]);
+  const size = str2(outcome?.["size"]) || str2(args["size"]);
+  const model = str2(outcome?.["model"]);
+  const generationMs = num2(outcome?.["generationMs"]);
+  const alt = prompt.trim() === "" ? "\u751F\u6210\u7684\u56FE\u7247" : prompt.trim();
+  const outcomeFailed = outcome !== null && outcome["ok"] === false;
+  const transportFailed = !outcomeFailed && (state === "error" || state === "stopped");
+  const rawFailureCode = outcomeFailed ? str2(outcome["code"]) : errorCode;
+  const failureCode = rawFailureCode === "" && transportFailed ? "IMAGE_UPSTREAM_ERROR" : rawFailureCode;
+  const failure = outcomeFailed ? imageErrorText(failureCode, str2(outcome["message"])) : transportFailed ? imageErrorText(failureCode, str2(errorRecord["reason"]) || str2(errorRecord["name"])) : null;
+  const files = [];
+  if (settled && failure === null) {
+    const rawFiles = Array.isArray(outcome?.["files"]) ? outcome["files"] : void 0;
+    if (rawFiles !== void 0) {
+      for (const entry of rawFiles) {
+        const record = asRecord(entry);
+        const path = str2(record["path"]);
+        const url = imageFileUrl(path, baseURI);
+        if (url === "") continue;
+        files.push({
+          path,
+          url,
+          alt,
+          byteSize: num2(record["byteSize"]),
+          mimeType: str2(record["mimeType"]),
+          revisedPrompt: str2(record["revisedPrompt"]) === "" ? void 0 : str2(record["revisedPrompt"])
+        });
+      }
+    } else {
+      for (const path of parseImagePathsFromText(block?.content)) {
+        const url = imageFileUrl(path, baseURI);
+        if (url !== "") {
+          files.push({ path, url, alt, byteSize: void 0, mimeType: "", revisedPrompt: void 0 });
+        }
+      }
+    }
+  }
+  return {
+    state,
+    prompt,
+    size,
+    model,
+    generationMs,
+    files,
+    error: failure,
+    errorCode: failureCode,
+    retryable: failure !== null && isRetryableImageError(failureCode)
+  };
+}
+var COPY_HINTS2 = { idle: "", copied: "\u5DF2\u590D\u5236", failed: "\u590D\u5236\u5931\u8D25" };
+async function copyPromptText(text6) {
+  const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
+  if (clipboard === void 0 || typeof clipboard.writeText !== "function") return false;
+  try {
+    await clipboard.writeText(text6);
+    return true;
+  } catch {
+    return false;
+  }
+}
+var COPY_HINT_REVERT_MS2 = 1800;
+function currentBaseURI() {
+  return typeof document === "undefined" ? "" : document.baseURI;
+}
+function ImageToolCard(props) {
+  const { block, toolName = IMAGE_GENERATE_TOOL_NAME, home, openFile, inspect } = props;
+  const model = toImageCardModel(block, currentBaseURI());
+  const [zoom, setZoom] = (0, import_react10.useState)(null);
+  const [copyHint, setCopyHint] = (0, import_react10.useState)(COPY_HINTS2.idle);
+  const revertTimer = (0, import_react10.useRef)(void 0);
+  (0, import_react10.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    ensureImagesStyle(document);
+  }, []);
+  (0, import_react10.useEffect)(() => () => {
+    if (revertTimer.current !== void 0) clearTimeout(revertTimer.current);
+  }, []);
+  const copy = (0, import_react10.useCallback)(() => {
+    void copyPromptText(model.prompt).then((ok) => {
+      setCopyHint(ok ? COPY_HINTS2.copied : COPY_HINTS2.failed);
+      if (revertTimer.current !== void 0) clearTimeout(revertTimer.current);
+      revertTimer.current = setTimeout(() => {
+        setCopyHint(COPY_HINTS2.idle);
+      }, COPY_HINT_REVERT_MS2);
+    });
+  }, [model.prompt]);
+  const summary = () => {
+    if (model.state === "running") return "\u6B63\u5728\u751F\u6210\u56FE\u7247\u2026";
+    if (model.error !== null && model.files.length === 0) return "\u5931\u8D25";
+    const count = model.files.length === 0 ? "" : `\u5DF2\u751F\u6210 ${model.files.length} \u5F20`;
+    const elapsed = formatGenerationMs(model.generationMs);
+    return [count, elapsed].filter((part) => part !== "").join(" \xB7 ");
+  };
+  const meta = () => {
+    const parts = [model.size, formatGenerationMs(model.generationMs), model.model].filter((part) => part !== "");
+    return parts.join(" \xB7 ");
+  };
+  return (0, import_react10.createElement)(
+    "div",
+    {
+      className: "hiwork-image-card",
+      "data-hiwork-image-card": toolName,
+      "data-state": model.state
+    },
+    (0, import_react10.createElement)(
+      "div",
+      { className: "hiwork-image-card-head" },
+      (0, import_react10.createElement)("span", { className: "hiwork-image-card-title" }, IMAGE_CARD_TITLE),
+      (0, import_react10.createElement)("span", { className: "hiwork-image-card-summary" }, summary())
+    ),
+    // 提示词：running 阶段（start）就要显示——那是用户唯一的「它在按我说的画」凭据。
+    model.prompt === "" ? null : (0, import_react10.createElement)("p", { className: "hiwork-image-card-prompt", "data-hiwork-image-prompt": "" }, model.prompt),
+    ...model.files.map((file) => (0, import_react10.createElement)(
+      "figure",
+      { key: file.path, className: "hiwork-image-card-figure" },
+      (0, import_react10.createElement)("img", {
+        className: "hiwork-image-card-img",
+        // 只画绝对路径（相对路径与远端 URL 保持惰性，与平台同规则）：地址为空时不渲染本块。
+        src: file.url,
+        alt: file.alt,
+        title: file.alt,
+        "data-hiwork-image-file": file.path,
+        onClick: () => {
+          setZoom(file);
+        }
+      }),
+      (0, import_react10.createElement)(
+        "figcaption",
+        { className: "hiwork-image-card-actions" },
+        (0, import_react10.createElement)("span", { className: "hiwork-image-card-path", title: file.path, "data-hiwork-image-path": "" }, abbreviateHome(file.path, home)),
+        meta() === "" ? null : (0, import_react10.createElement)("span", { className: "hiwork-image-card-meta", "data-hiwork-image-meta": "" }, [meta(), formatByteSize(file.byteSize)].filter((part) => part !== "").join(" \xB7 ")),
+        // 可选能力：宿主没给 openFile 就不渲染按钮（渲染一个点了没反应的控件更差）。
+        typeof openFile === "function" ? (0, import_react10.createElement)(
+          "button",
+          {
+            type: "button",
+            className: "hiwork-image-card-action",
+            "data-hiwork-image-open": file.path,
+            onClick: () => {
+              openFile(file.path);
+            }
+          },
+          "\u6253\u5F00"
+        ) : null
+      )
+    )),
+    // 卡片级动作：复制提示词（提示词是卡片级信息，每张图复制一次即可）。
+    model.prompt === "" ? null : (0, import_react10.createElement)(
+      "div",
+      { className: "hiwork-image-card-actions" },
+      (0, import_react10.createElement)(
+        "button",
+        { type: "button", className: "hiwork-image-card-action", "data-hiwork-image-copy": "", onClick: copy },
+        "\u590D\u5236\u63D0\u793A\u8BCD"
+      ),
+      copyHint === "" ? null : (0, import_react10.createElement)("span", { className: "hiwork-image-card-copy-state", "data-hiwork-image-copy-state": copyHint }, copyHint),
+      inspect === void 0 ? null : (0, import_react10.createElement)(
+        "button",
+        { type: "button", className: "hiwork-image-card-action", "data-hiwork-image-inspect": "", onClick: inspect },
+        "\u67E5\u770B\u8F68\u8FF9"
+      )
+    ),
+    model.error === null ? null : (0, import_react10.createElement)(
+      "p",
+      { className: "hiwork-image-card-error", role: "alert", "data-hiwork-image-error": model.errorCode },
+      model.error,
+      model.retryable ? (0, import_react10.createElement)("span", { className: "hiwork-image-card-retry-hint", "data-hiwork-image-retry-hint": "" }, "\u53EF\u4EE5\u518D\u8BD5\u4E00\u6B21") : null,
+      needsRelogin(model.errorCode) ? (0, import_react10.createElement)("span", { className: "hiwork-image-card-retry-hint", "data-hiwork-image-relogin-hint": "" }, IMAGE_RELOGIN_HINT) : null
+    ),
+    zoom === null ? null : (0, import_react10.createElement)(
+      "div",
+      {
+        className: "hiwork-image-zoom",
+        role: "dialog",
+        "aria-label": zoom.alt,
+        "data-hiwork-image-zoom": "",
+        onClick: () => {
+          setZoom(null);
+        }
+      },
+      (0, import_react10.createElement)("img", { src: zoom.url, alt: zoom.alt }),
+      (0, import_react10.createElement)(
+        "button",
+        {
+          type: "button",
+          className: "hiwork-image-zoom-close",
+          "data-hiwork-image-zoom-close": "",
+          onClick: () => {
+            setZoom(null);
+          }
+        },
+        "\u5173\u95ED"
+      )
+    )
+  );
+}
+function installImageToolCard(ctx) {
+  const slots = ctx.slots;
+  if (slots === void 0 || typeof slots.inject !== "function") return;
+  slots.inject(TOOL_VIEW_SLOT, () => slots.register(
+    { name: TOOL_VIEW_SLOT, key: IMAGE_GENERATE_TOOL_NAME },
+    ImageToolCard
+  ));
+}
+
+// src/client/session-cost.tsx
+var import_react11 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SESSION_COST_ENDPOINT = "estimate";
+var SESSION_COST_CACHE_TTL_MS = 5 * 6e4;
+var SESSION_COST_HINT = "\u6309\u7F51\u5173\u4EF7\u683C\u4F30\u7B97\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF1B\u4EE5\u300C\u7528\u91CF\u4E0E\u6210\u672C\u300D\u4E2D\u7684\u6743\u5A01\u8D26\u5355\u4E3A\u51C6";
+var SESSION_COST_ESTIMATED_SUFFIX = "\uFF08\u4F30\u7B97\uFF09";
+function nonNegativeInteger(value) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+}
+function sessionCostMatchOf(data) {
+  if (typeof data !== "object" || data === null) return null;
+  const turn = nonNegativeInteger(data.turn);
+  if (turn === void 0) return null;
+  const usage = data.tokenUsage;
+  if (typeof usage !== "object" || usage === null) return null;
+  const input = nonNegativeInteger(usage.uncachedInputTokens);
+  const output = nonNegativeInteger(usage.outputTokens);
+  if (input === void 0 || output === void 0) return null;
+  const routes = usage.routes;
+  if (!Array.isArray(routes) || routes.length === 0) return null;
+  const pairs = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const entry of routes) {
+    if (typeof entry !== "object" || entry === null) return null;
+    const { provider, model } = entry;
+    if (typeof provider !== "string" || provider === "" || typeof model !== "string" || model === "") return null;
+    const key = `${provider}\0${model}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    pairs.push({ route: provider, model });
+  }
+  if (pairs.length === 0) return null;
+  const cacheRead = nonNegativeInteger(usage.cacheReadTokens);
+  const cacheWrite = nonNegativeInteger(usage.cacheWriteTokens);
+  if (input === 0 && output === 0 && (cacheRead ?? 0) === 0 && (cacheWrite ?? 0) === 0) return null;
+  const first = pairs[0];
+  if (first === void 0) return null;
+  const at = rfc3339Of(data.time);
+  const item = {
+    route: first.route,
+    model: first.model,
+    input_tokens: input,
+    output_tokens: output,
+    // 桶缺失表示「并非每次尝试都上报了该桶」——原样省略，绝不猜 0。
+    ...cacheRead === void 0 ? {} : { cache_read_tokens: cacheRead },
+    ...cacheWrite === void 0 ? {} : { cache_write_tokens: cacheWrite },
+    ...at === void 0 ? {} : { at }
+  };
+  const ambiguous = pairs.length > 1 || cacheRead === void 0 || cacheWrite === void 0;
+  return { items: [item], turn, ambiguous };
+}
+function rfc3339Of(time) {
+  if (typeof time !== "number" || !Number.isFinite(time) || time <= 0) return void 0;
+  const date = new Date(time);
+  return Number.isNaN(date.getTime()) ? void 0 : date.toISOString();
+}
+function closingTurnTailData(snapshot, messageId) {
+  for (const key of snapshot.order) {
+    const node = snapshot.nodes.get(key);
+    if (node === void 0 || node.kind !== "turn-tail") continue;
+    const data = node.data;
+    if (data === void 0) continue;
+    if (data.closing?.finalNode?.messageId === messageId) return data;
+  }
+  return void 0;
+}
+function sessionCostKey(sessionId, match) {
+  return `${sessionId}\0${match.turn}\0${JSON.stringify(match.items)}`;
+}
+function normalizeSessionCost(value) {
+  if (typeof value !== "object" || value === null) return void 0;
+  const record = value;
+  if (record.priced !== true) return void 0;
+  const cost = record.cost;
+  if (typeof cost !== "number" || !Number.isFinite(cost) || cost < 0) return void 0;
+  return { cost, channelResolved: record.channelResolved === true };
+}
+var SessionCostStore = class {
+  constructor(rpc, options = {}) {
+    this.rpc = rpc;
+    this.now = options.now ?? (() => Date.now());
+    this.ttlMs = options.ttlMs ?? SESSION_COST_CACHE_TTL_MS;
+  }
+  entries = /* @__PURE__ */ new Map();
+  pending = /* @__PURE__ */ new Map();
+  now;
+  ttlMs;
+  /** 当前缓存条目数（测试断言用）。 */
+  get size() {
+    return this.entries.size;
+  }
+  /** 清空缓存（登出 / 切换账号）。 */
+  clear() {
+    this.entries.clear();
+  }
+  async estimate(input) {
+    const key = sessionCostKey(input.sessionId, { turn: input.turn, items: [...input.items] });
+    const cached = this.entries.get(key);
+    if (cached !== void 0 && this.now() - cached.fetchedAt < this.ttlMs) return cached.result;
+    const inflight = this.pending.get(key);
+    if (inflight !== void 0) return await inflight;
+    const task = this.request(key, input);
+    this.pending.set(key, task);
+    try {
+      return await task;
+    } finally {
+      this.pending.delete(key);
     }
-  };
-  const pending = () => {
-    const sidebar = sidebarRoot();
-    if (sidebar === void 0) return true;
-    if (menuElement === void 0 || !sidebar.contains(menuElement)) return true;
-    if (registry.activeId() === null) return false;
-    const host = conversationContainer();
-    if (host === void 0) return true;
-    return container === void 0 || !host.contains(container);
-  };
-  const scheduleRetry = () => {
-    if (disposed || retryTimer !== void 0 || retries >= maxRetries) return;
-    retryTimer = setTimeout(() => {
-      retryTimer = void 0;
-      retries += 1;
-      sync();
-      if (pending()) scheduleRetry();
-    }, interval);
-  };
-  const onDocumentClickCapture = (event) => {
-    if (registry.activeId() === null) return;
-    const target = event.target;
-    if (!(target instanceof Element)) return;
-    if (target.closest(`[${FEATURE_ROOT_ATTRIBUTE}]`) !== null) return;
-    if (target.closest(`[${MENU_ATTRIBUTE}]`) !== null) return;
-    if (target.closest(SESSION_ROW_SELECTOR) === null) return;
-    registry.openNative();
-  };
-  const unsubscribeRegistry = registry.subscribe(() => {
-    sync();
-  });
-  let unsubscribeLocale;
-  if (options.subscribeLocale !== void 0) {
+  }
+  async request(key, input) {
     try {
-      unsubscribeLocale = options.subscribeLocale(() => {
-        menuSignature = "";
-        rebuildMenuItems();
-      });
-    } catch (error) {
-      console.warn("hiwork feature center: locale subscription unavailable", error);
+      const raw = await this.rpc.call(USAGE_CHANNEL, SESSION_COST_ENDPOINT, { items: input.items }, input.signal);
+      const result = normalizeSessionCost(unwrapUsageResult(raw));
+      if (result !== void 0) this.entries.set(key, { result, fetchedAt: this.now() });
+      return result;
+    } catch {
+      return void 0;
     }
   }
-  const observer = new MutationObserver(() => {
-    sync();
-  });
-  observer.observe(document.body, { childList: true, subtree: true });
-  document.addEventListener("click", onDocumentClickCapture, true);
-  const sync = () => {
-    if (disposed || !isActiveOwner()) return;
-    syncMenu();
-    syncTakeover();
-    if (pending()) scheduleRetry();
-  };
-  sync();
-  return {
-    dispose: () => {
-      if (disposed) return;
+};
+var costStyle = {
+  // 字号/颜色与同一行的「用量」「用时」胶囊同源变量，保证在动作行里不显得突兀。
+  color: textTertiary,
+  fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+  lineHeight: "18px",
+  whiteSpace: "nowrap",
+  cursor: "default"
+};
+function SessionCost({ messageId, sessionId, useChat, store }) {
+  const data = useChat((snapshot) => closingTurnTailData(snapshot, messageId));
+  const match = sessionCostMatchOf(data);
+  const key = match === null ? null : sessionCostKey(sessionId, match);
+  const [shown, setShown] = (0, import_react11.useState)(void 0);
+  (0, import_react11.useEffect)(() => {
+    if (match === null || key === null) return;
+    let disposed = false;
+    const controller = new AbortController();
+    void store.estimate({ sessionId, turn: match.turn, items: match.items, signal: controller.signal }).then((value) => {
+      if (!disposed) setShown({ key, result: value });
+    }).catch(() => {
+      if (!disposed) setShown({ key, result: void 0 });
+    });
+    return () => {
       disposed = true;
-      observer.disconnect();
-      if (retryTimer !== void 0) clearTimeout(retryTimer);
-      retryTimer = void 0;
-      unsubscribeRegistry();
-      unsubscribeLocale?.();
-      document.removeEventListener("click", onDocumentClickCapture, true);
-      document.removeEventListener("scroll", hideTooltip, true);
-      hideTooltip();
-      const tooltip = tooltipElement;
-      tooltipElement = void 0;
-      if (tooltip !== void 0 && tooltip.getAttribute(OWNER_ATTRIBUTE) === owner) tooltip.remove();
-      clearTakeover();
-      const element = menuElement;
-      menuElement = void 0;
-      if (element !== void 0) {
-        element.removeEventListener("click", onMenuClick);
-        if (element.getAttribute(OWNER_ATTRIBUTE) === owner) element.remove();
-      }
-      if (!isActiveOwner()) return;
-      activeOwner = null;
-      for (const hidden of Array.from(document.querySelectorAll(`[${NATIVE_HIDDEN_ATTRIBUTE}]`))) {
-        hidden.removeAttribute(NATIVE_HIDDEN_ATTRIBUTE);
-      }
-      if (style.getAttribute(OWNER_ATTRIBUTE) === owner) style.remove();
-    },
-    openNativeHome: () => {
-      renderContext.openNativeHome();
-    }
+      controller.abort();
+    };
+  }, [store, key]);
+  if (match === null || key === null || shown === void 0 || shown.key !== key || shown.result === void 0) return null;
+  const result = shown.result;
+  const estimated = !result.channelResolved || match.ambiguous;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: costStyle, "data-hiwork-session-cost": estimated ? "estimated" : "exact", title: SESSION_COST_HINT, children: `\u2248 ${formatYuan(result.cost)}${estimated ? SESSION_COST_ESTIMATED_SUFFIX : ""}` });
+}
+
+// src/client/account-cache.ts
+function accountIdentityOf(state) {
+  return `${state.username ?? ""}\0${state.activeKeyId ?? ""}`;
+}
+function observeAccountChange(source, onChange) {
+  let identity = accountIdentityOf(source.getSnapshot());
+  const unsubscribe = source.subscribe(() => {
+    const next = accountIdentityOf(source.getSnapshot());
+    if (next === identity) return;
+    identity = next;
+    onChange();
+  });
+  return () => {
+    unsubscribe();
   };
 }
 
@@ -4405,17 +6320,17 @@ var PmsTodoStore = class {
 };
 
 // src/client/voice/MicButton.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function MicIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "9", y: "2.75", width: "6", height: "11.5", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M5.5 11.5a6.5 6.5 0 0 0 13 0", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 18v3.25", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("rect", { x: "9", y: "2.75", width: "6", height: "11.5", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M5.5 11.5a6.5 6.5 0 0 0 13 0", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 18v3.25", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
   ] });
 }
 function MicButton({ open }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       type: "button",
@@ -4424,13 +6339,13 @@ function MicButton({ open }) {
       "aria-label": "\u8BED\u97F3\u8F93\u5165",
       "aria-haspopup": "dialog",
       onClick: () => open(),
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MicIcon, { size: 18 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MicIcon, { size: 18 })
     }
   );
 }
 
 // src/client/voice/entry.ts
-var import_react10 = require("react");
+var import_react14 = require("react");
 var import_client3 = require("react-dom/client");
 
 // src/client/voice/composer.ts
@@ -4486,7 +6401,7 @@ function insertDraftText(sessions, text6, sessionId) {
 }
 
 // src/client/voice/VoiceOverlay.tsx
-var import_react9 = require("react");
+var import_react13 = require("react");
 
 // src/client/voice/recording.ts
 var RecordingError = class extends Error {
@@ -4769,7 +6684,7 @@ function createVoiceRuntime(rpc) {
 }
 
 // src/client/voice/VoiceOverlay.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var BAR_COUNT = 28;
 var LEVEL_INTERVAL_MS = 80;
 var TICK_INTERVAL_MS = 200;
@@ -4783,25 +6698,25 @@ function rmsToLevel(rms) {
   return Math.min(1, Math.max(0, rms) * 6);
 }
 function MicIcon2({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("rect", { x: "9", y: "2.75", width: "6", height: "11.5", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M5.5 11.5a6.5 6.5 0 0 0 13 0", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 18v3.25", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "9", y: "2.75", width: "6", height: "11.5", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M5.5 11.5a6.5 6.5 0 0 0 13 0", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 18v3.25", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
   ] });
 }
 function VoiceOverlay(props) {
   const { runtime, onClose, insertDraft } = props;
-  const [phase, setPhase] = (0, import_react9.useState)("checking");
-  const [error, setError] = (0, import_react9.useState)(void 0);
-  const [levels, setLevels] = (0, import_react9.useState)(() => Array.from({ length: BAR_COUNT }, () => 0.06));
-  const [elapsed, setElapsed] = (0, import_react9.useState)(0);
-  const [maxDuration, setMaxDuration] = (0, import_react9.useState)(60);
-  const [copied, setCopied] = (0, import_react9.useState)(false);
-  const recordingRef = (0, import_react9.useRef)(void 0);
-  const wavRef = (0, import_react9.useRef)(void 0);
-  const startedAtRef = (0, import_react9.useRef)(0);
-  const abortRef = (0, import_react9.useRef)(void 0);
-  const disposedRef = (0, import_react9.useRef)(false);
+  const [phase, setPhase] = (0, import_react13.useState)("checking");
+  const [error, setError] = (0, import_react13.useState)(void 0);
+  const [levels, setLevels] = (0, import_react13.useState)(() => Array.from({ length: BAR_COUNT }, () => 0.06));
+  const [elapsed, setElapsed] = (0, import_react13.useState)(0);
+  const [maxDuration, setMaxDuration] = (0, import_react13.useState)(60);
+  const [copied, setCopied] = (0, import_react13.useState)(false);
+  const recordingRef = (0, import_react13.useRef)(void 0);
+  const wavRef = (0, import_react13.useRef)(void 0);
+  const startedAtRef = (0, import_react13.useRef)(0);
+  const abortRef = (0, import_react13.useRef)(void 0);
+  const disposedRef = (0, import_react13.useRef)(false);
   const failWith = (message, opts = {}) => {
     if (disposedRef.current) return;
     setPhase("error");
@@ -4898,7 +6813,7 @@ function VoiceOverlay(props) {
       failWith(err instanceof Error ? err.message : "\u5F55\u97F3\u5904\u7406\u5931\u8D25\u3002", { holdWav: false });
     });
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     disposedRef.current = false;
     let cancelled = false;
     runtime.status().then((status) => {
@@ -4921,7 +6836,7 @@ function VoiceOverlay(props) {
       recordingRef.current = void 0;
     };
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (phase !== "recording") return;
     const levelTimer = window.setInterval(() => {
       const rms = recordingRef.current?.amplitude() ?? 0;
@@ -4935,7 +6850,7 @@ function VoiceOverlay(props) {
       window.clearInterval(clockTimer);
     };
   }, [phase]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (phase !== "recording") return;
     if (elapsed < maxDuration) return;
     finish();
@@ -4944,7 +6859,7 @@ function VoiceOverlay(props) {
     abortRef.current?.abort();
     onClose();
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onKey = (event) => {
       if (event.key !== "Escape") return;
       event.preventDefault();
@@ -4962,21 +6877,21 @@ function VoiceOverlay(props) {
   const idle = phase === "checking" || phase === "requesting" || phase === "transcribing";
   const canRetryTranscribe = error?.holdWav === true && error.recognizedText === void 0;
   const canRestart = error?.canRestart === true;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       className: "hiwv-backdrop",
       onMouseDown: (event) => {
         if (event.target === event.currentTarget && !idle) handleClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hiwv-panel", role: "dialog", "aria-modal": "true", "aria-label": "\u8BED\u97F3\u8F93\u5165", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hiwv-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "hiwv-title", children: "\u8BED\u97F3\u8F93\u5165" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "hiwv-hint", children: recording ? `\u5DF2\u5F55 ${formatClock(elapsed)} / \u4E0A\u9650 ${formatClock(maxDuration)}` : `\u5355\u6B21\u6700\u957F ${formatClock(maxDuration)}` })
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hiwv-panel", role: "dialog", "aria-modal": "true", "aria-label": "\u8BED\u97F3\u8F93\u5165", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hiwv-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hiwv-title", children: "\u8BED\u97F3\u8F93\u5165" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hiwv-hint", children: recording ? `\u5DF2\u5F55 ${formatClock(elapsed)} / \u4E0A\u9650 ${formatClock(maxDuration)}` : `\u5355\u6B21\u6700\u957F ${formatClock(maxDuration)}` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `hiwv-stage${recording ? "" : " hiwv-stageIdle"}`, children: recording || phase === "transcribing" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `hiwv-orb${phase === "transcribing" ? " hiwv-orbBusy" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MicIcon2, { size: 30 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hiwv-bars", "aria-hidden": "true", children: levels.map((level, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `hiwv-stage${recording ? "" : " hiwv-stageIdle"}`, children: recording || phase === "transcribing" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `hiwv-orb${phase === "transcribing" ? " hiwv-orbBusy" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MicIcon2, { size: 30 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hiwv-bars", "aria-hidden": "true", children: levels.map((level, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "i",
             {
               style: { height: `${Math.round(8 + level * 46)}px` },
@@ -4984,19 +6899,19 @@ function VoiceOverlay(props) {
             },
             index
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hiwv-status", children: phase === "transcribing" ? "\u6B63\u5728\u8BC6\u522B\u2026" : "\u6B63\u5728\u8046\u542C\uFF0C\u8BB2\u5B8C\u540E\u70B9\u300C\u5B8C\u6210\u300D" })
-        ] }) : phase === "checking" || phase === "requesting" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hiwv-status", children: "\u6B63\u5728\u51C6\u5907\u9EA6\u514B\u98CE\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hiwv-errorBox", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hiwv-errorMsg", children: error?.message ?? "\u51FA\u4E86\u70B9\u95EE\u9898\u3002" }),
-          error?.recognizedText !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hiwv-recognized", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hiwv-recognizedText", children: error.recognizedText }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnSecondary", onClick: copyRecognized, children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u6587\u672C" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hiwv-status", children: phase === "transcribing" ? "\u6B63\u5728\u8BC6\u522B\u2026" : "\u6B63\u5728\u8046\u542C\uFF0C\u8BB2\u5B8C\u540E\u70B9\u300C\u5B8C\u6210\u300D" })
+        ] }) : phase === "checking" || phase === "requesting" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hiwv-status", children: "\u6B63\u5728\u51C6\u5907\u9EA6\u514B\u98CE\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hiwv-errorBox", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hiwv-errorMsg", children: error?.message ?? "\u51FA\u4E86\u70B9\u95EE\u9898\u3002" }),
+          error?.recognizedText !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hiwv-recognized", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hiwv-recognizedText", children: error.recognizedText }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnSecondary", onClick: copyRecognized, children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u6587\u672C" })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hiwv-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnSecondary", onClick: handleClose, children: "\u53D6\u6D88" }),
-          recording && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnPrimary", onClick: finish, children: "\u5B8C\u6210" }),
-          phase === "error" && canRetryTranscribe && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnPrimary", onClick: transcribeWav, children: "\u91CD\u8BD5\u8BC6\u522B" }),
-          phase === "error" && canRestart && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hiwv-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnSecondary", onClick: handleClose, children: "\u53D6\u6D88" }),
+          recording && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnPrimary", onClick: finish, children: "\u5B8C\u6210" }),
+          phase === "error" && canRetryTranscribe && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "hiwv-btn hiwv-btnPrimary", onClick: transcribeWav, children: "\u91CD\u8BD5\u8BC6\u522B" }),
+          phase === "error" && canRestart && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "button",
             {
               type: "button",
@@ -5060,7 +6975,7 @@ function createOverlayController(deps) {
     doc.body.appendChild(container);
     root = (0, import_client3.createRoot)(container);
     root.render(
-      (0, import_react10.createElement)(VoiceOverlay, {
+      (0, import_react14.createElement)(VoiceOverlay, {
         runtime: deps.runtime,
         onClose: close,
         // 会话 id 缺省（拿不到槽位注入）时由 insertDraftText 退到当前打开会话；
@@ -5133,7 +7048,7 @@ async function installVoiceInput(deps) {
 }
 
 // src/client/index.ts
-var inject = ["slots", "locale", "remote", "remote.credentials", "settingsScope", "connection"];
+var inject = ["slots", "locale", "remote", "remote.credentials", "configForms", "connection", "layout"];
 var INTERACTION_STYLE_ID = "hiwork-core-interaction-styles";
 function injectInteractionStyles() {
   if (typeof document === "undefined") return;
@@ -5146,12 +7061,12 @@ function injectInteractionStyles() {
 }
 function apply(ctx) {
   injectInteractionStyles();
-  const scope = ctx.settingsScope.bind({ namespace: AI_ROUTER_NS });
+  const form = ctx.configForms.get(AI_ROUTER_NS);
   const storeCredential = async (ref, value) => {
     const response = await ctx.remote.credentials.set(ref, value);
     if (!response.ok) throw new Error(response.error.message);
   };
-  const controller = new AiRouterCardController(scope, storeCredential);
+  const controller = new AiRouterCardController(form, storeCredential);
   ctx.slots.inject("settings.section", () => ctx.slots.register({
     name: "settings.section",
     id: AI_ROUTER_NS,
@@ -5159,12 +7074,6 @@ function apply(ctx) {
     label: () => AI_ROUTER_SECTION_LABEL,
     inject: () => controller.inject()
   }, AiRouterSection));
-  ctx.slots.inject("settings.section", () => ctx.slots.register({
-    name: "settings.section",
-    id: "hiwork-about",
-    order: Number.MAX_SAFE_INTEGER,
-    label: () => "\u5173\u4E8E"
-  }, AboutSection));
   const connection = ctx.get("connection");
   if (connection === void 0) throw new Error("connection service unavailable");
   const usage = new UsageDataStore(connection.rpc);
@@ -5175,6 +7084,13 @@ function apply(ctx) {
   const managedWorkbench = new ManagedWorkbenchStore(connection.rpc);
   const pmsTodo = new PmsTodoStore(connection.rpc);
   const appVersion = createAppVersion(connection.rpc);
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "hiwork-about",
+    order: Number.MAX_SAFE_INTEGER,
+    label: () => "\u5173\u4E8E",
+    inject: () => ({ appVersion })
+  }, AboutSection));
   const pluginUpdates = createPluginUpdates(connection.rpc);
   ctx.slots.inject("settings.section", () => ctx.slots.register({
     name: "settings.section",
@@ -5183,6 +7099,57 @@ function apply(ctx) {
     label: () => "\u7528\u91CF\u4E0E\u6210\u672C",
     inject: () => ({ hooks: controller.inject().hooks, usage })
   }, UsageSection));
+  const featureRegistry = createFeatureRegistry();
+  const images = new ImageGallerySource(connection.rpc);
+  installImagesFeature(ctx, featureRegistry, images);
+  installImageToolCard(ctx);
+  const PLUGINS_PANEL_ID = "plugins";
+  const asPanelId = (id) => id;
+  const layoutFace = () => {
+    try {
+      return ctx.layout ?? void 0;
+    } catch {
+      return void 0;
+    }
+  };
+  const nativePanel = {
+    pluginsAvailable: () => {
+      const layout = layoutFace();
+      if (layout === void 0) return false;
+      try {
+        return ctx.slots.entries("main").some((entry) => entry.options.key === PLUGINS_PANEL_ID);
+      } catch {
+        return false;
+      }
+    },
+    anyActive: () => (layoutFace()?.panelInfo.getSnapshot().activePanelId ?? null) !== null,
+    pluginsActive: () => layoutFace()?.panelInfo.getSnapshot().activePanelId === PLUGINS_PANEL_ID,
+    openPlugins: () => {
+      layoutFace()?.selectPanel(asPanelId(PLUGINS_PANEL_ID));
+    },
+    returnToConversation: () => {
+      layoutFace()?.selectPanel(null);
+    },
+    subscribe: (listener) => {
+      const layout = layoutFace();
+      if (layout === void 0) return () => void 0;
+      const offSlots = ctx.slots.subscribe("main", listener);
+      const offPanel = layout.panelInfo.subscribe(listener);
+      return () => {
+        offSlots();
+        offPanel();
+      };
+    }
+  };
+  const additionalFeatures = () => nativePanel.pluginsAvailable() ? [nativePluginsMenuItem()] : [];
+  const menuStore = new MenuStore(form, featureRegistry, additionalFeatures);
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: HIWORK_MENU_NS,
+    order: 3,
+    label: () => MENU_SECTION_LABEL,
+    inject: () => menuStore.inject()
+  }, MenuSection));
   ctx.slots.inject("conversation.chat.assistant-actions", () => ctx.slots.register({
     name: "conversation.chat.assistant-actions",
     id: "hiwork-session-cost",
@@ -5248,12 +7215,11 @@ function apply(ctx) {
     id: AI_ROUTER_NS,
     inject: () => ({ ...controller.inject(), pluginUpdates })
   }, UserBadge));
-  ctx.effect(() => mountLoginGate(scope, storeCredential), "hiwork-core: login gate");
+  ctx.effect(() => mountLoginGate(form, storeCredential), "hiwork-core: login gate");
   ctx.effect(() => observeHeroDecorations(document, dailyQuotes), "hiwork-core: hero decorations");
-  installFeatureCenter(ctx, managedMcp, managedSkills, managedWorkbench, pmsTodo);
+  installFeatureCenter(ctx, featureRegistry, menuStore, managedMcp, managedSkills, managedWorkbench, pmsTodo, additionalFeatures, nativePanel);
 }
-function installFeatureCenter(ctx, managedMcp, managedSkills, managedWorkbench, pmsTodo) {
-  const featureRegistry = createFeatureRegistry();
+function installFeatureCenter(ctx, featureRegistry, menuStore, managedMcp, managedSkills, managedWorkbench, pmsTodo, additionalFeatures, nativePanel) {
   let center;
   const resolveSessions = () => ctx.get("sessions");
   const locale = ctx.get("locale");
@@ -5332,12 +7298,20 @@ function installFeatureCenter(ctx, managedMcp, managedSkills, managedWorkbench,
       openNativeSession: (sessionId) => {
         resolveSessions()?.open(sessionId);
       },
-      ...locale === void 0 ? {} : { subscribeLocale: (listener) => locale.subscribe(listener) }
+      additionalFeatures,
+      nativePanel,
+      ...locale === void 0 ? {} : { subscribeLocale: (listener) => locale.subscribe(listener) },
+      // 侧栏分组与顺序（`hiwork-menu`，见 menu-preferences.ts / menu-store.ts）：
+      // `preferences` 每次重建菜单时现取，`subscribePreferences` 让设置页里的一次改动
+      // 立刻反映到侧栏，不需要重启。
+      preferences: () => menuStore.preferences(),
+      subscribePreferences: (listener) => menuStore.subscribePreferences(listener)
     });
     return () => {
       center?.dispose();
       center = void 0;
     };
   }, "hiwork-core: feature center");
+  ctx.effect(() => () => menuStore.dispose(), "hiwork-core: menu preferences");
 }
 return module.exports; } });