cursorconnect 0.1.6 → 0.1.7

package/bridge-runtime/dist/chat-display.js

@@ -1,6 +1,10 @@
+import { canonicalizeImagePaths } from './media-path.js';
 import { cleanUserText, isAssistantReflectionText, isPassiveStatusChatLine, parseUserImagePaths, stripJsonlRedactionArtifacts, } from './message-filter.js';
 function normalizeUserChatMessage(m) {
-    const images = [...new Set([...(m.images ?? []), ...parseUserImagePaths(m.text ?? '')])];
+    const images = canonicalizeImagePaths([
+        ...(m.images ?? []),
+        ...parseUserImagePaths(m.text ?? ''),
+    ]);
     const text = cleanUserText(m.text ?? '');
     return {
         ...m,
@@ -18,7 +22,20 @@ export function compareUserText(text) {
     return cleanUserText(text).replace(/\s+/g, ' ').trim();
 }
 function userImagePaths(m) {
-    return [...new Set([...(m.images ?? []), ...parseUserImagePaths(m.text ?? '')])];
+    return canonicalizeImagePaths([
+        ...(m.images ?? []),
+        ...parseUserImagePaths(m.text ?? ''),
+    ]);
+}
+function userImageSetsEquivalent(a, b) {
+    const pa = userImagePaths(a);
+    const pb = userImagePaths(b);
+    if (!pa.length || !pb.length)
+        return false;
+    if (pa.length !== pb.length)
+        return false;
+    const setB = new Set(pb);
+    return pa.every((p) => setB.has(p));
 }
 export function userTextsEquivalent(ta, tb) {
     const a = compareUserText(ta);
@@ -46,13 +63,10 @@ export function userMessagesEquivalent(a, b) {
     const tb = compareUserText(b.text ?? '');
     if (ta && tb && userTextsEquivalent(ta, tb))
         return true;
+    if (userImageSetsEquivalent(a, b))
+        return true;
     const pa = userImagePaths(a);
     const pb = userImagePaths(b);
-    if (pa.length > 0 && pb.length > 0) {
-        const setB = new Set(pb);
-        if (pa.length === pb.length && pa.every((p) => setB.has(p)))
-            return true;
-    }
     if (ta && tb && pa.length > 0 && pb.length > 0) {
         const setB = new Set(pb);
         if (pa.every((p) => setB.has(p)))
@@ -82,7 +96,12 @@ function pickPreferredUserMessage(a, b, preferB) {
     const other = pick === na ? nb : na;
     if ((pick.text?.length ?? 0) < (other.text?.length ?? 0))
         pick = other;
-    const images = [...new Set([...(pick.images ?? []), ...(other.images ?? [])])];
+    const images = canonicalizeImagePaths([
+        ...(pick.images ?? []),
+        ...(other.images ?? []),
+        ...parseUserImagePaths(pick.text ?? ''),
+        ...parseUserImagePaths(other.text ?? ''),
+    ]);
     const flatPick = Math.min(a.flatIndex ?? Number.MAX_SAFE_INTEGER, b.flatIndex ?? Number.MAX_SAFE_INTEGER);
     const id = !pick.id.startsWith('hist-')
         ? pick.id
@@ -96,6 +115,33 @@ function pickPreferredUserMessage(a, b, preferB) {
         flatIndex: Number.isFinite(flatPick) ? flatPick : pick.flatIndex ?? other.flatIndex,
     };
 }
+/** DOM textContent vs JSONL markdown — same turn, different surface form. */
+function normalizeAssistantCompareText(text) {
+    return text
+        .replace(/^#+\s*/gm, '')
+        .replace(/\|/g, ' ')
+        .replace(/[-]{3,}/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim()
+        .toLowerCase();
+}
+function assistantTextsEquivalent(a, b) {
+    if (a.role !== 'assistant' || b.role !== 'assistant')
+        return false;
+    const ta = normalizeAssistantCompareText(a.text ?? '');
+    const tb = normalizeAssistantCompareText(b.text ?? '');
+    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;
+    if (short.length < 20)
+        return false;
+    if (!long.includes(short))
+        return false;
+    return short.length / long.length >= 0.35;
+}
 function messageKey(m) {
     const n = normalizeMessage(m);
     if (n.role === 'user') {
@@ -104,17 +150,30 @@ function messageKey(m) {
     const html = n.html?.trim() ? '1' : '0';
     return `${n.role}:${n.text.trim().replace(/\s+/g, ' ')}:${(n.images ?? []).join('|')}:${html}`;
 }
-function messagesEquivalent(a, b) {
+export function messagesEquivalent(a, b) {
     if (a.role === 'user' && b.role === 'user')
         return userMessagesEquivalent(a, b);
+    if (a.role === 'assistant' && b.role === 'assistant') {
+        return assistantTextsEquivalent(a, b) || messageKey(a) === messageKey(b);
+    }
     return messageKey(a) === messageKey(b);
 }
-function pickPreferredMessage(prev, next, preferNext) {
+function mergeTimelineFields(prev, next, pick) {
+    const indices = [prev.flatIndex, next.flatIndex, pick.flatIndex].filter((n) => n != null && Number.isFinite(n));
+    const domSeqs = [prev.domSeq, next.domSeq, pick.domSeq].filter((n) => n != null && Number.isFinite(n));
+    return {
+        ...pick,
+        flatIndex: indices.length ? Math.min(...indices) : pick.flatIndex,
+        domSeq: domSeqs.length ? Math.min(...domSeqs) : pick.domSeq,
+    };
+}
+export function pickPreferredMessage(prev, next, preferNext) {
     if (prev.role === 'user' && next.role === 'user') {
         return pickPreferredUserMessage(prev, next, preferNext);
     }
     if (prev.role !== 'assistant' || next.role !== 'assistant') {
-        return preferNext ? next : prev;
+        const pick = preferNext ? next : prev;
+        return mergeTimelineFields(prev, next, pick);
     }
     const score = (m) => {
         let s = 0;
@@ -127,15 +186,20 @@ function pickPreferredMessage(prev, next, preferNext) {
     };
     const sp = score(prev);
     const sn = score(next);
+    let pick;
     if (sn > sp)
-        return next;
-    if (sp > sn)
-        return prev;
-    return preferNext ? next : prev;
+        pick = next;
+    else if (sp > sn)
+        pick = prev;
+    else
+        pick = preferNext ? next : prev;
+    return mergeTimelineFields(prev, next, pick);
 }
 function messageOrderKey(m) {
     if (m.flatIndex != null && Number.isFinite(m.flatIndex))
         return m.flatIndex;
+    if (m.domSeq != null && Number.isFinite(m.domSeq))
+        return m.domSeq;
     const hist = /^hist-(\d+)/.exec(m.id);
     if (hist)
         return Number(hist[1]);
@@ -147,6 +211,10 @@ export function sortMessagesChronologically(messages) {
         const kb = messageOrderKey(b);
         if (ka !== kb)
             return ka - kb;
+        const da = a.domSeq ?? 0;
+        const db = b.domSeq ?? 0;
+        if (da !== db)
+            return da - db;
         return a.id.localeCompare(b.id);
     });
 }
@@ -168,6 +236,65 @@ function dedupeUserMessages(messages) {
     }
     return out;
 }
+function assistantTailMatchesLongBody(tail, body) {
+    const a = tail.trim();
+    const b = body.trim();
+    if (!a || !b || b.length <= a.length)
+        return false;
+    if (b.includes(a))
+        return true;
+    const words = (s) => s.toLowerCase().match(/[\p{L}\p{N}]+/gu) ?? [];
+    const wa = words(a);
+    const wb = words(b);
+    let shared = 0;
+    while (shared < wa.length && shared < wb.length && wa[shared] === wb[shared]) {
+        shared++;
+    }
+    return shared >= 3 && b.length > a.length * 1.15;
+}
+/** Cursor may render one assistant turn as A₁, user, A₂ (tail + body); restore A₂ before user. */
+function fixAssistantFragmentSandwich(messages) {
+    const sorted = sortMessagesChronologically(normalizeAll(messages));
+    const out = [];
+    let i = 0;
+    while (i < sorted.length) {
+        if (i + 2 < sorted.length &&
+            sorted[i].role === 'assistant' &&
+            sorted[i + 1].role === 'user' &&
+            sorted[i + 2].role === 'assistant') {
+            const a1 = sorted[i];
+            const u = sorted[i + 1];
+            const a2 = sorted[i + 2];
+            const t1 = (a1.text ?? '').trim();
+            const t2 = (a2.text ?? '').trim();
+            if (assistantTailMatchesLongBody(t1, t2)) {
+                out.push(a2, u);
+                i += 3;
+                continue;
+            }
+        }
+        out.push(sorted[i]);
+        i++;
+    }
+    return out;
+}
+function assistantOneSupersedesOther(prev, next) {
+    if (assistantTextsEquivalent(prev, next))
+        return true;
+    const ta = (prev.text ?? '').trim();
+    const tb = (next.text ?? '').trim();
+    if (!ta || !tb)
+        return false;
+    if (assistantTailMatchesLongBody(ta, tb))
+        return true;
+    if (assistantTailMatchesLongBody(tb, ta))
+        return true;
+    const short = ta.length <= tb.length ? ta : tb;
+    const long = ta.length <= tb.length ? tb : ta;
+    if (short.length >= 40 && long.includes(short))
+        return true;
+    return false;
+}
 function collapseAssistantBursts(messages) {
     const sorted = sortMessagesChronologically(normalizeAll(messages));
     const out = [];
@@ -177,12 +304,17 @@ function collapseAssistantBursts(messages) {
             return;
         const visible = run.filter((m) => !isAssistantReflectionText(m.text ?? ''));
         const pool = visible.length ? visible : run;
-        if (pool.length === 1) {
-            out.push(pool[0]);
-        }
-        else {
-            out.push(pool.reduce((a, b) => ((a.flatIndex ?? 0) >= (b.flatIndex ?? 0) ? a : b)));
+        const merged = [];
+        for (const m of pool) {
+            const last = merged[merged.length - 1];
+            if (last && assistantOneSupersedesOther(last, m)) {
+                merged[merged.length - 1] = pickPreferredMessage(last, m, true);
+            }
+            else {
+                merged.push(m);
+            }
         }
+        out.push(...merged);
         run = [];
     };
     for (const m of sorted) {
@@ -197,7 +329,7 @@ function collapseAssistantBursts(messages) {
     return out;
 }
 export function prepareChatMessagesForDisplay(messages) {
-    return collapseAssistantBursts(dedupeUserMessages(messages));
+    return collapseAssistantBursts(dedupeUserMessages(fixAssistantFragmentSandwich(messages)));
 }
 function tailOverlap(history, live) {
     const max = Math.min(history.length, live.length, 40);
@@ -210,6 +342,21 @@ function tailOverlap(history, live) {
     }
     return overlap;
 }
+function upsertLiveMessage(merged, m, live, overlap, preferNext) {
+    const tailWindow = Math.max(live.length - overlap, 0) + 6;
+    const searchFrom = Math.max(0, merged.length - tailWindow);
+    let dupIdx = -1;
+    for (let j = merged.length - 1; j >= searchFrom; j--) {
+        if (messagesEquivalent(merged[j], m)) {
+            dupIdx = j;
+            break;
+        }
+    }
+    if (dupIdx >= 0)
+        merged[dupIdx] = pickPreferredMessage(merged[dupIdx], m, preferNext);
+    else
+        merged.push(m);
+}
 export function mergeHistoryTail(prev, incoming) {
     if (!incoming.length)
         return prepareChatMessagesForDisplay(prev);
@@ -228,11 +375,7 @@ export function mergeHistoryTail(prev, incoming) {
     const prefix = prevN.slice(0, Math.max(0, prevN.length - overlap));
     const merged = [...prefix];
     for (const m of inc.slice(overlap)) {
-        const dupIdx = merged.findIndex((x) => messagesEquivalent(x, m));
-        if (dupIdx >= 0)
-            merged[dupIdx] = pickPreferredMessage(merged[dupIdx], m, true);
-        else
-            merged.push(m);
+        upsertLiveMessage(merged, m, inc, overlap, true);
     }
     return prepareChatMessagesForDisplay(merged);
 }
@@ -246,12 +389,8 @@ export function mergeDomWithHistory(history, live) {
     const overlap = tailOverlap(hist, collapsedLive);
     const prefix = hist.slice(0, Math.max(0, hist.length - overlap));
     const merged = [...prefix];
-    for (const m of collapsedLive) {
-        const dupIdx = merged.findIndex((x) => messagesEquivalent(x, m));
-        if (dupIdx >= 0)
-            merged[dupIdx] = pickPreferredMessage(merged[dupIdx], m, true);
-        else
-            merged.push(m);
+    for (let i = overlap; i < collapsedLive.length; i++) {
+        upsertLiveMessage(merged, collapsedLive[i], collapsedLive, overlap, true);
     }
     return prepareChatMessagesForDisplay(merged);
 }
@@ -268,8 +407,33 @@ export function historyRowsToChat(rows) {
         return m.role === 'user' ? normalizeUserChatMessage(msg) : msg;
     });
 }
+/** DOM sometimes attaches thumbnails to assistant rows; JSONL only has user images. */
+function reassignAssistantImagesToUsers(messages) {
+    const orphan = [];
+    const stripped = messages.map((m) => {
+        if (m.role !== 'assistant' || !(m.images?.length ?? 0))
+            return m;
+        orphan.push(...m.images);
+        return { ...m, images: undefined };
+    });
+    if (!orphan.length)
+        return stripped;
+    const extra = canonicalizeImagePaths(orphan);
+    for (let i = stripped.length - 1; i >= 0; i--) {
+        const m = stripped[i];
+        if (m.role !== 'user')
+            continue;
+        const merged = canonicalizeImagePaths([...userImagePaths(m), ...extra]);
+        stripped[i] = normalizeUserChatMessage({
+            ...m,
+            images: merged.length ? merged : undefined,
+        });
+        break;
+    }
+    return stripped;
+}
 export function filterClientDisplayList(messages) {
-    return messages.filter((m) => {
+    return reassignAssistantImagesToUsers(messages).filter((m) => {
         const text = stripJsonlRedactionArtifacts(m.text ?? '');
         if (!text && !(m.images?.length ?? 0))
             return false;

package/bridge-runtime/dist/chat-history-mode.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Default chat lenta: JSONL via `agent:messages` (see `ChatDisplayStore`).
+ * `CHAT_HISTORY_JSONL=1` — additionally socket `agent:history` / app `agentHistory` (legacy).
+ */
+export declare function isChatHistoryFromJsonl(): boolean;

package/bridge-runtime/dist/chat-history-mode.js

@@ -0,0 +1,7 @@
+/**
+ * Default chat lenta: JSONL via `agent:messages` (see `ChatDisplayStore`).
+ * `CHAT_HISTORY_JSONL=1` — additionally socket `agent:history` / app `agentHistory` (legacy).
+ */
+export function isChatHistoryFromJsonl() {
+    return process.env.CHAT_HISTORY_JSONL === '1';
+}

package/bridge-runtime/dist/command-executor.d.ts

@@ -9,6 +9,8 @@ export declare class CommandExecutor {
     private parseImagePaths;
     private sendMessage;
     private focusAgent;
+    /** Прокрутка к низу ленты — там смонтированы последние user/assistant узлы. */
+    scrollChatToBottom(): Promise<void>;
     private switchTab;
     private clickSelector;
     private clickByLabel;

package/bridge-runtime/dist/command-executor.js

@@ -272,6 +272,50 @@ export class CommandExecutor {
                     : 'Agent tab not open in Cursor — open it once or start a new chat',
             };
     }
+    /** Прокрутка к низу ленты — там смонтированы последние user/assistant узлы. */
+    async scrollChatToBottom() {
+        const client = this.client;
+        if (!client)
+            return;
+        const containerSelectors = this.selectors.chatContainer.strategies;
+        try {
+            await client.evaluate(`
+        (() => {
+          const sels = ${JSON.stringify(containerSelectors)};
+          function findFirst(sels) {
+            for (const sel of sels) {
+              try {
+                const el = document.querySelector(sel);
+                if (el) return el;
+              } catch { /* skip */ }
+            }
+            return null;
+          }
+          const anchor = findFirst(sels);
+          if (!anchor) return false;
+          let scrollEl = anchor;
+          for (let i = 0; i < 14 && scrollEl; i++) {
+            const st = getComputedStyle(scrollEl);
+            const oy = st.overflowY;
+            if (
+              (oy === 'auto' || oy === 'scroll' || oy === 'overlay') &&
+              scrollEl.scrollHeight > scrollEl.clientHeight + 8
+            ) {
+              break;
+            }
+            scrollEl = scrollEl.parentElement;
+          }
+          if (!scrollEl || scrollEl === document.body) return false;
+          scrollEl.scrollTop = scrollEl.scrollHeight;
+          scrollEl.dispatchEvent(new Event('scroll', { bubbles: true }));
+          return true;
+        })()
+      `);
+        }
+        catch {
+            /* non-fatal */
+        }
+    }
     async switchTab(cmd) {
         const client = this.client;
         const title = cmd.tabTitle?.trim();

package/bridge-runtime/dist/composer-title-index.d.ts

@@ -1,6 +1,7 @@
 export declare function isComposerUuid(id: string | undefined): boolean;
 export declare function isSyntheticTabId(id: string | undefined): boolean;
 export declare function normalizeComposerTitle(title: string): string;
+export declare function titlesAlign(a: string, b: string): boolean;
 /** Learns sidebar title → composer UUID while user switches chats in Cursor. */
 export declare class ComposerTitleIndex {
     private byTitle;

package/bridge-runtime/dist/composer-title-index.js

@@ -14,7 +14,7 @@ export function normalizeComposerTitle(title) {
         .trim()
         .toLowerCase();
 }
-function titlesAlign(a, b) {
+export function titlesAlign(a, b) {
     const na = normalizeComposerTitle(a);
     const nb = normalizeComposerTitle(b);
     if (!na || !nb)
@@ -33,12 +33,12 @@ export class ComposerTitleIndex {
             return;
         const tabT = activeTabTitle?.trim();
         const headT = headerTitle?.trim();
-        if (!tabT || !headT)
-            return;
-        if (!titlesAlign(tabT, headT))
-            return;
-        this.byTitle.set(normalizeComposerTitle(tabT), composerId);
-        this.byTitle.set(normalizeComposerTitle(headT), composerId);
+        if (tabT) {
+            this.byTitle.set(normalizeComposerTitle(tabT), composerId);
+        }
+        if (tabT && headT && titlesAlign(tabT, headT)) {
+            this.byTitle.set(normalizeComposerTitle(headT), composerId);
+        }
     }
     lookup(title) {
         if (!title?.trim())

package/bridge-runtime/dist/debug-chats-page.d.ts

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