made-bridge 0.3.4 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "made-bridge",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "码得（made）独立语音编程设备的电脑侧桥接器：工作台 API、设备接口、任务调度与插件运行时。一条命令启动，配合 ESP32 固件使用，源码在 github.com/jobop/made。",
   "type": "module",
   "license": "MIT",

package/public/app.js

@@ -6,7 +6,7 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
       const $ = (id) => document.getElementById(id);
       const taskPage = document.body.dataset.page === 'tasks';
       const assistantsPage = document.body.dataset.page === 'assistants';
-      const state = { jobs: [], sessions: [], providers: [], projects: [], connection: {}, voice: {}, models: {}, pairing: { open: false, pending: [], paired: [] }, tunnel: { status: 'off' }, receiver: { status: 'disabled' }, receiverPasswordVisible: false, token: null, lastSyncedAt: null, loaded: false, error: '', busy: new Set(), pairBusy: false, pairWindowBusy: false, tunnelBusy: false, dismissedPairing: new Set(), selectedSessionId: null, previewProvider: '', previewSessionId: null, sessionFormOpen: false, legacySessionsOpen: false, renamingSession: false, refreshing: false };
+      const state = { jobs: [], sessions: [], providers: [], projects: [], connection: {}, voice: {}, models: {}, pairing: { open: false, pending: [], paired: [] }, tunnel: { status: 'off' }, receiver: { status: 'disabled' }, receiverPasswordVisible: false, token: null, lastSyncedAt: null, loaded: false, error: '', busy: new Set(), pairBusy: false, pairWindowBusy: false, tunnelBusy: false, dismissedPairing: new Set(), selectedSessionId: null, previewProvider: '', previewSessionId: null, sessionFormOpen: false, legacySessionsOpen: false, renamingSession: false, refreshing: false, historyOpen: false };
       if (taskPage) {
         try { state.selectedSessionId = sessionStorage.getItem('vibe-selected-session'); } catch { /* Selection works without storage. */ }
         const params = new URLSearchParams(window.location.search);
@@ -64,6 +64,9 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
       const canConfirm = (job) => job.status === 'waiting_confirmation';
       const canCancel = (job) => ['waiting_confirmation', 'queued', 'running'].includes(job.status);
       const timeText = (value) => { const date = new Date(value); return Number.isNaN(date.getTime()) ? '' : new Intl.DateTimeFormat(getLocale(), { hour: '2-digit', minute: '2-digit' }).format(date); };
+      const turnAnswer = (job) => userFacingJobError(job) || (job.status === 'running' ? job.progress : '') || job.result ||
+        (job.status === 'waiting_confirmation' ? t('app.074') :
+          job.status === 'queued' ? t('app.075') : t('app.076'));
       const setFormMessage = (message, success = false) => { setUiMessage($('formMessage'), message); $('formMessage').classList.toggle('success', success); };
       let toastTimer;
       function showToast(message, error = false) { const toast = $('toast'); setUiMessage(toast, message); toast.classList.toggle('error', error); toast.classList.add('visible'); clearTimeout(toastTimer); toastTimer = setTimeout(() => toast.classList.remove('visible'), 4200); }
@@ -314,9 +317,7 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
         const top = text('div', 'job-top');
         top.append(text('div', 'job-meta', t('app.071', { v0: (timeText(job.createdAt) || t('app.047')) })), text('span', `job-status ${info.css}`, info.label));
         card.append(top, text('div', 'job-instruction', t('app.073', { v0: (job.instruction || t('app.072')) })));
-        const answer = userFacingJobError(job) || (job.status === 'running' ? job.progress : '') || job.result ||
-          (job.status === 'waiting_confirmation' ? t('app.074') :
-            job.status === 'queued' ? t('app.075') : t('app.076'));
+        const answer = turnAnswer(job);
         card.append(text('p', `job-summary turn-answer ${job.error && !job.retryPending ? 'error' : ''}`, t('app.077', { v0: (providerName(job.provider)), v1: (safeString(answer)) })));
         if (job.provider === 'codex' && job.retryPending) {
           card.append(text('p', 'job-retry-notice', t('app.078')));
@@ -328,6 +329,38 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
         if (actions.children.length) { const bottom = text('div', 'job-bottom'); bottom.append(actions); card.append(bottom); }
         list.append(card);
       }
+      /** 历史会话抽屉：当前任务的全部指令与回复，新的在上。数据来自 /api/state 的 jobs。 */
+      function renderHistory() {
+        const button = $('historyDrawerButton');
+        const overlay = $('historyDrawerOverlay');
+        if (!button || !overlay) return;
+        const session = selectedSession();
+        const jobs = session ? jobsForSession(session.id) : [];
+        button.hidden = !session || !!state.error;
+        button.setAttribute('aria-expanded', String(state.historyOpen));
+        overlay.hidden = !state.historyOpen;
+        if (!state.historyOpen) return;
+        $('historyDrawerMeta').textContent = session ? `${session.title || t('app.045')} — ${t('app.227')}` : t('app.227');
+        const list = $('historyList'); list.replaceChildren();
+        if (!jobs.length) {
+          list.append(text('p', 'history-empty', t('app.229')));
+          return;
+        }
+        [...jobs].reverse().forEach((job, index) => {
+          const info = jobStatus(job);
+          const turn = text('article', 'history-turn');
+          const top = text('div', 'history-turn-top');
+          top.append(
+            text('span', 'turn-number', t('app.228', { v0: jobs.length - index })),
+            text('span', 'history-turn-time', formatDateTime(job.createdAt)),
+            text('span', `job-status ${info.css}`, info.label),
+          );
+          turn.append(top, text('div', 'history-turn-instruction', job.instruction || t('app.072')));
+          const answer = turnAnswer(job);
+          if (answer) turn.append(text('p', `history-turn-answer ${job.error && !job.retryPending ? 'error' : ''}`, answer));
+          list.append(turn);
+        });
+      }
       const boardEncoder = new TextEncoder();
       function boardCleanText(value) {
         return safeString(value)
@@ -912,7 +945,7 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
           setUiMessage($('firmwareMessage'), error.message || '');
         } finally { firmwareBusy = false; }
       }
-      function render() { renderSelects(); renderSessions(); renderJobs(); renderBoard(); renderPairing(); renderTunnel(); renderReceiver(); renderFirmware(); renderConnection(); renderModelSettings(); renderVoiceSettings(); renderProviders(); }
+      function render() { renderSelects(); renderSessions(); renderJobs(); renderHistory(); renderBoard(); renderPairing(); renderTunnel(); renderReceiver(); renderFirmware(); renderConnection(); renderModelSettings(); renderVoiceSettings(); renderProviders(); }
       function applyLanguage(locale) {
         const changed = setLocale(locale);
         if (!changed && document.documentElement.lang === locale) {
@@ -992,6 +1025,25 @@ import { t, m, getLocale, setLocale, supportedLocales, applyStaticTranslations,
         state.legacySessionsOpen = !state.legacySessionsOpen;
         renderSessions();
       });
+      $('historyDrawerButton')?.addEventListener('click', () => {
+        state.historyOpen = !state.historyOpen;
+        renderHistory();
+      });
+      $('historyDrawerClose')?.addEventListener('click', () => {
+        state.historyOpen = false;
+        renderHistory();
+      });
+      $('historyDrawerOverlay')?.addEventListener('click', (event) => {
+        if (event.target !== event.currentTarget) return;
+        state.historyOpen = false;
+        renderHistory();
+      });
+      document.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape' && state.historyOpen) {
+          state.historyOpen = false;
+          renderHistory();
+        }
+      });
       $('sessionForm')?.addEventListener('submit', (event) => { event.preventDefault(); createSession(); });
       $('renameSessionButton')?.addEventListener('click', () => {
         const session = selectedSession();

package/public/i18n-messages.js

@@ -900,6 +900,26 @@ export const messages = {
     "zh-CN": "创建失败",
     "en": "Creation failed"
   },
+  "app.226": {
+    "zh-CN": "历史记录",
+    "en": "History"
+  },
+  "app.227": {
+    "zh-CN": "这个任务的全部指令与回复，新的在上面。",
+    "en": "Every instruction and reply of this task, newest first."
+  },
+  "app.228": {
+    "zh-CN": "第 {v0} 轮",
+    "en": "Turn {v0}"
+  },
+  "app.229": {
+    "zh-CN": "这个任务还没有对话记录。",
+    "en": "No conversation history for this task yet."
+  },
+  "app.230": {
+    "zh-CN": "关闭",
+    "en": "Close"
+  },
   "tunnel.official.title": {
     "zh-CN": "官方入口",
     "en": "Official links"

package/public/styles.css

@@ -443,3 +443,27 @@
       .tunnel-service-guide { padding: 12px; }
       .tunnel-official-link { flex: 1 1 auto; }
     }
+
+    /* 历史会话抽屉：任务页「最新进展」旁的按钮拉开，展示当前任务的全部指令与回复 */
+    .history-overlay { position: fixed; inset: 0; z-index: 15; background: rgba(74, 62, 44, .38); backdrop-filter: blur(4px); }
+    .history-overlay[hidden] { display: none; }
+    .history-drawer { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; width: min(560px, 100%); height: 100%; background: var(--bg); border-left: 1px solid var(--line); box-shadow: -18px 0 48px rgba(74, 62, 44, .22); animation: history-in .22s ease; }
+    @keyframes history-in { from { transform: translateX(28px); opacity: 0; } to { transform: none; opacity: 1; } }
+    .history-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 22px 22px 16px; border-bottom: 1px solid var(--line); background: var(--panel); }
+    .history-head h2 { margin-top: 6px; font-size: var(--font-heading); font-weight: 700; }
+    .history-head .panel-intro { margin-top: 6px; }
+    .history-head .icon-button { flex: 0 0 auto; }
+    .history-list { flex: 1; display: grid; gap: 10px; align-content: start; padding: 18px 22px 30px; overflow-y: auto; }
+    .history-empty { color: var(--dim); font-size: var(--font-small); padding: 13px; }
+    .history-turn { border: 1px solid var(--line); border-radius: 15px; background: var(--panel); padding: 14px 15px; }
+    .history-turn-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; color: var(--dim); font-size: var(--font-small); font-weight: 600; }
+    .history-turn-time { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
+    .history-turn-instruction { margin: 9px 0 0; font-size: var(--font-body); font-weight: 600; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
+    .history-turn-answer { margin: 7px 0 0; color: var(--muted); font-size: var(--font-body); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
+    .history-turn-answer.error { color: var(--red); }
+    @media (max-width: 650px) {
+      .history-head { padding: 18px 16px 13px; }
+      .history-list { padding: 14px 16px 24px; }
+      .history-turn { padding: 13px 14px; }
+      .history-turn-top { align-items: flex-start; }
+    }

package/public/tasks.html

@@ -53,7 +53,7 @@
           </section>
 
           <section class="panel queue" aria-labelledby="queue-title">
-            <div class="panel-head"><div><h2 id="queue-title"><span data-i18n="static.132">最新进展</span></h2><p class="panel-intro"><span data-i18n="static.133">显示这个任务最新一次指令、执行状态和助手回复。</span></p></div></div>
+            <div class="panel-head"><div><h2 id="queue-title"><span data-i18n="static.132">最新进展</span></h2><p class="panel-intro"><span data-i18n="static.133">显示这个任务最新一次指令、执行状态和助手回复。</span></p></div><button id="historyDrawerButton" class="small-button" type="button" aria-expanded="false" aria-controls="historyDrawerOverlay" hidden data-i18n="app.226">历史记录</button></div>
             <div id="jobList" class="job-list" aria-live="polite"><div class="empty"><div class="empty-icon" aria-hidden="true">⌁</div><strong><span data-i18n="static.122">正在读取任务</span></strong><span><span data-i18n="static.134">正在连接本机桥接服务…</span></span></div></div>
           </section>
 
@@ -70,6 +70,15 @@
     </main>
     <footer class="footer"><span><span data-i18n="static.082">码得 · 多助手桥接</span></span><span id="lastUpdated"><span data-i18n="static.083">等待首次同步</span></span></footer>
   </div>
+  <div id="historyDrawerOverlay" class="history-overlay" hidden>
+    <aside class="history-drawer" role="dialog" aria-modal="true" aria-labelledby="historyDrawerTitle">
+      <div class="history-head">
+        <div><span class="section-kicker"><span data-i18n="static.125">当前任务</span></span><h2 id="historyDrawerTitle"><span data-i18n="app.226">历史记录</span></h2><p id="historyDrawerMeta" class="panel-intro"></p></div>
+        <button id="historyDrawerClose" class="icon-button" type="button" title="关闭" aria-label="关闭" data-i18n-title="app.230" data-i18n-aria-label="app.230">×</button>
+      </div>
+      <div id="historyList" class="history-list"></div>
+    </aside>
+  </div>
   <div id="toast" class="toast" role="status" aria-live="polite"></div>
   <div id="pairingOverlay" class="pairing-overlay" hidden>
     <section class="pairing-dialog" role="dialog" aria-modal="true" aria-labelledby="pairingDialogTitle" aria-describedby="pairingDialogDescription">

package/src/jobs.mjs

@@ -224,7 +224,9 @@ export class JobStore {
   projectFor(job) {
     const configured = this.projects.find((item) => item.id === job.projectId);
     const dir = this.workspacePath(job.vibeSessionId);
-    return dir ? { ...configured, path: dir } : configured;
+    // 每个会话跑在自己的沙箱目录里，但把选定项目的真实路径一并带给插件
+    // （originPath）：助手类插件可以只读地回看真正的代码，写入仍留在沙箱。
+    return dir ? { ...configured, path: dir, originPath: configured?.path || '' } : configured;
   }
 
   createSession(payload) {

package/src/server.mjs

@@ -1147,6 +1147,15 @@ if (isEntry) {
     process.once('SIGINT', shutdown);
     process.once('SIGTERM', shutdown);
     process.once('exit', () => { try { app.tunnel.process?.kill('SIGTERM'); } catch { /* Already exited. */ } });
+    // 无声退出兜底（2026-10-20）：桥接器在设备锁屏反复断链场景会无栈消失
+    // （一天三次，2min~25min 不等），未捕获异常/拒绝会静默杀进程。桥接器
+    // 是常驻服务——记录后继续跑，状态机脏了也强过整个掉线。
+    process.on('uncaughtException', (error) => {
+      console.error(`[fatal] uncaughtException（继续运行）：${error?.stack || error}`);
+    });
+    process.on('unhandledRejection', (reason) => {
+      console.error(`[fatal] unhandledRejection（继续运行）：${reason?.stack || reason}`);
+    });
     app.listen().catch((error) => {
       console.error(error.message);
       process.exitCode = 1;