@tyr1105/dsh-buddy 0.0.0-stage → 0.1.0

package/lib/client.js

@@ -0,0 +1,2561 @@
+window.__ModuleLoader__.load({ id: '@tyr1105/dsh-buddy', factory: function (require) { var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  HubEntryIcon: () => HubEntryIcon,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/styles.css
+var styles_default = "/*\n * \u961F\u53CB\u9875\u9762\u6837\u5F0F\u3002\u7EA6\u675F\uFF08docs/prd/sections/16-ui.md 16.0 \u4E0E\u4EFB\u52A1\u5361\uFF09\uFF1A\n * - \u989C\u8272\u53EA\u7528 var(--dsw-alias-*) \u4E0E --dsw-radius-* / --dsw-shadow-* \u7B49\u4E3B\u9898 token\uFF0C\n *   \u4E0D\u51FA\u73B0\u5341\u516D\u8FDB\u5236\u3001rgb\u3001hsl\uFF08transparent / currentColor \u9664\u5916\uFF09\uFF0C\u4EAE\u6697\u81EA\u52A8\u8DDF\u968F\u3002\n * - \u4E2D\u680F 720\u20131600px \u53EF\u7528\uFF1B\u7A84\u4E8E 900px \u65F6\u53F3\u680F\u6539\u4E3A\u62BD\u5C49\u3002\n * - macOS \u6807\u9898\u533A\u53EA\u5728 [data-platform=darwin] \u4E0B\u7559\u51FA\u5218\u6D77\u7A7A\u95F4\u3002\n */\n\n/*\n * \u4E3B\u9898\u53D8\u91CF\u522B\u540D\u5C42\uFF08\u89C6\u89C9\u4FEE\u590D\uFF09\uFF1A\u672C\u6837\u5F0F\u8868\u5386\u53F2\u4E0A\u4F7F\u7528\u7684\u5206\u9694\u7EBF/\u5E95\u8272/\u5F3A\u8C03\u8272\u7B49\u53D8\u91CF\u540D\n * \u4E0E\u5BBF\u4E3B\u5B9E\u9645\u63D0\u4F9B\u7684\u4E3B\u9898 token \u540D\u4E0D\u4E00\u81F4\uFF08\u5BBF\u4E3B\u53EA\u6709 border-l1/l2\u3001bg-layer-1/2\u3001\n * brand-primary\u3001label-primary/secondary\u3001state-* \u7B49\uFF09\u3002\u5BF9\u4E0D\u4E0A\u7684\u53D8\u91CF\u5728\u8BA1\u7B97\u65F6\n * \u6574\u6761\u58F0\u660E\u5931\u6548\uFF0C\u4E8E\u662F\u51FA\u73B0\u300C\u6309\u94AE\u6CA1\u6709\u8FB9\u6846\u3001\u6CA1\u6709\u80CC\u666F\u3001hover \u6CA1\u6709\u53CD\u9988\u300D\u3002\n * \u8FD9\u91CC\u5728 .ah-page \u4E0A\u628A\u65E7\u540D\u4E00\u4E00\u6620\u5C04\u5230\u771F\u5B9E token\uFF08\u627E\u4E0D\u5230\u7684\u4E2D\u95F4\u8C03\u7528 color-mix\n * \u4ECE\u54C1\u724C\u8272\u6D3E\u751F\uFF0C\u4E0D\u5199\u6B7B\u4EFB\u4F55\u5341\u516D\u8FDB\u5236\uFF09\uFF0C\u4E0B\u65B9\u6837\u5F0F\u65E0\u9700\u9010\u884C\u4FEE\u6539\u3002\n * .ah-toast-layer \u6302\u5728 shell.overlay \u63D2\u69FD\u3001\u4E0D\u5728\u9875\u9762\u5B50\u6811\u91CC\uFF0C\u6240\u4EE5\u4E00\u5E76\u58F0\u660E\u3002\n */\n.ah-page,\n.ah-toast-layer {\n  /* \u5206\u9694\u7EBF\uFF1A\u65E7 separator / separator-strong \u2192 \u5BBF\u4E3B border-l1 / border-l2 */\n  --dsw-alias-separator: var(--dsw-alias-border-l1, var(--dsw-alias-border-l2));\n  --dsw-alias-separator-strong: var(--dsw-alias-border-l2, var(--dsw-alias-border-l1));\n  /* \u5E95\u8272\uFF1A\u65E7 inset / elevated \u2192 \u5BBF\u4E3B bg-layer-1 / bg-layer-2 */\n  --dsw-alias-bg-inset: var(--dsw-alias-bg-layer-1, var(--dsw-alias-bg-base));\n  --dsw-alias-bg-elevated: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1));\n  /* \u5F3A\u8C03\u8272\uFF1A\u65E7 accent \u2192 \u5BBF\u4E3B brand-primary\uFF1B\u6DE1\u5F3A\u8C03\u5E95\u7528\u5B83\u6D3E\u751F */\n  --dsw-alias-accent: var(--dsw-alias-brand-primary);\n  --dsw-alias-accent-muted: color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);\n  /* \u6587\u5B57\uFF1A\u65E7 text-primary/secondary \u2192 \u5BBF\u4E3B label-primary/secondary */\n  --dsw-alias-text-primary: var(--dsw-alias-label-primary);\n  --dsw-alias-text-secondary: var(--dsw-alias-label-secondary);\n  --dsw-alias-text-danger: var(--dsw-alias-state-error-primary);\n  /* \u72B6\u6001\u8272 */\n  --dsw-alias-danger: var(--dsw-alias-state-error-primary);\n  --dsw-alias-success: var(--dsw-alias-state-success-primary);\n  --dsw-alias-warning: var(--dsw-alias-state-warn-primary);\n  --dsw-alias-warning-muted: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  /* \u60AC\u505C / \u9009\u4E2D\u5E95\u8272\uFF1A\u5BBF\u4E3B\u672A\u63D0\u4F9B\uFF0C\u4ECE\u6587\u5B57\u8272\u4F4E\u6BD4\u4F8B\u6D3E\u751F\uFF08\u4EAE\u6697\u4E3B\u9898\u90FD\u6210\u7ACB\uFF09 */\n  --dsw-alias-fill-hover: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n  --dsw-alias-fill-selected: color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent);\n  /* \u5F3A\u8C03\u5E95\u4E0A\u7684\u6587\u5B57\uFF1A\u7528\u57FA\u7840\u5E95\u8272\uFF08\u6697\u8272\u4E3B\u9898=\u6D45\u5B57\u3001\u4EAE\u8272\u4E3B\u9898=\u6DF1\u5B57\uFF0C\u5728\u54C1\u724C\u8272\u4E0A\u90FD\u53EF\u8BFB\uFF09 */\n  --dsw-alias-text-on-accent: var(--dsw-alias-bg-base);\n  /* \u906E\u7F69\u4E0E\u6D6E\u5C42 */\n  --dsw-alias-scrim: color-mix(in srgb, var(--dsw-alias-label-primary) 32%, transparent);\n  --dsw-alias-toast-bg: var(--dsw-alias-bg-overlay, var(--dsw-alias-bg-layer-2));\n  --dsw-alias-toast-label: var(--dsw-alias-label-primary);\n  /* \u9634\u5F71\uFF1A\u5BBF\u4E3B\u672A\u66B4\u9732 shadow token\uFF0C\u7528\u6587\u5B57\u8272\u6D3E\u751F\u7684\u8F6F\u6295\u5F71\uFF0C\u8DDF\u968F\u4E3B\u9898\u6DF1\u6D45 */\n  --dsw-shadow-lv2: 0 4px 16px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);\n  --dsw-shadow-lv3: 0 8px 28px color-mix(in srgb, var(--dsw-alias-label-primary) 26%, transparent);\n}\n\n.ah-page {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-text-primary);\n}\n\n/* \u6574\u9875\u4E0D\u53EF\u7528\u63D0\u793A */\n.ah-page-down { align-items: center; justify-content: center; }\n.ah-down { text-align: center; display: grid; gap: 12px; justify-items: center; }\n\n/* ---------- \u9876\u680F ---------- */\n.ah-topbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 20px;\n  border-bottom: 1px solid var(--dsw-alias-separator);\n}\n.ah-topbar h1 { font-size: 20px; font-weight: 500; margin: 0; }\n.ah-topbar-title { display: flex; align-items: baseline; gap: 10px; padding-top: calc(0px + var(--dsh-frame-top-clearance, 0px)); }\n.ah-topbar-now { font-size: 13px; color: var(--dsw-alias-text-secondary); }\n.ah-topbar-status { display: flex; align-items: center; gap: 10px; }\n\n/* macOS\uFF1A\u6807\u9898\u7ED9\u5218\u6D77/\u6807\u9898\u533A\u7559\u7A7A\u95F4 */\n[data-platform='darwin'] .ah-topbar-title { padding-top: calc(28px + var(--dsh-frame-top-clearance, 0px)); }\n\n/* ---------- \u4E09\u680F\u9AA8\u67B6 ---------- */\n.ah-body { display: flex; flex: 1; min-height: 0; }\n.ah-botlist { width: 260px; flex-shrink: 0; display: flex; flex-direction: column; border-right: 1px solid var(--dsw-alias-separator); overflow-y: auto; }\n.ah-thread { flex: 1; min-width: 0; display: flex; flex-direction: column; }\n.ah-right { width: 320px; flex-shrink: 0; border-left: 1px solid var(--dsw-alias-separator); display: flex; flex-direction: column; min-height: 0; }\n.ah-right-scroll { overflow-y: auto; flex: 1; padding: 0 16px; }\n\n/* \u4E2D\u680F\u6700\u5C0F\u53EF\u7528\u5BBD\u5EA6 */\n.ah-thread { min-width: 400px; }\n@media (max-width: 900px) {\n  /* \u7A84\u5C4F\uFF1A\u53F3\u680F\u6539\u6210\u62BD\u5C49\uFF08\u76D6\u5728\u7EBF\u7A0B\u4E0A\uFF0C\u53EF\u6536\u8D77\uFF09 */\n  .ah-right {\n    position: absolute;\n    top: 0; right: 0; bottom: 0;\n    z-index: 30;\n    box-shadow: var(--dsw-shadow-lv2);\n    background: var(--dsw-alias-bg-base);\n    width: min(320px, 85vw);\n  }\n  .ah-botlist { width: 200px; }\n}\n\n/* ---------- \u5DE6\u680F\u5217\u8868 ---------- */\n.ah-bot-row {\n  display: flex; align-items: center; gap: 10px;\n  width: 100%; padding: 10px 12px;\n  background: transparent; border: none; cursor: pointer;\n  color: inherit; text-align: left; font: inherit;\n}\n.ah-bot-row:hover { background: var(--dsw-alias-fill-hover, var(--dsw-alias-bg-inset)); }\n.ah-bot-row.ah-selected { background: var(--dsw-alias-fill-selected, var(--dsw-alias-bg-inset)); }\n.ah-bot-row-main { flex: 1; min-width: 0; display: grid; gap: 2px; }\n.ah-bot-row-name { font-weight: 500; display: flex; align-items: center; gap: 6px; }\n.ah-bot-row-role { font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-bot-row-activity {\n  font-size: 12px; color: var(--dsw-alias-text-secondary);\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n.ah-botlist-footer { margin-top: auto; padding: 10px 12px; border-top: 1px solid var(--dsw-alias-separator); }\n.ah-inbox-entry { width: 100%; padding: 8px; }\n\n/* \u5934\u50CF\u4E0E\u672A\u8BFB */\n.ah-avatar {\n  display: inline-flex; align-items: center; justify-content: center;\n  border-radius: 999px; flex-shrink: 0;\n  font-size: 13px; font-weight: 500;\n}\n.ah-avatar-team { background: var(--dsw-alias-accent-muted); color: var(--dsw-alias-text-primary); }\n.ah-unread {\n  background: var(--dsw-alias-danger); color: var(--dsw-alias-text-on-accent, var(--dsw-alias-text-primary));\n  border-radius: 999px; font-size: 11px; padding: 1px 6px; flex-shrink: 0;\n}\n\n/* \u6807\u7B7E */\n.ah-tag { font-size: 11px; border-radius: var(--dsw-radius-sm, 4px); padding: 1px 6px; }\n.ah-tag-wait { background: var(--dsw-alias-warning-muted, var(--dsw-alias-bg-inset)); color: var(--dsw-alias-warning, var(--dsw-alias-text-primary)); }\n\n/* ---------- \u4E2D\u680F\u7EBF\u7A0B ---------- */\n.ah-thread-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid var(--dsw-alias-separator); }\n.ah-thread-header h2 { margin: 0; font-size: 15px; font-weight: 500; }\n.ah-thread-messages { flex: 1; overflow-y: auto; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }\n.ah-msg { display: flex; gap: 8px; align-items: flex-start; }\n.ah-msg-mine { flex-direction: row-reverse; }\n.ah-msg-body { max-width: min(70%, 620px); display: grid; gap: 3px; }\n.ah-msg-mine .ah-msg-body { justify-items: end; }\n.ah-msg-meta { font-size: 11px; color: var(--dsw-alias-text-secondary); }\n.ah-msg-bubble {\n  padding: 8px 12px; border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-inset); word-break: break-word;\n}\n.ah-msg-mine .ah-msg-bubble { background: var(--dsw-alias-accent-muted); }\n.ah-msg-center { justify-content: center; text-align: center; }\n.ah-msg-bubble-center { font-size: 12px; color: var(--dsw-alias-text-secondary); background: transparent; padding: 2px 8px; }\n.ah-msg-center .ah-msg-time { font-size: 11px; color: var(--dsw-alias-text-secondary); }\n\n/* \u8F93\u5165\u533A */\n.ah-thread-input { display: flex; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--dsw-alias-separator); }\n.ah-thread-input input {\n  flex: 1; padding: 8px 12px;\n  border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-separator-strong, var(--dsw-alias-separator));\n  background: var(--dsw-alias-bg-inset); color: inherit;\n}\n/* \u53D1\u9001\u5931\u8D25\u63D0\u793A\uFF08\u4EA4\u4E92\u5BA1\u67E5\u7B2C 4 \u6761\uFF09\uFF1A\u8D34\u5728\u8F93\u5165\u6846\u4E0B\u65B9\uFF0C\u4E00\u53E5\u8BDD\u539F\u56E0 + \u91CD\u8BD5\uFF0C\u4E0D\u6253\u65AD\u8F93\u5165\u3002 */\n.ah-thread-senderror {\n  display: flex; align-items: center; gap: 8px;\n  padding: 6px 20px 10px; font-size: 12px;\n  color: var(--dsw-alias-text-danger, var(--dsw-alias-text-secondary));\n}\n\n/* ---------- \u5361\u7247 ---------- */\n.ah-card {\n  margin-top: 6px; padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-separator-strong, var(--dsw-alias-separator));\n  border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base));\n  display: grid; gap: 6px; text-align: left;\n}\n.ah-card-done { opacity: 0.7; }\n.ah-card-head { display: flex; align-items: center; gap: 8px; }\n.ah-card-type { font-size: 11px; color: var(--dsw-alias-text-secondary); border: 1px solid var(--dsw-alias-separator); border-radius: var(--dsw-radius-sm, 4px); padding: 0 6px; }\n.ah-card-title { font-weight: 500; }\n.ah-card-body { margin: 0; font-size: 13px; }\n.ah-card-expire { margin: 0; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-card-answer { margin: 0; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-card-error { margin: 4px 0 0; font-size: 12px; color: var(--dsw-alias-danger, var(--dsw-alias-text-secondary)); }\n.ah-card-options { display: flex; flex-wrap: wrap; gap: 8px; }\n\n/* ---------- \u6536\u4EF6\u7BB1 ---------- */\n.ah-inbox { flex: 1; overflow-y: auto; padding: 16px 20px; display: grid; gap: 12px; align-content: start; }\n.ah-inbox-row {\n  padding: 12px 14px; border: 1px solid var(--dsw-alias-separator);\n  border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base));\n  display: grid; gap: 8px;\n}\n.ah-inbox-row header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.ah-inbox-row p { margin: 0; font-size: 13px; }\n.ah-inbox-time { font-size: 12px; color: var(--dsw-alias-text-secondary); margin-left: auto; }\n.ah-inbox-p0 { border-color: var(--dsw-alias-danger); }\n.ah-inbox-p1 { border-color: var(--dsw-alias-warning, var(--dsw-alias-separator-strong, var(--dsw-alias-separator))); }\n\n/* ---------- \u53F3\u680F ---------- */\n.ah-right-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid var(--dsw-alias-separator); }\n.ah-right-head h2 { margin: 0; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; }\n.ah-right-section { padding: 10px 0; border-bottom: 1px solid var(--dsw-alias-separator); }\n.ah-right-section h3 { margin: 0 0 6px; font-size: 12px; color: var(--dsw-alias-text-secondary); font-weight: 500; }\n.ah-right-section p, .ah-right-section li { margin: 0; font-size: 13px; }\n.ah-right-section ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }\n.ah-right-kv { color: var(--dsw-alias-text-secondary); }\n.ah-right-actions { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--dsw-alias-separator); align-items: center; }\n.ah-right-notice { width: 100%; margin: 0; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-appraisals { list-style: none; padding: 0; display: grid; gap: 5px; font-size: 12px; }\n.ah-appraisal-decision { color: var(--dsw-alias-text-secondary); margin-right: 4px; }\n.ah-appraisal-woke { color: var(--dsw-alias-success, var(--dsw-alias-text-primary)); }\n\n/* ---------- \u901A\u7528\u4EF6 ---------- */\n.ah-btn {\n  padding: 5px 12px; border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-separator-strong, var(--dsw-alias-separator));\n  background: var(--dsw-alias-bg-inset); color: inherit;\n  cursor: pointer; font: inherit; font-size: 13px;\n}\n.ah-btn:hover { background: var(--dsw-alias-fill-hover, var(--dsw-alias-bg-inset)); }\n.ah-btn:disabled { opacity: 0.5; cursor: default; }\n.ah-btn-primary { border-color: var(--dsw-alias-accent); color: var(--dsw-alias-text-on-accent, var(--dsw-alias-text-primary)); background: var(--dsw-alias-accent-muted); }\n.ah-btn-ghost { border-color: transparent; background: transparent; }\n\n.ah-dot { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; }\n.ah-dot-circle { width: 8px; height: 8px; border-radius: 999px; display: inline-block; }\n.ah-dot-ok .ah-dot-circle { background: var(--dsw-alias-success, var(--dsw-alias-accent)); }\n.ah-dot-warn .ah-dot-circle { background: var(--dsw-alias-warning, var(--dsw-alias-accent)); }\n.ah-dot-busy .ah-dot-circle { background: var(--dsw-alias-accent); }\n.ah-dot-idle .ah-dot-circle { background: var(--dsw-alias-text-secondary); }\n.ah-dot-danger .ah-dot-circle { background: var(--dsw-alias-danger); }\n\n.ah-skeleton { display: grid; gap: 8px; padding: 16px; }\n.ah-skeleton-row { height: 14px; border-radius: var(--dsw-radius-sm, 4px); background: var(--dsw-alias-bg-inset); }\n.ah-retry { display: flex; align-items: center; gap: 10px; padding: 16px 20px; color: var(--dsw-alias-text-secondary); }\n.ah-empty { padding: 16px 20px; font-size: 13px; color: var(--dsw-alias-text-secondary); }\n\n/* \u5360\u4F4D\u5BF9\u8BDD\u6846 */\n.ah-dialog-mask { position: fixed; inset: 0; background: var(--dsw-alias-scrim, transparent); display: flex; align-items: center; justify-content: center; z-index: 100; }\n.ah-dialog {\n  background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base));\n  border-radius: var(--dsw-radius-lg, 10px); box-shadow: var(--dsw-shadow-lv3);\n  padding: 20px 24px; display: grid; gap: 12px; justify-items: center; text-align: center;\n}\n\n/* ================= D03\uFF1A\u6C14\u6CE1\u3001\u7EBF\u7A0B\u5934\u90E8\u3001\u5411\u5BFC\u3001\u6536\u4EF6\u7BB1\u3001\u6D3B\u52A8\u6D41\u3001\u8BBE\u7F6E\u3001\u63D0\u793A ================= */\n\n/* \u7EBF\u7A0B\u5934\u90E8\uFF1A\u540D\u5B57/\u89D2\u8272 + \u72B6\u6001\u53E5 + \u4E0B\u6B21\u81EA\u67E5 + \u53F3\u4FA7\u64CD\u4F5C */\n.ah-thread-header { flex-wrap: wrap; gap: 6px 12px; }\n.ah-thread-header-main { display: grid; gap: 2px; min-width: 0; }\n.ah-thread-header-main h2 { display: flex; align-items: center; gap: 8px; }\n.ah-thread-status { margin: 0; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-thread-next { margin: 0; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n.ah-thread-header-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n\n/* \u6C14\u6CE1\uFF1A\u4E3B\u4EBA\u53F3\u4E3B\u8272\u6DE1\u5E95\u3001\u673A\u5668\u4EBA\u5DE6\u4E2D\u6027\u5E95\uFF1B\u6C47\u62A5\u5DE6\u4FA7\u7EC6\u8272\u6761 */\n.ah-msg-bubble {\n  border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-inset);\n  padding: 8px 12px;\n  border-top-left-radius: var(--dsw-radius-sm, 4px);\n}\n.ah-msg-mine .ah-msg-bubble {\n  background: var(--dsw-alias-accent-muted);\n  border-top-left-radius: var(--dsw-radius-lg, 10px);\n  border-top-right-radius: var(--dsw-radius-sm, 4px);\n}\n.ah-msg-report .ah-msg-bubble { border-left: 3px solid var(--dsw-alias-accent); }\n\n/* \u6309\u94AE\uFF1A\u60AC\u505C\u4E0E\u6309\u4E0B\u53CD\u9988 */\n.ah-btn { transition: background 0.12s ease, border-color 0.12s ease, transform 0.06s ease; }\n.ah-btn:hover:not(:disabled) { filter: brightness(1.05); background: var(--dsw-alias-fill-hover, var(--dsw-alias-bg-inset)); }\n.ah-btn:active:not(:disabled) { transform: translateY(1px); }\n/* \u952E\u76D8\u7126\u70B9\u73AF\uFF08\u89C6\u89C9\u4FEE\u590D\uFF1A\u539F\u6765\u6CA1\u6709\u7126\u70B9\u6837\u5F0F\uFF0CTab \u5BFC\u822A\u5B8C\u5168\u770B\u4E0D\u51FA\u7126\u70B9\u5728\u54EA\uFF09 */\n.ah-btn:focus-visible, .ah-bot-row:focus-visible, .ah-inbox-entry:focus-visible,\n.ah-thread-input input:focus-visible, .ah-card-freetext input:focus-visible, .ah-card-note:focus-visible {\n  outline: 2px solid var(--dsw-alias-accent);\n  outline-offset: 1px;\n}\n.ah-btn-primary {\n  border-color: var(--dsw-alias-accent);\n  background: var(--dsw-alias-accent);\n  color: var(--dsw-alias-text-on-accent, var(--dsw-alias-text-primary));\n}\n.ah-btn-primary:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-accent) 88%, var(--dsw-alias-label-primary));\n  border-color: color-mix(in srgb, var(--dsw-alias-accent) 88%, var(--dsw-alias-label-primary));\n}\n.ah-btn-danger { border-color: var(--dsw-alias-danger); color: var(--dsw-alias-danger); }\n.ah-btn-icon { display: inline-flex; align-items: center; gap: 4px; }\n\n/* \u5361\u7247\u91CC\u7684\u81EA\u7531\u6587\u672C\u4E0E\u9644\u8A00 */\n.ah-card-freetext { display: flex; gap: 8px; }\n.ah-card-freetext input, .ah-card-note {\n  flex: 1; padding: 6px 10px; font: inherit; color: inherit;\n  border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-separator);\n  background: var(--dsw-alias-bg-inset);\n}\n.ah-card-note { width: 100%; }\n\n/* \u6536\u4EF6\u7BB1\u5206\u7EC4 */\n.ah-inbox-group { display: grid; gap: 8px; }\n.ah-inbox-group h3 { margin: 8px 0 0; font-size: 12px; color: var(--dsw-alias-text-secondary); font-weight: 500; }\n.ah-inbox-bot { font-weight: 500; }\n.ah-inbox-row { border: 1px solid var(--dsw-alias-separator); border-radius: var(--dsw-radius-lg, 10px); padding: 10px 12px; display: grid; gap: 8px; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base)); }\n.ah-inbox-row header { display: flex; align-items: center; gap: 8px; }\n.ah-inbox-row .ah-card { border: none; margin: 0; padding: 0; background: transparent; }\n.ah-inbox-p0 .ah-inbox-row { border-color: var(--dsw-alias-danger); }\n\n/* \u6D3B\u52A8\u6D41 */\n.ah-activity { flex: 1; overflow-y: auto; padding: 16px 20px; display: grid; gap: 12px; align-content: start; }\n.ah-activity-filters { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 13px; }\n.ah-activity-filters label { display: flex; align-items: center; gap: 6px; color: var(--dsw-alias-text-secondary); }\n.ah-activity-filters select {\n  font: inherit; color: inherit; padding: 4px 8px;\n  border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-separator);\n  background: var(--dsw-alias-bg-inset);\n}\n.ah-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }\n.ah-activity-row { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; }\n.ah-activity-time { color: var(--dsw-alias-text-secondary); font-size: 12px; flex-shrink: 0; min-width: 72px; }\n.ah-activity-text { flex: 1; min-width: 0; }\n.ah-activity-kind {\n  font-size: 11px; color: var(--dsw-alias-text-secondary);\n  border: 1px solid var(--dsw-alias-separator);\n  border-radius: var(--dsw-radius-sm, 4px);\n  padding: 0 6px; margin-right: 6px;\n}\n.ah-activity-alert .ah-activity-kind { color: var(--dsw-alias-danger); border-color: var(--dsw-alias-danger); }\n.ah-activity-approval .ah-activity-kind { color: var(--dsw-alias-warning, var(--dsw-alias-text-secondary)); }\n.ah-activity-more { display: flex; justify-content: center; }\n\n/* \u8BBE\u7F6E\u9875 */\n.ah-settings { flex: 1; overflow-y: auto; padding: 16px 20px; display: grid; gap: 10px; align-content: start; }\n.ah-settings h3 { margin: 8px 0 0; font-size: 13px; font-weight: 500; color: var(--dsw-alias-text-secondary); }\n.ah-settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }\n.ah-settings-grid label, .ah-wizard-field label, .ah-edit-box label, .ah-wizard-grid label {\n  display: grid; gap: 4px; font-size: 13px;\n}\n.ah-settings-grid input, .ah-settings-grid select,\n.ah-wizard-field input, .ah-wizard-field textarea, .ah-wizard-field select,\n.ah-edit-box input, .ah-edit-box textarea, .ah-edit-add input, .ah-edit-list input {\n  font: inherit; color: inherit; padding: 6px 10px;\n  border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-separator);\n  background: var(--dsw-alias-bg-inset);\n}\n.ah-settings-grid input:disabled { opacity: 0.7; }\n.ah-settings-error { margin: 0; font-size: 13px; color: var(--dsw-alias-danger); }\n.ah-settings-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.ah-settings-health { margin: 0; padding-left: 18px; display: grid; gap: 4px; font-size: 13px; }\n\n/* \u5411\u5BFC */\n.ah-dialog-wide { max-width: min(680px, calc(100vw - 48px)); text-align: left; justify-items: stretch; }\n.ah-wizard-head { display: flex; align-items: center; justify-content: space-between; }\n.ah-wizard-head h3 { margin: 0; }\n.ah-wizard-steps { list-style: none; display: flex; gap: 6px; margin: 0; padding: 0; flex-wrap: wrap; font-size: 12px; }\n.ah-wizard-steps li { color: var(--dsw-alias-text-secondary); padding: 2px 8px; border-radius: var(--dsw-radius-sm, 4px); border: 1px solid var(--dsw-alias-separator); }\n.ah-wizard-steps .ah-wizard-step-current { color: var(--dsw-alias-text-on-accent, var(--dsw-alias-text-primary)); background: var(--dsw-alias-accent); border-color: var(--dsw-alias-accent); }\n.ah-wizard-steps .ah-wizard-step-done { color: var(--dsw-alias-accent); border-color: var(--dsw-alias-accent); }\n.ah-wizard-body { display: grid; gap: 12px; }\n.ah-wizard-roles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }\n.ah-wizard-role {\n  display: grid; gap: 4px; padding: 10px; text-align: left; font: inherit; color: inherit; cursor: pointer;\n  border: 1px solid var(--dsw-alias-separator); border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-inset); font-size: 13px;\n}\n.ah-wizard-role span { color: var(--dsw-alias-text-secondary); }\n.ah-wizard-role-picked { border-color: var(--dsw-alias-accent); background: var(--dsw-alias-accent-muted); }\n.ah-wizard-role-disabled { opacity: 0.5; cursor: not-allowed; }\n.ah-wizard-colors { display: flex; gap: 8px; flex-wrap: wrap; }\n.ah-wizard-colors button { width: 26px; height: 26px; border-radius: 999px; border: 2px solid transparent; cursor: pointer; }\n.ah-wizard-colors .ah-wizard-color-picked { border-color: var(--dsw-alias-text-primary); }\n.ah-wizard-examples { display: grid; gap: 6px; }\n.ah-wizard-examples .ah-btn { text-align: left; font-size: 12px; }\n.ah-wizard-optional { font-size: 13px; display: grid; gap: 8px; }\n.ah-wizard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }\n.ah-wizard-confirm .ah-wizard-restatement { margin: 0; font-size: 14px; }\n.ah-wizard-label { font-size: 13px; color: var(--dsw-alias-text-secondary); }\n\n/* \u6559\u5B66\u5F39\u7A97 */\n.ah-teach-search, .ah-teach-note { font: inherit; color: inherit; padding: 6px 10px; border-radius: var(--dsw-radius-md, 8px); border: 1px solid var(--dsw-alias-separator); background: var(--dsw-alias-bg-inset); }\n.ah-teach-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; max-height: 240px; overflow-y: auto; }\n.ah-teach-list label { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: var(--dsw-radius-md, 8px); font-size: 13px; cursor: pointer; }\n.ah-teach-picked { background: var(--dsw-alias-accent-muted); }\n.ah-teach-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ah-dialog-actions { display: flex; gap: 8px; justify-content: flex-end; }\n\n/* \u53F3\u680F\u7F16\u8F91 */\n.ah-edit-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 13px; }\n.ah-edit-list li { display: grid; gap: 4px; }\n.ah-edit-ops { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }\n.ah-edit-ops input { font-size: 12px; padding: 3px 8px; max-width: 200px; }\n.ah-edit-add { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }\n.ah-edit-box { display: grid; gap: 8px; font-size: 13px; }\n.ah-routine-steps { margin: 4px 0; padding-left: 18px; display: grid; gap: 2px; font-size: 12px; color: var(--dsw-alias-text-secondary); }\n\n/* \u5E94\u7528\u5185\u63D0\u793A\uFF08\u5B98\u65B9 toast \u6837\u5F0F\uFF0Cverified-T5 Q4-2\uFF1B\u53EA\u7528\u4E3B\u9898\u53D8\u91CF\uFF09 */\n.ah-toast-layer {\n  position: fixed; top: 40px; left: 50%; transform: translateX(-50%);\n  z-index: 1100; pointer-events: none;\n  display: grid; gap: 8px; justify-items: center;\n  max-width: min(640px, calc(100vw - 48px));\n}\n.ah-toast {\n  padding: 12px 16px; border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-toast-bg, var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base)));\n  color: var(--dsw-alias-toast-label, var(--dsw-alias-text-primary));\n  font-size: 14px; line-height: 22px;\n  box-shadow: var(--dsw-shadow-lv3);\n  pointer-events: auto;\n  animation: ah-toast-in 0.16s ease;\n}\n.ah-toast-btn { all: unset; cursor: pointer; }\n.ah-toast-btn:hover { text-decoration: underline; }\n@keyframes ah-toast-in { from { opacity: 0; } to { opacity: 1; } }\n\n/* \u9875\u9762\u5E95\u90E8\u7684\u884C\u5185\u901A\u77E5\uFF08\u8BD5\u8DD1\u63D0\u793A\u7B49\uFF09\u2014\u2014D04 3c-3 \u8D77\u6539\u7528\u7EBF\u7A0B\u9876\u90E8\u63D0\u793A\u6761\uFF0C\u6B64\u6837\u5F0F\u4FDD\u7559\u517C\u5BB9 */\n.ah-toast-inline {\n  position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);\n  display: flex; gap: 10px; align-items: center;\n  padding: 10px 16px; border-radius: var(--dsw-radius-lg, 10px);\n  background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-inset));\n  box-shadow: var(--dsw-shadow-lv2); font-size: 13px; z-index: 40;\n}\n\n/* ================= D04\uFF1A\u5411\u5BFC\u9009\u4E2D\u6001\u3001\u4E09\u9009\u4E00\u7248\u5F0F\u3001\u7EBF\u7A0B\u9876\u90E8\u63D0\u793A\u6761\u3001\u6C14\u6CE1\u53EF\u8FA8\u6027 ================= */\n\n/* \u5411\u5BFC\u7B2C 1 \u6B65\uFF1A\u89D2\u8272\u5361\u9009\u4E2D = \u4E3B\u8272\u63CF\u8FB9 + \u6D45\u5E95 + \u53F3\u4E0A\u89D2\u300C\u5DF2\u9009\u300D\u89D2\u6807\uFF08D04 3c-1\uFF09 */\n.ah-wizard-role { position: relative; }\n.ah-wizard-role-picked {\n  border-color: var(--dsw-alias-accent);\n  background: var(--dsw-alias-accent-muted);\n  box-shadow: inset 0 0 0 1px var(--dsw-alias-accent);\n}\n.ah-wizard-role-check {\n  position: absolute; top: 6px; right: 6px;\n  font-size: 11px; padding: 1px 6px; border-radius: var(--dsw-radius-sm, 4px);\n  color: var(--dsw-alias-text-on-accent, var(--dsw-alias-text-primary));\n  background: var(--dsw-alias-accent);\n}\n/* \u8272\u5757\u9009\u4E2D\u63CF\u8FB9\u7528\u4E3B\u8272\uFF08\u539F text-primary \u5728\u6697\u8272\u4E0B\u4E0D\u663E\u773C\uFF09 */\n.ah-wizard-colors .ah-wizard-color-picked { border-color: var(--dsw-alias-accent); }\n\n/* \u5411\u5BFC\u7B2C 4 \u6B65\uFF1A\u4E09\u4E2A\u9009\u62E9\u6846\u540C\u9AD8\u540C\u5BBD\u4E00\u884C\u5BF9\u9F50\uFF1B\u8BF4\u660E\u653E\u4E0B\u65B9\u3001\u6B21\u8981\u8272\u3001\u6B63\u5E38\u5B57\u53F7\uFF08D04 3c-2\uFF09 */\n.ah-wizard-trio {\n  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;\n}\n.ah-wizard-trio label { display: grid; gap: 4px; font-size: 13px; }\n.ah-wizard-trio select { width: 100%; height: 34px; }\n.ah-wizard-note { margin: 0; font-size: 13px; color: var(--dsw-alias-text-secondary); }\n\n/* \u7EBF\u7A0B\u9876\u90E8\u63D0\u793A\u6761\uFF08\u8BD5\u8DD1\u63D0\u793A\u7B49\uFF09\uFF1A\u5934\u90E8\u4E0B\u65B9\u3001\u4E0D\u906E\u6321\u8F93\u5165\u6846\uFF08D04 3c-3\uFF09 */\n.ah-thread-banner {\n  display: flex; gap: 10px; align-items: center; justify-content: space-between;\n  margin: 8px 20px 0; padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-separator);\n  border-radius: var(--dsw-radius-md, 8px);\n  background: var(--dsw-alias-accent-muted);\n  font-size: 13px;\n}\n\n/* \u6C14\u6CE1\u53EF\u8FA8\u6027\uFF08D04 3c-4\uFF09\uFF1A\u4E3B\u4EBA\u4E3B\u8272\u6D45\u5E95 + \u4E3B\u8272\u63CF\u8FB9\uFF1B\u673A\u5668\u4EBA\u4E2D\u6027\u5E95 + \u5206\u9694\u7EBF\u63CF\u8FB9 */\n.ah-msg-bubble { border: 1px solid var(--dsw-alias-separator); }\n.ah-msg-mine .ah-msg-bubble {\n  background: var(--dsw-alias-accent-muted);\n  border: 1px solid var(--dsw-alias-accent);\n}\n\n/* \u53F3\u680F\u5FD7\u5411\u884C\uFF1A\u6587\u5B57\u4E0E\u64CD\u4F5C\u540C\u4E00\u884C\uFF0C\u53EA\u5728\u7F16\u8F91\u65F6\u51FA\u73B0\u8F93\u5165\u6846\uFF08D04 3c-5\uFF09 */\n.ah-edit-row { display: flex; gap: 8px; align-items: center; justify-content: space-between; min-width: 0; }\n";
+
+// src/client/api.ts
+var BASE = "api/agent-hub";
+async function getJson(path) {
+  let response;
+  try {
+    response = await fetch(`${BASE}/${path}`, { credentials: "same-origin" });
+  } catch {
+    throw new Error("\u8FDE\u4E0D\u4E0A Agent \u4E2D\u5FC3\uFF08\u7F51\u7EDC\u9519\u8BEF\uFF09");
+  }
+  if (!response.ok) {
+    let message = `\u8BF7\u6C42\u5931\u8D25\uFF08${response.status}\uFF09`;
+    try {
+      const body = await response.json();
+      if (body?.error) message = body.error;
+    } catch {
+    }
+    throw new Error(message);
+  }
+  return await response.json();
+}
+async function postCommand(name, input) {
+  let response;
+  try {
+    response = await fetch(`${BASE}/command`, {
+      method: "POST",
+      credentials: "same-origin",
+      headers: { "Content-Type": "application/json; charset=utf-8" },
+      body: JSON.stringify({ name, input })
+    });
+  } catch {
+    return { ok: false, error: "\u8FDE\u4E0D\u4E0A Agent \u4E2D\u5FC3\uFF08\u7F51\u7EDC\u9519\u8BEF\uFF09" };
+  }
+  if (!response.ok) {
+    let message = `\u8BF7\u6C42\u5931\u8D25\uFF08${response.status}\uFF09`;
+    try {
+      const body = await response.json();
+      if (body?.error) message = body.error;
+    } catch {
+    }
+    return { ok: false, error: message };
+  }
+  return await response.json();
+}
+var api = {
+  overview: () => getJson("overview"),
+  bot: (id) => getJson(`bot?id=${encodeURIComponent(id)}`),
+  thread: (id, opts) => {
+    const params = new URLSearchParams({ id });
+    if (opts?.before) params.set("before", opts.before);
+    if (opts?.limit) params.set("limit", String(opts.limit));
+    return getJson(`thread?${params.toString()}`);
+  },
+  inbox: () => getJson("inbox"),
+  activity: (opts) => {
+    const params = new URLSearchParams();
+    if (opts?.before) params.set("before", opts.before);
+    if (opts?.limit) params.set("limit", String(opts.limit));
+    const qs = params.toString();
+    return getJson(qs ? `activity?${qs}` : "activity");
+  },
+  settings: () => getJson("settings"),
+  recentSessions: () => getJson("recent-sessions"),
+  command: postCommand
+};
+
+// src/client/store.ts
+var import_react = require("react");
+function createStore(initial) {
+  let snapshot = initial;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    getSnapshot: () => snapshot,
+    subscribe(fn) {
+      listeners.add(fn);
+      return () => {
+        listeners.delete(fn);
+      };
+    },
+    set(next) {
+      if (next === snapshot) return;
+      snapshot = next;
+      for (const fn of [...listeners]) {
+        try {
+          fn();
+        } catch (error) {
+          console.error("[agent-hub] store \u901A\u77E5\u51FA\u9519:", error);
+        }
+      }
+    },
+    update(fn) {
+      this.set(fn(snapshot));
+    }
+  };
+}
+function useStore(store) {
+  return (0, import_react.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+}
+
+// src/client/logic/feeds.ts
+var PRIORITY_ORDER = ["P0", "P1", "P2"];
+var PRIORITY_LABEL = {
+  P0: "P0 \u9A6C\u4E0A\u8981\u4F60\u5904\u7406",
+  P1: "P1 \u7B49\u4F60\u62CD\u677F",
+  P2: "P2 \u6709\u7A7A\u518D\u770B"
+};
+function groupInbox(items) {
+  const groups = [];
+  for (const priority of PRIORITY_ORDER) {
+    const list = items.filter((item) => item.priority === priority).sort((a, b) => b.createdAt - a.createdAt || a.id.localeCompare(b.id));
+    if (list.length > 0) groups.push({ priority, label: PRIORITY_LABEL[priority], items: list });
+  }
+  return groups;
+}
+var ACTIVITY_KIND_LABELS = {
+  wake: "\u5524\u9192",
+  commit: "\u4EA4\u8D26",
+  approval: "\u5BA1\u6279",
+  alert: "\u544A\u8B66",
+  handoff: "\u4EA4\u63A5",
+  peer: "\u540C\u4F34\u6D88\u606F",
+  lifecycle: "\u751F\u547D\u5468\u671F",
+  system: "\u4E2D\u5FC3"
+};
+function filterActivity(rows, filter) {
+  return rows.filter(
+    (row) => (filter.botId == null || filter.botId === "" || row.botId === filter.botId) && (filter.kind == null || row.kind === filter.kind)
+  );
+}
+function entryLabel(inboxTotal) {
+  return inboxTotal > 0 ? `\u961F\u53CB \xB7 ${inboxTotal > 99 ? "99+" : inboxTotal}` : "\u961F\u53CB";
+}
+function newUrgentInbox(prev, next) {
+  const seen = new Set(prev.map((item) => item.id));
+  return next.filter((item) => !seen.has(item.id) && (item.priority === "P0" || item.priority === "P1"));
+}
+
+// src/client/logic/scopes.ts
+var HUB_SCOPES = {
+  overview: "overview",
+  bot: "bot",
+  thread: "thread",
+  inbox: "inbox",
+  activity: "activity",
+  settings: "settings"
+};
+var emptyPlan = () => ({ overview: false, bots: [], threads: [], inbox: false, activity: false, settings: false });
+function refreshPlan(scope, botId) {
+  const plan = emptyPlan();
+  const id = typeof botId === "string" && botId !== "" ? botId : null;
+  switch (scope) {
+    case HUB_SCOPES.overview:
+      plan.overview = true;
+      if (id !== null) plan.bots.push(id);
+      return plan;
+    case HUB_SCOPES.bot:
+      plan.overview = true;
+      if (id !== null) plan.bots.push(id);
+      return plan;
+    case HUB_SCOPES.thread:
+      plan.overview = true;
+      plan.threads.push(id ?? "team");
+      return plan;
+    case HUB_SCOPES.inbox:
+      plan.inbox = true;
+      plan.overview = true;
+      return plan;
+    case HUB_SCOPES.activity:
+      plan.activity = true;
+      return plan;
+    case HUB_SCOPES.settings:
+      plan.settings = true;
+      return plan;
+    default:
+      plan.overview = true;
+      plan.activity = true;
+      return plan;
+  }
+}
+
+// src/client/hub-state.ts
+var TOAST_MS = 4e3;
+function mergeThreadMessages(base, fresh) {
+  const index = new Map(base.map((m, i) => [m.id, i]));
+  const out = [...base];
+  for (const message of fresh) {
+    const at = index.get(message.id);
+    if (at === void 0) {
+      index.set(message.id, out.length);
+      out.push(message);
+    } else out[at] = message;
+  }
+  return out;
+}
+function emptyState() {
+  return {
+    overview: null,
+    inbox: null,
+    activity: null,
+    settings: null,
+    recentSessions: [],
+    bots: {},
+    threads: {},
+    connectionDown: false,
+    downReason: null,
+    downMessage: null,
+    settingsError: null,
+    view: "main",
+    selectedThread: "team",
+    toasts: []
+  };
+}
+function reasonOfError(message) {
+  if (message.includes("\u5DF2\u505C\u7528")) return "disabled";
+  if (message.includes("\u5C1A\u672A\u5C31\u7EEA")) return "starting";
+  if (message.includes("\u542F\u52A8\u5931\u8D25")) return "failed";
+  return null;
+}
+function isNetworkError(message) {
+  return message.includes("\u7F51\u7EDC\u9519\u8BEF");
+}
+function createHubStore() {
+  const store = createStore(emptyState());
+  const patch = (partial) => store.update((prev) => ({ ...prev, ...partial }));
+  const guard = async (fn) => {
+    try {
+      patch(await fn());
+      if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      console.error("[agent-hub] \u62C9\u53D6\u6570\u636E\u5931\u8D25:", error);
+      patch({ connectionDown: true, downReason: reasonOfError(message), downMessage: reasonOfError(message) === "failed" ? message : null });
+    }
+  };
+  const applyInbox = (next, prevItems) => {
+    const fresh = prevItems === null ? [] : newUrgentInbox(prevItems, next.items);
+    for (const item of fresh) {
+      const toast = { id: `toast-${item.id}`, text: `${item.botName ?? "\u4E2D\u5FC3"}\uFF1A${item.title}`, inboxItemId: item.id };
+      store.update((prev) => ({ ...prev, toasts: [...prev.toasts.filter((t) => t.id !== toast.id), toast] }));
+      try {
+        setTimeout(() => {
+          try {
+            store.update((prev) => ({ ...prev, toasts: prev.toasts.filter((t) => t.id !== toast.id) }));
+          } catch {
+          }
+        }, TOAST_MS);
+      } catch {
+      }
+    }
+    return { inbox: next };
+  };
+  const hub = {
+    ...store,
+    async refreshOverview() {
+      await guard(async () => ({ overview: await api.overview() }));
+    },
+    async refreshInbox() {
+      const prevItems = store.getSnapshot().inbox?.items ?? null;
+      await guard(async () => applyInbox(await api.inbox(), prevItems));
+    },
+    async refreshActivity(before) {
+      try {
+        const next = await api.activity(before ? { before } : void 0);
+        if (!before) patch({ activity: next });
+        else store.update((prev) => ({
+          ...prev,
+          activity: prev.activity === null ? next : { rows: [...prev.activity.rows, ...next.rows], hasMore: next.hasMore }
+        }));
+        if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error("[agent-hub] \u62C9\u53D6\u6D3B\u52A8\u6D41\u5931\u8D25:", error);
+        patch({ connectionDown: true, downReason: reasonOfError(message), downMessage: reasonOfError(message) === "failed" ? message : null });
+      }
+    },
+    /**
+     * 设置拉取（D07 第 2 条）：不走会标 connectionDown 的通用 guard——设置读不到
+     * 不等于连不上。只有网络错误、「尚未就绪」「已停用」「启动失败」才整页提示；
+     * 其余（例如宿主模型目录坏了）把中文原因存进 settingsError，设置页与各模型
+     * 下拉处显示原因和「重试」；旧的 settings 保持原值。
+     */
+    async refreshSettings() {
+      try {
+        const settings = await api.settings();
+        patch({ settings, settingsError: null });
+        if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error("[agent-hub] \u62C9\u53D6\u8BBE\u7F6E\u5931\u8D25:", error);
+        const reason = reasonOfError(message);
+        if (reason !== null) patch({ connectionDown: true, downReason: reason, downMessage: reason === "failed" ? message : null });
+        else if (isNetworkError(message)) patch({ connectionDown: true, downReason: null, downMessage: null });
+        else patch({ settingsError: message });
+      }
+    },
+    async refreshRecentSessions() {
+      await guard(async () => ({ recentSessions: await api.recentSessions() }));
+    },
+    /**
+     * 机器人详情（D07 第 9 条）：先拿到详情，再在 updater 里合并进**最新**状态——
+     * 两条 bot 推送挨着到时，后返回的请求不能把另一台刚拉到的新详情改回旧值。
+     */
+    async refreshBot(botId) {
+      try {
+        const view = await api.bot(botId);
+        store.update((prev) => ({ ...prev, bots: { ...prev.bots, [botId]: view } }));
+        if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error("[agent-hub] \u62C9\u53D6\u673A\u5668\u4EBA\u8BE6\u60C5\u5931\u8D25:", error);
+        patch({ connectionDown: true, downReason: reasonOfError(message), downMessage: reasonOfError(message) === "failed" ? message : null });
+      }
+    },
+    /**
+     * 线程（D07 第 14/9 条）：带 before 是「加载更早」，把旧一页拼在已有列表前面；
+     * 不带 before 是最新一页，**按消息 id 合并**进已加载的列表——更新已有消息与
+     * 卡片状态、追加新消息，保留主人翻出来的更早历史（只在切换线程时才重置，
+     * 见 selectThread）。合并一律在 updater 里做，避免并发覆盖。
+     */
+    async refreshThread(threadId, before) {
+      try {
+        const thread = await api.thread(threadId, before ? { before } : void 0);
+        store.update((prev) => {
+          const loaded = prev.threads[threadId];
+          if (loaded === void 0) return { ...prev, threads: { ...prev.threads, [threadId]: thread } };
+          const messages = before ? mergeThreadMessages(thread.messages, loaded.messages) : mergeThreadMessages(loaded.messages, thread.messages);
+          const oldest = messages[0]?.id ?? null;
+          return { ...prev, threads: { ...prev.threads, [threadId]: { ...thread, messages, hasMore: thread.hasMore || loaded.hasMore, oldestId: oldest } } };
+        });
+        if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error("[agent-hub] \u62C9\u53D6\u7EBF\u7A0B\u5931\u8D25:", error);
+        patch({ connectionDown: true, downReason: reasonOfError(message), downMessage: reasonOfError(message) === "failed" ? message : null });
+      }
+    },
+    async refreshAll() {
+      await Promise.all([hub.refreshOverview(), hub.refreshInbox(), hub.refreshActivity()]);
+    },
+    onChanged(event) {
+      void (async () => {
+        try {
+          const plan = refreshPlan(event.scope, event.botId);
+          const jobs = [];
+          if (plan.overview) jobs.push(hub.refreshOverview());
+          for (const botId of plan.bots) jobs.push(hub.refreshBot(botId));
+          for (const threadId of plan.threads) jobs.push(hub.refreshThread(threadId));
+          if (plan.inbox) jobs.push(hub.refreshInbox());
+          if (plan.activity) jobs.push(hub.refreshActivity());
+          if (plan.settings) jobs.push(hub.refreshSettings());
+          await Promise.all(jobs);
+        } catch (error) {
+          console.error("[agent-hub] \u5904\u7406\u53D8\u5316\u4E8B\u4EF6\u51FA\u9519:", error);
+        }
+      })();
+    },
+    markDown(reason = null, message = null) {
+      patch({ connectionDown: true, downReason: reason, downMessage: reason === "failed" ? message : null });
+    },
+    onReconnected() {
+      if (store.getSnapshot().connectionDown) patch({ connectionDown: false, downReason: null, downMessage: null });
+      const selected = store.getSnapshot().selectedThread;
+      store.update((prev) => ({ ...prev, bots: {} }));
+      void hub.refreshAll();
+      void hub.refreshSettings();
+      void hub.refreshThread(selected);
+      if (selected !== "team") void hub.refreshBot(selected);
+    },
+    async send(threadId, text) {
+      const result = await api.command("sendMessage", { threadId, text });
+      if (!result.ok) throw new Error(result.error);
+      await hub.refreshThread(threadId);
+    },
+    command(name, input) {
+      return api.command(name, input);
+    },
+    selectThread(threadId) {
+      store.update((prev) => {
+        if (prev.selectedThread === threadId) return { ...prev, view: "main" };
+        const threads = { ...prev.threads };
+        delete threads[threadId];
+        return { ...prev, selectedThread: threadId, view: "main", threads };
+      });
+      void api.command("markThreadRead", { threadId }).then(() => hub.refreshOverview()).catch(() => void 0);
+    },
+    setView(view) {
+      patch({ view });
+    },
+    dismissToast(id) {
+      store.update((prev) => ({ ...prev, toasts: prev.toasts.filter((t) => t.id !== id) }));
+    }
+  };
+  return hub;
+}
+var RECONNECT_BACKOFF_MS = [1e3, 2e3, 5e3, 1e4];
+var DOWN_AFTER_MS = 3e4;
+function connectEvents(hub) {
+  let closed = false;
+  let source = null;
+  let retryTimer = null;
+  let attempt = 0;
+  let downTimer = null;
+  const clearDownTimer = () => {
+    if (downTimer !== null) {
+      clearTimeout(downTimer);
+      downTimer = null;
+    }
+  };
+  const scheduleReconnect = () => {
+    if (closed) return;
+    const wait = RECONNECT_BACKOFF_MS[Math.min(attempt, RECONNECT_BACKOFF_MS.length - 1)];
+    attempt += 1;
+    retryTimer = setTimeout(open, wait);
+  };
+  const open = () => {
+    if (closed) return;
+    try {
+      source = new EventSource("agent-hub/events");
+    } catch (error) {
+      console.error("[agent-hub] \u5EFA\u7ACB SSE \u8FDE\u63A5\u5931\u8D25:", error);
+      scheduleReconnect();
+      return;
+    }
+    source.onopen = () => {
+      attempt = 0;
+      clearDownTimer();
+      hub.onReconnected();
+    };
+    source.addEventListener("changed", (event) => {
+      try {
+        hub.onChanged(JSON.parse(event.data));
+      } catch (error) {
+        console.error("[agent-hub] \u89E3\u6790 changed \u4E8B\u4EF6\u5931\u8D25:", error);
+      }
+    });
+    source.onerror = () => {
+      try {
+        source?.close();
+      } catch {
+      }
+      source = null;
+      if (downTimer === null && !closed) downTimer = setTimeout(() => {
+        if (!closed) hub.markDown(null);
+      }, DOWN_AFTER_MS);
+      scheduleReconnect();
+    };
+  };
+  open();
+  return () => {
+    closed = true;
+    clearDownTimer();
+    if (retryTimer !== null) clearTimeout(retryTimer);
+    try {
+      source?.close();
+    } catch {
+    }
+  };
+}
+
+// src/client/pages/HubPage.tsx
+var import_react11 = require("react");
+
+// src/client/components/TopBar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function GearIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 16 16", width: "14", height: "14", "aria-hidden": "true", className: "ah-gear-icon", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M8 5.2A2.8 2.8 0 1 0 8 10.8 2.8 2.8 0 0 0 8 5.2zm0 1.5a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M7.1 1h1.8l.3 1.6c.5.1 1 .3 1.4.6l1.5-.7 1.3 1.3-.7 1.5c.3.4.5.9.6 1.4l1.6.3v1.8l-1.6.3c-.1.5-.3 1-.6 1.4l.7 1.5-1.3 1.3-1.5-.7c-.4.3-.9.5-1.4.6L8.9 15H7.1l-.3-1.6c-.5-.1-1-.3-1.4-.6l-1.5.7-1.3-1.3.7-1.5c-.3-.4-.5-.9-.6-1.4L1.1 8.6V6.8l1.6-.3c.1-.5.3-1 .6-1.4l-.7-1.5 1.3-1.3 1.5.7c.4-.3.9-.5 1.4-.6L7.1 1z", opacity: "0.55" })
+  ] });
+}
+function TopBar(props) {
+  const o = props.overview;
+  const back = props.view === "main" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onBack, children: "\u8FD4\u56DE" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "ah-topbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ah-topbar-title", children: [
+      back,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "\u961F\u53CB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "ah-topbar-now", children: [
+        o.nowText,
+        o.quietNow ? " \xB7 \u514D\u6253\u6270\u4E2D" : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ah-topbar-status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `ah-dot ah-dot-${o.quota.light === "green" ? "ok" : o.quota.light === "yellow" ? "warn" : "danger"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ah-dot-circle", "aria-hidden": "true" }),
+        o.quota.lightLabel,
+        " \xB7 ",
+        o.quota.usedText
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onOpenActivity, children: "\u6D3B\u52A8\u6D41" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "ah-btn ah-btn-icon", "aria-label": "\u8BBE\u7F6E", title: "\u8BBE\u7F6E", onClick: props.onOpenSettings, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GearIcon, {}),
+        "\u8BBE\u7F6E"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "ah-btn", onClick: props.onOpenInbox, children: [
+        "\u6536\u4EF6\u7BB1",
+        o.inbox.total > 0 ? `\uFF08${o.inbox.total}\uFF09` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", onClick: props.onNewBot, children: "\u65B0\u5EFA\u961F\u53CB" })
+    ] })
+  ] });
+}
+
+// src/client/components/Ui.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Avatar(props) {
+  const style = {
+    width: `${props.size ?? 32}px`,
+    height: `${props.size ?? 32}px`,
+    background: props.color || "var(--dsw-alias-accent-muted)",
+    color: "var(--dsw-alias-text-on-accent, currentColor)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ah-avatar", style, "aria-hidden": "true", children: props.initials });
+}
+function Skeleton(props) {
+  const rows = props.rows ?? 3;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ah-skeleton", "aria-busy": "true", "aria-label": "\u52A0\u8F7D\u4E2D", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ah-skeleton-row" }, i)) });
+}
+function RetryBox(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ah-retry", role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: props.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onRetry, children: "\u91CD\u8BD5" })
+  ] });
+}
+function EmptyHint(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ah-empty", children: props.text });
+}
+function UnreadBadge(props) {
+  if (props.count <= 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ah-unread", "aria-label": `${props.count} \u6761\u672A\u8BFB`, children: props.count > 99 ? "99+" : props.count });
+}
+
+// src/client/components/BotList.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function BotRow(props) {
+  const b = props.bot;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: `ah-bot-row${props.selected ? " ah-selected" : ""}`, onClick: () => props.onSelect(b.id), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { color: b.color, initials: b.initials }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "ah-bot-row-main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "ah-bot-row-name", children: [
+        b.name,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-bot-row-role", children: b.roleLabel }),
+        b.waitingOwner ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-tag ah-tag-wait", children: "\u7B49\u4F60" }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-bot-row-activity", title: b.activityText, children: b.activityText })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(UnreadBadge, { count: b.unread })
+  ] });
+}
+function BotList(props) {
+  const threadOf = (botId) => botId;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("nav", { className: "ah-botlist", "aria-label": "\u961F\u53CB\u5217\u8868", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `ah-bot-row${props.selected === "team" ? " ah-selected" : ""}`,
+        onClick: () => props.onSelect("team"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-avatar ah-avatar-team", "aria-hidden": "true", children: "\u961F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "ah-bot-row-main", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-bot-row-name", children: "\u56E2\u961F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ah-bot-row-activity", children: props.overview.team.lastMessageText ?? "\u673A\u5668\u4EBA\u7684\u4EA4\u63A5\u548C\u6C47\u62A5\u4F1A\u6284\u9001\u5230\u8FD9\u91CC" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(UnreadBadge, { count: props.overview.team.unread })
+        ]
+      }
+    ),
+    props.overview.bots.map((bot) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BotRow, { bot, selected: props.selected === threadOf(bot.id), onSelect: (id) => props.onSelect(threadOf(id)) }, bot.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ah-botlist-footer", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: "ah-inbox-entry", onClick: props.onOpenInbox, children: [
+      "\u6536\u4EF6\u7BB1",
+      props.overview.inbox.total > 0 ? `\uFF08${props.overview.inbox.total}\uFF09` : ""
+    ] }) })
+  ] });
+}
+
+// src/client/components/ThreadPane.tsx
+var import_react3 = require("react");
+
+// src/client/components/Cards.tsx
+var import_react2 = require("react");
+
+// src/client/logic/cards.ts
+function isApproveOption(option) {
+  return option === "\u6279\u51C6";
+}
+function expiryMeaningOf(card) {
+  if (card.expiresText === null || card.expiresText === "") return null;
+  const at = card.expiresText.endsWith("\u540E") ? card.expiresText.slice(0, -1) : card.expiresText;
+  if (card.type === "question") {
+    const fallback = card.defaultOption ?? "\u9ED8\u8BA4\u9009\u9879";
+    return `${at}\u524D\u672A\u7B54\u590D\u6309\u9ED8\u8BA4\u300C${fallback}\u300D\u5904\u7406`;
+  }
+  if (card.type === "approval") return `${at}\u524D\u6709\u6548\uFF0C\u8FC7\u671F\u89C6\u4E3A\u62D2\u7EDD`;
+  if (card.type === "proposal") return `${at}\u524D\u672A\u7B54\u590D\u81EA\u52A8\u64A4\u56DE`;
+  return card.expiresText;
+}
+function cardResultText(card) {
+  if (card.status === "answered") return `\u4F60\u9009\u4E86\uFF1A${card.answer ?? "\u5DF2\u5904\u7406"}`;
+  if (card.status === "expired") return `\u5DF2\u8FC7\u671F\uFF0C\u5DF2\u6309\u9ED8\u8BA4\uFF1A${card.answer ?? "\u9ED8\u8BA4\u9009\u9879"}`;
+  if (card.status === "withdrawn") return "\u5DF2\u64A4\u56DE";
+  if (card.status === "closed") return "\u5DF2\u5173\u95ED";
+  return null;
+}
+function cardSubmission(card, option, note) {
+  const picked = option.trim();
+  if (picked === "") return { error: "\u56DE\u7B54\uFF1A\u4E0D\u80FD\u4E3A\u7A7A" };
+  if (card.type === "approval") {
+    if (card.approvalId === null) {
+      return { name: "answerInbox", input: { id: card.inboxId, answer: picked } };
+    }
+    return { name: "decideApproval", input: { id: card.approvalId, approve: isApproveOption(picked), ...note !== void 0 && note !== "" ? { note } : {} } };
+  }
+  return { name: "answerInbox", input: { id: card.inboxId, answer: picked } };
+}
+
+// src/client/logic/thread.ts
+function isCenterMessage(m) {
+  return m.kind === "system" || m.kind === "digest";
+}
+function sameGroup(a, b) {
+  if (isCenterMessage(a) || isCenterMessage(b)) return false;
+  return a.from === b.from;
+}
+function groupMessages(messages) {
+  const out = [];
+  for (let i = 0; i < messages.length; i += 1) {
+    const message = messages[i];
+    const prev = i > 0 ? messages[i - 1] : null;
+    out.push({ message, showHeader: prev === null || !sameGroup(prev, message) });
+  }
+  return out;
+}
+function shouldStickToBottom(input) {
+  if (input.prevLastId === null) return true;
+  if (input.lastId === input.prevLastId) return false;
+  return input.nearBottom;
+}
+function isSendEnter(event) {
+  if (event.key !== "Enter") return false;
+  if (event.isComposing === true) return false;
+  if (event.keyCode === 229) return false;
+  return true;
+}
+function openBotSessionWith(ctx, sessionId) {
+  const c = ctx;
+  const get = c?.get?.bind(c);
+  if (typeof get !== "function") return "unavailable";
+  const ws = get("uiWorkspace");
+  const sessions = get("sessions");
+  const workspaces = get("workspaces");
+  if (!ws || !sessions || !workspaces) return "unavailable";
+  let list, wsList;
+  try {
+    list = sessions.list?.getSnapshot?.();
+    wsList = workspaces.list?.getSnapshot?.();
+  } catch {
+    return "unavailable";
+  }
+  if (wsList?.state === "error") return "unavailable";
+  if (list?.phase === "pending" || wsList?.phase === "pending") return "loading";
+  if (wsList?.archivedSessionIds?.includes(sessionId)) return "archived";
+  if (list?.ids && !list.ids.includes(sessionId)) return "unavailable";
+  try {
+    ws.openSession(sessionId);
+  } catch {
+    return "unavailable";
+  }
+  return "opened";
+}
+var OPEN_SESSION_HINTS = {
+  opened: null,
+  loading: "\u4F1A\u8BDD\u5217\u8868\u8FD8\u5728\u52A0\u8F7D\uFF0C\u7A0D\u7B49\u4E00\u4E0B\u518D\u8BD5\u3002",
+  archived: "\u5B83\u7684\u5DE5\u4F5C\u4F1A\u8BDD\u88AB\u5F52\u6863\u4E86\uFF0C\u5148\u5728\u4F1A\u8BDD\u5217\u8868\u91CC\u6062\u590D\u5B83\u3002",
+  unavailable: "\u73B0\u5728\u6253\u4E0D\u5F00\u5B83\u7684\u5DE5\u4F5C\u4F1A\u8BDD\uFF1A\u53EF\u4EE5\u5728\u5DE6\u4FA7\u680F\u7684\u9879\u76EE\u91CC\u627E\u5B83\u7684\u4F1A\u8BDD\u3002"
+};
+
+// src/client/components/Cards.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CARD_TYPE_LABELS = {
+  question: "\u63D0\u95EE",
+  approval: "\u5BA1\u6279",
+  proposal: "\u63D0\u8BAE",
+  alert: "\u544A\u8B66"
+};
+function InboxCard(props) {
+  const c = props.card;
+  const [picked, setPicked] = (0, import_react2.useState)(null);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [freeText, setFreeText] = (0, import_react2.useState)("");
+  const [note, setNote] = (0, import_react2.useState)("");
+  const resultText = cardResultText(c);
+  const answered = resultText !== null;
+  const busy = props.busy || picked !== null;
+  const pick = (option) => {
+    setPicked(option);
+    setError(null);
+    void props.actions.onPick(c, option, c.type === "approval" ? note : void 0).then((failure) => {
+      if (failure !== null) {
+        setPicked(null);
+        setError(failure);
+      }
+    }).catch((e) => {
+      setPicked(null);
+      setError(e instanceof Error ? e.message : String(e));
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `ah-card ah-card-${c.type}${answered ? " ah-card-done" : ""}`, "data-answered": answered ? "true" : "false", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ah-card-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ah-card-type", children: CARD_TYPE_LABELS[c.type] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ah-card-title", children: c.title })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ah-card-body", children: c.body }),
+    expiryMeaningOf(c) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ah-card-expire", children: expiryMeaningOf(c) }) : null,
+    answered ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ah-card-answer", children: resultText }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ah-card-options", children: c.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: c.type === "approval" ? isApproveOption(option) ? "ah-btn ah-btn-primary" : "ah-btn ah-btn-danger" : option === c.defaultOption ? "ah-btn ah-btn-primary" : "ah-btn",
+          disabled: busy,
+          onClick: () => pick(option),
+          children: [
+            option,
+            option === c.defaultOption && c.type !== "approval" ? "\uFF08\u9ED8\u8BA4\uFF09" : ""
+          ]
+        },
+        option
+      )) }),
+      c.type === "approval" && picked === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          className: "ah-card-note",
+          value: note,
+          placeholder: "\u9644\u4E00\u53E5\u8BDD\uFF08\u53EF\u4E0D\u586B\uFF09",
+          disabled: busy,
+          onChange: (e) => setNote(e.target.value)
+        }
+      ) : null,
+      c.type === "question" && picked === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ah-card-freetext", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "input",
+          {
+            value: freeText,
+            placeholder: "\u6216\u8005\u5199\u4E00\u53E5\u4F60\u7684\u56DE\u7B54",
+            disabled: busy,
+            onChange: (e) => setFreeText(e.target.value),
+            onKeyDown: (e) => {
+              if (isSendEnter(e.nativeEvent) && freeText.trim() !== "") pick(freeText.trim());
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ah-btn",
+            disabled: busy || freeText.trim() === "",
+            onClick: () => pick(freeText.trim()),
+            children: "\u53D1\u9001"
+          }
+        )
+      ] }) : null,
+      error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ah-card-error", role: "alert", children: error }) : null
+    ] })
+  ] });
+}
+
+// src/client/logic/lifecycle.ts
+function lifecycleButtons(lifecycle) {
+  const buttons = [];
+  if (lifecycle === "active" || lifecycle === "probation") buttons.push({ action: "pause", label: "\u6682\u505C" });
+  if (lifecycle === "paused") buttons.push({ action: "resume", label: "\u6062\u590D" });
+  if (lifecycle === "quarantined") buttons.push({ action: "release_quarantine", label: "\u89E3\u9664\u505C\u7528" });
+  if (lifecycle === "probation") buttons.push({ action: "promote", label: "\u63D0\u524D\u8F6C\u6B63" });
+  if (lifecycle !== "retired") buttons.push({ action: "retire", label: "\u9000\u5F79" });
+  return buttons;
+}
+function pauseResumeAction(lifecycle) {
+  if (lifecycle === "active" || lifecycle === "probation") return "pause";
+  if (lifecycle === "paused") return "resume";
+  return null;
+}
+function lifecycleAllTargets(bots, target) {
+  const wanted = target === "paused" ? ["active", "probation"] : ["paused"];
+  return bots.filter((bot) => wanted.includes(bot.lifecycle)).map((bot) => bot.id);
+}
+
+// src/client/components/ThreadPane.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Message(props) {
+  const { m, showHeader } = props;
+  if (isCenterMessage(m)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-msg ah-msg-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ah-msg-time", children: m.timeText }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ah-msg-bubble-center", children: m.text })
+    ] });
+  }
+  if (m.card) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `ah-msg${m.from === "owner" ? " ah-msg-mine" : ""}`, children: [
+      m.from === "owner" || !showHeader ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { color: m.fromColor, initials: m.fromName.slice(0, 1), size: 28 }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-msg-body", children: [
+        m.from === "owner" || !showHeader ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "ah-msg-meta", children: [
+          m.fromName,
+          " \xB7 ",
+          m.timeText
+        ] }),
+        m.from === "owner" && showHeader ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ah-msg-meta", children: m.timeText }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InboxCard, { card: m.card, actions: props.actions, busy: props.busyInboxId === m.card.inboxId })
+      ] })
+    ] });
+  }
+  const mine = m.from === "owner";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `ah-msg${mine ? " ah-msg-mine" : ""}${m.kind === "report" ? " ah-msg-report" : ""}`, children: [
+    mine || !showHeader ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { color: m.fromColor, initials: m.fromName.slice(0, 1), size: 28 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-msg-body", children: [
+      mine || !showHeader ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "ah-msg-meta", children: [
+        m.fromName,
+        " \xB7 ",
+        m.timeText
+      ] }),
+      mine && showHeader ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ah-msg-meta", children: m.timeText }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ah-msg-bubble", children: m.text })
+    ] })
+  ] });
+}
+var NEAR_BOTTOM_PX = 120;
+var threadDrafts = /* @__PURE__ */ new Map();
+function readDraft(threadId) {
+  return threadDrafts.get(threadId) ?? "";
+}
+function saveDraft(threadId, text) {
+  if (text === "") threadDrafts.delete(threadId);
+  else threadDrafts.set(threadId, text);
+}
+function ThreadPane(props) {
+  const [draft, setDraft] = (0, import_react3.useState)(() => readDraft(props.thread?.threadId ?? ""));
+  const [sending, setSending] = (0, import_react3.useState)(false);
+  const [sendError, setSendError] = (0, import_react3.useState)(null);
+  const [confirmInterrupt, setConfirmInterrupt] = (0, import_react3.useState)(false);
+  const bottomRef = (0, import_react3.useRef)(null);
+  const listRef = (0, import_react3.useRef)(null);
+  const prevLastIdRef = (0, import_react3.useRef)(null);
+  const prevHeightRef = (0, import_react3.useRef)(null);
+  const messageCount = props.thread?.messages.length ?? 0;
+  (0, import_react3.useLayoutEffect)(() => {
+    const list = listRef.current;
+    if (list !== null) prevHeightRef.current = list.scrollHeight;
+  }, [messageCount]);
+  const lastId = props.thread?.messages.at(-1)?.id ?? null;
+  (0, import_react3.useEffect)(() => {
+    const list = listRef.current;
+    const prevLastId = prevLastIdRef.current;
+    prevLastIdRef.current = lastId;
+    if (list === null) return;
+    if (lastId !== null && prevLastId !== null && lastId === prevLastId) {
+      const prevHeight = prevHeightRef.current;
+      prevHeightRef.current = list.scrollHeight;
+      if (prevHeight !== null && list.scrollHeight > prevHeight) list.scrollTop += list.scrollHeight - prevHeight;
+      return;
+    }
+    const nearBottom = list.scrollHeight - list.scrollTop - list.clientHeight < NEAR_BOTTOM_PX;
+    if (shouldStickToBottom({ prevLastId, lastId, nearBottom })) {
+      bottomRef.current?.scrollIntoView({ block: "end" });
+    }
+  }, [lastId, messageCount]);
+  const send = async () => {
+    const text = draft.trim();
+    if (!text || sending) return;
+    setSending(true);
+    setSendError(null);
+    try {
+      await props.onSend(text);
+      saveDraft(props.thread?.threadId ?? "", "");
+      setDraft("");
+    } catch (error) {
+      setSendError(error instanceof Error ? error.message : String(error) || "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+    } finally {
+      setSending(false);
+    }
+  };
+  const h = props.header;
+  if (props.error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ah-thread", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-retry", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: props.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onRetry, children: "\u91CD\u8BD5" })
+    ] }) });
+  }
+  if (!props.thread) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ah-thread", children: props.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Skeleton, { rows: 5 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EmptyHint, { text: "\u4ECE\u5DE6\u8FB9\u9009\u4E00\u4E2A\u961F\u53CB\u5F00\u59CB\u804A\uFF1B\u5B83\u4EEC\u7684\u6C47\u62A5\u548C\u63D0\u95EE\u90FD\u4F1A\u51FA\u73B0\u5728\u5BF9\u5E94\u7EBF\u7A0B\u91CC\u3002" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "ah-thread", "aria-label": `\u4E0E ${h?.name ?? props.thread.title} \u7684\u5BF9\u8BDD`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "ah-thread-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-thread-header-main", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h2", { children: [
+          h?.name ?? props.thread.title,
+          h?.roleLabel ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ah-bot-row-role", children: h.roleLabel }) : null
+        ] }),
+        h?.activityText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ah-thread-status", title: h.activityText, children: h.activityText }) : null,
+        h?.nextThinkText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "ah-thread-next", children: [
+          "\u4E0B\u6B21\u81EA\u67E5\uFF1A",
+          h.nextThinkText
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-thread-header-actions", children: [
+        props.thread.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onLoadEarlier, children: "\u52A0\u8F7D\u66F4\u65E9" }) : null,
+        h?.thinking ? confirmInterrupt ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-danger", onClick: () => {
+            setConfirmInterrupt(false);
+            props.onInterrupt();
+          }, children: "\u786E\u8BA4\u6253\u65AD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => setConfirmInterrupt(false), children: "\u518D\u60F3\u60F3" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-danger", onClick: () => setConfirmInterrupt(true), children: "\u6253\u65AD" }) : null,
+        h && h.lifecycle !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onTeach, children: "\u6559\u5B83\u4E00\u62DB" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onOpenSession, children: "\u6253\u5F00\u5DE5\u4F5C\u4F1A\u8BDD" }),
+          props.rightCollapsed && props.onExpandRight ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onExpandRight, children: "\u8BE6\u60C5" }) : null,
+          pauseResumeAction(h.lifecycle) !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onTogglePause, children: pauseResumeAction(h.lifecycle) === "pause" ? "\u6682\u505C" : "\u6062\u590D" }) : null
+        ] }) : null
+      ] })
+    ] }),
+    props.banner ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-thread-banner", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: props.banner }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onBannerDismiss, children: "\u77E5\u9053\u4E86" })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-thread-messages", ref: listRef, children: [
+      groupMessages(props.thread.messages).map((slot) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        Message,
+        {
+          m: slot.message,
+          showHeader: slot.showHeader,
+          actions: props.actions,
+          busyInboxId: props.busyInboxId
+        },
+        slot.message.id
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: bottomRef })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { className: "ah-thread-input", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "input",
+        {
+          value: draft,
+          placeholder: `\u7ED9 ${props.inputPlaceholderName} \u53D1\u6D88\u606F\u2026`,
+          disabled: sending,
+          onChange: (e) => {
+            setDraft(e.target.value);
+            saveDraft(props.thread?.threadId ?? "", e.target.value);
+          },
+          onKeyDown: (e) => {
+            if (isSendEnter(e.nativeEvent)) void send();
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", disabled: sending || draft.trim() === "", onClick: () => void send(), children: sending ? "\u53D1\u9001\u4E2D\u2026" : "\u53D1\u9001" })
+    ] }),
+    sendError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ah-thread-senderror", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        "\u6CA1\u53D1\u51FA\u53BB\uFF1A",
+        sendError
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ah-btn", onClick: () => void send(), children: "\u91CD\u8BD5" })
+    ] }) : null
+  ] });
+}
+
+// src/client/components/RightPanel.tsx
+var import_react4 = require("react");
+
+// src/client/logic/settings.ts
+function validateClockTime(value, field) {
+  if (!/^([01]\d|2[0-3]):[0-5]\d$/.test(value.trim())) return `${field}\uFF1A\u8981\u5199\u6210 HH:mm\uFF08\u4F8B\u5982 23:00\uFF09`;
+  return null;
+}
+function draftFromSettings(settings) {
+  return {
+    quietStart: settings.quietHours.start,
+    quietEnd: settings.quietHours.end,
+    digestAt: settings.digestAt,
+    pushChannel: settings.pushChannel,
+    dailyPushCap: String(settings.dailyPushCap),
+    botDailyPushCap: String(settings.botDailyPushCap),
+    defaultModel: settings.defaultModel === null ? "" : JSON.stringify(settings.defaultModel)
+  };
+}
+function validateSettingsDraft(draft) {
+  const start = validateClockTime(draft.quietStart, "\u514D\u6253\u6270\u5F00\u59CB");
+  if (start !== null) return start;
+  const end = validateClockTime(draft.quietEnd, "\u514D\u6253\u6270\u7ED3\u675F");
+  if (end !== null) return end;
+  const digest = validateClockTime(draft.digestAt, "\u65E5\u62A5\u65F6\u95F4");
+  if (digest !== null) return digest;
+  if (!["dsh", "macos", "none"].includes(draft.pushChannel)) return "\u63A8\u9001\u6E20\u9053\uFF1A\u53EA\u80FD\u9009 macOS \u901A\u77E5 / \u4E0D\u63A8 / \u5BBF\u4E3B";
+  const whole = Number(draft.dailyPushCap);
+  if (!Number.isInteger(whole) || whole < 0 || whole > 10) return "\u6BCF\u65E5\u5355\u63A8\u4E0A\u9650\uFF08\u5168\u4F53\uFF09\uFF1A0 \u5230 10 \u7684\u6574\u6570";
+  const perBot = Number(draft.botDailyPushCap);
+  if (!Number.isInteger(perBot) || perBot < 0 || perBot > 3) return "\u6BCF\u65E5\u5355\u63A8\u4E0A\u9650\uFF08\u6BCF\u4E2A\u961F\u53CB\uFF09\uFF1A0 \u5230 3 \u7684\u6574\u6570";
+  if (perBot > whole) return "\u6BCF\u4E2A\u961F\u53CB\u7684\u5355\u63A8\u4E0A\u9650\u4E0D\u80FD\u8D85\u8FC7\u5168\u4F53\u4E0A\u9650";
+  return null;
+}
+function modelSelectOptions(current, options) {
+  const list = [...options];
+  if (current == null) return list;
+  const present = list.some((option) => JSON.stringify(option.value) === JSON.stringify(current));
+  if (!present) {
+    list.push({ value: current, label: `${current.provider} / ${current.model}\uFF08\u5DF2\u4E0D\u5728\u5BBF\u4E3B\u76EE\u5F55\uFF0C\u8BF7\u6362\u4E00\u4E2A\uFF09` });
+  }
+  return list;
+}
+function buildSettingsPatch(draft, loaded) {
+  const patch = {
+    quietHours: { start: draft.quietStart.trim(), end: draft.quietEnd.trim() },
+    digestAt: draft.digestAt.trim(),
+    pushChannel: draft.pushChannel,
+    dailyPushCap: Number(draft.dailyPushCap),
+    botDailyPushCap: Number(draft.botDailyPushCap)
+  };
+  if (loaded === void 0 || loaded.defaultModel !== draft.defaultModel) {
+    if (draft.defaultModel === "") patch.defaultModel = null;
+    else {
+      try {
+        patch.defaultModel = JSON.parse(draft.defaultModel);
+      } catch {
+      }
+    }
+  }
+  return patch;
+}
+
+// src/client/components/RightPanel.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var AUTONOMY_CHOICES = [
+  { value: "L0", label: "L0 \u53EA\u89C2\u5BDF" },
+  { value: "L1", label: "L1 \u5EFA\u8BAE" },
+  { value: "L2", label: "L2 \u6267\u884C" },
+  { value: "L3", label: "L3 \u6388\u6743\u6267\u884C" }
+];
+var PACE_CHOICES = [
+  { value: "active", label: "\u79EF\u6781" },
+  { value: "normal", label: "\u9002\u4E2D" },
+  { value: "quiet", label: "\u5B89\u9759" }
+];
+var LIFECYCLE_OK_TEXT = {
+  pause: "\u5DF2\u6682\u505C\uFF08\u671F\u95F4\u7684\u53D8\u5316\u90FD\u5B58\u7740\uFF09",
+  resume: "\u5DF2\u6062\u590D",
+  promote: "\u5DF2\u63D0\u524D\u8F6C\u6B63",
+  release_quarantine: "\u5DF2\u89E3\u9664\u505C\u7528",
+  retire: "\u5DF2\u9000\u5F79\uFF08\u6570\u636E\u4FDD\u7559\uFF09"
+};
+function watchStatusInput(botId, w, status) {
+  return { id: w.id, botId, kind: w.kind, target: w.target, why: w.why ?? "", status };
+}
+function Section(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "ah-right-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: props.title }),
+    props.children
+  ] });
+}
+function useRunner(run) {
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [message, setMessage] = (0, import_react4.useState)(null);
+  const exec = async (name, input, okText) => {
+    if (busy) return false;
+    setBusy(true);
+    try {
+      const result = await run(name, input);
+      setMessage(result.ok ? okText : result.error);
+      return result.ok;
+    } catch (e) {
+      setMessage(e instanceof Error ? e.message : String(e));
+      return false;
+    } finally {
+      setBusy(false);
+    }
+  };
+  return { busy, message, exec, setMessage };
+}
+function RightPanel(props) {
+  const runner = useRunner(props.run);
+  const [editingProfile, setEditingProfile] = (0, import_react4.useState)(false);
+  const [editingAspiration, setEditingAspiration] = (0, import_react4.useState)(null);
+  const [persona, setPersona] = (0, import_react4.useState)("");
+  const [newAspiration, setNewAspiration] = (0, import_react4.useState)("");
+  const [newRule, setNewRule] = (0, import_react4.useState)("");
+  const [newRuleRedLine, setNewRuleRedLine] = (0, import_react4.useState)(false);
+  const [editingRoutine, setEditingRoutine] = (0, import_react4.useState)(null);
+  const [routineSteps, setRoutineSteps] = (0, import_react4.useState)("");
+  const [confirmRetire, setConfirmRetire] = (0, import_react4.useState)(false);
+  const [notice, setNotice] = (0, import_react4.useState)(null);
+  if (!props.bot) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("aside", { className: "ah-right", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ah-empty", children: "\u4ECE\u5DE6\u8FB9\u9009\u4E00\u4E2A\u961F\u53CB\uFF0C\u8FD9\u91CC\u663E\u793A\u5B83\u7684\u6863\u6848\u3001\u76EE\u6807\u3001\u8BAE\u7A0B\u548C\u300C\u4E3A\u4EC0\u4E48\u9192 / \u4E3A\u4EC0\u4E48\u6CA1\u9192\u300D\u3002" }) });
+  }
+  const b = props.bot;
+  const doExec = async (name, input, okText) => {
+    const ok = await runner.exec(name, input, okText);
+    if (ok) props.onRefresh();
+  };
+  const openSession = () => {
+    if (!b.profile.sessionId) {
+      setNotice("\u5B83\u8FD8\u6CA1\u6709\u5DE5\u4F5C\u4F1A\u8BDD\u3002");
+      return;
+    }
+    const result = openBotSessionWith(props.clientCtx, b.profile.sessionId);
+    setNotice(OPEN_SESSION_HINTS[result]);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("aside", { className: "ah-right", "aria-label": `${b.card.name} \u7684\u8BE6\u60C5`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-right-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h2", { children: [
+        b.card.name,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-bot-row-role", children: b.card.roleLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onCollapse, "aria-label": "\u6536\u8D77\u53F3\u680F", children: "\u6536\u8D77" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-right-scroll", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "\u6863\u6848", children: editingProfile ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-edit-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+          "\u6027\u683C\u4E0E\u8BF4\u8BDD\u98CE\u683C",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("textarea", { rows: 3, value: persona, onChange: (e) => setPersona(e.target.value) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+          "\u81EA\u4E3B\u7B49\u7EA7",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("select", { value: b.profile.autonomy, onChange: (e) => {
+            void doExec("updateBot", { botId: b.card.id, patch: { autonomy: e.target.value } }, "\u5DF2\u6539\u81EA\u4E3B\u7B49\u7EA7\uFF08\u4E0B\u4E00\u6B21\u601D\u8003\u751F\u6548\uFF09");
+          }, children: AUTONOMY_CHOICES.map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: a.value, children: a.label }, a.value)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+          "\u8282\u594F",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("select", { value: b.profile.pace, onChange: (e) => {
+            void doExec("updateBot", { botId: b.card.id, patch: { pace: e.target.value } }, "\u5DF2\u6539\u8282\u594F");
+          }, children: PACE_CHOICES.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: p.value, children: p.label }, p.value)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+          "\u6A21\u578B",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "select",
+            {
+              value: b.profile.model === null ? "" : JSON.stringify(b.profile.model),
+              onChange: (e) => {
+                void doExec("updateBot", { botId: b.card.id, patch: { model: e.target.value === "" ? null : JSON.parse(e.target.value) } }, "\u5DF2\u6539\u6A21\u578B");
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "", children: "\u8DDF\u968F DSH \u9ED8\u8BA4" }),
+                modelSelectOptions(b.profile.model ?? void 0, props.modelOptions.filter((option) => option.value !== null)).map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: JSON.stringify(option.value) ?? "", children: option.label }, i))
+              ]
+            }
+          ),
+          props.modelOptionsError ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ah-right-kv ah-card-error", children: [
+            props.modelOptionsError,
+            props.onRetrySettings ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              "\u3000",
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onRetrySettings, children: "\u91CD\u8BD5" })
+            ] }) : null
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-settings-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ah-btn ah-btn-primary",
+              disabled: runner.busy,
+              onClick: () => {
+                void doExec("updateBot", { botId: b.card.id, patch: { persona } }, "\u5DF2\u4FDD\u5B58\u6027\u683C");
+                setEditingProfile(false);
+              },
+              children: "\u4FDD\u5B58"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn", onClick: () => setEditingProfile(false), children: "\u53D6\u6D88" })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: b.profile.persona === "" ? "\uFF08\u8FD8\u6CA1\u5199\u8FC7\u6027\u683C\u8BF4\u660E\uFF09" : b.profile.persona }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "ah-right-kv", children: [
+          "\u81EA\u4E3B\u7B49\u7EA7\uFF1A",
+          b.profile.autonomyLabel,
+          " \xB7 \u8282\u594F\uFF1A",
+          b.profile.paceLabel,
+          " \xB7 \u6A21\u578B\uFF1A",
+          b.profile.modelText
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "ah-right-kv", children: [
+          b.profile.createdText,
+          " \u4E0A\u5C97",
+          b.profile.probationText ? ` \xB7 ${b.profile.probationText}` : ""
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => {
+          setPersona(b.profile.persona);
+          setEditingProfile(true);
+        }, children: "\u7F16\u8F91\u6863\u6848" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Section, { title: "\u5FD7\u5411", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-edit-list", children: b.aspirations.map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: editingAspiration === a.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-edit-ops", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            "aria-label": "\u6539\u5FD7\u5411",
+            defaultValue: a.text,
+            autoFocus: true,
+            onBlur: (e) => {
+              const text = e.target.value.trim();
+              if (text !== "" && text !== a.text) void doExec("upsertAspiration", { id: a.id, botId: b.card.id, text }, "\u5DF2\u6539\u5FD7\u5411");
+              setEditingAspiration(null);
+            }
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ah-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: a.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ah-edit-ops", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => setEditingAspiration(a.id), children: "\u6539" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => void doExec("upsertAspiration", { id: a.id, botId: b.card.id, text: a.text, status: "archived" }, "\u5DF2\u6536\u8D77\u5FD7\u5411"), children: "\u6536\u8D77" })
+          ] })
+        ] }) }, a.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-edit-add", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "input",
+            {
+              value: newAspiration,
+              placeholder: "\u52A0\u4E00\u6761\u5FD7\u5411",
+              onChange: (e) => setNewAspiration(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && newAspiration.trim() !== "") {
+                  void doExec("upsertAspiration", { botId: b.card.id, text: newAspiration.trim() }, "\u5DF2\u52A0\u5FD7\u5411");
+                  setNewAspiration("");
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ah-btn",
+              disabled: newAspiration.trim() === "" || runner.busy,
+              onClick: () => {
+                void doExec("upsertAspiration", { botId: b.card.id, text: newAspiration.trim() }, "\u5DF2\u52A0\u5FD7\u5411");
+                setNewAspiration("");
+              },
+              children: "\u52A0\u4E00\u6761"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "\u76EE\u6807", children: b.goals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ah-empty", children: "\u8FD8\u6CA1\u6709\u76EE\u6807\u3002\u53EF\u4EE5\u5728\u5FD7\u5411\u4E0B\u5EFA\u4E00\u4E2A\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-edit-list", children: b.goals.map((g) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: g.title }),
+          "\uFF08",
+          g.periodText,
+          "\uFF09",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
+          g.statusLabel,
+          g.lastProgressText ? ` \xB7 ${g.lastProgressText}` : ""
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-edit-ops", children: g.status === "done_pending_check" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", disabled: runner.busy, onClick: () => void doExec("closeGoal", { id: g.id, outcome: true }, "\u5DF2\u9A8C\u6536\u901A\u8FC7"), children: "\u9A8C\u6536\u901A\u8FC7" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn", disabled: runner.busy, onClick: () => void doExec("closeGoal", { id: g.id, outcome: false }, "\u5DF2\u8BB0\u9A8C\u6536\u6CA1\u8FC7"), children: "\u6CA1\u8FC7" })
+        ] }) : g.status === "active" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", disabled: runner.busy, onClick: () => void doExec("closeGoal", { id: g.id, outcome: "abandoned" }, "\u5DF2\u653E\u5F03\u76EE\u6807"), children: "\u653E\u5F03" }) : null })
+      ] }, g.id)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "\u5173\u6CE8\u9879", children: b.watches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ah-empty", children: "\u5B83\u8FD8\u6CA1\u6709\u5728\u76EF\u7684\u4E1C\u897F\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-edit-list", children: b.watches.map((w) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          w.kindLabel,
+          "\uFF1A",
+          w.target,
+          w.status === "proposed" ? "\uFF08\u5B83\u63D0\u8BAE\u7684\uFF0C\u7B49\u4F60\u70B9\u5934\uFF09" : w.status === "paused" ? "\uFF08\u5DF2\u6682\u505C\uFF09" : ""
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-edit-ops", children: w.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", disabled: runner.busy, onClick: () => void doExec("decideWatchProposal", { id: w.id, approve: true }, "\u5DF2\u540C\u610F\u5B83\u7684\u63D0\u8BAE"), children: "\u540C\u610F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn", disabled: runner.busy, onClick: () => void doExec("decideWatchProposal", { id: w.id, approve: false }, "\u5DF2\u62D2\u7EDD\u5B83\u7684\u63D0\u8BAE"), children: "\u4E0D\u8981" })
+        ] }) : w.status === "active" || w.status === "paused" ? (
+          /* 暂停/恢复要拼完整入参（D07 第 10 条）：kind/target/why 来自该行已有字段，
+             否则 core 会报「关注项无效」。 */
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ah-btn ah-btn-ghost",
+              disabled: runner.busy,
+              onClick: () => void doExec("upsertWatch", watchStatusInput(b.card.id, w, w.status === "active" ? "paused" : "active"), w.status === "active" ? "\u5DF2\u6682\u505C" : "\u5DF2\u6062\u590D"),
+              children: w.status === "active" ? "\u6682\u505C" : "\u6062\u590D"
+            }
+          )
+        ) : null })
+      ] }, w.id)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Section, { title: "\u89C4\u77E9", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-edit-list", children: b.rules.map((r) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+          r.redLine ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-tag ah-tag-wait", children: "\u7EA2\u7EBF" }) : null,
+          r.text
+        ] }, r.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-edit-add", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { value: newRule, placeholder: "\u52A0\u4E00\u6761\u89C4\u77E9", onChange: (e) => setNewRule(e.target.value) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "ah-right-kv", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "checkbox", checked: newRuleRedLine, onChange: (e) => setNewRuleRedLine(e.target.checked) }),
+            "\u7EA2\u7EBF"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ah-btn",
+              disabled: newRule.trim() === "" || runner.busy,
+              onClick: () => {
+                void doExec("upsertRule", { scope: b.card.id, text: newRule.trim(), redLine: newRuleRedLine }, "\u5DF2\u52A0\u89C4\u77E9");
+                setNewRule("");
+                setNewRuleRedLine(false);
+              },
+              children: "\u52A0\u4E00\u6761"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "\u4F1A\u7684\u5957\u8DEF", children: b.routines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ah-empty", children: "\u8FD8\u6CA1\u5B66\u4F1A\u5957\u8DEF\u3002\u53EF\u4EE5\u300C\u6559\u5B83\u4E00\u62DB\u300D\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-edit-list", children: b.routines.map((r) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: r.name }),
+          "\uFF1A",
+          r.whenToUse,
+          "\uFF08\u7528\u8FC7 ",
+          r.runs,
+          " \u6B21\uFF09"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ah-edit-ops", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => {
+          setEditingRoutine(editingRoutine === r.id ? null : r.id);
+          setRoutineSteps(r.steps.join("\n"));
+        }, children: editingRoutine === r.id ? "\u6536\u8D77" : "\u67E5\u770B / \u7F16\u8F91" }) }),
+        editingRoutine === r.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-edit-box", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: "ah-routine-steps", children: r.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: step }, i)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("textarea", { rows: 4, value: routineSteps, onChange: (e) => setRoutineSteps(e.target.value), placeholder: "\u4E00\u884C\u4E00\u6B65" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ah-btn ah-btn-primary",
+              disabled: runner.busy,
+              onClick: () => {
+                void doExec("editRoutine", { id: r.id, patch: { steps: routineSteps.split(/\r?\n/).map((s) => s.trim()).filter((s) => s !== "") } }, "\u5957\u8DEF\u5DF2\u66F4\u65B0");
+                setEditingRoutine(null);
+              },
+              children: "\u4FDD\u5B58\u6B65\u9AA4"
+            }
+          )
+        ] }) : null
+      ] }, r.id)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "\u4E3A\u4EC0\u4E48\u9192 / \u4E3A\u4EC0\u4E48\u6CA1\u9192\uFF08\u6700\u8FD1 8 \u6761\uFF09", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ah-appraisals", children: [...b.appraisals].slice(0, 8).map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `ah-appraisal-decision${a.decision === "woke" ? " ah-appraisal-woke" : ""}`, children: a.decisionLabel }),
+        a.text,
+        "\uFF08",
+        a.timeText,
+        "\uFF09"
+      ] }, a.id)) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ah-right-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onTeach, children: "\u6559\u5B83\u4E00\u62DB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn", onClick: openSession, children: "\u6253\u5F00\u5DE5\u4F5C\u4F1A\u8BDD" }),
+      lifecycleButtons(b.card.lifecycle).filter((button) => button.action !== "retire").map((button) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ah-btn",
+          disabled: runner.busy,
+          onClick: () => void doExec("lifecycleAction", { botId: b.card.id, action: button.action }, LIFECYCLE_OK_TEXT[button.action]),
+          children: button.label
+        },
+        button.action
+      )),
+      b.card.lifecycle !== "retired" ? confirmRetire ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ah-btn ah-btn-danger",
+            disabled: runner.busy,
+            onClick: () => {
+              void doExec("lifecycleAction", { botId: b.card.id, action: "retire" }, "\u5DF2\u9000\u5F79\uFF08\u6570\u636E\u4FDD\u7559\uFF09");
+              setConfirmRetire(false);
+            },
+            children: "\u786E\u8BA4\u9000\u5F79"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => setConfirmRetire(false), children: "\u518D\u60F3\u60F3" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => setConfirmRetire(true), children: "\u9000\u5F79" }) : null,
+      notice ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ah-right-notice", children: notice }) : null,
+      runner.message ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ah-right-notice", children: runner.message }) : null
+    ] })
+  ] });
+}
+
+// src/client/components/InboxPane.tsx
+var import_react5 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function itemToCard(item) {
+  return {
+    inboxId: item.id,
+    approvalId: item.approvalId,
+    type: item.type,
+    status: "open",
+    title: item.title,
+    body: item.body,
+    options: item.options,
+    defaultOption: item.defaultOption,
+    answer: null,
+    expiresText: item.expiresText
+  };
+}
+function InboxPane(props) {
+  const [, force] = (0, import_react5.useState)(0);
+  if (props.error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ah-inbox", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "ah-retry", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: props.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onRetry, children: "\u91CD\u8BD5" })
+    ] }) });
+  }
+  if (!props.inbox) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ah-inbox", children: props.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { rows: 3 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmptyHint, { text: "\u6536\u4EF6\u7BB1\u8FD8\u6CA1\u6253\u5F00\u3002\u961F\u53CB\u9700\u8981\u4F60\u62CD\u677F\u7684\u4E8B\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" }) });
+  const groups = groupInbox(props.inbox.items);
+  if (groups.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ah-inbox", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmptyHint, { text: "\u6CA1\u6709\u8981\u4F60\u5904\u7406\u7684\u4E8B\u3002\u961F\u53CB\u4EEC\u4F1A\u5728\u9700\u8981\u4F60\u62CD\u677F\u65F6\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: "ah-inbox", "aria-label": "\u6536\u4EF6\u7BB1", "data-testid": "ah-inbox", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `ah-inbox-group ah-inbox-group-${group.priority.toLowerCase()}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("h3", { children: [
+      group.label,
+      "\uFF08",
+      group.items.length,
+      "\uFF09"
+    ] }),
+    group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: `ah-inbox-row ah-inbox-${item.priority.toLowerCase()}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { children: [
+        item.botName ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Avatar, { color: item.botColor, initials: item.botName.slice(0, 1), size: 24 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ah-inbox-bot", children: item.botName ?? "\u4E2D\u5FC3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "ah-inbox-time", children: [
+          item.createdText,
+          expiryMeaningOf(itemToCard(item)) ? ` \xB7 ${expiryMeaningOf(itemToCard(item))}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InboxCard, { card: itemToCard(item), actions: {
+        ...props.actions,
+        // 本卡处理中禁用；处理完由 SSE 刷新把项移出列表。这里 force 触发本行重渲染。
+        onPick: async (card, option, note) => {
+          force((n) => n + 1);
+          return await props.actions.onPick(card, option, note);
+        }
+      }, busy: props.busyId === item.id })
+    ] }, item.id))
+  ] }, group.priority)) });
+}
+
+// src/client/components/ActivityPane.tsx
+var import_react6 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function RowView(props) {
+  const r = props.row;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { className: `ah-activity-row ah-activity-${r.kind}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ah-activity-time", children: r.timeText }),
+    r.botName ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Avatar, { color: r.botColor, initials: r.botName.slice(0, 1), size: 22 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ah-avatar ah-avatar-team", "aria-hidden": "true", children: "\u4E2D" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "ah-activity-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ah-activity-kind", children: ACTIVITY_KIND_LABELS[r.kind] }),
+      r.botName ? `${r.botName}\uFF1A` : "",
+      r.text
+    ] })
+  ] });
+}
+function ActivityPane(props) {
+  const [botId, setBotId] = (0, import_react6.useState)("");
+  const [kind, setKind] = (0, import_react6.useState)("");
+  if (!props.activity) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ah-activity", children: props.loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Skeleton, { rows: 5 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EmptyHint, { text: "\u6D3B\u52A8\u6D41\u8FD8\u6CA1\u6253\u5F00\u3002\u5237\u65B0\u8BD5\u8BD5\uFF0C\u6216\u8005\u7B49\u961F\u53CB\u4EEC\u52A8\u8D77\u6765\u3002" }) });
+  const rows = filterActivity(props.activity.rows, { botId: botId || null, kind: kind || null });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "ah-activity", "aria-label": "\u6D3B\u52A8\u6D41", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ah-activity-filters", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+        "\u961F\u53CB",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { value: botId, onChange: (e) => setBotId(e.target.value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+          props.bots.map((b) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: b.id, children: b.name }, b.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+        "\u7C7B\u578B",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { value: kind, onChange: (e) => setKind(e.target.value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "\u5168\u90E8" }),
+          Object.keys(ACTIVITY_KIND_LABELS).map((k) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: k, children: ACTIVITY_KIND_LABELS[k] }, k))
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onRetry, children: "\u5237\u65B0" })
+    ] }),
+    rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EmptyHint, { text: "\u8FD8\u6CA1\u6709\u52A8\u9759\u3002\u4E0B\u4E00\u6B21\u81EA\u67E5\u7684\u65F6\u5019\uFF0C\u8FD9\u91CC\u4F1A\u51FA\u73B0\u5B83\u4EEC\u7684\u5224\u65AD\u548C\u4EA4\u8D26\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ol", { className: "ah-activity-list", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RowView, { row }, row.id)) }),
+    props.activity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ah-activity-more", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onLoadMore, children: "\u52A0\u8F7D\u66F4\u591A" }) }) : null
+  ] });
+}
+
+// src/client/components/SettingsPane.tsx
+var import_react7 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var PUSH_CHANNEL_LABELS = { macos: "macOS \u901A\u77E5", dsh: "\u5BBF\u4E3B\u901A\u77E5", none: "\u4E0D\u63A8" };
+function parseModel(serialized) {
+  if (serialized === "") return void 0;
+  try {
+    return JSON.parse(serialized);
+  } catch {
+    return void 0;
+  }
+}
+function SettingsPane(props) {
+  const [draft, setDraft] = (0, import_react7.useState)(null);
+  const [loaded, setLoaded] = (0, import_react7.useState)(null);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const [saving, setSaving] = (0, import_react7.useState)(false);
+  const [lifecycleBusy, setLifecycleBusy] = (0, import_react7.useState)(false);
+  const [lifecycleNote, setLifecycleNote] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
+    if (props.settings) {
+      const fresh = draftFromSettings(props.settings.settings);
+      setLoaded((prev) => prev ?? fresh);
+      setDraft((prev) => prev ?? fresh);
+    }
+  }, [props.settings]);
+  if (!props.settings || !draft) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ah-settings", children: props.loading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Skeleton, { rows: 4 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RetryBox, { message: `\u8BBE\u7F6E\u6CA1\u52A0\u8F7D\u51FA\u6765${props.loadError ? `\uFF1A${props.loadError}` : "\u3002"}`, onRetry: props.onRetry }) });
+  }
+  const set = (partial) => {
+    setDraft({ ...draft, ...partial });
+    setError(null);
+  };
+  const validation = validateSettingsDraft(draft);
+  const save = async () => {
+    if (validation !== null || saving) return;
+    setSaving(true);
+    try {
+      const message = await props.onSave(buildSettingsPatch(draft, loaded ?? void 0));
+      setError(message);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setSaving(false);
+    }
+  };
+  const lifecycle = async (work, label) => {
+    if (lifecycleBusy) return;
+    setLifecycleBusy(true);
+    setLifecycleNote(`${label}\u4E2D\u2026`);
+    try {
+      const message = await work();
+      setLifecycleNote(message ?? `\u5DF2${label}`);
+    } catch (e) {
+      setLifecycleNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setLifecycleBusy(false);
+    }
+  };
+  const o = props.overview;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "ah-settings", "aria-label": "\u8BBE\u7F6E", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "\u6253\u6270\u4E0E\u65E5\u62A5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ah-settings-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u514D\u6253\u6270\u5F00\u59CB",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "time", step: 300, value: draft.quietStart, onChange: (e) => set({ quietStart: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u514D\u6253\u6270\u7ED3\u675F",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "time", step: 300, value: draft.quietEnd, onChange: (e) => set({ quietEnd: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u65E5\u62A5\u65F6\u95F4",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "time", step: 300, value: draft.digestAt, onChange: (e) => set({ digestAt: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u63A8\u9001\u6E20\u9053",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("select", { value: draft.pushChannel, onChange: (e) => set({ pushChannel: e.target.value }), children: props.settings.pushChannelOptions.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: channel, children: PUSH_CHANNEL_LABELS[channel] ?? channel }, channel)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u6BCF\u65E5\u5355\u63A8\u4E0A\u9650\uFF08\u5168\u4F53\uFF0C0\u201310\uFF09",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "number", min: 0, max: 10, value: draft.dailyPushCap, onChange: (e) => set({ dailyPushCap: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u6BCF\u65E5\u5355\u63A8\u4E0A\u9650\uFF08\u6BCF\u4E2A\u961F\u53CB\uFF0C0\u20133\uFF09",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "number", min: 0, max: 3, value: draft.botDailyPushCap, onChange: (e) => set({ botDailyPushCap: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u9ED8\u8BA4\u6A21\u578B",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("select", { value: draft.defaultModel, onChange: (e) => set({ defaultModel: e.target.value }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: "\u8DDF\u968F DSH \u9ED8\u8BA4" }),
+          modelSelectOptions(parseModel(draft.defaultModel), props.settings.modelOptions.filter((option) => option.value !== null)).map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: JSON.stringify(option.value) ?? "", children: option.label }, i))
+        ] }),
+        props.loadError ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "ah-right-kv ah-card-error", children: [
+          "\u6A21\u578B\u5217\u8868\u6CA1\u52A0\u8F7D\u51FA\u6765\uFF1A",
+          props.loadError
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { children: [
+        "\u6839\u76EE\u5F55\uFF08\u53EA\u8BFB\uFF09",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { value: props.settings.settings.rootDir, readOnly: true, disabled: true })
+      ] })
+    ] }),
+    props.loadError ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "ah-settings-error", role: "alert", children: [
+      "\u8BBE\u7F6E\u6CA1\u52A0\u8F7D\u51FA\u6765\uFF1A",
+      props.loadError,
+      "\u3000",
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onRetry, children: "\u91CD\u8BD5" })
+    ] }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "ah-settings-error", role: "alert", children: error }) : null,
+    validation !== null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "ah-settings-error", role: "alert", children: validation }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ah-settings-actions", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", disabled: validation !== null || saving, onClick: () => void save(), children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "\u5168\u4F53\u961F\u53CB" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ah-settings-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "ah-btn", disabled: lifecycleBusy, onClick: () => void lifecycle(props.onPauseAll, "\u5168\u90E8\u6682\u505C"), children: "\u5168\u90E8\u6682\u505C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "ah-btn", disabled: lifecycleBusy, onClick: () => void lifecycle(props.onResumeAll, "\u5168\u90E8\u6062\u590D"), children: "\u5168\u90E8\u6062\u590D" }),
+      lifecycleNote ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ah-right-notice", children: lifecycleNote }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "\u5065\u5EB7" }),
+    o ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { className: "ah-settings-health", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+        "\u4E2D\u5FC3\u5FC3\u8DF3\uFF1A",
+        o.health.heartbeatText
+      ] }),
+      o.health.downtimeText ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+        "\u6700\u8FD1\u505C\u673A\uFF1A",
+        o.health.downtimeText
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+        "\u672A\u5904\u7406\u544A\u8B66\uFF1A",
+        o.health.openAlerts,
+        " \u6761"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+        "\u989D\u5EA6\uFF1A",
+        o.quota.lightLabel,
+        " \xB7 ",
+        o.quota.usedText,
+        o.quota.resetText ? ` \xB7 ${o.quota.resetText}` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+        "\u4ECA\u5929\u8FD8\u80FD\u5355\u63A8 ",
+        o.pushesLeftToday,
+        " \u6761\uFF08P0 \u544A\u8B66\u4E0D\u53D7\u9650\uFF09"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "ah-right-kv", children: "\u989D\u5EA6\u706F\u8BF4\u660E\uFF1A\u7EFF\u706F\u6B63\u5E38\uFF1B\u9EC4\u706F\u975E\u7D27\u6025\u7684\u8282\u594F\u653E\u6162\u4E00\u500D\uFF1B\u6A59\u706F\u53EA\u653E\u7D27\u6025\u4E0E\u4E3B\u4EBA\u53D1\u8D77\uFF1B\u7EA2\u706F\u5168\u4F53\u6B47\u7740\u7B49\u7A97\u53E3\u91CD\u7F6E\u3002" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EmptyHint, { text: "\u5065\u5EB7\u4FE1\u606F\u6CA1\u52A0\u8F7D\u51FA\u6765\u3002" })
+  ] });
+}
+
+// src/client/components/NewBotWizard.tsx
+var import_react8 = require("react");
+
+// src/client/logic/wizard.ts
+var ROLE_CARDS = [
+  { role: "chief", label: "\u603B\u7BA1", desc: "\u7EDF\u7B79\u5168\u961F\u3001\u5206\u6D3E\u4E0E\u8DDF\u8FDB\uFF0C\u6700\u591A 1 \u4E2A" },
+  { role: "researcher", label: "\u8C03\u7814", desc: "\u76EF\u4FE1\u606F\u6E90\u3001\u505A\u7814\u7A76\u3001\u5199\u7ED3\u8BBA" },
+  { role: "executor", label: "\u6267\u884C", desc: "\u628A\u4E8B\u60C5\u505A\u5B8C\uFF0C\u6309\u89C4\u77E9\u4EA4\u4ED8" },
+  { role: "sentinel", label: "\u76EF\u5B88", desc: "\u76EF\u8FD0\u884C\u8BB0\u5F55\u4E0E\u671F\u671B\uFF0C\u5F02\u5E38\u5C31\u62A5" }
+];
+var PRESET_COLORS = [
+  "#6366f1",
+  "#0ea5e9",
+  "#10b981",
+  "#84cc16",
+  "#f59e0b",
+  "#ef4444",
+  "#ec4899",
+  "#8b5cf6"
+];
+var COLOR_NAMES = {
+  "#6366f1": "\u975B\u84DD",
+  "#0ea5e9": "\u5929\u84DD",
+  "#10b981": "\u7EFF\u8272",
+  "#84cc16": "\u9EC4\u7EFF",
+  "#f59e0b": "\u7425\u73C0",
+  "#ef4444": "\u7EA2\u8272",
+  "#ec4899": "\u7C89\u8272",
+  "#8b5cf6": "\u7D2B\u8272"
+};
+var AUTONOMY_OPTIONS = [
+  { value: "L0", label: "L0 \u53EA\u89C2\u5BDF" },
+  { value: "L1", label: "L1 \u5EFA\u8BAE\uFF08\u9ED8\u8BA4\uFF09" },
+  { value: "L2", label: "L2 \u6267\u884C" }
+];
+var PACE_OPTIONS = [
+  { value: "active", label: "\u79EF\u6781" },
+  { value: "normal", label: "\u9002\u4E2D\uFF08\u9ED8\u8BA4\uFF09" },
+  { value: "quiet", label: "\u5B89\u9759" }
+];
+var PERSONA_EXAMPLES = {
+  chief: [
+    "\u5148\u7ED3\u8BBA\u540E\u8FC7\u7A0B\uFF1B\u5206\u6D3E\u65F6\u5199\u6E05\u300C\u8C01\u3001\u505A\u4EC0\u4E48\u3001\u4EC0\u4E48\u65F6\u5019\u8981\u300D\uFF1B\u6BCF\u5929\u6C47\u603B\u4E00\u6B21\u5168\u961F\u8FDB\u5C55\u3002",
+    "\u4E0D\u50AC\u4EBA\uFF0C\u53EA\u50AC\u4E8B\uFF1A\u4EA4\u63A5\u8D85\u65F6\u5148\u81EA\u5DF1\u60F3\u529E\u6CD5\uFF0C\u627E\u4E0D\u5230\u529E\u6CD5\u624D\u627E\u4E3B\u4EBA\u3002"
+  ],
+  researcher: [
+    "\u7ED3\u8BBA\u5148\u884C\uFF0C\u8BC1\u636E\u9644\u540E\uFF1B\u5F15\u7528\u5916\u90E8\u5185\u5BB9\u65F6\u6CE8\u660E\u300C\u5916\u90E8\u5185\u5BB9\u300D\u5E76\u53EA\u5F53\u6570\u636E\u770B\u3002",
+    "\u5B81\u53EF\u5C11\u4E0B\u7ED3\u8BBA\uFF0C\u4E0D\u4E0B\u6CA1\u8BC1\u636E\u7684\u7ED3\u8BBA\uFF1B\u67E5\u4E0D\u5230\u5C31\u660E\u8BF4\u67E5\u4E0D\u5230\u3002"
+  ],
+  executor: [
+    "\u4EA4\u4ED8\u524D\u81EA\u67E5\u4E00\u904D\u5B8C\u6210\u6807\u51C6\uFF1B\u505A\u4E0D\u5230\u7684\u5F53\u5929\u8BF4\uFF0C\u4E0D\u62D6\u5230\u6700\u540E\u3002",
+    "\u4E00\u6B21\u53EA\u505A\u4E00\u4EF6\u4E8B\uFF1B\u505A\u5B8C\u4E00\u4EF6\u4EA4\u4E00\u4EF6\u8D26\uFF0C\u4E0D\u6512\u3002"
+  ],
+  sentinel: [
+    "\u53EA\u62A5\u5F02\u5E38\u548C\u671F\u671B\u843D\u7A7A\uFF0C\u6B63\u5E38\u7684\u4E0D\u6253\u6270\u4E3B\u4EBA\uFF1B\u65E5\u62A5\u91CC\u4E00\u53E5\u8BDD\u5E26\u8FC7\u3002",
+    "\u63CF\u8FF0\u95EE\u9898\u5E26\u4E0A\u65F6\u95F4\u3001\u4F4D\u7F6E\u548C\u5F71\u54CD\u9762\uFF0C\u4E0D\u5199\u300C\u597D\u50CF\u51FA\u95EE\u9898\u4E86\u300D\u3002"
+  ]
+};
+var ASPIRATION_EXAMPLES = {
+  chief: ["\u5168\u961F\u7684\u4E8B\u90FD\u6709\u4EBA\u8DDF\u3001\u6709\u56DE\u97F3\uFF0C\u6CA1\u6709\u4E00\u4EF6\u4E8B\u6084\u6084\u6389\u5728\u5730\u4E0A", "\u4E3B\u4EBA\u53EA\u88AB\u5FC5\u8981\u7684\u4E8B\u6253\u6270\uFF0C\u5176\u4F59\u7684\u6211\u4EEC\u5185\u90E8\u6D88\u5316"],
+  researcher: ["\u628A\u4E3B\u4EBA\u5173\u5FC3\u7684\u4FE1\u606F\u6E90\u76EF\u5168\uFF0C\u51FA\u7684\u7ED3\u8BBA\u90FD\u6709\u51FA\u5904", "\u91CD\u8981\u53D8\u5316\u5F53\u5929\u7ED9\u51FA\u4E00\u6BB5\u80FD\u76F4\u63A5\u7528\u7684\u6458\u8981"],
+  executor: ["\u7B54\u5E94\u7684\u4E8B\u6309\u65F6\u505A\u5B8C\uFF0C\u505A\u4E0D\u5B8C\u63D0\u524D\u8BF4", "\u6BCF\u6B21\u4EA4\u4ED8\u90FD\u9644\u300C\u600E\u4E48\u9A8C\u8BC1\u505A\u5BF9\u4E86\u300D"],
+  sentinel: ["\u6211\u7684\u81EA\u52A8\u7EBF\u6BCF\u5929\u6309\u65F6\u8DD1\u5B8C\uFF0C\u51FA\u95EE\u9898\u7B2C\u4E00\u65F6\u95F4\u77E5\u9053", "\u5F02\u5E38\u5728\u5F71\u54CD\u53D8\u5927\u4E4B\u524D\u88AB\u770B\u89C1"]
+};
+function emptyDraft() {
+  return {
+    step: 0,
+    name: "",
+    role: "",
+    color: PRESET_COLORS[0],
+    persona: "",
+    aspirations: [""],
+    goal: null,
+    autonomy: "L1",
+    pace: "normal",
+    model: "",
+    watch: null
+  };
+}
+var DRAFT_KEY = "dsh-buddy:wizard-draft:v1";
+function storage() {
+  try {
+    const s = globalThis.localStorage;
+    return s ?? null;
+  } catch {
+    return null;
+  }
+}
+function saveDraft2(draft, store = storage()) {
+  try {
+    store?.setItem(DRAFT_KEY, JSON.stringify(draft));
+  } catch {
+  }
+}
+function loadDraft(store = storage()) {
+  try {
+    const raw = store?.getItem(DRAFT_KEY) ?? null;
+    if (raw === null) return null;
+    const value = JSON.parse(raw);
+    return typeof value?.name === "string" && typeof value?.step === "number" ? value : null;
+  } catch {
+    return null;
+  }
+}
+function clearDraft(store = storage()) {
+  try {
+    store?.removeItem(DRAFT_KEY);
+  } catch {
+  }
+}
+function validateName(name, existingNames) {
+  const trimmed = name.trim();
+  if (trimmed === "") return "\u540D\u5B57\uFF1A\u4E0D\u80FD\u4E3A\u7A7A";
+  if ([...trimmed].length > 20) return "\u540D\u5B57\uFF1A\u4E0D\u80FD\u8D85\u8FC7 20 \u5B57";
+  if (existingNames.some((n) => n === trimmed)) return `\u540D\u5B57\uFF1A\u5DF2\u7ECF\u6709\u53EB\u300C${trimmed}\u300D\u7684\u961F\u53CB\u4E86\uFF0C\u6362\u4E00\u4E2A\u5427`;
+  return null;
+}
+function validatePersona(persona) {
+  if ([...persona.trim()].length > 300) return "\u6027\u683C\u4E0E\u8BF4\u8BDD\u98CE\u683C\uFF1A\u4E0D\u80FD\u8D85\u8FC7 300 \u5B57";
+  return null;
+}
+function validateAspirations(lines) {
+  if (lines.length < 1) return "\u5FD7\u5411\uFF1A\u81F3\u5C11\u5199 1 \u6761\uFF08\u5B83\u662F\u961F\u53CB\u5B58\u5728\u7684\u7406\u7531\uFF09";
+  if (lines.length > 3) return "\u5FD7\u5411\uFF1A\u6700\u591A 3 \u6761\uFF0C\u6311\u6700\u91CD\u8981\u7684";
+  return null;
+}
+function validateWatchTarget(kind, target) {
+  const t = target.trim();
+  if (t === "") return "\u5173\u6CE8\u76EE\u6807\uFF1A\u4E0D\u80FD\u4E3A\u7A7A";
+  if (kind === "http" || kind === "rss") {
+    try {
+      const url = new URL(t);
+      if (url.protocol !== "http:" && url.protocol !== "https:") throw new Error();
+    } catch {
+      return "\u5173\u6CE8\u76EE\u6807\uFF1A\u7F51\u9875 / RSS \u8981\u586B http(s) \u5F00\u5934\u7684\u5B8C\u6574\u7F51\u5740";
+    }
+  }
+  if ((kind === "file" || kind === "log") && !t.startsWith("/") && !t.startsWith("~")) {
+    return "\u5173\u6CE8\u76EE\u6807\uFF1A\u6587\u4EF6 / \u65E5\u5FD7\u8981\u586B\u4EE5 / \u6216 ~ \u5F00\u5934\u7684\u5B8C\u6574\u8DEF\u5F84";
+  }
+  return null;
+}
+function stepError(draft, existingNames) {
+  switch (draft.step) {
+    case 0:
+      if (draft.role === "") return "\u89D2\u8272\uFF1A\u9009\u4E00\u5F20\u5361\u7247";
+      return validateName(draft.name, existingNames);
+    case 1:
+      return validatePersona(draft.persona);
+    case 2: {
+      const lines = draft.aspirations.map((l) => l.trim()).filter((l) => l !== "");
+      return validateAspirations(lines);
+    }
+    case 4:
+      return draft.watch === null ? null : validateWatchTarget(draft.watch.kind, draft.watch.target);
+    default:
+      return null;
+  }
+}
+function wizardSummary(draft, roleLabel) {
+  const aspirations = draft.aspirations.map((l) => l.trim()).filter((l) => l !== "");
+  const aspirationText = aspirations.length > 0 ? `\u6211\u7684\u5FD7\u5411\u662F${aspirations.join("\uFF1B")}` : "";
+  const watchText = draft.watch && draft.watch.target.trim() !== "" ? `\u6211\u4F1A\u5148\u76EF\u7740${draft.watch.target.trim()}` : "\u6211\u4F1A\u5148\u719F\u6089\u81EA\u5DF1\u7684\u5BB6\u76EE\u5F55\uFF0C\u518D\u81EA\u5DF1\u63D0\u8BAE\u8981\u76EF\u4EC0\u4E48";
+  return `\u6211\u662F${draft.name.trim() || "\uFF08\u8FD8\u6CA1\u8D77\u540D\uFF09"}\uFF0C${roleLabel}\u3002${aspirationText}\u3002${watchText}\uFF0C\u6709\u4E8B\u4F1A\u5728\u8FD9\u91CC\u627E\u4F60\u3002`;
+}
+function buildCreateBotInput(draft) {
+  const aspirations = draft.aspirations.map((l) => l.trim()).filter((l) => l !== "");
+  const input = {
+    name: draft.name.trim(),
+    role: draft.role,
+    persona: draft.persona.trim() === "" ? `\u6211\u662F${draft.name.trim()}\uFF0C\u6309${draft.role === "chief" ? "\u603B\u7BA1" : draft.role === "researcher" ? "\u8C03\u7814" : draft.role === "executor" ? "\u6267\u884C" : "\u76EF\u5B88"}\u7684\u65B9\u5F0F\u505A\u4E8B\u3002` : draft.persona.trim(),
+    aspirations,
+    autonomy: draft.autonomy,
+    pace: draft.pace
+  };
+  input.model = draft.model === "" || draft.model === "null" ? null : JSON.parse(draft.model);
+  if (draft.goal && draft.goal.title.trim() !== "") {
+    input.goals = [{
+      aspirationIndex: 0,
+      title: draft.goal.title.trim(),
+      doneWhen: draft.goal.doneWhen.trim() || "\u4E3B\u4EBA\u9A8C\u6536\u901A\u8FC7",
+      period: draft.goal.period
+    }];
+  }
+  if (draft.watch && draft.watch.target.trim() !== "") {
+    input.watches = [{
+      kind: draft.watch.kind,
+      target: draft.watch.target.trim(),
+      why: draft.watch.note.trim() === "" ? "\u8D77\u6B65\u5173\u6CE8\uFF1A\u4E3B\u4EBA\u5EFA\u961F\u65F6\u6307\u5B9A" : draft.watch.note.trim()
+    }];
+  }
+  return input;
+}
+
+// src/client/components/NewBotWizard.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var STEP_TITLES = ["\u540D\u5B57\u4E0E\u89D2\u8272", "\u6027\u683C\u4E0E\u8BF4\u8BDD\u98CE\u683C", "\u5FD7\u5411", "\u81EA\u4E3B\u4E0E\u8282\u594F", "\u8D77\u6B65\u5173\u6CE8", "\u786E\u8BA4"];
+var WATCH_KINDS = [
+  { value: "file", label: "\u6587\u4EF6" },
+  { value: "log", label: "\u65E5\u5FD7" },
+  { value: "http", label: "\u7F51\u9875" },
+  { value: "rss", label: "RSS" },
+  { value: "script", label: "\u811A\u672C" }
+];
+function safeParse(serialized) {
+  try {
+    const value = JSON.parse(serialized);
+    if (typeof value?.provider === "string" && typeof value?.model === "string") return { provider: value.provider, model: value.model };
+  } catch {
+  }
+  return void 0;
+}
+var GOAL_PERIODS = [
+  { value: "day", label: "\u6BCF\u5929" },
+  { value: "week", label: "\u6BCF\u5468" },
+  { value: "month", label: "\u6BCF\u6708" },
+  { value: "one_off", label: "\u4E00\u6B21\u6027" }
+];
+function NewBotWizard(props) {
+  const [draft, setDraft] = (0, import_react8.useState)(() => loadDraft() ?? emptyDraft());
+  const [error, setError] = (0, import_react8.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    saveDraft2(draft);
+  }, [draft]);
+  const names = props.existingBots.map((b) => b.name);
+  const hasChief = props.existingBots.some((b) => b.role === "chief");
+  const full = props.existingBots.filter((b) => b.lifecycle !== "retired").length >= 6;
+  const roleLabel = ROLE_CARDS.find((r) => r.role === draft.role)?.label ?? "";
+  const stepProblem = stepError(draft, names);
+  const set = (partial) => {
+    setDraft({ ...draft, ...partial });
+    setError(null);
+  };
+  const go = (delta) => {
+    if (delta > 0 && stepProblem !== null) {
+      setError(stepProblem);
+      return;
+    }
+    set({ step: Math.min(5, Math.max(0, draft.step + delta)) });
+  };
+  const submit = async () => {
+    if (submitting) return;
+    setSubmitting(true);
+    try {
+      const result = await props.onCreate(buildCreateBotInput(draft), draft.color);
+      if ("error" in result) {
+        setError(result.error);
+        return;
+      }
+      clearDraft();
+      props.onOpenThread(result.botId);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-dialog-mask", role: "dialog", "aria-label": "\u65B0\u5EFA\u961F\u53CB", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-dialog ah-dialog-wide ah-wizard", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("header", { className: "ah-wizard-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("h3", { children: [
+        "\u65B0\u5EFA\u961F\u53CB\uFF08\u7B2C ",
+        draft.step + 1,
+        "/6 \u6B65\uFF1A",
+        STEP_TITLES[draft.step],
+        "\uFF09"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: props.onClose, disabled: submitting, children: "\u5173\u95ED" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ol", { className: "ah-wizard-steps", "aria-hidden": "true", children: STEP_TITLES.map((title, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: i === draft.step ? "ah-wizard-step-current" : i < draft.step ? "ah-wizard-step-done" : "", children: title }, title)) }),
+    full ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-body", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-settings-error", children: "\u5DF2\u7ECF\u6709 6 \u4E2A\u5728\u518C\u961F\u53CB\u4E86\uFF0C\u8FBE\u5230\u4E0A\u9650\uFF1B\u5148\u8BA9\u4E00\u4F4D\u9000\u5F79\uFF0C\u518D\u5EFA\u65B0\u7684\u3002" }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-body", children: [
+      draft.step === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u540D\u5B57\uFF081\u201320 \u5B57\uFF09",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { value: draft.name, onChange: (e) => set({ name: e.target.value }), placeholder: "\u4F8B\u5982\uFF1A\u5DE1\u68C0\u5458" })
+          ] }),
+          draft.name.trim() !== "" && stepProblem !== null && stepProblem.startsWith("\u540D\u5B57") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-settings-error", children: stepProblem }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-roles", children: ROLE_CARDS.map((card) => {
+          const disabled = card.role === "chief" && hasChief;
+          const picked = draft.role === card.role;
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "button",
+            {
+              type: "button",
+              disabled,
+              "aria-pressed": picked,
+              className: `ah-wizard-role${picked ? " ah-wizard-role-picked" : ""}${disabled ? " ah-wizard-role-disabled" : ""}`,
+              onClick: () => set({ role: card.role }),
+              children: [
+                picked ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ah-wizard-role-check", "aria-hidden": "true", children: "\u5DF2\u9009" }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: card.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: card.desc }),
+                disabled ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ah-right-kv", children: "\u5DF2\u6709\u603B\u7BA1\uFF0C\u4E0D\u80FD\u518D\u5EFA" }) : null
+              ]
+            },
+            card.role
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ah-wizard-label", children: "\u5934\u50CF\u989C\u8272" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-colors", children: PRESET_COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": `\u5934\u50CF\u989C\u8272\uFF1A${COLOR_NAMES[color] ?? color}`,
+              "aria-pressed": draft.color === color,
+              className: draft.color === color ? "ah-wizard-color-picked" : "",
+              style: { background: color },
+              onClick: () => set({ color })
+            },
+            color
+          )) })
+        ] })
+      ] }) : null,
+      draft.step === 1 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          "\u6027\u683C\u4E0E\u8BF4\u8BDD\u98CE\u683C\uFF08\u2264 300 \u5B57\uFF0C\u53EF\u4E0D\u586B\uFF09",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("textarea", { rows: 4, value: draft.persona, onChange: (e) => set({ persona: e.target.value }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-examples", children: draft.role !== "" ? PERSONA_EXAMPLES[draft.role].map((example) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => set({ persona: example }), children: example }, example)) : null })
+      ] }) : null,
+      draft.step === 2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-field", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          "\u5FD7\u5411\uFF08\u4E00\u884C\u4E00\u6761\uFF0C1\u20133 \u6761\uFF09",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "textarea",
+            {
+              rows: 3,
+              value: draft.aspirations.join("\n"),
+              onChange: (e) => set({ aspirations: e.target.value.split(/\r?\n/) })
+            }
+          )
+        ] }) }),
+        draft.role !== "" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ah-wizard-examples", children: ASPIRATION_EXAMPLES[draft.role].map((example) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ah-btn ah-btn-ghost",
+            onClick: () => {
+              const lines = [...draft.aspirations.map((l) => l.trim()).filter((l) => l !== ""), example];
+              set({ aspirations: lines.slice(0, 3) });
+            },
+            children: example
+          },
+          example
+        )) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("details", { className: "ah-wizard-optional", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("summary", { children: "\u53EF\u9009\uFF1A\u7B2C\u4E00\u4E2A\u76EE\u6807" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u6807\u9898",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { value: draft.goal?.title ?? "", onChange: (e) => set({ goal: { ...draft.goal ?? { title: "", doneWhen: "", period: "week" }, title: e.target.value } }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u5B8C\u6210\u6807\u51C6",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { value: draft.goal?.doneWhen ?? "", onChange: (e) => set({ goal: { ...draft.goal ?? { title: "", doneWhen: "", period: "week" }, doneWhen: e.target.value } }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u5468\u671F",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { value: draft.goal?.period ?? "week", onChange: (e) => set({ goal: { ...draft.goal ?? { title: "", doneWhen: "", period: "week" }, period: e.target.value } }), children: GOAL_PERIODS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: p.value, children: p.label }, p.value)) })
+          ] })
+        ] })
+      ] }) : null,
+      draft.step === 3 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-trio", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u81EA\u4E3B\u7B49\u7EA7",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { value: draft.autonomy, onChange: (e) => set({ autonomy: e.target.value }), children: AUTONOMY_OPTIONS.map((a) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: a.value, children: a.label }, a.value)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u8282\u594F",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { value: draft.pace, onChange: (e) => set({ pace: e.target.value }), children: PACE_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: p.value, children: p.label }, p.value)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "\u6A21\u578B",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { value: draft.model === "" ? "null" : draft.model, onChange: (e) => set({ model: e.target.value === "null" ? "" : e.target.value }), children: modelSelectOptions(draft.model === "" || draft.model === "null" ? void 0 : safeParse(draft.model), props.modelOptions).map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: option.value === null ? "null" : JSON.stringify(option.value), children: option.value === null ? "\u8DDF\u968F DSH \u9ED8\u8BA4" : option.label }, i)) }),
+            props.modelOptionsError ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ah-right-kv ah-card-error", children: [
+              "\u6A21\u578B\u5217\u8868\u6CA1\u52A0\u8F7D\u51FA\u6765\uFF1A",
+              props.modelOptionsError
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-wizard-note", children: "\u8BD5\u5C97 7 \u5929\u5185\u4E00\u5F8B\u6309 L1 \u5EFA\u8BAE\uFF1B\u6EE1 3 \u5929\u65E0\u8D8A\u754C\u53EF\u4EE5\u63D0\u524D\u8F6C\u6B63\u3002" })
+      ] }) : null,
+      draft.step === 4 ? draft.watch === null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-right-kv", children: "\u53EF\u4EE5\u8BA9\u5B83\u4E0A\u5C97\u540E\u5148\u81EA\u5DF1\u63D0\u8BAE\u8981\u76EF\u4EC0\u4E48\uFF1B\u4E5F\u53EF\u4EE5\u73B0\u5728\u5C31\u6307\u5B9A\u4E00\u4E2A\u8D77\u6B65\u5173\u6CE8\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-settings-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn", onClick: () => set({ watch: { kind: "file", target: "", note: "" } }), children: "\u6307\u5B9A\u4E00\u4E2A\u8D77\u6B65\u5173\u6CE8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => go(1), children: "\u8DF3\u8FC7" })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          "\u7C7B\u578B",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { value: draft.watch.kind, onChange: (e) => set({ watch: { ...draft.watch, kind: e.target.value } }), children: WATCH_KINDS.map((k) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: k.value, children: k.label }, k.value)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          draft.watch.kind === "http" || draft.watch.kind === "rss" ? "\u7F51\u5740" : draft.watch.kind === "script" ? "\u547D\u4EE4\u884C\uFF08\u53EA\u8BFB\u811A\u672C\uFF09" : "\u5B8C\u6574\u8DEF\u5F84",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "input",
+            {
+              value: draft.watch.target,
+              onChange: (e) => set({ watch: { ...draft.watch, target: e.target.value } }),
+              placeholder: draft.watch.kind === "http" || draft.watch.kind === "rss" ? "https://\u2026" : draft.watch.kind === "file" || draft.watch.kind === "log" ? "\u9009\u62E9\u8DEF\u5F84\uFF1A/Users/\u2026/xxx" : "python3 \u811A\u672C\u8DEF\u5F84"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          "\u8BF4\u660E\uFF08\u4E3A\u4EC0\u4E48\u76EF\u5B83\uFF09",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { value: draft.watch.note, onChange: (e) => set({ watch: { ...draft.watch, note: e.target.value } }) })
+        ] }),
+        stepProblem !== null && stepProblem.startsWith("\u5173\u6CE8\u76EE\u6807") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-settings-error", children: stepProblem }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-ghost", onClick: () => set({ watch: null }), children: "\u4E0D\u8BBE\u8D77\u6B65\u5173\u6CE8" })
+      ] }) : null,
+      draft.step === 5 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ah-wizard-confirm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-wizard-restatement", children: wizardSummary(draft, roleLabel) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-right-kv", children: "\u5B83\u4F1A\u5148\u8BD5\u8DD1\uFF1A\u505A\u81EA\u6211\u4ECB\u7ECD\u3001\u642D\u8D77\u6B65\u7684\u5173\u6CE8\u4E0E\u8BAE\u7A0B\uFF0C\u6709\u4E8B\u4F1A\u5728\u8FD9\u4E2A\u7EBF\u7A0B\u91CC\u627E\u4F60\u3002" })
+      ] }) : null
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ah-settings-error", role: "alert", children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("footer", { className: "ah-dialog-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn", onClick: () => go(-1), disabled: draft.step === 0 || submitting, children: "\u4E0A\u4E00\u6B65" }),
+      draft.step < 5 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", onClick: () => go(1), disabled: full, children: "\u4E0B\u4E00\u6B65" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", onClick: () => void submit(), disabled: submitting || full, children: submitting ? "\u4E0A\u5C97\u4E2D\u2026" : "\u8BA9\u5B83\u4E0A\u5C97" })
+    ] })
+  ] }) });
+}
+
+// src/client/components/TeachDialog.tsx
+var import_react9 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TeachDialog(props) {
+  const [query, setQuery] = (0, import_react9.useState)("");
+  const [picked, setPicked] = (0, import_react9.useState)("");
+  const [note, setNote] = (0, import_react9.useState)("\u628A\u6211\u521A\u624D\u5728\u8FD9\u4E2A\u4F1A\u8BDD\u91CC\u505A\u7684\u4E8B\u5B66\u6210\u5957\u8DEF");
+  const [busy, setBusy] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
+  (0, import_react9.useEffect)(() => {
+    if (props.sessions.length > 0 && picked === "") setPicked(props.sessions[0].sessionId);
+  }, [props.sessions, picked]);
+  const filtered = (0, import_react9.useMemo)(() => {
+    const q = query.trim().toLowerCase();
+    return q === "" ? [...props.sessions] : props.sessions.filter((s) => s.title.toLowerCase().includes(q));
+  }, [props.sessions, query]);
+  const teach = async () => {
+    if (picked === "" || busy) return;
+    setBusy(true);
+    try {
+      const message = await props.onTeach(picked, note);
+      if (message !== null) setError(message);
+      else props.onClose();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ah-dialog-mask", role: "dialog", "aria-label": `\u6559 ${props.botName} \u4E00\u62DB`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ah-dialog ah-dialog-wide", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("h3", { children: [
+      "\u6559 ",
+      props.botName,
+      " \u4E00\u62DB"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "ah-right-kv", children: "\u9009\u4E00\u4E2A\u4F60\u6700\u8FD1\u505A\u8FC7\u7684\u4F1A\u8BDD\uFF0C\u5B83\u4F1A\u8BFB\u8BB0\u5F55\u5199\u6210\u5957\u8DEF\uFF0C\u4EE5\u540E\u7167\u505A\uFF1B\u5B66\u5B8C\u4F1A\u5728\u7EBF\u7A0B\u91CC\u590D\u8FF0\u6B65\u9AA4\u8BF7\u4F60\u7EA0\u6B63\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { className: "ah-teach-search", placeholder: "\u641C\u7D22\u4F1A\u8BDD\u6807\u9898", value: query, onChange: (e) => setQuery(e.target.value) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { className: "ah-teach-list", children: [
+      filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "ah-empty", children: "\u6CA1\u6709\u627E\u5230\u4F1A\u8BDD\u3002\u5148\u5728 DSH \u91CC\u505A\u4E00\u904D\uFF0C\u518D\u56DE\u6765\u6559\u5B83\u3002" }) : null,
+      filtered.slice(0, 12).map((s) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: picked === s.sessionId ? "ah-teach-picked" : "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { type: "radio", name: "ah-teach-session", checked: picked === s.sessionId, onChange: () => setPicked(s.sessionId) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ah-teach-title", children: s.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ah-right-kv", children: s.updatedText })
+      ] }) }, s.sessionId))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("textarea", { className: "ah-teach-note", rows: 2, value: note, onChange: (e) => setNote(e.target.value), placeholder: "\u4E00\u53E5\u8BF4\u660E\uFF1A\u628A\u5B83\u5B66\u6210\u4EC0\u4E48\u5957\u8DEF" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "ah-settings-error", role: "alert", children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ah-dialog-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "ah-btn", onClick: props.onClose, disabled: busy, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "ah-btn ah-btn-primary", disabled: busy || picked === "", onClick: () => void teach(), children: busy ? "\u63D0\u4EA4\u4E2D\u2026" : "\u4EA4\u7ED9\u5B83\u5B66" })
+    ] })
+  ] }) });
+}
+
+// src/client/components/ErrorBoundary.tsx
+var import_react10 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var BlockBoundary = class extends import_react10.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", { failed: false });
+  }
+  /** 出错只记日志、不出插槽崩溃。 */
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    console.error(`[agent-hub] \u754C\u9762\u5757\u300C${this.props.label}\u300D\u6E32\u67D3\u51FA\u9519:`, error);
+  }
+  render() {
+    if (this.state.failed) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ah-empty", role: "alert", children: "\u8FD9\u5757\u6CA1\u663E\u793A\u51FA\u6765\uFF0C\u5237\u65B0\u8BD5\u8BD5\u3002" });
+    }
+    return this.props.children;
+  }
+};
+
+// src/client/pages/HubPage.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function useSlowLoading(loading) {
+  const [slow, setSlow] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
+    if (!loading) {
+      setSlow(false);
+      return;
+    }
+    const timer = setTimeout(() => setSlow(true), 300);
+    return () => clearTimeout(timer);
+  }, [loading]);
+  return slow;
+}
+function HubPage(props) {
+  const hub = props.hub;
+  const state = useStore(hub);
+  const [rightOpen, setRightOpen] = (0, import_react11.useState)(true);
+  const [busyInboxId, setBusyInboxId] = (0, import_react11.useState)(null);
+  const [threadError, setThreadError] = (0, import_react11.useState)(null);
+  const [wizardOpen, setWizardOpen] = (0, import_react11.useState)(false);
+  const [teachOpen, setTeachOpen] = (0, import_react11.useState)(false);
+  const [notice, setNotice] = (0, import_react11.useState)(null);
+  const [noticeAutoClearBot, setNoticeAutoClearBot] = (0, import_react11.useState)(null);
+  const selectedThread = state.selectedThread;
+  const view = state.view;
+  (0, import_react11.useEffect)(() => {
+    void hub.refreshAll();
+    void hub.refreshSettings();
+  }, [hub]);
+  (0, import_react11.useEffect)(() => {
+    if (state.connectionDown) return;
+    setThreadError(null);
+    void hub.refreshThread(selectedThread).catch(() => setThreadError("\u7EBF\u7A0B\u52A0\u8F7D\u5931\u8D25\uFF08\u63D2\u4EF6\u53EF\u80FD\u505C\u7528\u6216\u5728\u91CD\u8F7D\uFF09"));
+  }, [hub, selectedThread, state.connectionDown]);
+  const overview = state.overview;
+  const selectedBot = overview?.bots.find((b) => b.id === selectedThread) ?? null;
+  (0, import_react11.useEffect)(() => {
+    if (selectedBot && !state.bots[selectedBot.id]) void hub.refreshBot(selectedBot.id);
+  }, [hub, selectedBot, state.bots]);
+  (0, import_react11.useEffect)(() => {
+    if (teachOpen) void hub.refreshRecentSessions();
+  }, [hub, teachOpen]);
+  (0, import_react11.useEffect)(() => {
+    if (noticeAutoClearBot === null || notice === null) return;
+    const thread = state.threads[noticeAutoClearBot];
+    if (thread?.messages.some((m) => m.kind === "reply")) {
+      setNotice(null);
+      setNoticeAutoClearBot(null);
+      return;
+    }
+    const wakes = state.bots[noticeAutoClearBot]?.wakes;
+    if (wakes !== void 0) {
+      const trial = wakes.find((w) => w.variant === "trial");
+      if (trial !== void 0 && !["delivering", "running"].includes(trial.status)) {
+        setNotice(null);
+        setNoticeAutoClearBot(null);
+      }
+    }
+  }, [notice, noticeAutoClearBot, state.threads, state.bots]);
+  (0, import_react11.useEffect)(() => {
+    if (!state.connectionDown || state.downReason !== "starting") return;
+    const timer = setInterval(() => {
+      void hub.refreshAll().catch(() => void 0);
+      void hub.refreshSettings().catch(() => void 0);
+    }, 2e3);
+    return () => clearInterval(timer);
+  }, [hub, state.connectionDown, state.downReason]);
+  const overviewLoading = overview === null;
+  const showSkeleton = useSlowLoading(overviewLoading || view === "main" && state.threads[selectedThread] === void 0 && !threadError);
+  const cardActions = {
+    onPick: async (card, option, note) => {
+      setBusyInboxId(card.inboxId);
+      try {
+        const submission = cardSubmission(card, option, note);
+        if ("error" in submission) return submission.error;
+        const result = await hub.command(submission.name, submission.input);
+        if (!result.ok) return result.error;
+        await Promise.all([hub.refreshInbox(), hub.refreshOverview()]);
+        return null;
+      } catch (e) {
+        return e instanceof Error ? e.message : String(e);
+      } finally {
+        setBusyInboxId(null);
+      }
+    }
+  };
+  const header = selectedThread === "team" ? null : selectedBot ? {
+    name: selectedBot.name,
+    roleLabel: selectedBot.roleLabel,
+    activityText: selectedBot.activityText,
+    nextThinkText: selectedBot.nextThinkText,
+    lifecycle: selectedBot.lifecycle,
+    thinking: selectedBot.activity === "thinking"
+  } : { name: state.threads[selectedThread]?.title ?? "\u961F\u53CB", roleLabel: null, activityText: null, nextThinkText: null, lifecycle: null, thinking: false };
+  const interrupt = () => {
+    if (!selectedBot) return;
+    void (async () => {
+      const result = await hub.command("interruptBot", { botId: selectedBot.id });
+      setNotice(result.ok ? "\u5DF2\u6253\u65AD\uFF1B\u5B83\u4F1A\u5728\u4E0B\u6B21\u9192\u6765\u65F6\u63A5\u7740\u5904\u7406\u3002" : result.error);
+      await Promise.all([hub.refreshThread(selectedBot.id), hub.refreshOverview()]);
+    })();
+  };
+  const openSession = () => {
+    const sessionId = selectedBot ? state.bots[selectedBot.id]?.profile.sessionId : null;
+    if (!sessionId) {
+      setNotice("\u5B83\u8FD8\u6CA1\u6709\u5DE5\u4F5C\u4F1A\u8BDD\u3002");
+      return;
+    }
+    const result = openBotSessionWith(props.clientCtx, sessionId);
+    setNotice(OPEN_SESSION_HINTS[result]);
+  };
+  const togglePause = () => {
+    if (!selectedBot) return;
+    const picked = pauseResumeAction(selectedBot.lifecycle);
+    if (picked === null) return;
+    const action = picked;
+    void (async () => {
+      const result = await hub.command("lifecycleAction", { botId: selectedBot.id, action });
+      setNotice(result.ok ? action === "pause" ? "\u5DF2\u6682\u505C\uFF08\u671F\u95F4\u7684\u53D8\u5316\u90FD\u5B58\u7740\uFF09" : "\u5DF2\u6062\u590D" : result.error);
+      await Promise.all([hub.refreshOverview(), hub.refreshBot(selectedBot.id)]);
+    })();
+  };
+  const saveSettings = async (patch) => {
+    const result = await hub.command("updateSettings", patch);
+    if (result.ok) await hub.refreshSettings();
+    return result.ok ? null : result.error;
+  };
+  const lifecycleAll = async (target) => {
+    if (!overview) return "\u603B\u89C8\u8FD8\u6CA1\u52A0\u8F7D\u51FA\u6765\uFF0C\u7A0D\u7B49\u518D\u8BD5";
+    const action = target === "paused" ? "pause" : "resume";
+    const targets = lifecycleAllTargets(overview.bots, target).map((id) => overview.bots.find((b) => b.id === id));
+    let failed = 0;
+    for (const bot of targets) {
+      const result = await hub.command("lifecycleAction", { botId: bot.id, action });
+      if (!result.ok) failed += 1;
+    }
+    await hub.refreshOverview();
+    return failed === 0 ? null : `\u6709 ${failed} \u4E2A\u961F\u53CB\u64CD\u4F5C\u6CA1\u6210\u529F\uFF0C\u518D\u8BD5\u4E00\u6B21\u6216\u5230\u5B83\u7684\u8BE6\u60C5\u91CC\u5355\u72EC\u64CD\u4F5C`;
+  };
+  if (state.connectionDown) {
+    const hint = state.downReason === "disabled" ? "\u4E2D\u5FC3\u5DF2\u505C\u7528\uFF1A\u5220\u9664 ~/AgentHub/.hub/DISABLED \u540E\u91CD\u542F DSH \u5373\u53EF\u6062\u590D\u3002" : state.downReason === "starting" ? "\u4E2D\u5FC3\u6B63\u5728\u542F\u52A8\u2026\u2026\u7A0D\u7B49\u7247\u523B\u4F1A\u81EA\u52A8\u6062\u590D\u3002" : state.downReason === "failed" ? `\u4E2D\u5FC3\u542F\u52A8\u5931\u8D25\uFF1A${state.downMessage ?? "\u539F\u56E0\u672A\u77E5\uFF0C\u770B DSH \u65E5\u5FD7"}\u3002\u4FEE\u590D\u540E\u91CD\u542F DSH \u518D\u8BD5\u3002` : "\u8FDE\u4E0D\u4E0A Agent \u4E2D\u5FC3\uFF08\u63D2\u4EF6\u53EF\u80FD\u505C\u7528\u6216\u5728\u91CD\u8F7D\uFF09\u3002";
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ah-page ah-page-down", "data-plugin-page": "agent-hub", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ah-down", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: hint }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "ah-btn", onClick: () => void hub.refreshAll(), children: "\u91CD\u8BD5" })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ah-page", "data-plugin-page": "agent-hub", children: [
+    overview ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u9876\u680F", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      TopBar,
+      {
+        overview,
+        view,
+        onOpenInbox: () => {
+          hub.setView("inbox");
+          void hub.refreshInbox();
+        },
+        onOpenActivity: () => {
+          hub.setView("activity");
+          void hub.refreshActivity();
+        },
+        onOpenSettings: () => {
+          hub.setView("settings");
+          void hub.refreshSettings();
+        },
+        onNewBot: () => setWizardOpen(true),
+        onBack: () => hub.setView("main")
+      }
+    ) }) : showSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("header", { className: "ah-topbar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Skeleton, { rows: 1 }) }) : null,
+    wizardOpen && overview ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u65B0\u5EFA\u961F\u53CB", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      NewBotWizard,
+      {
+        existingBots: overview.bots,
+        modelOptions: state.settings?.modelOptions ?? [],
+        modelOptionsError: state.settings ? null : state.settingsError,
+        onCreate: async (input, color) => {
+          const created = await hub.command("createBot", input);
+          if (!created.ok) return { error: created.error };
+          const botId = created.data?.id;
+          if (botId === void 0) return { error: "\u521B\u5EFA\u6210\u529F\u4F46\u6CA1\u6709\u8FD4\u56DE\u673A\u5668\u4EBA id" };
+          const colored = await hub.command("updateBot", { botId, patch: { color } });
+          if (!colored.ok) console.error("[agent-hub] \u4FDD\u5B58\u5934\u50CF\u989C\u8272\u5931\u8D25:", colored.error);
+          return { botId };
+        },
+        onOpenThread: (botId) => {
+          setWizardOpen(false);
+          hub.selectThread(botId);
+          setNotice("\u6B63\u5728\u8BD5\u8DD1\uFF1A\u5B83\u4F1A\u5148\u505A\u81EA\u6211\u4ECB\u7ECD\uFF0C\u7A0D\u7B49\u7247\u523B\u3002");
+          setNoticeAutoClearBot(botId);
+          void hub.refreshOverview();
+        },
+        onClose: () => setWizardOpen(false)
+      }
+    ) }) : null,
+    teachOpen && selectedBot ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u6559\u5B83\u4E00\u62DB", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      TeachDialog,
+      {
+        botName: selectedBot.name,
+        sessions: state.recentSessions,
+        onTeach: async (sessionId, note) => {
+          const result = await hub.command("teach", { botId: selectedBot.id, sessionId, note });
+          if (!result.ok) return result.error;
+          setTeachOpen(false);
+          await Promise.all([hub.refreshThread(selectedBot.id), hub.refreshBot(selectedBot.id)]);
+          return null;
+        },
+        onClose: () => setTeachOpen(false)
+      }
+    ) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `ah-body${rightOpen && selectedBot && view === "main" ? " ah-body-right" : ""}`, children: [
+      overview ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u961F\u53CB\u5217\u8868", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        BotList,
+        {
+          overview,
+          selected: view === "main" ? selectedThread : "",
+          onSelect: (threadId) => hub.selectThread(threadId),
+          onOpenInbox: () => {
+            hub.setView("inbox");
+            void hub.refreshInbox();
+          }
+        }
+      ) }) : showSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Skeleton, { rows: 6 }) : null,
+      view === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u6536\u4EF6\u7BB1", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        InboxPane,
+        {
+          inbox: state.inbox,
+          loading: state.inbox === null,
+          error: null,
+          onRetry: () => void hub.refreshInbox(),
+          actions: cardActions,
+          busyId: busyInboxId
+        }
+      ) }) : view === "activity" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u6D3B\u52A8\u6D41", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ActivityPane,
+        {
+          activity: state.activity,
+          bots: overview?.bots ?? [],
+          loading: state.activity === null,
+          onRetry: () => void hub.refreshActivity(),
+          onLoadMore: () => {
+            const last = state.activity?.rows.at(-1)?.id;
+            if (last) void hub.refreshActivity(last);
+          }
+        }
+      ) }) : view === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u8BBE\u7F6E", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        SettingsPane,
+        {
+          settings: state.settings,
+          loadError: state.settingsError,
+          overview,
+          loading: state.settings === null,
+          onRetry: () => void hub.refreshSettings(),
+          onSave: saveSettings,
+          onPauseAll: () => lifecycleAll("paused"),
+          onResumeAll: () => lifecycleAll("active")
+        }
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u5BF9\u8BDD\u7EBF\u7A0B", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ThreadPane,
+        {
+          thread: state.threads[selectedThread] ?? null,
+          loading: state.threads[selectedThread] === void 0,
+          header,
+          inputPlaceholderName: state.threads[selectedThread]?.title ?? "\u961F\u53CB",
+          banner: notice,
+          onBannerDismiss: () => {
+            setNotice(null);
+            setNoticeAutoClearBot(null);
+          },
+          onLoadEarlier: () => {
+            const t = state.threads[selectedThread];
+            if (t?.hasMore && t.oldestId) void hub.refreshThread(selectedThread, t.oldestId);
+          },
+          onSend: (text) => hub.send(selectedThread, text),
+          actions: cardActions,
+          busyInboxId,
+          onRetry: () => void hub.refreshThread(selectedThread),
+          error: threadError,
+          onTeach: () => setTeachOpen(true),
+          onOpenSession: openSession,
+          onTogglePause: togglePause,
+          onInterrupt: interrupt,
+          rightCollapsed: view === "main" && !rightOpen && selectedBot !== null,
+          onExpandRight: () => setRightOpen(true)
+        },
+        selectedThread
+      ) }),
+      view === "main" && rightOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlockBoundary, { label: "\u8BE6\u60C5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        RightPanel,
+        {
+          bot: selectedBot ? state.bots[selectedBot.id] ?? null : null,
+          modelOptions: state.settings?.modelOptions ?? [],
+          modelOptionsError: state.settings ? null : state.settingsError,
+          onRetrySettings: () => void hub.refreshSettings(),
+          clientCtx: props.clientCtx,
+          run: (name, input) => hub.command(name, input),
+          onRefresh: () => {
+            if (selectedBot) void hub.refreshBot(selectedBot.id);
+            void hub.refreshOverview();
+          },
+          onTeach: () => setTeachOpen(true),
+          onCollapse: () => setRightOpen(false)
+        },
+        selectedBot?.id ?? "none"
+      ) }) : null
+    ] })
+  ] });
+}
+
+// src/client/index.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var inject = ["slots", "locale"];
+function HubEntryIcon(props) {
+  const size = props.size ?? 16;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { viewBox: "0 0 16 16", width: size, height: size, "aria-hidden": "true", className: "ah-entry-icon", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "5.5", cy: "5", r: "2.2", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "10.8", cy: "6.2", r: "1.7", fill: "currentColor", opacity: "0.85" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M1.8 13.2c0-2.1 1.7-3.6 3.7-3.6s3.7 1.5 3.7 3.6z", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M9.9 13.2c0.2-1.7 1.2-2.9 2.7-2.9 1.2 0 2.2 0.8 2.5 2z", fill: "currentColor", opacity: "0.85" })
+  ] });
+}
+function HubToastOverlay(props) {
+  const state = useStore(props.hub);
+  if (state.toasts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ah-toast-layer", role: "status", children: state.toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ah-toast", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "ah-toast-btn",
+      onClick: () => {
+        props.hub.dismissToast(toast.id);
+        props.hub.setView("inbox");
+        void props.hub.refreshInbox();
+        try {
+          const layout = props.clientCtx?.get?.("layout");
+          layout?.selectPanel?.("agent-hub");
+        } catch {
+        }
+      },
+      children: toast.text
+    }
+  ) }, toast.id)) });
+}
+function apply(ctx) {
+  const hub = createHubStore();
+  try {
+    ctx.effect(() => {
+      const tag = document.createElement("style");
+      tag.dataset.plugin = "dsh-buddy";
+      tag.textContent = styles_default;
+      document.head.appendChild(tag);
+      return () => tag.remove();
+    }, "dsh-buddy: styles");
+  } catch (error) {
+    console.error("[agent-hub] \u63D2\u5165\u6837\u5F0F\u5931\u8D25:", error);
+  }
+  try {
+    ctx.effect(() => {
+      const close = connectEvents(hub);
+      void hub.refreshAll();
+      return close;
+    }, "dsh-buddy: sse");
+    ctx.on("connection/reset", () => {
+      void hub.refreshAll();
+    });
+  } catch (error) {
+    console.error("[agent-hub] \u5EFA\u7ACB\u63A8\u9001\u8FDE\u63A5\u5931\u8D25:", error);
+  }
+  try {
+    ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: "agent-hub" }, () => HubPage({ hub, clientCtx: ctx })));
+  } catch (error) {
+    console.error("[agent-hub] \u6CE8\u518C main \u63D2\u69FD\u5931\u8D25:", error);
+  }
+  try {
+    ctx.slots.inject("sidebar.panellist", () => ctx.slots.register(
+      // label 是 thunk：每次取值时从仓库读待处理收件箱数（入口行由宿主渲染）。
+      { name: "sidebar.panellist", id: "agent-hub", order: 15, label: () => entryLabel(hub.getSnapshot().overview?.inbox.total ?? 0) },
+      (props) => HubEntryIcon(props ?? {})
+    ));
+  } catch (error) {
+    console.error("[agent-hub] \u6CE8\u518C\u4FA7\u680F\u5165\u53E3\u5931\u8D25:", error);
+  }
+  try {
+    ctx.slots.inject("shell.overlay", () => ctx.slots.register(
+      { name: "shell.overlay", id: "dsh-buddy-toast", order: 100 },
+      () => HubToastOverlay({ hub, clientCtx: ctx })
+    ));
+  } catch (error) {
+    console.error("[agent-hub] \u6CE8\u518C\u5E94\u7528\u5185\u63D0\u793A\u63D2\u69FD\u5931\u8D25:", error);
+  }
+}
+return module.exports } })