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

package/dist/web/app.js

@@ -1,1155 +0,0 @@
-(() => {
-  "use strict";
-
-  const hosted = document.body?.hasAttribute?.("data-hosted-preview") === true;
-  const hostedBuddyId = hosted ? new URL(location.href).searchParams.get("buddyId") : "";
-  const connectionUrl = hosted ? new URL(`../api/buddies/${encodeURIComponent(hostedBuddyId)}/preview`, location.href) : undefined;
-  let connectionInstance = "", connectionReady = !hosted, connectionBusy = false, devPollBusy = false;
-  let disconnectBusy = false, connectionEpoch = 0;
-  let connectionChecked = false, connectionFailure = "", devAction = "";
-  let eventSource, eventSourceInstance = "", liveEventsActive = false, pollingInterval = 0;
-  function previewApiUrl(path) {
-    if (!hosted) return path;
-    const url = new URL(connectionUrl.href + path);
-    url.searchParams.set("instance", connectionInstance);
-    return url.href;
-  }
-  window.previewApiUrl = previewApiUrl;
-  const $ = (selector) => document.querySelector(selector);
-  const elements = {
-    projectName: $("#project-name"),
-    connectionState: $("#connection-state"),
-    connectionLabel: $("#connection-label"),
-    devControl: $("#dev-control"),
-    errorBanner: $("#error-banner"),
-    errorMessage: $("#error-message"),
-    resetConversation: $("#reset-conversation"),
-    latestMessages: $("#latest-messages"),
-    pairDevice: $("#pair-device"),
-    pairingPanel: $("#pairing-panel"),
-    pairingBody: $("#pairing-body"),
-    runPicker: $("#run-picker"),
-    previousRun: $("#previous-run"),
-    nextRun: $("#next-run"),
-    followLatestRun: $("#follow-latest-run"),
-    runReference: $("#run-reference"),
-    runId: $("#run-id"),
-    copyRunId: $("#copy-run-id"),
-    runTitle: $("#run-title"),
-    runStatus: $("#run-status"),
-    metricAccept: $("#metric-accept"),
-    metricFirst: $("#metric-first"),
-    metricResponse: $("#metric-response"),
-    metricMessages: $("#metric-messages"),
-    overviewEmpty: $("#overview-empty"),
-    overviewContent: $("#overview-content"),
-    waterfall: $("#waterfall"),
-    runSummaryCopy: $("#run-summary-copy"),
-    environmentAgent: $("#environment-agent"),
-    environmentRuntime: $("#environment-runtime"),
-    environmentModel: $("#environment-model"),
-    timelineList: $("#timeline-list"),
-    contextList: $("#context-list"),
-    contextSource: $("#context-source"),
-    protocolLog: $("#protocol-log"),
-    buddyName: $("#buddy-name"),
-    buddyStatus: $("#buddy-status"),
-    chatMessages: $("#chat-messages"),
-    chatEmpty: $("#chat-empty"),
-    composer: $("#composer"),
-    messageInput: $("#message-input"),
-    sendMessage: $("#send-message"),
-    toast: $("#toast"),
-  };
-
-  const state = {
-    project: undefined,
-    buddy: undefined,
-    dev: { phase: "idle", revision: 0 },
-    simulator: { messages: [] },
-    simulatorLoaded: false,
-    debug: {
-      source: "observed",
-      generatedAt: new Date().toISOString(),
-      runs: [],
-      events: [],
-      messages: [],
-    },
-    selectedRunId: "",
-    followLatestRun: true,
-    reportedFailureRevision: -1,
-    polling: undefined,
-    pollingBusy: false,
-    resetting: false,
-    resetUnavailable: false,
-    sending: false,
-    simulatorRequest: 0,
-    toastTimer: undefined,
-  };
-
-  function clear(node) {
-    while (node.firstChild) node.removeChild(node.firstChild);
-  }
-
-  function node(tag, attributes = {}, text) {
-    const element = document.createElement(tag);
-    for (const [name, value] of Object.entries(attributes)) {
-      if (name === "class") element.className = value;
-      else if (name.includes("-")) element.setAttribute(name, value);
-      else element[name] = value;
-    }
-    if (text !== undefined) element.textContent = text;
-    return element;
-  }
-
-  async function api(path, options = {}) {
-    const instance = connectionInstance;
-    const response = await fetch(previewApiUrl(path), {
-      ...options,
-      headers: {
-        Accept: "application/json",
-        ...(options.body ? { "Content-Type": "application/json" } : {}),
-        ...(options.headers || {}),
-      },
-    });
-    const value = await response.json().catch(() => ({}));
-    if (hosted && (disconnectBusy || !connectionReady || instance !== connectionInstance)) throw Object.assign(new Error("本地连接已改变，请等待重新连接"), {status:409, code:"PREVIEW_CONNECTION_CHANGED"});
-    if (!response.ok) {
-      const error = new Error((typeof value?.error === "string" ? value.error : value?.error?.message) || `请求失败（HTTP ${response.status}）`);
-      error.code = value?.error?.code || "PREVIEW_REQUEST_FAILED";
-      error.status = response.status;
-      throw error;
-    }
-    return value;
-  }
-
-  function showError(cause) {
-    elements.errorMessage.textContent = cause instanceof Error ? cause.message : "操作未能完成";
-    elements.errorBanner.hidden = false;
-  }
-
-  function toast(message) {
-    window.clearTimeout(state.toastTimer);
-    elements.toast.textContent = message;
-    elements.toast.hidden = false;
-    state.toastTimer = window.setTimeout(() => {
-      elements.toast.hidden = true;
-    }, 2200);
-  }
-
-  function formatDuration(value) {
-    if (!Number.isFinite(value)) return "未记录";
-    if (value < 1000) return `${Math.round(value)} ms`;
-    return `${(value / 1000).toFixed(value < 10_000 ? 2 : 1)} s`;
-  }
-
-  function formatTime(value, seconds = true) {
-    const date = new Date(value);
-    if (!Number.isFinite(date.getTime())) return "未记录";
-    return new Intl.DateTimeFormat("zh-CN", {
-      hour: "2-digit",
-      minute: "2-digit",
-      ...(seconds ? { second: "2-digit" } : {}),
-      hour12: false,
-    }).format(date);
-  }
-
-  function dayKey(value) {
-    const date = new Date(value);
-    if (!Number.isFinite(date.getTime())) return undefined;
-    return `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
-  }
-
-  function dayLabel(value) {
-    const date = new Date(value);
-    if (!Number.isFinite(date.getTime())) return undefined;
-    const today = new Date();
-    const yesterday = new Date(today);
-    yesterday.setDate(today.getDate() - 1);
-    if (dayKey(date) === dayKey(today)) return "今天";
-    if (dayKey(date) === dayKey(yesterday)) return "昨天";
-    return `${date.getMonth() + 1}月${date.getDate()}日`;
-  }
-
-  function messageAvatar(role) {
-    const avatar = node("span", {
-      class: `message-avatar ${role === "user" ? "person-avatar" : "buddy-message-avatar"}`,
-      "aria-hidden": "true",
-    });
-    if (role !== "user") {
-      const picture = (state.dev.ready?.buddy || state.buddy)?.avatarPreview;
-      if (picture) {
-        const image = node("img", {src: picture, alt: ""});
-        image.addEventListener("error", () => { avatar.textContent = "搭"; }, {once: true});
-        avatar.append(image);
-      } else avatar.textContent = "搭";
-    }
-    return avatar;
-  }
-
-  function phaseCopy(phase) {
-    return {
-      idle: hosted ? "已连接但 DEV 未启动" : "未启动",
-      disconnected: "未连接本地工程",
-      starting: "正在启动",
-      reloading: "正在重载",
-      reload_failed: "重载失败 · 等待修正",
-      ready: "DEV 运行中",
-      stopping: "正在停止",
-      failed: "启动失败",
-    }[phase] || phase;
-  }
-
-  function applyDevState(next) {
-    if (!next || !Number.isFinite(next.revision)) return false;
-    if (Number.isFinite(state.dev?.revision) && next.revision < state.dev.revision) return false;
-    if (next.phase === "ready" && state.dev.phase !== "ready") state.simulatorLoaded = false;
-    if (state.dev.phase === "reload_failed" && ["ready", "reloading"].includes(next.phase)) elements.errorBanner.hidden = true;
-    state.dev = next;
-    if (next.ready?.buddy) state.buddy = next.ready.buddy;
-    return true;
-  }
-
-  function runStatusCopy(status) {
-    return {
-      accepted: "已接收",
-      pending: "等待 Agent",
-      running: "正在回复",
-      cancel_requested: "正在停止",
-      completed: "已完成",
-      failed: "执行失败",
-      cancelled: "已取消",
-      idle: "等待消息",
-    }[status] || status;
-  }
-
-  function currentRun() {
-    const runs = state.debug.runs || [];
-    return runs.find((run) => run.runId === state.selectedRunId) || runs[0];
-  }
-
-  function renderProject() {
-    if (!state.project) return;
-    const localName = state.project.buddyId || "未绑定搭子";
-    const buddy = state.dev.ready?.buddy || state.buddy;
-    const name = buddy?.name || localName;
-    elements.projectName.textContent = name;
-    elements.buddyName.textContent = name;
-    elements.buddyName.title = buddy?.tagline || "";
-    const picture = document.querySelector("#buddy-profile-avatar");
-    if (picture) {
-      picture.hidden = !buddy?.avatarPreview;
-      if (buddy?.avatarPreview) picture.src = buddy.avatarPreview;
-      else picture.removeAttribute("src");
-    }
-    const note = document.querySelector(".preview-note");
-    if (note) note.textContent = buddy ? (buddy.isDev ? "开发预览版 · 仅你可见" : "搭搭 App") : "搭搭 App · DEV";
-    elements.environmentRuntime.textContent = "Node.js · Buddy Runtime";
-    if (!toolInventory) elements.environmentModel.textContent = state.project.model || "未读取";
-    renderToolInventory();
-  }
-
-  let pairingRevision = -1;
-  let pairingRequest = 0;
-
-  function renderDev() {
-    const phase = connectionReady ? (devAction === "start" ? "starting" : devAction === "stop" ? "stopping" : state.dev.phase) : "disconnected";
-    renderWorkbench();
-    renderToolInventory();
-    if (!elements.pairingPanel.hidden && pairingRevision !== state.dev.revision) void togglePairing(true);
-    elements.connectionState.dataset.phase = phase;
-    elements.connectionLabel.textContent = phase === "disconnected" ? "未连接本地工程" : phaseCopy(phase);
-    elements.devControl.disabled = disconnectBusy || !connectionReady || Boolean(devAction) || phase === "starting" || phase === "stopping";
-    elements.devControl.dataset.action = ["ready", "reloading", "reload_failed"].includes(phase) ? "stop" : "start";
-    elements.devControl.textContent = devAction === "start" ? "正在启动…" : devAction === "stop" ? "正在停止…" : phase === "failed" ? "重试启动" : ["ready", "reloading", "reload_failed"].includes(phase) ? "停止 DEV" : phase === "starting" ? "正在启动…" : phase === "stopping" ? "正在停止…" : "启动 DEV";
-    elements.environmentAgent.textContent = phase === "ready"
-      ? `${state.dev.ready?.agentId || "已就绪"} · CLI 托管`
-      : phaseCopy(phase);
-
-    const active = state.simulator.activeRun;
-    elements.pairDevice.disabled = !connectionReady || phase !== "ready";
-    elements.buddyStatus.textContent = phase !== "ready"
-      ? phaseCopy(phase)
-      : active
-        ? state.simulator.streaming?.text
-          ? "正在输入…"
-          : "正在思考…"
-        : "DEV 在线";
-    elements.resetConversation.disabled = phase !== "ready" || Boolean(active) || state.resetting || state.sending || state.resetUnavailable;
-    elements.resetConversation.title = state.resetUnavailable ? "当前平台暂不支持重开会话" : active ? "请等待当前回复完成后再清空" : "结束当前开发版对话，开始一段全新会话";
-    elements.devControl.disabled ||= state.resetting;
-    elements.messageInput.disabled = phase !== "ready" || !state.simulatorLoaded || state.resetting || state.sending;
-    elements.sendMessage.hidden = false;
-    updateSendButton();
-    syncPolling();
-    if (
-      (phase === "failed" || phase === "reload_failed")
-      && state.dev.error?.message
-      && state.reportedFailureRevision !== state.dev.revision
-    ) {
-      state.reportedFailureRevision = state.dev.revision;
-      showError(new Error(state.dev.error.message));
-    }
-  }
-
-  function renderWorkbench() {
-    if (!hosted) return;
-    const phase = connectionReady ? (devAction === "start" ? "starting" : devAction === "stop" ? "stopping" : state.dev.phase) : "disconnected";
-    const runs = state.debug.runs || [];
-    const active = state.simulator.activeRun;
-    document.body.dataset.connection = connectionReady ? "connected" : "disconnected";
-    document.body.dataset.devPhase = phase;
-    document.body.dataset.hasRuns = String(runs.length > 0);
-    document.body.dataset.busy = String(phase === "starting" || phase === "stopping" || state.sending || Boolean(active));
-    const guide = $("#workbench-state");
-    const history = Boolean(state.simulator.messages?.length);
-    $("#debug-buddy-name").textContent = state.buddy?.name || new URL(location.href).searchParams.get("buddyName") || "我的搭子";
-    const copy = !connectionChecked ? ["正在检查连接", "读取本地工程的连接状态。"]
-      : phase === "disconnected" ? [connectionInstance ? "本地连接已断开" : "连接本地工程", connectionFailure || (connectionInstance ? "正在等待重新连接。保留当前记录，连接恢复后继续调试。" : "点击上方「连接工程」，复制指令到终端运行。")]
-      : phase === "starting" ? ["正在启动调试", "正在准备运行环境，启动完成后即可发送消息。"]
-      : phase === "reloading" ? ["正在重载", "本地文件已修改，正在重新加载；当前回复可能中断。"]
-      : phase === "reload_failed" ? ["重载失败", state.dev.error?.message || "修正文件并保存后自动重试，也可停止 DEV。"]
-      : phase === "stopping" ? ["正在停止调试", "等待运行环境退出，当前记录会保留。"]
-      : phase === "failed" ? ["调试未能启动", "查看上方错误信息，修复工程后点击「重试启动」。"]
-      : phase === "idle" ? ["工程已连接", "点击上方「启动 DEV」，开始体验搭子。"]
-      : !state.simulatorLoaded ? ["正在读取对话", "同步当前会话，完成后即可发送消息。"]
-      : state.sending ? ["正在发送消息", "提交成功后，这里会显示消息与模型日志。"]
-      : active ? ["等待执行记录", "消息已提交，正在同步消息与模型日志。"]
-      : ["开始一轮调试", history ? "右侧保留了历史对话。本地调试记录从本次连接开始，发一条新消息即可查看。" : "在右侧发一条消息，观察搭子的回复与模型日志。"];
-    guide.hidden = phase === "ready" && (runs.length > 0 || (state.debug.diagnostics?.records || []).some(record => record.kind !== "log"));
-    $("#workbench-state-title").textContent = copy[0];
-    $("#workbench-state-copy").textContent = copy[1];
-    $("#connection-description").textContent = !connectionChecked ? "检查中" : phase === "disconnected" ? "等待连接" : "保存自动重载，可能中断回复；Widget 数据不自动迁移。";
-    $("#force-disconnect").hidden = !connectionInstance;
-    $("#force-disconnect").disabled = disconnectBusy;
-    $("#force-disconnect").textContent = disconnectBusy ? "正在断开…" : "强制断连";
-    const connectButton = $("#get-connect-command");
-    connectButton.className = `button ${connectionReady ? "button-secondary" : "button-primary"}`;
-    connectButton.textContent = connectionReady ? "连接指令" : connectionInstance ? "重新连接" : "连接工程";
-    const hint = $("#preview-hint");
-    hint.textContent = phase !== "ready" ? (phase === "disconnected" ? "连接工程后开始体验" : phase === "starting" ? "正在启动，稍后即可发送" : "启动 DEV 后开始体验")
-      : !state.simulatorLoaded ? "正在读取对话，请稍候" : state.resetting ? "正在清空对话，请稍候" : state.sending ? "正在发送，请稍候"
-      : active ? (state.simulator.streaming?.text ? "正在生成回复" : "消息已送达，等待回复") : "Enter 发送，Shift + Enter 换行";
-    if (!state.project) elements.buddyName.textContent = new URL(location.href).searchParams.get("buddyName") || "我的搭子";
-    const empty = elements.chatMessages.querySelector(".chat-empty");
-    if (empty) empty.textContent = phase === "ready" ? "发一条消息，开始体验" : phase === "disconnected" ? "连接后，在这里体验搭子的回复" : "启动 DEV 后，开始对话";
-    elements.messageInput.placeholder = active ? "可以继续补充消息" : phase === "ready" ? "给搭子发一条消息" : "等待调试就绪";
-  }
-
-  function runOrdinal(run, index, runs) {
-    // Older running preview servers have no ordinal yet. Never infer a message
-    // association from list positions or timestamps; this is a display number only.
-    return Number.isInteger(run.ordinal) && run.ordinal > 0 ? run.ordinal : runs.length - index;
-  }
-
-  function runOptionLabel(run, index, runs) {
-    const date = dayKey(run.startedAt) === dayKey(new Date()) ? "" : `${dayLabel(run.startedAt) || ""} `;
-    return `第 ${runOrdinal(run, index, runs)} 轮 · ${date}${formatTime(run.startedAt)} · ${(run.completion === "no_reply" && run.status === "completed" ? "未观察到回复" : runStatusCopy(run.status))}`;
-  }
-
-  let runPickerSignature = "";
-
-  function renderRuns() {
-    const runs = state.debug.runs || [];
-    const choosing = document.activeElement === elements.runPicker;
-    if (!state.selectedRunId || !runs.some((run) => run.runId === state.selectedRunId)) {
-      state.followLatestRun = true;
-      state.selectedRunId = runs[0]?.runId || "";
-    } else if (state.followLatestRun && !choosing) {
-      state.selectedRunId = runs[0].runId;
-    }
-
-    const options = runs.map((run, index) => [run.runId, runOptionLabel(run, index, runs)]);
-    const signature = JSON.stringify(options);
-    // Polling must not rebuild an open native menu or override its keyboard selection.
-    // Apply deferred changes on blur; unchanged snapshots keep the same option nodes.
-    if (!choosing) {
-      if (signature !== runPickerSignature) {
-        elements.runPicker.replaceChildren(...(options.length ? options : [["", "尚无运行记录"]])
-          .map(([value, label]) => node("option", { value }, label)));
-        runPickerSignature = signature;
-      }
-      elements.runPicker.value = state.selectedRunId;
-    }
-    elements.runPicker.disabled = !runs.length;
-    const index = runs.findIndex((run) => run.runId === state.selectedRunId);
-    elements.previousRun.disabled = index < 0 || index >= runs.length - 1;
-    elements.nextRun.disabled = index <= 0;
-    elements.followLatestRun.checked = state.followLatestRun;
-
-    const run = currentRun();
-    elements.runTitle.textContent = run ? `第 ${runOrdinal(run, index, runs)} 轮` : "尚无本地回合";
-    elements.runReference.hidden = !run;
-    elements.runId.textContent = run?.runId || "";
-    elements.runId.title = run?.runId || "";
-    elements.copyRunId.disabled = !run;
-    elements.runStatus.dataset.status = run?.status || "idle";
-    elements.runStatus.textContent = run?.completion === "no_reply" && run.status === "completed" ? "未观察到回复" : runStatusCopy(run?.status || "idle");
-    elements.metricAccept.textContent = formatElapsedSeconds(run?.acceptLatencyMs);
-    elements.metricFirst.textContent = formatElapsedSeconds(run?.firstTextLatencyMs);
-    elements.metricResponse.textContent = run?.completion === "no_reply" ? "未观察到回复" : formatElapsedSeconds(replyEndLatency(run));
-    elements.metricMessages.textContent = state.simulatorLoaded ? String(state.simulator.messages?.length || 0) : "读取中";
-    renderOverview(run);
-    renderTimeline(run);
-  }
-
-  function selectRun(runId) {
-    if (!(state.debug.runs || []).some((run) => run.runId === runId)) return;
-    state.selectedRunId = runId;
-    state.followLatestRun = false;
-    renderDebug();
-  }
-
-  function stepRun(offset) {
-    const runs = state.debug.runs || [];
-    const index = runs.findIndex((run) => run.runId === state.selectedRunId);
-    if (index >= 0 && runs[index + offset]) selectRun(runs[index + offset].runId);
-  }
-
-  async function copyRunId() {
-    const run = currentRun();
-    if (!run) return;
-    try {
-      await navigator.clipboard.writeText(run.runId);
-      toast("回合 ID 已复制");
-    } catch {
-      showError(new Error("浏览器未允许复制，请手动选择回合 ID"));
-    }
-  }
-
-  function formatElapsedSeconds(value) {
-    return Number.isFinite(value) ? `${Number((value / 1000).toFixed(3))} 秒` : "未记录";
-  }
-
-  function replyEndLatency(run) {
-    if (run?.status !== "completed") return undefined;
-    // updatedAt records Preview observing the terminal state. responseTimeMs and
-    // completedAt use the platform message timestamp and are not reply-end timings.
-    const elapsed = Date.parse(run.updatedAt) - Date.parse(run.startedAt);
-    return Number.isFinite(elapsed) && elapsed >= 0 ? elapsed : undefined;
-  }
-
-  function renderOverview(run) {
-    elements.overviewEmpty.hidden = Boolean(run);
-    elements.overviewContent.hidden = !run;
-    if (!run) return;
-    const finished = ["completed", "failed", "cancelled"].includes(run.status);
-    const measuredFirstText = Number.isFinite(run.firstTextLatencyMs);
-    const hasText = measuredFirstText || (state.simulator.streaming?.runId === run.runId && Boolean(state.simulator.streaming.text));
-    const noReply = run.completion === "no_reply";
-    const interrupted = ["failed", "cancelled", "cancel_requested"].includes(run.status);
-    const progress = $("#run-progress");
-    if (progress) {
-      clear(progress);
-      const stages = [
-        ["消息已提交", "done"],
-        ["等待回复", hasText || finished ? "done" : "active"],
-        [finished && !hasText ? "未记录流式输出" : "生成回复", hasText ? (finished ? "done" : "active") : finished ? "skipped" : "waiting"],
-        [run.status === "failed" ? "执行失败" : run.status === "cancelled" ? "已停止" : noReply ? "未观察到回复" : "完成", finished ? (interrupted ? "error" : "done") : "waiting"],
-      ];
-      if (interrupted) stages.forEach(stage => { if (stage[1] === "active") stage[1] = "error"; });
-      for (const [label, status] of stages) progress.append(node("li", { "data-stage": status }, label));
-    }
-    clear(elements.waterfall);
-    // Only report observed timings. A finished run with missing telemetry never keeps counting.
-    const timingRows = [["消息被接收", run.acceptLatencyMs], ["首字耗时", run.firstTextLatencyMs], ["回复结束", noReply ? undefined : replyEndLatency(run)]];
-    const maximum = Math.max(1, ...timingRows.map(([,value]) => Number.isFinite(value) ? value : 0));
-    elements.waterfall.hidden = !timingRows.some(([,value]) => Number.isFinite(value));
-    const timingHeading = node("div", { class: "timing-heading" });
-    timingHeading.append(node("span", {}, "起点：Preview 发起发送（0 秒）"), node("span", {}, "累计时间，不可相加"));
-    elements.waterfall.append(timingHeading);
-    for (const [label, duration] of timingRows) {
-      if (!Number.isFinite(duration)) continue;
-      const row = node("div", { class: "waterfall-row" });
-      row.append(node("span", {}, label));
-      const track = node("span", { class: "waterfall-track" });
-      const fill = node("span", { class: "waterfall-fill" });
-      fill.style.transform = `scaleX(${duration / maximum})`;
-      track.append(fill);
-      row.append(track, node("strong", {}, `发送后 ${formatElapsedSeconds(duration)}`));
-      elements.waterfall.append(row);
-    }
-    elements.runSummaryCopy.textContent = run.status === "failed"
-      ? "本轮执行失败。请查看运行日志中的错误详情。"
-      : run.status === "cancelled" ? "本轮已停止。已完成的平台写入不会自动撤销。"
-      : noReply ? "回复状态已结束，未观察到新的可见回复；不据此判断执行是否成功。"
-      : run.status === "completed" ? (measuredFirstText ? "" : "本轮未记录首字耗时。")
-      : run.status === "cancel_requested" ? "正在停止，结束后可以继续发送消息。"
-      : hasText ? "正在生成回复，右侧同步展示输出。" : "消息已提交，等待搭子开始回复。";
-    elements.runSummaryCopy.hidden = !elements.runSummaryCopy.textContent;
-  }
-
-  let timelineSignature = "", contextSignature = "", protocolSignature = "";
-  const expandedLogs = new Map();
-  const diagnostics = window.createPreviewDiagnostics?.({ node, formatTime, formatDuration, toast, showError });
-  diagnostics?.update(state.debug);
-  function renderTimeline(run) {
-    const signature = JSON.stringify([run?.runId, state.debug.events]);
-    if (signature === timelineSignature) return;
-    timelineSignature = signature;
-    clear(elements.timelineList);
-    const events = (state.debug.events || []).filter((event) => event.type !== "run.output.delta" && (!run || event.runId === run.runId));
-    if (!events.length) {
-      elements.timelineList.append(node("li", { class: "timeline-empty" }, run ? "这个本地回合暂无可见事件。" : "发一条消息后，执行事件会出现在这里。"));
-      return;
-    }
-    for (const event of [...events].sort((a, b) => (Date.parse(b.timestamp) || 0) - (Date.parse(a.timestamp) || 0))) {
-      const item = node("li", { class: "timeline-item" });
-      item.append(node("time", { class: "timeline-time", dateTime: event.timestamp }, formatTime(event.timestamp)));
-      item.append(node("span", { class: "timeline-dot", "aria-hidden": "true" }));
-      const copy = node("div", { class: "timeline-copy" });
-      copy.append(node("strong", {}, event.summary));
-      copy.append(node("p", {}, `${event.type}${Number.isFinite(event.durationMs) ? ` · ${formatDuration(event.durationMs)}` : ""}`));
-      item.append(copy);
-      elements.timelineList.append(item);
-    }
-  }
-
-  function renderContext() {
-    const signature = JSON.stringify(state.simulator.messages);
-    if (signature === contextSignature) return;
-    contextSignature = signature;
-    clear(elements.contextList);
-    elements.contextSource.textContent = "平台聊天记录";
-    const messages = state.simulator.messages || [];
-    if (!messages.length) {
-      elements.contextList.append(node("p", { class: "timeline-empty" }, "当前会话还没有消息。"));
-      return;
-    }
-    for (const message of [...messages].reverse().sort((a, b) => (Date.parse(b.createdAt) || 0) - (Date.parse(a.createdAt) || 0))) {
-      const row = node("article", { class: "context-row", "data-role": message.role });
-      row.append(node("span", { class: "context-role" }, message.role === "user" ? "用户" : message.role === "assistant" ? "搭子" : message.role));
-      row.append(node("p", { class: "context-text" }, message.text));
-      row.append(node("time", { class: "context-time", dateTime: message.createdAt }, formatTime(message.createdAt)));
-      elements.contextList.append(row);
-    }
-  }
-
-  function renderProtocol() {
-    if (diagnostics) { diagnostics.update(state.debug); return; }
-    const signature = JSON.stringify(state.debug.events);
-    if (signature === protocolSignature) return;
-    protocolSignature = signature;
-    clear(elements.protocolLog);
-    const events = state.debug.events || [];
-    if (!events.length) {
-      elements.protocolLog.append(node("p", { class: "timeline-empty" }, "本机还没有协议事件。"));
-      return;
-    }
-    for (const [index, event] of [...events].sort((a, b) => (Date.parse(b.timestamp) || 0) - (Date.parse(a.timestamp) || 0)).entries()) {
-      if (hosted) {
-        const key = event.eventId || `${event.timestamp}:${event.type}:${index}`;
-        const row = node("details", { class: "protocol-entry" });
-        const error = event.type === "agent.stderr" || /failed|error/.test(event.type);
-        row.open = expandedLogs.get(key) ?? error;
-        row.dataset.level = error ? "error" : "info";
-        row.addEventListener("toggle", () => expandedLogs.set(key, row.open));
-        const summary = node("summary");
-        summary.append(node("time", { dateTime: event.timestamp }, formatTime(event.timestamp)));
-        summary.append(node("span", { class: "log-summary" }, (event.summary || event.type).split("\n")[0]));
-        summary.append(node("span", { class: "log-channel" }, event.channel));
-        row.append(summary);
-        row.append(node("p", { class: "log-meta" }, `${event.type}${event.runId ? ` / ${event.runId}` : ""}${Number.isFinite(event.durationMs) ? ` / ${formatDuration(event.durationMs)}` : ""}`));
-        if (event.summary?.includes("\n")) row.append(node("pre", { class: "runtime-log-text" }, event.summary));
-        elements.protocolLog.append(row);
-        continue;
-      }
-      const row = node("div", { class: "protocol-row" });
-      row.append(node("time", { class: "protocol-time", dateTime: event.timestamp }, formatTime(event.timestamp)));
-      row.append(node("span", { class: "protocol-channel" }, event.channel));
-      row.append(node("span", { class: "protocol-type", title: event.summary }, event.type));
-      row.append(node("span", { class: "protocol-duration" }, formatDuration(event.durationMs)));
-      if (event.type === "agent.stdout" || event.type === "agent.stderr") {
-        row.append(node("pre", { class: "runtime-log-text" }, event.summary));
-      }
-      elements.protocolLog.append(row);
-    }
-  }
-
-  const widgets = window.createSimulatorWidgets?.({ api, avatar: () => messageAvatar("assistant") });
-  const products = window.createSimulatorProducts?.({ api, refresh: () => refreshSimulator() });
-  function renderWidgets() { widgets?.update({ reloading: ["reloading", "reload_failed"].includes(state.dev.phase), active: state.dev.phase === "ready" && !state.resetting, conversationRevision: state.simulator.conversationRevision, devRevision: state.dev.revision }); }
-
-  let messageSignature = "";
-  let followMessages = true;
-  let liveReply, liveReplyBubble, liveReplyText = "";
-  function renderMessageText(bubble, text) {
-    window.renderPreviewMarkdown(bubble, text);
-  }
-  function renderLiveReply() {
-    if (!liveReply) return;
-    const text = state.simulator.streaming?.runId === state.simulator.activeRun?.runId ? state.simulator.streaming?.text || "" : "";
-    if (text === liveReplyText) return;
-    liveReplyText = text;
-    if (text) {
-      if (!liveReplyBubble) {
-        clear(liveReply);
-        liveReplyBubble = node("div", { class: "message-bubble", "aria-label": "搭子正在回复" });
-        liveReply.append(liveReplyBubble);
-      }
-      renderMessageText(liveReplyBubble, text);
-    }
-    else {
-      clear(liveReply); liveReplyBubble = undefined;
-      const indicator = node("div", { class: "replying-indicator", "aria-label": "搭子正在准备回复" });
-      indicator.append(node("i"), node("i"), node("i")); liveReply.append(indicator);
-    }
-    if (followMessages) followLatestMessages();
-  }
-
-  function followLatestMessages() {
-    followMessages = true;
-    elements.chatMessages.scrollTop = elements.chatMessages.scrollHeight;
-    elements.latestMessages.hidden = true;
-  }
-
-  function renderMessages() {
-    renderWidgets();
-    products?.update({ active: state.dev.phase === "ready" && !state.resetting, conversationRevision: state.simulator.conversationRevision, devRevision: state.dev.revision });
-    const signature = JSON.stringify([state.simulator.messages, state.simulator.activeRun?.runId, state.dev.phase, state.resetting]);
-    if (signature === messageSignature) { renderLiveReply(); return; }
-    messageSignature = signature;
-    const previousTop = elements.chatMessages.scrollTop;
-    clear(elements.chatMessages);
-    liveReply = undefined; liveReplyBubble = undefined; liveReplyText = "";
-    const messages = state.simulator.messages || [];
-    if (!messages.length && !state.simulator.activeRun) {
-      elements.chatMessages.append(node("div", { class: "chat-empty", "aria-label": "暂无消息" }, hosted ? (state.dev.phase === "ready" ? "发一条消息，开始体验" : "启动 DEV 后，开始对话") : ""));
-    }
-    let renderedDay;
-    for (const message of messages) {
-      const messageDay = dayKey(message.createdAt);
-      if (messageDay && messageDay !== renderedDay && dayLabel(message.createdAt) !== "今天") {
-        elements.chatMessages.append(node("div", { class: "chat-date" }, dayLabel(message.createdAt)));
-        renderedDay = messageDay;
-      }
-      const row = node("div", { class: "message-row", "data-role": message.role });
-      const wrap = node("div", { class: "message-content" });
-      if (message.product && products) wrap.append(products.card(message.product));
-      else if (message.widget && widgets) wrap.append(widgets.card(message.widget, message.messageId));
-      else {
-        const bubble = node("div", { class: "message-bubble" });
-        renderMessageText(bubble, message.text);
-        wrap.append(bubble);
-      }
-      if (message.role === "user") row.append(wrap);
-      else row.append(messageAvatar("assistant"), wrap);
-      elements.chatMessages.append(row);
-    }
-    if (state.simulator.activeRun) {
-      const row = node("div", { class: "message-row typing-row", "data-role": "assistant" });
-      liveReply = node("div", { class: "message-content" });
-      liveReplyText = "\0";
-      renderLiveReply();
-      row.append(messageAvatar("assistant"), liveReply);
-      elements.chatMessages.append(row);
-    }
-    if (followMessages) followLatestMessages();
-    else {
-      elements.chatMessages.scrollTop = previousTop;
-      elements.latestMessages.hidden = false;
-    }
-  }
-
-  function renderDebug() {
-    renderRuns();
-    renderContext();
-    renderProtocol();
-    renderWorkbench();
-  }
-
-  function renderAll() {
-    renderProject();
-    renderDev();
-    renderDebug();
-    renderMessages();
-  }
-
-  async function refreshDebug() {
-    const request = state.simulatorRequest;
-    const value = await api("/api/debug");
-    if (state.resetting || request !== state.simulatorRequest) return;
-    state.debug = value.debug;
-    renderDebug();
-  }
-
-  async function refreshSimulator() {
-    if (state.dev.phase !== "ready" || state.pollingBusy) return;
-    if (state.resetting) return;
-    const request = state.simulatorRequest;
-    state.pollingBusy = true;
-    try {
-      const value = await api("/api/simulator/state");
-      if (state.resetting || request !== state.simulatorRequest || !applySimulatorState(value.state)) return;
-      renderDev();
-      renderMessages();
-      renderContext();
-      await refreshDebug();
-    } catch (cause) {
-      if (hosted && (!connectionReady || cause?.status === 409)) void refreshConnection();
-      else if (cause?.code !== "SIMULATOR_NOT_READY") showError(cause);
-    } finally {
-      state.pollingBusy = false;
-    }
-  }
-
-  function syncPolling() {
-    const interval = liveEventsActive ? 30000 : 1200;
-    if (state.polling !== undefined && pollingInterval !== interval) {
-      window.clearInterval(state.polling); state.polling = undefined;
-    }
-    if (connectionReady && state.dev.phase === "ready" && state.polling === undefined) {
-      void refreshSimulator();
-      pollingInterval = interval;
-      state.polling = window.setInterval(() => void refreshSimulator(), interval);
-    } else if ((!connectionReady || state.dev.phase !== "ready") && state.polling !== undefined) {
-      window.clearInterval(state.polling);
-      state.polling = undefined;
-    }
-  }
-
-  async function controlDev() {
-    if (disconnectBusy || !connectionReady || state.dev.phase === "starting" || state.dev.phase === "stopping") return;
-    if (devAction) return;
-    devAction = ["ready", "reloading", "reload_failed"].includes(state.dev.phase) ? "stop" : "start";
-    elements.errorBanner.hidden = true;
-    renderDev();
-    try {
-      const path = `/api/dev/${devAction}`;
-      const value = await api(path, { method: "POST" });
-      applyDevState(value.state);
-      if (state.dev.phase !== "ready" && path.endsWith("stop")) state.simulator = { messages: state.simulator.messages || [] };
-      renderAll();
-    } catch (cause) {
-      showError(cause);
-    } finally {
-      devAction = "";
-      renderDev();
-    }
-  }
-
-  function updateSendButton() {
-    const ready = connectionReady && !disconnectBusy && !devAction && state.simulatorLoaded && state.dev.phase === "ready" && !state.resetting && !state.sending;
-    elements.sendMessage.disabled = !ready || !elements.messageInput.value.trim();
-  }
-
-  let pendingSend;
-
-  async function sendMessage(event) {
-    event.preventDefault();
-    const text = elements.messageInput.value;
-    if (!text.trim() || !state.simulatorLoaded || devAction || state.dev.phase !== "ready" || state.resetting || state.sending) return;
-    state.sending = true;
-    elements.errorBanner.hidden = true;
-    followLatestMessages();
-    renderDev();
-    elements.messageInput.disabled = true;
-    elements.sendMessage.disabled = true;
-    // Keep the logical message identity after an unknown outcome; retries are user initiated.
-    if (!pendingSend || pendingSend.text !== text) {
-      pendingSend = { text, idempotencyKey: window.crypto.randomUUID
-        ? window.crypto.randomUUID()
-        : `preview-${Date.now()}-${Math.random().toString(16).slice(2)}` };
-    }
-    const { idempotencyKey } = pendingSend;
-    try {
-      const accepted = await api("/api/simulator/messages", {
-        method: "POST",
-        body: JSON.stringify({ text, idempotencyKey }),
-      });
-      pendingSend = undefined;
-      elements.messageInput.value = "";
-      resizeComposer();
-      if (state.simulator.latestRun?.runId !== accepted.runId) state.simulator.activeRun = { runId: accepted.runId, status: "pending" };
-      renderDev();
-      renderMessages();
-      void refreshSimulator();
-    } catch (cause) {
-      showError(cause);
-    } finally {
-      state.sending = false;
-      renderDev();
-    }
-  }
-
-  function resizeComposer() {
-    elements.messageInput.style.height = "auto";
-    elements.messageInput.style.height = `${Math.min(elements.messageInput.scrollHeight, 78)}px`;
-    updateSendButton();
-  }
-
-  function activateTab(tab) {
-    const tabs = [...document.querySelectorAll('[role="tab"]')];
-    for (const item of tabs) {
-      const selected = item === tab;
-      item.setAttribute("aria-selected", String(selected));
-      item.tabIndex = selected ? 0 : -1;
-      const panel = document.getElementById(item.getAttribute("aria-controls"));
-      panel.hidden = !selected;
-    }
-  }
-
-  const toolInventory = window.createPreviewToolInventory?.({ node });
-  function renderToolInventory() {
-    toolInventory?.update({
-      inspection: state.dev.inspection ?? state.project?.inspection,
-      fallbackModel: state.project?.model,
-      connected: connectionReady,
-      buddyId: state.project?.buddyId,
-    });
-  }
-
-  async function togglePairing(force) {
-    const requestId = ++pairingRequest;
-    pairingRevision = state.dev.revision;
-    const open = force ?? elements.pairingPanel.hidden;
-    elements.pairingPanel.hidden = !open;
-    elements.pairDevice.setAttribute("aria-expanded", String(open));
-    if (!open) return;
-    clear(elements.pairingBody);
-    elements.pairingBody.append(node("p", { class: "pairing-status" }, "正在读取真机入口…"));
-    try {
-      const { pairing } = await api("/api/device/pairing");
-      if (requestId !== pairingRequest || elements.pairingPanel.hidden) return;
-      const copy = node("div");
-      clear(elements.pairingBody);
-      if (pairing.status === "ready") {
-        if (typeof pairing.qrCodeDataUrl !== "string" || !pairing.qrCodeDataUrl.startsWith("data:image/png;base64,")) {
-          throw new Error("二维码生成失败，请重新打开真机预览。");
-        }
-        elements.pairingBody.append(node("img", {
-          class: "pairing-qr", src: pairing.qrCodeDataUrl, width: "256", height: "256", alt: "打开当前开发版搭子的二维码",
-        }));
-        copy.append(node("p", { class: "pairing-status" }, "真机入口已准备好"));
-        copy.append(node("p", { class: "pairing-hint" }, "使用支持 App 链接的扫码工具打开。手机需安装支持预览入口的搭搭 App，并登录同一创造者账号。"));
-        if (pairing.code) copy.append(node("p", { class: "pairing-code" }, pairing.code));
-        const link = node("a", { class: "pairing-link", href: pairing.url }, pairing.url);
-        copy.append(link);
-      } else {
-        copy.append(node("p", { class: "pairing-status" }, "真机预览暂不可用"));
-        copy.append(node("p", { class: "pairing-hint" }, pairing.reason));
-      }
-      elements.pairingBody.append(copy);
-    } catch (cause) {
-      if (requestId !== pairingRequest || elements.pairingPanel.hidden) return;
-      clear(elements.pairingBody);
-      elements.pairingBody.append(node("p", { class: "pairing-status" }, cause instanceof Error ? cause.message : "真机入口读取失败"));
-    }
-  }
-
-  async function copyProtocol() {
-    if (diagnostics) return diagnostics.copyLogs();
-    const text = (state.debug.events || []).map((event) => [
-      event.timestamp,
-      event.channel,
-      event.type,
-      event.runId || "-",
-      Number.isFinite(event.durationMs) ? `${event.durationMs}ms` : "-",
-      event.summary,
-    ].join("\t")).join("\n");
-    try {
-      await navigator.clipboard.writeText(text);
-      toast("协议日志已复制");
-    } catch {
-      showError(new Error("浏览器未允许复制，请在协议日志中手动选择"));
-    }
-  }
-
-  function applySimulatorState(next) {
-    if ((next.conversationRevision || 0) < (state.simulator.conversationRevision || 0)) return false;
-    if (Number.isFinite(next.stateRevision) && Number.isFinite(state.simulator.stateRevision)
-      && next.stateRevision < state.simulator.stateRevision) return false;
-    state.simulator = next;
-    state.simulatorLoaded = true;
-    return true;
-  }
-
-  async function resetConversation() {
-    if (elements.resetConversation.disabled) return;
-    if (!window.confirm("清空当前对话并重新开始？\n这会结束当前开发版会话，重置聊天上下文、记忆和该会话的主动服务。旧记录仅在服务端留档；搭子资料和工程文件会保留。")) return;
-    state.resetting = true;
-    elements.errorBanner.hidden = true;
-    widgets?.reset(); products?.reset();
-    state.simulatorRequest++;
-    elements.resetConversation.textContent = "正在清空…";
-    renderDev();
-    try {
-      const value = await api("/api/simulator/reset", { method: "POST", body: JSON.stringify({ confirm: true }) });
-      applySimulatorState(value.state);
-      applyDevState(value.dev);
-      state.debug = value.debug;
-      state.selectedRunId = "";
-      state.followLatestRun = true;
-      pendingSend = undefined;
-      elements.messageInput.value = "";
-      followMessages = true;
-      renderAll();
-      toast("对话已清空，可以重新开始");
-    } catch (cause) {
-      if (cause?.code === "RESET_UNSUPPORTED") state.resetUnavailable = true;
-      showError(cause);
-    } finally {
-      state.resetting = false;
-      elements.resetConversation.textContent = "清空对话";
-      renderDev();
-      resizeComposer();
-      await refreshSimulator();
-    }
-  }
-
-  function connectEvents() {
-    if (eventSource && eventSourceInstance === connectionInstance) return;
-    closeEvents();
-    const events = new EventSource(previewApiUrl("/api/events"));
-    eventSource = events; eventSourceInstance = connectionInstance;
-    events.addEventListener("open", () => {
-      if (eventSource !== events) return;
-      liveEventsActive = true; syncPolling();
-    });
-    events.addEventListener("error", () => {
-      if (eventSource !== events) return;
-      liveEventsActive = false; syncPolling();
-    });
-    events.addEventListener("dev.state", (event) => {
-      if (eventSource !== events) return;
-      try {
-        if (applyDevState(JSON.parse(event.data))) { renderDev(); renderWidgets(); }
-      } catch {
-        // A malformed local event is ignored; the next API refresh repairs state.
-      }
-    });
-    events.addEventListener("simulator.state", (event) => {
-      if (eventSource !== events || state.resetting) return;
-      try {
-        const value = JSON.parse(event.data);
-        const before = JSON.stringify([state.simulator.activeRun, Boolean(state.simulator.streaming?.text), state.simulatorLoaded]);
-        if (!applySimulatorState(value.state)) return;
-        if (value.debug) state.debug = value.debug;
-        const after = JSON.stringify([state.simulator.activeRun, Boolean(state.simulator.streaming?.text), state.simulatorLoaded]);
-        if (before !== after) renderDev();
-        if (value.debug) renderDebug();
-        renderMessages();
-      } catch {
-        // Polling remains the reconciliation path for a malformed or missed local event.
-      }
-    });
-  }
-
-  function closeEvents() {
-    eventSource?.close(); eventSource = undefined; eventSourceInstance = ""; liveEventsActive = false;
-  }
-  window.addEventListener("pagehide", closeEvents);
-
-  async function boot() {
-    if (hosted && !connectionReady) { void refreshConnection(); return; }
-    try {
-      const [project, dev, debug] = await Promise.all([
-        api("/api/project"),
-        api("/api/dev"),
-        api("/api/debug"),
-      ]);
-      state.project = project.project;
-      state.dev = dev.state;
-      state.debug = debug.debug;
-      renderAll();
-      if (!hosted) connectEvents();
-      // Load the cloud profile independently of Agent startup. If it fails,
-      // the local project and DEV controls remain usable and show the error.
-      const { buddy } = await api("/api/buddy");
-      state.buddy = state.dev.ready?.buddy || buddy;
-      renderProject();
-    } catch (cause) {
-      showError(cause);
-    }
-  }
-
-  function disconnected(message = "未连接本地工程") {
-    closeEvents();
-    connectionReady = false;
-    state.dev = { phase: "idle", revision: -1 };
-    state.simulatorRequest++;
-    widgets?.reset(); products?.reset();
-    void togglePairing(false);
-    renderDev(); syncPolling();
-    $("#local-status").textContent = "本地工程";
-  }
-
-  async function refreshConnection() {
-    if (connectionBusy || disconnectBusy) return;
-    connectionBusy = true;
-    const epoch = connectionEpoch;
-    try {
-      const response = await fetch(connectionUrl, { signal: AbortSignal.timeout(5000) });
-      const value = await response.json();
-      if (!response.ok) throw new Error(value.error || "连接状态读取失败");
-      if (epoch !== connectionEpoch) return;
-      connectionChecked = true; connectionFailure = "";
-      $("#connect-command").textContent = value.command.replace(/^buddy-cli(?= )/, "buddy-cli-sit");
-      $("#copy-connect-command").disabled = false;
-      $("#stop-command").textContent = value.stopCommand?.replace(/^buddy-cli(?= )/, "buddy-cli-sit") || "buddy-cli-sit dev stop";
-      if (value.projectRoot) $("#project-root").textContent = value.projectRoot;
-      if (value.machineName) $("#machine-name").textContent = value.machineName;
-      if (!value.connected) { connectionInstance = value.instanceId || ""; disconnected(); return; }
-      const changed = connectionInstance !== value.instanceId;
-      if (changed) { closeEvents(); $("#disconnect-result").hidden = true; }
-      const newlyConnected = !connectionReady || changed;
-      connectionInstance = value.instanceId;
-      connectionReady = true;
-      const projectName = (value.projectRoot || "").split(/[\\/]/).filter(Boolean).at(-1) || "本地工程";
-      $("#local-status").textContent = projectName;
-      $("#local-status").title = value.projectRoot || "本地工程";
-      $("#machine-name").textContent = value.machineName || "未提供";
-      $("#project-root").textContent = value.projectRoot || "未提供";
-      if (newlyConnected) {
-        $("#connect-instructions").hidden = true;
-        $("#get-connect-command").setAttribute("aria-expanded", "false");
-        state.dev = { phase: "idle", revision: -1 };
-        if (changed) {
-          state.simulator = { messages: [] }; state.simulatorLoaded = false; state.debug = { runs: [], events: [], messages: [] };
-          state.selectedRunId = ""; pendingSend = undefined; state.buddy = undefined;
-        }
-        elements.errorBanner.hidden = true;
-        renderDev();
-        await boot();
-      }
-      if (value.liveEvents) connectEvents();
-    } catch (cause) {
-      if (epoch !== connectionEpoch) return;
-      const message = cause.message || "连接已中断，正在重试…";
-      connectionChecked = true; connectionFailure = message;
-      disconnected(message);
-      if (!$("#connect-instructions").hidden) { $("#connect-command").textContent = message; $("#copy-connect-command").disabled = true; }
-    }
-    finally { connectionBusy = false; }
-  }
-
-  async function forceDisconnect() {
-    if (disconnectBusy || !connectionInstance) return;
-    if (!window.confirm("强制断开此工程并停止 DEV？若本机无法响应，需要在对应电脑的工程目录执行停止指令。")) return;
-    disconnectBusy = true; connectionEpoch++;
-    const url = previewApiUrl("/api/connection/disconnect");
-    closeEvents(); renderDev();
-    try {
-      const response = await fetch(url, { method: "POST", signal: AbortSignal.timeout(35_000) });
-      const value = await response.json();
-      if (!response.ok) throw new Error(value.error || "断连请求失败，请刷新状态后重试");
-      connectionInstance = "";
-      disconnected();
-      $("#disconnect-result").hidden = false;
-      $("#disconnect-message").textContent = value.localStopped
-        ? "已断开后台连接，并确认当前工程的本地 DEV 已停止。"
-        : "已断开后台连接，但无法确认本机 Runtime 已停止。请到原电脑的工程目录执行下面的停止指令。";
-    } catch (cause) {
-      $("#disconnect-result").hidden = false;
-      $("#disconnect-message").textContent = "尚未确认断连和停止结果，请检查终端或执行下面的停止指令，再刷新连接状态。";
-      showError(cause);
-    } finally { disconnectBusy = false; renderDev(); void refreshConnection(); }
-  }
-
-  async function pollHostedDev() {
-    if (!connectionReady || devPollBusy || disconnectBusy) return;
-    devPollBusy = true;
-    try {
-      const [dev, debug] = await Promise.all([api("/api/dev"), api("/api/debug")]);
-      if (applyDevState(dev.state)) renderDev();
-      state.debug = debug.debug; renderDebug();
-    } catch (cause) {
-      // Polling conflicts are connection transitions, already explained by the workbench state.
-      if (!connectionReady || cause?.status === 409) void refreshConnection();
-      else showError(cause);
-    }
-    finally { devPollBusy = false; }
-  }
-
-  if (hosted) {
-    renderDev();
-    const engineeringDetails = $(".connection-details");
-    document.addEventListener("pointerdown", event => {
-      if (engineeringDetails.open && !engineeringDetails.contains(event.target)) engineeringDetails.open = false;
-    });
-    document.addEventListener("keydown", event => {
-      if (event.key === "Escape" && engineeringDetails.open) {
-        engineeringDetails.open = false;
-        engineeringDetails.querySelector("summary").focus();
-      }
-    });
-    $("#force-disconnect").addEventListener("click", () => void forceDisconnect());
-    $("#copy-stop-command").addEventListener("click", async () => {
-      try { await navigator.clipboard.writeText($("#stop-command").textContent); toast("停止指令已复制，请在原电脑的工程目录执行"); }
-      catch { showError(new Error("请手动复制停止指令")); }
-    });
-    $("#get-connect-command").addEventListener("click", () => {
-      $("#connect-instructions").hidden = !$("#connect-instructions").hidden;
-      $("#get-connect-command").setAttribute("aria-expanded", String(!$("#connect-instructions").hidden));
-      void refreshConnection();
-    });
-    $("#copy-connect-command").addEventListener("click", async () => {
-      try { await navigator.clipboard.writeText($("#connect-command").textContent); toast("连接指令已复制，在工程目录执行后返回当前页面即可"); }
-      catch { showError(new Error("请手动复制下方的完整连接指令")); }
-    });
-    const statusTimer = window.setInterval(() => void refreshConnection(), 2000);
-    const devTimer = window.setInterval(() => void pollHostedDev(), 1200);
-    window.addEventListener("pagehide", () => { window.clearInterval(statusTimer); window.clearInterval(devTimer); window.clearInterval(state.polling); });
-  } else {
-    const inspectionTimer = window.setInterval(() => void pollHostedDev(), 2000);
-    window.addEventListener("pagehide", () => window.clearInterval(inspectionTimer));
-  }
-
-  elements.resetConversation.addEventListener("click", () => void resetConversation());
-  elements.latestMessages.addEventListener("click", followLatestMessages);
-  elements.chatMessages.addEventListener("scroll", () => {
-    const chat = elements.chatMessages;
-    followMessages = chat.scrollHeight - chat.clientHeight - chat.scrollTop <= 32;
-    elements.latestMessages.hidden = followMessages;
-  }, { passive: true });
-  elements.devControl.addEventListener("click", () => void controlDev());
-  elements.composer.addEventListener("submit", (event) => void sendMessage(event));
-  elements.messageInput.addEventListener("input", resizeComposer);
-  elements.messageInput.addEventListener("keydown", (event) => {
-    if (event.key === "Enter" && !event.shiftKey && !event.isComposing) {
-      event.preventDefault();
-      elements.composer.requestSubmit();
-    }
-  });
-  elements.runPicker.addEventListener("change", () => {
-    selectRun(elements.runPicker.value);
-  });
-  elements.runPicker.addEventListener("blur", renderDebug);
-  elements.previousRun.addEventListener("click", () => stepRun(1));
-  elements.nextRun.addEventListener("click", () => stepRun(-1));
-  elements.followLatestRun.addEventListener("change", () => {
-    state.followLatestRun = elements.followLatestRun.checked;
-    renderDebug();
-  });
-  elements.copyRunId.addEventListener("click", () => void copyRunId());
-  elements.pairDevice.addEventListener("click", () => void togglePairing());
-  $("#close-pairing").addEventListener("click", () => void togglePairing(false));
-  $("#dismiss-error").addEventListener("click", () => { elements.errorBanner.hidden = true; });
-  $("#copy-protocol").addEventListener("click", () => void copyProtocol());
-  document.addEventListener("keydown", (event) => {
-    if (event.key === "Escape" && !elements.pairingPanel.hidden) void togglePairing(false);
-  });
-  for (const tab of document.querySelectorAll('[role="tab"]')) {
-    tab.addEventListener("click", () => activateTab(tab));
-    tab.addEventListener("keydown", (event) => {
-      const tabs = [...document.querySelectorAll('[role="tab"]')].filter((item) => !item.hidden);
-      const index = tabs.indexOf(tab);
-      const target = event.key === "ArrowRight" || event.key === "ArrowDown"
-        ? tabs[(index + 1) % tabs.length]
-        : event.key === "ArrowLeft" || event.key === "ArrowUp"
-          ? tabs[(index - 1 + tabs.length) % tabs.length]
-          : event.key === "Home"
-            ? tabs[0]
-            : event.key === "End"
-              ? tabs[tabs.length - 1]
-              : undefined;
-      if (target) {
-        event.preventDefault();
-        activateTab(target);
-        target.focus();
-      }
-    });
-  }
-
-  void boot();
-})();