@my-life-buddies/cli 0.27.1-dev.2 → 0.27.1

package/dist/web/diagnostics.js

@@ -1,193 +0,0 @@
-(() => {
-  "use strict";
-  window.createPreviewDiagnostics = ({ node, formatTime, formatDuration, toast, showError }) => {
-    const $ = id => document.getElementById(id);
-    const models = $("model-records"), logs = $("protocol-log");
-    const modelConversation = $("models-conversation"), logConversation = $("logs-conversation");
-    const kind = $("models-kind"), level = $("logs-level");
-    const responseKind = $("models-response-kind");
-    const modelSearch = $("models-search"), logSearch = $("logs-search");
-    let snapshot = {}, conversation = "", visibleLogs = [];
-    const cached = new Map(), expanded = new Map();
-    const object = value => value && typeof value === "object" && !Array.isArray(value) ? value : {};
-    const json = value => typeof value === "string" ? value : JSON.stringify(value, null, 2);
-    const number = value => typeof value === "number" && Number.isFinite(value) && value >= 0;
-    const newestFirst = (a, b) => (Date.parse(b.timestamp) || 0) - (Date.parse(a.timestamp) || 0);
-    const metricHelp = {
-      "模型响应耗时": "本次模型请求发出至响应结束。",
-      "模型首字耗时": "本次模型请求发出至首段输出。",
-      "结束原因": "模型停止原因；toolUse 表示请求调用工具。",
-      "输入 Token": "本次调用的输入 Token 数。",
-      "输出 Token": "本次调用的输出 Token 数。",
-      "缓存读取": "本次调用读取缓存的 Token 数。",
-      "缓存写入": "本次调用写入缓存的 Token 数。",
-      "总 Token": "本次调用上报的 Token 总数。",
-    };
-    function section(label, value, key) {
-      const details = node("details", { class: "diagnostic-section", "data-detail": key });
-      details.append(node("summary", {}, label));
-      details.append(node("pre", {}, json(value)));
-      return details;
-    }
-    function metrics(pairs) {
-      const list = node("dl", { class: "diagnostic-metrics" });
-      for (const [label, value] of pairs) {
-        const item = node("div");
-        const detail = node("dd", {}, value);
-        if (metricHelp[label]) {
-          detail.append(node("p", { class: "metric-help" }, metricHelp[label]));
-        }
-        item.append(node("dt", {}, label), detail);
-        list.append(item);
-      }
-      return list;
-    }
-    async function copy(text) {
-      try { await navigator.clipboard.writeText(text); toast("日志已复制"); }
-      catch { showError(new Error("浏览器未允许复制，请展开原始日志后手动选择")); }
-    }
-    function describe(record) {
-      const data = object(record.data), payload = object(data.payload);
-      if (record.kind === "request") {
-        const messages = payload.messages || payload.input;
-        const count = Array.isArray(messages) ? `${messages.length} 条上下文` : "请求上下文";
-        return `${typeof payload.model === "string" ? payload.model : "模型未上报"} · ${count}${Array.isArray(payload.tools) ? ` · ${payload.tools.length} 个工具` : ""}`;
-      }
-      const content = Array.isArray(data.content) ? data.content : [];
-      const texts = content.filter(item => item?.type === "text").map(item => item.text).filter(text => typeof text === "string");
-      const tools = content.filter(item => item?.type === "toolCall").map(item => item.name).filter(name => typeof name === "string");
-      return typeof data.error === "string" ? data.error : tools.length ? `工具调用：${tools.join("、")}` : texts.join(" ") || record.title;
-    }
-    function row(record, model) {
-      const data = object(record.data);
-      const details = node("details", { class: "diagnostic-entry", "data-record": record.id, "data-detail": "entry" });
-      details.dataset.level = data.error || data.stopReason === "error" ? "error" : record.level;
-      const summary = node("summary");
-      summary.append(node("span", { class: "diagnostic-badge", "data-kind": record.kind }, model ? record.kind === "request" ? "请求" : "响应" : record.level.toUpperCase()));
-      const heading = node("span", { class: "diagnostic-heading" });
-      heading.append(node("strong", {}, model ? record.kind === "request" ? "模型请求" : "模型响应" : record.title));
-      if (model) heading.append(node("span", { class: "diagnostic-preview" }, describe(record)));
-      summary.append(heading, node("time", { dateTime: record.timestamp, title: record.timestamp }, formatTime(record.timestamp)));
-      details.append(summary);
-      const body = node("div", { class: "diagnostic-body" });
-      const meta = node("div", { class: "diagnostic-meta" });
-      meta.append(node("span", {}, `${record.convoKey || "未标注会话"} · ${record.source}`));
-      const button = node("button", { type: "button", class: "text-button" }, "复制原始日志");
-      button.addEventListener("click", () => void copy(record.raw));
-      meta.append(button); body.append(meta);
-      if (record.truncated || (model && !record.data)) {
-        body.append(node("p", { class: "diagnostic-warning" }, record.truncated
-          ? "日志已截断，无法还原完整数据。请查看原始日志。"
-          : "尚未收到完整数据，或日志格式无法解析。已保留原始日志。"));
-      }
-      if (model && record.data) {
-        if (record.kind === "request") {
-          const payload = object(data.payload);
-          const messages = payload.messages ?? payload.input;
-          const system = payload.system ?? (Array.isArray(messages) ? messages.filter(item => ["system", "developer"].includes(item?.role)) : undefined);
-          if (system != null && (!Array.isArray(system) || system.length)) body.append(section("系统提示词", system, "system"));
-          if (messages != null) body.append(section(`请求上下文${Array.isArray(messages) ? ` · ${messages.length} 条` : ""}`, messages, "messages"));
-          if (payload.tools != null) body.append(section(`可用工具${Array.isArray(payload.tools) ? ` · ${payload.tools.length} 个` : ""}`, payload.tools, "tools"));
-          const { messages: _messages, input: _input, system: _system, tools: _tools, ...parameters } = payload;
-          body.append(section("模型与请求参数", parameters, "parameters"));
-          body.append(section("完整请求体", data.payload ?? data, "payload"));
-        } else {
-          const usage = object(data.usage);
-          body.append(metrics([
-            ["模型响应耗时", number(data.ms) ? formatDuration(data.ms) : "未上报"],
-            ["模型首字耗时", number(data.firstTokenMs) ? formatDuration(data.firstTokenMs) : "未上报"],
-            ["结束原因", typeof data.stopReason === "string" ? data.stopReason : "未上报"],
-          ]));
-          const tokenFields = [["输入 Token", "input"], ["输出 Token", "output"], ["缓存读取", "cacheRead"], ["缓存写入", "cacheWrite"], ["总 Token", "totalTokens"]];
-          body.append(metrics(tokenFields.map(([label, key]) => [label, number(usage[key]) ? String(usage[key]) : "未上报"])));
-          if (typeof data.error === "string" && data.error) body.append(node("p", { class: "diagnostic-warning" }, data.error));
-          const content = Array.isArray(data.content) ? data.content : [];
-          content.forEach((block, index) => {
-            if (!block || typeof block !== "object") return;
-            const label = block.type === "text" ? "响应正文" : block.type === "thinking" ? "思考内容（日志已提供）" : block.type === "toolCall" ? `工具调用请求 · ${block.name || "未命名"}` : `响应片段 · ${block.type || index + 1}`;
-            body.append(section(label, block.type === "text" ? block.text : block, `content-${index}`));
-          });
-          if (data.content != null && !content.length) body.append(section("响应内容", data.content, "content"));
-          if (data.usage != null) body.append(section("完整用量", data.usage, "usage"));
-        }
-      }
-      body.append(section("原始日志", record.raw, "raw"));
-      details.append(body);
-      return details;
-    }
-    function reconcile(container, records, model, emptyText) {
-      const prefix = model ? "model:" : "log:";
-      const wanted = new Set();
-      records.forEach((record, index) => {
-        const key = prefix + record.id;
-        wanted.add(key);
-        const signature = JSON.stringify(record);
-        let entry = cached.get(key);
-        if (!entry || entry.signature !== signature) {
-          if (entry) expanded.set(key, [...entry.node.querySelectorAll("details"), entry.node].filter(item => item.open).map(item => item.dataset.detail));
-          const element = row(record, model);
-          for (const item of [...element.querySelectorAll("details"), element]) item.open = (expanded.get(key) || []).includes(item.dataset.detail);
-          entry?.node.remove();
-          entry = { node: element, signature };
-          cached.set(key, entry);
-        }
-        if (container.children[index] !== entry.node) container.insertBefore(entry.node, container.children[index] || null);
-      });
-      for (const child of [...container.children]) if (!wanted.has(prefix + child.dataset.record)) child.remove();
-      if (!records.length) {
-        const empty = node("div", { class: "diagnostic-empty" });
-        empty.append(node("strong", {}, emptyText[0]), node("p", {}, emptyText[1]));
-        container.append(empty);
-      }
-    }
-    function updateConversations(records) {
-      const keys = [...new Set(records.map(record => record.convoKey).filter(Boolean))].sort();
-      if (conversation && !keys.includes(conversation)) keys.push(conversation);
-      for (const select of [modelConversation, logConversation]) {
-        if (document.activeElement === select) continue;
-        const signature = JSON.stringify(keys);
-        if (select.dataset.options !== signature) {
-          select.replaceChildren(node("option", { value: "" }, "全部会话"), ...keys.map(key => node("option", { value: key }, key)));
-          select.dataset.options = signature;
-        }
-        select.value = conversation;
-      }
-    }
-    function render() {
-      const runtime = snapshot.diagnostics?.records || [];
-      updateConversations(runtime);
-      const matches = (record, search) => (!conversation || record.convoKey === conversation) && (!search || record.raw.toLocaleLowerCase().includes(search.toLocaleLowerCase()));
-      const modelRecords = runtime.filter(record => record.kind === "request" || record.kind === "response").sort(newestFirst);
-      if ($("models-response-filter")) $("models-response-filter").hidden = kind.value === "request";
-      const filteredModels = modelRecords.filter(record => {
-        if ((kind.value && record.kind !== kind.value) || !matches(record, modelSearch.value.trim())) return false;
-        if (!responseKind?.value || kind.value === "request") return true;
-        if (record.kind !== "response" || record.truncated || !Array.isArray(record.data?.content)) return false;
-        const hasTool = record.data.content.some(block => block?.type === "toolCall");
-        return responseKind.value === "tool" ? hasTool : !hasTool && record.data.content.some(block => block?.type === "text");
-      });
-      reconcile(models, filteredModels, true, modelRecords.length
-        ? ["没有匹配的模型记录", "试试其他会话、类型或关键词。"]
-        : ["等待模型调用", "启动 DEV 并发送消息后，Runtime 提供的模型请求与响应会出现在这里。旧版本或未输出这些日志的 Runtime 可先查看运行日志。"]);
-      $("models-count").textContent = `${filteredModels.length} 条记录${snapshot.diagnostics?.dropped ? ` · 已淘汰 ${snapshot.diagnostics.dropped} 条较早日志` : ""}`;
-      const events = snapshot.events || [];
-      const deltas = events.filter(event => event.type === "run.output.delta").length;
-      const other = events.filter(event => event.type !== "run.output.delta" && (!snapshot.diagnostics || !/^agent\.(stdout|stderr)$/.test(event.type))).map(event => ({
-        id: event.eventId, timestamp: event.timestamp, source: event.channel, level: /failed|error|stderr/.test(event.type) ? "error" : "info", title: event.summary || event.type,
-        kind: "log", raw: `${event.timestamp} ${event.channel} ${event.type}${event.runId ? ` ${event.runId}` : ""}\n${event.summary || ""}`,
-      }));
-      const allLogs = [...runtime, ...other].sort(newestFirst);
-      visibleLogs = allLogs.filter(record => (!level.value || record.level === level.value || level.value === "error" && (record.data?.error || record.data?.stopReason === "error")) && matches(record, logSearch.value.trim()));
-      reconcile(logs, visibleLogs, false, allLogs.length ? ["没有匹配的日志", "调整会话、级别或搜索条件后再试。"] : ["等待运行日志", "启动 DEV 后，这里会保留进程输出与连接事件。"]);
-      $("logs-count").textContent = `${visibleLogs.length} 条可见日志${deltas ? ` · 已折叠 ${deltas} 条文字分片事件` : ""}${snapshot.diagnostics?.dropped ? ` · 已淘汰 ${snapshot.diagnostics.dropped} 条较早日志` : ""}`;
-      const retained = new Set([...runtime.map(record => record.id), ...other.map(record => record.id)]);
-      for (const key of cached.keys()) if (!retained.has(key.slice(key.indexOf(":") + 1))) { cached.delete(key); expanded.delete(key); }
-    }
-    for (const select of [modelConversation, logConversation]) {
-      select.addEventListener("change", () => { conversation = select.value; render(); });
-      select.addEventListener("blur", render);
-    }
-    for (const input of [kind, level, modelSearch, logSearch, responseKind].filter(Boolean)) input.addEventListener(input.type === "search" ? "input" : "change", render);
-    return { update(next) { snapshot = next; render(); }, copyLogs() { return copy(visibleLogs.map(record => record.raw).join("\n\n")); } };
-  };
-})();

package/dist/web/index.html

@@ -1,268 +0,0 @@
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-    <meta name="color-scheme" content="light dark">
-    <meta name="theme-color" content="#f4f8fc" media="(prefers-color-scheme: light)">
-    <meta name="theme-color" content="#101922" media="(prefers-color-scheme: dark)">
-    <title>搭搭本地调试</title>
-    <link rel="icon" type="image/png" href="/assets/developer-platform-icon.png">
-    <link rel="stylesheet" href="/assets/brand.css">
-    <link rel="stylesheet" href="/assets/tokens.css">
-    <link rel="stylesheet" href="/assets/app.css">
-    <script src="/assets/iphone-16-max.js" defer></script>
-    <script src="/assets/widgets.js" defer></script>
-    <script src="/assets/products.js" defer></script>
-    <script src="/assets/diagnostics.js" defer></script>
-    <script src="/assets/tool-inventory.js" defer></script>
-    <script src="/assets/chat-markdown.js" defer></script>
-    <script src="/assets/app.js" defer></script>
-    <link rel="stylesheet" href="/assets/widgets.css">
-    <link rel="stylesheet" href="/assets/products.css">
-  </head>
-  <body>
-    <a class="skip-link" href="#debug-content">跳到调试内容</a>
-
-    <div class="app-shell">
-      <aside class="sidebar" aria-label="预览调试导航">
-        <div class="brand" aria-label="搭搭本地调试">
-          <img class="brand-mark" src="/assets/developer-platform-icon.png" alt="">
-          <span class="brand-name">搭搭本地调试</span>
-        </div>
-
-        <div class="sidebar-section">
-          <p class="sidebar-label">开发调试</p>
-          <nav class="debug-tabs" role="tablist" aria-label="本地回合调试视图">
-            <button id="tab-overview" role="tab" aria-selected="true" aria-controls="panel-overview" tabindex="0">
-              <svg aria-hidden="true" viewBox="0 0 24 24"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg><span>运行概况</span>
-            </button>
-            <button id="tab-models" role="tab" aria-selected="false" aria-controls="panel-models" tabindex="-1">
-              <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M4 5h16v14H4ZM8 9h8M8 13h5"/></svg><span>模型调用</span>
-            </button>
-            <button id="tab-protocol" role="tab" aria-selected="false" aria-controls="panel-protocol" tabindex="-1">
-              <svg aria-hidden="true" viewBox="0 0 24 24"><rect x="3.5" y="5" width="17" height="14" rx="2"/><path d="m7.5 9 3 3-3 3M13 15h3.5"/></svg><span>运行日志</span>
-            </button>
-            <button id="tab-tools" role="tab" aria-selected="false" aria-controls="panel-tools" tabindex="-1">
-              <!-- Lucide wrench — ISC License, Copyright (c) 2026 Lucide Icons and Contributors.
-              Permission to use, copy, modify, and/or distribute this software for any
-              purpose with or without fee is hereby granted, provided that the above
-              copyright notice and this permission notice appear in all copies.
-              THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-              WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-              MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-              ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-              WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-              ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-              OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. -->
-              <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"/></svg><span>工具列表</span>
-            </button>
-          </nav>
-        </div>
-
-      </aside>
-
-      <div class="application">
-        <header class="topbar">
-          <div class="project-heading">
-            <h1 id="project-name">正在读取项目…</h1>
-          </div>
-
-          <div class="topbar-actions">
-            <div class="connection-state" id="connection-state" data-phase="idle" aria-live="polite">
-              <span class="connection-dot" aria-hidden="true"></span>
-              <span id="connection-label">未启动</span>
-            </div>
-            <button class="button button-primary" id="dev-control" type="button">启动 DEV</button>
-          </div>
-        </header>
-
-    <aside class="pairing-panel" id="pairing-panel" aria-labelledby="pairing-title" hidden>
-      <div>
-        <p class="eyebrow">Device preview</p>
-        <h2 id="pairing-title">在搭搭 App 中继续</h2>
-      </div>
-      <button class="icon-button" id="close-pairing" type="button" aria-label="关闭真机预览面板">
-        <svg aria-hidden="true" viewBox="0 0 24 24"><path d="m6 6 12 12M18 6 6 18"/></svg>
-      </button>
-      <div class="pairing-body" id="pairing-body">
-        <div class="pairing-placeholder" aria-hidden="true"><span></span><span></span><span></span><span></span></div>
-        <div>
-          <p class="pairing-status">正在读取真机入口…</p>
-          <p class="pairing-hint">真机将打开当前搭子的 DEV 详情页。</p>
-        </div>
-      </div>
-    </aside>
-
-    <div class="error-banner" id="error-banner" role="alert" hidden>
-      <span id="error-message"></span>
-      <button type="button" id="dismiss-error">知道了</button>
-    </div>
-
-        <main class="workspace" id="debug-content">
-      <section class="debugger" aria-label="本地回合调试器">
-        <div class="debug-panels">
-          <section id="panel-models" class="debug-panel" role="tabpanel" aria-labelledby="tab-models" hidden>
-            <div class="section-heading"><div><h3>模型调用</h3></div></div>
-            <div class="diagnostic-filters">
-              <label>会话<select id="models-conversation" aria-label="模型会话"><option value="">全部会话</option></select></label>
-              <label>类型<select id="models-kind"><option value="">请求与响应</option><option value="request">模型请求</option><option value="response">模型响应</option></select></label>
-              <label id="models-response-filter">响应类型<select id="models-response-kind"><option value="">全部响应</option><option value="tool">工具调用</option><option value="text">文本响应</option></select></label>
-              <label class="diagnostic-search">搜索<input id="models-search" type="search" placeholder="搜索模型、工具或内容" autocomplete="off"></label>
-            </div>
-            <p class="diagnostic-note" id="models-count"></p>
-            <div id="model-records" class="diagnostic-records"></div>
-          </section>
-          <section id="panel-tools" class="debug-panel" role="tabpanel" aria-labelledby="tab-tools" hidden>
-            <div class="section-heading"><div><h3>工具列表 <span id="tools-total"></span></h3><p id="tools-caption">连接本地工程后，查看已识别的工具及用途。</p></div><span id="tools-read-state" class="inventory-read-state"></span></div>
-            <p id="tools-notice" class="inventory-notice" role="status" hidden></p>
-            <div id="tools-filters" class="diagnostic-filters" hidden>
-              <label class="diagnostic-search">搜索<input id="tools-search" type="search" placeholder="搜索工具名称或用途" autocomplete="off"></label>
-              <label>来源<select id="tools-origin"><option value="">全部来源</option><option value="custom">自定义工具</option><option value="platform">平台工具</option></select></label>
-            </div>
-            <div id="tool-inventory"></div>
-            <p class="diagnostic-note" id="tools-footer" hidden>来自本地工程分析。每次请求实际提供的工具可在「模型调用」中查看。</p>
-          </section>
-          <section id="panel-overview" class="debug-panel" role="tabpanel" aria-labelledby="tab-overview">
-        <div class="run-strip">
-          <div class="run-heading">
-            <div class="run-identity">
-              <p class="eyebrow">当前回合</p>
-              <div class="run-title-line">
-                <h2 id="run-title">尚无本地回合</h2>
-                <span class="status-pill" id="run-status" data-status="idle">等待消息</span>
-              </div>
-              <details class="run-reference" id="run-reference" hidden><summary>本地发送回执 ID</summary>
-                <span id="run-id"></span>
-                <button type="button" class="text-button" id="copy-run-id" disabled>复制 ID</button>
-              </details>
-            </div>
-            <div class="run-controls">
-              <label class="run-picker-label" for="run-picker">切换回合</label>
-              <div class="run-navigation">
-                <button type="button" class="run-step" id="previous-run" aria-label="上一轮" title="上一轮" disabled>←</button>
-                <select id="run-picker" class="run-picker" disabled>
-                  <option value="">尚无运行记录</option>
-                </select>
-                <button type="button" class="run-step" id="next-run" aria-label="下一轮" title="下一轮" disabled>→</button>
-              </div>
-              <label class="run-follow"><input type="checkbox" id="follow-latest-run" checked>跟随最新回合</label>
-            </div>
-          </div>
-
-          <dl class="run-metrics" aria-label="本地回合指标">
-            <div><dt>消息被接收</dt><dd><span id="metric-accept">未记录</span><p class="metric-help">Preview 发起发送至平台确认接收。</p></dd></div>
-            <div><dt>首字耗时</dt><dd><span id="metric-first">未记录</span><p class="metric-help">Preview 发起发送至收到首段文字。</p></dd></div>
-            <div><dt>回复结束</dt><dd><span id="metric-response">未记录</span><p class="metric-help">Preview 发起发送至观察到回复结束。</p></dd></div>
-            <div><dt>会话消息</dt><dd><span id="metric-messages">0</span><p class="metric-help">当前会话的消息总数，包含历史消息。</p></dd></div>
-          </dl>
-
-        </div>
-            <div class="overview-grid">
-              <article class="run-summary">
-                <div class="section-heading">
-                  <div><h3>回复观察</h3></div>
-                </div>
-                <div class="empty-state" id="overview-empty">
-                  <h4>发一条消息，开始记录</h4>
-                  <p>右侧发送消息后，这里显示消息发送与回复的观察结果。</p>
-                </div>
-                <div id="overview-content" hidden>
-                  <ol class="run-progress" id="run-progress" aria-label="回合执行进度"></ol>
-                  <div class="waterfall" id="waterfall" aria-label="消息时间节点，均从发起发送计时"></div>
-                  <p class="run-summary-copy" id="run-summary-copy"></p>
-                </div>
-              </article>
-
-              <article class="environment-note">
-                <p class="eyebrow">运行环境</p>
-                <h3>DEV · 私聊</h3>
-                <dl>
-                  <div><dt>Agent</dt><dd id="environment-agent">等待启动</dd></div>
-                  <div><dt>Runtime</dt><dd id="environment-runtime">未记录</dd></div>
-                  <div><dt>模型</dt><dd id="environment-model">未记录</dd></div>
-                </dl>
-              </article>
-            </div>
-            <details class="diagnostic-history"><summary>消息与连接事件</summary><ol class="timeline" id="timeline-list"></ol></details>
-            <details class="diagnostic-history"><summary>平台对话记录 <span id="context-source">平台聊天记录</span></summary><div class="context-list" id="context-list"></div></details>
-          </section>
-
-          <section id="panel-protocol" class="debug-panel" role="tabpanel" aria-labelledby="tab-protocol" hidden>
-            <div class="section-heading">
-              <div><h3>运行日志</h3></div>
-              <button class="text-button" id="copy-protocol" type="button">复制可见日志</button>
-            </div>
-            <div class="diagnostic-filters">
-              <label>会话<select id="logs-conversation" aria-label="日志会话"><option value="">全部会话</option></select></label>
-              <label>级别<select id="logs-level"><option value="">全部级别</option><option value="error">ERROR</option><option value="warn">WARN</option><option value="info">INFO</option></select></label>
-              <label class="diagnostic-search">搜索<input id="logs-search" type="search" placeholder="搜索日志内容" autocomplete="off"></label>
-            </div>
-            <p class="diagnostic-note" id="logs-count"></p>
-            <div class="protocol-log" id="protocol-log" role="log" aria-live="polite"></div>
-          </section>
-        </div>
-      </section>
-
-      <section class="simulator-area" aria-label="搭搭 App 模拟器">
-        <div class="simulator-caption">
-          <h2>模拟私聊场景</h2>
-          <div class="simulator-actions">
-          <button class="simulator-device" id="reset-conversation" type="button" disabled>清空对话</button>
-          <button class="simulator-device" id="pair-device" type="button" aria-expanded="false" aria-controls="pairing-panel">
-            <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M8 2.75h8A2.25 2.25 0 0 1 18.25 5v14A2.25 2.25 0 0 1 16 21.25H8A2.25 2.25 0 0 1 5.75 19V5A2.25 2.25 0 0 1 8 2.75Z"/><path d="M10 18.25h4"/></svg>
-            <span>真机预览</span>
-          </button>
-          </div>
-        </div>
-
-        <div class="device-stage">
-          <div class="phone" aria-label="iPhone 模拟器">
-            <iphone-16-max mode="light">
-              <div class="phone-screen">
-                <header class="chat-navigation">
-                  <button class="back-chevron" type="button" aria-label="返回（预览中不可用）" disabled>
-                    <svg aria-hidden="true" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
-                  </button>
-                  <img id="buddy-profile-avatar" alt="搭子头像" hidden><div class="buddy-identity"><h3 id="buddy-name">我的搭子</h3><p id="buddy-status" class="sr-only">DEV 未连接</p></div>
-                  <div class="chat-navigation-actions" aria-hidden="true">
-                    <button class="chat-more" type="button" aria-label="更多（预览中不可用）" disabled tabindex="-1">
-                      <svg viewBox="0 0 24 24"><circle cx="5" cy="12" r="1.3"/><circle cx="12" cy="12" r="1.3"/><circle cx="19" cy="12" r="1.3"/></svg>
-                    </button>
-                  </div>
-                </header>
-
-                <div id="widget-shortcut" class="widget-shortcut" hidden></div>
-                <div id="widget-overlay" class="widget-overlay" hidden></div>
-                <div class="chat-messages" id="chat-messages" aria-live="polite" aria-label="模拟器聊天记录">
-                  <div class="chat-empty" id="chat-empty" aria-label="暂无消息"></div>
-                </div>
-
-                <button id="latest-messages" class="latest-messages" type="button" hidden>回到最新消息 ↓</button>
-                <form class="composer" id="composer">
-                  <button class="composer-tool composer-add" type="button" aria-label="添加内容（预览中不可用）" disabled tabindex="-1">
-                    <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-                  </button>
-                  <label class="sr-only" for="message-input">发送消息</label>
-                  <textarea id="message-input" rows="1" maxlength="32768" placeholder="发消息或长按发送语音" disabled></textarea>
-                  <button class="composer-tool composer-voice" type="button" aria-label="发送语音（预览中不可用）" disabled tabindex="-1">
-                    <svg aria-hidden="true" viewBox="0 0 24 24"><rect x="9" y="3" width="6" height="12" rx="3"/><path d="M6 11a6 6 0 0 0 12 0M12 17v4M9 21h6"/></svg>
-                  </button>
-                  <button class="send-button" id="send-message" type="submit" aria-label="发送消息" disabled>
-                    <svg aria-hidden="true" viewBox="0 0 24 24"><path d="m6 12 6-6 6 6M12 6v12"/></svg>
-                  </button>
-                </form>
-                <div class="home-indicator" aria-hidden="true"></div>
-              </div>
-            </iphone-16-max>
-          </div>
-        </div>
-        <p class="keyboard-hint"><kbd>Enter</kbd> 发送 · 回复期间请等待</p>
-      </section>
-        </main>
-      </div>
-    </div>
-
-    <div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
-  </body>
-</html>

package/dist/web/products.css

@@ -1,19 +0,0 @@
-/* 随手机画布缩放；详情在手机内独立滚动，购买按钮保持可见。 */
-.product-card { display:flex; flex-direction:column; gap:calc(var(--widget-unit, 1px)*10); width:100%; min-width:0; padding:calc(var(--widget-unit, 1px)*18); border:1px solid #ddc9af; border-radius:calc(var(--widget-unit, 1px)*20); background:linear-gradient(145deg,#fffaf4,#eed8bf); color:#513516; text-align:left; white-space:normal; overflow-wrap:anywhere; font:inherit; }
-.product-card strong { font-size:1.1em; }
-.product-card-label { font-size:.75em; opacity:.75; }
-.product-card-action { border-top:1px solid #b9976d55; padding-top:.6em; font-weight:600; }
-.product-overlay[hidden] { display:none; }
-.product-overlay { position:absolute; inset:0; z-index:30; display:flex; align-items:flex-end; background:#0005; font-size:calc(var(--widget-unit, 1px)*16); color:#513516; }
-.product-sheet { width:100%; min-width:0; max-height:87%; display:flex; flex-direction:column; overflow:hidden; border-radius:calc(var(--widget-unit, 1px)*28) calc(var(--widget-unit, 1px)*28) 0 0; background:#fff8ef; box-sizing:border-box; }
-.product-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:.6em; padding:1em; border-bottom:1px solid #e7d9c7; }
-.product-sheet-header h3 { font-size:1.1em; margin:0; min-width:0; overflow-wrap:anywhere; }
-.product-sheet button { font:inherit; cursor:pointer; border:1px solid #d9c4a9; background:#fff; color:#513516; border-radius:.8em; padding:.7em; }
-.product-sheet button:disabled { opacity:.55; cursor:wait; }
-.product-sheet-content { overflow-y:auto; overscroll-behavior:contain; padding:0 1em 1em; min-height:0; overflow-wrap:anywhere; }
-.product-sheet h4 { font-size:1em; margin:1em 0 .4em; }
-.product-sheet p { white-space:pre-wrap; line-height:1.55; margin:.5em 0; }
-.product-sheet .product-notice { font-size:.85em; padding:.75em; background:#f1e4d2; border-radius:.8em; }
-.product-sheet-footer { flex:none; padding:.8em 1em 1.8em; border-top:1px solid #e7d9c7; background:#fff8ef; }
-.product-sheet .product-primary { width:100%; background:#63451f; color:white; font-weight:600; }
-.product-success { color:#28603c; }

package/dist/web/products.js

@@ -1,104 +0,0 @@
-/* 商品卡预览：只使用当前 DEV 会话的真实卡片和零扣费模拟购买接口。 */
-(() => {
-  const el = (tag, className, text) => { const item = document.createElement(tag); item.className = className; if (text !== undefined) item.textContent = text; return item; };
-  const button = (text, action, className = '') => { const item = el('button', className, text); item.type = 'button'; item.addEventListener('click', action); return item; };
-  window.createSimulatorProducts = ({ api, refresh }) => {
-    const phone = document.querySelector('.phone-screen');
-    const overlay = el('section', 'product-overlay'); overlay.hidden = true; overlay.setAttribute('role', 'dialog'); overlay.setAttribute('aria-modal', 'true'); overlay.setAttribute('aria-label', '商品方案与模拟购买'); phone.append(overlay);
-    let active = false, scope, revision, generation = 0, selected, busy = false, previousFocus;
-    const purchaseKeys = new Map();
-    function close(force = false) {
-      if (busy && !force) return;
-      generation++; selected = undefined; busy = false; overlay.hidden = true; overlay.replaceChildren();
-      for (const child of phone.children) if (child !== overlay) child.inert = false;
-      previousFocus?.focus(); previousFocus = undefined;
-    }
-    function shell(title) {
-      overlay.replaceChildren();
-      const sheet = el('div', 'product-sheet'), header = el('header', 'product-sheet-header');
-      const dismiss = button('关闭', () => close()); dismiss.disabled = busy;
-      header.append(el('h3', '', title), dismiss); sheet.append(header); overlay.append(sheet); return sheet;
-    }
-    function section(container, title, text) { if (!text) return; container.append(el('h4', '', title), el('p', '', text)); }
-    function credentialCopy(credential) { return ({ pending: '购买已确认，等待搭子开通', active: '服务使用中', ended: '服务已结束', revoked: '模拟服务已解除' })[credential?.state] || '购买已确认'; }
-    async function open(card) {
-      if (!active) return;
-      selected = card; previousFocus ||= document.activeElement; overlay.hidden = false;
-      for (const child of phone.children) if (child !== overlay) child.inert = true;
-      await load();
-    }
-    async function load(note = '') {
-      const card = selected, mine = ++generation;
-      if (!card) return;
-      busy = false; shell('读取商品方案…').append(el('p', 'product-notice', '正在读取平台商品和购买状态'));
-      try {
-        const detail = await api(`/api/simulator/products/${encodeURIComponent(card.offerId)}`);
-        if (mine !== generation || !active) return;
-        const product = detail.product;
-        if (!product || !Number.isSafeInteger(detail.version) || detail.paymentChannel !== 'mock' || detail.chargedAmountMinor !== 0) throw new Error('当前方案不支持零扣费预览');
-        const sheet = shell(product.name), content = el('div', 'product-sheet-content');
-        content.append(el('p', 'product-notice', '开发预览 · 零扣费模拟购买 · 不影响正式搭子的购买权益'));
-        if (note) content.append(el('p', 'product-notice', note));
-        section(content, '服务介绍', product.description);
-        section(content, '本次关注', detail.personalization?.needSummary || detail.personalization?.cardSummary);
-        const benefits = el('div', 'product-benefits');
-        for (const benefit of product.benefits || []) section(benefits, benefit.title, benefit.description);
-        content.append(benefits);
-        const price = product.requestedPrice;
-        section(content, '方案价格', `${price.currency} ${(price.amountMinor / 100).toFixed(2)} / ${product.pricingUnitLabel}（本次实际扣费 0 元）`);
-        section(content, '开始条件', product.productTerms?.startCondition);
-        section(content, '结束条件', product.productTerms?.endCondition);
-        section(content, '服务边界', (product.limitations || []).join('\n'));
-        const footer = el('footer', 'product-sheet-footer');
-        if (detail.existingPurchase) {
-          footer.append(el('p', 'product-success', credentialCopy(detail.existingPurchase.credential)), button('返回对话', () => close(), 'product-primary'));
-        } else if (!detail.canPurchase) {
-          footer.append(el('p', 'product-notice', detail.unavailableReason || '暂不可购买'), button('重新加载', () => load()));
-        } else {
-          const confirm = button('确认模拟购买 · 0 元', async () => {
-            if (busy || mine !== generation || !active) return;
-            busy = true; confirm.disabled = true; confirm.textContent = '正在确认…';
-            const key = `${card.offerId}:${detail.version}`;
-            if (!purchaseKeys.has(key)) purchaseKeys.set(key, `preview-${crypto.randomUUID()}`);
-            try {
-              const result = await api(`/api/simulator/products/${encodeURIComponent(card.offerId)}/mock-purchase`, { method: 'POST', body: JSON.stringify({ expectedVersion: detail.version, idempotencyKey: purchaseKeys.get(key), conversationRevision: revision }) });
-              if (mine !== generation) return;
-              if (result.status !== 'simulated_success' || result.chargedAmountMinor !== 0) throw new Error('尚未确认购买结果，请重新读取状态');
-              busy = false; await load('模拟购买成功，实际扣费 0 元。回到对话后继续体验服务。'); await refresh();
-            } catch (error) {
-              if (mine !== generation) return;
-              busy = false; await load(error.code === 'PRODUCT_VERSION_CHANGED' ? '商品已更新，请重新查看方案并确认。' : `上次结果尚未确认：${error.message}。已重新读取状态，重试会复用同一购买请求。`);
-            }
-          }, 'product-primary');
-          footer.append(confirm);
-        }
-        sheet.append(content, footer); sheet.querySelector('button')?.focus();
-      } catch (error) {
-        if (mine !== generation) return;
-        const sheet = shell('商品暂时无法读取'); sheet.append(el('p', 'product-notice', error.message), button('重试', () => load()));
-      }
-    }
-    overlay.addEventListener('keydown', event => {
-      if (event.key === 'Escape') { event.preventDefault(); close(); }
-      if (event.key === 'Tab') {
-        const buttons = [...overlay.querySelectorAll('button:not(:disabled)')];
-        const first = buttons[0], last = buttons.at(-1);
-        if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last?.focus(); }
-        else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first?.focus(); }
-      }
-    });
-    return {
-      card(product) {
-        const card = button('', () => open(product), 'product-card'); card.disabled = !active;
-        card.setAttribute('aria-label', `${product.title}，${product.buttonText}`);
-        card.append(el('span', 'product-card-label', '服务方案'), el('strong', '', product.title), el('span', 'product-card-summary', product.summary), el('span', 'product-card-action', `${product.buttonText} ›`)); return card;
-      },
-      update(next) {
-        const nextScope = `${next.conversationRevision}:${next.devRevision}`;
-        if (scope !== undefined && scope !== nextScope || !next.active) close(true);
-        active = next.active; scope = nextScope; revision = next.conversationRevision;
-      },
-      reset() { active = false; scope = undefined; close(true); purchaseKeys.clear(); },
-    };
-  };
-})();

package/dist/web/tokens.css

@@ -1,15 +0,0 @@
-/* Preview-only tokens. Shared brand tokens are loaded first from brand.css. */
-:root {
-  --color-error: var(--color-danger);
-  --color-error-soft: var(--color-danger-soft);
-  /* The simulated phone preserves the App appearance in either desktop theme. */
-  --color-phone-paper: #ffffff;
-  --color-phone-surface: #f3f4f6;
-  --color-phone-ink: #20242a;
-  --color-phone-muted: #66727d;
-  --color-phone-accent: #24c9f1;
-  --rule-hair: 1px;
-  --page-gutter: clamp(1.25rem, 3vw, 3rem);
-  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
-  --shadow-phone: 0 1.5rem 3rem var(--color-shadow);
-}