personal-bot 0.2.3 → 0.2.5

package/lib/client.js

@@ -0,0 +1,1071 @@
+window.__ModuleLoader__.load({ id: "personal-bot", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/dsh/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/common/json.ts
+function object(value2) {
+  return value2 !== null && typeof value2 === "object" && !Array.isArray(value2);
+}
+function canonical(value2) {
+  if (value2 === null || typeof value2 === "boolean" || typeof value2 === "string") return JSON.stringify(value2);
+  if (typeof value2 === "number" && Number.isFinite(value2)) return JSON.stringify(value2);
+  if (Array.isArray(value2)) return "[" + value2.map(canonical).join(",") + "]";
+  if (object(value2) && (Object.getPrototypeOf(value2) === Object.prototype || Object.getPrototypeOf(value2) === null)) {
+    return "{" + Object.keys(value2).sort().map((key) => JSON.stringify(key) + ":" + canonical(value2[key])).join(",") + "}";
+  }
+  throw new Error("\u9700\u8981\u6709\u9650\u3001\u53EF\u5E8F\u5217\u5316\u7684 JSON \u503C\u3002");
+}
+function json(value2) {
+  return JSON.parse(canonical(value2));
+}
+
+// src/ui/dsh/remote.ts
+var value = { mode: "strict", typeSymbol: "personal-bot#Json", create: () => ({ parse: json }) };
+var pbotReadRemote = {
+  package: "personal-bot",
+  descriptors: ["snapshot", "expert", "team", "history"].map((method) => ({
+    id: "personal-bot#PbotManagement." + method,
+    service: "pbotManagement",
+    namespace: "pbot",
+    method,
+    invocation: { kind: "direct" },
+    parameters: [{ name: "request", wire: "request", source: "json", codec: value }],
+    cancellation: { parameter: "signal" },
+    result: value
+  }))
+};
+
+// src/ui/dsh/attachments.ts
+var images = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/webp", "image/gif"]);
+function encodedImage(file, signal) {
+  signal.throwIfAborted();
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader(), abort = () => reader.abort();
+    signal.addEventListener("abort", abort, { once: true });
+    reader.onloadend = () => signal.removeEventListener("abort", abort);
+    reader.onerror = () => reject(reader.error ?? new Error("\u56FE\u7247\u8BFB\u53D6\u5931\u8D25\u3002"));
+    reader.onabort = () => reject(signal.reason ?? new DOMException("\u56FE\u7247\u8BFB\u53D6\u5DF2\u53D6\u6D88\u3002", "AbortError"));
+    reader.onload = () => {
+      if (typeof reader.result !== "string") reject(new Error("\u56FE\u7247\u8BFB\u53D6\u5931\u8D25\u3002"));
+      else resolve(reader.result.slice(reader.result.indexOf(",") + 1));
+    };
+    reader.readAsDataURL(file);
+  });
+}
+async function commandAttachments(ctx, sessionId, files, signal, progress) {
+  if (files.length > 32) throw new Error("\u4E00\u6B21\u6700\u591A\u9644\u52A0 32 \u4E2A\u6587\u4EF6\u3002");
+  const attachments = [];
+  for (const file of files) {
+    signal.throwIfAborted();
+    progress("\u6B63\u5728\u51C6\u5907\u9644\u4EF6\uFF1A" + file.name);
+    if (images.has(file.type)) {
+      attachments.push({ type: "image", mediaType: file.type, name: file.name, data: await encodedImage(file, signal) });
+    } else {
+      const result = await ctx.fileUpload.upload(
+        sessionId,
+        file,
+        file.name,
+        signal,
+        (value2) => progress(`\u6B63\u5728\u4E0A\u4F20 ${file.name}\uFF1A${value2.loaded} / ${value2.total ?? file.size} \u5B57\u8282`)
+      );
+      if (!result.ok) throw new Error(result.error.message);
+      attachments.push({ type: "file", receiptId: result.value.receiptId });
+    }
+  }
+  signal.throwIfAborted();
+  return attachments;
+}
+
+// src/ui/presentation.ts
+var states = {
+  starting: "\u542F\u52A8\u4E2D",
+  busy: "\u6267\u884C\u4E2D",
+  idle: "\u5F85\u547D",
+  stopping: "\u505C\u6B62\u4E2D",
+  stopped: "\u5DF2\u505C\u6B62",
+  error: "\u9700\u8981\u5904\u7406",
+  running: "\u8FDB\u884C\u4E2D",
+  paused: "\u5DF2\u6682\u505C",
+  finished: "\u5DF2\u7ED3\u675F",
+  completed: "\u5DF2\u5B8C\u6210",
+  failed: "\u5931\u8D25",
+  cancelled: "\u5DF2\u53D6\u6D88",
+  interrupted: "\u5DF2\u4E2D\u65AD",
+  ready: "\u5DF2\u5C31\u7EEA",
+  preparing: "\u51C6\u5907\u4E2D",
+  unprepared: "\u672A\u51C6\u5907",
+  open: "\u5F85\u5B89\u6392",
+  closed: "\u5DF2\u5173\u95ED"
+};
+var stateLabel = (state) => states[String(state)] ?? String(state ?? "\u672A\u77E5");
+
+// src/ui/dsh/elements.ts
+var record = (value2) => {
+  if (!object(value2)) throw new Error("\u7BA1\u7406\u6570\u636E\u65E0\u6548\u3002");
+  return value2;
+};
+var rows = (value2) => Array.isArray(value2) ? value2.map(record) : [];
+var text = (value2) => value2 === null || value2 === void 0 ? "" : String(value2);
+var objectInput = (value2) => record(JSON.parse(value2 || "{}"));
+var lines = (value2) => value2.split(/\r?\n/).map((item) => item.trim()).filter(Boolean);
+function element(tag, content = "", className = "") {
+  const node = document.createElement(tag);
+  node.textContent = content;
+  node.className = className;
+  return node;
+}
+function block(value2) {
+  return element("pre", typeof value2 === "string" ? value2 : JSON.stringify(value2, null, 2), "pbot-prose");
+}
+function note(value2) {
+  return element("p", value2, "pbot-muted");
+}
+function group(parent, className = "pbot-stack") {
+  const node = element("div", "", className);
+  parent.append(node);
+  return node;
+}
+function details(parent, title) {
+  const node = element("details", "", "pbot-disclosure");
+  node.append(element("summary", title));
+  parent.append(node);
+  return node;
+}
+function field(parent, label, multiline = false, value2 = "") {
+  const wrapper = element("label", "", "pbot-field"), input = multiline ? element("textarea") : element("input");
+  wrapper.append(element("span", label));
+  input.value = value2;
+  input.setAttribute("aria-label", label);
+  if (input instanceof HTMLTextAreaElement) input.rows = 3;
+  wrapper.append(input);
+  parent.append(wrapper);
+  return input;
+}
+function select(parent, label, values) {
+  const wrapper = element("label", "", "pbot-field"), input = element("select");
+  wrapper.append(element("span", label));
+  input.setAttribute("aria-label", label);
+  for (const [value2, title] of values) {
+    const option = element("option", title);
+    option.value = value2;
+    input.append(option);
+  }
+  wrapper.append(input);
+  parent.append(wrapper);
+  return input;
+}
+function badge(state) {
+  const node = element("span", stateLabel(state), "pbot-badge");
+  node.dataset.state = text(state);
+  return node;
+}
+function facts(values) {
+  const node = element("dl", "", "pbot-facts");
+  for (const [label, value2] of values) node.append(element("dt", label), element("dd", text(value2) || "\u2014"));
+  return node;
+}
+function empty(title, description) {
+  const node = element("div", "", "pbot-empty");
+  node.append(element("h3", title), note(description));
+  return node;
+}
+function pageTitle(parent, title, description) {
+  const node = element("header", "", "pbot-page-title");
+  node.append(element("h2", title));
+  if (description) node.append(note(description));
+  parent.append(node);
+  return node;
+}
+function time(value2) {
+  const date = new Date(typeof value2 === "number" ? value2 : text(value2));
+  return Number.isNaN(date.getTime()) ? "" : date.toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+}
+
+// src/ui/dsh/styles.ts
+var managementStyles = `
+.pbot-management {
+  --pbot-bg: var(--dsw-alias-bg-base, #f8f9fb);
+  --pbot-surface: var(--dsw-alias-bg-layer-1, #fff);
+  --pbot-ink: var(--dsw-alias-label-primary, #20232b);
+  --pbot-muted: var(--dsw-alias-label-secondary, #696e79);
+  --pbot-line: var(--dsw-alias-border-l2, #e3e5eb);
+  --pbot-accent: var(--dsw-alias-brand-primary, #4d6bfe);
+  --pbot-tint: color-mix(in srgb, var(--pbot-accent) 9%, var(--pbot-surface));
+  --pbot-danger: var(--dsw-alias-state-error-primary, #c93535);
+  width: min(1180px, calc(100vw - 48px)); height: min(820px, calc(100dvh - 64px));
+  max-width: none; max-height: none; padding: 0; margin: auto; overflow: hidden;
+  border: 1px solid var(--pbot-line); border-radius: 12px; color: var(--pbot-ink); background: var(--pbot-surface);
+  box-shadow: 0 12px 40px #0002; font: 14px/1.55 var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
+}
+.pbot-management::backdrop { background: #10182866; }
+.pbot-management *, .pbot-management *::before, .pbot-management *::after { box-sizing: border-box; }
+.pbot-management [hidden] { display: none !important; }
+.pbot-management h2, .pbot-management h3, .pbot-management h4, .pbot-management p { margin: 0; }
+.pbot-management h2 { font-size: 21px; font-weight: 600; }
+.pbot-management h3 { font-size: 16px; font-weight: 600; }
+.pbot-management h4 { font-size: 14px; font-weight: 600; }
+.pbot-management button, .pbot-management input, .pbot-management textarea, .pbot-management select { font: inherit; color: inherit; }
+.pbot-management button { appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 7px 13px; border: 1px solid var(--pbot-line); border-radius: 8px; background: var(--pbot-surface); cursor: pointer; line-height: 1.4; }
+.pbot-management button:hover:not(:disabled) { background: var(--pbot-tint); border-color: color-mix(in srgb, var(--pbot-accent) 40%, var(--pbot-line)); }
+.pbot-management button:disabled { opacity: .45; cursor: not-allowed; }
+.pbot-management :is(button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--pbot-accent); outline-offset: 3px; }
+.pbot-management button.pbot-primary { background: var(--pbot-accent); border-color: var(--pbot-accent); color: var(--pbot-surface); font-weight: 600; }
+.pbot-management button.pbot-primary:hover:not(:disabled) { filter: brightness(.94); background: var(--pbot-accent); }
+.pbot-management button.pbot-quiet { border-color: transparent; background: transparent; }
+.pbot-management button.pbot-danger { color: var(--pbot-danger); }
+.pbot-management button[data-busy=true]::after { content: "\u2026"; }
+.pbot-shell { height: 100%; display: grid; grid-template-columns: 178px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
+.pbot-header { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--pbot-line); }
+.pbot-brand { font-size: 16px; font-weight: 650; letter-spacing: -.3px; }
+.pbot-location { color: var(--pbot-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 65vw; }
+.pbot-header-copy { min-width: 0; flex: 1; }
+.pbot-management .pbot-close { width: 34px; padding: 0; font-size: 22px; }
+.pbot-nav { display: flex; flex-direction: column; gap: 6px; padding: 22px 12px; background: var(--pbot-bg); border-right: 1px solid var(--pbot-line); }
+.pbot-nav button { text-align: left; justify-content: space-between; border-color: transparent; background: transparent; padding: 11px 12px; color: var(--pbot-muted); }
+.pbot-nav button[aria-selected=true] { color: var(--pbot-accent); background: var(--pbot-tint); font-weight: 600; }
+.pbot-nav small { font-size: 11px; font-variant-numeric: tabular-nums; opacity: .8; }
+.pbot-main { min-width: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 26px 28px; }
+.pbot-page-title { margin-bottom: 22px; display: grid; gap: 5px; }
+.pbot-muted { color: var(--pbot-muted); font-size: 13px; overflow-wrap: anywhere; }
+.pbot-footer { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 10px 22px; border-top: 1px solid var(--pbot-line); color: var(--pbot-muted); font-size: 12px; }
+.pbot-footer > span { flex: 1; }
+.pbot-footer button { min-height: 28px; padding: 4px 9px; font-size: 12px; }
+.pbot-notice { position: sticky; top: -26px; z-index: 2; padding: 12px 14px; margin: -6px 0 18px; border: 1px solid var(--pbot-line); border-left: 3px solid var(--pbot-accent); background: var(--pbot-surface); border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow-y: auto; }
+.pbot-notice[data-tone=error] { border-left-color: var(--pbot-danger); }
+.pbot-notice:empty { display: none; }
+.pbot-stack { display: grid; gap: 16px; }
+.pbot-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.pbot-between { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
+.pbot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
+.pbot-counts { margin: -8px 0 20px !important; }
+.pbot-setting { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border-top: 1px solid var(--pbot-line); }
+.pbot-setting > div { min-width: 0; }
+.pbot-setting h3 { margin-bottom: 8px; }
+.pbot-setting > button { flex-shrink: 0; }
+.pbot-card { padding: 18px; border: 1px solid var(--pbot-line); border-radius: 12px; background: var(--pbot-surface); min-width: 0; }
+.pbot-card > :is(h3, .pbot-between) { margin-bottom: 12px; }
+.pbot-badge { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; color: var(--pbot-muted); background: var(--pbot-bg); padding: 3px 8px; border-radius: 6px; font-size: 12px; font-weight: 500; white-space: nowrap; }
+.pbot-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
+.pbot-badge:is([data-state=busy],[data-state=running],[data-state=starting],[data-state=preparing]) { color: var(--pbot-accent); background: var(--pbot-tint); }
+.pbot-badge:is([data-state=error],[data-state=failed]) { color: var(--pbot-danger); }
+.pbot-badge:is([data-state=ready],[data-state=completed]) { color: var(--dsw-alias-state-success-primary, #26834b); }
+.pbot-badge:is([data-state=paused],[data-state=stopping]) { color: var(--dsw-alias-state-warn-label, #9a6500); }
+.pbot-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 18px; margin: 12px 0; font-size: 13px; }
+.pbot-facts dt { color: var(--pbot-muted); }
+.pbot-facts dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
+.pbot-disclosure { margin: 16px 0; padding: 12px 14px; border: 1px solid var(--pbot-line); border-radius: 10px; }
+.pbot-disclosure > summary { cursor: pointer; font-size: 13px; font-weight: 550; }
+.pbot-disclosure[open] > summary { margin-bottom: 16px; }
+.pbot-disclosure .pbot-disclosure { background: var(--pbot-bg); }
+.pbot-field { display: grid; gap: 6px; margin-bottom: 14px; min-width: 0; font-size: 13px; }
+.pbot-field > span { font-weight: 500; }
+.pbot-field :is(input,textarea,select) { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid var(--pbot-line); border-radius: 7px; background: var(--pbot-surface); line-height: 1.5; }
+.pbot-field input[type=file] { padding: 7px; font-size: 12px; }
+.pbot-field input::file-selector-button { border: 0; padding: 5px 8px; margin-right: 10px; border-radius: 4px; background: var(--pbot-tint); color: var(--pbot-ink); cursor: pointer; }
+.pbot-field textarea { resize: vertical; min-height: 84px; }
+.pbot-field input::placeholder, .pbot-field textarea::placeholder { color: var(--pbot-muted); opacity: .8; }
+.pbot-split { display: grid; grid-template-columns: minmax(180px, 230px) minmax(0, 1fr); gap: 22px; align-items: start; }
+.pbot-list { display: grid; align-content: start; grid-auto-rows: max-content; gap: 6px; max-height: 470px; overflow-y: auto; padding: 3px; }
+.pbot-management .pbot-list-item { display: block; width: 100%; text-align: left; padding: 12px; border: 1px solid transparent; min-width: 0; }
+.pbot-list-item[aria-pressed=true] { background: var(--pbot-tint); border-color: color-mix(in srgb, var(--pbot-accent) 40%, var(--pbot-line)); }
+.pbot-list-item strong { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
+.pbot-list-item .pbot-muted { margin-top: 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+.pbot-empty { padding: 38px 20px; border: 1px dashed var(--pbot-line); border-radius: 12px; text-align: center; display: grid; gap: 8px; }
+.pbot-empty h3 { font-weight: 550; }
+.pbot-empty button { justify-self: center; margin-top: 10px; }
+.pbot-detail { min-width: 0; display: grid; gap: 18px; }
+.pbot-detail-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
+.pbot-prose { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 10px 0; line-height: 1.7; }
+.pbot-raw { font: 12px/1.6 ui-monospace, SFMono-Regular, monospace; max-height: 340px; overflow: auto; }
+.pbot-transcript { margin-top: 14px; }
+.pbot-event { border-left: 2px solid var(--pbot-line); padding: 0 0 0 14px; margin: 18px 0; }
+.pbot-event .pbot-prose { font-size: 13px; }
+.pbot-event .pbot-row, .pbot-message .pbot-row { justify-content: space-between; }
+.pbot-management .pbot-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 12px 0; color: var(--pbot-muted); font-size: 12px; }
+.pbot-pagination button { font-size: 12px; min-height: 30px; padding: 5px 9px; }
+.pbot-message { padding: 16px 0; border-bottom: 1px solid var(--pbot-line); }
+.pbot-message:last-child { border-bottom: 0; }
+.pbot-message .pbot-prose { font-size: 13px; }
+.pbot-search { display: grid; grid-template-columns: minmax(0, 1fr) 130px auto; gap: 12px; align-items: end; }
+.pbot-search .pbot-field { margin: 0; }
+.pbot-search > button { margin-bottom: 2px; }
+.pbot-history-results { display: grid; gap: 10px; margin: 18px 0; }
+.pbot-history-results article { border: 1px solid var(--pbot-line); border-radius: 10px; padding: 16px; }
+.pbot-history-results article[aria-current=true] { border-color: var(--pbot-accent); }
+.pbot-warning { border-left: 3px solid var(--dsw-alias-state-warn-primary, #ab7a15); padding: 8px 12px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
+@media (max-width: 800px) {
+  .pbot-management { width: calc(100vw - 24px); height: calc(100dvh - 32px); border-radius: 12px; }
+  .pbot-shell { grid-template-columns: 1fr; grid-template-rows: auto auto minmax(0, 1fr) auto; }
+  .pbot-nav { flex-direction: row; padding: 8px 14px; border-right: 0; border-bottom: 1px solid var(--pbot-line); }
+  .pbot-nav button { flex: 1; justify-content: center; padding: 8px; }
+  .pbot-nav small { display: none; }
+  .pbot-main { padding: 22px 18px; }
+  .pbot-notice { top: -22px; }
+  .pbot-header { padding: 14px 18px; }
+  .pbot-split { grid-template-columns: minmax(150px, 190px) minmax(0, 1fr); gap: 16px; }
+}
+@media (max-width: 600px) {
+  .pbot-management { width: calc(100vw - 12px); height: calc(100dvh - 16px); }
+  .pbot-grid, .pbot-split { grid-template-columns: minmax(0, 1fr); }
+  .pbot-list { max-height: 215px; }
+  .pbot-search { grid-template-columns: minmax(0, 1fr) 110px; }
+  .pbot-search > button { grid-column: 1 / -1; }
+  .pbot-footer { padding: 8px 14px; }
+  .pbot-location { max-width: 68vw; }
+}
+`;
+
+// src/ui/dsh/management.ts
+function showManagement(ctx, parentSessionId) {
+  const opener = document.activeElement, dialog = element("dialog"), style = element("style");
+  dialog.className = "pbot-management";
+  dialog.setAttribute("aria-label", "Personal Bot \u5DE5\u4F5C\u53F0");
+  style.textContent = managementStyles;
+  const shell = group(dialog, "pbot-shell"), header = element("header", "", "pbot-header");
+  shell.append(header);
+  const heading = group(header, "pbot-header-copy");
+  heading.append(element("div", "Personal Bot", "pbot-brand"));
+  const location = element("p", "\u6B63\u5728\u8BFB\u53D6\u5DE5\u4F5C\u533A\u2026", "pbot-location");
+  heading.append(location);
+  const nav = element("nav", "", "pbot-nav"), main = element("main", "", "pbot-main"), footer = element("footer", "", "pbot-footer");
+  nav.setAttribute("role", "tablist");
+  nav.setAttribute("aria-label", "\u5DE5\u4F5C\u53F0\u5BFC\u822A");
+  const notice = element("div", "", "pbot-notice"), connection = element("span", "\u6B63\u5728\u8FDE\u63A5\u2026");
+  notice.setAttribute("role", "status");
+  main.append(notice);
+  footer.append(connection);
+  shell.append(nav, main, footer);
+  dialog.prepend(style);
+  const lifetime = new AbortController();
+  let closed = false, timer, tab = "status";
+  let snapshot, expertId = "", teamId = "", expertOffset;
+  let snapshotRevision = 0, expertRevision = 0, teamRevision = 0, historyRevision = 0, recordRevision = 0;
+  let expertPageKey = "", teamPageKey = "", pollError = false;
+  const sections = /* @__PURE__ */ new Map(), tabs = /* @__PURE__ */ new Map(), tabCounts = /* @__PURE__ */ new Map();
+  function inform(message, tone = "info") {
+    if (closed) return;
+    notice.textContent = message;
+    notice.dataset.tone = tone;
+    notice.setAttribute("role", tone === "error" ? "alert" : "status");
+  }
+  function enabled(button2, value2) {
+    button2.dataset.unavailable = String(!value2);
+    button2.disabled = !value2 || button2.dataset.busy === "true";
+  }
+  async function attempt(button2, action) {
+    if (button2.dataset.busy === "true") return;
+    button2.dataset.busy = "true";
+    button2.disabled = true;
+    button2.setAttribute("aria-busy", "true");
+    try {
+      await action();
+    } catch (error) {
+      if (!lifetime.signal.aborted) inform(error instanceof Error ? error.message : String(error), "error");
+    } finally {
+      if (!closed) {
+        delete button2.dataset.busy;
+        button2.removeAttribute("aria-busy");
+        button2.disabled = button2.dataset.unavailable === "true";
+      }
+    }
+  }
+  function button(parent, title, action, className = "") {
+    const node = element("button", title, className);
+    node.type = "button";
+    node.addEventListener("click", () => {
+      void attempt(node, action);
+    });
+    parent.append(node);
+    return node;
+  }
+  function submit(form2, title, action) {
+    const node = element("button", title, "pbot-primary");
+    node.type = "submit";
+    form2.append(node);
+    form2.addEventListener("submit", (event) => {
+      event.preventDefault();
+      void attempt(node, action);
+    });
+    return node;
+  }
+  function form(parent) {
+    const node = element("form");
+    parent.append(node);
+    return node;
+  }
+  function activate(id) {
+    tab = id;
+    for (const [key, section2] of sections) section2.hidden = key !== id;
+    for (const [key, item] of tabs) {
+      item.setAttribute("aria-selected", String(key === id));
+      item.tabIndex = key === id ? 0 : -1;
+    }
+    main.scrollTop = 0;
+  }
+  function section(id, title) {
+    const node = element("section");
+    node.hidden = id !== tab;
+    node.id = `pbot-panel-${id}`;
+    node.setAttribute("role", "tabpanel");
+    node.setAttribute("aria-labelledby", `pbot-tab-${id}`);
+    main.append(node);
+    sections.set(id, node);
+    const control = button(nav, title, () => activate(id));
+    control.id = `pbot-tab-${id}`;
+    control.setAttribute("role", "tab");
+    control.setAttribute("aria-controls", node.id);
+    control.setAttribute("aria-selected", String(id === tab));
+    control.tabIndex = id === tab ? 0 : -1;
+    const count = element("small");
+    count.setAttribute("aria-hidden", "true");
+    control.append(count);
+    tabCounts.set(id, count);
+    tabs.set(id, control);
+    return node;
+  }
+  nav.addEventListener("keydown", (event) => {
+    const controls = [...tabs.values()], current = controls.indexOf(document.activeElement);
+    if (current < 0) return;
+    const index = event.key === "Home" ? 0 : event.key === "End" ? controls.length - 1 : ["ArrowRight", "ArrowDown"].includes(event.key) ? (current + 1) % controls.length : ["ArrowLeft", "ArrowUp"].includes(event.key) ? (current + controls.length - 1) % controls.length : -1;
+    if (index < 0) return;
+    event.preventDefault();
+    const id = [...tabs.keys()][index];
+    activate(id);
+    controls[index].focus();
+  });
+  async function query(method, input) {
+    lifetime.signal.throwIfAborted();
+    const result = await ctx.remote.pbot[method](json({ parentSessionId, ...input === void 0 ? {} : { input } }), lifetime.signal);
+    if (!result.ok) throw new Error(result.error.message);
+    lifetime.signal.throwIfAborted();
+    return record(result.value);
+  }
+  async function command(verb, input, message = "\u64CD\u4F5C\u5DF2\u63A5\u7EB3\u3002", attachments = []) {
+    const result = await ctx.remote.commands.execute(parentSessionId, "/pbot " + verb + (input === void 0 ? "" : " " + JSON.stringify(input)), attachments);
+    if (!result.ok) throw new Error(result.error.message + "\uFF1B\u5982\u8FDE\u63A5\u4E2D\u65AD\uFF0C\u8BF7\u5148\u5237\u65B0\u8BB0\u5F55\u786E\u8BA4\u64CD\u4F5C\u662F\u5426\u5DF2\u63A5\u7EB3\u3002");
+    if (!result.value) throw new Error("\u7BA1\u7406\u547D\u4EE4\u672A\u88AB\u63A5\u7EB3\u3002");
+    if (result.value.result.kind === "error") throw new Error(result.value.result.text);
+    inform(message);
+    if (!closed) {
+      try {
+        await refresh();
+      } catch (error) {
+        inform("\u64CD\u4F5C\u5DF2\u63A5\u7EB3\uFF1B\u5237\u65B0\u72B6\u6001\u672A\u6210\u529F\uFF1A" + String(error), "error");
+      }
+    }
+    return result.value.result.text ?? "";
+  }
+  const status = section("status", "\u5DE5\u4F5C\u533A");
+  pageTitle(status, "\u5DE5\u4F5C\u533A", "");
+  const counts = note(""), workspaceInfo = group(status);
+  status.querySelector("header").after(counts);
+  counts.classList.add("pbot-counts");
+  const materials = group(status, "pbot-setting");
+  materials.append(element("h3", "\u8D44\u6599\u76EE\u5F55"));
+  button(materials, "\u51C6\u5907\u76EE\u5F55", async () => {
+    await command("init", void 0, "\u8D44\u6599\u76EE\u5F55\u5DF2\u51C6\u5907\u3002");
+  });
+  const pythonCard = group(status, "pbot-setting"), pythonInfo = group(pythonCard);
+  const pythonButton = button(pythonCard, "\u51C6\u5907 Python", async () => {
+    await command("python setup", void 0, "Python \u51C6\u5907\u5B8C\u6210\u3002");
+  });
+  const diagnostic = details(status, "\u73AF\u5883\u8BE6\u60C5"), statusBody = block("");
+  statusBody.classList.add("pbot-raw");
+  diagnostic.append(statusBody);
+  const experts = section("experts", "\u4E13\u5BB6");
+  pageTitle(experts, "\u4E13\u5BB6", "");
+  const create = details(experts, "\u521B\u5EFA\u4E13\u5BB6"), createForm = form(create), newName = field(createForm, "\u540D\u79F0"), initial = field(createForm, "\u4EFB\u52A1\uFF08\u53EF\u9009\uFF09", true);
+  newName.placeholder = "\u4F8B\u5982\uFF1A\u7814\u7A76\u5458";
+  initial.placeholder = "\u4EFB\u52A1\u76EE\u6807\u4E0E\u4EA4\u4ED8\u8981\u6C42";
+  const options = details(createForm, "\u6A21\u578B\u4E0E\u9009\u9879"), modelFields = group(options, "pbot-grid");
+  options.querySelector("summary").after(note("\u7559\u7A7A\u6CBF\u7528\u5F53\u524D\u4F1A\u8BDD\u3002"));
+  const provider = field(modelFields, "Provider"), model = field(modelFields, "\u6A21\u578B");
+  const effort = field(options, "Reasoning effort"), cwd = field(options, "\u5DE5\u4F5C\u76EE\u5F55");
+  const files = field(options, "\u6587\u4EF6\u8DEF\u5F84\uFF08\u6BCF\u884C\u4E00\u4E2A\uFF09", true);
+  const advanced = field(details(options, "\u5176\u4ED6\u9009\u9879"), "JSON", true, "{}");
+  submit(createForm, "\u521B\u5EFA", async () => {
+    const args = {
+      ...objectInput(advanced.value),
+      action: "start",
+      ...newName.value ? { name: newName.value } : {},
+      ...initial.value ? { message: initial.value } : {},
+      ...provider.value ? { provider: provider.value } : {},
+      ...model.value ? { model: model.value } : {},
+      ...effort.value ? { thinking: effort.value } : {},
+      ...cwd.value ? { cwd: cwd.value } : {},
+      ...lines(files.value).length ? { files: lines(files.value) } : {}
+    };
+    const output = objectInput(await command("agent", args, "\u4E13\u5BB6\u5DF2\u521B\u5EFA\u3002"));
+    if (initial.value === (args.message ?? "")) initial.value = "";
+    create.open = false;
+    await chooseExpert(text(output.agentId));
+  });
+  const expertSplit = group(experts, "pbot-split"), expertAside = group(expertSplit), expertFilter = field(expertAside, "\u7B5B\u9009\u4E13\u5BB6");
+  expertFilter.placeholder = "\u540D\u79F0\u6216\u72B6\u6001";
+  const expertList = group(expertAside, "pbot-list");
+  expertList.setAttribute("aria-label", "\u4E13\u5BB6\u5217\u8868");
+  const expertDetail = group(expertSplit, "pbot-detail"), expertEmpty = empty("\u9009\u62E9\u4E13\u5BB6", "\u67E5\u770B\u8BB0\u5F55\u6216\u53D1\u9001\u6D88\u606F\u3002");
+  expertDetail.append(expertEmpty);
+  const expertPanel = group(expertDetail);
+  expertPanel.hidden = true;
+  const expertHeading = group(expertPanel, "pbot-detail-title"), expertTitle = element("h3"), expertBadge = element("span");
+  expertHeading.append(expertTitle, expertBadge);
+  const expertInfo = group(expertPanel), expertError = element("p", "", "pbot-warning");
+  expertPanel.append(expertError);
+  expertError.hidden = true;
+  const expertControls = group(expertPanel, "pbot-row"), requireExpert = () => {
+    if (!expertId) throw new Error("\u8BF7\u5148\u9009\u62E9\u4E13\u5BB6\u3002");
+    return expertId;
+  };
+  const stopButton = button(expertControls, "\u505C\u6B62\u4E13\u5BB6", async () => {
+    await command("agent", { action: "stop", agentId: requireExpert() }, "\u5DF2\u8BF7\u6C42\u505C\u6B62\u4E13\u5BB6\u3002");
+    await loadExpert();
+  }, "pbot-danger");
+  const editExpert = details(expertPanel, "\u540D\u79F0\u4E0E\u4F1A\u8BDD\u8BE6\u60C5"), renameForm = form(editExpert), rename = field(renameForm, "\u65B0\u540D\u79F0");
+  rename.required = true;
+  submit(renameForm, "\u91CD\u547D\u540D", async () => {
+    await command("agent", { action: "rename", agentId: requireExpert(), name: rename.value }, "\u4E13\u5BB6\u540D\u79F0\u5DF2\u66F4\u65B0\u3002");
+    await loadExpert();
+  });
+  const expertState = block("");
+  expertState.classList.add("pbot-raw");
+  editExpert.append(expertState);
+  const resume = details(expertPanel, "\u6062\u590D\u4E13\u5BB6"), resumeForm = form(resume), resumeText = field(resumeForm, "\u65B0\u4EFB\u52A1", true);
+  resumeText.required = true;
+  const resumeButton = submit(resumeForm, "\u6062\u590D\u5E76\u53D1\u9001\u65B0\u4EFB\u52A1", async () => {
+    const message = resumeText.value;
+    await command("agent", { action: "resume", agentId: requireExpert(), message }, "\u4E13\u5BB6\u5DF2\u6062\u590D\uFF0C\u65B0\u4EFB\u52A1\u5DF2\u6392\u961F\u3002");
+    if (resumeText.value === message) resumeText.value = "";
+    await loadExpert();
+  });
+  const chatCard = group(expertPanel, "pbot-card");
+  chatCard.append(element("h3", "\u4EBA\u5DE5\u5BF9\u8BDD"), note("\u53D1\u9001\u524D\u6682\u505C\u56E2\u961F\u65B0\u5B89\u6392\u3002"));
+  const chatForm = form(chatCard), chat = field(chatForm, "\u6D88\u606F", true);
+  chat.maxLength = 24e3;
+  chat.placeholder = "\u8865\u5145\u8D44\u6599\u3001\u8C03\u6574\u65B9\u5411\uFF0C\u6216\u63D0\u51FA\u65B0\u95EE\u9898\u2026";
+  const delivery = select(chatForm, "\u6295\u9012\u65F6\u673A", [["steer", "\u4E0B\u4E00\u4E2A\u5B89\u5168\u6B65\u9AA4"], ["followUp", "\u4E0B\u4E00\u8F6E"]]);
+  const localFiles = field(chatForm, "\u9644\u4EF6");
+  localFiles.type = "file";
+  localFiles.multiple = true;
+  const chatFiles = field(details(chatForm, "\u670D\u52A1\u5668\u6587\u4EF6"), "\u8DEF\u5F84\uFF08\u6BCF\u884C\u4E00\u4E2A\uFF09", true);
+  const expertDrafts = /* @__PURE__ */ new Map();
+  function clearSentDraft(id, input, paths, chosen) {
+    const draft = expertDrafts.get(id);
+    if (draft) {
+      if (draft.text === input.text) draft.text = "";
+      if (draft.paths === paths) draft.paths = "";
+      if (draft.files.length === chosen.length && draft.files.every((file, index) => file === chosen[index])) draft.files = [];
+    }
+  }
+  const sendButton = submit(chatForm, "\u53D1\u9001\u4EBA\u5DE5\u6D88\u606F", async () => {
+    const id = requireExpert(), fileText = chatFiles.value, files2 = lines(fileText), chosen = Array.from(localFiles.files ?? []);
+    if (files2.length && chosen.length) throw new Error("\u4E00\u6B21\u5BF9\u8BDD\u8BF7\u9009\u62E9\u670D\u52A1\u5668\u6587\u4EF6\u6216\u672C\u673A\u9644\u4EF6\uFF0C\u4E0D\u80FD\u540C\u65F6\u4F7F\u7528\u3002");
+    if (!chat.value.trim() && !files2.length && !chosen.length) {
+      chat.focus();
+      throw new Error("\u8BF7\u8F93\u5165\u6D88\u606F\u6216\u6DFB\u52A0\u9644\u4EF6\u3002");
+    }
+    const input = { agentId: id, text: chat.value, delivery: delivery.value, files: files2 };
+    const attachments = await commandAttachments(ctx, parentSessionId, chosen, lifetime.signal, inform);
+    lifetime.signal.throwIfAborted();
+    await command("chat", input, "\u6D88\u606F\u5DF2\u6392\u961F\uFF0C\u4E13\u5BB6\u4F1A\u5728\u6240\u9009\u65F6\u673A\u63A5\u6536\u3002", attachments);
+    clearSentDraft(id, input, fileText, chosen);
+    if (expertId === id) {
+      if (chat.value === input.text) chat.value = "";
+      if (chatFiles.value === fileText) chatFiles.value = "";
+      const current = Array.from(localFiles.files ?? []);
+      if (current.length === chosen.length && current.every((file, index) => file === chosen[index])) localFiles.value = "";
+      await loadExpert();
+    }
+  });
+  const transcript = group(expertPanel, "pbot-transcript");
+  transcript.append(element("h3", "\u5BF9\u8BDD\u4E0E\u6D3B\u52A8"));
+  const recordControls = group(transcript, "pbot-pagination"), eventList = group(transcript), rawEvents = details(transcript, "\u5168\u90E8\u539F\u751F\u4E8B\u4EF6"), rawEventList = group(rawEvents);
+  const eventDetail = details(transcript, "\u5B8C\u6574\u8BB0\u5F55"), eventBody = block(""), eventPaging = element("div", "", "pbot-pagination");
+  eventDetail.append(eventBody, eventPaging);
+  eventDetail.hidden = true;
+  async function chooseExpert(id) {
+    if (id !== expertId) {
+      if (expertId) expertDrafts.set(expertId, { text: chat.value, delivery: delivery.value, paths: chatFiles.value, files: Array.from(localFiles.files ?? []) });
+      const draft = expertDrafts.get(id);
+      chat.value = draft?.text ?? "";
+      delivery.value = draft?.delivery ?? "steer";
+      chatFiles.value = draft?.paths ?? "";
+      const transfer = new DataTransfer();
+      for (const file of draft?.files ?? []) transfer.items.add(file);
+      localFiles.files = transfer.files;
+      rename.value = "";
+      resumeText.value = "";
+    }
+    expertId = id;
+    expertOffset = void 0;
+    expertPageKey = "";
+    ++recordRevision;
+    ++expertRevision;
+    eventBody.textContent = "";
+    eventDetail.hidden = true;
+    eventPaging.replaceChildren();
+    expertPanel.hidden = true;
+    expertEmpty.hidden = false;
+    expertEmpty.replaceChildren(note("\u6B63\u5728\u8BFB\u53D6\u4E13\u5BB6\u8BB0\u5F55\u2026"));
+    renderLists();
+    await loadExpert();
+  }
+  function showExpert(agent) {
+    expertTitle.textContent = text(agent.name);
+    expertBadge.replaceChildren(badge(agent.state));
+    expertPanel.hidden = false;
+    expertEmpty.hidden = true;
+    const config = object(agent.options) ? agent.options : {};
+    expertInfo.replaceChildren(note(text(agent.activity) || "\u7B49\u5F85\u65B0\u7684\u4EFB\u52A1\u3002"), facts([["\u6A21\u578B", config.model || "\u7EE7\u627F\u7236\u4F1A\u8BDD"], ["\u5DE5\u4F5C\u76EE\u5F55", agent.cwd]]));
+    expertState.textContent = JSON.stringify(agent, null, 2);
+    expertError.textContent = text(agent.error);
+    expertError.hidden = !agent.error;
+    const alive = agent.alive === true, owned = agent.owned === true;
+    enabled(stopButton, owned && alive && agent.state !== "stopping");
+    enabled(sendButton, owned && alive && !["starting", "stopping"].includes(text(agent.state)));
+    enabled(resumeButton, owned && !alive);
+    resume.hidden = alive;
+  }
+  async function loadRecord(seq, offset = 0, format = "text") {
+    const revision = ++recordRevision, id = requireExpert(), data = await query("expert", { agentId: id, seq, textOffset: offset, format });
+    if (id !== expertId || revision !== recordRevision) return;
+    eventDetail.hidden = false;
+    eventDetail.open = true;
+    eventBody.textContent = text(data.text);
+    eventBody.classList.toggle("pbot-raw", format === "json");
+    eventPaging.replaceChildren(element("span", `\u8BB0\u5F55 ${seq} \xB7 ${offset + 1}\u2013${offset + text(data.text).length} / ${data.totalLength}`));
+    button(eventPaging, format === "text" ? "\u67E5\u770B\u539F\u59CB\u4E8B\u4EF6" : "\u67E5\u770B\u6B63\u6587", () => loadRecord(seq, 0, format === "text" ? "json" : "text"));
+    if (offset) button(eventPaging, "\u4ECE\u5934\u8BFB\u53D6", () => loadRecord(seq, 0, format));
+    if (typeof data.nextOffset === "number") button(eventPaging, "\u7EE7\u7EED\u8BFB\u53D6", () => loadRecord(seq, data.nextOffset, format));
+  }
+  async function loadExpert() {
+    if (!expertId) return;
+    const revision = ++expertRevision, id = expertId, data = await query("expert", { agentId: id, ...expertOffset === void 0 ? {} : { offset: expertOffset } });
+    if (id !== expertId || revision !== expertRevision) return;
+    showExpert(record(data.agent));
+    const actualOffset = Number(data.offset), key = `${id}:${data.cursor}:${actualOffset}`;
+    if (key === expertPageKey) return;
+    expertPageKey = key;
+    recordControls.replaceChildren();
+    button(recordControls, "\u6700\u65B0\u8BB0\u5F55", async () => {
+      expertOffset = void 0;
+      await loadExpert();
+    });
+    if (actualOffset > 0) button(recordControls, "\u4E0A\u4E00\u9875", async () => {
+      expertOffset = Math.max(0, actualOffset - 30);
+      await loadExpert();
+    });
+    if (typeof data.nextOffset === "number") button(recordControls, "\u4E0B\u4E00\u9875", async () => {
+      expertOffset = data.nextOffset;
+      await loadExpert();
+    });
+    recordControls.append(element("span", `${data.total} \u6761\u8BB0\u5F55 \xB7 \u4ECE ${actualOffset + 1} \u5F00\u59CB`));
+    const expanded = new Set(Array.from(rawEventList.querySelectorAll("details[open]")).map((item) => item.dataset.seq));
+    eventList.replaceChildren();
+    rawEventList.replaceChildren();
+    const labels = { "user/message": "\u8F93\u5165", "assistant/message": "\u4E13\u5BB6\u56DE\u590D", "tool/result": "\u5DE5\u5177\u7ED3\u679C", "turn/end": "\u672C\u8F6E\u7ED3\u675F" };
+    for (const event of rows(data.events)) {
+      const seq = Number(event.seq), label = event.type === "user/message" ? event.source === "user" ? "\u8F93\u5165" : event.source === "pbot-input" ? "\u4EFB\u52A1" : void 0 : labels[text(event.type)];
+      if (label && text(event.preview)) {
+        const item2 = element("article", "", "pbot-event"), meta = group(item2, "pbot-row");
+        meta.append(element("h4", label), note(time(event.time)));
+        item2.append(block(event.preview));
+        button(item2, "\u9605\u8BFB\u5168\u6587", () => loadRecord(seq), "pbot-quiet");
+        eventList.append(item2);
+      }
+      const item = details(rawEventList, `${seq} \xB7 ${event.type} \xB7 ${time(event.time)}`);
+      item.dataset.seq = text(seq);
+      item.open = expanded.has(text(seq));
+      item.append(block(event.preview));
+      button(item, "\u8BFB\u53D6\u4E8B\u4EF6", () => loadRecord(seq, 0, "json"));
+    }
+    if (!eventList.childElementCount) eventList.append(empty("\u8FD8\u6CA1\u6709\u5BF9\u8BDD\u5185\u5BB9", "\u53D1\u9001\u4EFB\u52A1\u540E\uFF0C\u53EF\u5728\u8FD9\u91CC\u67E5\u770B\u4E13\u5BB6\u7684\u56DE\u590D\u4E0E\u5DE5\u5177\u7ED3\u679C\u3002"));
+  }
+  const teams = section("teams", "\u56E2\u961F");
+  pageTitle(teams, "\u56E2\u961F", "");
+  const createTeam = details(teams, "\u521B\u5EFA\u56E2\u961F"), teamForm = form(createTeam), teamName = field(teamForm, "\u56E2\u961F\u540D\u79F0"), brief = field(teamForm, "\u5171\u540C\u76EE\u6807", true);
+  teamName.required = true;
+  brief.required = true;
+  teamName.placeholder = "\u4F8B\u5982\uFF1A\u6295\u8D44\u7814\u7A76\u5C0F\u7EC4";
+  teamForm.append(note("\u4E3A\u6210\u5458\u586B\u5199\u804C\u8D23\uFF0C\u7559\u7A7A\u5219\u4E0D\u52A0\u5165\u3002"));
+  const memberFields = group(teamForm);
+  submit(teamForm, "\u521B\u5EFA\u56E2\u961F", async () => {
+    const members = Array.from(memberFields.querySelectorAll("input[data-agent-id]")).filter((input) => input.value.trim()).map((input) => ({ agentId: input.dataset.agentId, role: input.value }));
+    const value2 = objectInput(await command("team", { action: "create", name: teamName.value, brief: brief.value, members }, "\u56E2\u961F\u5DF2\u521B\u5EFA\uFF0C\u53EF\u4EE5\u5B89\u6392\u9996\u4E2A\u6279\u6B21\u3002"));
+    createTeam.open = false;
+    await chooseTeam(text(value2.teamId));
+  });
+  const teamSplit = group(teams, "pbot-split"), teamList = group(teamSplit, "pbot-list"), teamDetail = group(teamSplit, "pbot-detail");
+  teamList.setAttribute("aria-label", "\u56E2\u961F\u5217\u8868");
+  const teamEmpty = empty("\u9009\u62E9\u56E2\u961F", "\u67E5\u770B\u8FDB\u5C55\u4E0E\u516C\u5171\u6D88\u606F\u3002"), teamPanel = group(teamDetail);
+  teamDetail.prepend(teamEmpty);
+  teamPanel.hidden = true;
+  const teamHeading = group(teamPanel, "pbot-detail-title"), teamTitle = element("h3"), teamBadge = element("span");
+  teamHeading.append(teamTitle, teamBadge);
+  const teamInfo = group(teamPanel), teamState = block("");
+  teamState.classList.add("pbot-raw");
+  const teamControls = group(teamPanel, "pbot-row"), requireTeam = () => {
+    if (!teamId) throw new Error("\u8BF7\u5148\u9009\u62E9\u56E2\u961F\u3002");
+    return teamId;
+  };
+  const pauseButton = button(teamControls, "\u6682\u505C\u65B0\u5B89\u6392", async () => {
+    await command("team", { action: "pause", teamId: requireTeam() }, "\u5DF2\u6682\u505C\u65B0\u5B89\u6392\uFF1B\u5728\u9014\u4EFB\u52A1\u4ECD\u53EF\u80FD\u5B8C\u6210\u3002");
+    await loadTeam();
+  });
+  const teamConfig = details(teamPanel, "\u6210\u5458\u4E0E\u56E2\u961F\u8BE6\u60C5");
+  teamConfig.append(teamState);
+  const closeTeamButton = button(teamConfig, "\u5173\u95ED\u56E2\u961F", async () => {
+    await command("team", { action: "close", teamId: requireTeam() }, "\u56E2\u961F\u5DF2\u5173\u95ED\uFF0C\u6210\u5458\u4E13\u5BB6\u4ECD\u53EF\u72EC\u7ACB\u4F7F\u7528\u3002");
+    await loadTeam();
+  }, "pbot-danger");
+  const batch = details(teamPanel, "\u65B0\u6279\u6B21"), batchForm = form(batch), instruction = field(batchForm, "\u4EFB\u52A1\u4E0E\u4EA4\u4ED8\u8981\u6C42", true);
+  instruction.required = true;
+  const batchOptions = group(batchForm, "pbot-grid"), mode = select(batchOptions, "\u8BA8\u8BBA\u6A21\u5F0F", [["roundRobin", "\u8F6E\u6D41\u8BA8\u8BBA"], ["parallel", "\u5E76\u884C\u8F6E\u6B21"]]);
+  const rounds = field(batchOptions, "\u6BCF\u4F4D\u6210\u5458\u8F6E\u6570", false, "2"), concurrency = field(batchOptions, "\u5E76\u53D1\u4E0A\u9650", false, "1"), timeout = field(batchOptions, "\u6574\u6279\u671F\u9650\uFF08\u79D2\uFF09", false, "900");
+  for (const [input, max] of [[rounds, 10], [concurrency, 50], [timeout, 86400]]) {
+    input.setAttribute("type", "number");
+    input.setAttribute("min", "1");
+    input.setAttribute("max", text(max));
+    input.required = true;
+  }
+  const runButton = submit(batchForm, "\u5F00\u59CB\u65B0\u6279\u6B21", async () => {
+    await command("team", {
+      action: "run",
+      teamId: requireTeam(),
+      instruction: instruction.value,
+      mode: mode.value,
+      rounds: Number(rounds.value),
+      maxConcurrent: Number(concurrency.value),
+      timeoutSeconds: Number(timeout.value)
+    }, "\u65B0\u6279\u6B21\u5DF2\u5F00\u59CB\u3002");
+    await loadTeam();
+  });
+  const publicCard = group(teamPanel, "pbot-card");
+  const postForm = form(publicCard), post = field(postForm, "\u516C\u5171\u6D88\u606F", true);
+  post.required = true;
+  const replyTo = field(details(postForm, "\u56DE\u590D\u6D88\u606F"), "\u56DE\u590D\u5E8F\u53F7");
+  replyTo.setAttribute("type", "number");
+  replyTo.setAttribute("min", "1");
+  const postButton = submit(postForm, "\u53D1\u5E03\u516C\u5171\u6D88\u606F", async () => {
+    const id = requireTeam(), message = post.value;
+    await command("post", { teamId: id, text: message, ...replyTo.value ? { replyTo: Number(replyTo.value) } : {} }, "\u516C\u5171\u6D88\u606F\u5DF2\u53D1\u5E03\u3002");
+    if (teamId === id && post.value === message) post.value = "";
+    const draft = teamDrafts.get(id);
+    if (draft?.text === message) draft.text = "";
+    await loadTeam();
+  });
+  const teamMessages = group(teamPanel), teamPaging = group(teamPanel, "pbot-pagination");
+  let teamAfter = 0, teamPage = { afterSeq: 0 };
+  const teamDrafts = /* @__PURE__ */ new Map();
+  async function chooseTeam(id) {
+    if (id !== teamId) {
+      if (teamId) teamDrafts.set(teamId, { text: post.value, reply: replyTo.value, instruction: instruction.value, mode: mode.value, rounds: rounds.value, concurrency: concurrency.value, timeout: timeout.value });
+      const draft = teamDrafts.get(id);
+      post.value = draft?.text ?? "";
+      replyTo.value = draft?.reply ?? "";
+      instruction.value = draft?.instruction ?? "";
+      mode.value = draft?.mode ?? "roundRobin";
+      rounds.value = draft?.rounds ?? "2";
+      concurrency.value = draft?.concurrency ?? "1";
+      timeout.value = draft?.timeout ?? "900";
+    }
+    teamId = id;
+    teamAfter = 0;
+    teamPageKey = "";
+    ++teamRevision;
+    teamPanel.hidden = true;
+    teamEmpty.hidden = false;
+    teamEmpty.replaceChildren(note("\u6B63\u5728\u8BFB\u53D6\u56E2\u961F\u8BB0\u5F55\u2026"));
+    renderLists();
+    await loadTeam({ afterSeq: 0 });
+  }
+  async function loadTeam(nextPage) {
+    if (!teamId) return;
+    if (nextPage) teamPage = nextPage;
+    const page = teamPage, id = teamId;
+    const revision = ++teamRevision, data = await query("team", { teamId: id, ...page });
+    if (id !== teamId || revision !== teamRevision) return;
+    const team = record(data.team), messages = record(data.page), run = object(team.run) ? team.run : void 0;
+    teamPanel.hidden = false;
+    teamEmpty.hidden = true;
+    teamTitle.textContent = text(team.name);
+    teamBadge.replaceChildren(badge(team.closed ? "closed" : run?.state ?? "open"));
+    teamInfo.replaceChildren(block(team.brief), facts([
+      ["\u6210\u5458", rows(team.members).map((member) => `${member.name} \xB7 ${member.role}`).join("\n")],
+      ["\u6279\u6B21\u8FDB\u5C55", run ? `\u5DF2\u5B89\u6392 ${run.scheduled} \xB7 \u5DF2\u4EA4\u4ED8 ${run.published} \xB7 \u5728\u9014 ${team.activeCount}` : "\u5C1A\u672A\u5F00\u59CB"],
+      ...run?.reason ? [["\u6682\u505C\u539F\u56E0", run.reason]] : []
+    ]));
+    teamState.textContent = JSON.stringify(team, null, 2);
+    enabled(pauseButton, !team.closed && run?.state === "running");
+    enabled(closeTeamButton, !team.closed);
+    enabled(runButton, !team.closed && run?.state !== "running" && Number(team.activeCount) === 0);
+    enabled(postButton, !team.closed);
+    const key = JSON.stringify([id, page, messages]);
+    if (key === teamPageKey) return;
+    teamPageKey = key;
+    teamMessages.replaceChildren();
+    teamPaging.replaceChildren();
+    for (const message of rows(messages.messages)) {
+      const author = record(message.author), item = element("article", "", "pbot-message"), meta = group(item, "pbot-row");
+      meta.append(element("h4", text(author.name)), note(`#${message.seq}${message.replyTo ? ` \xB7 \u56DE\u590D #${message.replyTo}` : ""}`));
+      item.append(block(message.text));
+      if (typeof message.nextOffset === "number") button(item, "\u7EE7\u7EED\u8BFB\u53D6\u8FD9\u6761\u6D88\u606F", () => loadTeam({ seq: message.seq, offset: message.nextOffset }), "pbot-quiet");
+      teamMessages.append(item);
+    }
+    if (!teamMessages.childElementCount) teamMessages.append(empty("\u8FD8\u6CA1\u6709\u516C\u5171\u6D88\u606F", "\u53D1\u5E03\u8D44\u6599\u6216\u5F00\u542F\u6279\u6B21\u540E\uFF0C\u6210\u5458\u4F1A\u5728\u8FD9\u91CC\u5171\u4EAB\u7ED3\u679C\u3002"));
+    button(teamPaging, "\u4ECE\u7B2C\u4E00\u6761\u8BFB\u53D6", async () => {
+      teamAfter = 0;
+      await loadTeam({ afterSeq: 0 });
+    });
+    if (typeof messages.nextAfterSeq === "number") button(teamPaging, "\u540E\u7EED\u6D88\u606F", async () => {
+      teamAfter = messages.nextAfterSeq;
+      await loadTeam({ afterSeq: teamAfter });
+    });
+    if (page.seq !== void 0) button(teamPaging, "\u8FD4\u56DE\u6D88\u606F\u5217\u8868", () => loadTeam({ afterSeq: teamAfter }));
+  }
+  const history = section("history", "\u5386\u53F2");
+  pageTitle(history, "\u5386\u53F2", "");
+  const searchForm = form(history);
+  searchForm.className = "pbot-search";
+  const historyQuery = field(searchForm, "\u5173\u952E\u8BCD"), host = select(searchForm, "\u6765\u6E90", [["", "\u5168\u90E8"], ["pi", "Pi"], ["dsh", "dsh"]]);
+  historyQuery.placeholder = "\u7559\u7A7A\u67E5\u770B\u6700\u8FD1\u4F1A\u8BDD";
+  submit(searchForm, "\u67E5\u8BE2", () => searchHistory());
+  const dateFilters = details(history, "\u65F6\u95F4\u8303\u56F4"), dateGrid = group(dateFilters, "pbot-grid");
+  const historyFrom = field(dateGrid, "\u5F00\u59CB\u65F6\u95F4"), historyTo = field(dateGrid, "\u7ED3\u675F\u65F6\u95F4");
+  for (const input of [historyFrom, historyTo]) input.type = "datetime-local";
+  const historyBody = group(history, "pbot-history-results"), historyPaging = group(history, "pbot-pagination"), historyNode = group(history, "pbot-card");
+  historyNode.hidden = true;
+  historyBody.append(empty("\u67E5\u8BE2\u5386\u53F2", "\u8F93\u5165\u5173\u952E\u8BCD\uFF0C\u6216\u7559\u7A7A\u67E5\u770B\u6700\u8FD1\u4F1A\u8BDD\u3002"));
+  let historySearch = {};
+  function warnings(parent, values) {
+    if (Array.isArray(values)) {
+      for (const warning of values) if (warning) parent.append(element("p", text(warning), "pbot-warning"));
+    }
+  }
+  async function searchHistory(offset = 0, keepFilters = false) {
+    if (!keepFilters) historySearch = {
+      query: historyQuery.value,
+      ...host.value ? { host: host.value } : {},
+      ...historyFrom.value ? { from: new Date(historyFrom.value).toISOString() } : {},
+      ...historyTo.value ? { to: new Date(historyTo.value).toISOString() } : {}
+    };
+    const revision = ++historyRevision, data = await query("history", { action: "search", ...historySearch, offset });
+    if (revision !== historyRevision) return;
+    historyNode.hidden = true;
+    historyBody.replaceChildren(note(`\u5171 ${data.total} \u9879`));
+    warnings(historyBody, data.warnings);
+    historyPaging.replaceChildren();
+    for (const match of rows(data.matches)) {
+      const item = element("article"), meta = group(item, "pbot-between");
+      item.dataset.id = text(match.id);
+      item.dataset.host = text(match.host);
+      meta.append(element("h4", text(match.name)), element("span", text(match.host), "pbot-badge"));
+      item.append(note(`${time(match.from)} \xB7 ${match.kind === "session" ? "\u4F1A\u8BDD" : match.kind === "summary" ? "\u6458\u8981" : "\u95EE\u7B54"}`), block(match.snippet || match.preview));
+      button(item, "\u8BFB\u53D6", () => readHistory(text(match.id), text(match.host)), "pbot-quiet");
+      historyBody.append(item);
+    }
+    if (!rows(data.matches).length) historyBody.append(empty("\u6CA1\u6709\u627E\u5230\u5339\u914D\u5185\u5BB9", "\u8BD5\u8BD5\u66F4\u77ED\u7684\u5173\u952E\u8BCD\uFF0C\u6216\u8C03\u6574\u6765\u6E90\u548C\u65F6\u95F4\u8303\u56F4\u3002"));
+    if (offset) button(historyPaging, "\u4E0A\u4E00\u9875", () => searchHistory(Math.max(0, offset - 20), true));
+    if (typeof data.nextOffset === "number") button(historyPaging, "\u4E0B\u4E00\u9875", () => searchHistory(data.nextOffset, true));
+  }
+  async function readHistory(id, source, offset = 0, childrenOffset = 0) {
+    const revision = ++historyRevision, data = await query("history", { action: "read", id, host: source, offset, childrenOffset });
+    if (revision !== historyRevision) return;
+    const node = record(data.node);
+    historyNode.hidden = false;
+    historyNode.replaceChildren(
+      element("h3", text(node.name)),
+      note(`${text(node.host)} \xB7 ${time(node.from)} \xB7 ${node.completed ? "\u539F\u4EA4\u4E92\u5DF2\u5B8C\u6210" : "\u539F\u4EA4\u4E92\u672A\u786E\u8BA4\u5B8C\u6210"}`),
+      block(node.text || "\u6458\u8981\u5C1A\u672A\u751F\u6210\uFF0C\u53EF\u5C55\u5F00\u4E0B\u7EA7\u8BB0\u5F55\u9605\u8BFB\u539F\u6587\u3002")
+    );
+    warnings(historyNode, data.warnings);
+    for (const item of historyBody.querySelectorAll("article")) item.setAttribute("aria-current", String(item.dataset.id === id && item.dataset.host === source));
+    const paging = group(historyNode, "pbot-pagination");
+    if (offset) button(paging, "\u6B63\u6587\u5F00\u5934", () => readHistory(id, source, 0, childrenOffset));
+    if (typeof node.nextOffset === "number") button(paging, "\u7EE7\u7EED\u6B63\u6587", () => readHistory(id, source, node.nextOffset, childrenOffset));
+    for (const [label, values] of [["\u4E0A\u7EA7\u6458\u8981", node.parents], ["\u4E0B\u7EA7\u8BB0\u5F55", node.children]]) {
+      if (!rows(values).length) continue;
+      const related = group(historyNode, "pbot-stack");
+      related.append(element("h4", label));
+      for (const item of rows(values)) button(related, text(item.preview || item.name), () => readHistory(text(item.id), text(item.host)), "pbot-quiet");
+    }
+    if (childrenOffset) button(paging, "\u9996\u6279\u4E0B\u7EA7", () => readHistory(id, source, offset));
+    if (typeof node.nextChildrenOffset === "number") button(paging, "\u66F4\u591A\u4E0B\u7EA7", () => readHistory(id, source, offset, node.nextChildrenOffset));
+    const provenance = block(node.source);
+    provenance.classList.add("pbot-raw");
+    details(historyNode, "\u539F\u59CB\u6765\u6E90\u4F4D\u7F6E").append(provenance);
+    historyNode.scrollIntoView({ block: "start" });
+  }
+  const expertButtons = /* @__PURE__ */ new Map(), teamButtons = /* @__PURE__ */ new Map();
+  function syncList(container, buttons, values, kind) {
+    const ids = new Set(values.map((value2) => text(value2[kind + "Id"])));
+    for (const [id, node] of buttons) if (!ids.has(id)) {
+      node.remove();
+      buttons.delete(id);
+    }
+    container.querySelector(":scope > .pbot-empty")?.remove();
+    for (const value2 of values) {
+      const id = text(value2[kind + "Id"]), state = kind === "agent" ? value2.state : value2.closed ? "closed" : object(value2.run) ? value2.run.state : "open";
+      let node = buttons.get(id);
+      if (!node) {
+        node = button(container, "", () => kind === "agent" ? chooseExpert(id) : chooseTeam(id), "pbot-list-item");
+        buttons.set(id, node);
+      }
+      node.setAttribute("aria-label", text(value2.name));
+      node.setAttribute("aria-pressed", String(id === (kind === "agent" ? expertId : teamId)));
+      const signature = JSON.stringify([value2.name, state, value2.activity, value2.brief]);
+      if (node.dataset.content !== signature) {
+        node.dataset.content = signature;
+        node.replaceChildren();
+        const row = group(node, "pbot-between");
+        row.append(element("strong", text(value2.name)), badge(state));
+        if (kind === "team" || !["idle", "stopped"].includes(text(state))) node.append(note(text(kind === "agent" ? value2.activity : value2.brief)));
+      }
+      node.hidden = kind === "agent" && !`${value2.name} ${stateLabel(state)}`.toLowerCase().includes(expertFilter.value.trim().toLowerCase());
+    }
+    if (!values.length || [...buttons.values()].every((node) => node.hidden)) {
+      container.append(empty(values.length ? "\u6CA1\u6709\u5339\u914D\u7684\u4E13\u5BB6" : kind === "agent" ? "\u8FD8\u6CA1\u6709\u4E13\u5BB6" : "\u8FD8\u6CA1\u6709\u56E2\u961F", values.length ? "\u8C03\u6574\u540D\u79F0\u6216\u72B6\u6001\u5173\u952E\u8BCD\u3002" : kind === "agent" ? "\u5C55\u5F00\u4E0A\u65B9\u201C\u521B\u5EFA\u4E13\u5BB6\u201D\u5F00\u59CB\u3002" : "\u5148\u521B\u5EFA\u4E13\u5BB6\uFF0C\u518D\u4E3A\u6210\u5458\u5206\u914D\u804C\u8D23\u3002"));
+    }
+  }
+  function renderLists() {
+    if (!snapshot) return;
+    syncList(expertList, expertButtons, rows(snapshot.agents), "agent");
+    syncList(teamList, teamButtons, rows(snapshot.teams), "team");
+  }
+  expertFilter.addEventListener("input", renderLists);
+  function renderSnapshot() {
+    if (!snapshot) return;
+    location.textContent = text(snapshot.workspaceRoot).split(/[\\/]/).filter(Boolean).at(-1) ?? "";
+    location.title = text(snapshot.workspaceRoot);
+    const agents = rows(snapshot.agents), teams2 = rows(snapshot.teams), python = record(snapshot.python), history2 = record(snapshot.history);
+    tabCounts.get("experts").textContent = text(agents.length);
+    tabCounts.get("teams").textContent = text(teams2.length);
+    const active = agents.filter((agent) => ["starting", "busy", "stopping"].includes(text(agent.state))).length;
+    counts.textContent = `\u4E13\u5BB6 ${agents.length} \xB7 \u6267\u884C\u4E2D ${active} \xB7 \u56E2\u961F ${teams2.length}`;
+    const model2 = object(snapshot.model) ? snapshot.model : {};
+    workspaceInfo.replaceChildren(facts([
+      ["\u5DE5\u4F5C\u533A", snapshot.workspaceRoot],
+      ["\u6A21\u578B", model2.model || "\u5C1A\u672A\u9009\u62E9"],
+      ["Provider", model2.provider || "\u2014"],
+      ["\u5386\u53F2", history2.organizing ? "\u6574\u7406\u4E2D" : history2.pending === null ? "\u67E5\u8BE2\u65F6\u66F4\u65B0\u7D22\u5F15" : `${history2.pending} \u9879\u5F85\u6574\u7406`]
+    ]));
+    pythonInfo.replaceChildren(element("h3", "Python"), badge(python.state));
+    if (python.error) pythonInfo.append(element("p", text(python.error), "pbot-warning"));
+    enabled(pythonButton, python.state !== "preparing");
+    const { agents: _agents, teams: _teams, ...summary } = snapshot;
+    statusBody.textContent = JSON.stringify(summary, null, 2);
+    if (snapshot.controlError) inform(text(snapshot.controlError), "error");
+    renderLists();
+    const owned = agents.filter((value2) => value2.owned), ids = new Set(owned.map((agent) => text(agent.agentId)));
+    for (const input of memberFields.querySelectorAll("input[data-agent-id]")) if (!ids.has(input.dataset.agentId)) input.parentElement?.remove();
+    memberFields.querySelector(":scope > p")?.remove();
+    for (const agent of owned) {
+      const id = text(agent.agentId);
+      let input = Array.from(memberFields.querySelectorAll("input[data-agent-id]")).find((input2) => input2.dataset.agentId === id);
+      if (!input) {
+        input = field(memberFields, `${agent.name} \xB7 \u804C\u8D23`);
+        input.dataset.agentId = id;
+      }
+      const label = `${agent.name} \xB7 \u804C\u8D23`;
+      input.setAttribute("aria-label", label);
+      input.parentElement.querySelector("span").textContent = label;
+    }
+    if (!owned.length) memberFields.append(note("\u8FD8\u6CA1\u6709\u53EF\u52A0\u5165\u7684\u4E13\u5BB6\uFF0C\u8BF7\u5148\u5728\u4E13\u5BB6\u9875\u521B\u5EFA\u3002"));
+  }
+  async function refresh() {
+    const revision = ++snapshotRevision, value2 = await query("snapshot");
+    if (revision !== snapshotRevision) return;
+    snapshot = value2;
+    renderSnapshot();
+    connection.textContent = "\u5DF2\u8FDE\u63A5 \xB7 \u72B6\u6001\u81EA\u52A8\u66F4\u65B0";
+  }
+  button(footer, "\u5237\u65B0\u72B6\u6001", refresh, "pbot-quiet");
+  const close = button(header, "\xD7", () => dispose(), "pbot-close pbot-quiet");
+  close.setAttribute("aria-label", "\u5173\u95ED\u5DE5\u4F5C\u53F0");
+  close.title = "\u5173\u95ED \xB7 Esc";
+  const dispose = ctx.effect(() => {
+    document.body.append(dialog);
+    dialog.showModal();
+    tabs.get("status").focus();
+    return () => {
+      closed = true;
+      lifetime.abort();
+      if (timer !== void 0) window.clearTimeout(timer);
+      dialog.close();
+      dialog.remove();
+      if (opener instanceof HTMLElement && opener.isConnected) opener.focus();
+    };
+  });
+  dialog.addEventListener("cancel", (event) => {
+    event.preventDefault();
+    void dispose();
+  });
+  async function poll() {
+    try {
+      await refresh();
+      if (tab === "experts" && expertId) await loadExpert();
+      if (tab === "teams" && teamId) await loadTeam();
+      if (pollError) {
+        inform("\u8FDE\u63A5\u5DF2\u6062\u590D\uFF0C\u72B6\u6001\u5DF2\u66F4\u65B0\u3002");
+        pollError = false;
+      }
+    } catch (error) {
+      if (!closed) {
+        connection.textContent = "\u8FDE\u63A5\u4E2D\u65AD \xB7 \u6B63\u5728\u91CD\u8BD5";
+        if (!pollError) inform("\u8BFB\u53D6\u72B6\u6001\u5931\u8D25\uFF1A" + String(error), "error");
+        pollError = true;
+      }
+    } finally {
+      if (!closed) timer = window.setTimeout(() => {
+        void poll();
+      }, 2e3);
+    }
+  }
+  void poll();
+}
+
+// src/ui/dsh/index.ts
+var name = "personal-bot";
+var inject = ["remote"];
+async function apply(ctx) {
+  ctx.remote.$mount(pbotReadRemote);
+  await ctx.plugin({
+    name: "pbot-management-view",
+    inject: ["commandUi", "remote", "remote.commands", "remote.pbot", "fileUpload"],
+    apply(view) {
+      view.commandUi.decorate({
+        name: "pbot",
+        available: () => true,
+        ui: { kind: "action", run: (session) => {
+          showManagement(view, session.sessionId);
+        } }
+      });
+    }
+  });
+}
+return module.exports; } });