dsh-dock 0.1.0 → 0.4.0

package/client.js

@@ -1,115 +1,2154 @@
-// dsh-dock · Client 半部（浏览器 bundle，手写 lazy-CJS 工厂格式，无需构建器）
-// 面板挂载在 settings.section：设置 → 功能中枢
-// 每个功能是一个模块：FEATURES 注册表 + featureViews 视图组件 + 独立开关（内存态）。
-// planned: true 的功能为规划占位（见 README 路线图），接入后移除 planned 并提供视图即可。
+/* dsh-dock client bundle — generated by scripts/build-client.mjs（源码：src/ + features/，勿手改本文件） */
 window.__ModuleLoader__.load({
 	id: "dsh-dock",
 	factory: (require) => {
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		let react = require("react");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-		const name = "dsh-dock";
-		const inject = ["timer"];
+// src/client.jsx
+var client_exports = {};
+__export(client_exports, {
+  apply: () => apply,
+  dockBridge: () => dockBridge,
+  inject: () => inject
+});
+module.exports = __toCommonJS(client_exports);
+var import_react7 = __toESM(require("react"), 1);
 
-		// ---- 功能注册表：新功能在这里加一条，featureViews 里加同名视图 ----
-		const FEATURES = [
-			{ id: "heartbeat", name: "心跳监视", description: "示例功能：面板侧运行时长心跳（纯 Client）", defaultEnabled: true },
-			{ id: "theme", name: "主题信息", description: "示例功能：读取当前主题快照（纯 Client）", defaultEnabled: true },
-			{ id: "balance", name: "模型余额", description: "接入路线图 0.2.0：展示所有模型 Provider 账户余额", planned: true },
-			{ id: "tokenlog", name: "Token 用量记录", description: "接入路线图 0.3.0：记录全部 LLM API 调用并统计", planned: true },
-			{ id: "animation", name: "任务动画", description: "接入路线图 0.4.0：任务进度动画与通知", planned: true }
-		];
+// src/shared.js
+var import_react = __toESM(require("react"), 1);
+var FeatureBoundary = class extends import_react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      const msg = this.state.error && this.state.error.message ? this.state.error.message : String(this.state.error);
+      return import_react.default.createElement(
+        "div",
+        { className: "dockm-note dockm-err" },
+        "\u529F\u80FD\u89C6\u56FE\u6E32\u67D3\u51FA\u9519\uFF1A" + msg + "\uFF08\u8BE5\u529F\u80FD\u6765\u81EA\u5916\u90E8\u5305\uFF0C\u4E0D\u5F71\u54CD\u9762\u677F\u5176\u4ED6\u529F\u80FD\uFF09"
+      );
+    }
+    return this.props.children;
+  }
+};
+var featureState = /* @__PURE__ */ new Map();
+var stateListeners = /* @__PURE__ */ new Set();
+function notifyState() {
+  for (const fn of stateListeners) fn();
+}
+function initFeatureState(defs) {
+  for (const f of defs) {
+    if (!featureState.has(f.id)) featureState.set(f.id, { enabled: !f.planned && f.defaultEnabled !== false, error: null });
+  }
+}
+function stateOf(id) {
+  let st = featureState.get(id);
+  if (!st) {
+    st = { enabled: true, error: null };
+    featureState.set(id, st);
+  }
+  return st;
+}
+function toggleFeature(id) {
+  const st = stateOf(id);
+  st.enabled = !st.enabled;
+  notifyState();
+}
+function subscribeFeatureState(fn) {
+  stateListeners.add(fn);
+  return () => {
+    stateListeners.delete(fn);
+  };
+}
+var CHIP_STORE_KEY = "dsh-dock/chips/v1";
+var chipVisible = { map: {} };
+try {
+  if (typeof localStorage !== "undefined") {
+    const raw = localStorage.getItem(CHIP_STORE_KEY);
+    const obj = raw ? JSON.parse(raw) : null;
+    if (obj && typeof obj === "object") chipVisible.map = obj;
+  }
+} catch {
+}
+function persistChipVisible() {
+  try {
+    if (typeof localStorage !== "undefined") localStorage.setItem(CHIP_STORE_KEY, JSON.stringify(chipVisible.map));
+  } catch {
+  }
+}
+function chipShown(id) {
+  return chipVisible.map[id] !== false;
+}
+function setChipShown(id, value) {
+  chipVisible.map[id] = value !== false;
+  persistChipVisible();
+  notifyState();
+}
+var panelNav = { open: false, active: "home", params: null };
+var navListeners = /* @__PURE__ */ new Set();
+function notifyNav() {
+  for (const fn of navListeners) fn();
+}
+function openPanel(active, params) {
+  panelNav.open = true;
+  panelNav.active = typeof active === "string" && active ? active : "home";
+  panelNav.params = params && typeof params === "object" ? params : null;
+  notifyNav();
+}
+function setPanelOpen(value) {
+  panelNav.open = !!value;
+  if (!value) panelNav.params = null;
+  notifyNav();
+}
+function navigatePanel(active) {
+  panelNav.active = typeof active === "string" && active ? active : "home";
+  notifyNav();
+}
+function subscribePanel(fn) {
+  navListeners.add(fn);
+  return () => {
+    navListeners.delete(fn);
+  };
+}
 
-		const CSS = [
-			".dock-root{display:flex;flex-direction:column;gap:12px;padding:4px 0;color:var(--dsw-alias-label-primary);font-size:13px;}",
-			".dock-intro{color:var(--dsw-alias-label-secondary);line-height:1.6;}",
-			".dock-card{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;}",
-			".dock-card-head{display:flex;align-items:center;gap:8px;}",
-			".dock-dot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-secondary);flex:none;}",
-			".dock-dot.on{background:var(--dsw-alias-state-success-primary);}",
-			".dock-dot.err{background:var(--dsw-alias-state-error-primary);}",
-			".dock-name{font-weight:600;flex:none;}",
-			".dock-desc{color:var(--dsw-alias-label-secondary);flex:1;}",
-			".dock-switch{flex:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;cursor:pointer;font-size:12px;}",
-			".dock-switch.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}",
-			".dock-badge{flex:none;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;font-size:12px;}",
-			".dock-body{border-top:1px solid var(--dsw-alias-border-l1);padding-top:8px;color:var(--dsw-alias-label-secondary);display:flex;flex-direction:column;gap:4px;}"
-		].join("\n");
+// features/tokenlog/view.jsx
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function rpcCall(method, args) {
+  return fetch("/dsh-dock/tokenlog/" + method, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify(args === void 0 ? {} : args)
+  }).then(async (res) => {
+    const data = await res.json().catch(() => ({}));
+    if (res.ok && data && data.ok === true) return data.data;
+    if (res.status === 405 || res.status === 404) {
+      throw new Error("\u5BBF\u4E3B\u8FDB\u7A0B\u662F\u65E7\u7248\u672C\uFF08\u6CA1\u6709\u7528\u91CF\u8BB0\u5F55\u8DEF\u7531\uFF09\uFF0C\u91CD\u542F dsh web \u540E\u91CD\u8BD5");
+    }
+    if (data && data.ok === false) throw new Error(data.error && data.error.message || "HTTP " + res.status);
+    throw new Error("HTTP " + res.status + (data && data.error && data.error.message ? ": " + data.error.message : ""));
+  });
+}
+function fmtNum(n) {
+  return (Number(n) || 0).toLocaleString("en-US");
+}
+function fmtCompact(n) {
+  n = Number(n) || 0;
+  if (n >= 1e9) return (n / 1e9).toFixed(2) + "B";
+  if (n >= 1e6) return (n / 1e6).toFixed(2) + "M";
+  if (n >= 1e3) return (n / 1e3).toFixed(1) + "K";
+  return String(Math.round(n));
+}
+function fmtCost(n) {
+  const v = Number(n) || 0;
+  if (v >= 10) return "$" + v.toFixed(2);
+  if (v >= 0.01) return "$" + v.toFixed(4);
+  return "$" + v.toFixed(6);
+}
+function fmtCostCny(usd, rate) {
+  const v = (Number(usd) || 0) * (Number(rate) > 0 ? Number(rate) : 7.2);
+  if (v >= 1e4) return "\xA5" + (v / 1e4).toFixed(2) + "\u4E07";
+  if (v >= 100) return "\xA5" + v.toFixed(0);
+  return "\xA5" + v.toFixed(2);
+}
+function fmtDuration(ms) {
+  if (ms === null || ms === void 0 || isNaN(ms)) return "\u2014";
+  if (ms < 1e3) return Math.round(ms) + "ms";
+  if (ms < 6e4) return (ms / 1e3).toFixed(1) + "s";
+  return Math.floor(ms / 6e4) + "m" + Math.round(ms % 6e4 / 1e3) + "s";
+}
+function fmtTime(ts) {
+  if (!ts) return "";
+  const d = new Date(ts);
+  const p = (x) => String(x).padStart(2, "0");
+  return d.getFullYear() + "-" + p(d.getMonth() + 1) + "-" + p(d.getDate()) + " " + p(d.getHours()) + ":" + p(d.getMinutes()) + ":" + p(d.getSeconds());
+}
+var STORE_KEY = "dsh-dock/tokenlog/filters/v1";
+var FILTER_FIELDS = ["fromStr", "toStr", "provider", "model", "status", "effort", "sessionId", "dim"];
+function loadSavedFilters() {
+  try {
+    if (typeof localStorage === "undefined") return null;
+    const raw = localStorage.getItem(STORE_KEY);
+    if (!raw) return null;
+    const obj = JSON.parse(raw);
+    if (!obj || typeof obj !== "object") return null;
+    const out = {};
+    for (const k of FILTER_FIELDS) out[k] = typeof obj[k] === "string" ? obj[k] : "";
+    return out;
+  } catch (e) {
+    return null;
+  }
+}
+function saveFilters(f) {
+  try {
+    if (typeof localStorage === "undefined") return;
+    localStorage.setItem(STORE_KEY, JSON.stringify(f));
+  } catch (e) {
+  }
+}
+function shortId(sid) {
+  if (!sid) return "";
+  if (sid.length <= 16) return sid;
+  return sid.slice(0, 8) + "\u2026" + sid.slice(-6);
+}
+function statusInfo(r) {
+  if (r.status === "completed") return { code: 200, label: "200", cls: "ok", title: "\u6210\u529F" };
+  if (r.status === "max-tokens") return { code: 200, label: "200", cls: "warn", title: "\u5B8C\u6210(\u8FBE\u5230\u8F93\u51FA\u4E0A\u9650)" };
+  if (r.status === "error") return { code: r.statusCode || 500, label: String(r.statusCode || 500), cls: "err", title: r.errorMsg || r.errorCode || "\u8C03\u7528\u5931\u8D25" };
+  if (r.status === "aborted") return { code: 499, label: "499", cls: "warn", title: "\u5DF2\u53D6\u6D88" };
+  if (r.status === "blocked") return { code: 403, label: "403", cls: "warn", title: "\u5DF2\u963B\u6B62" };
+  if (r.status === "interrupted") return { code: 500, label: "500", cls: "warn", title: "\u4E2D\u65AD" };
+  return { code: 0, label: "\u2026", cls: "pend", title: "\u8FDB\u884C\u4E2D" };
+}
+var css = `
+.dtok-root{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;}
+.dtok-status{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dsw-alias-label-secondary);flex-wrap:wrap;}
+.dtok-status .count{color:var(--dsw-alias-label-primary);}
+.dtok-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1);}
+.dtok-filter label{font-size:12px;color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;}
+.dtok-input,.dtok-select{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:4px 8px;font-size:12px;font-family:inherit;max-width:170px;}
+.dtok-input[type="datetime-local"]{width:158px;}
+.dtok-btn{cursor:pointer;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);padding:4px 12px;font-size:12px;font-family:inherit;flex:none;}
+.dtok-btn:hover{background:var(--dsw-alias-interactive-bg-hover);}
+.dtok-btn[disabled]{opacity:.5;cursor:default;}
+.dtok-btn.primary{background:var(--dsw-alias-accent,#2f6fed);border-color:var(--dsw-alias-accent,#2f6fed);color:#fff;}
+.dtok-btn.primary:hover{filter:brightness(1.1);}
+.dtok-body{display:flex;flex-direction:column;gap:8px;min-width:0;}
+.dtok-cards{display:flex;gap:8px;flex-wrap:wrap;}
+.dtok-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:8px 14px;min-width:112px;}
+.dtok-card .v{font-size:18px;font-weight:700;color:var(--dsw-alias-label-primary);}
+.dtok-card .l{font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:2px;}
+.dtok-section-title{font-size:13px;font-weight:600;margin:6px 0 0;color:var(--dsw-alias-label-primary);}
+.dtok-table-wrap{overflow:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;max-width:100%;}
+.dtok-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;color:var(--dsw-alias-label-primary);}
+.dtok-table th{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);text-align:left;padding:7px 10px;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--dsw-alias-border-l1);font-weight:600;user-select:none;cursor:pointer;}
+.dtok-table th:hover{color:var(--dsw-alias-label-primary);}
+.dtok-table td{padding:6px 10px;border-bottom:1px solid rgba(122,132,152,0.12);}
+.dtok-table tr:hover td{background:rgba(80,110,180,0.10);}
+.dtok-empty{text-align:center;color:var(--dsw-alias-label-secondary);padding:32px 0;font-size:13px;}
+.dtok-sid{color:var(--dsw-alias-accent,#7ab8ff);cursor:pointer;text-decoration:underline dotted;}
+.dtok-sid:hover{filter:brightness(1.25);}
+.dtok-code{font-weight:700;font-family:ui-monospace,monospace;}
+.dtok-code.ok{color:var(--dsw-alias-state-success-primary,#4ade80);}
+.dtok-code.warn{color:var(--dsw-alias-state-warning-primary,#fbbf24);}
+.dtok-code.err{color:var(--dsw-alias-state-error-primary,#f87171);}
+.dtok-code.pend{color:var(--dsw-alias-label-tertiary,#94a3b8);}
+.dtok-detail-link{color:var(--dsw-alias-accent,#7ab8ff);cursor:pointer;font-size:11px;}
+.dtok-detail-link:hover{text-decoration:underline;}
+.dtok-detail{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;}
+.dtok-detail-card{background:var(--dsw-alias-bg-layer-2,#1c212b);border:1px solid var(--dsw-alias-border-l2,#3a4150);border-radius:12px;padding:20px 24px;max-width:640px;width:92%;max-height:80vh;overflow:auto;color:var(--dsw-alias-label-primary,#e8eaf0);}
+.dtok-detail-card h3{margin:0 0 12px;font-size:15px;}
+.dtok-detail-row{display:flex;gap:8px;padding:4px 0;font-size:12px;border-bottom:1px solid rgba(122,132,152,0.1);}
+.dtok-detail-row .k{color:var(--dsw-alias-label-secondary,#9aa3b5);min-width:110px;flex-shrink:0;}
+.dtok-detail-row .v{word-break:break-all;}
+.dtok-sort-mark{opacity:0.6;margin-left:3px;}
+.dtok-pager{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dsw-alias-label-secondary);}
+.dtok-pager.top{margin:0;}
+.dtok-pager.bottom{margin:0;}
+.dtok-err{color:var(--dsw-alias-state-error-primary,#ff7a7a);font-size:12px;}
+`;
+function Detail({ rec, onClose, rate }) {
+  const st = statusInfo(rec);
+  const rateCny = Number(rate) > 0 ? Number(rate) : 7.2;
+  const rows = [
+    ["\u4F1A\u8BDD ID", rec.sessionId],
+    ["\u65F6\u95F4", fmtTime(rec.time)],
+    ["\u63D0\u4F9B\u5546", rec.provider],
+    ["\u6A21\u578B", rec.model],
+    ["\u72B6\u6001\u7801", st.label + " (" + st.title + ")"],
+    ["\u9519\u8BEF\u4FE1\u606F", rec.errorMsg || "\u2014"],
+    ["\u9519\u8BEF\u7801", rec.errorCode || "\u2014"],
+    ["Request ID", rec.requestId || "\u2014"],
+    ["\u8F93\u5165 Token(\u672A\u7F13\u5B58)", fmtNum(rec.inputTokens)],
+    ["\u8F93\u51FA Token", fmtNum(rec.outputTokens)],
+    ["\u7F13\u5B58\u547D\u4E2D Token", fmtNum(rec.cacheReadTokens)],
+    ["\u7F13\u5B58\u5199\u5165 Token", fmtNum(rec.cacheWriteTokens)],
+    ["\u63A8\u7406 Token", fmtNum(rec.reasoningTokens)],
+    ["\u8BA1\u8D39\u8F93\u5165", fmtNum(rec.billedInput)],
+    ["\u7F13\u5B58\u547D\u4E2D\u7387", rec.cacheHitPercent + "%"],
+    ["\u603B Token", fmtNum(rec.totalTokens)],
+    ["\u6D88\u8017\u91D1\u989D(\u4F30\u7B97)", fmtCost(rec.cost) + " \u2248 " + fmtCostCny(rec.cost, rateCny)],
+    ["\u63A8\u7406\u5F3A\u5EA6", rec.effort || "\u2014"],
+    ["\u8017\u65F6", fmtDuration(rec.llmMs)],
+    ["Turn / Step", rec.turn + " / " + rec.step]
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-detail", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-detail-card", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u8C03\u7528\u8BE6\u60C5" }),
+    rows.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-detail-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "k", children: k }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "v", children: v })
+    ] }, k)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn", style: { marginTop: 12 }, onClick: onClose, children: "\u5173\u95ED" })
+  ] }) });
+}
+function TokenLogView(props) {
+  const navSession = props && props.params && props.params.sessionId ? props.params.sessionId : null;
+  const [savedFilters] = (0, import_react2.useState)(loadSavedFilters);
+  const [fromStr, setFromStr] = (0, import_react2.useState)(() => savedFilters && savedFilters.fromStr || "");
+  const [toStr, setToStr] = (0, import_react2.useState)(() => savedFilters && savedFilters.toStr || "");
+  const [provider, setProvider] = (0, import_react2.useState)(() => savedFilters && savedFilters.provider || "");
+  const [model, setModel] = (0, import_react2.useState)(() => savedFilters && savedFilters.model || "");
+  const [status, setStatus] = (0, import_react2.useState)(() => savedFilters && savedFilters.status || "");
+  const [effort, setEffort] = (0, import_react2.useState)(() => savedFilters && savedFilters.effort || "");
+  const [sessionId, setSessionId] = (0, import_react2.useState)(() => savedFilters && savedFilters.sessionId || "");
+  const [dim, setDim] = (0, import_react2.useState)(() => savedFilters && savedFilters.dim || "");
+  const [sortKey, setSortKey] = (0, import_react2.useState)("time");
+  const [sortDir, setSortDir] = (0, import_react2.useState)("desc");
+  const [data, setData] = (0, import_react2.useState)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(false);
+  const [err, setErr] = (0, import_react2.useState)("");
+  const [page, setPage] = (0, import_react2.useState)(0);
+  const [detailRec, setDetailRec] = (0, import_react2.useState)(null);
+  const pageSize = 100;
+  (0, import_react2.useEffect)(() => {
+    saveFilters({ fromStr, toStr, provider, model, status, effort, sessionId, dim });
+  }, [fromStr, toStr, provider, model, status, effort, sessionId, dim]);
+  (0, import_react2.useEffect)(() => {
+    let cancel = false;
+    setLoading(true);
+    setErr("");
+    const q = {};
+    if (savedFilters) {
+      if (savedFilters.fromStr) q.from = new Date(savedFilters.fromStr).getTime();
+      if (savedFilters.toStr) q.to = new Date(savedFilters.toStr).getTime();
+      if (savedFilters.provider) q.provider = savedFilters.provider;
+      if (savedFilters.model) q.model = savedFilters.model;
+      if (savedFilters.status) q.status = savedFilters.status;
+      if (savedFilters.effort) q.effort = savedFilters.effort;
+      if (savedFilters.sessionId) q.sessionId = savedFilters.sessionId;
+      if (savedFilters.dim) q.dim = savedFilters.dim;
+    }
+    rpcCall("scan", {}).then(() => cancel ? null : rpcCall("query", q)).then((d) => {
+      if (cancel) return;
+      setData(d);
+    }).catch((e) => {
+      if (!cancel) setErr(String(e && e.message || e));
+    }).finally(() => {
+      if (!cancel) setLoading(false);
+    });
+    return () => {
+      cancel = true;
+    };
+  }, [savedFilters]);
+  const buildQ = (0, import_react2.useCallback)((withDim, dimOverride) => {
+    const q = {};
+    if (fromStr) q.from = new Date(fromStr).getTime();
+    if (toStr) q.to = new Date(toStr).getTime();
+    if (provider) q.provider = provider;
+    if (model) q.model = model;
+    if (status) q.status = status;
+    if (effort) q.effort = effort;
+    if (sessionId) q.sessionId = sessionId;
+    const dimNow = dimOverride !== void 0 ? dimOverride : dim;
+    if (withDim && dimNow) q.dim = dimNow;
+    return q;
+  }, [fromStr, toStr, provider, model, status, effort, sessionId, dim]);
+  const runQuery = (0, import_react2.useCallback)((dimOverride) => {
+    setLoading(true);
+    setErr("");
+    rpcCall("query", buildQ(true, dimOverride)).then((d) => {
+      setData(d);
+      setPage(0);
+    }).catch((e) => setErr(String(e && e.message || e))).finally(() => setLoading(false));
+  }, [buildQ]);
+  (0, import_react2.useEffect)(() => {
+    if (!navSession) return;
+    setSessionId(navSession);
+    setLoading(true);
+    setErr("");
+    rpcCall("query", Object.assign({}, buildQ(true), { sessionId: navSession })).then((d) => {
+      setData(d);
+      setPage(0);
+    }).catch((e) => setErr(String(e && e.message || e))).finally(() => setLoading(false));
+  }, [navSession]);
+  const resetFilters = (0, import_react2.useCallback)(() => {
+    setFromStr("");
+    setToStr("");
+    setProvider("");
+    setModel("");
+    setStatus("");
+    setEffort("");
+    setSessionId("");
+    setDim("");
+    setLoading(true);
+    setErr("");
+    rpcCall("query", {}).then((d) => {
+      setData(d);
+      setPage(0);
+    }).catch((e) => setErr(String(e && e.message || e))).finally(() => setLoading(false));
+  }, []);
+  const exportCsv = (0, import_react2.useCallback)(() => {
+    rpcCall("export", buildQ(false)).then((d) => {
+      const blob = new Blob([d.csv], { type: "text/csv;charset=utf-8" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "dsh-dock-tokenlog-" + Date.now() + ".csv";
+      a.click();
+      URL.revokeObjectURL(url);
+    }).catch((e) => setErr(String(e && e.message || e)));
+  }, [buildQ]);
+  (0, import_react2.useEffect)(() => {
+    const timer = setInterval(() => {
+      rpcCall("query", buildQ(true)).then((d) => {
+        setData(d);
+        setErr("");
+      }).catch(() => {
+      });
+    }, 5e3);
+    return () => clearInterval(timer);
+  }, [buildQ]);
+  const toggleSort = (0, import_react2.useCallback)((key) => {
+    if (sortKey === key) setSortDir(sortDir === "asc" ? "desc" : "asc");
+    else {
+      setSortKey(key);
+      setSortDir("asc");
+    }
+  }, [sortKey, sortDir]);
+  const records = data && data.records || [];
+  const totals = data && data.totals;
+  const sessionIds = data && data.sessionIds || [];
+  const sorted = (0, import_react2.useMemo)(() => {
+    const arr = records.slice();
+    const key = sortKey;
+    const dir = sortDir === "asc" ? 1 : -1;
+    arr.sort((a, b) => {
+      const av = a[key];
+      const bv = b[key];
+      if (av === null || av === void 0 || av === "") return 1;
+      if (bv === null || bv === void 0 || bv === "") return -1;
+      if (typeof av === "string") return av.localeCompare(String(bv)) * dir;
+      return (Number(av) - Number(bv)) * dir;
+    });
+    return arr;
+  }, [records, sortKey, sortDir]);
+  const pageCount = Math.max(1, Math.ceil(sorted.length / pageSize));
+  const pageSafe = Math.min(page, pageCount - 1);
+  const pageRows = sorted.slice(pageSafe * pageSize, (pageSafe + 1) * pageSize);
+  const rateCny = data && data.rateUsdCny || 7.2;
+  const cards = totals ? [
+    { v: fmtNum(totals.calls), l: "\u8C03\u7528\u6B21\u6570" },
+    { v: fmtCompact(totals.totalTokens), l: "\u603B Token" },
+    { v: fmtCompact(totals.inputTokens), l: "\u8F93\u5165(\u672A\u7F13\u5B58)" },
+    { v: fmtCompact(totals.cacheReadTokens), l: "\u7F13\u5B58\u547D\u4E2D" },
+    { v: totals.cacheHitPct + "%", l: "\u7F13\u5B58\u547D\u4E2D\u7387" },
+    { v: fmtCompact(totals.outputTokens), l: "\u8F93\u51FA" },
+    { v: fmtCost(totals.cost), l: "\u6D88\u8017\u91D1\u989D(\u4F30\u7B97)" },
+    { v: fmtCostCny(totals.cost, rateCny), l: "\u6D88\u8017\u91D1\u989D(\xA5)" },
+    { v: fmtDuration(totals.llmMs), l: "\u7D2F\u8BA1\u8017\u65F6" + (totals.timed ? " (" + totals.timed + "\u6B65)" : "") }
+  ] : [];
+  const opts = (arr) => (arr || []).map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: x, children: x || "(\u7A7A)" }, x || "(none)"));
+  const modelChoices = provider && data && data.modelsByProvider ? data.modelsByProvider[provider] || [] : data && data.models || [];
+  const summaryRows = (data && data.summary || []).map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.key }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.calls) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.inputTokens) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.cacheReadTokens) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.cacheHitPct + "%" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.outputTokens) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.totalTokens) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCost(r.cost) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCostCny(r.cost, rateCny) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtDuration(r.llmMs) })
+  ] }, r.key));
+  const sortTh = (label, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("th", { onClick: () => toggleSort(key), title: "\u70B9\u51FB\u6392\u5E8F", children: [
+    label,
+    sortKey === key ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dtok-sort-mark", children: sortDir === "asc" ? "\u25B2" : "\u25BC" }) : null
+  ] });
+  const detailRows = pageRows.map((r) => {
+    const st = statusInfo(r);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtTime(r.time) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dtok-sid", title: "\u70B9\u51FB\u6309\u6B64\u4F1A\u8BDD\u7B5B\u9009", onClick: () => {
+        setSessionId(r.sessionId);
+        runQuery();
+      }, children: shortId(r.sessionId) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.provider || "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.model || "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.inputTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.cacheReadTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.cacheHitPercent + "%" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.outputTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.reasoningTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.totalTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCost(r.cost) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCostCny(r.cost, rateCny) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.effort || "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dtok-code " + st.cls, children: st.label }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "dtok-detail-link", onClick: () => setDetailRec(r), children: "\u67E5\u770B\u8BE6\u60C5" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtDuration(r.llmMs) })
+    ] }, r.id);
+  });
+  const bodyNodes = [];
+  if (err) bodyNodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-err", children: [
+    "\u9519\u8BEF: ",
+    err
+  ] }, "err"));
+  if (cards.length) bodyNodes.push(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-cards", children: cards.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "v", children: c.v }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "l", children: c.l })
+    ] }, c.l)) }, "cards")
+  );
+  if (summaryRows.length) bodyNodes.push(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-section-title", children: [
+      "\u7EDF\u8BA1\u5206\u7EC4: ",
+      dim || "\u65E0",
+      " (",
+      summaryRows.length,
+      " \u7EC4)"
+    ] }, "sum"),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: "dtok-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7EF4\u5EA6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8C03\u7528" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7F13\u5B58" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u547D\u4E2D\u7387" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u51FA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u603BToken" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u91D1\u989D" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u91D1\u989D(\xA5)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8017\u65F6" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: summaryRows })
+    ] }) }, "sumtab")
+  );
+  bodyNodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-section-title", children: "\u6309\u7EF4\u5EA6\u7EDF\u8BA1" }, "dimtitle"));
+  bodyNodes.push(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-filter", style: { padding: "4px 0 0", border: "none", background: "transparent" }, children: ["", "provider", "model", "status", "effort"].map((d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn" + (dim === d ? " primary" : ""), onClick: () => {
+      setDim(d);
+      runQuery(d);
+    }, children: d === "" ? "\u65E0\u5206\u7EC4" : d }, d)) }, "dimrow")
+  );
+  bodyNodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-section-title", children: "\u8C03\u7528\u660E\u7EC6" }, "dettitle"));
+  if (sorted.length === 0) {
+    bodyNodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-empty", children: loading ? "\u52A0\u8F7D\u4E2D\u2026" : "\u65E0\u5339\u914D\u8BB0\u5F55" }, "empty"));
+  } else {
+    const pager = (key, cls) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-pager " + cls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn", disabled: pageSafe <= 0, onClick: () => setPage(pageSafe - 1), children: "\u4E0A\u4E00\u9875" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        "\u7B2C ",
+        pageSafe + 1,
+        " / ",
+        pageCount,
+        " \u9875 \xB7 \u5171 ",
+        sorted.length,
+        " \u6761"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn", disabled: pageSafe >= pageCount - 1, onClick: () => setPage(pageSafe + 1), children: "\u4E0B\u4E00\u9875" })
+    ] }, key);
+    bodyNodes.push(pager("pager-top", "top"));
+    bodyNodes.push(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: "dtok-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          sortTh("\u65F6\u95F4", "time"),
+          sortTh("\u4F1A\u8BDDID", "sessionId"),
+          sortTh("\u63D0\u4F9B\u5546", "provider"),
+          sortTh("\u6A21\u578B", "model"),
+          sortTh("\u8F93\u5165", "inputTokens"),
+          sortTh("\u7F13\u5B58", "cacheReadTokens"),
+          sortTh("\u547D\u4E2D%", "cacheHitPercent"),
+          sortTh("\u8F93\u51FA", "outputTokens"),
+          sortTh("\u63A8\u7406", "reasoningTokens"),
+          sortTh("\u603B\u989D", "totalTokens"),
+          sortTh("\u91D1\u989D", "cost"),
+          sortTh("\u91D1\u989D(\xA5)", "cost"),
+          sortTh("\u5F3A\u5EA6", "effort"),
+          sortTh("\u72B6\u6001", "status"),
+          sortTh("\u8017\u65F6", "llmMs")
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: detailRows })
+      ] }) }, "detail")
+    );
+    bodyNodes.push(pager("pager-bottom", "bottom"));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-root", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "count", children: loading ? "\u52A0\u8F7D\u4E2D\u2026" : data ? data.counts.matching + " / " + data.counts.total + " \u6761" : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u5168\u5C4F\u8BF7\u7528\u9762\u677F\u53F3\u4E0A\u89D2\u300C\u6700\u5927\u5316\u300D\uFF1B\u9762\u677F\u6253\u5F00\u671F\u95F4\u6BCF 5 \u79D2\u81EA\u52A8\u5237\u65B0" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-filter", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u8D77" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "dtok-input", type: "datetime-local", step: "1", value: fromStr, onChange: (e) => setFromStr(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u6B62" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "dtok-input", type: "datetime-local", step: "1", value: toStr, onChange: (e) => setToStr(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u4F1A\u8BDD" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "dtok-select", value: sessionId, onChange: (e) => setSessionId(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+        opts(sessionIds)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u63D0\u4F9B\u5546" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "dtok-select", value: provider, onChange: (e) => {
+        setProvider(e.target.value);
+        setModel("");
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+        opts(data && data.providers)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u6A21\u578B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "dtok-select", value: model, onChange: (e) => setModel(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+        opts(modelChoices)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u72B6\u6001" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "dtok-select", value: status, onChange: (e) => setStatus(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+        opts(data && data.statuses)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u63A8\u7406\u5F3A\u5EA6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "dtok-select", value: effort, onChange: (e) => setEffort(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+        opts(data && data.efforts)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn primary", onClick: runQuery, children: "\u67E5\u8BE2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn", onClick: resetFilters, children: "\u91CD\u7F6E" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn", onClick: exportCsv, children: "\u5BFC\u51FA CSV" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-body", children: bodyNodes }),
+    detailRec ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Detail, { rec: detailRec, onClose: () => setDetailRec(null), rate: rateCny }) : null
+  ] });
+}
+function todayStart() {
+  const d = /* @__PURE__ */ new Date();
+  d.setHours(0, 0, 0, 0);
+  return d.getTime();
+}
+function TokenLogHomeStat() {
+  const [snap, setSnap] = (0, import_react2.useState)({ totals: null, rate: 7.2, err: "" });
+  (0, import_react2.useEffect)(() => {
+    let cancel = false;
+    const load = () => rpcCall("query", { from: todayStart() }).then((d) => {
+      if (!cancel) setSnap({ totals: d && d.totals, rate: d && d.rateUsdCny || 7.2, err: "" });
+    }).catch((e) => {
+      if (!cancel) setSnap((s) => ({ totals: s.totals, rate: s.rate, err: String(e && e.message || e) }));
+    });
+    load();
+    const timer = setInterval(load, 6e4);
+    return () => {
+      cancel = true;
+      clearInterval(timer);
+    };
+  }, []);
+  if (!snap.totals) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: snap.err ? "\u7528\u91CF\u67E5\u8BE2\u5931\u8D25\uFF08\u70B9\u51FB\u8FDB\u5165\u67E5\u770B\uFF09" : "\u6B63\u5728\u62C9\u53D6\u4ECA\u65E5\u7528\u91CF\u2026" });
+  const t = snap.totals;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+    "\u4ECA\u65E5 ",
+    fmtNum(t.calls),
+    " \u6B21\u8C03\u7528 \xB7 ",
+    fmtCompact(t.totalTokens),
+    " Token \xB7 ",
+    fmtCost(t.cost),
+    "\uFF08",
+    fmtCostCny(t.cost, snap.rate),
+    "\uFF09"
+  ] });
+}
+function TokenLogChip(props) {
+  const sid = props && props.sessionId || props && props.session && props.session.sessionId || null;
+  const [snap, setSnap] = (0, import_react2.useState)({ totals: null, err: "" });
+  (0, import_react2.useEffect)(() => {
+    if (!sid) return;
+    let cancel = false;
+    const load = () => rpcCall("query", { sessionId: sid }).then((d) => {
+      if (!cancel) setSnap({ totals: d && d.totals, err: "" });
+    }).catch((e) => {
+      if (!cancel) setSnap((s) => ({ totals: s.totals, err: String(e && e.message || e) }));
+    });
+    load();
+    const timer = setInterval(load, 1e4);
+    return () => {
+      cancel = true;
+      clearInterval(timer);
+    };
+  }, [sid]);
+  if (!sid) return null;
+  const t = snap.totals;
+  const label = snap.err && !t ? snap.err.includes("\u91CD\u542F") ? "\u7528\u91CF\xB7\u9700\u91CD\u542F\u5BBF\u4E3B" : "\u7528\u91CF\xB7\u5931\u8D25" : t ? "\u26C1 " + fmtCompact(t.totalTokens) + (t.cost > 0 ? " \xB7 " + fmtCost(t.cost) : "") : "\u26C1 \u2026";
+  const title = t ? "\u672C\u4F1A\u8BDD " + fmtNum(t.calls) + " \u6B21\u8C03\u7528 \xB7 " + fmtNum(t.totalTokens) + " Token \xB7 " + fmtCost(t.cost) + "\uFF08\u4F30\u7B97\uFF09\n\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55" : (snap.err ? snap.err + "\n" : "") + "\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: "dockchip" + (snap.err && !t ? " err" : ""),
+      title,
+      "aria-label": "\u4F1A\u8BDD\u7528\u91CF",
+      onClick: () => openPanel("tokenlog", { sessionId: sid }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dockchip-dot", style: { background: "#fbbf24" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+var feature = {
+  id: "tokenlog",
+  name: "\u7528\u91CF\u8BB0\u5F55",
+  order: 110,
+  accent: "#fbbf24",
+  description: "\u8BB0\u5F55\u5168\u90E8 LLM API \u8C03\u7528\uFF1A\u79D2\u7EA7\u65F6\u95F4\u7B5B\u9009\u3001Token/\u8D39\u7528\u7EDF\u8BA1\uFF08\u5CF0\u8C37\u8BA1\u4EF7+\u5B98\u7F51\u4EF7\u76EE\u81EA\u52A8\u540C\u6B65\uFF09\u3001\u5206\u7EC4\u6C47\u603B\u3001\u660E\u7EC6\u68C0\u7D22\u4E0E CSV \u5BFC\u51FA",
+  css,
+  View: TokenLogView,
+  HomeStat: TokenLogHomeStat,
+  Chip: TokenLogChip
+};
 
-		function apply(ctx) {
-			const slots = ctx.get("slots");
-			if (slots === undefined) return;
+// features/modelconfig/view.js
+var import_react3 = __toESM(require("react"), 1);
+var modelsStore = {
+  snap: { data: null, loading: false, error: null },
+  listeners: /* @__PURE__ */ new Set(),
+  subscribe(fn) {
+    this.listeners.add(fn);
+    return () => {
+      this.listeners.delete(fn);
+    };
+  },
+  set(patch) {
+    this.snap = Object.assign({}, this.snap, patch);
+    for (const fn of this.listeners) fn();
+  },
+  load() {
+    if (this.snap.loading) return;
+    this.set({ loading: true });
+    fetch("/dsh-dock/models", { signal: AbortSignal.timeout(2e4) }).then((res) => res.ok ? res.json() : Promise.reject(new Error("\u6A21\u578B\u76EE\u5F55\u63A5\u53E3 HTTP " + res.status))).then((data) => this.set({ data, loading: false, error: null })).catch((e) => this.set({ loading: false, error: e && e.message || String(e) }));
+  }
+};
+function useModels() {
+  const [snap, setSnap] = import_react3.default.useState(modelsStore.snap);
+  import_react3.default.useEffect(() => {
+    const off = modelsStore.subscribe(() => setSnap(modelsStore.snap));
+    if (!modelsStore.snap.data && !modelsStore.snap.loading) modelsStore.load();
+    return off;
+  }, []);
+  return snap;
+}
+var DKM_MODALITIES = [["text", "\u6587\u672C"], ["image", "\u56FE\u7247"]];
+var DKM_TAGS = [["video", "\u89C6\u9891"], ["audio", "\u97F3\u9891"], ["document", "\u6587\u6863"]];
+var DKM_PI_LEVELS = ["off", "minimal", "low", "medium", "high", "xhigh", "max"];
+var DKM_DS_LEVELS = ["off", "low", "high", "max"];
+var DKM_EFFORT_NAMES = { off: "\u5173\u95ED", minimal: "\u6781\u4F4E", low: "\u4F4E", medium: "\u4E2D", high: "\u9AD8", xhigh: "\u8D85\u9AD8", max: "\u6700\u9AD8" };
+function draftFromProvider(p) {
+  return {
+    id: p.id,
+    kind: p.kind,
+    thinking: p.thinking === "disabled" ? "disabled" : "enabled",
+    defaultEffort: DKM_DS_LEVELS.indexOf(p.defaultEffort) >= 0 ? p.defaultEffort : "high",
+    models: (p.models || []).map((m) => {
+      const levels = {};
+      if (m.efforts === "custom" && m.effortMap && typeof m.effortMap === "object") {
+        for (const lv of DKM_PI_LEVELS) levels[lv] = m.effortMap[lv] !== void 0;
+      }
+      return {
+        id: m.id || "",
+        name: m.name || "",
+        contextWindow: m.contextWindow != null ? String(m.contextWindow) : "",
+        maxTokens: m.maxTokens != null ? String(m.maxTokens) : "",
+        input: m.input && m.input.length ? m.input.slice() : ["text"],
+        tags: (m.tags || []).slice(),
+        effortsMode: m.efforts === "custom" ? "custom" : m.efforts === "off" ? "off" : "inherit",
+        effortLevels: levels,
+        raw: m.raw && typeof m.raw === "object" ? m.raw : null
+      };
+    })
+  };
+}
+function ModelsView() {
+  const snap = useModels();
+  const data = snap.data;
+  const providers = data && Array.isArray(data.providers) ? data.providers : [];
+  const [selId, setSelId] = import_react3.default.useState(null);
+  const [draft, setDraft] = import_react3.default.useState(null);
+  const [builtKey, setBuiltKey] = import_react3.default.useState(null);
+  const [dirty, setDirty] = import_react3.default.useState(false);
+  const [saving, setSaving] = import_react3.default.useState(false);
+  const [msg, setMsg] = import_react3.default.useState(null);
+  const [vpDraft, setVpDraft] = import_react3.default.useState(null);
+  const [vpBuilt, setVpBuilt] = import_react3.default.useState(null);
+  const [vpDirty, setVpDirty] = import_react3.default.useState(false);
+  const [vpSaving, setVpSaving] = import_react3.default.useState(false);
+  const [vpMsg, setVpMsg] = import_react3.default.useState(null);
+  const cur = providers.length > 0 ? providers.find((p) => p.id === selId) || providers[0] : null;
+  const wantKey = cur ? cur.id + ":" + String(data && data.generatedAt || 0) : null;
+  if (cur && builtKey !== wantKey) {
+    setBuiltKey(wantKey);
+    setDraft(draftFromProvider(cur));
+    setDirty(false);
+  }
+  const vpWantKey = data ? String(data.generatedAt) : null;
+  if (data && vpBuilt !== vpWantKey) {
+    setVpBuilt(vpWantKey);
+    const vp = data.visionProxy || {};
+    setVpDraft({ enabled: !!vp.enabled, provider: String(vp.provider || ""), model: String(vp.model || "") });
+    setVpDirty(false);
+  }
+  const saveVp = () => {
+    if (!vpDraft || vpSaving) return;
+    setVpSaving(true);
+    fetch("/dsh-dock/models", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ visionProxy: vpDraft, revisions: data && data.revisions || {} }),
+      signal: AbortSignal.timeout(2e4)
+    }).then((res) => res.json().then((b2) => ({ status: res.status, body: b2 })).catch(() => ({ status: res.status, body: {} }))).then((r2) => {
+      if (r2.status === 200 && r2.body && r2.body.ok) {
+        setVpMsg({ ok: true, text: "\u56FE\u7247\u4EE3\u7406\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u5373\u65F6\u751F\u6548" });
+        modelsStore.load();
+      } else {
+        setVpMsg({ ok: false, text: r2.body && r2.body.error || "HTTP " + r2.status });
+      }
+    }).catch((e) => setVpMsg({ ok: false, text: e && e.message || String(e) })).then(() => setVpSaving(false));
+  };
+  const patchDraft = (patch) => {
+    setDraft(Object.assign({}, draft, patch));
+    setDirty(true);
+    setMsg(null);
+  };
+  const patchModel = (i, patch) => {
+    const models = draft.models.slice();
+    models[i] = Object.assign({}, models[i], patch);
+    patchDraft({ models });
+  };
+  const toggleIn = (list, v) => list.indexOf(v) >= 0 ? list.filter((x) => x !== v) : list.concat([v]);
+  const ALL_INPUT = DKM_MODALITIES.map((x) => x[0]);
+  const ALL_TAGS = DKM_TAGS.map((x) => x[0]);
+  const allInputs = (on) => ({ input: on ? ALL_INPUT.slice() : [], tags: on ? ALL_TAGS.slice() : [] });
+  const allLevels = (on) => {
+    const lv = {};
+    for (const k of DKM_PI_LEVELS) lv[k] = !!on;
+    return { effortsMode: "custom", effortLevels: lv };
+  };
+  const bulkModels = (fn) => patchDraft({ models: draft.models.map((m) => Object.assign({}, m, fn(m))) });
+  const selectProvider = (id) => {
+    setSelId(id);
+    setMsg(null);
+  };
+  const save = () => {
+    if (!draft || !cur || !dirty || saving) return;
+    const models = draft.models.map((m) => ({
+      id: String(m.id || "").trim(),
+      name: String(m.name || "").trim(),
+      contextWindow: m.contextWindow === "" ? void 0 : Number(m.contextWindow),
+      maxTokens: m.maxTokens === "" ? void 0 : Number(m.maxTokens),
+      input: m.input,
+      tags: m.tags,
+      effortsMode: m.effortsMode,
+      effortLevels: m.effortLevels,
+      raw: m.raw
+    }));
+    const payload = { provider: cur.id, revisions: data && data.revisions || {}, models };
+    if (cur.kind === "deepseek") {
+      payload.thinking = draft.thinking;
+      payload.defaultEffort = draft.defaultEffort;
+    }
+    setSaving(true);
+    fetch("/dsh-dock/models", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(payload),
+      signal: AbortSignal.timeout(2e4)
+    }).then((res) => res.json().then((body2) => ({ status: res.status, body: body2 })).catch(() => ({ status: res.status, body: {} }))).then((r2) => {
+      if (r2.status === 200 && r2.body && r2.body.ok) {
+        setMsg({ ok: true, text: "\u5DF2\u5199\u56DE\u5B98\u65B9\u914D\u7F6E\uFF1B\u91CD\u65B0\u6253\u5F00\u4F1A\u8BDD\u6A21\u578B\u9009\u62E9\u5668\u5373\u53EF\u9009\u62E9\u65B0\u6A21\u578B/\u5F3A\u5EA6\u6863" });
+        modelsStore.load();
+      } else {
+        setMsg({ ok: false, text: r2.body && r2.body.error || "HTTP " + r2.status });
+      }
+    }).catch((e) => setMsg({ ok: false, text: e && e.message || String(e) })).then(() => setSaving(false));
+  };
+  const modelRow = (m, i) => import_react3.default.createElement(
+    "div",
+    { key: i, className: "dkm-model" },
+    import_react3.default.createElement(
+      "div",
+      { className: "dkm-model-head" },
+      import_react3.default.createElement("span", { className: "dkm-model-idx" }, "#" + (i + 1)),
+      import_react3.default.createElement("button", {
+        type: "button",
+        className: "dkm-del",
+        onClick: () => patchDraft({ models: draft.models.filter((_, j) => j !== i) })
+      }, "\u5220\u9664")
+    ),
+    import_react3.default.createElement(
+      "div",
+      { className: "dkm-grid" },
+      import_react3.default.createElement("input", { className: "dkm-input", placeholder: "\u6A21\u578B id\uFF08\u5FC5\u586B\uFF0C\u5982 deepseek-v4-pro\uFF09", value: m.id, onChange: (e) => patchModel(i, { id: e.target.value }) }),
+      import_react3.default.createElement("input", { className: "dkm-input", placeholder: "\u663E\u793A\u540D\u79F0\uFF08\u53EF\u9009\uFF09", value: m.name, onChange: (e) => patchModel(i, { name: e.target.value }) }),
+      import_react3.default.createElement("input", { className: "dkm-input", placeholder: "\u4E0A\u4E0B\u6587\u7A97\u53E3", inputMode: "numeric", value: m.contextWindow, onChange: (e) => patchModel(i, { contextWindow: e.target.value }) }),
+      import_react3.default.createElement("input", { className: "dkm-input", placeholder: "\u6700\u5927\u8F93\u51FA", inputMode: "numeric", value: m.maxTokens, onChange: (e) => patchModel(i, { maxTokens: e.target.value }) })
+    ),
+    import_react3.default.createElement(
+      "div",
+      { className: "dkm-checks" },
+      import_react3.default.createElement("span", { className: "dkm-label" }, "\u8F93\u5165\u7C7B\u578B\uFF1A"),
+      DKM_MODALITIES.map(([v, label]) => import_react3.default.createElement(
+        "label",
+        {
+          key: v,
+          className: "dkm-check",
+          title: v === "image" ? "\u52FE\u9009=\u7AEF\u70B9\u539F\u751F\u652F\u6301\u56FE\u7247\uFF08\u539F\u56FE\u76F4\u53D1\uFF0C\u56FE\u7247\u7406\u89E3\u4EE3\u7406\u8DF3\u8FC7\uFF09\uFF1B\u7EAF\u6587\u672C\u6A21\u578B\u52FF\u52FE\u2014\u2014\u6536\u56FE\u4F1A\u81EA\u52A8\u4EA4\u7ED9\u56FE\u7247\u7406\u89E3\u4EE3\u7406\u8BC6\u522B" : null
+        },
+        import_react3.default.createElement("input", {
+          type: "checkbox",
+          checked: m.input.indexOf(v) >= 0,
+          onChange: () => {
+            const next = toggleIn(m.input, v);
+            patchModel(i, { input: next.length > 0 ? next : ["text"] });
+          }
+        }),
+        label
+      )),
+      import_react3.default.createElement("span", { className: "dkm-label dkm-tag", title: "\u6807\u6CE8\u4EC5\u5728\u672C\u9762\u677F\u5C55\u793A\u4E0E\u6301\u4E45\u5316\uFF0C\u4E0D\u53C2\u4E0E\u8BF7\u6C42\u8DEF\u7531\uFF08\u5B98\u65B9 schema \u53EA\u63A5\u53D7\u6587\u672C/\u56FE\u7247\uFF09" }, "\u6807\u6CE8\uFF1A"),
+      DKM_TAGS.map(([v, label]) => import_react3.default.createElement(
+        "label",
+        { key: v, className: "dkm-check dkm-tag" },
+        import_react3.default.createElement("input", { type: "checkbox", checked: m.tags.indexOf(v) >= 0, onChange: () => patchModel(i, { tags: toggleIn(m.tags, v) }) }),
+        label
+      )),
+      import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u4E00\u952E\u52FE\u9009\u5168\u90E8\u8F93\u5165\u7C7B\u578B\u4E0E\u6807\u6CE8", onClick: () => patchModel(i, allInputs(true)) }, "\u5168\u9009"),
+      import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u4E00\u952E\u53D6\u6D88\u5168\u90E8\u52FE\u9009\uFF08\u8F93\u5165\u7559\u7A7A = \u7EE7\u627F\u76EE\u5F55\u9ED8\u8BA4\uFF09", onClick: () => patchModel(i, allInputs(false)) }, "\u53D6\u6D88\u5168\u9009")
+    ),
+    import_react3.default.createElement(
+      "div",
+      { className: "dkm-efforts" },
+      import_react3.default.createElement("span", { className: "dkm-label" }, "\u601D\u8003\u5F3A\u5EA6\uFF1A"),
+      cur.kind === "deepseek" ? import_react3.default.createElement("span", { className: "dkm-sub" }, "\u968F Provider \u8BBE\u7F6E\uFF08Off/Low/High/Max\uFF0C\u5168\u6A21\u578B\u5171\u4EAB\uFF09") : import_react3.default.createElement(
+        "span",
+        null,
+        import_react3.default.createElement(
+          "select",
+          {
+            className: "dkm-select",
+            value: m.effortsMode,
+            onChange: (e) => patchModel(i, {
+              effortsMode: e.target.value,
+              effortLevels: e.target.value === "custom" && m.effortsMode !== "custom" ? { off: true, low: true, high: true } : m.effortLevels
+            })
+          },
+          import_react3.default.createElement("option", { value: "inherit" }, "\u8DDF\u968F\u76EE\u5F55\u9ED8\u8BA4"),
+          import_react3.default.createElement("option", { value: "off" }, "\u4E0D\u652F\u6301\u601D\u8003"),
+          import_react3.default.createElement("option", { value: "custom" }, "\u81EA\u5B9A\u4E49\u6863\u4F4D")
+        ),
+        m.effortsMode === "custom" ? DKM_PI_LEVELS.map((lv) => import_react3.default.createElement(
+          "label",
+          { key: lv, className: "dkm-check" },
+          import_react3.default.createElement("input", {
+            type: "checkbox",
+            checked: !!m.effortLevels[lv],
+            onChange: () => {
+              const nl = Object.assign({}, m.effortLevels);
+              nl[lv] = !nl[lv];
+              patchModel(i, { effortLevels: nl });
+            }
+          }),
+          DKM_EFFORT_NAMES[lv] || lv
+        )) : null,
+        import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u4E00\u952E\u52FE\u9009\u5168\u90E8\u5F3A\u5EA6\u6863\uFF08\u5207\u4E3A\u81EA\u5B9A\u4E49\uFF09", onClick: () => patchModel(i, allLevels(true)) }, "\u5168\u9009"),
+        import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u4E00\u952E\u53D6\u6D88\u5168\u90E8\u5F3A\u5EA6\u6863", onClick: () => patchModel(i, allLevels(false)) }, "\u53D6\u6D88\u5168\u9009")
+      )
+    )
+  );
+  const body = [];
+  if (snap.error) {
+    body.push(import_react3.default.createElement(
+      "div",
+      { key: "err", className: "dkm-error" },
+      "\u6A21\u578B\u76EE\u5F55\u62C9\u53D6\u5931\u8D25\uFF1A" + snap.error + " ",
+      import_react3.default.createElement("button", { type: "button", className: "dkb-refresh", onClick: () => modelsStore.load() }, "\u91CD\u8BD5")
+    ));
+  } else if (!data) {
+    body.push(import_react3.default.createElement("div", { key: "loading", className: "dkm-note" }, snap.loading ? "\u6B63\u5728\u62C9\u53D6\u6A21\u578B\u76EE\u5F55\u2026" : "\u7B49\u5F85\u62C9\u53D6\u6A21\u578B\u76EE\u5F55"));
+  }
+  if (data && data.visionProxy === void 0) {
+    body.push(import_react3.default.createElement(
+      "div",
+      { key: "visionproxy-old", className: "dkm-note" },
+      "\u56FE\u7247\u7406\u89E3\u4EE3\u7406\u9700\u8981\u65B0\u7248\u5BBF\u4E3B\u8FDB\u7A0B\uFF1A\u5F53\u524D dsh web \u8F83\u65E7\uFF0C\u91CD\u542F\u540E\u6B64\u9762\u677F\u53EF\u7528\u3002"
+    ));
+  }
+  if (data && data.visionProxy !== void 0 && vpDraft) {
+    const effInput = (m) => (m.runtimeInput && m.runtimeInput.length > 0 ? m.runtimeInput : m.input) || [];
+    const vpDirect = [];
+    const vpProxied = [];
+    for (const p of providers) {
+      for (const m of p.models || []) {
+        const item = { key: p.id + "/" + m.id, label: (p.displayName || p.id) + " / " + (m.name || m.id), model: m.name || m.id };
+        (effInput(m).indexOf("image") >= 0 ? vpDirect : vpProxied).push(item);
+      }
+    }
+    const vpCandidates = vpDirect.slice();
+    const vpKey = vpDraft.provider + "/" + vpDraft.model;
+    const vpKnown = vpCandidates.some((c) => c.key === vpKey);
+    body.push(import_react3.default.createElement(
+      "div",
+      { key: "visionproxy", className: "dkm-prov" },
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-prov-head" },
+        import_react3.default.createElement("span", { className: "dkm-name" }, "\u56FE\u7247\u7406\u89E3\u4EE3\u7406"),
+        import_react3.default.createElement("span", { className: "dkm-badge" }, vpDraft.enabled ? "\u5DF2\u542F\u7528" : "\u5DF2\u505C\u7528"),
+        import_react3.default.createElement("span", { className: "dkm-sub" }, "\u7EAF\u6587\u672C\u6A21\u578B\u6536\u5230\u56FE\u7247\u65F6\u81EA\u52A8\u8C03\u7528\u6240\u9009\u89C6\u89C9\u6A21\u578B\u8BC6\u522B\uFF0C\u8BC6\u522B\u6587\u672C\u66FF\u6362\u56FE\u7247\uFF1B\u591A\u6A21\u6001\u6A21\u578B\u539F\u6837\u81EA\u8BC6\u522B")
+      ),
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-checks" },
+        import_react3.default.createElement(
+          "label",
+          { className: "dkm-check" },
+          import_react3.default.createElement("input", {
+            type: "checkbox",
+            checked: vpDraft.enabled,
+            onChange: () => {
+              setVpDraft(Object.assign({}, vpDraft, { enabled: !vpDraft.enabled }));
+              setVpDirty(true);
+              setVpMsg(null);
+            }
+          }),
+          "\u542F\u7528"
+        ),
+        import_react3.default.createElement("span", { className: "dkm-label" }, "\u89C6\u89C9\u6A21\u578B\uFF1A"),
+        import_react3.default.createElement(
+          "select",
+          {
+            className: "dkm-select",
+            value: vpKey,
+            onChange: (e) => {
+              const idx = e.target.value.indexOf("/");
+              setVpDraft(Object.assign({}, vpDraft, { provider: e.target.value.slice(0, idx), model: e.target.value.slice(idx + 1) }));
+              setVpDirty(true);
+              setVpMsg(null);
+            }
+          },
+          import_react3.default.createElement("option", { value: "/" }, "\uFF08\u672A\u9009\u62E9\uFF09"),
+          !vpKnown && vpDraft.provider ? import_react3.default.createElement("option", { value: vpKey }, vpDraft.provider + " / " + vpDraft.model + "\uFF08\u5F53\u524D\uFF09") : null,
+          vpCandidates.map((c) => import_react3.default.createElement("option", { key: c.key, value: c.key }, c.label))
+        ),
+        vpCandidates.length === 0 ? import_react3.default.createElement("span", { className: "dkm-sub" }, "\u76EE\u5F55\u91CC\u6682\u65E0\u591A\u6A21\u6001\u6A21\u578B\u2014\u2014\u5148\u5728\u4E0B\u65B9\u7ED9\u771F\xB7\u591A\u6A21\u6001\u6A21\u578B\u52FE\u9009\u300C\u56FE\u7247\u300D\u8F93\u5165\u7C7B\u578B") : null
+      ),
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-sub" },
+        "\u5224\u5B9A\u4E0E\u5B98\u65B9\u8FD0\u884C\u65F6\u540C\u6E90\uFF1A\u300C\u56FE\u7247\u300D\u52FE\u9009\uFF08\u6216\u76EE\u5F55\u9ED8\u8BA4\uFF09= \u7AEF\u70B9\u539F\u751F\u652F\u6301\u3001\u539F\u56FE\u76F4\u53D1\uFF1B\u5176\u4F59\u6A21\u578B\u6536\u56FE\u81EA\u52A8\u8D70\u89C6\u89C9\u6A21\u578B\u3002\u6CE8\u610F\uFF1A\u82E5\u7AEF\u70B9\u5B9E\u9645\u4E0D\u8BA4\u56FE\u5374\u52FE\u4E86\u300C\u56FE\u7247\u300D\uFF0C\u6A21\u578B\u4F1A\u770B\u4E0D\u89C1\u56FE\u7247\u3001\u8F6C\u800C\u7528\u5DE5\u5177\u778E\u6298\u817E\u2014\u2014\u4E0D\u786E\u5B9A\u5C31\u4E0D\u8981\u52FE\uFF0C\u4EA4\u7ED9\u4EE3\u7406\u3002"
+      ),
+      vpDirect.length > 0 ? import_react3.default.createElement(
+        "div",
+        { className: "dkm-checks" },
+        import_react3.default.createElement("span", { className: "dkm-label" }, "\u539F\u56FE\u76F4\u53D1\uFF08\u591A\u6A21\u6001\uFF0C" + vpDirect.length + "\uFF09\uFF1A"),
+        vpDirect.map((c) => import_react3.default.createElement("span", { key: c.key, className: "dkm-chip", title: c.key }, c.model))
+      ) : null,
+      vpProxied.length > 0 ? import_react3.default.createElement(
+        "div",
+        { className: "dkm-checks" },
+        import_react3.default.createElement("span", { className: "dkm-label" }, "\u8D70\u89C6\u89C9\u4EE3\u7406\uFF08\u7EAF\u6587\u672C\uFF0C" + vpProxied.length + "\uFF09\uFF1A"),
+        import_react3.default.createElement("span", { className: "dkm-sub" }, vpProxied.map((c) => c.model).join("\u3001"))
+      ) : null,
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-savebar" },
+        import_react3.default.createElement("button", { type: "button", className: "dkm-save", disabled: !vpDirty || vpSaving, onClick: saveVp }, vpSaving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58\u56FE\u7247\u4EE3\u7406\u914D\u7F6E"),
+        vpMsg ? import_react3.default.createElement("span", { className: "dkm-msg " + (vpMsg.ok ? "ok" : "err") }, vpMsg.text) : import_react3.default.createElement("span", { className: "dkm-msg" }, vpDirty ? "\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539" : "")
+      )
+    ));
+  }
+  if (data && providers.length === 0) {
+    body.push(import_react3.default.createElement("div", { key: "empty", className: "dkm-note" }, "\u6CA1\u6709\u53EF\u7F16\u8F91\u7684\u6A21\u578B Provider\uFF08Host \u4FA7\u5C1A\u672A\u914D\u7F6E\uFF09"));
+  }
+  if (providers.length > 0) {
+    body.push(import_react3.default.createElement(
+      "div",
+      { key: "chips", className: "dkm-chips" },
+      providers.map((p) => import_react3.default.createElement("button", {
+        type: "button",
+        key: p.id,
+        className: "dkm-chip" + (cur && p.id === cur.id ? " on" : ""),
+        onClick: () => selectProvider(p.id)
+      }, p.displayName + "\uFF08" + (p.models ? p.models.length : 0) + "\uFF09"))
+    ));
+  }
+  if (cur && draft) {
+    body.push(import_react3.default.createElement(
+      "div",
+      { key: "prov", className: "dkm-prov" },
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-prov-head" },
+        import_react3.default.createElement("span", { className: "dkm-name" }, cur.displayName),
+        import_react3.default.createElement("span", { className: "dkm-badge" }, cur.kind === "deepseek" ? "\u5B98\u65B9 DeepSeek" : "\u81EA\u5B9A\u4E49\u8DEF\u7531"),
+        import_react3.default.createElement("span", { className: "dkm-sub" }, [cur.api, cur.baseURL].filter(Boolean).join(" \xB7 "))
+      ),
+      cur.kind === "deepseek" ? import_react3.default.createElement(
+        "div",
+        { className: "dkm-controls" },
+        import_react3.default.createElement("span", { className: "dkm-label" }, "\u601D\u8003\u6A21\u5F0F\uFF1A"),
+        import_react3.default.createElement(
+          "select",
+          { className: "dkm-select", value: draft.thinking, onChange: (e) => patchDraft({ thinking: e.target.value }) },
+          import_react3.default.createElement("option", { value: "enabled" }, "\u5F00\u542F"),
+          import_react3.default.createElement("option", { value: "disabled" }, "\u5173\u95ED")
+        ),
+        import_react3.default.createElement("span", { className: "dkm-label" }, "\u9ED8\u8BA4\u5F3A\u5EA6\uFF1A"),
+        import_react3.default.createElement(
+          "select",
+          { className: "dkm-select", value: draft.defaultEffort, onChange: (e) => patchDraft({ defaultEffort: e.target.value }) },
+          DKM_DS_LEVELS.map((lv) => import_react3.default.createElement("option", { key: lv, value: lv }, DKM_EFFORT_NAMES[lv] || lv))
+        )
+      ) : null,
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-toolbar" },
+        import_react3.default.createElement("span", { className: "dkm-toolbar-label" }, "\u6279\u91CF\uFF08\u5168\u90E8\u6A21\u578B\uFF09\uFF1A"),
+        import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u5168\u90E8\u6A21\u578B\uFF1A\u52FE\u9009\u5168\u90E8\u8F93\u5165\u7C7B\u578B\u4E0E\u6807\u6CE8", onClick: () => bulkModels(() => allInputs(true)) }, "\u8F93\u5165\u5168\u9009"),
+        import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u5168\u90E8\u6A21\u578B\uFF1A\u53D6\u6D88\u5168\u90E8\u8F93\u5165\u52FE\u9009\uFF08\u7559\u7A7A = \u7EE7\u627F\u76EE\u5F55\u9ED8\u8BA4\uFF09", onClick: () => bulkModels(() => allInputs(false)) }, "\u8F93\u5165\u53D6\u6D88\u5168\u9009"),
+        cur.kind !== "deepseek" ? import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u5168\u90E8\u6A21\u578B\uFF1A\u52FE\u9009\u5168\u90E8\u5F3A\u5EA6\u6863\uFF08\u5207\u4E3A\u81EA\u5B9A\u4E49\uFF09", onClick: () => bulkModels(() => allLevels(true)) }, "\u5F3A\u5EA6\u5168\u9009") : null,
+        cur.kind !== "deepseek" ? import_react3.default.createElement("button", { type: "button", className: "dkm-mini", title: "\u5168\u90E8\u6A21\u578B\uFF1A\u53D6\u6D88\u5168\u90E8\u5F3A\u5EA6\u6863", onClick: () => bulkModels(() => allLevels(false)) }, "\u5F3A\u5EA6\u53D6\u6D88\u5168\u9009") : null
+      ),
+      import_react3.default.createElement(
+        "div",
+        { style: { display: "flex", flexDirection: "column", gap: "8px" } },
+        draft.models.map(modelRow),
+        import_react3.default.createElement("button", {
+          type: "button",
+          className: "dkm-add",
+          onClick: () => patchDraft({
+            models: draft.models.concat([{ id: "", name: "", contextWindow: "", maxTokens: "", input: ["text"], tags: [], effortsMode: "inherit", effortLevels: {} }])
+          })
+        }, "+ \u6DFB\u52A0\u6A21\u578B")
+      ),
+      import_react3.default.createElement(
+        "div",
+        { className: "dkm-savebar" },
+        import_react3.default.createElement("span", { className: "dkm-msg" }, dirty ? "\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539" : "\u65E0\u672A\u4FDD\u5B58\u4FEE\u6539"),
+        import_react3.default.createElement("button", { type: "button", className: "dkm-save", disabled: !dirty || saving, onClick: save }, saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58\u5199\u56DE\u5B98\u65B9\u914D\u7F6E"),
+        import_react3.default.createElement("button", { type: "button", className: "dkb-refresh", disabled: saving, onClick: () => {
+          setBuiltKey(null);
+          modelsStore.load();
+        } }, "\u91CD\u65B0\u62C9\u53D6"),
+        msg ? import_react3.default.createElement("span", { className: "dkm-msg " + (msg.ok ? "ok" : "err") }, msg.text) : null
+      )
+    ));
+  }
+  return import_react3.default.createElement("div", { className: "dkm-list" }, body);
+}
+function ModelsStat() {
+  const snap = useModels();
+  const data = snap.data;
+  if (snap.error) return import_react3.default.createElement("span", { className: "dockm-err" }, "\u6A21\u578B\u76EE\u5F55\u62C9\u53D6\u5931\u8D25\uFF08\u70B9\u51FB\u8FDB\u5165\u67E5\u770B\uFF09");
+  if (!data) return import_react3.default.createElement("span", null, snap.loading ? "\u6B63\u5728\u62C9\u53D6\u6A21\u578B\u76EE\u5F55\u2026" : "\u7B49\u5F85\u62C9\u53D6\u6A21\u578B\u76EE\u5F55");
+  const providers = Array.isArray(data.providers) ? data.providers : [];
+  const total = providers.reduce((n, p) => n + (p.models ? p.models.length : 0), 0);
+  return import_react3.default.createElement("span", null, providers.length + " \u4E2A Provider \xB7 " + total + " \u4E2A\u6A21\u578B");
+}
+var feature2 = {
+  id: "modelconfig",
+  name: "\u6A21\u578B\u8BBE\u7F6E",
+  order: 100,
+  accent: "#22d3ee",
+  description: "\u7F16\u8F91\u5404 Provider \u6A21\u578B\u76EE\u5F55\uFF1A\u8F93\u5165\u7C7B\u578B\uFF08\u6587\u672C/\u56FE\u7247 + \u6807\u6CE8\uFF09\u4E0E\u601D\u8003\u5F3A\u5EA6\u6863\u4F4D\uFF1B\u5199\u56DE\u5B98\u65B9\u914D\u7F6E\u70ED\u751F\u6548\uFF0C\u4F1A\u8BDD\u6A21\u578B\u9009\u62E9\u5668\u5373\u65F6\u53EF\u9009",
+  css: [
+    ".dkm-note{color:var(--dsw-alias-label-secondary);font-size:12px;}",
+    ".dkm-error{color:var(--dsw-alias-state-error-primary);font-size:12px;}",
+    ".dkm-chips{display:flex;flex-wrap:wrap;gap:6px;}",
+    ".dkm-chip{cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 12px;font-family:inherit;font-size:12px;}",
+    ".dkm-chip.on{color:var(--dsw-alias-accent,#4d9fff);border-color:currentColor;}",
+    ".dkm-prov{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;}",
+    ".dkm-prov-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}",
+    ".dkm-name{font-weight:600;}",
+    ".dkm-sub{color:var(--dsw-alias-label-tertiary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}",
+    ".dkm-badge{flex:none;font-size:11px;border-radius:999px;padding:0 8px;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);}",
+    ".dkm-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--dsw-alias-border-l1);padding-top:8px;}",
+    ".dkm-label{color:var(--dsw-alias-label-secondary);font-size:12px;flex:none;}",
+    ".dkm-select{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:3px 8px;font-family:inherit;font-size:12px;}",
+    ".dkm-model{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;}",
+    ".dkm-model-head{display:flex;align-items:center;gap:6px;}",
+    ".dkm-model-idx{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none;}",
+    ".dkm-grid{display:grid;grid-template-columns:1.3fr 1.3fr .8fr .8fr;gap:6px;align-items:center;}",
+    ".dkm-input{box-sizing:border-box;width:100%;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:4px 8px;font-family:inherit;font-size:12px;}",
+    ".dkm-checks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}",
+    ".dkm-check{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--dsw-alias-label-secondary);font-size:12px;}",
+    ".dkm-check input{accent-color:var(--dsw-alias-accent,#4d9fff);margin:0;}",
+    ".dkm-tag{color:var(--dsw-alias-label-tertiary);}",
+    ".dkm-efforts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}",
+    ".dkm-del{margin-left:auto;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;padding:2px 10px;font-family:inherit;font-size:12px;flex:none;}",
+    ".dkm-del:hover{color:var(--dsw-alias-state-error-primary);border-color:currentColor;}",
+    ".dkm-add{cursor:pointer;border:1px dashed var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);border-radius:10px;padding:6px 14px;font-family:inherit;font-size:12px;align-self:flex-start;}",
+    ".dkm-add:hover{color:var(--dsw-alias-label-primary);}",
+    ".dkm-savebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;}",
+    ".dkm-save{cursor:pointer;border:1px solid var(--dsw-alias-accent,#4d9fff);color:var(--dsw-alias-accent,#4d9fff);background:transparent;border-radius:8px;padding:4px 14px;font-family:inherit;font-size:12px;flex:none;}",
+    ".dkm-save:hover{background:var(--dsw-alias-interactive-bg-hover);}",
+    ".dkm-save[disabled]{opacity:.5;cursor:default;}",
+    ".dkm-msg{font-size:12px;color:var(--dsw-alias-label-secondary);}",
+    ".dkm-msg.ok{color:var(--dsw-alias-state-success-primary);}",
+    ".dkm-msg.err{color:var(--dsw-alias-state-error-primary);}",
+    ".dkm-list{display:flex;flex-direction:column;gap:8px;}",
+    ".dkm-ro{color:var(--dsw-alias-label-secondary);font-size:12px;}",
+    ".dkm-mini{cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-family:inherit;font-size:11px;flex:none;}",
+    ".dkm-mini:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary);}",
+    ".dkm-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px dashed var(--dsw-alias-border-l1);padding-top:8px;}",
+    ".dkm-toolbar-label{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none;}"
+  ].join("\n"),
+  View: ModelsView,
+  HomeStat: ModelsStat
+};
 
-			// 开关状态：浏览器内存态，随页面生命周期
-			const state = new Map();
-			for (const f of FEATURES) state.set(f.id, { enabled: !!f.defaultEnabled, error: null });
+// features/heartbeat/view.js
+var import_react4 = __toESM(require("react"), 1);
+var loadedAt = Date.now();
+function uptimeText() {
+  const sec = Math.max(0, Math.floor((Date.now() - loadedAt) / 1e3));
+  const m = Math.floor(sec / 60);
+  return "\u9762\u677F\u5DF2\u8FD0\u884C " + (m > 0 ? m + " \u5206 " : "") + sec % 60 + " \u79D2";
+}
+function HeartbeatView(props) {
+  const ctx = props && props.ctx;
+  const [txt, setTxt] = import_react4.default.useState(uptimeText());
+  import_react4.default.useEffect(() => ctx && typeof ctx.interval === "function" ? ctx.interval(() => setTxt(uptimeText()), 1e3) : void 0, []);
+  return import_react4.default.createElement("div", null, txt);
+}
+function HeartbeatStat(props) {
+  const ctx = props && props.ctx;
+  const [txt, setTxt] = import_react4.default.useState(uptimeText());
+  import_react4.default.useEffect(() => ctx && typeof ctx.interval === "function" ? ctx.interval(() => setTxt(uptimeText()), 1e3) : void 0, []);
+  return import_react4.default.createElement("span", null, txt);
+}
+var feature3 = {
+  id: "heartbeat",
+  name: "\u5FC3\u8DF3\u76D1\u89C6",
+  order: 140,
+  accent: "#34d399",
+  description: "\u793A\u4F8B\u529F\u80FD\uFF1A\u9762\u677F\u4FA7\u8FD0\u884C\u65F6\u957F\u5FC3\u8DF3\uFF08\u7EAF Client\uFF09",
+  View: HeartbeatView,
+  HomeStat: HeartbeatStat
+};
 
-			// ---- 每个功能的客户端视图：key 与注册表 id 一致 ----
-			const featureViews = {
-				heartbeat: function HeartbeatView() {
-					const [sec, setSec] = react.useState(0);
-					react.useEffect(() => ctx.interval(() => setSec((s) => s + 1), 1000), []);
-					const m = Math.floor(sec / 60);
-					return react.createElement("div", null,
-						"面板已运行 " + (m > 0 ? m + " 分 " : "") + (sec % 60) + " 秒");
-				},
-				theme: function ThemeView() {
-					const theme = ctx.get("theme");
-					if (theme === undefined) return react.createElement("div", null, "theme 服务不可用");
-					let snap = null;
-					try { snap = theme.getTheme(); }
-					catch (err) { return react.createElement("div", null, "读取失败：" + String((err && err.message) || err)); }
-					const label = snap && typeof snap.id === "string" ? snap.id
-						: snap && typeof snap.name === "string" ? snap.name : "未知";
-					return react.createElement("div", null, "当前主题：" + label);
-				}
-			};
+// features/theme/view.js
+var import_react5 = __toESM(require("react"), 1);
+function readThemeLabel(ctx) {
+  const theme = ctx && ctx.get ? ctx.get("theme") : void 0;
+  if (theme === void 0) return { err: "theme \u670D\u52A1\u4E0D\u53EF\u7528" };
+  let snap = null;
+  try {
+    snap = theme.getTheme();
+  } catch (err) {
+    return { err: "\u8BFB\u53D6\u5931\u8D25\uFF1A" + String(err && err.message || err) };
+  }
+  const label = snap && typeof snap.id === "string" ? snap.id : snap && typeof snap.name === "string" ? snap.name : "\u672A\u77E5";
+  return { label };
+}
+function ThemeView(props) {
+  const r = readThemeLabel(props && props.ctx);
+  if (r.err) return import_react5.default.createElement("div", null, r.err);
+  return import_react5.default.createElement("div", null, "\u5F53\u524D\u4E3B\u9898\uFF1A" + r.label);
+}
+function ThemeStat(props) {
+  const r = readThemeLabel(props && props.ctx);
+  if (r.err) return import_react5.default.createElement("span", null, r.err);
+  return import_react5.default.createElement("span", null, "\u5F53\u524D\u4E3B\u9898\uFF1A" + r.label);
+}
+var feature4 = {
+  id: "theme",
+  name: "\u4E3B\u9898\u4FE1\u606F",
+  order: 150,
+  accent: "#a78bfa",
+  description: "\u793A\u4F8B\u529F\u80FD\uFF1A\u8BFB\u53D6\u5F53\u524D\u4E3B\u9898\u5FEB\u7167\uFF08\u7EAF Client\uFF09",
+  View: ThemeView,
+  HomeStat: ThemeStat
+};
 
-			function DockPanel() {
-				const [, force] = react.useReducer((n) => n + 1, 0);
-				const toggle = (id) => {
-					const st = state.get(id);
-					if (!st) return;
-					st.enabled = !st.enabled;
-					force();
-				};
-				return react.createElement("div", { className: "dock-root" },
-					react.createElement("style", null, CSS),
-					react.createElement("div", { className: "dock-intro" },
-						"功能中枢（dsh-dock）· 所有小功能集中在这一个面板里管理。每个功能是独立模块：开关只影响自己，单个功能出错不影响其他功能。新功能按注册表模式追加（FEATURES + featureViews 各加一条）。"),
-					FEATURES.map((f) => {
-						const st = state.get(f.id);
-						const View = featureViews[f.id];
-						return react.createElement("div", { className: "dock-card", key: f.id },
-							react.createElement("div", { className: "dock-card-head" },
-								react.createElement("span", { className: "dock-dot" + (st.error ? " err" : st.enabled ? " on" : "") }),
-								react.createElement("span", { className: "dock-name" }, f.name),
-								react.createElement("span", { className: "dock-desc" }, f.description),
-								f.planned
-									? react.createElement("span", { className: "dock-badge" }, "规划中")
-									: react.createElement("button", {
-										className: "dock-switch" + (st.enabled ? " on" : ""),
-										onClick: () => toggle(f.id)
-									}, st.enabled ? "已启用" : "已停用")),
-							f.planned
-								? react.createElement("div", { className: "dock-body" }, "待接入：见 README 路线图")
-								: st.error ? react.createElement("div", { className: "dock-body dock-err" }, "功能出错：" + st.error) : null,
-							!f.planned && st.enabled && View
-								? react.createElement("div", { className: "dock-body" }, react.createElement(View, null))
-								: null);
-					}));
-			}
+// features/balance/view.js
+var import_react6 = __toESM(require("react"), 1);
+var ACCENT_PALETTE = ["#4d9fff", "#34d399", "#fbbf24", "#a78bfa", "#f472b6", "#38bdf8", "#fb923c", "#4ade80", "#e879f9", "#22d3ee"];
+var CURATED_ACCENTS = {
+  "deepseek-official": "#4d9fff",
+  deepseek: "#4d9fff",
+  "qwen-token-plan-cn": "#fbbf24",
+  fangzhou: "#a78bfa",
+  openai: "#10a37f",
+  anthropic: "#d97757",
+  "google-gemini": "#4285f4"
+};
+var C_TOTAL = "#34d399";
+var C_GRANTED = "#22d3ee";
+var C_TOPUP = "#fbbf24";
+var C_ERR = "#f87171";
+function accentOf(id) {
+  if (CURATED_ACCENTS[id]) return CURATED_ACCENTS[id];
+  let h = 0;
+  const s = String(id);
+  for (let i = 0; i < s.length; i++) h = h * 31 + s.charCodeAt(i) >>> 0;
+  return ACCENT_PALETTE[h % ACCENT_PALETTE.length];
+}
+var fmt = (v) => v == null || v === "" ? "\u2014" : String(v);
+var balanceStore = {
+  snap: { data: null, loading: false, error: null },
+  listeners: /* @__PURE__ */ new Set(),
+  subscribe(fn) {
+    this.listeners.add(fn);
+    return () => {
+      this.listeners.delete(fn);
+    };
+  },
+  set(patch) {
+    this.snap = Object.assign({}, this.snap, patch);
+    for (const fn of this.listeners) fn();
+  },
+  load() {
+    if (this.snap.loading) return;
+    this.set({ loading: true });
+    fetch("/dsh-dock/balance", { signal: AbortSignal.timeout(2e4) }).then((res) => res.ok ? res.json() : Promise.reject(new Error("\u4F59\u989D\u63A5\u53E3 HTTP " + res.status))).then((data) => this.set({ data, loading: false, error: null })).catch((e) => this.set({ loading: false, error: e && e.message || String(e) }));
+  }
+};
+function useBalance(ctx) {
+  const [snap, setSnap] = import_react6.default.useState(balanceStore.snap);
+  import_react6.default.useEffect(() => {
+    const off = balanceStore.subscribe(() => setSnap(balanceStore.snap));
+    if (!balanceStore.snap.data && !balanceStore.snap.loading) balanceStore.load();
+    const disposer = ctx && typeof ctx.interval === "function" ? ctx.interval(() => balanceStore.load(), 5 * 60 * 1e3) : null;
+    return () => {
+      off();
+      if (disposer) disposer();
+    };
+  }, []);
+  return snap;
+}
+function BalanceView(props) {
+  const snap = useBalance(props && props.ctx);
+  const load = () => balanceStore.load();
+  import_react6.default.useEffect(() => {
+    const pid = props && props.params && props.params.provider;
+    if (!pid || typeof document === "undefined") return;
+    const t = setTimeout(() => {
+      try {
+        const el = document.querySelector('[data-dock-provider="' + pid + '"]');
+        if (el) {
+          el.scrollIntoView({ block: "center", behavior: "smooth" });
+          el.classList.remove("dkb-flash");
+          void el.offsetWidth;
+          el.classList.add("dkb-flash");
+        }
+      } catch {
+      }
+    }, 80);
+    return () => clearTimeout(t);
+  }, [props && props.params]);
+  const data = snap.data;
+  const providers = data && Array.isArray(data.providers) ? data.providers : [];
+  const okCount = providers.filter((p) => p.balance && p.balance.status === "ok").length;
+  const def = data && data.default ? data.default.provider : null;
+  const body = [];
+  if (snap.error) {
+    body.push(import_react6.default.createElement("div", { key: "err", className: "dkb-note dkb-error" }, "\u4F59\u989D\u67E5\u8BE2\u5931\u8D25\uFF1A" + snap.error));
+  } else if (!data) {
+    body.push(import_react6.default.createElement("div", { key: "loading", className: "dkb-note" }, snap.loading ? "\u6B63\u5728\u62C9\u53D6\u4F59\u989D\u2026" : "\u8FD8\u6CA1\u6709\u6570\u636E\uFF0C\u70B9\u51FB\u4E0B\u65B9\u5237\u65B0"));
+  } else if (providers.length === 0) {
+    body.push(import_react6.default.createElement("div", { key: "empty", className: "dkb-note" }, "\u6CA1\u6709\u627E\u5230\u5DF2\u914D\u7F6E\u7684\u6A21\u578B Provider"));
+  } else {
+    body.push(import_react6.default.createElement(
+      "div",
+      { key: "rows", className: "dkb-rows" },
+      providers.map((p) => {
+        const accent = accentOf(p.id);
+        const b = p.balance;
+        let badge = ["\u672A\u77E5", ""];
+        if (b) {
+          if (b.status === "ok") badge = ["\u53EF\u7528", "ok"];
+          else if (b.status === "unsupported") badge = ["\u4E0D\u652F\u6301", ""];
+          else if (b.status === "no-credential") badge = ["\u672A\u914D\u7F6E\u5BC6\u94A5", "warn"];
+          else if (b.status === "login-required") badge = ["\u9700\u767B\u5F55", "warn"];
+          else badge = ["\u67E5\u8BE2\u5931\u8D25", "err"];
+        }
+        const sub = ["ID: " + p.id, p.api ? "api: " + p.api : null, p.baseURL ? p.baseURL : null].filter(Boolean).join(" \xB7 ");
+        const cells = [];
+        let balBody = null;
+        if (b && b.status === "ok" && b.kind === "quota") {
+          cells.push(import_react6.default.createElement(
+            "div",
+            { key: "q", className: "dkb-bal" },
+            import_react6.default.createElement("span", { className: "dkb-cur", style: { color: accent } }, "\u603B\u989D\u5EA6"),
+            import_react6.default.createElement("span", { className: "dkb-total", style: { color: C_TOTAL } }, "\u5269\u4F59 " + fmt(b.remaining) + (b.unit ? " " + b.unit : "")),
+            import_react6.default.createElement("span", { className: "dkb-part" }, "\u5DF2\u7528 " + fmt(b.used) + " / \u603B " + fmt(b.limit)),
+            b.resetTime ? import_react6.default.createElement("span", { className: "dkb-part" }, "\u91CD\u7F6E " + String(b.resetTime).slice(0, 16)) : null
+          ));
+          (Array.isArray(b.dims) ? b.dims : []).forEach((d, i) => {
+            cells.push(import_react6.default.createElement(
+              "div",
+              { key: "d" + i, className: "dkb-bal" },
+              import_react6.default.createElement("span", { className: "dkb-cur", style: { color: accent } }, d.window === "weekly" ? "\u5468\u989D\u5EA6" : "\u5C0F\u65F6\u989D\u5EA6"),
+              import_react6.default.createElement("span", { className: "dkb-total", style: { color: C_TOTAL } }, "\u5269\u4F59 " + fmt(d.remaining)),
+              import_react6.default.createElement("span", { className: "dkb-part" }, "\u5DF2\u7528 " + fmt(d.used) + " / " + fmt(d.limit)),
+              d.resetTime ? import_react6.default.createElement("span", { className: "dkb-part" }, "\u91CD\u7F6E " + String(d.resetTime).slice(0, 16)) : null
+            ));
+          });
+        } else if (b && b.status === "ok") {
+          const infos = Array.isArray(b.infos) ? b.infos : [];
+          cells.push(infos.map((i, idx) => import_react6.default.createElement(
+            "div",
+            { key: idx, className: "dkb-bal" },
+            import_react6.default.createElement("span", { className: "dkb-cur", style: { color: accent } }, i.currency),
+            import_react6.default.createElement("span", { className: "dkb-total", style: { color: C_TOTAL } }, "\u603B\u989D " + fmt(i.totalBalance)),
+            i.grantedBalance != null ? import_react6.default.createElement("span", { className: "dkb-part", style: { color: C_GRANTED } }, "\u8D60\u9001 " + fmt(i.grantedBalance)) : null,
+            i.toppedUpBalance != null ? import_react6.default.createElement("span", { className: "dkb-part", style: { color: C_TOPUP } }, "\u5145\u503C " + fmt(i.toppedUpBalance)) : null
+          )));
+        } else if (b && b.status === "login-required" && b.consoleUrl) {
+          balBody = import_react6.default.createElement(
+            "div",
+            { className: "dkb-bal" },
+            import_react6.default.createElement("a", { href: b.consoleUrl, target: "_blank", rel: "noreferrer", className: "dkb-link", style: { color: accent } }, "\u53BB\u63A7\u5236\u53F0\u67E5\u770B\u4F59\u989D \u2192")
+          );
+        } else {
+          balBody = import_react6.default.createElement("div", { className: "dkb-note" }, b && b.message || "\u672A\u77E5\u72B6\u6001");
+        }
+        if (cells.length > 0) balBody = import_react6.default.createElement("div", { className: "dkb-rows" }, cells);
+        return import_react6.default.createElement(
+          "div",
+          { key: p.id, className: "dkb-row", "data-dock-provider": p.id },
+          import_react6.default.createElement(
+            "div",
+            { className: "dkb-row-head" },
+            import_react6.default.createElement("span", { className: "dkb-dot", style: { background: accent } }),
+            import_react6.default.createElement("span", { className: "dkb-name", style: { color: accent } }, p.displayName),
+            def === p.id ? import_react6.default.createElement("span", { className: "dkb-default" }, "\u9ED8\u8BA4") : null,
+            import_react6.default.createElement("span", { className: "dkb-badge" + (badge[1] ? " " + badge[1] : ""), style: badge[1] === "err" ? { color: C_ERR, borderColor: C_ERR } : null }, badge[0])
+          ),
+          sub ? import_react6.default.createElement("div", { className: "dkb-sub" }, sub) : null,
+          p.apiKeyEnv ? import_react6.default.createElement("div", { className: "dkb-sub" }, "\u5BC6\u94A5: " + p.apiKeyEnv + (p.credentialConfigured ? " \u2713" : " \u2717")) : null,
+          p.models && p.models.length > 0 ? import_react6.default.createElement(
+            "div",
+            { className: "dkb-chips" },
+            p.models.slice(0, 8).map((m) => import_react6.default.createElement("span", { key: m, className: "dkb-chip", style: { border: "1px solid " + accent, color: accent, background: accent + "1a" } }, m)),
+            p.models.length > 8 ? import_react6.default.createElement("span", { key: "more", className: "dkb-chip" }, "+" + (p.models.length - 8)) : null
+          ) : null,
+          balBody
+        );
+      })
+    ));
+  }
+  const now = new Date(data && data.generatedAt ? data.generatedAt : Date.now());
+  return import_react6.default.createElement(
+    "div",
+    { className: "dkb-rows" },
+    import_react6.default.createElement(
+      "div",
+      { className: "dkb-note" },
+      data && !snap.error && providers.length > 0 ? okCount + "/" + providers.length + " \u4E2A Provider \u53EF\u67E5\u4F59\u989D" : "\u6A21\u578B\u4F59\u989D \xB7 Host \u534A\u90E8\u5B9E\u65F6\u62C9\u53D6"
+    ),
+    body,
+    import_react6.default.createElement(
+      "div",
+      { className: "dkb-foot" },
+      import_react6.default.createElement("span", null, snap.loading ? "\u5237\u65B0\u4E2D\u2026" : "\u66F4\u65B0\u4E8E " + now.toLocaleTimeString()),
+      import_react6.default.createElement("button", { type: "button", className: "dkb-refresh", onClick: load }, "\u5237\u65B0")
+    )
+  );
+}
+function BalanceStat(props) {
+  const snap = useBalance(props && props.ctx);
+  const data = snap.data;
+  const providers = data && Array.isArray(data.providers) ? data.providers : [];
+  if (snap.error) return import_react6.default.createElement("span", { className: "dockm-err" }, "\u4F59\u989D\u67E5\u8BE2\u5931\u8D25\uFF08\u70B9\u51FB\u8FDB\u5165\u67E5\u770B\u8BE6\u60C5\uFF09");
+  if (!data) return import_react6.default.createElement("span", null, snap.loading ? "\u6B63\u5728\u62C9\u53D6\u4F59\u989D\u2026" : "\u7B49\u5F85\u62C9\u53D6\u4F59\u989D");
+  const ok = providers.filter((p) => p.balance && p.balance.status === "ok").length;
+  return import_react6.default.createElement("span", null, providers.length + " \u4E2A Provider \xB7 " + ok + " \u4E2A\u53EF\u67E5\u4F59\u989D");
+}
+function useCurrentProvider(ctx, sessionId) {
+  const [cur, setCur] = import_react6.default.useState(null);
+  import_react6.default.useEffect(() => {
+    let alive = true, off = null;
+    try {
+      const models = ctx && ctx.get ? ctx.get("modelDirectories") : void 0;
+      if (models && typeof models.directoryFor === "function" && sessionId) {
+        const dir = models.directoryFor(sessionId);
+        const face = dir && typeof dir.subscribe === "function" ? dir : dir && dir.store;
+        const read = () => {
+          if (!alive) return;
+          try {
+            const snap = face && typeof face.getSnapshot === "function" ? face.getSnapshot() : null;
+            setCur(snap && snap.current ? snap.current : null);
+          } catch {
+          }
+        };
+        if (face && typeof face.subscribe === "function") {
+          read();
+          off = face.subscribe(read);
+        }
+      }
+    } catch {
+    }
+    return () => {
+      alive = false;
+      if (typeof off === "function") off();
+    };
+  }, [sessionId]);
+  return cur;
+}
+function chipBalanceText(p) {
+  const b = p && p.balance;
+  if (!b) return "\u4F59\u989D \u2026";
+  if (b.status !== "ok") {
+    if (b.status === "login-required") return "\u4F59\u989D\xB7\u9700\u767B\u5F55";
+    if (b.status === "no-credential") return "\u4F59\u989D\xB7\u65E0\u5BC6\u94A5";
+    if (b.status === "unsupported") return "\u4F59\u989D\xB7\u4E0D\u652F\u6301";
+    return "\u4F59\u989D\xB7\u67E5\u8BE2\u5931\u8D25";
+  }
+  if (b.kind === "quota") {
+    const v2 = Number(b.remaining);
+    const s2 = Number.isFinite(v2) ? v2 >= 1e4 ? (v2 / 1e4).toFixed(1) + "\u4E07" : String(Math.round(v2)) : fmt(b.remaining);
+    return "\u4F59\u989D \u5269 " + s2 + (b.unit ? " " + b.unit : "");
+  }
+  const info = Array.isArray(b.infos) && b.infos[0] ? b.infos[0] : null;
+  if (!info) return "\u4F59\u989D \u2026";
+  const cur = info.currency === "USD" ? "$" : "\xA5";
+  const v = Number(info.totalBalance);
+  const s = Number.isFinite(v) ? v >= 1e4 ? (v / 1e4).toFixed(2) + "\u4E07" : String(Math.round(v * 100) / 100) : fmt(info.totalBalance);
+  return "\u4F59\u989D " + cur + s;
+}
+function BalanceChip(props) {
+  const snap = useBalance(props && props.ctx);
+  const data = snap.data;
+  const providers = data && Array.isArray(data.providers) ? data.providers : [];
+  const sel = useCurrentProvider(props && props.ctx, props && props.sessionId);
+  const selProvider = sel && (sel.provider || sel.selected && sel.selected.provider) || null;
+  const def = selProvider || (data && data.default ? data.default.provider : null);
+  const cur = def ? providers.find((p) => p.id === def) : null;
+  const accent = cur ? accentOf(cur.id) : "#94a3b8";
+  const text = snap.error ? "\u4F59\u989D\xB7\u5931\u8D25" : !data ? snap.loading ? "\u4F59\u989D \u2026" : "\u4F59\u989D \u2014" : cur ? chipBalanceText(cur) : "\u4F59\u989D \u2014";
+  const selModel = sel && (sel.model || sel.selected && sel.selected.model) || null;
+  const title = cur ? (cur.displayName || cur.id) + (selModel ? " \xB7 \u5F53\u524D\u6A21\u578B " + selModel : "") + " \xB7 \u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u4F59\u989D\u8BE6\u60C5" : "\u70B9\u51FB\u6253\u5F00\u529F\u80FD\u575E \xB7 \u6A21\u578B\u4F59\u989D";
+  return import_react6.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dockchip" + (snap.error || cur && cur.balance && cur.balance.status === "error" ? " err" : ""),
+      title,
+      "aria-label": "\u6A21\u578B\u4F59\u989D",
+      onClick: () => openPanel("balance", def ? { provider: def } : null)
+    },
+    import_react6.default.createElement("span", { className: "dockchip-dot", style: { background: accent } }),
+    import_react6.default.createElement("span", null, text)
+  );
+}
+var feature5 = {
+  id: "balance",
+  name: "\u6A21\u578B\u4F59\u989D",
+  order: 120,
+  accent: "#4d9fff",
+  description: "\u5C55\u793A\u6240\u6709\u6A21\u578B Provider \u8D26\u6237\u4F59\u989D\uFF08Host \u62C9\u53D6\uFF0C5 \u5206\u949F\u81EA\u52A8\u5237\u65B0\uFF09",
+  css: [
+    ".dkb-note{color:var(--dsw-alias-label-secondary);font-size:12px;}",
+    ".dkb-error{color:var(--dsw-alias-state-error-primary);}",
+    ".dkb-rows{display:flex;flex-direction:column;gap:8px;}",
+    ".dkb-row{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;}",
+    ".dkb-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}",
+    ".dkb-dot{width:8px;height:8px;border-radius:50%;flex:none;}",
+    ".dkb-name{font-weight:600;font-size:13px;color:var(--dsw-alias-label-primary);}",
+    ".dkb-default{color:var(--dsw-alias-accent,#4d9fff);font-size:11px;border:1px solid currentColor;border-radius:999px;padding:0 6px;}",
+    ".dkb-badge{font-size:11px;border-radius:999px;padding:1px 8px;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);}",
+    ".dkb-badge.ok{color:var(--dsw-alias-state-success-primary);border-color:currentColor;}",
+    ".dkb-badge.warn{color:var(--dsw-alias-state-warning-primary);border-color:currentColor;}",
+    ".dkb-badge.err{color:var(--dsw-alias-state-error-primary);border-color:currentColor;}",
+    ".dkb-sub{color:var(--dsw-alias-label-tertiary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+    ".dkb-chips{display:flex;flex-wrap:wrap;gap:4px;}",
+    ".dkb-chip{font-size:10px;border-radius:6px;padding:1px 6px;}",
+    ".dkb-bal{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--dsw-alias-label-primary);align-items:baseline;}",
+    ".dkb-cur{font-weight:600;min-width:48px;}",
+    ".dkb-total{font-weight:600;}",
+    ".dkb-part{font-size:11px;color:var(--dsw-alias-label-tertiary);}",
+    ".dkb-link{font-size:12px;text-decoration:none;}",
+    ".dkb-link:hover{text-decoration:underline;}",
+    ".dkb-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dsw-alias-label-tertiary);font-size:12px;}",
+    ".dkb-refresh{cursor:pointer;color:var(--dsw-alias-label-primary);background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:2px 10px;font-family:inherit;font-size:12px;}",
+    ".dkb-refresh:hover{background:var(--dsw-alias-interactive-bg-hover);}",
+    // chips 点击定位后的行高亮闪烁
+    ".dkb-row.dkb-flash{animation:dkb-flash 1.8s var(--ds-ease-in-out);}",
+    "@keyframes dkb-flash{0%,55%{border-color:var(--dsw-alias-accent,#4d9fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--dsw-alias-accent,#4d9fff) 25%,transparent);}100%{border-color:var(--dsw-alias-border-l1);box-shadow:none;}}"
+  ].join("\n"),
+  View: BalanceView,
+  HomeStat: BalanceStat,
+  Chip: BalanceChip
+};
+
+// src/client.jsx
+var DOCK_VERSION = "0.4.0";
+var BUILTIN_FEATURES = [feature, feature2, feature3, feature4, feature5];
+var PLANNED_FEATURES = [
+  { id: "animation", name: "\u4EFB\u52A1\u52A8\u753B", order: 130, accent: "#f472b6", planned: true, description: "\u63A5\u5165\u8DEF\u7EBF\u56FE 0.5.0\uFF1A\u4EFB\u52A1\u8FDB\u5EA6\u52A8\u753B\u4E0E\u901A\u77E5" }
+];
+var PLANNED_NOTES = {
+  animation: "\u5F85\u63A5\u5165\uFF08\u8DEF\u7EBF\u56FE 0.5.0\uFF09\uFF1A\u4EFB\u52A1\u8FDB\u5EA6\u52A8\u753B\u4E0E\u5B8C\u6210\u901A\u77E5\u3002"
+};
+var externalDefs = [];
+var externalListeners = /* @__PURE__ */ new Set();
+function notifyExternal() {
+  for (const fn of externalListeners) fn();
+}
+var dockBridge = {
+  version: DOCK_VERSION,
+  register(def) {
+    if (!def || typeof def !== "object" || typeof def.id !== "string" || !def.id || typeof def.View !== "function") {
+      console.error("[dsh-dock] dockBridge.register \u53C2\u6570\u4E0D\u7B26\uFF08\u9700 { id, name, View }\uFF09:", def);
+      return () => {
+      };
+    }
+    const entry = {
+      id: def.id,
+      name: String(def.name || def.id),
+      order: typeof def.order === "number" ? def.order : 500,
+      accent: typeof def.accent === "string" ? def.accent : "#94a3b8",
+      description: String(def.description || ""),
+      css: typeof def.css === "string" ? def.css : "",
+      View: def.View,
+      HomeStat: typeof def.HomeStat === "function" ? def.HomeStat : null,
+      external: true,
+      package: typeof def.package === "string" ? def.package : ""
+    };
+    const i = externalDefs.findIndex((x) => x.id === entry.id);
+    if (i >= 0) externalDefs[i] = entry;
+    else externalDefs.push(entry);
+    if (entry.css) ensureCss();
+    notifyExternal();
+    return () => {
+      const j = externalDefs.indexOf(entry);
+      if (j >= 0) {
+        externalDefs.splice(j, 1);
+        notifyExternal();
+      }
+    };
+  },
+  features() {
+    return externalDefs.map((x) => Object.assign({}, x));
+  }
+};
+function allModules() {
+  return BUILTIN_FEATURES.concat(PLANNED_FEATURES, externalDefs).slice().sort((a, b) => (a.order || 500) - (b.order || 500));
+}
+var SHELL_CSS = [
+  ".dock-root{display:flex;flex-direction:column;gap:12px;padding:4px 0;color:var(--dsw-alias-label-primary);font-size:13px;}",
+  ".dock-intro{color:var(--dsw-alias-label-secondary);line-height:1.6;}",
+  ".dock-card{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;}",
+  ".dock-card-head{display:flex;align-items:center;gap:8px;}",
+  ".dock-dot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-secondary);flex:none;}",
+  ".dock-dot.on{background:var(--dsw-alias-state-success-primary);}",
+  ".dock-dot.err{background:var(--dsw-alias-state-error-primary);}",
+  ".dock-name{font-weight:600;flex:none;}",
+  ".dock-desc{color:var(--dsw-alias-label-secondary);flex:1;}",
+  ".dock-switch{flex:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;cursor:pointer;font-size:12px;}",
+  ".dock-switch.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}",
+  ".dock-badge{flex:none;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;font-size:12px;}",
+  ".dock-body{border-top:1px solid var(--dsw-alias-border-l1);padding-top:8px;color:var(--dsw-alias-label-secondary);display:flex;flex-direction:column;gap:4px;}",
+  // 侧栏入口按钮（docke2- 前缀）+ 功能坞弹出面板（dockm- 前缀，仿 dsh 设置的居中模态：遮罩 + 对话框，左导航 + 右内容）
+  ".docke2-btn{box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--dsw-alias-label-secondary);border-radius:10px;height:32px;font-family:inherit;font-size:13px;line-height:32px;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
+  ".docke2-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",
+  ".docke2-btn.docke2-on{color:var(--dsw-alias-accent,#4d9fff);background:var(--dsw-alias-accent-soft,color-mix(in srgb,var(--dsw-alias-accent,#4d9fff) 12%,transparent));}",
+  ".docke2-label{white-space:nowrap;overflow:hidden;}",
+  ".dockm-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dsw-alias-bg-layer-1) 55%,transparent);backdrop-filter:blur(4px);pointer-events:auto;animation:dockm-fade .15s var(--ds-ease-in-out);}",
+  "@keyframes dockm-fade{from{opacity:0}to{opacity:1}}",
+  ".dockm-dialog{box-sizing:border-box;position:relative;width:min(1080px,calc(100vw - 32px));height:min(700px,calc(100vh - 32px));display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 20px 64px rgb(0 0 0 / .32);overflow:hidden;animation:dockm-pop .18s var(--ds-ease-in-out);}",
+  "@keyframes dockm-pop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}",
+  ".dockm-head{flex:none;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1);cursor:move;user-select:none;touch-action:none;}",
+  ".dockm-title{font-weight:600;font-size:14px;}",
+  ".dockm-sub{color:var(--dsw-alias-label-tertiary);font-size:12px;}",
+  ".dockm-ctrls{margin-left:auto;flex:none;display:flex;align-items:center;gap:2px;}",
+  ".dockm-close{cursor:pointer;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;}",
+  ".dockm-close:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",
+  ".dockm-win{cursor:pointer;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}",
+  ".dockm-win:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",
+  ".dockm-dialog.dockm-max{border-radius:12px;}",
+  ".dockm-dialog.dockm-min{height:auto;min-height:0;}",
+  ".dockm-dialog.dockm-min .dockm-body{display:none;}",
+  ".dockm-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:3;touch-action:none;}",
+  ".dockm-body{flex:1;min-height:0;display:flex;}",
+  ".dockm-nav{flex:none;width:176px;display:flex;flex-direction:column;gap:2px;padding:10px 8px;overflow-y:auto;border-right:1px solid var(--dsw-alias-border-l1);}",
+  ".dockm-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:13px;text-align:left;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
+  ".dockm-nav-item:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",
+  ".dockm-nav-item.on{background:var(--dsw-alias-accent-soft,color-mix(in srgb,var(--dsw-alias-accent,#4d9fff) 12%,transparent));color:var(--dsw-alias-label-primary);font-weight:600;}",
+  ".dockm-nav-item .dockm-badge{margin-left:auto;}",
+  ".dockm-dot{width:8px;height:8px;border-radius:50%;flex:none;}",
+  ".dockm-badge{flex:none;font-size:11px;border-radius:999px;padding:0 8px;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);}",
+  ".dockm-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow-y:auto;}",
+  ".dockm-content-head{display:flex;flex-direction:column;gap:4px;}",
+  ".dockm-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;}",
+  ".dockm-desc{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.6;}",
+  ".dockm-view{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;}",
+  ".dockm-note{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.6;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;}",
+  ".dockm-err{color:var(--dsw-alias-state-error-primary);}",
+  ".dockm-foot{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-tertiary);font-size:11px;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;flex-wrap:wrap;}",
+  ".dockm-switch{cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:4px 12px;font-family:inherit;font-size:12px;margin-left:auto;}",
+  ".dockm-switch:hover{color:var(--dsw-alias-label-primary);}",
+  ".dockm-switch.on{color:var(--dsw-alias-state-success-primary);border-color:currentColor;}",
+  // 首页总揽（dockh- 前缀）：导航首项图标 + 模块卡片网格
+  ".dockm-navhome{display:inline-flex;align-items:center;color:var(--dsw-alias-accent,#4d9fff);flex:none;}",
+  ".dockh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}",
+  ".dockh-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .15s var(--ds-ease-in-out);}",
+  ".dockh-card:hover,.dockh-card:focus-visible{border-color:var(--dsw-alias-accent,#4d9fff);outline:none;}",
+  ".dockh-head{display:flex;align-items:center;gap:8px;}",
+  ".dockh-name{font-weight:600;flex:none;}",
+  ".dockh-badge{margin-left:auto;flex:none;font-size:11px;border-radius:999px;padding:0 8px;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);}",
+  ".dockh-badge.on{color:var(--dsw-alias-state-success-primary);border-color:currentColor;}",
+  ".dockh-badge.off{border-style:dashed;}",
+  ".dockh-desc{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5;}",
+  ".dockh-stat{color:var(--dsw-alias-label-tertiary);font-size:12px;border-top:1px solid var(--dsw-alias-border-l1);padding-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+  ".dockh-foot{display:flex;align-items:center;gap:8px;}",
+  ".dockh-go{color:var(--dsw-alias-label-tertiary);font-size:11px;}",
+  // 会话输入区工具行 chips（dockchip- 前缀）：余额/用量随身小控件，挂在模型选择器左侧
+  ".dockchip-row{display:inline-flex;align-items:center;gap:4px;min-width:0;}",
+  ".dockchip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;padding:2px 8px;font-family:inherit;font-size:11px;line-height:18px;white-space:nowrap;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
+  ".dockchip:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",
+  ".dockchip .dockchip-dot{width:6px;height:6px;border-radius:50%;flex:none;}",
+  ".dockchip.err{color:var(--dsw-alias-state-error-primary);}"
+].join("\n");
+var dockCssTag = null;
+function fullDockCss() {
+  const parts = [SHELL_CSS];
+  for (const f of BUILTIN_FEATURES) if (f.css) parts.push(f.css);
+  for (const f of externalDefs) if (f.css) parts.push(f.css);
+  return parts.join("\n");
+}
+function ensureCss() {
+  if (typeof document === "undefined") return;
+  try {
+    if (!dockCssTag || !dockCssTag.isConnected) {
+      if (document.querySelector('style[data-plugin-css="dsh-dock"]')) {
+        dockCssTag = document.querySelector('style[data-plugin-css="dsh-dock"]');
+      } else {
+        dockCssTag = document.createElement("style");
+        dockCssTag.dataset.pluginCss = "dsh-dock";
+        document.head.appendChild(dockCssTag);
+      }
+    }
+    dockCssTag.textContent = fullDockCss();
+  } catch (e) {
+    console.error("[dsh-dock] ensureCss failed:", e && e.message ? e.message : String(e));
+  }
+}
+function useExternalVersion() {
+  const [, bump] = import_react7.default.useReducer((n) => n + 1, 0);
+  import_react7.default.useEffect(() => {
+    externalListeners.add(bump);
+    return () => {
+      externalListeners.delete(bump);
+    };
+  }, []);
+}
+var lastGeom = { x: null, y: null, w: null, h: null };
+function DockIcon() {
+  return import_react7.default.createElement(
+    "svg",
+    { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.3, "aria-hidden": true },
+    import_react7.default.createElement("rect", { x: 2.5, y: 2.5, width: 4.4, height: 4.4, rx: 1.2 }),
+    import_react7.default.createElement("rect", { x: 9, y: 2.5, width: 4.4, height: 4.4, rx: 1.2 }),
+    import_react7.default.createElement("rect", { x: 2.5, y: 9, width: 4.4, height: 4.4, rx: 1.2 }),
+    import_react7.default.createElement("rect", { x: 9, y: 9, width: 4.4, height: 4.4, rx: 1.2 })
+  );
+}
+function DockEntry(props) {
+  const wide = !!props.wide;
+  const [open, setOpen] = import_react7.default.useState(panelNav.open);
+  import_react7.default.useEffect(() => subscribePanel(() => setOpen(panelNav.open)), []);
+  return import_react7.default.createElement("button", {
+    type: "button",
+    className: "docke2-btn" + (open ? " docke2-on" : ""),
+    style: wide ? { marginLeft: "auto", transform: "translateY(46px)", zIndex: 1, height: 42, lineHeight: "42px", padding: "0 12px" } : { transform: "translateY(44px)", zIndex: 1, width: 36, height: 36, justifyContent: "center", padding: 0 },
+    title: "\u529F\u80FD\u575E",
+    "aria-label": "\u529F\u80FD\u575E",
+    "aria-expanded": open,
+    onClick: () => setPanelOpen(!open)
+  }, import_react7.default.createElement(DockIcon, null), wide ? import_react7.default.createElement("span", { className: "docke2-label" }, "\u529F\u80FD\u575E") : null);
+}
+function DockModal() {
+  const [nav, setNav] = import_react7.default.useState({ open: panelNav.open, active: panelNav.active, params: panelNav.params });
+  import_react7.default.useEffect(() => subscribePanel(() => setNav({ open: panelNav.open, active: panelNav.active, params: panelNav.params })), []);
+  const open = nav.open || typeof document === "undefined";
+  const active = nav.active;
+  const setActive = navigatePanel;
+  const navParams = nav.params;
+  const [, force] = import_react7.default.useReducer((n) => n + 1, 0);
+  useExternalVersion();
+  const [win, setWin] = import_react7.default.useState(() => ({ mode: "normal", x: null, y: null, w: null, h: null }));
+  const dlgRef = import_react7.default.useRef(null);
+  import_react7.default.useEffect(() => {
+    if (lastGeom.w) setWin({ mode: "normal", x: lastGeom.x, y: lastGeom.y, w: lastGeom.w, h: lastGeom.h });
+  }, []);
+  function beginDrag(e, type) {
+    if (win.mode !== "normal" || e.button !== 0) return;
+    if (type === "move" && e.target && e.target.closest && e.target.closest("button,select,input")) return;
+    const node = dlgRef.current;
+    if (!node || typeof window === "undefined") return;
+    const rect = node.getBoundingClientRect();
+    const startX = e.clientX, startY = e.clientY;
+    const origin = { left: rect.left, top: rect.top, w: rect.width, h: rect.height };
+    const clampX = (v) => Math.min(Math.max(8, v), window.innerWidth - origin.w - 8);
+    const clampY = (v) => Math.min(Math.max(8, v), window.innerHeight - origin.h - 8);
+    const onMove = (ev) => {
+      const dx = ev.clientX - startX, dy = ev.clientY - startY;
+      if (type === "move") setWin((s) => Object.assign({}, s, { x: clampX(origin.left + dx), y: clampY(origin.top + dy) }));
+      else setWin((s) => Object.assign({}, s, {
+        w: Math.max(640, Math.min(origin.w + dx, window.innerWidth - 16)),
+        h: Math.max(420, Math.min(origin.h + dy, window.innerHeight - 16))
+      }));
+    };
+    const onUp = () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      setWin((s) => {
+        lastGeom = { x: s.x, y: s.y, w: s.w, h: s.h };
+        return s;
+      });
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  }
+  if (!open) return null;
+  const MODULES = allModules();
+  const isHome = active === "home";
+  const mod = isHome ? null : MODULES.find((m) => m.id === active) || MODULES[0];
+  const st = mod ? stateOf(mod.id) : null;
+  const View = mod ? mod.View : null;
+  const viewNode = mod && View ? import_react7.default.createElement(
+    "div",
+    { className: "dockm-view" },
+    import_react7.default.createElement(
+      mod.external ? FeatureBoundary : import_react7.default.Fragment,
+      null,
+      import_react7.default.createElement(View, { ctx: ctxRef.current, feature: mod, params: navParams })
+    )
+  ) : null;
+  const enabledCount = MODULES.filter((m) => {
+    const s = stateOf(m.id);
+    return !!(s && s.enabled);
+  }).length;
+  const dialogStyle = win.mode === "max" ? { position: "fixed", left: 10, top: 10, right: 10, bottom: 10, width: "auto", height: "auto" } : win.x != null || win.y != null || win.w != null || win.h != null ? {
+    position: "fixed",
+    left: win.x != null ? win.x : void 0,
+    top: win.y != null ? win.y : void 0,
+    width: win.w != null ? win.w : void 0,
+    height: win.mode === "min" ? "auto" : win.h != null ? win.h : void 0
+  } : null;
+  return import_react7.default.createElement(
+    "div",
+    { className: "dockm-backdrop", onClick: () => setPanelOpen(false) },
+    import_react7.default.createElement(
+      "div",
+      {
+        className: "dockm-dialog" + (win.mode === "max" ? " dockm-max" : "") + (win.mode === "min" ? " dockm-min" : ""),
+        style: dialogStyle,
+        ref: dlgRef,
+        onClick: (e) => e.stopPropagation()
+      },
+      import_react7.default.createElement(
+        "div",
+        {
+          className: "dockm-head",
+          onPointerDown: (e) => beginDrag(e, "move"),
+          onDoubleClick: () => setWin((s) => Object.assign({}, s, { mode: s.mode === "max" ? "normal" : "max" }))
+        },
+        import_react7.default.createElement(DockIcon, null),
+        import_react7.default.createElement("span", { className: "dockm-title" }, "\u529F\u80FD\u575E"),
+        import_react7.default.createElement("span", { className: "dockm-sub" }, "dsh-dock \xB7 \u4E5F\u53EF\u5728 \u8BBE\u7F6E \u2192 \u529F\u80FD\u575E \u6253\u5F00\u7BA1\u7406\u9875"),
+        import_react7.default.createElement(
+          "span",
+          { className: "dockm-ctrls" },
+          import_react7.default.createElement("button", {
+            type: "button",
+            className: "dockm-win",
+            title: win.mode === "min" ? "\u8FD8\u539F" : "\u6700\u5C0F\u5316",
+            onClick: () => setWin((s) => Object.assign({}, s, { mode: s.mode === "min" ? "normal" : "min" }))
+          }, "\u2581"),
+          import_react7.default.createElement("button", {
+            type: "button",
+            className: "dockm-win",
+            title: win.mode === "max" ? "\u8FD8\u539F" : "\u6700\u5927\u5316",
+            onClick: () => setWin((s) => Object.assign({}, s, { mode: s.mode === "max" ? "normal" : "max" }))
+          }, win.mode === "max" ? "\u2750" : "\u25A2"),
+          import_react7.default.createElement("button", { type: "button", className: "dockm-close", "aria-label": "\u5173\u95ED", title: "\u5173\u95ED", onClick: () => setPanelOpen(false) }, "\u2715")
+        )
+      ),
+      import_react7.default.createElement(
+        "div",
+        { className: "dockm-body" },
+        import_react7.default.createElement(
+          "nav",
+          { className: "dockm-nav", "aria-label": "\u529F\u80FD\u6A21\u5757" },
+          import_react7.default.createElement(
+            "button",
+            {
+              type: "button",
+              key: "home",
+              className: "dockm-nav-item" + (isHome ? " on" : ""),
+              onClick: () => setActive("home")
+            },
+            import_react7.default.createElement("span", { className: "dockm-navhome" }, import_react7.default.createElement(DockIcon, null)),
+            import_react7.default.createElement("span", null, "\u9996\u9875")
+          ),
+          MODULES.map((m) => import_react7.default.createElement(
+            "button",
+            {
+              type: "button",
+              key: m.id,
+              className: "dockm-nav-item" + (m.id === active ? " on" : ""),
+              onClick: () => setActive(m.id)
+            },
+            import_react7.default.createElement("span", { className: "dockm-dot", style: { background: m.accent } }),
+            import_react7.default.createElement("span", null, m.name),
+            m.planned ? import_react7.default.createElement("span", { className: "dockm-badge" }, "\u89C4\u5212\u4E2D") : null,
+            m.external ? import_react7.default.createElement("span", { className: "dockm-badge" }, "\u5916\u90E8") : null
+          ))
+        ),
+        import_react7.default.createElement(
+          "div",
+          { className: "dockm-content" },
+          import_react7.default.createElement(
+            "div",
+            { className: "dockm-content-head" },
+            import_react7.default.createElement(
+              "div",
+              { className: "dockm-name" },
+              isHome ? import_react7.default.createElement("span", { className: "dockm-navhome" }, import_react7.default.createElement(DockIcon, null)) : import_react7.default.createElement("span", { className: "dockm-dot", style: { background: mod.accent } }),
+              isHome ? "\u9996\u9875" : mod.name,
+              !isHome && mod.planned ? import_react7.default.createElement("span", { className: "dockm-badge" }, "\u89C4\u5212\u4E2D") : null,
+              !isHome && mod.external ? import_react7.default.createElement("span", { className: "dockm-badge" }, "\u5916\u90E8\u5305" + (mod.package ? " \xB7 " + mod.package : "")) : null
+            ),
+            import_react7.default.createElement(
+              "div",
+              { className: "dockm-desc" },
+              isHome ? "\u6240\u6709\u5B50\u529F\u80FD\u603B\u63FD\uFF1A\u8FD0\u884C\u72B6\u6001\u3001\u6982\u8981\u4E0E\u5FEB\u6377\u5F00\u5173\uFF0C\u70B9\u51FB\u5361\u7247\u8FDB\u5165\u5BF9\u5E94\u529F\u80FD\u9875\u3002" : mod.description
+            )
+          ),
+          isHome ? import_react7.default.createElement("div", { className: "dockm-view" }, import_react7.default.createElement(HomeView, { ctx: ctxRef.current, onOpen: setActive, onToggle: force })) : mod.planned ? import_react7.default.createElement("div", { className: "dockm-note" }, PLANNED_NOTES[mod.id] || "\u5F85\u63A5\u5165\uFF1A\u89C1 README \u8DEF\u7EBF\u56FE") : st && st.enabled && viewNode ? viewNode : st && st.error ? import_react7.default.createElement("div", { className: "dockm-note dockm-err" }, "\u529F\u80FD\u51FA\u9519\uFF1A" + st.error) : import_react7.default.createElement("div", { className: "dockm-note" }, "\u8BE5\u529F\u80FD\u5F53\u524D\u4E3A\u505C\u7528\u72B6\u6001\uFF08\u8BB0\u5FC6\u6001\u968F\u9875\u9762\u751F\u547D\u5468\u671F\uFF0C0.5.0 \u8D77\u6301\u4E45\u5316\uFF09"),
+          import_react7.default.createElement(
+            "div",
+            { className: "dockm-foot" },
+            import_react7.default.createElement("span", null, isHome ? "\u529F\u80FD\u575E v" + DOCK_VERSION + " \xB7 \u5171 " + MODULES.length + " \u4E2A\u529F\u80FD\u6A21\u5757\uFF0C" + enabledCount + " \u4E2A\u5DF2\u542F\u7528" : "\u529F\u80FD\u575E v" + DOCK_VERSION + " \xB7 \u65B0\u529F\u80FD\u6309\u8DEF\u7EBF\u56FE\u8FFD\u52A0"),
+            !isHome && mod && !mod.planned && st ? import_react7.default.createElement("button", {
+              type: "button",
+              className: "dockm-switch" + (st.enabled ? " on" : ""),
+              onClick: () => {
+                toggleFeature(mod.id);
+                force();
+              }
+            }, st.enabled ? "\u5DF2\u542F\u7528\uFF08\u70B9\u51FB\u505C\u7528\uFF09" : "\u5DF2\u505C\u7528\uFF08\u70B9\u51FB\u542F\u7528\uFF09") : null,
+            !isHome && mod && typeof mod.Chip === "function" ? import_react7.default.createElement("button", {
+              type: "button",
+              className: "dockm-switch" + (chipShown(mod.id) ? " on" : ""),
+              title: "\u63A7\u5236\u4F1A\u8BDD\u8F93\u5165\u533A\uFF08\u6A21\u578B\u9009\u62E9\u5668\u5DE6\u4FA7\uFF09\u662F\u5426\u663E\u793A\u672C\u529F\u80FD\u7684\u968F\u8EAB\u5C0F\u63A7\u4EF6",
+              onClick: () => {
+                setChipShown(mod.id, !chipShown(mod.id));
+                force();
+              }
+            }, chipShown(mod.id) ? "\u4F1A\u8BDD\u9875\u663E\u793A\u4E2D" : "\u4F1A\u8BDD\u9875\u5DF2\u9690\u85CF") : null
+          )
+        )
+      ),
+      win.mode === "normal" ? import_react7.default.createElement("div", { className: "dockm-resize", onPointerDown: (e) => beginDrag(e, "size") }) : null
+    )
+  );
+}
+function HomeView(props) {
+  const ctx = props && props.ctx;
+  const [, force] = import_react7.default.useReducer((n) => n + 1, 0);
+  useExternalVersion();
+  const open = (id) => {
+    if (props && typeof props.onOpen === "function") props.onOpen(id);
+  };
+  return import_react7.default.createElement(
+    "div",
+    { className: "dockh-grid" },
+    allModules().map((m) => {
+      const st = stateOf(m.id);
+      const enabled = !!(st && st.enabled);
+      const Stat = m.HomeStat;
+      const statNode = m.planned ? import_react7.default.createElement("span", null, PLANNED_NOTES[m.id] || "\u5F85\u63A5\u5165\uFF1A\u89C1 README \u8DEF\u7EBF\u56FE") : enabled && Stat ? import_react7.default.createElement(
+        m.external ? FeatureBoundary : import_react7.default.Fragment,
+        null,
+        import_react7.default.createElement(Stat, { ctx })
+      ) : import_react7.default.createElement("span", null, "\u5DF2\u505C\u7528\uFF0C\u542F\u7528\u540E\u5728\u6B64\u5C55\u793A\u8FD0\u884C\u6982\u8981");
+      return import_react7.default.createElement(
+        "div",
+        {
+          key: m.id,
+          className: "dockh-card",
+          role: "button",
+          tabIndex: 0,
+          onClick: () => open(m.id),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              open(m.id);
+            }
+          }
+        },
+        import_react7.default.createElement(
+          "div",
+          { className: "dockh-head" },
+          import_react7.default.createElement("span", { className: "dockm-dot", style: { background: m.accent } }),
+          import_react7.default.createElement("span", { className: "dockh-name" }, m.name),
+          m.external ? import_react7.default.createElement("span", { className: "dockh-badge", title: m.package || void 0 }, "\u5916\u90E8") : null,
+          import_react7.default.createElement(
+            "span",
+            { className: "dockh-badge" + (m.planned ? "" : enabled ? " on" : " off") },
+            m.planned ? "\u89C4\u5212\u4E2D" : enabled ? "\u5DF2\u542F\u7528" : "\u5DF2\u505C\u7528"
+          )
+        ),
+        import_react7.default.createElement("div", { className: "dockh-desc" }, m.description),
+        import_react7.default.createElement("div", { className: "dockh-stat" }, statNode),
+        import_react7.default.createElement(
+          "div",
+          { className: "dockh-foot" },
+          import_react7.default.createElement("span", { className: "dockh-go" }, "\u67E5\u770B\u8BE6\u60C5 \u2192"),
+          m.planned ? null : import_react7.default.createElement("button", {
+            type: "button",
+            className: "dockm-switch" + (enabled ? " on" : ""),
+            onClick: (e) => {
+              e.stopPropagation();
+              toggleFeature(m.id);
+              if (props && typeof props.onToggle === "function") props.onToggle();
+              force();
+            }
+          }, enabled ? "\u505C\u7528" : "\u542F\u7528")
+        )
+      );
+    })
+  );
+}
+function DockPanel() {
+  const ctx = ctxRef.current;
+  const [, force] = import_react7.default.useReducer((n) => n + 1, 0);
+  useExternalVersion();
+  const toggle = (id) => {
+    toggleFeature(id);
+    force();
+  };
+  return import_react7.default.createElement(
+    "div",
+    { className: "dock-root" },
+    import_react7.default.createElement(
+      "div",
+      { className: "dock-intro" },
+      "\u529F\u80FD\u575E\uFF08dsh-dock\uFF09\xB7 \u6240\u6709\u5C0F\u529F\u80FD\u96C6\u4E2D\u5728\u8FD9\u4E00\u4E2A\u9762\u677F\u91CC\u7BA1\u7406\u3002v0.4.0 \u8D77\u6BCF\u4E2A\u529F\u80FD\u662F\u72EC\u7ACB\u6A21\u5757\uFF08features/<id>/\uFF09\uFF0C",
+      "\u53EF\u5355\u72EC\u63D0\u53D6\u6253\u5305\u53D1\u5E03\uFF08scripts/extract-feature.mjs\uFF09\uFF1B\u72EC\u7ACB\u53D1\u5E03\u7684\u529F\u80FD\u5305\u88C5\u56DE\u540E\u7ECF dockBridge \u6CE8\u518C\u8FDB\u672C\u9762\u677F\u3002"
+    ),
+    allModules().map((f) => {
+      const st = stateOf(f.id);
+      const View = f.View;
+      const viewNode = !f.planned && st.enabled && View ? import_react7.default.createElement(
+        "div",
+        { className: "dock-body" },
+        import_react7.default.createElement(
+          f.external ? FeatureBoundary : import_react7.default.Fragment,
+          null,
+          import_react7.default.createElement(View, { ctx, feature: f })
+        )
+      ) : null;
+      return import_react7.default.createElement(
+        "div",
+        { className: "dock-card", key: f.id },
+        import_react7.default.createElement(
+          "div",
+          { className: "dock-card-head" },
+          import_react7.default.createElement("span", { className: "dock-dot" + (st.error ? " err" : st.enabled ? " on" : "") }),
+          import_react7.default.createElement("span", { className: "dock-name" }, f.name),
+          import_react7.default.createElement("span", { className: "dock-desc" }, f.description + (f.external ? "\uFF08\u6765\u81EA\u5916\u90E8\u5305" + (f.package ? " " + f.package : "") + "\uFF09" : "")),
+          f.planned ? import_react7.default.createElement("span", { className: "dock-badge" }, "\u89C4\u5212\u4E2D") : import_react7.default.createElement("button", {
+            className: "dock-switch" + (st.enabled ? " on" : ""),
+            onClick: () => toggle(f.id)
+          }, st.enabled ? "\u5DF2\u542F\u7528" : "\u5DF2\u505C\u7528"),
+          !f.planned && typeof f.Chip === "function" ? import_react7.default.createElement("button", {
+            className: "dock-switch" + (chipShown(f.id) ? " on" : ""),
+            title: "\u63A7\u5236\u4F1A\u8BDD\u8F93\u5165\u533A\uFF08\u6A21\u578B\u9009\u62E9\u5668\u5DE6\u4FA7\uFF09\u662F\u5426\u663E\u793A\u672C\u529F\u80FD\u7684\u968F\u8EAB\u5C0F\u63A7\u4EF6",
+            onClick: () => {
+              setChipShown(f.id, !chipShown(f.id));
+              force();
+            }
+          }, chipShown(f.id) ? "\u4F1A\u8BDD\u9875\u663E\u793A" : "\u4F1A\u8BDD\u9875\u9690\u85CF") : null
+        ),
+        f.planned ? import_react7.default.createElement("div", { className: "dock-body" }, PLANNED_NOTES[f.id] || "\u5F85\u63A5\u5165\uFF1A\u89C1 README \u8DEF\u7EBF\u56FE") : st.error ? import_react7.default.createElement("div", { className: "dock-body dockm-err" }, "\u529F\u80FD\u51FA\u9519\uFF1A" + st.error) : null,
+        viewNode
+      );
+    })
+  );
+}
+function DockChips(props) {
+  const [, force] = import_react7.default.useReducer((n) => n + 1, 0);
+  import_react7.default.useEffect(() => subscribeFeatureState(() => force()), []);
+  const items = [];
+  for (const f of allModules()) {
+    if (f.planned || !stateOf(f.id).enabled || !chipShown(f.id) || typeof f.Chip !== "function") continue;
+    items.push(import_react7.default.createElement(f.Chip, {
+      key: f.id,
+      ctx: props.ctx,
+      feature: f,
+      session: props.session,
+      sessionId: props.sessionId,
+      input: props.input
+    }));
+  }
+  if (items.length === 0) return null;
+  return import_react7.default.createElement("div", { className: "dockchip-row" }, items);
+}
+var ctxRef = { current: null };
+function apply(ctx) {
+  ctxRef.current = ctx;
+  ensureCss();
+  initFeatureState(BUILTIN_FEATURES.concat(PLANNED_FEATURES));
+  const slots = ctx.get("slots");
+  if (slots === void 0) return;
+  slots.inject("sidebar.footer.action", () => slots.register(
+    { name: "sidebar.footer.action", id: "dsh-dock", order: 1, label: "\u529F\u80FD\u575E" },
+    (props) => import_react7.default.createElement(DockEntry, props)
+  ));
+  slots.inject("shell.overlay", () => slots.register(
+    { name: "shell.overlay", id: "dsh-dock-panel", order: 21, label: "\u529F\u80FD\u575E\u9762\u677F" },
+    () => import_react7.default.createElement(DockModal, null)
+  ));
+  slots.inject("settings.section", () => slots.register(
+    { name: "settings.section", id: "dsh-dock", order: 90, label: "\u529F\u80FD\u575E" },
+    () => import_react7.default.createElement(DockPanel, null)
+  ));
+  slots.inject("conversation.input.left", () => slots.register(
+    { name: "conversation.input.left", id: "dsh-dock-chips", order: 10, label: "\u529F\u80FD\u575E" },
+    (zone) => import_react7.default.createElement(DockChips, Object.assign({}, zone, { ctx: ctxRef.current }))
+  ));
+}
+var inject = ["timer"];
 
-			slots.inject("settings.section", () => slots.register(
-				{ name: "settings.section", id: "dsh-dock", order: 90, label: "功能中枢" },
-				() => react.createElement(DockPanel, null)));
-		}
 
-		exports.name = name;
-		exports.inject = inject;
 		exports.apply = apply;
+		exports.inject = inject;
+		exports.dockBridge = dockBridge;
 		return module.exports;
 	}
-});
+});