aipeek 0.2.8 → 0.2.10

package/dist/{chunk-4BPXH2SW.js → chunk-FBY5P5KH.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) {
@@ -134,8 +127,8 @@ function detailPerformance(p) {
   const windowSec = (p.windowMs / 1e3).toFixed(1);
   lines.push(`=== Performance (${windowSec}s window) ===`);
   if (p.hiddenFrames > 0) {
-    lines.push(`\u26A0 Tab was backgrounded \u2014 ${p.hiddenFrames} hidden frames skipped (rAF throttling lies about timing)`);
-    lines.push("For accurate profiling: keep tab FOREGROUND + run /profile/reset before reproducing");
+    lines.push(`\u26A0 Tab was backgrounded or unfocused \u2014 ${p.hiddenFrames} throttled frames skipped (rAF throttling lies about timing)`);
+    lines.push("For accurate profiling: keep tab FOREGROUND + FOCUSED + run /profile/reset before reproducing");
   }
   lines.push(`MobX attribution: ${p.mobxPatched ? "ON" : "OFF"}`);
   if (!p.mobxPatched) {
@@ -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 = afterSelf === 0 && (beforeSelf > 0 || (afterAll?.frames.total ?? 0) === 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,12 @@ function diffPerformance(before, after) {
     else verdict = "UNCHANGED";
   }
   out.push(`=== Perf diff: ${verdict} ===`);
+  if (afterBlind) {
+    const why = (afterAll?.frames.total ?? 0) === 0 ? "recorded no frames and no re-renders" : `recorded frames but zero re-renders (was ${Math.round(beforeSelf)}ms self-time)`;
+    out.push(`after-window ${why} \u2014 tab backgrounded or workload not reproduced. Re-run with the tab focused and the interaction repeated.`);
+    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 +219,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/{chunk-SDUTK75Y.cjs → chunk-NJ3KST7P.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) {
@@ -138,8 +131,8 @@ function detailPerformance(p) {
   const windowSec = (p.windowMs / 1e3).toFixed(1);
   lines.push(`=== Performance (${windowSec}s window) ===`);
   if (p.hiddenFrames > 0) {
-    lines.push(`\u26A0 Tab was backgrounded \u2014 ${p.hiddenFrames} hidden frames skipped (rAF throttling lies about timing)`);
-    lines.push("For accurate profiling: keep tab FOREGROUND + run /profile/reset before reproducing");
+    lines.push(`\u26A0 Tab was backgrounded or unfocused \u2014 ${p.hiddenFrames} throttled frames skipped (rAF throttling lies about timing)`);
+    lines.push("For accurate profiling: keep tab FOREGROUND + FOCUSED + run /profile/reset before reproducing");
   }
   lines.push(`MobX attribution: ${p.mobxPatched ? "ON" : "OFF"}`);
   if (!p.mobxPatched) {
@@ -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 = afterSelf === 0 && (beforeSelf > 0 || (_nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _9 => _9.frames, 'access', _10 => _10.total]), () => ( 0))) === 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,12 @@ function diffPerformance(before, after) {
     else verdict = "UNCHANGED";
   }
   out.push(`=== Perf diff: ${verdict} ===`);
+  if (afterBlind) {
+    const why = (_nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _11 => _11.frames, 'access', _12 => _12.total]), () => ( 0))) === 0 ? "recorded no frames and no re-renders" : `recorded frames but zero re-renders (was ${Math.round(beforeSelf)}ms self-time)`;
+    out.push(`after-window ${why} \u2014 tab backgrounded or workload not reproduced. Re-run with the tab focused and the interaction repeated.`);
+    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 +215,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', _13 => _13.components]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _14 => _14.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', _15 => _15.lines]), () => ( {})), _nullishCoalesce(_optionalChain([afterAll, 'optionalAccess', _16 => _16.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 +232,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', _17 => _17[key], 'optionalAccess', _18 => _18.total]), () => ( 0));
+    const afterT = _nullishCoalesce(_optionalChain([b, 'access', _19 => _19[key], 'optionalAccess', _20 => _20.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 +350,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', _21 => _21.type]) === "input" && last.tab === tab && last.target === entry.target) {
     log[log.length - 1] = { ...entry, tab };
     return;
   }
@@ -359,7 +361,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', _22 => _22.modal]), () => ( "none"));
   if (cur.modal !== prevModal) {
     if (cur.modal === "none")
       return "\u5F39\u7A97\u5173\u95ED";
@@ -909,7 +911,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', _23 => _23.counts, 'optionalAccess', _24 => _24[countKey]]), () => ( 0)) : 0;
       const attr = count ? ` count="${count}"` : "";
       sections.push(`<${key}${attr}>
 ${state[key]}
@@ -1264,9 +1266,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', _25 => _25.url]))), () => ( "")),
+      title: _nullishCoalesce(_nullishCoalesce(data.title, () => ( _optionalChain([prev, 'optionalAccess', _26 => _26.title]))), () => ( "")),
+      visible: _nullishCoalesce(_nullishCoalesce(data.visible, () => ( _optionalChain([prev, 'optionalAccess', _27 => _27.visible]))), () => ( false)),
       lastSeen: Date.now()
     });
   }
@@ -1275,7 +1277,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', _28 => _28.length]))
       return;
     for (const entry of actions) {
       if (!actionLog.some((e) => e.tab === tab && e.ts === entry.ts))
@@ -1520,7 +1522,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', _29 => _29.cause, 'optionalAccess', _30 => _30.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/index.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunkSDUTK75Ycjs = require('./chunk-SDUTK75Y.cjs');
+var _chunkNJ3KST7Pcjs = require('./chunk-NJ3KST7P.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 = _chunkNJ3KST7Pcjs.aipeekPlugin; exports.check = _chunkNJ3KST7Pcjs.check; exports.diffState = _chunkNJ3KST7Pcjs.diffState; exports.emitCheck = _chunkNJ3KST7Pcjs.emitCheck; exports.emitDiff = _chunkNJ3KST7Pcjs.emitDiff; exports.emitSummary = _chunkNJ3KST7Pcjs.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-FBY5P5KH.js";
 export {
   aipeekPlugin,
   check,

package/dist/plugin.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunkSDUTK75Ycjs = require('./chunk-SDUTK75Y.cjs');
+var _chunkNJ3KST7Pcjs = require('./chunk-NJ3KST7P.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 = _chunkNJ3KST7Pcjs.END_TAG; exports.START_TAG = _chunkNJ3KST7Pcjs.START_TAG; exports.aipeekPlugin = _chunkNJ3KST7Pcjs.aipeekPlugin; exports.injectClaudeMd = _chunkNJ3KST7Pcjs.injectClaudeMd; exports.renderClaudeMd = _chunkNJ3KST7Pcjs.renderClaudeMd;

package/dist/plugin.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aipeek",
-    "version": "0.2.8",
+    "version": "0.2.10",
     "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.
@@ -130,16 +129,19 @@ function hitFrame(dt: number) {
     }
 }
 
-// (b) Frame loop — zero-coupling, holds for any app. document.hidden guard: backgrounded rAF
-// throttles to ~1fps, so each hidden frame looks like a 1000ms "dropped" frame and lies.
-// Don't count dt while hidden; tally hiddenFrames so the report can flag it.
+// (b) Frame loop — zero-coupling, holds for any app. Throttle guard: a backgrounded OR unfocused
+// window throttles rAF to ~1fps, so each such frame looks like a ~1000ms "dropped" frame and lies.
+// document.hidden only fires when the TAB is switched away; a window that's merely unfocused
+// (another app has focus, minimized, fully occluded) keeps document.hidden=false yet the OS still
+// throttles its rAF — same lie, different probe. document.hasFocus() catches that second case.
+// Don't count dt while throttled; tally hiddenFrames so the report can flag it.
 const WARN_THRESHOLD = 20 // dropped% — push warning when ≥20% frames jank
 const WARN_COOLDOWN = 5000 // ms — don't spam, at most one warn per 5s
 let lastFrame = performance.now()
 let lastWarn = 0
 function frameLoop() {
     const now = performance.now()
-    if (document.hidden) {
+    if (document.hidden || !document.hasFocus()) {
         perf.hiddenFrames += 1
         lastFrame = now
         requestAnimationFrame(frameLoop)
@@ -268,7 +270,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,44 @@ if (import.meta.hot) {
     hello()
     addEventListener('visibilitychange', hello)
 
+    // Self-heal a dropped HMR socket. The whole action chain rides this WS; when it drops,
+    // Vite's own reconnect (client.mjs waitForSuccessfulPing) is GATED on visibilityState ===
+    // 'visible', so a backgrounded tab/window (Electron we app.hide() on launch) never reconnects
+    // and never reloads — stranding the chain on a dead socket while BOOT_ID is unchanged.
+    //
+    // The fix is EVENT-DRIVEN, not polled. An earlier version set a flag for the client-patch
+    // HTTP heartbeat to notice — but a long-lived background setInterval is exactly what the
+    // browser throttles/freezes (verified: a page-load-time interval stops firing in a long-
+    // backgrounded tab, while the WS message channel stays instantly live). So we act the moment
+    // vite:ws:disconnect fires: kick off a short self-bound setTimeout poll (armed by the event,
+    // not a resident timer) that waits for /ping to answer, then reloads to re-handshake. We also
+    // keep the global flag for the heartbeat as a belt-and-suspenders second trigger.
+    const wsDead = (v: boolean) => { (window as { __aipeek_ws_dead__?: boolean }).__aipeek_ws_dead__ = v }
+    let healing = false
+    const healAfterDrop = async () => {
+        if (healing) return
+        healing = true
+        // Poll the HTTP heartbeat (independent of the dead WS). Once the server answers, reload.
+        // setTimeout (re-armed per tick) rather than setInterval: a fresh timer scheduled right
+        // after live activity resists the background freeze that kills resident intervals.
+        const tick = async () => {
+            try {
+                await fetch('/__aipeek/ping', { cache: 'no-store' })
+                location.reload() // server reachable again → re-handshake the WS via a fresh load
+            }
+            catch {
+                setTimeout(tick, 2000) // server still down — keep waiting, don't reload on failure
+            }
+        }
+        tick()
+    }
+    import.meta.hot.on('vite:ws:disconnect', () => { wsDead(true); healAfterDrop() })
+    import.meta.hot.on('vite:ws:connect', () => {
+        wsDead(false)
+        healing = 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
     }
 }
 
@@ -83,8 +77,8 @@ export function detailPerformance(p: PerformanceData): string {
     const windowSec = (p.windowMs / 1000).toFixed(1)
     lines.push(`=== Performance (${windowSec}s window) ===`)
     if (p.hiddenFrames > 0) {
-        lines.push(`⚠ Tab was backgrounded — ${p.hiddenFrames} hidden frames skipped (rAF throttling lies about timing)`)
-        lines.push('For accurate profiling: keep tab FOREGROUND + run /profile/reset before reproducing')
+        lines.push(`⚠ Tab was backgrounded or unfocused — ${p.hiddenFrames} throttled frames skipped (rAF throttling lies about timing)`)
+        lines.push('For accurate profiling: keep tab FOREGROUND + FOCUSED + run /profile/reset before reproducing')
     }
     lines.push(`MobX attribution: ${p.mobxPatched ? 'ON' : 'OFF'}`)
     if (!p.mobxPatched) {
@@ -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,21 @@ 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: the after-window must actually REPRODUCE the workload to be diffable.
+    // afterSelf===0 means zero components re-rendered. Two shapes both mean "workload not run":
+    //   (a) hard-blind — frames.total===0 too (rAF frozen, tab fully suspended);
+    //   (b) soft-blind — frames still ticked (rAF only throttled) but self-time is zero while the
+    //       before-window had real self-time. Frames alone then describe an idle tab's compositor,
+    //       not the render workload — a -5% frame delta off a backgrounded tab is NOT a code win.
+    // A genuine fix shows frames recovering AND self-time dropping in agreement; "frames still
+    // dropping but self-time vanished entirely" is the contradiction that betrays an idle after-tab.
+    // The pure-paint case (beforeSelf===0===afterSelf, frames>0) is NOT blind — it goes to frames.
+    const afterBlind = afterSelf === 0 && (beforeSelf > 0 || (afterAll?.frames.total ?? 0) === 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 +200,14 @@ export function diffPerformance(before: PerformanceData, after: PerformanceData)
     }
 
     out.push(`=== Perf diff: ${verdict} ===`)
+    if (afterBlind) {
+        const why = (afterAll?.frames.total ?? 0) === 0
+            ? 'recorded no frames and no re-renders'
+            : `recorded frames but zero re-renders (was ${Math.round(beforeSelf)}ms self-time)`
+        out.push(`after-window ${why} — tab backgrounded or workload not reproduced. Re-run with the tab focused and the interaction repeated.`)
+        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 +228,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。