npm - cursorconnect - Versions diffs - 0.1.6 → 0.1.7 - Mend

cursorconnect 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/bridge-runtime/.env.example +10 -2
package/bridge-runtime/connector-version.json +1 -1
package/bridge-runtime/dist/agent-completion-push.d.ts +42 -0
package/bridge-runtime/dist/agent-completion-push.js +220 -0
package/bridge-runtime/dist/agent-title-match.d.ts +8 -7
package/bridge-runtime/dist/agent-title-match.js +11 -1
package/bridge-runtime/dist/chat-display-store.d.ts +21 -9
package/bridge-runtime/dist/chat-display-store.js +94 -23
package/bridge-runtime/dist/chat-display.d.ts +2 -0
package/bridge-runtime/dist/chat-display.js +197 -33
package/bridge-runtime/dist/chat-history-mode.d.ts +5 -0
package/bridge-runtime/dist/chat-history-mode.js +7 -0
package/bridge-runtime/dist/command-executor.d.ts +2 -0
package/bridge-runtime/dist/command-executor.js +44 -0
package/bridge-runtime/dist/composer-title-index.d.ts +1 -0
package/bridge-runtime/dist/composer-title-index.js +7 -7
package/bridge-runtime/dist/debug-chats-page.d.ts +2 -0
package/bridge-runtime/dist/debug-chats-page.js +491 -0
package/bridge-runtime/dist/dom-transcript-store.d.ts +17 -0
package/bridge-runtime/dist/dom-transcript-store.js +76 -0
package/bridge-runtime/dist/extract-page.js +56 -85
package/bridge-runtime/dist/history-limit.d.ts +2 -0
package/bridge-runtime/dist/history-limit.js +2 -0
package/bridge-runtime/dist/history-request.d.ts +8 -0
package/bridge-runtime/dist/history-request.js +7 -0
package/bridge-runtime/dist/index.js +1 -0
package/bridge-runtime/dist/jsonl-index.d.ts +21 -3
package/bridge-runtime/dist/jsonl-index.js +237 -73
package/bridge-runtime/dist/jsonl-live-debug.d.ts +24 -0
package/bridge-runtime/dist/jsonl-live-debug.js +175 -0
package/bridge-runtime/dist/media-path.d.ts +2 -0
package/bridge-runtime/dist/media-path.js +17 -0
package/bridge-runtime/dist/message-filter.d.ts +2 -0
package/bridge-runtime/dist/message-filter.js +21 -5
package/bridge-runtime/dist/pairing-code.d.ts +2 -0
package/bridge-runtime/dist/pairing-code.js +9 -2
package/bridge-runtime/dist/relay-upstream.d.ts +2 -1
package/bridge-runtime/dist/relay-upstream.js +4 -1
package/bridge-runtime/dist/relay.d.ts +21 -0
package/bridge-runtime/dist/relay.js +332 -28
package/bridge-runtime/dist/types.d.ts +21 -0
package/bridge-runtime/selectors.json +4 -5
package/dist/index.js +79 -20
package/dist/launch.js +23 -5
package/dist/macos-autostart.js +87 -0
package/dist/pairing-code.js +12 -3
package/dist/print-pairing.js +2 -0
package/dist/run-service.js +31 -0
package/dist/startup-check.js +165 -0
package/package.json +1 -1
package/version-policy.json +1 -1

package/bridge-runtime/dist/debug-chats-page.js ADDED Viewed

@@ -0,0 +1,491 @@
+/** Read-only browser UI: shows what bridge already holds (no writes). */
+export const DEBUG_CHATS_PAGE_HTML = `<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>CursorConnect — bridge data</title>
+  <style>
+    :root { color-scheme: dark; font-family: system-ui, sans-serif; font-size: 14px; }
+    * { box-sizing: border-box; }
+    body { margin: 0; background: #111; color: #e8e8e8; }
+    header { padding: 10px 14px; border-bottom: 1px solid #333; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+    header h1 { font-size: 15px; margin: 0 12px 0 0; font-weight: 600; }
+    label { font-size: 12px; color: #aaa; }
+    input, select, button { background: #1c1c1c; border: 1px solid #444; color: #eee; border-radius: 6px; padding: 6px 8px; }
+    button { cursor: pointer; }
+    button:hover { border-color: #666; }
+    .layout { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 52px); }
+    .agents { border-right: 1px solid #333; overflow: auto; max-height: calc(100vh - 52px); }
+    .agents button { display: block; width: 100%; text-align: left; border: none; border-bottom: 1px solid #2a2a2a; border-radius: 0; padding: 10px 12px; background: transparent; }
+    .agents button:hover { background: #1a1a1a; }
+    .agents button.active { background: #243044; }
+    .agents .meta { font-size: 11px; color: #888; margin-top: 2px; }
+    main { display: flex; flex-direction: column; min-width: 0; }
+    .tabs { display: flex; gap: 4px; padding: 8px 10px; border-bottom: 1px solid #333; flex-wrap: wrap; }
+    .tabs button { font-size: 12px; }
+    .tabs button.active { background: #2a3f5f; border-color: #5a7ab0; }
+    .status { padding: 6px 12px; font-size: 12px; color: #9ab; border-bottom: 1px solid #2a2a2a; }
+    .status.err { color: #f88; }
+    .chat { flex: 1; overflow: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
+    .bubble { max-width: 92%; padding: 8px 12px; border-radius: 10px; white-space: pre-wrap; word-break: break-word; }
+    .bubble.user { align-self: flex-end; background: #2d4a3e; }
+    .bubble.assistant { align-self: flex-start; background: #2a2a35; }
+    .bubble.system { align-self: center; background: #333; font-size: 12px; color: #bbb; }
+    .bubble .tag { font-size: 10px; color: #888; margin-bottom: 4px; font-family: ui-monospace, monospace; }
+    .raw { flex: 1; overflow: auto; margin: 0; padding: 12px; font-size: 11px; line-height: 1.4; background: #0a0a0a; color: #bdbdbd; }
+    .empty { color: #666; padding: 24px; text-align: center; }
+    .note { font-size: 12px; color: #9ab; padding: 8px 12px; border-bottom: 1px solid #2a2a2a; line-height: 1.45; }
+    table.cmp { width: 100%; border-collapse: collapse; font-size: 12px; }
+    table.cmp th, table.cmp td { border: 1px solid #333; padding: 6px 8px; vertical-align: top; }
+    table.cmp th { background: #1a1a1a; text-align: left; }
+    table.cmp tr.match td { background: #152515; }
+    table.cmp tr.miss td { background: #2a1818; }
+    table.cmp tr.domonly td { background: #1a1a2a; }
+    .jsonl-live-head { font-size: 12px; color: #9ab; margin-bottom: 10px; line-height: 1.45; }
+    .jsonl-row { border-left: 3px solid #444; padding: 8px 10px; margin-bottom: 6px; background: #161616; border-radius: 4px; }
+    .jsonl-row.new { animation: jsonl-flash 1.2s ease; border-left-color: #5a9fd4; }
+    .jsonl-row.in-lenta { border-left-color: #3d7a52; }
+    .jsonl-row.skip { border-left-color: #8a4040; }
+    .jsonl-row .meta { font-size: 10px; color: #888; font-family: ui-monospace, monospace; margin-bottom: 4px; }
+    .jsonl-row .body { white-space: pre-wrap; word-break: break-word; font-size: 13px; }
+    @keyframes jsonl-flash { from { background: #243044; } to { background: #161616; } }
+    @media (max-width: 720px) { .layout { grid-template-columns: 1fr; } .agents { max-height: 180px; } }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Bridge data (read-only)</h1>
+    <label>Token <input id="token" type="password" size="28" placeholder="если WEBAPP_PASSWORD" /></label>
+    <label>Refresh <input id="interval" type="number" min="0" max="60" value="2" style="width:48px" /> s</label>
+    <button type="button" id="btnRefresh">Обновить</button>
+    <span id="health" style="font-size:12px;color:#8a8"></span>
+  </header>
+  <div class="layout">
+    <nav class="agents" id="agents"><div class="empty">Загрузка списка…</div></nav>
+    <main>
+      <div class="tabs" id="tabs">
+        <button type="button" data-tab="history" class="active">JSONL · /api/agents/history</button>
+        <button type="button" data-tab="jsonl-live">JSONL live · файл</button>
+        <button type="button" data-tab="cache">JSONL cache</button>
+        <button type="button" data-tab="transcript">DOM transcript</button>
+        <button type="button" data-tab="dom">DOM · state.messages</button>
+        <button type="button" data-tab="compare">Сравнение JSONL ↔ DOM</button>
+        <button type="button" data-tab="debug">DOM extract debug</button>
+        <button type="button" data-tab="raw">JSON snapshot</button>
+      </div>
+      <div class="status" id="status">—</div>
+      <div class="note" id="note" hidden></div>
+      <div class="chat" id="panel"></div>
+      <pre class="raw" id="raw" hidden></pre>
+    </main>
+  </div>
+  <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
+  <script>
+(function () {
+  const params = new URLSearchParams(location.search);
+  const roomId = params.get('roomId') || '';
+  const tokenEl = document.getElementById('token');
+  tokenEl.value = params.get('token') || localStorage.getItem('cc_debug_token') || '';
+  tokenEl.addEventListener('change', () => localStorage.setItem('cc_debug_token', tokenEl.value.trim()));
+  let tab = 'history';
+  let selectedId = params.get('agentId') || '';
+  let selectedTitle = '';
+  let snapshot = null;
+  let timer = null;
+  let jsonlLiveTimer = null;
+  let jsonlLiveLastLine = 0;
+  let jsonlLiveRows = [];
+  let jsonlLiveStickBottom = true;
+  let jsonlLiveFile = '';
+  let bridgeSocket = null;
+  let bridgeSubscribedId = '';
+  document.getElementById('tabs').addEventListener('click', (e) => {
+    const b = e.target.closest('button[data-tab]');
+    if (!b) return;
+    tab = b.dataset.tab;
+    document.querySelectorAll('#tabs button').forEach((x) => x.classList.toggle('active', x === b));
+    scheduleJsonlLive();
+    if (tab === 'jsonl-live') void resetJsonlLive();
+    renderPanel();
+  });
+  document.getElementById('btnRefresh').addEventListener('click', () => void loadAll());
+  document.getElementById('interval').addEventListener('change', schedule);
+  function token() { return tokenEl.value.trim(); }
+  function apiUrl(path) {
+    const u = new URL(path, location.origin);
+    if (roomId) u.searchParams.set('roomId', roomId);
+    const t = token();
+    if (t) u.searchParams.set('token', t);
+    return u.toString();
+  }
+  async function apiFetch(path) {
+    const headers = {};
+    const t = token();
+    if (t) headers.Authorization = 'Bearer ' + t;
+    return fetch(apiUrl(path), { headers });
+  }
+  function setStatus(msg, err) {
+    const el = document.getElementById('status');
+    el.textContent = msg;
+    el.className = 'status' + (err ? ' err' : '');
+  }
+  function roleLabel(role) {
+    if (role === 'user') return 'Пользователь';
+    if (role === 'assistant') return 'Ассистент';
+    return role || 'system';
+  }
+  function normText(text, role) {
+    let t = String(text || '').replace(/\s+/g, ' ').trim().toLowerCase();
+    if (role === 'assistant') {
+      t = t.replace(/^#+\\s*/g, '').replace(/\\|/g, ' ').replace(/[-]{3,}/g, ' ');
+    }
+    return t.replace(/\s+/g, ' ').trim();
+  }
+  function textsMatch(a, b, role) {
+    const ta = normText(a, role);
+    const tb = normText(b, role);
+    if (!ta || !tb) return false;
+    if (ta === tb) return true;
+    const short = ta.length <= tb.length ? ta : tb;
+    const long = ta.length <= tb.length ? tb : ta;
+    return short.length >= 12 && long.includes(short) && short.length / long.length >= 0.35;
+  }
+  function renderBubbles(messages, source) {
+    if (!messages || !messages.length) return '<div class="empty">Нет сообщений</div>';
+    return messages.map((m) => {
+      const role = m.role || 'system';
+      const tag = roleLabel(role) + ' · ' + source + ' · ' + (m.id || '?') + (m.flatIndex != null ? ' · seq=' + m.flatIndex : '') + (m.html ? ' · html' : '');
+      const text = (m.text || '').trim() || (m.html ? '[html ' + m.html.length + ' chars — в Cursor с разметкой]' : '(пусто)');
+      return '<div class="bubble ' + role + '"><div class="tag">' + escapeHtml(tag) + '</div>' + escapeHtml(text) + '</div>';
+    }).join('');
+  }
+  function renderCompare(hist, dom) {
+    const rows = [];
+    const usedDom = new Set();
+    for (let i = 0; i < (hist || []).length; i++) {
+      const h = hist[i];
+      let domIdx = -1;
+      for (let j = 0; j < (dom || []).length; j++) {
+        if (usedDom.has(j)) continue;
+        if (h.role === dom[j].role && textsMatch(h.text, dom[j].text, h.role)) {
+          domIdx = j;
+          usedDom.add(j);
+          break;
+        }
+      }
+      const cls = domIdx >= 0 ? 'match' : 'miss';
+      rows.push({ cls, n: i + 1, h, d: domIdx >= 0 ? dom[domIdx] : null });
+    }
+    for (let j = 0; j < (dom || []).length; j++) {
+      if (usedDom.has(j)) continue;
+      rows.push({ cls: 'domonly', n: '—', h: null, d: dom[j] });
+    }
+    if (!rows.length) return '<div class="empty">Нет данных</div>';
+    const tr = rows.map((r) => {
+      const hp = r.h ? escapeHtml((r.h.text || '').slice(0, 120)) : '—';
+      const dp = r.d ? escapeHtml((r.d.text || '').slice(0, 120)) : '—';
+      return '<tr class="' + r.cls + '"><td>' + r.n + '</td><td>' + (r.h ? r.h.role : '') + '</td><td>' + hp + '</td><td>' + (r.d ? r.d.role : '') + '</td><td>' + dp + '</td></tr>';
+    }).join('');
+    return '<table class="cmp"><thead><tr><th>#</th><th>JSONL</th><th>текст JSONL</th><th>DOM</th><th>текст DOM</th></tr></thead><tbody>' + tr + '</tbody></table>';
+  }
+  function escapeHtml(s) {
+    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+  }
+  function renderJsonlLive() {
+    if (!jsonlLiveRows.length) {
+      return '<div class="empty">Нет строк — выберите чат или дождитесь записи в JSONL</div>';
+    }
+    const head =
+      '<div class="jsonl-live-head">Файл: <code>' +
+      escapeHtml(jsonlLiveFile || '—') +
+      '</code> · строк в файле: <b>' +
+      jsonlLiveLastLine +
+      '</b> · показано: ' +
+      jsonlLiveRows.length +
+      ' · опрос <b>300 ms</b> · bridge subscribe: <b>' +
+      escapeHtml(bridgeSubscribedId === selectedId ? 'on' : 'off') +
+      '</b></div>';
+    const body = jsonlLiveRows
+      .map((r) => {
+        const cls =
+          'jsonl-row' +
+          (r._new ? ' new' : '') +
+          (r.inLenta ? ' in-lenta' : ' skip');
+        const tools = r.tools?.length ? ' · tools: ' + r.tools.join(', ') : '';
+        const skip = r.inLenta ? '→ в ленту' : '→ skip: ' + (r.skipReason || '?');
+        return (
+          '<div class="' +
+          cls +
+          '" data-line="' +
+          r.lineNo +
+          '"><div class="meta">#' +
+          r.lineNo +
+          ' · ' +
+          escapeHtml(r.role) +
+          tools +
+          ' · ' +
+          escapeHtml(skip) +
+          (r._at ? ' · ' + r._at : '') +
+          '</div><div class="body">' +
+          escapeHtml(r.textPreview || '(пусто)') +
+          '</div></div>'
+        );
+      })
+      .join('');
+    return head + body;
+  }
+  async function pollJsonlLive() {
+    if (!selectedId || tab !== 'jsonl-live') return;
+    try {
+      const q = new URLSearchParams();
+      q.set('agentId', selectedId);
+      if (selectedTitle) q.set('title', selectedTitle);
+      if (jsonlLiveLastLine > 0) q.set('afterLine', String(jsonlLiveLastLine));
+      else q.set('tail', '80');
+      const res = await apiFetch('/debug/jsonl-live?' + q.toString());
+      if (!res.ok) throw new Error('jsonl-live ' + res.status);
+      const data = await res.json();
+      jsonlLiveFile = data.filePath || '';
+      const at = new Date().toLocaleTimeString();
+      const incoming = (data.rows || []).map((r) => ({ ...r, _new: true, _at: at }));
+      if (jsonlLiveLastLine === 0) {
+        jsonlLiveRows = incoming;
+      } else if (incoming.length) {
+        const seen = new Set(jsonlLiveRows.map((x) => x.lineNo));
+        for (const r of incoming) {
+          if (!seen.has(r.lineNo)) jsonlLiveRows.push(r);
+        }
+      }
+      if (data.totalLines) jsonlLiveLastLine = data.totalLines;
+      else if (incoming.length) {
+        jsonlLiveLastLine = Math.max(jsonlLiveLastLine, incoming[incoming.length - 1].lineNo);
+      }
+      if (jsonlLiveRows.length > 600) jsonlLiveRows = jsonlLiveRows.slice(-500);
+      setTimeout(() => {
+        for (const r of jsonlLiveRows) r._new = false;
+      }, 1200);
+      if (tab === 'jsonl-live') {
+        renderPanel();
+        if (jsonlLiveStickBottom) {
+          const panel = document.getElementById('panel');
+          panel.scrollTop = panel.scrollHeight;
+        }
+        setStatus(
+          'JSONL live: ' +
+            jsonlLiveRows.length +
+            ' shown · file lines ' +
+            (data.totalLines ?? '?') +
+            ' · ' +
+            at
+        );
+      }
+    } catch (e) {
+      setStatus((e && e.message) || String(e), true);
+    }
+  }
+  async function resetJsonlLive() {
+    jsonlLiveLastLine = 0;
+    jsonlLiveRows = [];
+    jsonlLiveFile = '';
+    await pollJsonlLive();
+  }
+  function ensureBridgeSubscribe() {
+    if (typeof io === 'undefined') return;
+    if (!bridgeSocket) {
+      const headers = {};
+      const t = token();
+      if (t) headers.Authorization = 'Bearer ' + t;
+      bridgeSocket = io(location.origin, { transports: ['websocket', 'polling'], auth: headers });
+      bridgeSocket.on('agent:messages', (p) => {
+        const n = p.historyMessages?.length ?? 0;
+        const tail = (p.historyMessages || [])[(n || 1) - 1];
+        const preview = (tail?.text || '').slice(0, 48);
+        setStatus(
+          'app-pipe agent:messages append=' +
+            !!p.append +
+            ' n=' +
+            n +
+            ' · ' +
+            preview
+        );
+      });
+    }
+    if (!selectedId || (bridgeSubscribedId === selectedId && tab === 'jsonl-live')) return;
+    bridgeSubscribedId = selectedId;
+    bridgeSocket.emit('agents:subscribe', {
+      agentId: selectedId,
+      title: selectedTitle || undefined,
+      focus: false,
+    });
+    setStatus('bridge subscribe ' + selectedId.slice(0, 8) + '… (как приложение)');
+  }
+  function scheduleJsonlLive() {
+    if (jsonlLiveTimer) clearInterval(jsonlLiveTimer);
+    jsonlLiveTimer = null;
+    if (tab === 'jsonl-live') {
+      ensureBridgeSubscribe();
+      jsonlLiveTimer = setInterval(() => void pollJsonlLive(), 300);
+    }
+  }
+  function renderPanel() {
+    const panel = document.getElementById('panel');
+    const raw = document.getElementById('raw');
+    panel.hidden = tab === 'raw';
+    raw.hidden = tab !== 'raw';
+    if (tab === 'raw') {
+      raw.textContent = JSON.stringify({ snapshot, selectedId, tab }, null, 2);
+      return;
+    }
+    const note = document.getElementById('note');
+    note.hidden = tab !== 'dom' && tab !== 'compare' && tab !== 'jsonl-live';
+    if (tab === 'jsonl-live') {
+      note.textContent =
+        'Файл .jsonl на диске (опрос 300 ms). «→ в ленту» = после filter в bridge. В приложение строка попадёт только если Connect открыл этот чат (ниже: bridge subscribe). Debug сам по себе app не кормит.';
+    } else if (tab === 'dom') {
+      note.textContent = 'DOM = смонтированные [data-flat-index] в Cursor (без JSONL). При открытии чата bridge прокручивает ленту вниз и poll. Пропуски = tool/thought строки.';
+    } else if (tab === 'compare') {
+      note.textContent =
+        'Зелёная = JSONL-лента (API) и DOM совпали. Красная = только в JSONL. Фиолетовая (domonly) = видно в DOM Cursor, слева «—» (нет в ленте API): схлопнули несколько ответов ассистента в один, или DOM ещё держит короткий статус («Ищу…», «Добавляю…»), а в API уже только финальный «Сделано…». Вкладка «JSONL cache» = то, что уходит в app.';
+    }
+    if (!selectedId && tab !== 'dom' && tab !== 'debug') {
+      panel.innerHTML = '<div class="empty">Выберите агента слева</div>';
+      return;
+    }
+    if (tab === 'jsonl-live') {
+      panel.innerHTML = renderJsonlLive();
+      panel.onscroll = () => {
+        const nearBottom = panel.scrollHeight - panel.scrollTop - panel.clientHeight < 80;
+        jsonlLiveStickBottom = nearBottom;
+      };
+      return;
+    }
+    panel.onscroll = null;
+    if (tab === 'history') {
+      panel.innerHTML = window.__historyHtml || '<div class="empty">Загрузка history…</div>';
+    } else if (tab === 'cache') {
+      const rows = snapshot?.displayCache?.[selectedId];
+      panel.innerHTML = renderBubbles(rows, 'jsonl-cache');
+    } else if (tab === 'transcript') {
+      const rows = snapshot?.domTranscript?.[selectedId];
+      panel.innerHTML = renderBubbles(rows, 'dom-transcript');
+    } else if (tab === 'dom') {
+      const st = snapshot?.cursor;
+      const active = st?.activeComposerId;
+      const hint = active ? 'activeComposerId=' + active : 'нет activeComposerId';
+      panel.innerHTML = '<div class="empty" style="text-align:left;margin-bottom:8px">' + escapeHtml(hint) + ' · ' + (st?.domMessageCount ?? 0) + ' msgs</div>' + renderBubbles(st?.domMessages, 'dom');
+    } else if (tab === 'compare') {
+      const hist = window.__historyData || [];
+      const dom =
+        (selectedId && snapshot?.domTranscript?.[selectedId]?.length
+          ? snapshot.domTranscript[selectedId]
+          : null) ||
+        snapshot?.cursor?.domMessages ||
+        [];
+      const active = snapshot?.cursor?.activeComposerId;
+      const same = selectedId === active;
+      const head = '<div class="empty" style="text-align:left">agent=' + escapeHtml(selectedId.slice(0, 8)) + '… active=' + escapeHtml((active || '—').slice(0, 8)) + (same ? ' (совпадает)' : ' (другой чат в Cursor!)') + '</div>';
+      panel.innerHTML = head + renderCompare(hist, dom);
+    } else if (tab === 'debug') {
+      const d = snapshot?.domExtractDebug?.latest;
+      if (!d) { panel.innerHTML = '<div class="empty">Нет extract debug</div>'; return; }
+      panel.innerHTML = '<div class="bubble system"><div class="tag">extract debug</div>' + escapeHtml(JSON.stringify(d, null, 2)) + '</div>';
+    }
+  }
+  function renderAgents(index) {
+    const nav = document.getElementById('agents');
+    const repos = index?.repos || [];
+    const items = [];
+    for (const repo of repos) {
+      for (const a of repo.agents || []) {
+        items.push({ id: a.id, title: a.title, repo: repo.name });
+      }
+    }
+    if (!items.length) {
+      nav.innerHTML = '<div class="empty">agents:index пуст</div>';
+      return;
+    }
+    nav.innerHTML = items.map((a) => {
+      const cls = a.id === selectedId ? ' active' : '';
+      return '<button type="button" class="' + cls.trim() + '" data-id="' + escapeHtml(a.id) + '" data-title="' + escapeHtml(a.title || '') + '">' + escapeHtml(a.title || a.id) + '<div class="meta">' + escapeHtml(a.repo) + ' · ' + escapeHtml(a.id.slice(0, 8)) + '…</div></button>';
+    }).join('');
+    nav.querySelectorAll('button[data-id]').forEach((btn) => {
+      btn.addEventListener('click', () => {
+        selectedId = btn.dataset.id;
+        selectedTitle = btn.dataset.title || '';
+        nav.querySelectorAll('button').forEach((x) => x.classList.toggle('active', x.dataset.id === selectedId));
+        void loadHistory();
+        if (tab === 'jsonl-live') void resetJsonlLive();
+        renderPanel();
+      });
+    });
+    if (!selectedId && items[0]) {
+      selectedId = items[0].id;
+      selectedTitle = items[0].title || '';
+      nav.querySelector('button[data-id="' + selectedId + '"]')?.classList.add('active');
+    }
+  }
+  async function loadSnapshot() {
+    const res = await apiFetch('/debug/chat-snapshot');
+    if (!res.ok) throw new Error('chat-snapshot ' + res.status);
+    snapshot = await res.json();
+    const h = document.getElementById('health');
+    h.textContent = 'CDP ' + (snapshot.health?.cdp ? 'on' : 'off') + ' · updated ' + new Date(snapshot.at).toLocaleTimeString();
+  }
+  async function loadHistory() {
+    if (!selectedId) return;
+    const res = await apiFetch('/api/agents/history?agentId=' + encodeURIComponent(selectedId) + '&limit=120');
+    if (!res.ok) throw new Error('history ' + res.status);
+    const data = await res.json();
+    window.__historyData = data.messages || [];
+    window.__historyHtml = renderBubbles(window.__historyData, 'jsonl');
+    if (tab === 'history' || tab === 'compare') renderPanel();
+    setStatus('history: ' + (data.messages?.length ?? 0) + ' / total ' + (data.totalMessages ?? '?'));
+  }
+  async function loadIndex() {
+    const res = await apiFetch('/api/agents/index');
+    if (!res.ok) throw new Error('index ' + res.status);
+    return res.json();
+  }
+  async function loadAll() {
+    try {
+      setStatus('Загрузка…');
+      await loadSnapshot();
+      const index = await loadIndex();
+      renderAgents(index);
+      await loadHistory();
+      renderPanel();
+      setStatus('OK · ' + new Date().toLocaleTimeString());
+    } catch (e) {
+      setStatus((e && e.message) || String(e), true);
+    }
+  }
+  function schedule() {
+    if (timer) clearInterval(timer);
+    const sec = Number(document.getElementById('interval').value) || 0;
+    if (sec > 0) timer = setInterval(() => void loadAll(), sec * 1000);
+  }
+  schedule();
+  scheduleJsonlLive();
+  void loadAll();
+})();
+  </script>
+</body>
+</html>`;

package/bridge-runtime/dist/dom-transcript-store.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { ChatMessage } from './types.js';
+/**
+ * Append-only per-agent transcript built from DOM snapshots.
+ * Debug-only DOM transcript; not used for client chat lenta (JSONL-only).
+ */
+export declare class DomTranscriptStore {
+    private rowsByAgent;
+    has(agentId: string): boolean;
+    clear(agentId: string): void;
+    /** Replace transcript (e.g. opt-in JSONL path). Live chat uses ingest only. */
+    seed(agentId: string, rows: ChatMessage[]): void;
+    /** Merge latest DOM extract into transcript; returns sorted display list. */
+    ingest(agentId: string, snapshot: ChatMessage[]): ChatMessage[];
+    list(agentId: string): ChatMessage[];
+    /** Drop overlay rows once the same turn appears in JSONL. */
+    pruneCoveredBy(agentId: string, baseline: ChatMessage[]): void;
+}

package/bridge-runtime/dist/dom-transcript-store.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { messagesEquivalent, pickPreferredMessage, sortMessagesChronologically, } from './chat-display.js';
+/** Stable key for upsert across DOM polls (prefer extract id). */
+function transcriptKey(m) {
+    if (m.id?.trim())
+        return m.id;
+    return `${m.role}:${m.flatIndex ?? 0}:${(m.text ?? '').slice(0, 80)}`;
+}
+/**
+ * Append-only per-agent transcript built from DOM snapshots.
+ * Debug-only DOM transcript; not used for client chat lenta (JSONL-only).
+ */
+export class DomTranscriptStore {
+    rowsByAgent = new Map();
+    has(agentId) {
+        return (this.rowsByAgent.get(agentId)?.size ?? 0) > 0;
+    }
+    clear(agentId) {
+        this.rowsByAgent.delete(agentId);
+    }
+    /** Replace transcript (e.g. opt-in JSONL path). Live chat uses ingest only. */
+    seed(agentId, rows) {
+        if (!rows.length)
+            return;
+        const map = new Map();
+        for (const m of rows) {
+            map.set(transcriptKey(m), m);
+        }
+        this.rowsByAgent.set(agentId, map);
+    }
+    /** Merge latest DOM extract into transcript; returns sorted display list. */
+    ingest(agentId, snapshot) {
+        if (!snapshot.length)
+            return this.list(agentId);
+        let map = this.rowsByAgent.get(agentId);
+        if (!map) {
+            map = new Map();
+            this.rowsByAgent.set(agentId, map);
+        }
+        for (const m of snapshot) {
+            let dupKey;
+            for (const [k, prev] of map) {
+                if (messagesEquivalent(prev, m)) {
+                    dupKey = k;
+                    break;
+                }
+            }
+            const key = transcriptKey(m);
+            if (dupKey) {
+                const prev = map.get(dupKey);
+                map.delete(dupKey);
+                map.set(key, pickPreferredMessage(prev, m, true));
+                continue;
+            }
+            const prev = map.get(key);
+            map.set(key, prev ? pickPreferredMessage(prev, m, true) : m);
+        }
+        return this.list(agentId);
+    }
+    list(agentId) {
+        const map = this.rowsByAgent.get(agentId);
+        if (!map?.size)
+            return [];
+        return sortMessagesChronologically([...map.values()]);
+    }
+    /** Drop overlay rows once the same turn appears in JSONL. */
+    pruneCoveredBy(agentId, baseline) {
+        const map = this.rowsByAgent.get(agentId);
+        if (!map?.size || !baseline.length)
+            return;
+        for (const [key, row] of [...map.entries()]) {
+            if (baseline.some((b) => messagesEquivalent(b, row))) {
+                map.delete(key);
+            }
+        }
+    }
+}