@walkhi/code-relax 0.1.0-beta.1

package/dist/web/history-cache.js

@@ -0,0 +1,146 @@
+/* Device-local display cache. Never supplies execution state or credentials. */
+(() => {
+  const limit = 100 * 1024 * 1024;
+  let opening, writes = Promise.resolve(), displayVersion = 0;
+  const urls = new Map();
+  function database() {
+    if (!opening) opening = new Promise((resolve, reject) => {
+      const request = indexedDB.open('codex-remote-history-v1', 1);
+      request.onupgradeneeded = () => {
+        for (const name of ['threads', 'images', 'blobs']) request.result.createObjectStore(name, { keyPath: 'key' });
+      };
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error);
+      request.onblocked = () => reject(new Error('缓存数据库正在被旧页面占用'));
+    });
+    return opening;
+  }
+  function read(db, store, key) {
+    return new Promise((resolve, reject) => {
+      const request = db.transaction(store).objectStore(store).get(key);
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error);
+    });
+  }
+  function release() { displayVersion++; for (const url of urls.values()) URL.revokeObjectURL(url); urls.clear(); }
+  async function get(scope, id) {
+    const version = displayVersion;
+    const db = await database(), record = await read(db, 'threads', JSON.stringify([scope, id]));
+    if (!record) return null;
+    async function unpack(value) {
+      if (version !== displayVersion) return null;
+      if (value && typeof value === 'object' && value.cacheImage) {
+        const key = value.cacheImage;
+        if (!urls.has(key)) {
+          const image = await read(db, 'blobs', key);
+          if (version !== displayVersion) return null;
+          if (!image) throw new Error('缓存图片缺失');
+          urls.set(key, URL.createObjectURL(image.blob));
+        }
+        return urls.get(key);
+      }
+      if (Array.isArray(value)) { const result = []; for (const item of value) result.push(await unpack(item)); return result; }
+      if (value && typeof value === 'object') { const result = {}; for (const [k, v] of Object.entries(value)) result[k] = await unpack(v); return result; }
+      return value;
+    }
+    const data = await unpack(record.data);
+    return version === displayVersion ? { ...data, cached: true, nextCursor: null } : null;
+  }
+  function save(scope, data, hash, id = data.thread.id) {
+    // Snapshot at scheduling time; live events may mutate the UI model while hashing.
+    const snapshot = structuredClone({ ...data, turns: data.turns.slice(-40) });
+    const key = JSON.stringify([scope, id]);
+    const work = writes.then(async () => {
+      const db = await database(), images = new Map(), byUrl = new Map(), referenced = new Set(), previousImages = new Map();
+      const previous = await read(db, 'threads', key);
+      function collect(value) {
+        if (!value || typeof value !== 'object') return;
+        if (value.remotePath && value.url?.cacheImage) previousImages.set(value.remotePath, value.url.cacheImage);
+        for (const child of Object.values(value)) collect(child);
+      }
+      collect(previous?.data);
+      async function pack(value) {
+        if (typeof value === 'string' && value.startsWith('data:image/')) {
+          if (!byUrl.has(value)) byUrl.set(value, (async () => {
+            const key = JSON.stringify([scope, await hash(value)]);
+            referenced.add(key);
+            const comma = value.indexOf(','), mime = value.slice(5, value.indexOf(';'));
+            const bytes = Uint8Array.from(atob(value.slice(comma + 1)), c => c.charCodeAt(0));
+            images.set(key, { key, blob: new Blob([bytes], { type: mime }), size: bytes.length });
+            return { cacheImage: key };
+          })());
+          return byUrl.get(value);
+        }
+        if (Array.isArray(value)) return Promise.all(value.map(pack));
+        if (value && typeof value === 'object') {
+          if (value.remotePath && !value.url && previousImages.has(value.remotePath)) {
+            const key = previousImages.get(value.remotePath); referenced.add(key);
+            return { ...value, available: true, url: { cacheImage: key }, thumbnailUrl: { cacheImage: key } };
+          }
+          return Object.fromEntries(await Promise.all(Object.entries(value).map(async ([k, v]) => [k, await pack(v)])));
+        }
+        return value;
+      }
+      const packed = await pack(snapshot);
+      const record = { key, data: packed, at: Date.now(), imageKeys: [...referenced], size: new TextEncoder().encode(JSON.stringify(packed)).length };
+      await new Promise((resolve, reject) => {
+        const tx = db.transaction(['threads', 'images', 'blobs'], 'readwrite');
+        tx.oncomplete = resolve; tx.onerror = () => reject(tx.error); tx.onabort = () => reject(tx.error || new Error('缓存写入中止'));
+        const threads = tx.objectStore('threads'), metadata = tx.objectStore('images'), blobs = tx.objectStore('blobs');
+        threads.put(record);
+        for (const image of images.values()) { metadata.put({ key: image.key, size: image.size }); blobs.put({ key: image.key, blob: image.blob }); }
+        const allThreads = threads.getAll(), allImages = metadata.getAll();
+        let records, sizes;
+        function prune() {
+          if (!records || !sizes) return;
+          records.sort((a, b) => b.at - a.at);
+          const keep = new Set(); let bytes = 0;
+          for (const [index, item] of records.entries()) {
+            const added = item.size + item.imageKeys.reduce((sum, image) => sum + (keep.has(image) ? 0 : sizes.get(image) || 0), 0);
+            if (index >= 20 || bytes + added > limit) { threads.delete(item.key); continue; }
+            bytes += added; for (const image of item.imageKeys) keep.add(image);
+          }
+          for (const image of sizes.keys()) if (!keep.has(image)) { metadata.delete(image); blobs.delete(image); }
+        }
+        allThreads.onsuccess = () => { records = allThreads.result; prune(); };
+        allImages.onsuccess = () => { sizes = new Map(allImages.result.map(image => [image.key, image.size])); prune(); };
+      });
+    });
+    writes = work.catch(() => {});
+    return work;
+  }
+  async function getImage(scope, id, path) {
+    const db = await database(), record = await read(db, 'threads', JSON.stringify([scope, id]));
+    function find(value) {
+      if (!value || typeof value !== 'object') return null;
+      if (value.remotePath === path && value.url?.cacheImage) return value.url.cacheImage;
+      for (const child of Object.values(value)) { const key = find(child); if (key) return key; }
+      return null;
+    }
+    const key = find(record?.data); if (!key) return null;
+    const image = await read(db, 'blobs', key); if (!image) return null;
+    const bytes = new Uint8Array(await image.blob.arrayBuffer()); let binary = '';
+    for (let i = 0; i < bytes.length; i += 16384) binary += String.fromCharCode(...bytes.subarray(i, i + 16384));
+    return `data:${image.blob.type};base64,${btoa(binary)}`;
+  }
+  async function clear() {
+    await writes;
+    const db = await database();
+    await new Promise((resolve, reject) => {
+      const tx = db.transaction(['threads', 'images', 'blobs'], 'readwrite');
+      for (const store of ['threads', 'images', 'blobs']) tx.objectStore(store).clear();
+      tx.oncomplete = resolve; tx.onabort = tx.onerror = () => reject(tx.error);
+    });
+    release();
+  }
+  async function latest(scope) {
+    const db = await database();
+    const records = await new Promise((resolve, reject) => {
+      const request = db.transaction('threads').objectStore('threads').getAll();
+      request.onsuccess = () => resolve(request.result); request.onerror = () => reject(request.error);
+    });
+    const record = records.filter(item => JSON.parse(item.key)[0] === scope).sort((a, b) => b.at - a.at)[0];
+    return record ? get(scope, JSON.parse(record.key)[1]) : null;
+  }
+  window.codexHistoryCache = { get, getImage, save, latest, clear, release };
+})();

package/dist/web/index.html

@@ -0,0 +1,222 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Code Relax</title>
+  <style>
+    #pageLoading { display:none; }
+    body.page-loading > :not(#pageLoading) { display:none !important; }
+    body.page-loading #pageLoading { display:flex; flex:1; align-items:center; justify-content:center; min-height:100vh; font:14px/1.5 system-ui; color:GrayText; }
+    body.page-loading.silent-page-loading #pageLoading { visibility:hidden; }
+  </style>
+  <link rel="stylesheet" href="chat.css">
+</head>
+<body class="page-loading">
+<div id="pageLoading" role="status">正在加载…</div>
+<section id="connectionEntry" role="region" aria-label="连接工作站">
+  <div class="connection-entry-card">
+    <div class="entry-brand">Code Relax</div>
+    <h1>连接你的工作站</h1>
+    <p id="entryMode">Code Relax</p>
+    <ol id="entrySteps" class="entry-steps" aria-label="连接阶段" hidden>
+      <li>账号</li><li>设备授权</li><li>连接工作站</li>
+    </ol>
+    <div id="entryProgress" class="entry-progress" data-state="loading">
+      <span class="entry-indicator" aria-hidden="true"></span>
+      <div><p id="entryStatus" role="status" aria-live="polite">正在连接工作站…</p>
+      <p id="entryDetail">连接完成后会自动进入对话。</p></div>
+    </div>
+    <div class="connection-entry-actions">
+      <button id="entryRetry" type="button" disabled>正在连接…</button>
+      <button id="entrySettings" type="button" hidden>切换连接方式</button>
+    </div>
+  </div>
+</section>
+<header>
+  <h1>Code Relax</h1>
+  <div class="sub">直接连接当前 Codex Desktop · MVP 0.22</div>
+  <div class="status"><span id="dot" class="dot"></span><span id="status">正在连接…</span></div>
+</header>
+<main>
+  <div id="actionToast" role="status" hidden></div>
+  <button id="sidebarBackdrop" aria-label="关闭聊天菜单" type="button"></button>
+  <aside>
+    <div class="sidebar-brand"><span>Code Relax</span><button id="wideSidebarToggle" type="button" aria-label="收起聊天菜单" aria-expanded="true" title="收起聊天菜单"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/></svg></button></div>
+    <button id="newChat" type="button" class="new-chat-entry"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 4H6a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-6M16 3a2.12 2.12 0 0 1 3 3l-8 8-4 1 1-4Z"/></svg><span>新对话</span></button>
+    <div class="toolbar"><span class="sidebar-title">项目</span><button id="refresh" class="refresh-icon" title="刷新任务" aria-label="刷新任务">↻</button></div>
+    <div id="tasks"></div>
+    <button id="archivedThreads" class="archive-list-entry" type="button" title="查看已归档对话" aria-label="查看已归档对话" hidden><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16v12H4zM3 4h18v3H3zM9 11h6"/></svg><span id="archivedThreadsLabel">已归档对话</span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></button>
+    <button id="usageButton" type="button" title="查看剩余额度" aria-label="查看剩余额度"><svg class="codex-icon filled" viewBox="0 0 16 16" aria-hidden="true"><path d="M7.99951 0.807861C8.82345 0.807861 9.61914 0.935296 10.3667 1.17114C10.643 1.2584 10.7964 1.553 10.7095 1.82935C10.6222 2.10586 10.3268 2.25936 10.0503 2.17212C9.40387 1.96822 8.71489 1.85864 7.99951 1.85864C4.23962 1.85879 1.19204 4.90637 1.19189 8.66626C1.19189 10.4623 1.88656 12.0948 3.02295 13.3118C3.22077 13.5236 3.20925 13.856 2.99756 14.054C2.78565 14.2519 2.45327 14.2405 2.25537 14.0286C0.9446 12.6249 0.141113 10.7387 0.141113 8.66626C0.141259 4.32647 3.65972 0.808008 7.99951 0.807861Z"/><path d="M14.8569 6.00903C15.134 5.92414 15.428 6.07972 15.5132 6.35669C15.7376 7.0875 15.8579 7.86342 15.8579 8.66626C15.8579 10.7385 15.0552 12.6249 13.7446 14.0286C13.5468 14.2404 13.2144 14.2517 13.0024 14.054C12.7909 13.8561 12.7795 13.5246 12.9771 13.3127C14.1134 12.0958 14.8081 10.4623 14.8081 8.66626C14.8081 7.9691 14.7033 7.29731 14.5093 6.66528C14.4242 6.38817 14.5799 6.09422 14.8569 6.00903Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2886 3.6604C12.4936 3.45576 12.8258 3.45564 13.0308 3.6604C13.2356 3.86532 13.2354 4.19756 13.0308 4.40259L9.8833 7.54907C10.0781 7.87667 10.1919 8.25855 10.1919 8.66724C10.1916 9.87721 9.21046 10.8583 8.00049 10.8586C6.79025 10.8586 5.80841 9.8774 5.80811 8.66724C5.80811 7.45681 6.79006 6.47485 8.00049 6.47485C8.42125 6.47496 8.81322 6.59526 9.14697 6.80103L12.2886 3.6604ZM8.00049 7.52563C7.36996 7.52563 6.85889 8.03671 6.85889 8.66724C6.85919 9.2975 7.37015 9.80884 8.00049 9.80884C8.63056 9.80853 9.14178 9.29731 9.14209 8.66724C9.14209 8.0369 8.63075 7.52594 8.00049 7.52563Z"/></svg><span id="usageSummary">剩余 —%</span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></button>
+    <div id="sharedServiceNotice" class="shared-service-notice" role="button" tabindex="0" aria-label="查看 Codex 状态" hidden><span class="shared-service-copy"><strong id="sharedServiceNoticeTitle">当前为基础控制</strong><span id="sharedServiceNoticeText">点击查看当前状况和可执行操作</span></span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></div>
+    <button id="connectionSettings" type="button" title="修改连接" aria-label="修改连接"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></svg><span id="connectionAddress"></span><span id="connectionStatus" role="status">连接中</span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></button>
+    <div class="app-actions">
+      <button id="returnToComputer" type="button" title="返回工作站" aria-label="返回工作站" hidden><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><g transform="translate(24 0) scale(-1 1)"><path d="M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5M14 8l4 4-4 4M8 12h10"/></g></svg><span>返回</span></button>
+      <details id="debugMenu" hidden>
+        <summary><span>调试</span><svg class="codex-icon debug-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></summary>
+        <div class="debug-menu-items">
+          <button id="networkDiagnostics" type="button">网络诊断</button>
+          <button id="recoverShared" type="button">启用或重新启动完整控制</button>
+          <div id="sharedRecoveryConfirm" hidden role="group" aria-label="确认启用完整控制">
+            <p>将重新打开工作站当前的 Codex，以启用完整的手机控制功能。正在运行的任务可能中断，请先保存未发送内容。工作站连接保持运行。</p>
+            <button id="sharedRecoveryExecute" type="button">确认启用完整控制</button>
+            <button id="sharedRecoveryCancel" type="button">取消</button>
+          </div>
+          <p id="sharedRecoveryResult" role="status" hidden></p>
+          <label id="externalUiOption" hidden><span>内置页面</span><input id="externalUiToggle" type="checkbox" role="switch" aria-label="在内置页面和调试页面之间切换"><span>调试页面</span></label>
+          <button id="reloadDebugPage" type="button" hidden>重新加载调试页面</button>
+        </div>
+      </details>
+    </div>
+  </aside>
+  <section>
+    <button id="wideSidebarExpand" type="button" aria-label="展开聊天菜单" title="展开聊天菜单"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/></svg></button>
+    <div id="empty"><strong id="emptyConnection">准备连接</strong><p>选择已有对话继续，或开始一个新对话。</p><div class="connection-entry-actions"><button id="firstChooseTask" type="button">选择已有对话</button><button id="firstNewChat" type="button">新建对话</button></div></div>
+    <div id="selected" hidden>
+  <div id="newThreadWelcome" class="new-thread-welcome" hidden><!-- Static home icon from Codex Desktop 26.908.9136.0 -->
+  <div id="newThreadIcon" aria-hidden="true"><svg width="716" height="716" viewBox="149 149 418 418" fill="none" xmlns="http://www.w3.org/2000/svg" class="new-thread-brand"><mask id="path-1-inside-1_24_869" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M247.429 247.43C257.73 208.911 292.871 180.543 334.638 180.543C359.555 180.543 382.115 190.64 398.449 206.964C405.906 204.97 413.743 203.905 421.829 203.905C471.681 203.906 512.096 244.32 512.096 294.173C512.096 302.259 511.031 310.096 509.037 317.553C525.361 333.887 535.458 356.446 535.458 381.364C535.458 423.131 507.09 458.271 468.571 468.572C458.271 507.091 423.131 535.459 381.364 535.459C356.446 535.459 333.886 525.362 317.552 509.037C310.095 511.031 302.258 512.097 294.172 512.097C244.319 512.097 203.906 471.682 203.906 421.829C203.906 413.743 204.969 405.905 206.963 398.448C190.639 382.115 180.543 359.555 180.543 334.638C180.543 292.871 208.91 257.73 247.429 247.43Z"></path></mask><path d="M247.429 247.43L252.746 267.312L264.238 264.239L267.311 252.747L247.429 247.43ZM334.638 180.543L334.638 159.962L334.638 159.962L334.638 180.543ZM398.449 206.964L383.9 221.521L392.297 229.913L403.765 226.846L398.449 206.964ZM421.829 203.905L421.829 183.325L421.829 183.325L421.829 203.905ZM512.096 294.173L532.677 294.173L532.677 294.173L512.096 294.173ZM509.037 317.553L489.155 312.236L486.087 323.705L494.48 332.102L509.037 317.553ZM535.458 381.364L556.039 381.364L556.039 381.364L535.458 381.364ZM468.571 468.572L463.255 448.69L451.762 451.763L448.689 463.255L468.571 468.572ZM381.364 535.459L381.364 556.04L381.364 556.04L381.364 535.459ZM317.552 509.037L332.101 494.481L323.704 486.088L312.235 489.155L317.552 509.037ZM294.172 512.097L294.172 532.678L294.173 532.678L294.172 512.097ZM203.906 421.829L183.325 421.829L183.325 421.829L203.906 421.829ZM206.963 398.448L226.845 403.765L229.912 392.297L221.52 383.9L206.963 398.448ZM180.543 334.638L159.962 334.638L159.962 334.639L180.543 334.638ZM247.429 247.43L267.311 252.747C275.266 223.003 302.423 201.124 334.638 201.124L334.638 180.543L334.638 159.962C283.319 159.962 240.195 194.819 227.547 242.113L247.429 247.43ZM334.638 180.543L334.638 201.124C353.88 201.124 371.268 208.896 383.9 221.521L398.449 206.964L412.997 192.407C392.962 172.383 365.231 159.962 334.638 159.962L334.638 180.543ZM398.449 206.964L403.765 226.846C409.506 225.311 415.557 224.486 421.829 224.486L421.829 203.905L421.829 183.325C411.929 183.325 402.305 184.629 393.132 187.082L398.449 206.964ZM421.829 203.905L421.828 224.486C460.315 224.486 491.516 255.687 491.516 294.173L512.096 294.173L532.677 294.173C532.677 232.953 483.048 183.325 421.829 183.325L421.829 203.905ZM512.096 294.173L491.516 294.173C491.516 300.444 490.69 306.494 489.155 312.236L509.037 317.553L528.919 322.87C531.372 313.698 532.677 304.074 532.677 294.173L512.096 294.173ZM509.037 317.553L494.48 332.102C507.105 344.735 514.877 362.122 514.877 381.364L535.458 381.364L556.039 381.364C556.039 350.771 543.618 323.04 523.594 303.005L509.037 317.553ZM535.458 381.364L514.877 381.364C514.877 413.578 492.999 440.735 463.255 448.69L468.571 468.572L473.888 488.454C521.182 475.806 556.039 432.683 556.039 381.364L535.458 381.364ZM468.571 468.572L448.689 463.255C440.735 492.999 413.578 514.878 381.364 514.878L381.364 535.459L381.364 556.04C432.683 556.04 475.806 521.183 488.454 473.889L468.571 468.572ZM381.364 535.459L381.364 514.878C362.122 514.878 344.733 507.106 332.101 494.481L317.552 509.037L303.003 523.594C323.038 543.619 350.77 556.04 381.364 556.04L381.364 535.459ZM317.552 509.037L312.235 489.155C306.493 490.691 300.443 491.516 294.172 491.516L294.172 512.097L294.173 532.678C304.073 532.678 313.698 531.372 322.869 528.919L317.552 509.037ZM294.172 512.097L294.172 491.516C255.686 491.516 224.486 460.316 224.486 421.829L203.906 421.829L183.325 421.829C183.325 483.048 232.953 532.678 294.172 532.678L294.172 512.097ZM203.906 421.829L224.486 421.829C224.486 415.555 225.311 409.504 226.845 403.765L206.963 398.448L187.081 393.131C184.627 402.307 183.325 411.932 183.325 421.829L203.906 421.829ZM206.963 398.448L221.52 383.9C208.895 371.268 201.124 353.88 201.124 334.638L180.543 334.638L159.962 334.639C159.962 365.231 172.382 392.962 192.406 412.997L206.963 398.448ZM180.543 334.638L201.124 334.638C201.124 302.423 223.002 275.266 252.746 267.312L247.429 247.43L242.112 227.547C194.818 240.195 159.962 283.319 159.962 334.638L180.543 334.638Z" fill="currentColor" mask="url(#path-1-inside-1_24_869)"></path><path d="M436.706 408.738H370.021" stroke="currentColor" stroke-width="24" stroke-linecap="round"></path><path d="M276.533 309.154L303.468 357.831C304.433 359.575 304.412 361.698 303.414 363.423L276.533 409.854" stroke="currentColor" stroke-width="24" stroke-linecap="round"></path></svg></div><h3 id="newThreadTitle" class="new-thread-title">我们要构建什么？</h3></div>
+      <div class="selected-heading">
+        <h2 id="selectedTitle"></h2>
+      </div>
+      <div id="timeline"></div>
+      <button id="scrollToBottom" class="scroll-to-bottom" type="button" aria-label="滚动到最新消息" title="滚动到最新消息" hidden><svg class="codex-icon filled" viewBox="0 0 20 20" aria-hidden="true"><path d="M9.33467 16.6663V4.93978L4.6374 9.63704L4.1667 9.16634L3.69599 8.69661L9.52998 2.86263L9.63447 2.77767C9.8925 2.60753 10.2433 2.63564 10.4704 2.86263L16.3034 8.69661L16.3884 8.80111C16.5588 9.05922 16.5306 9.40982 16.3034 9.63704C16.0762 9.86414 15.7255 9.89242 15.4675 9.722L15.363 9.63704L10.6647 4.9388V16.6663C10.6647 17.0336 10.367 17.3314 9.99971 17.3314C9.63259 17.3312 9.33467 17.0335 9.33467 16.6663ZM4.6374 9.63704C4.3777 9.89674 3.95569 9.89674 3.69599 9.63704C3.43657 9.37744 3.43668 8.95628 3.69599 8.69661L4.6374 9.63704Z"/></svg></button>
+      <div id="queuePanel" class="queue-panel" hidden></div>
+      <div id="turnActions" style="display:flex;gap:8px;align-items:center;padding:4px 0;font-size:12px" hidden>
+        <button id="interruptTurn" type="button" hidden>停止</button>
+      </div>
+      <div id="connectionNotice" class="connection-notice" role="status" hidden><span class="connection-indicator" aria-hidden="true"></span><span id="connectionNoticeText">连接已断开</span><button id="reconnectConversation" type="button">重新连接</button></div>
+    <div id="newThreadProjectBar" class="new-thread-project" hidden><span id="newThreadProjectName">不在项目中工作</span><button id="clearNewThreadProject" type="button" aria-label="清空项目" title="清空项目">×</button></div>
+      <div id="approvalPanel" class="approval-panel" hidden></div>
+      <div class="composer">
+        <div id="pendingSettings" class="pending-settings" hidden><span id="pendingSettingsText" role="status"></span><button id="clearPendingSettings" class="clear-pending-settings" type="button" title="清除下一条消息设置" aria-label="清除下一条消息设置">×</button></div>
+        <div id="draftImages" style="display:flex;gap:8px;flex-wrap:wrap"></div>
+        <input id="imagePicker" type="file" accept="image/*" multiple hidden>
+        <textarea id="prompt" placeholder="随心输入"></textarea>
+        <div id="voiceStopPopover" class="voice-stop-popover" hidden>
+          <button id="stopVoiceToEdit" type="button">停止录音</button>
+        </div>
+        <div class="composer-row">
+          <div class="composer-add">
+            <button id="addMenuTrigger" class="composer-icon-button" type="button" title="添加内容" aria-label="添加内容" aria-haspopup="menu" aria-expanded="false"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg></button>
+            <div id="addMenu" class="composer-add-menu" role="menu" aria-label="添加内容" hidden>
+              <button id="addImage" class="composer-add-option" type="button" role="menuitem"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8.5" cy="9" r="1.5"/><path d="m5 17 4.5-4 3 3 2.5-2 4 3"/></svg><span>添加图片</span></button>
+              <button id="sendAppLog" class="composer-add-option" type="button" role="menuitem" hidden><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 4h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3v-3a2 2 0 0 1-1-2V6a2 2 0 0 1 2-2Z"/><path d="M8 9h8M8 13h5"/></svg><span>发送应用日志</span></button>
+              <button id="clearAppLog" class="composer-add-option" type="button" role="menuitem" hidden><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M9 7V4h6v3M6 7l1 14h10l1-14M10 11v6M14 11v6"/></svg><span>清除应用日志</span></button>
+            </div>
+          </div>
+          <div id="permissionControl" class="permission-control" hidden>
+            <button id="permissionTrigger" class="permission-trigger" type="button" aria-haspopup="menu" aria-expanded="false" title="操作权限"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6zM12 8v5m0 3h.01"/></svg><span id="permissionLabel">权限</span></button>
+            <div id="permissionMenu" class="permission-menu" role="menu" aria-label="操作权限" hidden>
+              <div class="permission-menu-title">应如何批准操作？</div>
+              <button type="button" class="permission-option" data-permission="ask" role="menuitemradio" aria-checked="false"><span><strong>请求批准</strong><small>编辑外部文件和使用互联网时始终询问</small></span><span class="permission-check">✓</span></button>
+              <button type="button" class="permission-option" data-permission="auto" role="menuitemradio" aria-checked="false"><span><strong>帮我批准</strong><small>仅对检测到的风险操作请求批准</small></span><span class="permission-check">✓</span></button>
+              <button type="button" class="permission-option" data-permission="full" role="menuitemradio" aria-checked="false"><span><strong>完全访问权限</strong><small>可不受限制地访问互联网和工作站上的任何文件</small></span><span class="permission-check">✓</span></button>
+            </div>
+          </div>
+          <div class="composer-controls">
+            <div class="context-control">
+              <button id="contextTrigger" class="context-trigger" type="button" aria-label="查看上下文占用" aria-expanded="false"><span id="contextMeter" class="context-meter" title="上下文占用暂不可用" aria-label="上下文占用暂不可用"></span></button>
+              <div id="contextDetails" class="context-details" role="status" hidden></div>
+            </div>
+            <div class="model-control">
+              <button id="modelTrigger" class="model-trigger" type="button" aria-expanded="false" aria-haspopup="menu">
+                <span id="modelFastIndicator" class="model-fast-indicator" title="快速模式" hidden><svg class="codex-icon filled" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg></span>
+                <span id="modelSummary" class="model-summary"><span id="modelSummaryName">读取当前模型…</span> <span id="modelSummaryEffort"></span></span>
+                <span class="chevron"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></span>
+              </button>
+              <div id="modelMenu" class="model-menu" role="menu" hidden>
+                <div id="modelView" class="menu-view">
+                  <div class="menu-title">选择下一条消息使用的模型</div>
+                  <button class="model-option" type="button" data-model="gpt-6-astra"><span>GPT-6 Astra</span><span class="check"></span></button>
+                  <button class="model-option" type="button" data-model="gpt-5.6-sol"><span>GPT-5.6 Sol</span><span class="check"></span></button>
+                  <button class="model-option" type="button" data-model="gpt-5.6-terra"><span>GPT-5.6 Terra</span><span class="check"></span></button>
+                  <button class="model-option" type="button" data-model="gpt-5.6-luna"><span>GPT-5.6 Luna</span><span class="check"></span></button>
+                  <button class="model-option" type="button" data-model="gpt-5.5"><span>GPT-5.5</span><span class="check"></span></button>
+                  <button class="model-option" type="button" data-model="gpt-5.3-codex-spark"><span>GPT-5.3 Codex Spark</span><span class="check"></span></button>
+                  <div class="menu-divider"></div>
+                  <button id="openEffort" class="effort-entry" type="button"><span class="effort-entry-label"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>推理强度</span><span class="effort-entry-value"><span id="effortEntryText">高</span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg></span></button>
+                  <div class="menu-hint">设置将在发送下一条消息时生效</div>
+                </div>
+                <div id="effortView" class="menu-view effort-panel" hidden>
+                  <div class="effort-header">
+                    <button id="fastMode" class="effort-bolt" type="button" role="switch" aria-checked="false" aria-label="快速模式，开启会增加用量" title="快速模式，开启会增加用量" disabled><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg></button>
+                    <button id="effortModelButton" class="effort-heading" type="button" title="选择模型"><strong><span id="effortHeadingValue">高</span><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg></strong><span id="effortModelName" class="effort-model-name">GPT-5.6 Sol</span></button>
+                  </div>
+                  <div id="effortTrack" class="effort-track" role="group" aria-label="推理强度">
+                    <span class="effort-rail" aria-hidden="true"><span class="effort-range"></span></span>
+                    <span class="effort-thumb" aria-hidden="true"></span>
+                    <div class="effort-options">
+                      <button class="effort-option" type="button" data-thinking="low" title="轻度" aria-label="轻度"></button>
+                      <button class="effort-option" type="button" data-thinking="medium" title="中" aria-label="中"></button>
+                      <button class="effort-option" type="button" data-thinking="high" title="高" aria-label="高"></button>
+                      <button class="effort-option" type="button" data-thinking="xhigh" title="极高" aria-label="极高"></button>
+                      <button class="effort-option" type="button" data-thinking="max" title="最高" aria-label="最高"></button>
+                      <button class="effort-option" type="button" data-thinking="ultra" title="Ultra" aria-label="Ultra"></button>
+                    </div>
+                  </div>
+                  <div class="menu-hint">设置将在发送下一条消息时生效</div>
+                </div>
+              </div>
+            </div>
+            <select id="model" class="setting-select" aria-label="模型">
+              <option id="currentModel" value=""></option>
+              <option value="gpt-6-astra">GPT-6 Astra</option>
+              <option value="gpt-5.6-sol">GPT-5.6 Sol</option>
+              <option value="gpt-5.6-terra">GPT-5.6 Terra</option>
+              <option value="gpt-5.6-luna">GPT-5.6 Luna</option>
+              <option value="gpt-5.5">GPT-5.5</option>
+              <option value="gpt-5.3-codex-spark">GPT-5.3 Codex Spark</option>
+            </select>
+            <select id="thinking" class="setting-select" aria-label="推理强度">
+              <option id="currentThinking" value=""></option>
+              <option value="low">轻度</option>
+              <option value="medium">中</option>
+              <option value="high">高</option>
+              <option value="xhigh">极高</option>
+              <option value="max">最高</option>
+              <option value="ultra">Ultra</option>
+            </select>
+            <button id="voice" class="composer-icon-button voice-icon" type="button" title="语音输入暂未实现" aria-label="语音输入暂未实现" disabled><svg class="codex-icon filled" viewBox="0 0 20 20" aria-hidden="true"><g transform="scale(0.8333333333333334)"><path d="M18.5848 13.4121C18.7715 12.9516 19.2961 12.7296 19.7567 12.916C20.217 13.1027 20.4391 13.6274 20.2528 14.0879C19.0405 17.0826 16.2438 19.2675 12.9003 19.6035V22C12.9003 22.4971 12.4969 22.9004 11.9999 22.9004C11.5029 22.9003 11.0995 22.497 11.0995 22V19.6035C7.75618 19.2673 4.96018 17.0823 3.74791 14.0879C3.56144 13.6272 3.78344 13.1026 4.244 12.916C4.70458 12.7298 5.22933 12.9517 5.41588 13.4121C6.46985 16.0157 9.02264 17.8496 12.0008 17.8496C14.9787 17.8493 17.531 16.0155 18.5848 13.4121Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 1.34961C14.7061 1.34961 16.9003 3.5438 16.9003 6.25V10.7334C16.9003 13.4396 14.7061 15.6338 11.9999 15.6338C9.29371 15.6337 7.09947 13.4396 7.09947 10.7334V6.25C7.09947 3.54384 9.29372 1.34967 11.9999 1.34961ZM11.9999 3.15039C10.2878 3.15045 8.90025 4.53795 8.90025 6.25V10.7334C8.90025 12.4454 10.2878 13.8339 11.9999 13.834C13.7119 13.834 15.0995 12.4455 15.0995 10.7334V6.25C15.0995 4.53792 13.7119 3.15039 11.9999 3.15039Z"/></g></svg></button>
+
+            <div class="send-control">
+              <button id="sendQueued" class="composer-icon-button send-icon queue-send-icon" type="button" title="排队发送" aria-label="排队发送" hidden><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 14V4"/><path d="m8 8 4-4 4 4"/><path d="M7 17h10"/><path d="M9 20h6"/></svg></button>
+              <button id="send" class="composer-icon-button send-icon" type="button" title="发送消息" aria-label="发送消息"><svg class="codex-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 18V6"/><path d="m7.5 10.5 4.5-4.5 4.5 4.5"/></svg></button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</main>
+<dialog id="imageViewer" class="image-viewer">
+  <div class="image-viewer-shell">
+    <button id="imageViewerClose" class="image-viewer-close" type="button" aria-label="关闭图片">×</button>
+    <img id="imageViewerImage" alt="">
+  </div>
+</dialog>
+<dialog id="usageDialog" class="usage-dialog">
+  <div class="usage-dialog-shell">
+    <div class="usage-dialog-header"><h3>使用情况</h3><button id="usageDialogClose" class="usage-dialog-close" type="button" aria-label="关闭">×</button></div>
+    <div class="usage-plan-row"><span>套餐</span><span id="usagePlan"></span></div>
+    <div id="usageRows" aria-live="polite"></div>
+  </div>
+</dialog>
+
+<script src="server-requests.js"></script>
+<script src="approval-ui.js"></script>
+<script src="/vendor/markdown-it.umd.min.js"></script>
+<script src="highlight.min.js"></script>
+<script src="highlight-powershell.min.js"></script>
+<script src="capabilities.js"></script>
+<script src="timeline-sync.js"></script>
+<script src="harmony-platform.js"></script>
+<script src="client-platform.js"></script>
+<script src="lan-session.js"></script>
+<script src="history-cache.js"></script>
+<script src="p2p-diagnostics.js"></script>
+<script src="p2p-probe.js"></script>
+<script src="self-relay-session.js"></script>
+<script src="chat-transport.js"></script>
+<script src="chat.js"></script>
+</body>
+</html>

package/dist/web/lan-session.js

@@ -0,0 +1,122 @@
+(function (root) {
+  class Subscription extends EventTarget {
+    constructor(owner, id, path) { super(); this.owner = owner; this.id = id; this.path = path; this.closed = false; }
+    emit(name, data) {
+      if (this.closed) return;
+      const event = new MessageEvent(name, { data: JSON.stringify(data) });
+      this.dispatchEvent(event); this['on' + name]?.(event);
+    }
+    close() {
+      if (this.closed) return;
+      this.closed = true; this.owner.subscriptions.delete(this.id);
+      if (this.owner.ready) this.owner.sendMessage({ type: 'unsubscribe', id: this.id });
+    }
+  }
+  root.CodexLanSession = class {
+    constructor(token) {
+      this.token = token; this.serial = 0; this.pending = new Map(); this.subscriptions = new Map(); this.ready = false;
+    }
+    socketUrl() {
+      const url = new URL('/api/socket', root.codexLanConfig?.address || location.origin);
+      url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:'; return url.href;
+    }
+    authenticationMessage() {
+      const config = root.codexLanConfig || {};
+      return this.token ? { type: 'auth', token: this.token }
+        : { type: 'device-auth', clientId: config.clientId, credential: config.credential };
+    }
+    encodeMessage(message) { return message; }
+    createSocket() { return new WebSocket(this.socketUrl()); }
+    decodeMessage(message) { return message; }
+    closeError(event) { return new TypeError(event.code === 1008 ? '连接被拒绝，请重新配对这台移动设备' : '局域网连接已断开'); }
+    sendMessage(message) { this.socket.send(JSON.stringify(this.encodeMessage(message))); }
+    connect() {
+      if (this.ready) return Promise.resolve();
+      if (this.connecting) return this.connecting;
+      const socket = this.socket = this.createSocket();
+      this.connecting = new Promise((resolve, reject) => {
+        let settled = false, failedOnce = false;
+        const timer = setTimeout(() => { failed(new TypeError('局域网连接超时')); socket.close(); }, 10000);
+        const failed = error => {
+          if (failedOnce) return;
+          failedOnce = true;
+          clearTimeout(timer);
+          if (!settled) { settled = true; reject(error); }
+          if (this.socket !== socket) return;
+          this.ready = false; this.connecting = null;
+          this.disconnected = true;
+          for (const request of this.pending.values()) {
+            clearTimeout(request.timer);
+            request.reject(new TypeError(request.write ? '连接已断开，操作结果未确认；请查看恢复后的对话，勿重复发送' : error.message));
+          }
+          this.pending.clear();
+          for (const source of this.subscriptions.values()) source.emit('error', { error: error.message });
+          this.onConnectionChange?.('disconnected');
+        };
+        socket.onopen = () => socket.send(JSON.stringify(this.authenticationMessage()));
+        socket.onerror = () => { failed(new TypeError('局域网 WebSocket 连接失败')); socket.close(); };
+        socket.onclose = event => {
+          const error = this.closeError(event);
+          error.code = event.code;
+          failed(error);
+        };
+        socket.onmessage = event => {
+          if (this.socket !== socket) return;
+          let message;
+          try { message = this.decodeMessage(JSON.parse(event.data)); } catch (error) { failed(Object.assign(new TypeError(error.code ? error.message : '无效的连接响应'), { code: error.code })); socket.close(); return; }
+          if (!message) return;
+          if (message.type === 'ready') {
+            clearTimeout(timer); this.ready = true; this.disconnected = false; settled = true; resolve();
+            for (const source of this.subscriptions.values()) this.sendSubscription(source);
+          } else if (message.type === 'response') {
+            const request = this.pending.get(message.id);
+            if (request) {
+              clearTimeout(request.timer); this.pending.delete(message.id);
+              if (message.status >= 400) request.reject(Object.assign(new Error(message.body?.error || '请求失败'), message.body || {}));
+              else request.resolve(message.body);
+            } else this.subscriptions.get(message.id)?.emit('error', message.body);
+          } else {
+            const source = this.subscriptions.get(message.id); if (!source) return;
+            if (message.type === 'subscribed') source.emit('open', {});
+            if (message.type === 'event') source.emit(message.event, message.data);
+            if (message.type === 'end') source.emit('error', { error: '订阅已结束，请重新连接' });
+          }
+        };
+      });
+      return this.connecting;
+    }
+    async request(path, options = {}) {
+      if (this.disconnected && path !== '/api/health') throw new TypeError('连接已断开，请重新连接后操作');
+      await this.connect();
+      if (!this.ready) throw new TypeError('局域网连接已断开');
+      const id = ++this.serial, method = options.method || 'GET';
+      const body = typeof options.body === 'string' ? JSON.parse(options.body) : options.body;
+      return new Promise((resolve, reject) => {
+        const timer = setTimeout(() => {
+          this.pending.delete(id);
+          reject(new Error(method !== 'GET' ? '操作响应超时，结果未确认；请查看对话，勿重复发送' : '读取响应超时'));
+        }, options.timeoutMs ?? (path === '/api/wait' ? 150000 : 95000));
+        this.pending.set(id, { resolve, reject, timer, write: method !== 'GET', path });
+        try { this.sendMessage({ type: 'request', id, path, method, body }); }
+        catch (error) { clearTimeout(timer); this.pending.delete(id); reject(error); }
+      });
+    }
+    sendSubscription(source) {
+      if (!source.closed) this.sendMessage({ type: 'subscribe', id: source.id, path: source.path });
+    }
+    subscribe(path) {
+      const source = new Subscription(this, ++this.serial, path); this.subscriptions.set(source.id, source);
+      if (this.ready) queueMicrotask(() => { if (this.ready) this.sendSubscription(source); });
+      else if (this.disconnected) queueMicrotask(() => source.emit('error', { error: '连接已断开，请重新连接' }));
+      else this.connect().catch(() => {}); // connect reports errors to each subscription.
+      return source;
+    }
+    async pause() {
+      const socket = this.socket;
+      if (!socket) return;
+      // Run the same cleanup immediately; subsequent native close is harmless.
+      socket.onclose({ code: 1000 }); this.socket = null; socket.close();
+    }
+    async resume() { await this.connect(); }
+  };
+})(globalThis);

package/dist/web/p2p-diagnostics.js

@@ -0,0 +1,28 @@
+(function (root, factory) {
+  if (typeof module === 'object' && module.exports) module.exports = factory();
+  else root.CodeRelaxP2pDiagnostics = factory();
+})(globalThis, () => class {
+  constructor() {
+    this.started = Date.now(); this.local = [0, 0, 0, 0, 0]; this.remote = [0, 0, 0, 0, 0];
+    this.offer = false; this.answer = false; this.open = false; this.ping = false; this.pong = false;
+    this.ice = 'new'; this.gathering = 'new'; this.error = 'none';
+  }
+  candidate(side, candidate) {
+    const type = /\btyp (host|srflx|prflx|relay)\b/.exec(candidate || '')?.[1];
+    const index = ['host', 'srflx', 'prflx', 'relay'].indexOf(type);
+    const counts = side === 'local' ? this.local : this.remote;
+    counts[index < 0 ? 4 : index]++;
+  }
+  snapshot(stage) {
+    const known = (value, choices) => choices.includes(value) ? value : 'unknown';
+    const counts = values => values.map(value => Math.min(value, 999)).join(',');
+    return `stage=${known(stage, ['verified', 'timeout', 'failed', 'closed', 'complete', 'replaced', 'unsupported'])}` +
+      `;ms=${Math.min(Date.now() - this.started, 999999)}` +
+      `;offer=${Number(this.offer)};answer=${Number(this.answer)}` +
+      `;ice=${known(this.ice, ['new', 'checking', 'connected', 'completed', 'failed', 'disconnected', 'closed'])}` +
+      `;gathering=${known(this.gathering, ['new', 'in-progress', 'gathering', 'complete'])}` +
+      `;local=${counts(this.local)};remote=${counts(this.remote)}` +
+      `;open=${Number(this.open)};ping=${Number(this.ping)};pong=${Number(this.pong)}` +
+      `;error=${known(this.error, ['none', 'stun', 'description', 'candidate', 'channel', 'frame', 'peer', 'initialization', 'signal'])}`;
+  }
+});