app
Pup - the AI's own browser
Public Made by Adomby adom
pup gives your AI a real browser on your desktop that it drives completely, in the background, signed in as you: windows that never jump in front of your work, one shared profile that learns your logins, and every window labeled on the taskbar with its AI thread's name.
← Commit history
Dashboard rebuilt as the three-level TREE John specified: a mimic of the Windows taskbar at the top (one button per real taskbar icon in real order, each wearing its real overlay badge, click to jump), then a collapsible tree of the window(s) under each taskbar icon, then the tabs under each window as leaf nodes. Icons correct at every level: taskbar button and window show the composited overlay badge, each tab shows its own favicon fetched through the page. Per-node actions (flash/clear/close on windows, close on tabs, group flash/clear on taskbar nodes), the overlay-decision trace per window, foreground reason, highFps, viewport pin, crash and owner tags, and the thread/text filters carry over. Replaces the flat card list. The whole DASHBOARD_HTML block was rewritten cleanly rather than patched, since prior partial edits plus a linter pass had tangled it; both server.js and the extracted dashboard script were parse-checked before shipping.
4 files changed
+129−137
adom-bridge-puppeteer-manifest.json+4−4@@ -1,10 +1,10 @@ { "manifest_version": 1, "name": "puppeteer",- "version": "1.9.233",- "url": "https://wiki.adom.inc/download/adom/adom-desktop-puppeteer-bridge/1.9.233/adom-bridge-puppeteer-v1.9.233.zip",- "sha256": "a1f471b1f01f38a44a68247597a9f4e78ba052f97c34577d2dced927a312c6a0",- "size": 456506,+ "version": "1.9.234",+ "url": "https://wiki.adom.inc/download/adom/adom-desktop-puppeteer-bridge/1.9.234/adom-bridge-puppeteer-v1.9.234.zip",+ "sha256": "22c8ecafbb0c5d89eae0d7f84e23e4e20c84c3f64ba57574c9d63f483543e2e2",+ "size": 456496, "verbPrefixes": [ "browser_", "desktop_recorder_",
src/BRIDGE_VERSION+1−1@@ -1 +1 @@-1.9.233+1.9.234
src/bridge.json+1−1@@ -2,7 +2,7 @@ "manifest_version": 1, "name": "puppeteer", "displayName": "Puppeteer (Chrome for Testing + Native)",- "version": "1.9.233",+ "version": "1.9.234", "description": "Drives a browser ALREADY on the machine \u2014 installed Chrome, else Microsoft Edge (every Windows PC ships with Edge) \u2014 launched with a FRESH isolated profile, so the common case has NO ~150 MB Chrome-for-Testing download and it never touches the user's real tabs/logins. Binds its local server to LOOPBACK (127.0.0.1) only, so no Windows Firewall 'allow Node through the firewall' prompt ever pops. Chrome for Testing is fetched only as a LAST RESORT if the machine has no Chromium browser at all. SPAWN-VERIFIED fallback: pup tries each detected browser (Chrome \u2192 Edge \u2192 CfT) and actually launches it, falling through to the next if one won't start (and handling browsers like Edge that relaunch onto another PID), so a corrupt/partial install never hard-fails an open. The browser that launches is cached as the default (persisted across restarts) so it isn't re-probed each time. On spawn the bridge SELF-WARMS: detects browsers + disk, and only if the box has no Chrome/Edge and no cached CfT does it background-fetch CfT so the first open is instant. browser_use pins a specific browser (chrome | edge | cft | auto); {browser:'chrome',install:true} downloads & installs REAL Google Chrome (user-scoped, no admin) on an Edge-only box. browser_readiness (READ-ONLY) reports which browser will be used + the full candidate list + the default + free disk. Every failure returns a specific errorCode + _hint (chrome_install_no_disk, chrome_download_network, chrome_install_permission, chrome_stable_not_detected, \u2026). Launches with FULL browser permissions by default for full debug (strictPermissions:true opts out). Headful automation: open/close windows+tabs, navigate, screenshot, eval JS, record. pup is a GENERIC, non-profile browser only \u2014 every session is a fresh isolated Chrome/Edge process, never the user's real signed-in browser; profile defaults to sessionId. To drive the user's REAL Chrome/Edge (their profile, cookies, SSO), use the Adom browser EXTENSION's nbrowser_* verbs \u2014 a separate bridge, not pup's job. macOS (v1.9.74+): full parity with mac-native mechanics \u2014 background-by-default is the app-level hide (windows stay drivable/screenshottable while hidden), raise/lower map to unhide+activate/hide, browser_alert_window posts a native toast whose click focuses the window, browser_use {browser:'chrome',install:true} installs Chrome from the official dmg, and taskbar identity/badging remains Windows-only.", "homepage": "https://wiki.adom.inc/adom/adom-desktop", "author": "Adom Inc.",
src/server.js+123−131@@ -7858,173 +7858,165 @@ const DASHBOARD_HTML = `<!doctype html><html lang="en"><head> <style> *{box-sizing:border-box} html,body{margin:0;background:#0b1116;color:#e6edf3;font:14px/1.5 "Segoe UI",system-ui,sans-serif} a{color:#12e0c4}-header{position:sticky;top:0;z-index:9;background:#0d141b;border-bottom:1px solid #1d2833;padding:12px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}-h1{font-size:15px;margin:0;font-weight:650;letter-spacing:.2px}+header{position:sticky;top:0;z-index:10;background:#0d141b;border-bottom:1px solid #1d2833;padding:12px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}+h1{font-size:15px;margin:0;font-weight:650} .dot{width:8px;height:8px;border-radius:50%;background:#3fb950;display:inline-block;margin-right:6px} .dot.stale{background:#d29922} .pill{background:#111b23;border:1px solid #1d2833;border-radius:999px;padding:3px 10px;font-size:12px;color:#9fb0c0} .pill b{color:#e6edf3;font-weight:600} select,input{background:#111b23;color:#e6edf3;border:1px solid #23303c;border-radius:6px;padding:5px 9px;font-size:13px}-main{padding:16px 18px;display:flex;flex-direction:column;gap:16px}-.tbgroup{border:1px solid #23303c;border-radius:12px;background:#0c131a;overflow:hidden}-.tbhead{display:flex;gap:10px;align-items:center;padding:10px 14px;background:#111b23;border-bottom:1px solid #23303c}-.tbicon{width:30px;height:30px;border-radius:7px;background:#0b1116;flex:0 0 30px;object-fit:contain}-.tblabel{font-weight:650;font-size:14px}-.tbmeta{margin-left:auto;color:#7d8f9f;font-size:12px}-.tbgroup .card{margin:12px;border-radius:9px}-.fav{width:15px;height:15px;flex:0 0 15px;object-fit:contain;border-radius:3px;background:#0b1116}-.card{background:#0f1720;border:1px solid #1d2833;border-radius:10px;overflow:hidden}-.card.fg{border-color:#12e0c4;box-shadow:0 0 0 1px rgba(18,224,196,.25)}-.card.crash{border-color:#f85149}-.chead{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#0d141b;border-bottom:1px solid #1d2833}-.badge{width:26px;height:26px;border-radius:6px;background:#111b23;flex:0 0 26px;object-fit:contain}-.sid{font-weight:650}-.sub{color:#7d8f9f;font-size:12px;margin-left:auto;text-align:right}-.tags{display:flex;gap:5px;flex-wrap:wrap;padding:8px 12px 0}-.tag{font-size:11px;border-radius:5px;padding:2px 7px;border:1px solid #23303c;color:#9fb0c0}-.tag.fg{background:#12e0c41a;border-color:#12e0c4;color:#12e0c4}-.tag.bg{color:#7d8f9f}-.tag.hf{background:#d299221a;border-color:#d29922;color:#e3b341}-.tag.warn{background:#f851491a;border-color:#f85149;color:#ff7b72}-.tag.vp{background:#a371f71a;border-color:#a371f7;color:#c297ff}-.why{margin:8px 12px 0;padding:7px 10px;background:#12e0c40f;border-left:2px solid #12e0c4;border-radius:0 6px 6px 0;font-size:12px;color:#a9c4cd}-.why b{color:#12e0c4;font-weight:600}-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}-td{padding:5px 12px;border-top:1px solid #16202a;vertical-align:top}-td.k{color:#7d8f9f;width:96px;white-space:nowrap}-.url{color:#9fb0c0;word-break:break-all}-.tabs{padding:6px 12px 12px}-.tab{display:flex;gap:8px;padding:4px 0;border-top:1px solid #16202a;font-size:12px}-.tab:first-child{border-top:0}-.tab .id{color:#7d8f9f;flex:0 0 46px}-.tab.act .id{color:#12e0c4;font-weight:600}-.tab .u{color:#9fb0c0;word-break:break-all;flex:1}-.tab .x{color:#ff7b72;flex:0 0 auto}-.empty{color:#7d8f9f;padding:40px;text-align:center;grid-column:1/-1}-footer{color:#5c6c7a;font-size:11px;padding:6px 18px 22px} .btn{background:#16222c;border:1px solid #2a3a47;color:#cfe0ea;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer} .btn:hover{background:#1d2b36;border-color:#12e0c4}-.btn.sm{padding:3px 8px;font-size:11px;margin-left:6px}-.btn.xs{padding:0 6px;font-size:11px;line-height:16px;margin-left:auto}+.btn.sm{padding:2px 8px;font-size:11px}+.btn.xs{padding:0 6px;font-size:11px;line-height:16px} .btn.danger{border-color:#5c2b2b;color:#ff9d95} .btn.danger:hover{background:#2a1717;border-color:#f85149}-.why2{margin-top:6px;padding:6px 8px;background:#0b1116;border:1px solid #1d2833;border-radius:6px;color:#8fa3b3;font-size:11px;line-height:1.6}-.why2 b{display:block;color:#12e0c4;margin-bottom:3px;font-weight:600}+.sub{margin-left:auto;color:#7d8f9f;font-size:12px}++/* taskbar strip: mimic of the real Windows taskbar */+#taskbar{position:sticky;top:49px;z-index:9;display:flex;gap:6px;align-items:center;padding:8px 18px;background:#0a0f14;border-bottom:1px solid #1d2833;overflow-x:auto}+#taskbar .lbl{color:#5c6c7a;font-size:11px;margin-right:6px;flex:0 0 auto}+.tbi{position:relative;width:48px;height:42px;border-radius:8px;background:#0f1720;border:1px solid #1d2833;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}+.tbi:hover{border-color:#12e0c4;background:#12202a}+.tbi.fg{border-color:#12e0c4}+.tbi img{width:28px;height:28px;object-fit:contain;border-radius:6px}+.tbi .n{position:absolute;top:-6px;right:-6px;background:#12e0c4;color:#06282a;font-size:10px;font-weight:700;border-radius:8px;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px}+.tbi .u{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:16px;height:3px;border-radius:2px;background:#12e0c4}++/* tree */+main{padding:14px 18px}+.node{margin:0}+.tw{margin-left:0}+.row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px}+.row:hover{background:#0f1720}+.tog{width:16px;flex:0 0 16px;color:#7d8f9f;cursor:pointer;user-select:none;text-align:center}+.tog.leaf{visibility:hidden}+.ico{width:22px;height:22px;flex:0 0 22px;object-fit:contain;border-radius:5px;background:#0f1720}+.ico.sm{width:16px;height:16px;flex:0 0 16px}+.nm{font-weight:600}+.nm.dim{font-weight:400;color:#c3d0da}+.meta{color:#7d8f9f;font-size:12px}+.tag{font-size:11px;border-radius:5px;padding:1px 7px;border:1px solid #23303c;color:#9fb0c0}+.tag.fg{background:#12e0c41a;border-color:#12e0c4;color:#12e0c4}+.tag.hf{background:#d299221a;border-color:#d29922;color:#e3b341}+.tag.warn{background:#f851491a;border-color:#f85149;color:#ff7b72}+.tag.vp{background:#a371f71a;border-color:#a371f7;color:#c297ff}+.acts{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .1s}+.row:hover .acts{opacity:1}+.tbnode{border:1px solid #1d2833;border-radius:10px;margin-bottom:12px;background:#0c131a;overflow:hidden}+.tbnode>.row{background:#111b23;border-bottom:1px solid #1d2833;border-radius:0}+.win{margin:2px 0 2px 20px;border-left:2px solid #1a2530}+.win>.row .nm{font-size:13px}+.tabs{margin:0 0 4px 44px}+.why{margin:4px 0 8px 44px;padding:6px 9px;background:#0b1116;border:1px solid #1d2833;border-radius:6px;color:#8fa3b3;font-size:11px;line-height:1.6}+.why b{display:block;color:#12e0c4;margin-bottom:2px}+.empty{color:#7d8f9f;padding:40px;text-align:center}+.hidden{display:none}+footer{color:#5c6c7a;font-size:11px;padding:8px 18px 22px} </style></head><body> <header> <h1><span class="dot" id="live"></span>pup live windows</h1> <span class="pill">windows <b id="cW">0</b></span> <span class="pill">tabs <b id="cT">0</b></span>- <span class="pill">chromes <b id="cB">0</b></span>+ <span class="pill">taskbar icons <b id="cB">0</b></span> <span class="pill">v<b id="cV">?</b></span> <span class="pill" id="cM" style="display:none">minimal-touch</span> <select id="f"><option value="">all AI threads</option></select>- <input id="q" placeholder="filter url / session…" size="22">+ <input id="q" placeholder="filter url / session..." size="20"> <button class="btn" data-act="flash-all">flash all</button> <button class="btn" data-act="unflash-all">clear flashes</button> <button class="btn danger" data-act="close-all" data-confirm="Close ALL pup windows?">close all</button> <span class="sub" id="age"></span> </header>-<main id="m"><div class="empty">connecting…</div></main>+<div id="taskbar"></div>+<main id="m"><div class="empty">connecting...</div></main> <footer id="ft"></footer> <script>-// v1.9.230: do NOT declare a global named $ here. pup injects window.$ (its $deep shadow-DOM helper)-// into EVERY page, and a const named $ colliding with that existing global is a parse-time-// SyntaxError that kills this entire script: the page rendered its static shell and nothing else,-// while the SSE stream was fine all along. pup was breaking its own dashboard. Renamed to avoid it.-const _q=s=>document.querySelector(s); let SNAP=null;+const _q=s=>document.querySelector(s); let SNAP=null; const COLL=new Set(); const ago=ms=>{if(ms==null)return'-';const s=Math.round(ms/1000);if(s<60)return s+'s';const m=Math.round(s/60);if(m<60)return m+'m';const h=Math.floor(m/60);return h+'h '+(m%60)+'m';}; const esc=t=>String(t==null?'':t).replace(/[&<>"]/g,c=>({'&':'&','<':'<','>':'>','"':'"'}[c]));+const badge=sid=>'/dashboard/badge?session='+encodeURIComponent(sid)+'&t='+(SNAP?SNAP.ts:0);+const fav=(sid,tid)=>'/dashboard/favicon?session='+encodeURIComponent(sid)+'&tab='+encodeURIComponent(tid);+ function render(){ if(!SNAP)return; const d=SNAP; _q('#cW').textContent=d.counts.windows; _q('#cT').textContent=d.counts.tabs;- _q('#cB').textContent=d.counts.browsers; _q('#cV').textContent=d.bridge.version;+ _q('#cB').textContent=(d.taskbarButtons||[]).length; _q('#cV').textContent=d.bridge.version; _q('#cM').style.display=d.bridge.minimalTouch?'':'none'; _q('#age').textContent='updated '+new Date(d.ts).toLocaleTimeString();- const sel=_q('#f'), cur=sel.value;- if(sel.options.length-1!==d.threads.length){- sel.innerHTML='<option value="">all AI threads</option>'+d.threads.map(t=>'<option>'+esc(t)+'</option>').join('');- sel.value=cur;- }- const q=_q('#q').value.toLowerCase(), th=sel.value;- const rows=d.windows.filter(w=>{- if(th&&(w.owner||w.ownerThread)!==th)return false;- if(q){const hay=(w.sessionId+' '+(w.url||'')+' '+(w.owner||'')+' '+w.tabs.map(t=>t.url||'').join(' ')).toLowerCase();if(!hay.includes(q))return false;}- return true;});- // v1.9.225 — render the HIERARCHY: taskbar button -> window(s) -> tabs.- const byId=Object.fromEntries(rows.map(w=>[w.sessionId,w]));- const groups=(d.taskbarButtons||[]).map(b=>({...b,wins:b.windows.map(s=>byId[s]).filter(Boolean)})).filter(g=>g.wins.length);- _q('#m').innerHTML = groups.length? groups.map(g=>- '<div class="tbgroup">'- +'<div class="tbhead"><img class="tbicon" src="/dashboard/badge?session='+encodeURIComponent(g.wins[0].sessionId)+'&t='+d.ts+'" data-fallback="hide">'- +'<span class="tblabel">'+esc(g.label)+'</span>'- +'<span class="tbmeta">taskbar button · '+g.wins.length+' window'+(g.wins.length>1?'s':'')+' · '+esc(g.grouping)+'</span>'- +'<button class="btn sm" data-act="flash-group" data-ids="'+esc(g.windows.join(','))+'">flash</button>'- +'<button class="btn sm" data-act="unflash-group" data-ids="'+esc(g.windows.join(','))+'">clear</button></div>'- + g.wins.map(w=>{- const crashed=w.tabs.some(t=>t.crashed)||w.lostBrowser;- return '<div class="card '+(w.foreground?'fg':'')+(crashed?' crash':'')+'">'- +'<div class="chead">'- +'<img class="badge" src="/dashboard/badge?session='+encodeURIComponent(w.sessionId)+'&t='+d.ts+'" data-fallback="hide">'- +'<span class="sid">'+esc(w.sessionId)+'</span>'- +'<span class="sub">'+esc(w.profile)+' · '+ago(w.uptimeMs)+'</span>'- +'<button class="btn sm" data-act="flash" data-sid="'+esc(w.sessionId)+'">flash</button>'- +'<button class="btn sm" data-act="unflash" data-sid="'+esc(w.sessionId)+'">clear</button>'- +'<button class="btn sm danger" data-act="close-window" data-sid="'+esc(w.sessionId)+'" data-confirm="Close window '+esc(w.sessionId)+'?">close</button>'- +'</div>'- +'<div class="tags">'- +'<span class="tag '+(w.foreground?'fg':'bg')+'">'+(w.foreground?'FOREGROUND':'background')+'</span>'- +(w.highFps?'<span class="tag hf">highFps '+w.highFpsMinutesLeft+'m left</span>':'')- +(w.emulatedViewport?'<span class="tag vp">viewport pinned '+w.emulatedViewport.width+'×'+w.emulatedViewport.height+'</span>':'')- +(w.lostBrowser?'<span class="tag warn">browser lost</span>':'')- +(w.tabs.some(t=>t.crashed)?'<span class="tag warn">crashed tab</span>':'')- +(w.errorCount?'<span class="tag warn">'+w.errorCount+' page errors</span>':'')- +(w.owner?'<span class="tag">owner: '+esc(w.owner)+(w.ownerSource==='caller-identity'?' ✓':'')+'</span>':'<span class="tag warn">UNOWNED</span>')- +'</div>'- +(w.foreground&&w.foregroundReason?'<div class="why"><b>why foreground:</b> '+esc(w.foregroundReason)+'</div>':'')- +'<table>'- +'<tr><td class="k">url</td><td class="url">'+esc(w.url||'-')+'</td></tr>'- +'<tr><td class="k">overlay</td><td>'+esc(w.overlay||'none')- +(w.overlayWhy?'<div class="why2"><b>how this icon was chosen</b>'- +'<div>tab: '+esc(w.overlayWhy.tabId||'?')+', '+esc(w.overlayWhy.tabPickedBy)+'</div>'- +'<div>source: '+esc(w.overlayWhy.source||'none')+'</div>'- +'<div>fetched via: '+esc(w.overlayWhy.fetchedVia)+'</div>'- +'<div>composed: '+esc(w.overlayWhy.composed)+'</div>'- +'<div>painted by: '+esc(w.overlayWhy.paintedBy)+'</div></div>':'')- +'</td></tr>'- +'<tr><td class="k">hwnd</td><td>'+(w.hwnd||'<span style="color:#ff7b72">unresolved</span>')+'</td></tr>'- +(w.lastAgentUpdate?'<tr><td class="k">last action</td><td>'+esc(w.lastAgentUpdate.verb||'')+' '+esc(w.lastAgentUpdate.note||'')+'</td></tr>':'')- +'</table>'- +'<div class="tabs">'+w.tabs.map(t=>'<div class="tab '+(t.active?'act':'')+'">'- +'<img class="fav" src="/dashboard/favicon?session='+encodeURIComponent(w.sessionId)+'&tab='+encodeURIComponent(t.tabId)+'" data-fallback="hide">'- +'<span class="id">'+esc(t.tabId)+'</span><span class="u">'+esc(t.title||t.url||'-')+'</span>'- +(t.crashed?'<span class="x">crashed</span>':'')- +'<button class="btn xs" data-act="close-tab" data-sid="'+esc(w.sessionId)+'" data-tid="'+esc(t.tabId)+'">×</button>'- +'</div>').join('')+'</div>'- +'</div>';}).join('')+'</div>').join('') : '<div class="empty">no pup windows open'+(th||q?' matching this filter':'')+'</div>';- _q('#ft').textContent='bridge up '+ago(d.bridge.uptimeMs)+' · '+d.bridge.platform+' · deps '+(d.bridge.depsOk?'ok':'MISSING')+' · profiles: '+Object.entries(d.profiles).map(([k,v])=>k+'('+v+')').join(', ');+ const sel=_q('#f'),cur=sel.value;+ if(sel.options.length-1!==d.threads.length){sel.innerHTML='<option value="">all AI threads</option>'+d.threads.map(t=>'<option>'+esc(t)+'</option>').join('');sel.value=cur;}+ const q=_q('#q').value.toLowerCase(),th=sel.value;+ const byId=Object.fromEntries(d.windows.map(w=>[w.sessionId,w]));+ const match=w=>{if(th&&(w.owner||w.ownerThread)!==th)return false;if(q){const hay=(w.sessionId+' '+(w.url||'')+' '+(w.owner||'')+' '+w.tabs.map(t=>t.url||'').join(' ')).toLowerCase();if(!hay.includes(q))return false;}return true;};+ const groups=(d.taskbarButtons||[]).map(b=>({...b,wins:b.windows.map(s=>byId[s]).filter(w=>w&&match(w))})).filter(g=>g.wins.length);++ // taskbar strip (real order, real badge)+ _q('#taskbar').innerHTML='<span class="lbl">TASKBAR</span>'+groups.map((g,i)=>{+ const fg=g.wins.some(w=>w.foreground);+ return '<div class="tbi'+(fg?' fg':'')+'" data-jump="g'+i+'" title="'+esc(g.label)+'">'+ +'<img src="'+badge(g.wins[0].sessionId)+'" data-fallback="hide">'+ +(g.wins.length>1?'<span class="n">'+g.wins.length+'</span>':'')+ +(fg?'<span class="u"></span>':'')+'</div>';+ }).join('');++ // tree: taskbar icon -> windows -> tabs+ _q('#m').innerHTML=groups.length?groups.map((g,gi)=>{+ const gid='g'+gi, gcoll=COLL.has(gid);+ return '<div class="tbnode" id="'+gid+'">'+ +'<div class="row"><span class="tog" data-toggle="'+gid+'">'+(gcoll?'▸':'▾')+'</span>'+ +'<img class="ico" src="'+badge(g.wins[0].sessionId)+'" data-fallback="hide">'+ +'<span class="nm">'+esc(g.label)+'</span>'+ +'<span class="meta">'+g.wins.length+' window'+(g.wins.length>1?'s':'')+' · '+esc(g.grouping)+'</span>'+ +'<span class="acts"><button class="btn sm" data-act="flash-group" data-ids="'+esc(g.windows.join(','))+'">flash</button>'+ +'<button class="btn sm" data-act="unflash-group" data-ids="'+esc(g.windows.join(','))+'">clear</button></span></div>'+ +'<div class="tw'+(gcoll?' hidden':'')+'">'+g.wins.map(w=>{+ const wid=gid+'-'+esc(w.sessionId), wcoll=COLL.has(wid);+ const crash=w.tabs.some(t=>t.crashed)||w.lostBrowser;+ return '<div class="win">'+ +'<div class="row"><span class="tog" data-toggle="'+wid+'">'+(wcoll?'▸':'▾')+'</span>'+ +'<img class="ico" src="'+badge(w.sessionId)+'" data-fallback="hide">'+ +'<span class="nm">'+esc(w.sessionId)+'</span>'+ +'<span class="tag '+(w.foreground?'fg':'')+'">'+(w.foreground?'FG':'bg')+'</span>'+ +(w.owner?'<span class="tag">'+esc(w.owner)+(w.ownerSource==='caller-identity'?' ✓':'')+'</span>':'<span class="tag warn">UNOWNED</span>')+ +(w.highFps?'<span class="tag hf">highFps '+w.highFpsMinutesLeft+'m</span>':'')+ +(w.emulatedViewport?'<span class="tag vp">vp '+w.emulatedViewport.width+'x'+w.emulatedViewport.height+'</span>':'')+ +(crash?'<span class="tag warn">'+(w.lostBrowser?'browser lost':'crashed tab')+'</span>':'')+ +(w.errorCount?'<span class="tag warn">'+w.errorCount+' err</span>':'')+ +'<span class="meta">'+esc(w.profile)+' · '+ago(w.uptimeMs)+'</span>'+ +'<span class="acts"><button class="btn sm" data-act="flash" data-sid="'+esc(w.sessionId)+'">flash</button>'+ +'<button class="btn sm" data-act="unflash" data-sid="'+esc(w.sessionId)+'">clear</button>'+ +'<button class="btn sm danger" data-act="close-window" data-sid="'+esc(w.sessionId)+'" data-confirm="Close '+esc(w.sessionId)+'?">close</button></span></div>'+ +'<div class="'+(wcoll?'hidden':'')+'">'+ +(w.foreground&&w.foregroundReason?'<div class="why"><b>why foreground</b>'+esc(w.foregroundReason)+'</div>':'')+ +(w.overlayWhy?'<div class="why"><b>how this icon was chosen</b>tab '+esc(w.overlayWhy.tabId||'?')+', '+esc(w.overlayWhy.tabPickedBy)+'<br>source: '+esc(w.overlayWhy.source||'none')+'<br>via: '+esc(w.overlayWhy.fetchedVia)+'<br>painted by: '+esc(w.overlayWhy.paintedBy)+'</div>':'')+ +'<div class="tabs">'+w.tabs.map(t=>+ '<div class="row"><span class="tog leaf">•</span>'+ +'<img class="ico sm" src="'+fav(w.sessionId,t.tabId)+'" data-fallback="hide">'+ +'<span class="nm dim'+(t.active?'"':'"')+'">'+esc(t.title||t.url||'-')+'</span>'+ +(t.active?'<span class="tag fg">active</span>':'')+ +(t.crashed?'<span class="tag warn">crashed</span>':'')+ +'<span class="acts"><button class="btn xs danger" data-act="close-tab" data-sid="'+esc(w.sessionId)+'" data-tid="'+esc(t.tabId)+'">close</button></span></div>'+ ).join('')+'</div></div></div>';+ }).join('')+'</div></div>';+ }).join(''):'<div class="empty">no pup windows open'+(th||q?' matching this filter':'')+'</div>';+ _q('#ft').textContent='bridge up '+ago(d.bridge.uptimeMs)+' · '+d.bridge.platform+' · deps '+(d.bridge.depsOk?'ok':'MISSING'); } async function act(p){try{await fetch('/dashboard/action',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(p)});}catch(e){}}-// v1.9.227: ONE delegated listener. The previous build inlined onclick handlers inside the page's-// template literal, and the nested quote-escaping produced a SYNTAX ERROR that killed the whole-// script — the shell rendered but no data ever did. Data attributes + delegation removes every layer-// of nested escaping, so this class of bug cannot recur.-document.addEventListener('click', ev => {- const b = ev.target.closest('[data-act]'); if (!b) return;- const a = b.dataset.act, c = b.dataset.confirm;- if (c && !confirm(c)) return;- if (a === 'flash-group' || a === 'unflash-group') {- (b.dataset.ids || '').split(',').filter(Boolean)- .forEach(sid => act({ action: a === 'flash-group' ? 'flash' : 'unflash', sessionId: sid }));- return;- }- act({ action: a, sessionId: b.dataset.sid, tabId: b.dataset.tid });+document.addEventListener('error',ev=>{const i=ev.target;if(i&&i.tagName==='IMG'&&i.dataset&&i.dataset.fallback==='hide')i.style.visibility='hidden';},true);+document.addEventListener('click',ev=>{+ const tog=ev.target.closest('[data-toggle]');+ if(tog){const id=tog.dataset.toggle;if(COLL.has(id))COLL.delete(id);else COLL.add(id);render();return;}+ const jmp=ev.target.closest('[data-jump]');+ if(jmp){const t=document.getElementById(jmp.dataset.jump);if(t){t.scrollIntoView({behavior:'smooth',block:'start'});t.style.transition='box-shadow .3s';t.style.boxShadow='0 0 0 2px #12e0c4';setTimeout(()=>t.style.boxShadow='',900);}return;}+ const b=ev.target.closest('[data-act]');if(!b)return;+ const a=b.dataset.act,c=b.dataset.confirm;if(c&&!confirm(c))return;+ if(a==='flash-group'||a==='unflash-group'){(b.dataset.ids||'').split(',').filter(Boolean).forEach(sid=>act({action:a==='flash-group'?'flash':'unflash',sessionId:sid}));return;}+ act({action:a,sessionId:b.dataset.sid,tabId:b.dataset.tid}); }); _q('#f').onchange=render; _q('#q').oninput=render; const es=new EventSource('/dashboard/events');-es.onmessage=e=>{const d=JSON.parse(e.data);- if(d.error){_q('#m').innerHTML='<div class="empty">snapshot error: '+esc(d.error)+'</div>';_q('#live').classList.add('stale');return;}- SNAP=d;_q('#live').classList.remove('stale');render();};+es.onmessage=e=>{const d=JSON.parse(e.data);if(d.error){_q('#m').innerHTML='<div class="empty">snapshot error: '+esc(d.error)+'</div>';_q('#live').classList.add('stale');return;}SNAP=d;_q('#live').classList.remove('stale');render();}; es.onerror=()=>_q('#live').classList.add('stale'); </script></body></html>`;