@sanqianx/claude-ai-workbench 0.13.2 → 0.13.4

package/apps/agent-terminal/user-question-card.js

@@ -0,0 +1,68 @@
+(function (global) {
+  'use strict';
+  let serial = 0;
+  function createUserQuestionCard({ document: doc, event, storageKey, onSubmit }) {
+    const make = (tag, cls, text) => { const node = doc.createElement(tag); if (cls) node.className = cls; if (text) node.textContent = text; return node; };
+    const node = make('section', 'perm question-card'); node.dataset.permId = event.requestId;
+    node.setAttribute('aria-label', '等待你的选择');
+    const title = make('div', 'question-title', '等待你的选择');
+    const form = make('form', 'question-form');
+    const fields = make('div', 'question-fields');
+    const error = make('div', 'question-error'); error.setAttribute('role', 'alert');
+    const submit = make('button', 'btn-allow question-submit', '提交答案'); submit.type = 'submit'; submit.disabled = true;
+    const footer = make('div', 'question-footer'); footer.append(make('span', '', '提交后继续'), submit);
+    form.append(fields, error, footer); node.append(title, form);
+    const readers = [], questions = event.questions || [], group = `question-${++serial}`;
+    let saved = {}, sending = false, settled = false;
+    try { saved = JSON.parse(global.localStorage?.getItem(storageKey) || '{}'); } catch {}
+    const read = () => Object.fromEntries(readers.map(reader => [reader.id, reader.read()]));
+    const update = () => {
+      const answers = read();
+      submit.disabled = sending || settled || readers.some(reader => !answers[reader.id].length || reader.incomplete());
+      const draft = Object.fromEntries(questions.filter(question => !question.isSecret).map(question => [question.id, answers[question.id]]));
+      try { if (storageKey) global.localStorage?.setItem(storageKey, JSON.stringify(draft)); } catch {}
+    };
+    questions.forEach((question, index) => {
+      const field = make('fieldset', 'question-field');
+      field.append(make('legend', '', question.question));
+      const options = [], custom = question.allowCustom ? make('input', 'question-custom') : null;
+      const previous = question.isSecret ? [] : Array.isArray(saved[question.id]) ? saved[question.id] : [];
+      let other = null;
+      const addOption = (text, description, value, checked) => {
+        const label = make('label', 'question-option');
+        const input = make('input'); input.type = question.multiSelect ? 'checkbox' : 'radio'; input.name = `${group}-${index}`; input.value = value; input.checked = checked;
+        const copy = make('span', 'question-option-copy'); copy.append(make('span', 'question-option-label', text));
+        if (description) copy.append(make('span', 'question-option-description', description));
+        label.append(input, copy); field.append(label); input.addEventListener('change', update); return input;
+      };
+      for (const option of question.options || []) options.push(addOption(option.label, option.description, option.label, previous.includes(option.label)));
+      if (custom) {
+        const own = previous.filter(value => !question.options.some(option => option.label === value));
+        if (question.options.length) other = addOption('其他', '', '__custom__', own.length > 0);
+        custom.type = question.isSecret ? 'password' : 'text'; custom.placeholder = question.options.length ? '输入你的选择或要求' : '输入答案';
+        custom.setAttribute('aria-label', question.question + '：自定义答案'); custom.value = own.join(', '); custom.autocomplete = 'off';
+        custom.addEventListener('input', () => { if (other) { if (!question.multiSelect) options.forEach(option => { option.checked = false; }); other.checked = true; } update(); });
+        field.append(custom);
+      }
+      readers.push({ id: question.id,
+        read: () => [...options.filter(option => option.checked).map(option => option.value), ...(custom && (!other || other.checked) && custom.value.trim() ? [custom.value.trim()] : [])],
+        incomplete: () => Boolean(custom && (!other || other.checked) && !custom.value.trim()),
+      }); fields.append(field);
+    });
+    node.settle = result => {
+      settled = true; form.hidden = true; title.textContent = result?.cancelled || result?.allow === false ? '问题已取消，未提交选择' : '答案已提交';
+      node.classList.add('question-settled');
+      try { if (storageKey) global.localStorage?.removeItem(storageKey); } catch {}
+    };
+    form.addEventListener('submit', async action => {
+      action.preventDefault(); update(); if (submit.disabled) return;
+      sending = true; error.textContent = ''; update();
+      try { await onSubmit(read()); node.settle({ allow: true }); }
+      catch { error.textContent = '答案未提交，请重试。'; }
+      finally { sending = false; if (!settled) update(); }
+    });
+    update(); return node;
+  }
+  global.createUserQuestionCard = createUserQuestionCard;
+  if (typeof module !== 'undefined' && module.exports) module.exports = { createUserQuestionCard };
+})(typeof window === 'undefined' ? globalThis : window);

package/apps/ai-profile-settings-host/index.html

@@ -1,25 +1,25 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <title>AI Profile Settings</title>
-  <link rel="stylesheet" href="/packages/ui/theme.css">
-  <link rel="stylesheet" href="page.css">
-  <script src="/packages/client/index.js"></script>
-  <script src="/packages/ui/ai-profile-settings.js"></script>
-</head>
-<body>
-  <main class="preview">
-    <section class="profile-module">
-      <div class="module-bar" id="moduleBar">
-        <strong>AI 模型</strong>
-        <div class="bar-actions"><span id="listFeedback"></span><button id="addProfile">新增</button></div>
-      </div>
-      <ai-profile-list id="profileList"></ai-profile-list>
-      <ai-profile-editor id="profileEditor" class="is-hidden"></ai-profile-editor>
-    </section>
-  </main>
-  <script src="page.js"></script>
-</body>
-</html>
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>AI Profile Settings</title>
+  <link rel="stylesheet" href="/packages/ui/theme.css">
+  <link rel="stylesheet" href="page.css">
+  <script src="/packages/client/index.js"></script>
+  <script src="/packages/ui/ai-profile-settings.js"></script>
+</head>
+<body>
+  <main class="preview">
+    <section class="profile-module">
+      <div class="module-bar" id="moduleBar">
+        <strong>AI 模型</strong>
+        <div class="bar-actions"><span id="listFeedback"></span><button id="addProfile">新增</button></div>
+      </div>
+      <ai-profile-list id="profileList"></ai-profile-list>
+      <ai-profile-editor id="profileEditor" class="is-hidden"></ai-profile-editor>
+    </section>
+  </main>
+  <script src="page.js"></script>
+</body>
+</html>

package/apps/ai-profile-settings-host/page.css

@@ -1 +1 @@
-*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:24px;background:#f5f6f7;color:var(--caw-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.preview{width:min(680px,100%);margin:0 auto;padding:16px;border:1px solid var(--caw-line);border-radius:10px;background:var(--caw-panel);box-shadow:0 8px 24px rgba(24,34,48,.06)}.profile-module{min-width:0}.module-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.module-bar strong{font-size:13px}.bar-actions{display:flex;align-items:center;gap:9px}.bar-actions span{max-width:390px;color:var(--caw-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-actions span.good{color:var(--caw-good)}.bar-actions span.bad{color:var(--caw-bad)}.bar-actions button{height:32px;padding:0 11px;border:0;border-radius:7px;background:var(--caw-accent);color:#fff;font:11px inherit;cursor:pointer}.is-hidden{display:none}@media(max-width:520px){body{padding:10px}.preview{padding:12px}.bar-actions span{max-width:180px}}
+*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:24px;background:#f5f6f7;color:var(--caw-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.preview{width:min(680px,100%);margin:0 auto;padding:16px;border:1px solid var(--caw-line);border-radius:10px;background:var(--caw-panel);box-shadow:0 8px 24px rgba(24,34,48,.06)}.profile-module{min-width:0}.module-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.module-bar strong{font-size:13px}.bar-actions{display:flex;align-items:center;gap:9px}.bar-actions span{max-width:390px;color:var(--caw-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-actions span.good{color:var(--caw-good)}.bar-actions span.bad{color:var(--caw-bad)}.bar-actions button{height:32px;padding:0 11px;border:0;border-radius:7px;background:var(--caw-accent);color:#fff;font:11px inherit;cursor:pointer}.is-hidden{display:none}@media(max-width:520px){body{padding:10px}.preview{padding:12px}.bar-actions span{max-width:180px}}

package/apps/ai-profile-settings-host/page.js

@@ -1,113 +1,113 @@
-(function () {
-  "use strict";
-
-  const client = createClaudeWorkbenchClient({ apiBase: "/api/claude-workbench/v1" });
-  const moduleBar = document.querySelector("#moduleBar");
-  const listFeedback = document.querySelector("#listFeedback");
-  const addProfile = document.querySelector("#addProfile");
-  const profileList = document.querySelector("#profileList");
-  const profileEditor = document.querySelector("#profileEditor");
-
-  function setListStatus(message, tone = "") {
-    listFeedback.textContent = String(message || "");
-    listFeedback.className = tone;
-  }
-
-  function testErrorMessage(error) {
-    const message = String(error?.message || "连接测试失败");
-    if (/timed out|timeout/i.test(message)) return "连接测试超时，请检查请求地址、网络或模型名称";
-    if (/invalid.*(?:api )?key|unauthorized|\b401\b/i.test(message)) return "API Key 无效或未授权";
-    if (/model.*not found|\b404\b/i.test(message)) return "模型名称或请求地址不存在";
-    return message;
-  }
-
-  function showList(message = "", tone = "") {
-    moduleBar.classList.remove("is-hidden");
-    profileList.classList.remove("is-hidden");
-    profileEditor.classList.add("is-hidden");
-    profileList.busy = false;
-    setListStatus(message, tone);
-  }
-
-  function showEditor(profile) {
-    moduleBar.classList.add("is-hidden");
-    profileList.classList.add("is-hidden");
-    profileEditor.classList.remove("is-hidden");
-    profileEditor.profile = profile || null;
-    profileEditor.setBusy(false);
-    profileEditor.setStatus("");
-  }
-
-  async function refresh() {
-    profileList.profiles = await client.listProfiles();
-  }
-
-  async function persist(profile, credential) {
-    const saved = await client.saveProfile(profile);
-    if (credential) await client.setCredential(saved.id, credential);
-    return saved;
-  }
-
-  addProfile.addEventListener("click", () => showEditor(null));
-  profileList.addEventListener("profile-edit", (event) => showEditor(event.detail.profile));
-  profileEditor.addEventListener("profile-cancel", () => showList());
-
-  profileEditor.addEventListener("profile-save", async (event) => {
-    profileEditor.setBusy(true, "保存中…");
-    try {
-      await persist(event.detail.profile, event.detail.credential);
-      await refresh();
-      profileEditor.setBusy(false);
-      showList("已保存，配置现在可以使用", "good");
-    } catch (error) {
-      profileEditor.setBusy(false);
-      profileEditor.setStatus(error.message, "bad");
-    }
-  });
-
-  profileEditor.addEventListener("profile-test", async (event) => {
-    profileEditor.setBusy(true, "测试中…");
-    try {
-      const result = await client.testProfileDraft(event.detail.profile, event.detail.credential);
-      profileEditor.setBusy(false);
-      profileEditor.setStatus(
-        result.runtimeVerified ? `连接成功 · ${result.model || event.detail.profile.models.default} · ${result.durationMs}ms；请点击保存后生效` : "连接测试失败",
-        result.runtimeVerified ? "good" : "bad",
-      );
-    } catch (error) {
-      profileEditor.setBusy(false);
-      profileEditor.setStatus(testErrorMessage(error), "bad");
-    }
-  });
-
-  profileList.addEventListener("profile-test", async (event) => {
-    profileList.busy = true;
-    setListStatus("测试中…");
-    try {
-      const result = await client.testProfileDraft(event.detail.profile, "");
-      profileList.busy = false;
-      setListStatus(result.runtimeVerified ? `连接成功 · ${result.durationMs}ms` : "连接测试失败", result.runtimeVerified ? "good" : "bad");
-    } catch (error) {
-      profileList.busy = false;
-      setListStatus(testErrorMessage(error), "bad");
-    }
-  });
-
-  profileList.addEventListener("profile-delete", async (event) => {
-    if (!window.confirm(`删除“${event.detail.profile.name}”？`)) return;
-    profileList.busy = true;
-    setListStatus("删除中…");
-    try {
-      await client.deleteProfile(event.detail.profile.id);
-      await refresh();
-      profileList.busy = false;
-      setListStatus("已删除", "good");
-    } catch (error) {
-      profileList.busy = false;
-      setListStatus(error.message, "bad");
-    }
-  });
-
-  window.addEventListener("beforeunload", () => client.destroy());
-  refresh().catch((error) => setListStatus(error.message, "bad"));
-})();
+(function () {
+  "use strict";
+
+  const client = createClaudeWorkbenchClient({ apiBase: "/api/claude-workbench/v1" });
+  const moduleBar = document.querySelector("#moduleBar");
+  const listFeedback = document.querySelector("#listFeedback");
+  const addProfile = document.querySelector("#addProfile");
+  const profileList = document.querySelector("#profileList");
+  const profileEditor = document.querySelector("#profileEditor");
+
+  function setListStatus(message, tone = "") {
+    listFeedback.textContent = String(message || "");
+    listFeedback.className = tone;
+  }
+
+  function testErrorMessage(error) {
+    const message = String(error?.message || "连接测试失败");
+    if (/timed out|timeout/i.test(message)) return "连接测试超时，请检查请求地址、网络或模型名称";
+    if (/invalid.*(?:api )?key|unauthorized|\b401\b/i.test(message)) return "API Key 无效或未授权";
+    if (/model.*not found|\b404\b/i.test(message)) return "模型名称或请求地址不存在";
+    return message;
+  }
+
+  function showList(message = "", tone = "") {
+    moduleBar.classList.remove("is-hidden");
+    profileList.classList.remove("is-hidden");
+    profileEditor.classList.add("is-hidden");
+    profileList.busy = false;
+    setListStatus(message, tone);
+  }
+
+  function showEditor(profile) {
+    moduleBar.classList.add("is-hidden");
+    profileList.classList.add("is-hidden");
+    profileEditor.classList.remove("is-hidden");
+    profileEditor.profile = profile || null;
+    profileEditor.setBusy(false);
+    profileEditor.setStatus("");
+  }
+
+  async function refresh() {
+    profileList.profiles = await client.listProfiles();
+  }
+
+  async function persist(profile, credential) {
+    const saved = await client.saveProfile(profile);
+    if (credential) await client.setCredential(saved.id, credential);
+    return saved;
+  }
+
+  addProfile.addEventListener("click", () => showEditor(null));
+  profileList.addEventListener("profile-edit", (event) => showEditor(event.detail.profile));
+  profileEditor.addEventListener("profile-cancel", () => showList());
+
+  profileEditor.addEventListener("profile-save", async (event) => {
+    profileEditor.setBusy(true, "保存中…");
+    try {
+      await persist(event.detail.profile, event.detail.credential);
+      await refresh();
+      profileEditor.setBusy(false);
+      showList("已保存，配置现在可以使用", "good");
+    } catch (error) {
+      profileEditor.setBusy(false);
+      profileEditor.setStatus(error.message, "bad");
+    }
+  });
+
+  profileEditor.addEventListener("profile-test", async (event) => {
+    profileEditor.setBusy(true, "测试中…");
+    try {
+      const result = await client.testProfileDraft(event.detail.profile, event.detail.credential);
+      profileEditor.setBusy(false);
+      profileEditor.setStatus(
+        result.runtimeVerified ? `连接成功 · ${result.model || event.detail.profile.models.default} · ${result.durationMs}ms；请点击保存后生效` : "连接测试失败",
+        result.runtimeVerified ? "good" : "bad",
+      );
+    } catch (error) {
+      profileEditor.setBusy(false);
+      profileEditor.setStatus(testErrorMessage(error), "bad");
+    }
+  });
+
+  profileList.addEventListener("profile-test", async (event) => {
+    profileList.busy = true;
+    setListStatus("测试中…");
+    try {
+      const result = await client.testProfileDraft(event.detail.profile, "");
+      profileList.busy = false;
+      setListStatus(result.runtimeVerified ? `连接成功 · ${result.durationMs}ms` : "连接测试失败", result.runtimeVerified ? "good" : "bad");
+    } catch (error) {
+      profileList.busy = false;
+      setListStatus(testErrorMessage(error), "bad");
+    }
+  });
+
+  profileList.addEventListener("profile-delete", async (event) => {
+    if (!window.confirm(`删除“${event.detail.profile.name}”？`)) return;
+    profileList.busy = true;
+    setListStatus("删除中…");
+    try {
+      await client.deleteProfile(event.detail.profile.id);
+      await refresh();
+      profileList.busy = false;
+      setListStatus("已删除", "good");
+    } catch (error) {
+      profileList.busy = false;
+      setListStatus(error.message, "bad");
+    }
+  });
+
+  window.addEventListener("beforeunload", () => client.destroy());
+  refresh().catch((error) => setListStatus(error.message, "bad"));
+})();

package/apps/minimal-test-host/README.md

@@ -1,15 +1,15 @@
-# Minimal Test Host
-
-Start the real Workbench Server from the repository root. The test host uses the
-same stable product data directory as an installed Workbench instance, rather
-than a disposable temporary directory:
-
-```powershell
-npm run start:test-host
-```
-
-Then open `http://127.0.0.1:5762/test-host/`. Profile metadata is stored in
-`profiles.v2.json`; credentials are stored separately in `credentials.v1.json`
-under that product data directory. The default mode is `REAL` and an unavailable
-server/runtime is shown as a failure. Fault injection is loaded only after the
-explicit button is pressed and reports are marked `MOCK`.
+# Minimal Test Host
+
+Start the real Workbench Server from the repository root. The test host uses the
+same stable product data directory as an installed Workbench instance, rather
+than a disposable temporary directory:
+
+```powershell
+npm run start:test-host
+```
+
+Then open `http://127.0.0.1:5762/test-host/`. Profile metadata is stored in
+`profiles.v2.json`; credentials are stored separately in `credentials.v1.json`
+under that product data directory. The default mode is `REAL` and an unavailable
+server/runtime is shown as a failure. Fault injection is loaded only after the
+explicit button is pressed and reports are marked `MOCK`.

package/apps/minimal-test-host/host.css

@@ -1,2 +1,2 @@
-:root{color-scheme:light;--bg:#eaf0f5;--panel:#fff;--panel2:#f6f8fb;--line:#d7e0e9;--text:#152235;--muted:#65758a;--accent:#4f6f8f;--good:#2f7d64;--bad:#ad4f4f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.app{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel)}h1{margin:0;font-size:18px}header p{margin:4px 0 0;color:var(--muted);font-size:12px}.badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.badge,button,select{border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:7px 9px;font:inherit;font-size:12px}.badge{border-radius:999px}.badge.ok,.real{color:var(--good)}.badge.err{color:var(--bad)}button{cursor:pointer}.primary{border-color:transparent;background:var(--accent);color:#fff}.layout{min-height:0;display:grid;grid-template-columns:220px minmax(410px,1fr) 330px;gap:12px;padding:12px}.panel{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}.panel-body{height:calc(100% - 44px);padding:10px;overflow:auto}.context{width:100%;margin-bottom:7px;padding:9px;text-align:left}.context.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,111,143,.12)}.context small{display:block;margin-top:4px;color:var(--muted)}label{display:grid;gap:5px;margin-top:13px;color:var(--muted);font-size:11px}select{width:100%;background:#fff}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.wide{grid-column:1/-1}.hint{color:var(--muted);font-size:11px;line-height:1.55}.workbench{min-height:0}dl{margin:0}.metric{display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:11px}.metric dt{color:var(--muted)}.metric dd{margin:0;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis}h3{margin:14px 0 7px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}pre{min-height:120px;max-height:220px;margin:0;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:#101923;color:#dce8f4;white-space:pre-wrap;font:10px/1.5 Consolas,monospace}.drawer{position:fixed;inset:0;display:none;padding:4vh 4vw;background:rgba(15,23,42,.42);z-index:30}.drawer.open{display:block}.drawer-box{position:relative;height:92vh;border-radius:13px;background:var(--panel);overflow:hidden}.drawer-box>button{position:absolute;right:10px;top:9px;z-index:5}@media(max-width:1150px){.layout{grid-template-columns:210px 1fr}.inspector{display:none}}@media(max-width:760px){.app{height:auto;min-height:100vh}.layout{display:block}.sidebar{margin-bottom:10px}.workbench{height:680px}header{align-items:flex-start;flex-direction:column}}
-.drawer-box{display:grid;grid-template-rows:52px minmax(0,1fr)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.drawer-head strong{font-size:13px}.drawer-content{min-height:0;overflow:auto;padding:12px}@media(max-width:760px){.drawer{padding:0}.drawer-box{height:100vh;border-radius:0}}
+:root{color-scheme:light;--bg:#eaf0f5;--panel:#fff;--panel2:#f6f8fb;--line:#d7e0e9;--text:#152235;--muted:#65758a;--accent:#4f6f8f;--good:#2f7d64;--bad:#ad4f4f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.app{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel)}h1{margin:0;font-size:18px}header p{margin:4px 0 0;color:var(--muted);font-size:12px}.badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.badge,button,select{border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:7px 9px;font:inherit;font-size:12px}.badge{border-radius:999px}.badge.ok,.real{color:var(--good)}.badge.err{color:var(--bad)}button{cursor:pointer}.primary{border-color:transparent;background:var(--accent);color:#fff}.layout{min-height:0;display:grid;grid-template-columns:220px minmax(410px,1fr) 330px;gap:12px;padding:12px}.panel{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}.panel-body{height:calc(100% - 44px);padding:10px;overflow:auto}.context{width:100%;margin-bottom:7px;padding:9px;text-align:left}.context.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,111,143,.12)}.context small{display:block;margin-top:4px;color:var(--muted)}label{display:grid;gap:5px;margin-top:13px;color:var(--muted);font-size:11px}select{width:100%;background:#fff}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.wide{grid-column:1/-1}.hint{color:var(--muted);font-size:11px;line-height:1.55}.workbench{min-height:0}dl{margin:0}.metric{display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:11px}.metric dt{color:var(--muted)}.metric dd{margin:0;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis}h3{margin:14px 0 7px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}pre{min-height:120px;max-height:220px;margin:0;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:#101923;color:#dce8f4;white-space:pre-wrap;font:10px/1.5 Consolas,monospace}.drawer{position:fixed;inset:0;display:none;padding:4vh 4vw;background:rgba(15,23,42,.42);z-index:30}.drawer.open{display:block}.drawer-box{position:relative;height:92vh;border-radius:13px;background:var(--panel);overflow:hidden}.drawer-box>button{position:absolute;right:10px;top:9px;z-index:5}@media(max-width:1150px){.layout{grid-template-columns:210px 1fr}.inspector{display:none}}@media(max-width:760px){.app{height:auto;min-height:100vh}.layout{display:block}.sidebar{margin-bottom:10px}.workbench{height:680px}header{align-items:flex-start;flex-direction:column}}
+.drawer-box{display:grid;grid-template-rows:52px minmax(0,1fr)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.drawer-head strong{font-size:13px}.drawer-content{min-height:0;overflow:auto;padding:12px}@media(max-width:760px){.drawer{padding:0}.drawer-box{height:100vh;border-radius:0}}

package/apps/minimal-test-host/host.js

@@ -1,35 +1,35 @@
-(function () {
-  'use strict';
-  const contexts=[
-    {contextId:'context-a',projectId:'context-a',contextType:'test',displayName:'Context A',projectName:'Context A',workspaceRef:'test-workspace-a'},
-    {contextId:'context-b',projectId:'context-b',contextType:'test',displayName:'Context B',projectName:'Context B',workspaceRef:'test-workspace-b'},
-    {contextId:'context-c',projectId:'context-c',contextType:'test',displayName:'Context C',projectName:'Context C',workspaceRef:'test-workspace-c'},
-  ];
-  const apiBase=new URLSearchParams(location.search).get('api')||`${location.origin}/api/claude-workbench/v1`;
-  const realClient=window.createClaudeWorkbenchClient({apiBase});
-  let activeClient=realClient,current=contexts[0],workbench=null,lastState=null,mounted=0,mode='REAL',lastReport=null;
-  const eventLog=document.querySelector('#eventLog');
-  const originalSubscribe=realClient.subscribe.bind(realClient);
-  realClient.subscribe=(sessionId,onEvent,onError,options)=>originalSubscribe(sessionId,event=>{log('SSE',event);onEvent(event)},onError,options);
-  const $=selector=>document.querySelector(selector);
-  function log(label,value){const row=`[${new Date().toLocaleTimeString()}] ${label} ${value?JSON.stringify(value):''}`;eventLog.textContent=`${row}\n${eventLog.textContent}`.slice(0,50000)}
-  function metric(name,value){return `<div class="metric"><dt>${name}</dt><dd>${value==null?'—':String(value)}</dd></div>`}
-  function profileTestError(error){const message=String(error?.message||'连接测试失败');if(/timed out|timeout/i.test(message))return'连接测试超时，请检查请求地址、网络或模型名称';if(/invalid.*(?:api )?key|unauthorized|\b401\b/i.test(message))return'API Key 无效或未授权';if(/model.*not found|\b404\b/i.test(message))return'模型名称或请求地址不存在';return message}
-  async function persistProfile(profile,credential){const saved=await realClient.saveProfile(profile);if(credential)await realClient.setCredential(saved.id,credential);return saved}
-  function renderMetrics(){const counts=activeClient.resourceCounts?.()||{};const state=lastState||{};$('#metrics').innerHTML=[metric('Mode',mode),metric('Context',current.contextId),metric('Generation',state.contextGeneration??state.contextVersion),metric('Session',state.sessionId),metric('Connection',state.session?.connectionState),metric('State',state.session?.state),metric('Last sequence',state.lastSequence),metric('Lines',state.lines?.length||0),metric('Permission',state.permission?.requestId),metric('Token used',state.tokenUsage?.used||0),metric('Open SSE',counts.streams||0),metric('Pending HTTP',counts.requests||0),metric('Reconnects',counts.reconnects||0),metric('Mounted',mounted)].join('')}
-  function selectedContext(){return{...current,aiProfileId:$('#profileSelect').value||undefined}}
-  function mount(){if(workbench)return;workbench=document.createElement('claude-workbench-pane');workbench.adapter=activeClient;workbench.context=selectedContext();workbench.addEventListener('workbench-state-change',event=>{lastState=event.detail;renderMetrics()});workbench.addEventListener('workbench-error',event=>log('ERROR',{message:event.detail.error.message}));workbench.addEventListener('open-profile-settings',openProfiles);$('#workbenchMount').appendChild(workbench);mounted++;log('MOUNT',selectedContext());renderMetrics()}
-  function unmount(){if(!workbench)return;workbench.destroy();workbench.remove();workbench=null;lastState=null;mounted=Math.max(0,mounted-1);log('UNMOUNT');renderMetrics()}
-  function selectContext(next){current=next;document.querySelectorAll('.context').forEach(button=>button.classList.toggle('active',button.dataset.id===next.contextId));if(workbench)workbench.context=selectedContext();log('CONTEXT',next);renderMetrics()}
-  async function refresh(){try{const [health,runtime,profiles]=await Promise.all([realClient.health(),realClient.runtime(),realClient.listProfiles()]);$('#serverBadge').textContent=`Server ${health.version}`;$('#serverBadge').className='badge ok';$('#runtimeBadge').textContent=runtime.available?'Runtime available':'Runtime unavailable';$('#runtimeBadge').className=runtime.available?'badge ok':'badge err';const old=$('#profileSelect').value;$('#profileSelect').innerHTML='<option value="">选择 Profile</option>'+profiles.map(p=>`<option value="${p.id}">${p.name||p.id}${p.credentialConfigured?'':' · no key'}</option>`).join('');if(profiles.some(p=>p.id===old))$('#profileSelect').value=old;else if(profiles[0])$('#profileSelect').value=profiles[0].id;$('#profileSettings').profiles=profiles;log('HEALTH',{health,runtime,profiles:profiles.length})}catch(error){$('#serverBadge').textContent='Server offline';$('#serverBadge').className='badge err';log('HEALTH ERROR',{message:error.message})}}
-  async function stress(){for(let index=0;index<20;index++){selectContext(contexts[index%2]);await new Promise(resolve=>setTimeout(resolve,40))}log('STRESS COMPLETE',activeClient.resourceCounts?.())}
-  async function acceptance(){const startedAt=new Date().toISOString(),checks=[];const check=async(name,fn)=>{try{const detail=await fn();checks.push({name,ok:true,detail})}catch(error){checks.push({name,ok:false,error:error.message})}};await check('server-health',()=>realClient.health());await check('runtime-available',async()=>{const value=await realClient.runtime();if(!value.available)throw new Error('Claude Code runtime unavailable');return value});await check('profile-selected',async()=>{if(!$('#profileSelect').value)throw new Error('Select an AI Profile');return $('#profileSelect').value});await check('profile-real-runtime',async()=>{const result=await realClient.testProfile($('#profileSelect').value);if(!result.runtimeVerified)throw new Error('runtimeVerified=false');return result});await check('context-generation-isolation',async()=>{await stress();if(lastState&&lastState.context?.contextId!==current.contextId)throw new Error('late context state won');return{contextId:current.contextId,generation:lastState?.contextGeneration}});await check('lifecycle-cleanup',async()=>{unmount();await new Promise(resolve=>setTimeout(resolve,20));const counts=activeClient.resourceCounts();if(counts.streams||counts.requests)throw new Error(`resources remain: ${JSON.stringify(counts)}`);mount();return counts});lastReport={mode,serverVersion:($('#serverBadge').textContent||'').replace('Server ',''),runtime:'claude-code',profileId:$('#profileSelect').value||null,checks,resourceLeaks:checks.filter(item=>item.name==='lifecycle-cleanup'&&!item.ok),startedAt,finishedAt:new Date().toISOString()};$('#reportLog').textContent=JSON.stringify(lastReport,null,2);log('ACCEPTANCE',lastReport)}
-  function exportReport(){if(!lastReport)return;const blob=new Blob([JSON.stringify(lastReport,null,2)],{type:'application/json'});const link=document.createElement('a');link.href=URL.createObjectURL(blob);link.download=`claude-workbench-${mode.toLowerCase()}-report.json`;link.click();setTimeout(()=>URL.revokeObjectURL(link.href),1000)}
-  function openProfiles(){const drawer=$('#profileDrawer');drawer.classList.add('open');drawer.setAttribute('aria-hidden','false');refresh()}
-  async function toggleMock(){if(mode==='MOCK'){unmount();activeClient.destroy?.();activeClient=realClient;mode='REAL';$('#modeBadge').textContent='REAL';$('#mockBtn').textContent='Enable Optional Fault Injection';mount();renderMetrics();return}if(!window.createFaultInjectionAdapter){await new Promise((resolve,reject)=>{const script=document.createElement('script');script.src='optional-mock/fault-injection.js';script.onload=resolve;script.onerror=reject;document.head.appendChild(script)})}unmount();activeClient=window.createFaultInjectionAdapter({onRaw:event=>log('MOCK',event)});mode='MOCK';$('#modeBadge').textContent='MOCK';$('#mockBtn').textContent='Disable Fault Injection';mount();renderMetrics()}
-  const profileSettings=$('#profileSettings');
-  profileSettings.addEventListener('profile-save',async event=>{profileSettings.setBusy(true,'保存中…');try{const saved=await persistProfile(event.detail.profile,event.detail.credential);await refresh();profileSettings.setBusy(false);profileSettings.closeEditor();profileSettings.setStatus('已保存，配置现在可以使用','good');log('PROFILE SAVE',{id:saved.id})}catch(error){profileSettings.setBusy(false);profileSettings.setStatus(error.message,'bad');log('PROFILE SAVE ERROR',{message:error.message})}});
-  profileSettings.addEventListener('profile-delete',async event=>{if(!window.confirm(`删除“${event.detail.profile.name}”？`))return;profileSettings.setBusy(true,'删除中…');try{await realClient.deleteProfile(event.detail.profile.id);await refresh();profileSettings.setBusy(false);profileSettings.setStatus('已删除','good');log('PROFILE DELETE',{id:event.detail.profile.id})}catch(error){profileSettings.setBusy(false);profileSettings.setStatus(error.message,'bad');log('PROFILE DELETE ERROR',{message:error.message})}});
-  profileSettings.addEventListener('profile-test',async event=>{profileSettings.setBusy(true,'测试中…');try{const result=await realClient.testProfileDraft(event.detail.profile,event.detail.credential);profileSettings.setBusy(false);profileSettings.setStatus(result.runtimeVerified?`连接成功 · ${result.model||event.detail.profile.models.default} · ${result.durationMs}ms；请点击保存后生效`:'连接测试失败',result.runtimeVerified?'good':'bad');log('REAL PROFILE TEST',result)}catch(error){const message=profileTestError(error);profileSettings.setBusy(false);profileSettings.setStatus(message,'bad');log('PROFILE TEST ERROR',{message})}});
-  $('#contexts').innerHTML=contexts.map((c,index)=>`<button class="context ${index===0?'active':''}" data-id="${c.contextId}"><strong>${c.displayName}</strong><small>${c.workspaceRef}</small></button>`).join('');$('#contexts').onclick=event=>{const button=event.target.closest('.context');if(button)selectContext(contexts.find(item=>item.contextId===button.dataset.id))};$('#mountBtn').onclick=mount;$('#unmountBtn').onclick=unmount;$('#remountBtn').onclick=()=>{unmount();mount()};$('#stressBtn').onclick=stress;$('#refreshBtn').onclick=refresh;$('#profilesBtn').onclick=openProfiles;$('#closeProfiles').onclick=()=>{const drawer=$('#profileDrawer');drawer.classList.remove('open');drawer.setAttribute('aria-hidden','true')};$('#acceptBtn').onclick=acceptance;$('#clearBtn').onclick=()=>eventLog.textContent='';$('#exportBtn').onclick=exportReport;$('#mockBtn').onclick=toggleMock;$('#profileSelect').onchange=()=>{if(workbench)workbench.context=selectedContext()};refresh().then(mount);setInterval(renderMetrics,500);
-})();
+(function () {
+  'use strict';
+  const contexts=[
+    {contextId:'context-a',projectId:'context-a',contextType:'test',displayName:'Context A',projectName:'Context A',workspaceRef:'test-workspace-a'},
+    {contextId:'context-b',projectId:'context-b',contextType:'test',displayName:'Context B',projectName:'Context B',workspaceRef:'test-workspace-b'},
+    {contextId:'context-c',projectId:'context-c',contextType:'test',displayName:'Context C',projectName:'Context C',workspaceRef:'test-workspace-c'},
+  ];
+  const apiBase=new URLSearchParams(location.search).get('api')||`${location.origin}/api/claude-workbench/v1`;
+  const realClient=window.createClaudeWorkbenchClient({apiBase});
+  let activeClient=realClient,current=contexts[0],workbench=null,lastState=null,mounted=0,mode='REAL',lastReport=null;
+  const eventLog=document.querySelector('#eventLog');
+  const originalSubscribe=realClient.subscribe.bind(realClient);
+  realClient.subscribe=(sessionId,onEvent,onError,options)=>originalSubscribe(sessionId,event=>{log('SSE',event);onEvent(event)},onError,options);
+  const $=selector=>document.querySelector(selector);
+  function log(label,value){const row=`[${new Date().toLocaleTimeString()}] ${label} ${value?JSON.stringify(value):''}`;eventLog.textContent=`${row}\n${eventLog.textContent}`.slice(0,50000)}
+  function metric(name,value){return `<div class="metric"><dt>${name}</dt><dd>${value==null?'—':String(value)}</dd></div>`}
+  function profileTestError(error){const message=String(error?.message||'连接测试失败');if(/timed out|timeout/i.test(message))return'连接测试超时，请检查请求地址、网络或模型名称';if(/invalid.*(?:api )?key|unauthorized|\b401\b/i.test(message))return'API Key 无效或未授权';if(/model.*not found|\b404\b/i.test(message))return'模型名称或请求地址不存在';return message}
+  async function persistProfile(profile,credential){const saved=await realClient.saveProfile(profile);if(credential)await realClient.setCredential(saved.id,credential);return saved}
+  function renderMetrics(){const counts=activeClient.resourceCounts?.()||{};const state=lastState||{};$('#metrics').innerHTML=[metric('Mode',mode),metric('Context',current.contextId),metric('Generation',state.contextGeneration??state.contextVersion),metric('Session',state.sessionId),metric('Connection',state.session?.connectionState),metric('State',state.session?.state),metric('Last sequence',state.lastSequence),metric('Lines',state.lines?.length||0),metric('Permission',state.permission?.requestId),metric('Token used',state.tokenUsage?.used||0),metric('Open SSE',counts.streams||0),metric('Pending HTTP',counts.requests||0),metric('Reconnects',counts.reconnects||0),metric('Mounted',mounted)].join('')}
+  function selectedContext(){return{...current,aiProfileId:$('#profileSelect').value||undefined}}
+  function mount(){if(workbench)return;workbench=document.createElement('claude-workbench-pane');workbench.adapter=activeClient;workbench.context=selectedContext();workbench.addEventListener('workbench-state-change',event=>{lastState=event.detail;renderMetrics()});workbench.addEventListener('workbench-error',event=>log('ERROR',{message:event.detail.error.message}));workbench.addEventListener('open-profile-settings',openProfiles);$('#workbenchMount').appendChild(workbench);mounted++;log('MOUNT',selectedContext());renderMetrics()}
+  function unmount(){if(!workbench)return;workbench.destroy();workbench.remove();workbench=null;lastState=null;mounted=Math.max(0,mounted-1);log('UNMOUNT');renderMetrics()}
+  function selectContext(next){current=next;document.querySelectorAll('.context').forEach(button=>button.classList.toggle('active',button.dataset.id===next.contextId));if(workbench)workbench.context=selectedContext();log('CONTEXT',next);renderMetrics()}
+  async function refresh(){try{const [health,runtime,profiles]=await Promise.all([realClient.health(),realClient.runtime(),realClient.listProfiles()]);$('#serverBadge').textContent=`Server ${health.version}`;$('#serverBadge').className='badge ok';$('#runtimeBadge').textContent=runtime.available?'Runtime available':'Runtime unavailable';$('#runtimeBadge').className=runtime.available?'badge ok':'badge err';const old=$('#profileSelect').value;$('#profileSelect').innerHTML='<option value="">选择 Profile</option>'+profiles.map(p=>`<option value="${p.id}">${p.name||p.id}${p.credentialConfigured?'':' · no key'}</option>`).join('');if(profiles.some(p=>p.id===old))$('#profileSelect').value=old;else if(profiles[0])$('#profileSelect').value=profiles[0].id;$('#profileSettings').profiles=profiles;log('HEALTH',{health,runtime,profiles:profiles.length})}catch(error){$('#serverBadge').textContent='Server offline';$('#serverBadge').className='badge err';log('HEALTH ERROR',{message:error.message})}}
+  async function stress(){for(let index=0;index<20;index++){selectContext(contexts[index%2]);await new Promise(resolve=>setTimeout(resolve,40))}log('STRESS COMPLETE',activeClient.resourceCounts?.())}
+  async function acceptance(){const startedAt=new Date().toISOString(),checks=[];const check=async(name,fn)=>{try{const detail=await fn();checks.push({name,ok:true,detail})}catch(error){checks.push({name,ok:false,error:error.message})}};await check('server-health',()=>realClient.health());await check('runtime-available',async()=>{const value=await realClient.runtime();if(!value.available)throw new Error('Claude Code runtime unavailable');return value});await check('profile-selected',async()=>{if(!$('#profileSelect').value)throw new Error('Select an AI Profile');return $('#profileSelect').value});await check('profile-real-runtime',async()=>{const result=await realClient.testProfile($('#profileSelect').value);if(!result.runtimeVerified)throw new Error('runtimeVerified=false');return result});await check('context-generation-isolation',async()=>{await stress();if(lastState&&lastState.context?.contextId!==current.contextId)throw new Error('late context state won');return{contextId:current.contextId,generation:lastState?.contextGeneration}});await check('lifecycle-cleanup',async()=>{unmount();await new Promise(resolve=>setTimeout(resolve,20));const counts=activeClient.resourceCounts();if(counts.streams||counts.requests)throw new Error(`resources remain: ${JSON.stringify(counts)}`);mount();return counts});lastReport={mode,serverVersion:($('#serverBadge').textContent||'').replace('Server ',''),runtime:'claude-code',profileId:$('#profileSelect').value||null,checks,resourceLeaks:checks.filter(item=>item.name==='lifecycle-cleanup'&&!item.ok),startedAt,finishedAt:new Date().toISOString()};$('#reportLog').textContent=JSON.stringify(lastReport,null,2);log('ACCEPTANCE',lastReport)}
+  function exportReport(){if(!lastReport)return;const blob=new Blob([JSON.stringify(lastReport,null,2)],{type:'application/json'});const link=document.createElement('a');link.href=URL.createObjectURL(blob);link.download=`claude-workbench-${mode.toLowerCase()}-report.json`;link.click();setTimeout(()=>URL.revokeObjectURL(link.href),1000)}
+  function openProfiles(){const drawer=$('#profileDrawer');drawer.classList.add('open');drawer.setAttribute('aria-hidden','false');refresh()}
+  async function toggleMock(){if(mode==='MOCK'){unmount();activeClient.destroy?.();activeClient=realClient;mode='REAL';$('#modeBadge').textContent='REAL';$('#mockBtn').textContent='Enable Optional Fault Injection';mount();renderMetrics();return}if(!window.createFaultInjectionAdapter){await new Promise((resolve,reject)=>{const script=document.createElement('script');script.src='optional-mock/fault-injection.js';script.onload=resolve;script.onerror=reject;document.head.appendChild(script)})}unmount();activeClient=window.createFaultInjectionAdapter({onRaw:event=>log('MOCK',event)});mode='MOCK';$('#modeBadge').textContent='MOCK';$('#mockBtn').textContent='Disable Fault Injection';mount();renderMetrics()}
+  const profileSettings=$('#profileSettings');
+  profileSettings.addEventListener('profile-save',async event=>{profileSettings.setBusy(true,'保存中…');try{const saved=await persistProfile(event.detail.profile,event.detail.credential);await refresh();profileSettings.setBusy(false);profileSettings.closeEditor();profileSettings.setStatus('已保存，配置现在可以使用','good');log('PROFILE SAVE',{id:saved.id})}catch(error){profileSettings.setBusy(false);profileSettings.setStatus(error.message,'bad');log('PROFILE SAVE ERROR',{message:error.message})}});
+  profileSettings.addEventListener('profile-delete',async event=>{if(!window.confirm(`删除“${event.detail.profile.name}”？`))return;profileSettings.setBusy(true,'删除中…');try{await realClient.deleteProfile(event.detail.profile.id);await refresh();profileSettings.setBusy(false);profileSettings.setStatus('已删除','good');log('PROFILE DELETE',{id:event.detail.profile.id})}catch(error){profileSettings.setBusy(false);profileSettings.setStatus(error.message,'bad');log('PROFILE DELETE ERROR',{message:error.message})}});
+  profileSettings.addEventListener('profile-test',async event=>{profileSettings.setBusy(true,'测试中…');try{const result=await realClient.testProfileDraft(event.detail.profile,event.detail.credential);profileSettings.setBusy(false);profileSettings.setStatus(result.runtimeVerified?`连接成功 · ${result.model||event.detail.profile.models.default} · ${result.durationMs}ms；请点击保存后生效`:'连接测试失败',result.runtimeVerified?'good':'bad');log('REAL PROFILE TEST',result)}catch(error){const message=profileTestError(error);profileSettings.setBusy(false);profileSettings.setStatus(message,'bad');log('PROFILE TEST ERROR',{message})}});
+  $('#contexts').innerHTML=contexts.map((c,index)=>`<button class="context ${index===0?'active':''}" data-id="${c.contextId}"><strong>${c.displayName}</strong><small>${c.workspaceRef}</small></button>`).join('');$('#contexts').onclick=event=>{const button=event.target.closest('.context');if(button)selectContext(contexts.find(item=>item.contextId===button.dataset.id))};$('#mountBtn').onclick=mount;$('#unmountBtn').onclick=unmount;$('#remountBtn').onclick=()=>{unmount();mount()};$('#stressBtn').onclick=stress;$('#refreshBtn').onclick=refresh;$('#profilesBtn').onclick=openProfiles;$('#closeProfiles').onclick=()=>{const drawer=$('#profileDrawer');drawer.classList.remove('open');drawer.setAttribute('aria-hidden','true')};$('#acceptBtn').onclick=acceptance;$('#clearBtn').onclick=()=>eventLog.textContent='';$('#exportBtn').onclick=exportReport;$('#mockBtn').onclick=toggleMock;$('#profileSelect').onchange=()=>{if(workbench)workbench.context=selectedContext()};refresh().then(mount);setInterval(renderMetrics,500);
+})();