aipeek 0.2.8 → 0.2.9

package/dist/{chunk-SDUTK75Y.cjs → chunk-7ALIH3JX.cjs}

@@ -100,20 +100,13 @@ var FRAME_NOISE_PCT = 3;
 var SELF_NOISE_REL = 0.1;
 var SELF_NOISE_MS = 5;
 var avgOf = (samples) => samples.length > 0 ? samples.reduce((s, v) => s + v, 0) / samples.length : 0;
-function p95(samples) {
-  if (samples.length === 0) return 0;
-  const sorted = [...samples].sort((a, b) => a - b);
-  const idx = Math.floor(0.95 * sorted.length);
-  return _nullishCoalesce(sorted[idx], () => ( 0));
-}
 function summarizeStat(stat) {
   const avg = stat.n > 0 ? stat.total / stat.n : 0;
   return {
     total: stat.total,
     n: stat.n,
     avg,
-    max: stat.max,
-    p95: p95(stat.samples)
+    max: stat.max
   };
 }
 function compactPerformance(p) {
@@ -162,14 +155,14 @@ function detailPerformance(p) {
     if (comps.length > 0 && p.mobxPatched) {
       lines.push("Components (by total self-time):");
       for (const c of comps) {
-        lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}\xD7 = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms, p95 ${Math.round(c.p95)}ms`);
+        lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}\xD7 = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms`);
       }
     } else if (!p.mobxPatched) {
       lines.push("(no component data \u2014 attribution OFF)");
     }
     const hotLines = Object.entries(_nullishCoalesce(bucket.lines, () => ( {}))).map(([label, stat]) => ({ label, ...summarizeStat(stat) })).sort((a, b) => b.total - a.total).slice(0, 15);
     if (hotLines.length > 0) {
-      lines.push("Hot lines (by total self-time):");
+      lines.push("Hot lines (by total inclusive time \u2014 contains nested calls):");
       for (const l of hotLines) {
         lines.push(`  ${l.label.padEnd(36)} ${Math.round(l.total)}ms / ${l.n}\xD7 = ${l.avg.toFixed(1)}ms avg, max ${Math.round(l.max)}ms`);
       }
@@ -193,8 +186,11 @@ function diffPerformance(before, after) {
   const bothSampledFrames = (_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _ => _.frames, 'access', _2 => _2.total]), () => ( 0))) > 0 && (_nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _3 => _3.frames, 'access', _4 => _4.total]), () => ( 0))) > 0;
   const sawDrops = (_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _5 => _5.frames, 'access', _6 => _6.long]), () => ( 0))) > 0 || (_nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _7 => _7.frames, 'access', _8 => _8.long]), () => ( 0))) > 0;
   const framesExercised = bothSampledFrames && sawDrops;
+  const afterBlind = (_nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _9 => _9.frames, 'access', _10 => _10.total]), () => ( 0))) === 0 && afterSelf === 0;
   let verdict;
-  if (framesExercised) {
+  if (afterBlind) {
+    verdict = "NO DATA";
+  } else if (framesExercised) {
     if (dropDelta < -FRAME_NOISE_PCT) verdict = "IMPROVED";
     else if (dropDelta > FRAME_NOISE_PCT) verdict = "REGRESSED";
     else verdict = "UNCHANGED";
@@ -205,6 +201,11 @@ function diffPerformance(before, after) {
     else verdict = "UNCHANGED";
   }
   out.push(`=== Perf diff: ${verdict} ===`);
+  if (afterBlind) {
+    out.push("after-window recorded no frames and no self-time \u2014 tab backgrounded or idle. Re-run with the tab focused and the interaction reproduced.");
+    out.push("");
+    return out.join("\n").trimEnd();
+  }
   out.push(`Dropped frames: ${beforeDrop.toFixed(1)}% \u2192 ${afterDrop.toFixed(1)}% (${dropDelta >= 0 ? "+" : ""}${dropDelta.toFixed(1)}%)`);
   if (!framesExercised && Math.round(selfDelta) !== 0) {
     out.push(`Total self-time: ${Math.round(beforeSelf)}ms \u2192 ${Math.round(afterSelf)}ms (${selfDelta >= 0 ? "+" : ""}${Math.round(selfDelta)}ms) \u2014 frames flat, verdict by self-time`);
@@ -213,15 +214,15 @@ function diffPerformance(before, after) {
     out.push(`Longtasks: ${before.longtasks.count} \u2192 ${after.longtasks.count}`);
   }
   out.push("");
-  const compDelta = keyedTotalDelta(_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _9 => _9.components]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _10 => _10.components]), () => ( {})));
+  const compDelta = keyedTotalDelta(_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _11 => _11.components]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _12 => _12.components]), () => ( {})));
   if (compDelta.length > 0) {
     out.push("Components (\u0394 total self-time):");
     for (const d of compDelta) out.push("  " + formatDelta(d));
     out.push("");
   }
-  const lineDelta = keyedTotalDelta(_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _11 => _11.lines]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _12 => _12.lines]), () => ( {})));
+  const lineDelta = keyedTotalDelta(_nullishCoalesce(_optionalChain([beforeAll, 'optionalAccess', _13 => _13.lines]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _14 => _14.lines]), () => ( {})));
   if (lineDelta.length > 0) {
-    out.push("Hot lines (\u0394 total self-time):");
+    out.push("Hot lines (\u0394 total inclusive time):");
     for (const d of lineDelta) out.push("  " + formatDelta(d));
   }
   return out.join("\n").trimEnd();
@@ -230,8 +231,8 @@ function keyedTotalDelta(a, b) {
   const keys = /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]);
   const rows = [];
   for (const key of keys) {
-    const beforeT = _nullishCoalesce(_optionalChain([a, 'access', _13 => _13[key], 'optionalAccess', _14 => _14.total]), () => ( 0));
-    const afterT = _nullishCoalesce(_optionalChain([b, 'access', _15 => _15[key], 'optionalAccess', _16 => _16.total]), () => ( 0));
+    const beforeT = _nullishCoalesce(_optionalChain([a, 'access', _15 => _15[key], 'optionalAccess', _16 => _16.total]), () => ( 0));
+    const afterT = _nullishCoalesce(_optionalChain([b, 'access', _17 => _17[key], 'optionalAccess', _18 => _18.total]), () => ( 0));
     const delta = afterT - beforeT;
     if (Math.round(delta) === 0) continue;
     rows.push({ key, before: beforeT, after: afterT, delta, isNew: !a[key], gone: !b[key] });
@@ -348,7 +349,7 @@ function formatActions(entries, anchorTs) {
 }
 function appendAction(log, tab, entry, max) {
   const last = log[log.length - 1];
-  if (entry.type === "input" && _optionalChain([last, 'optionalAccess', _17 => _17.type]) === "input" && last.tab === tab && last.target === entry.target) {
+  if (entry.type === "input" && _optionalChain([last, 'optionalAccess', _19 => _19.type]) === "input" && last.tab === tab && last.target === entry.target) {
     log[log.length - 1] = { ...entry, tab };
     return;
   }
@@ -359,7 +360,7 @@ function appendAction(log, tab, entry, max) {
 function uiChange(prev, cur) {
   if (cur.modal === void 0)
     return "";
-  const prevModal = _nullishCoalesce(_optionalChain([prev, 'optionalAccess', _18 => _18.modal]), () => ( "none"));
+  const prevModal = _nullishCoalesce(_optionalChain([prev, 'optionalAccess', _20 => _20.modal]), () => ( "none"));
   if (cur.modal !== prevModal) {
     if (cur.modal === "none")
       return "\u5F39\u7A97\u5173\u95ED";
@@ -909,7 +910,7 @@ function emit(state) {
   for (const key of SECTIONS) {
     if (state[key]) {
       const countKey = COUNTED_SECTIONS[key];
-      const count = countKey ? _nullishCoalesce(_optionalChain([state, 'access', _19 => _19.counts, 'optionalAccess', _20 => _20[countKey]]), () => ( 0)) : 0;
+      const count = countKey ? _nullishCoalesce(_optionalChain([state, 'access', _21 => _21.counts, 'optionalAccess', _22 => _22[countKey]]), () => ( 0)) : 0;
       const attr = count ? ` count="${count}"` : "";
       sections.push(`<${key}${attr}>
 ${state[key]}
@@ -1264,9 +1265,9 @@ function aipeekPlugin() {
     const prev = tabs.get(data.tab);
     tabs.set(data.tab, {
       id: data.tab,
-      url: _nullishCoalesce(_nullishCoalesce(data.url, () => ( _optionalChain([prev, 'optionalAccess', _21 => _21.url]))), () => ( "")),
-      title: _nullishCoalesce(_nullishCoalesce(data.title, () => ( _optionalChain([prev, 'optionalAccess', _22 => _22.title]))), () => ( "")),
-      visible: _nullishCoalesce(_nullishCoalesce(data.visible, () => ( _optionalChain([prev, 'optionalAccess', _23 => _23.visible]))), () => ( false)),
+      url: _nullishCoalesce(_nullishCoalesce(data.url, () => ( _optionalChain([prev, 'optionalAccess', _23 => _23.url]))), () => ( "")),
+      title: _nullishCoalesce(_nullishCoalesce(data.title, () => ( _optionalChain([prev, 'optionalAccess', _24 => _24.title]))), () => ( "")),
+      visible: _nullishCoalesce(_nullishCoalesce(data.visible, () => ( _optionalChain([prev, 'optionalAccess', _25 => _25.visible]))), () => ( false)),
       lastSeen: Date.now()
     });
   }
@@ -1275,7 +1276,7 @@ function aipeekPlugin() {
   const actionLog = [];
   const BOOT_ID = Date.now().toString(36);
   const mergeActions = (tab, actions) => {
-    if (!tab || !_optionalChain([actions, 'optionalAccess', _24 => _24.length]))
+    if (!tab || !_optionalChain([actions, 'optionalAccess', _26 => _26.length]))
       return;
     for (const entry of actions) {
       if (!actionLog.some((e) => e.tab === tab && e.ts === entry.ts))
@@ -1520,7 +1521,7 @@ function aipeekPlugin() {
             const r = await fetch(target, { method: req.method, body });
             send(res, r.status, await r.text());
           } catch (e) {
-            const code = _optionalChain([e, 'access', _25 => _25.cause, 'optionalAccess', _26 => _26.code]);
+            const code = _optionalChain([e, 'access', _27 => _27.cause, 'optionalAccess', _28 => _28.code]);
             const why = code === "ECONNREFUSED" ? `nothing is listening on ${host} \u2014 its dev server isn't running (start it), or the port is wrong.` : code === "ENOTFOUND" ? `host '${host}' doesn't resolve \u2014 check the hostname.` : code === "ETIMEDOUT" || code === "UND_ERR_CONNECT_TIMEOUT" ? `connection to ${host} timed out \u2014 it's unreachable (firewall, or wrong host).` : `${e.message} (code ${_nullishCoalesce(code, () => ( "unknown"))}).`;
             send(res, 502, `cannot reach aipeek peer at ${host}: ${why}`);
           }

package/dist/{chunk-4BPXH2SW.js → chunk-7NJSWR7E.js}

@@ -96,20 +96,13 @@ var FRAME_NOISE_PCT = 3;
 var SELF_NOISE_REL = 0.1;
 var SELF_NOISE_MS = 5;
 var avgOf = (samples) => samples.length > 0 ? samples.reduce((s, v) => s + v, 0) / samples.length : 0;
-function p95(samples) {
-  if (samples.length === 0) return 0;
-  const sorted = [...samples].sort((a, b) => a - b);
-  const idx = Math.floor(0.95 * sorted.length);
-  return sorted[idx] ?? 0;
-}
 function summarizeStat(stat) {
   const avg = stat.n > 0 ? stat.total / stat.n : 0;
   return {
     total: stat.total,
     n: stat.n,
     avg,
-    max: stat.max,
-    p95: p95(stat.samples)
+    max: stat.max
   };
 }
 function compactPerformance(p) {
@@ -158,14 +151,14 @@ function detailPerformance(p) {
     if (comps.length > 0 && p.mobxPatched) {
       lines.push("Components (by total self-time):");
       for (const c of comps) {
-        lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}\xD7 = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms, p95 ${Math.round(c.p95)}ms`);
+        lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}\xD7 = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms`);
       }
     } else if (!p.mobxPatched) {
       lines.push("(no component data \u2014 attribution OFF)");
     }
     const hotLines = Object.entries(bucket.lines ?? {}).map(([label, stat]) => ({ label, ...summarizeStat(stat) })).sort((a, b) => b.total - a.total).slice(0, 15);
     if (hotLines.length > 0) {
-      lines.push("Hot lines (by total self-time):");
+      lines.push("Hot lines (by total inclusive time \u2014 contains nested calls):");
       for (const l of hotLines) {
         lines.push(`  ${l.label.padEnd(36)} ${Math.round(l.total)}ms / ${l.n}\xD7 = ${l.avg.toFixed(1)}ms avg, max ${Math.round(l.max)}ms`);
       }
@@ -189,8 +182,11 @@ function diffPerformance(before, after) {
   const bothSampledFrames = (beforeAll?.frames.total ?? 0) > 0 && (afterAll?.frames.total ?? 0) > 0;
   const sawDrops = (beforeAll?.frames.long ?? 0) > 0 || (afterAll?.frames.long ?? 0) > 0;
   const framesExercised = bothSampledFrames && sawDrops;
+  const afterBlind = (afterAll?.frames.total ?? 0) === 0 && afterSelf === 0;
   let verdict;
-  if (framesExercised) {
+  if (afterBlind) {
+    verdict = "NO DATA";
+  } else if (framesExercised) {
     if (dropDelta < -FRAME_NOISE_PCT) verdict = "IMPROVED";
     else if (dropDelta > FRAME_NOISE_PCT) verdict = "REGRESSED";
     else verdict = "UNCHANGED";
@@ -201,6 +197,11 @@ function diffPerformance(before, after) {
     else verdict = "UNCHANGED";
   }
   out.push(`=== Perf diff: ${verdict} ===`);
+  if (afterBlind) {
+    out.push("after-window recorded no frames and no self-time \u2014 tab backgrounded or idle. Re-run with the tab focused and the interaction reproduced.");
+    out.push("");
+    return out.join("\n").trimEnd();
+  }
   out.push(`Dropped frames: ${beforeDrop.toFixed(1)}% \u2192 ${afterDrop.toFixed(1)}% (${dropDelta >= 0 ? "+" : ""}${dropDelta.toFixed(1)}%)`);
   if (!framesExercised && Math.round(selfDelta) !== 0) {
     out.push(`Total self-time: ${Math.round(beforeSelf)}ms \u2192 ${Math.round(afterSelf)}ms (${selfDelta >= 0 ? "+" : ""}${Math.round(selfDelta)}ms) \u2014 frames flat, verdict by self-time`);
@@ -217,7 +218,7 @@ function diffPerformance(before, after) {
   }
   const lineDelta = keyedTotalDelta(beforeAll?.lines ?? {}, afterAll?.lines ?? {});
   if (lineDelta.length > 0) {
-    out.push("Hot lines (\u0394 total self-time):");
+    out.push("Hot lines (\u0394 total inclusive time):");
     for (const d of lineDelta) out.push("  " + formatDelta(d));
   }
   return out.join("\n").trimEnd();

package/dist/index.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunkSDUTK75Ycjs = require('./chunk-SDUTK75Y.cjs');
+var _chunk7ALIH3JXcjs = require('./chunk-7ALIH3JX.cjs');
 require('./chunk-Z2Y65YOY.cjs');
 
 
@@ -14,4 +14,4 @@ require('./chunk-Z2Y65YOY.cjs');
 
 
 
-exports.aipeekPlugin = _chunkSDUTK75Ycjs.aipeekPlugin; exports.check = _chunkSDUTK75Ycjs.check; exports.diffState = _chunkSDUTK75Ycjs.diffState; exports.emitCheck = _chunkSDUTK75Ycjs.emitCheck; exports.emitDiff = _chunkSDUTK75Ycjs.emitDiff; exports.emitSummary = _chunkSDUTK75Ycjs.emitSummary;
+exports.aipeekPlugin = _chunk7ALIH3JXcjs.aipeekPlugin; exports.check = _chunk7ALIH3JXcjs.check; exports.diffState = _chunk7ALIH3JXcjs.diffState; exports.emitCheck = _chunk7ALIH3JXcjs.emitCheck; exports.emitDiff = _chunk7ALIH3JXcjs.emitDiff; exports.emitSummary = _chunk7ALIH3JXcjs.emitSummary;

package/dist/index.d.cts

@@ -57,7 +57,6 @@ interface PerfStat {
     total: number;
     n: number;
     max: number;
-    samples: number[];
 }
 interface PerfBucketData {
     name: string;

package/dist/index.d.ts

@@ -57,7 +57,6 @@ interface PerfStat {
     total: number;
     n: number;
     max: number;
-    samples: number[];
 }
 interface PerfBucketData {
     name: string;

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   emitCheck,
   emitDiff,
   emitSummary
-} from "./chunk-4BPXH2SW.js";
+} from "./chunk-7NJSWR7E.js";
 export {
   aipeekPlugin,
   check,

package/dist/plugin.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunkSDUTK75Ycjs = require('./chunk-SDUTK75Y.cjs');
+var _chunk7ALIH3JXcjs = require('./chunk-7ALIH3JX.cjs');
 require('./chunk-Z2Y65YOY.cjs');
 
 
@@ -12,4 +12,4 @@ require('./chunk-Z2Y65YOY.cjs');
 
 
 
-exports.END_TAG = _chunkSDUTK75Ycjs.END_TAG; exports.START_TAG = _chunkSDUTK75Ycjs.START_TAG; exports.aipeekPlugin = _chunkSDUTK75Ycjs.aipeekPlugin; exports.injectClaudeMd = _chunkSDUTK75Ycjs.injectClaudeMd; exports.renderClaudeMd = _chunkSDUTK75Ycjs.renderClaudeMd;
+exports.END_TAG = _chunk7ALIH3JXcjs.END_TAG; exports.START_TAG = _chunk7ALIH3JXcjs.START_TAG; exports.aipeekPlugin = _chunk7ALIH3JXcjs.aipeekPlugin; exports.injectClaudeMd = _chunk7ALIH3JXcjs.injectClaudeMd; exports.renderClaudeMd = _chunk7ALIH3JXcjs.renderClaudeMd;

package/dist/plugin.js

@@ -4,7 +4,7 @@ import {
   aipeekPlugin,
   injectClaudeMd,
   renderClaudeMd
-} from "./chunk-4BPXH2SW.js";
+} from "./chunk-7NJSWR7E.js";
 export {
   END_TAG,
   START_TAG,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aipeek",
-    "version": "0.2.8",
+    "version": "0.2.9",
     "description": "Gives AI a peek into your running browser app — UI tree, console, network, errors, state",
     "license": "MIT",
     "repository": {

package/src/client/client-patch.ts

@@ -10,7 +10,7 @@ type NetworkEntry = NetworkRequest
 // Internal shape differs from core/types PerformanceData: buckets is a name→bucket map (not
 // array), carries startedAt + active (the live view key). client.ts does the array/windowMs
 // projection on collect.
-interface PerfStatBuf { total: number, n: number, max: number, samples: number[] }
+interface PerfStatBuf { total: number, n: number, max: number }
 interface PerfBucketBuf {
     components: Record<string, PerfStatBuf>
     frames: { total: number, long: number, max: number, samples: number[] }
@@ -73,21 +73,20 @@ function targetBuckets(): string[] {
     return perf.active === '__all__' ? ['__all__'] : [perf.active, '__all__']
 }
 
-// One timed hit (component render / line exec) → a stat map, accumulating total/n/max + capped
-// samples. samples capped so a long session doesn't grow unbounded (p95 still representative).
+// One timed hit (component render / line exec) → a stat map, accumulating total/n/max.
+// No samples buffer: total/n/max are O(1) streaming all-time truths; p95 was the only sample
+// consumer and is gone (near-window p95 vs all-time total = same-row lie). Dropping the per-hit
+// push/shift also lightens the line-instrumentation hot path (less self-pollution).
 function recordStat(map: Record<string, PerfStatBuf>, key: string, ms: number) {
     let s = map[key]
     if (!s) {
-        s = { total: 0, n: 0, max: 0, samples: [] }
+        s = { total: 0, n: 0, max: 0 }
         map[key] = s
     }
     s.total += ms
     s.n += 1
     if (ms > s.max)
         s.max = ms
-    s.samples.push(ms)
-    if (s.samples.length > PERF_SAMPLE_CAP)
-        s.samples.shift()
 }
 
 // One component render's self-time → both its live view bucket and the __all__ aggregate.
@@ -268,7 +267,14 @@ const originalFetch = window.fetch
             sessionStorage.setItem(SEEN_KEY, id) // first sighting — remember this server
             return
         }
-        if (seen !== id) { // BOOT_ID changed → server restarted → re-handshake
+        // Two reload triggers, same fix (reload → re-handshake), both debounced by RELOADING_KEY:
+        //   1. BOOT_ID changed  → server restarted (the original case).
+        //   2. BOOT_ID same but the HMR WebSocket is dead → the socket dropped (Electron window
+        //      backgrounded/suspended) and Vite's reconnect is gated on visibility, so it never
+        //      comes back on its own. The action chain rides that socket, so a dead WS = "can't
+        //      see" even though the server is fine. client.ts sets this flag on vite:ws:disconnect.
+        const wsDead = (window as { __aipeek_ws_dead__?: boolean }).__aipeek_ws_dead__ === true
+        if (seen !== id || wsDead) {
             sessionStorage.setItem(SEEN_KEY, id)
             if (!sessionStorage.getItem(RELOADING_KEY)) {
                 sessionStorage.setItem(RELOADING_KEY, '1')

package/src/client/client.ts

@@ -24,7 +24,7 @@ declare global {
 }
 
 // Internal perf buffer shape (from client-patch.ts) — differs from PerformanceData
-interface PerfStatBuf { total: number, n: number, max: number, samples: number[] }
+interface PerfStatBuf { total: number, n: number, max: number }
 interface PerfBucketBuf {
     components: Record<string, PerfStatBuf>
     frames: { total: number, long: number, max: number, samples: number[] }
@@ -64,15 +64,15 @@ function collectPerformance(): PerformanceData | undefined {
     const names = Object.keys(perfBuffer.buckets).sort((a, b) => (a === '__all__' ? -1 : b === '__all__' ? 1 : a.localeCompare(b)))
     for (const name of names) {
         const b = perfBuffer.buckets[name]
-        const comps: Record<string, { total: number, n: number, max: number, samples: number[] }> = {}
+        const comps: Record<string, { total: number, n: number, max: number }> = {}
         const sorted = Object.entries(b.components).sort((a, b) => b[1].total - a[1].total).slice(0, 20)
         for (const [cname, stat] of sorted) {
-            comps[cname] = { total: stat.total, n: stat.n, max: stat.max, samples: [...stat.samples] }
+            comps[cname] = { total: stat.total, n: stat.n, max: stat.max }
         }
-        const lines: Record<string, { total: number, n: number, max: number, samples: number[] }> = {}
+        const lines: Record<string, { total: number, n: number, max: number }> = {}
         const sortedLines = Object.entries(b.lines ?? {}).sort((a, b) => b[1].total - a[1].total).slice(0, 30)
         for (const [label, stat] of sortedLines) {
-            lines[label] = { total: stat.total, n: stat.n, max: stat.max, samples: [...stat.samples] }
+            lines[label] = { total: stat.total, n: stat.n, max: stat.max }
         }
         buckets.push({
             name,
@@ -775,6 +775,19 @@ if (import.meta.hot) {
     hello()
     addEventListener('visibilitychange', hello)
 
+    // WS-death beacon for the HTTP heartbeat in client-patch. The whole action chain rides this
+    // HMR socket; when it drops, Vite's own reconnect (client.mjs waitForSuccessfulPing) is
+    // GATED on document.visibilityState === 'visible' — so a backgrounded Electron window (we
+    // app.hide() on launch, and backgroundThrottling throttles it) never reconnects and never
+    // reloads, stranding the chain on a dead socket while BOOT_ID is unchanged. client-patch
+    // can't see import.meta.hot (it's a non-module inline script), so we surface liveness as a
+    // global flag it polls: WS dead + ping OK + same BOOT_ID → it forces the reload Vite won't.
+    import.meta.hot.on('vite:ws:disconnect', () => { (window as { __aipeek_ws_dead__?: boolean }).__aipeek_ws_dead__ = true })
+    import.meta.hot.on('vite:ws:connect', () => {
+        ;(window as { __aipeek_ws_dead__?: boolean }).__aipeek_ws_dead__ = false
+        hello() // socket came back without a page reload — re-register so roster doesn't go stale
+    })
+
     import.meta.hot.on('aipeek:collect', (msg: { requireVisible?: boolean, tab?: string }) => {
         if (skip(msg))
             return

package/src/core/perf.ts

@@ -9,15 +9,11 @@ const SELF_NOISE_MS = 5
 const avgOf = (samples: number[]) =>
     samples.length > 0 ? samples.reduce((s, v) => s + v, 0) / samples.length : 0
 
-// 95th percentile — sort samples and pick the 95% position
-export function p95(samples: number[]): number {
-    if (samples.length === 0) return 0
-    const sorted = [...samples].sort((a, b) => a - b)
-    const idx = Math.floor(0.95 * sorted.length)
-    return sorted[idx] ?? 0
-}
-
-// Summarize accumulated stat into display shape
+// Summarize accumulated stat into display shape. total/n/max are O(1) streaming all-time
+// truths; avg derives from them. No p95 here: it would need a per-key sample buffer, which is
+// near-window while total/n/max are all-time — putting two different sample sets in one row
+// (a row implies one distribution). max already gives the worst case, avg the center; that's
+// enough to decide "is this worth optimizing" without a same-row lie.
 export function summarizeStat(stat: PerfStat) {
     const avg = stat.n > 0 ? stat.total / stat.n : 0
     return {
@@ -25,7 +21,6 @@ export function summarizeStat(stat: PerfStat) {
         n: stat.n,
         avg,
         max: stat.max,
-        p95: p95(stat.samples)
     }
 }
 
@@ -35,7 +30,6 @@ export function mergeStat(a: PerfStat, b: PerfStat): PerfStat {
         total: a.total + b.total,
         n: a.n + b.n,
         max: Math.max(a.max, b.max),
-        samples: [...a.samples, ...b.samples].slice(-5000) // cap at 5000
     }
 }
 
@@ -120,21 +114,24 @@ export function detailPerformance(p: PerformanceData): string {
         if (comps.length > 0 && p.mobxPatched) {
             lines.push('Components (by total self-time):')
             for (const c of comps) {
-                lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}× = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms, p95 ${Math.round(c.p95)}ms`)
+                lines.push(`  ${c.name.padEnd(30)} ${Math.round(c.total)}ms / ${c.n}× = ${c.avg.toFixed(1)}ms avg, max ${Math.round(c.max)}ms`)
             }
         } else if (!p.mobxPatched) {
             lines.push('(no component data — attribution OFF)')
         }
 
-        // Hot lines (top 15 by total self-time) — babel line-level instrumentation.
+        // Hot lines (top 15 by total time) — babel line-level instrumentation.
         // Orthogonal to component attribution: points at the exact source line, not just the component.
+        // INCLUSIVE, not self-time: __line wraps each statement, so an outer statement's timing
+        // contains every nested __line below it (`const x = foo(bar())` counts foo+bar). Labeling
+        // this "self-time" would lie — you'd optimize a high-level line that just sums its callees.
         const hotLines = Object.entries(bucket.lines ?? {})
             .map(([label, stat]) => ({ label, ...summarizeStat(stat) }))
             .sort((a, b) => b.total - a.total)
             .slice(0, 15)
 
         if (hotLines.length > 0) {
-            lines.push('Hot lines (by total self-time):')
+            lines.push('Hot lines (by total inclusive time — contains nested calls):')
             for (const l of hotLines) {
                 lines.push(`  ${l.label.padEnd(36)} ${Math.round(l.total)}ms / ${l.n}× = ${l.avg.toFixed(1)}ms avg, max ${Math.round(l.max)}ms`)
             }
@@ -177,8 +174,17 @@ export function diffPerformance(before: PerformanceData, after: PerformanceData)
     const bothSampledFrames = (beforeAll?.frames.total ?? 0) > 0 && (afterAll?.frames.total ?? 0) > 0
     const sawDrops = (beforeAll?.frames.long ?? 0) > 0 || (afterAll?.frames.long ?? 0) > 0
     const framesExercised = bothSampledFrames && sawDrops
+
+    // Blind-window guard: a backgrounded after-tab records NEITHER frames (rAF frozen) NOR
+    // self-time (nothing re-renders, so Reaction.track never fires). Both signals are absent, so
+    // selfDelta = 0 - beforeSelf is a large negative → a FALSE "IMPROVED" off an empty window.
+    // (The fallback comment above assumed self-time survives backgrounding; live data disproved it
+    // — a hidden tab renders nothing.) No data is not a win: refuse to render any direction.
+    const afterBlind = (afterAll?.frames.total ?? 0) === 0 && afterSelf === 0
     let verdict: string
-    if (framesExercised) {
+    if (afterBlind) {
+        verdict = 'NO DATA'
+    } else if (framesExercised) {
         if (dropDelta < -FRAME_NOISE_PCT) verdict = 'IMPROVED'
         else if (dropDelta > FRAME_NOISE_PCT) verdict = 'REGRESSED'
         else verdict = 'UNCHANGED'
@@ -190,6 +196,11 @@ export function diffPerformance(before: PerformanceData, after: PerformanceData)
     }
 
     out.push(`=== Perf diff: ${verdict} ===`)
+    if (afterBlind) {
+        out.push('after-window recorded no frames and no self-time — tab backgrounded or idle. Re-run with the tab focused and the interaction reproduced.')
+        out.push('')
+        return out.join('\n').trimEnd()
+    }
     out.push(`Dropped frames: ${beforeDrop.toFixed(1)}% → ${afterDrop.toFixed(1)}% (${dropDelta >= 0 ? '+' : ''}${dropDelta.toFixed(1)}%)`)
     if (!framesExercised && Math.round(selfDelta) !== 0) {
         out.push(`Total self-time: ${Math.round(beforeSelf)}ms → ${Math.round(afterSelf)}ms (${selfDelta >= 0 ? '+' : ''}${Math.round(selfDelta)}ms) — frames flat, verdict by self-time`)
@@ -210,7 +221,7 @@ export function diffPerformance(before: PerformanceData, after: PerformanceData)
     // Per-line total-ms deltas (only when line instrumentation was on).
     const lineDelta = keyedTotalDelta(beforeAll?.lines ?? {}, afterAll?.lines ?? {})
     if (lineDelta.length > 0) {
-        out.push('Hot lines (Δ total self-time):')
+        out.push('Hot lines (Δ total inclusive time):')
         for (const d of lineDelta) out.push('  ' + formatDelta(d))
     }
 

package/src/core/types.ts

@@ -64,12 +64,12 @@ export interface RawState {
 // 语义分桶 profiler 的投影。三类正交信号(组件 self-time / 帧 dt / longtask)按 view 分桶,
 // 答「哪个组件在烧帧」。client-patch 采集进 ring buffer,client 投影成此结构,core/perf.ts 纯渲染。
 
-// 一段重复计时的累积统计 —— litcode __rec 的 Stat 同构(samples 封顶供 p95)。
+// 一段重复计时的累积统计。total/n/max 全是 O(1) 流式全程真值,avg=total/n 派生。
+// 不存 samples:它过去只为 p95,而 p95 是近窗近似、和全程 total 不同源(放同一行即撒谎),已删。
 export interface PerfStat {
     total: number
     n: number
     max: number
-    samples: number[]
 }
 
 // 一个语义桶(一个 view,或全局 __all__):组件 self-time map + 帧统计 + 行级 self-time map。