@sanqianx/claude-ai-workbench 0.13.2 → 0.13.3

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);
+})();

package/apps/minimal-test-host/index.html

@@ -1,58 +1,58 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <title>Claude AI Workbench · Minimal Test Host</title>
-  <link rel="stylesheet" href="/reference-ui/dist/claude-ai-workbench-theme.css">
-  <link rel="stylesheet" href="/packages/ui/theme.css">
-  <link rel="stylesheet" href="host.css">
-  <script src="/packages/client/index.js"></script>
-  <script src="/packages/ui/ai-profile-settings.js"></script>
-  <script src="/reference-ui/dist/claude-workbench-core.js"></script>
-  <script src="/reference-ui/dist/claude-workbench-pane.js"></script>
-</head>
-<body>
-  <div class="app">
-    <header>
-      <div><h1>Claude AI Workbench</h1><p>Minimal Test Host · 真实 Runtime 为默认链路</p></div>
-      <div class="badges"><span id="serverBadge" class="badge">Server…</span><span id="runtimeBadge" class="badge">Runtime…</span><span id="modeBadge" class="badge real">REAL</span><button id="refreshBtn">刷新</button><button id="profilesBtn">AI Profiles</button><button id="acceptBtn" class="primary">运行验收</button></div>
-    </header>
-    <main class="layout">
-      <aside class="panel sidebar">
-        <div class="panel-title">Test Contexts</div>
-        <div class="panel-body">
-          <div id="contexts"></div>
-          <label>AI Profile<select id="profileSelect"><option value="">选择 Profile</option></select></label>
-          <div class="button-grid"><button id="mountBtn">Mount</button><button id="unmountBtn">Unmount</button><button id="remountBtn">Remount</button><button id="stressBtn">A/B ×20</button><button id="mockBtn" class="wide">Enable Optional Fault Injection</button></div>
-          <p class="hint">浏览器只发送 workspaceRef；绝对工作目录由 Server 白名单解析。</p>
-        </div>
-      </aside>
-      <section id="workbenchMount" class="workbench"></section>
-      <aside class="panel inspector">
-        <div class="panel-title">Runtime Inspector <button id="clearBtn">清空</button></div>
-        <div class="panel-body">
-          <dl id="metrics"></dl>
-          <h3>Raw SSE / Lifecycle Events</h3>
-          <pre id="eventLog"></pre>
-          <h3>Acceptance Report</h3>
-          <pre id="reportLog">尚未运行</pre>
-          <button id="exportBtn">导出报告 JSON</button>
-        </div>
-      </aside>
-    </main>
-  </div>
-  <div id="profileDrawer" class="drawer" aria-hidden="true">
-    <section class="drawer-box" role="dialog" aria-modal="true" aria-labelledby="profileDrawerTitle">
-      <header class="drawer-head">
-        <strong id="profileDrawerTitle">AI 模型配置</strong>
-        <button id="closeProfiles" type="button">关闭</button>
-      </header>
-      <div class="drawer-content">
-        <ai-profile-settings id="profileSettings"></ai-profile-settings>
-      </div>
-    </section>
-  </div>
-  <script src="host.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>Claude AI Workbench · Minimal Test Host</title>
+  <link rel="stylesheet" href="/reference-ui/dist/claude-ai-workbench-theme.css">
+  <link rel="stylesheet" href="/packages/ui/theme.css">
+  <link rel="stylesheet" href="host.css">
+  <script src="/packages/client/index.js"></script>
+  <script src="/packages/ui/ai-profile-settings.js"></script>
+  <script src="/reference-ui/dist/claude-workbench-core.js"></script>
+  <script src="/reference-ui/dist/claude-workbench-pane.js"></script>
+</head>
+<body>
+  <div class="app">
+    <header>
+      <div><h1>Claude AI Workbench</h1><p>Minimal Test Host · 真实 Runtime 为默认链路</p></div>
+      <div class="badges"><span id="serverBadge" class="badge">Server…</span><span id="runtimeBadge" class="badge">Runtime…</span><span id="modeBadge" class="badge real">REAL</span><button id="refreshBtn">刷新</button><button id="profilesBtn">AI Profiles</button><button id="acceptBtn" class="primary">运行验收</button></div>
+    </header>
+    <main class="layout">
+      <aside class="panel sidebar">
+        <div class="panel-title">Test Contexts</div>
+        <div class="panel-body">
+          <div id="contexts"></div>
+          <label>AI Profile<select id="profileSelect"><option value="">选择 Profile</option></select></label>
+          <div class="button-grid"><button id="mountBtn">Mount</button><button id="unmountBtn">Unmount</button><button id="remountBtn">Remount</button><button id="stressBtn">A/B ×20</button><button id="mockBtn" class="wide">Enable Optional Fault Injection</button></div>
+          <p class="hint">浏览器只发送 workspaceRef；绝对工作目录由 Server 白名单解析。</p>
+        </div>
+      </aside>
+      <section id="workbenchMount" class="workbench"></section>
+      <aside class="panel inspector">
+        <div class="panel-title">Runtime Inspector <button id="clearBtn">清空</button></div>
+        <div class="panel-body">
+          <dl id="metrics"></dl>
+          <h3>Raw SSE / Lifecycle Events</h3>
+          <pre id="eventLog"></pre>
+          <h3>Acceptance Report</h3>
+          <pre id="reportLog">尚未运行</pre>
+          <button id="exportBtn">导出报告 JSON</button>
+        </div>
+      </aside>
+    </main>
+  </div>
+  <div id="profileDrawer" class="drawer" aria-hidden="true">
+    <section class="drawer-box" role="dialog" aria-modal="true" aria-labelledby="profileDrawerTitle">
+      <header class="drawer-head">
+        <strong id="profileDrawerTitle">AI 模型配置</strong>
+        <button id="closeProfiles" type="button">关闭</button>
+      </header>
+      <div class="drawer-content">
+        <ai-profile-settings id="profileSettings"></ai-profile-settings>
+      </div>
+    </section>
+  </div>
+  <script src="host.js"></script>
+</body>
+</html>

package/apps/minimal-test-host/optional-mock/fault-injection.js

@@ -1,15 +1,15 @@
-(function(global){
-  global.createFaultInjectionAdapter=function createFaultInjectionAdapter(options={}){
-    const sessions=new Map(),streams=new Set();let requests=0,sequence=0;
-    const raw=event=>{options.onRaw?.(event);return event};
-    return{
-      async listSessions(context){requests++;try{return[...sessions.values()].filter(s=>s.contextId===context.contextId).map(s=>s.summary)}finally{requests--}},
-      async startSession(context){const sessionId=`mock-${context.contextId}-${Date.now().toString(36)}`;const summary={sessionId,contextId:context.contextId,title:'Fault injection session',active:true,state:'idle',model:'mock-model',aiProfileId:context.aiProfileId||'mock-profile'};sessions.set(sessionId,{contextId:context.contextId,summary,events:[]});return summary},
-      async loadSession(sessionId){const s=sessions.get(sessionId);return{session:s.summary,events:s.events,permission:null,permissionMode:'default',tokenUsage:{used:0,total:1000,hasUsage:false}}},
-      subscribe(sessionId,onEvent){const record={sessionId,onEvent,closed:false};streams.add(record);return()=>{record.closed=true;streams.delete(record)}},
-      async send(args){const s=sessions.get(args.sessionId);const emit=(type,extra={},forced)=>{const event=raw({type,sessionId:args.sessionId,contextId:s.contextId,sequence:forced||++sequence,at:new Date().toISOString(),...extra});s.events.push(event);for(const stream of streams)if(!stream.closed&&stream.sessionId===args.sessionId)stream.onEvent(event)};emit('claude/user-prompt',{text:args.text});emit('claude/text-start',{id:'answer'});emit('claude/text-delta',{id:'answer',text:'Fault '});emit('claude/text-delta',{id:'answer',text:'duplicate ignored'},sequence);emit('claude/text-delta',{id:'answer',text:'injection active. '});setTimeout(()=>emit('claude/result',{id:'answer',result:'Fault injection active. Duplicate sequence was ignored.'}),30)},
-      async resolvePermission(){},async abort(){},async setPermissionMode(){},
-      resourceCounts(){return{streams:streams.size,requests,reconnects:0}},destroy(){streams.clear()}
-    }
-  }
-})(window);
+(function(global){
+  global.createFaultInjectionAdapter=function createFaultInjectionAdapter(options={}){
+    const sessions=new Map(),streams=new Set();let requests=0,sequence=0;
+    const raw=event=>{options.onRaw?.(event);return event};
+    return{
+      async listSessions(context){requests++;try{return[...sessions.values()].filter(s=>s.contextId===context.contextId).map(s=>s.summary)}finally{requests--}},
+      async startSession(context){const sessionId=`mock-${context.contextId}-${Date.now().toString(36)}`;const summary={sessionId,contextId:context.contextId,title:'Fault injection session',active:true,state:'idle',model:'mock-model',aiProfileId:context.aiProfileId||'mock-profile'};sessions.set(sessionId,{contextId:context.contextId,summary,events:[]});return summary},
+      async loadSession(sessionId){const s=sessions.get(sessionId);return{session:s.summary,events:s.events,permission:null,permissionMode:'default',tokenUsage:{used:0,total:1000,hasUsage:false}}},
+      subscribe(sessionId,onEvent){const record={sessionId,onEvent,closed:false};streams.add(record);return()=>{record.closed=true;streams.delete(record)}},
+      async send(args){const s=sessions.get(args.sessionId);const emit=(type,extra={},forced)=>{const event=raw({type,sessionId:args.sessionId,contextId:s.contextId,sequence:forced||++sequence,at:new Date().toISOString(),...extra});s.events.push(event);for(const stream of streams)if(!stream.closed&&stream.sessionId===args.sessionId)stream.onEvent(event)};emit('claude/user-prompt',{text:args.text});emit('claude/text-start',{id:'answer'});emit('claude/text-delta',{id:'answer',text:'Fault '});emit('claude/text-delta',{id:'answer',text:'duplicate ignored'},sequence);emit('claude/text-delta',{id:'answer',text:'injection active. '});setTimeout(()=>emit('claude/result',{id:'answer',result:'Fault injection active. Duplicate sequence was ignored.'}),30)},
+      async resolvePermission(){},async abort(){},async setPermissionMode(){},
+      resourceCounts(){return{streams:streams.size,requests,reconnects:0}},destroy(){streams.clear()}
+    }
+  }
+})(window);