rerender-lens 0.4.0 → 0.5.0

package/panel/panel.js

@@ -1,190 +1,288 @@
 /* Built from extension/src/panel.ts by `npm run build`; do not edit by hand. */
 "use strict";
 (() => {
-  // extension/src/panel.ts
-  var PROTOCOL = 2;
-  var KIND_LABEL = {
-    "deep-equal": "equal by value",
-    function: "new function",
-    element: "equal element",
-    different: "changed",
-    added: "added",
-    removed: "removed"
-  };
-  var AVOIDABLE_KINDS = /* @__PURE__ */ new Set(["deep-equal", "function", "element"]);
-  var FN_PREFIX = "\u0192 ";
-  var MAX_REPORTS = 2e3;
-  var MAX_PER_NODE = 200;
-  var MAX_COMMITS = 500;
-  var MAX_PER_COMMIT = 500;
-  var THROTTLE_MIN_REPORTS = 200;
-  var BEST_FIX_INTERVAL = 500;
-  var LEFT_RENDER_INTERVAL = 250;
-  var SYNC_RETRY_MIN = 500;
-  var SYNC_RETRY_MAX = 5e3;
-  var SYNC_RETRIES = 20;
-  var NAVIGATION_SETTLE = 1200;
-  var ROW_H = 22;
-  var ITEM_H = 20;
-  var OVERSCAN = 8;
-  var FALLBACK_VIEWPORT = 800;
-  function el(tag, attrs, children) {
-    const node = document.createElement(tag);
-    if (attrs) {
-      for (const k of Object.keys(attrs)) {
-        const v = attrs[k];
-        if (k === "class") node.className = String(v);
-        else if (k === "text") node.textContent = String(v);
-        else if (k.startsWith("on")) {
-          if (typeof v === "function") node.addEventListener(k.slice(2), v);
-        } else if (v === true) node.setAttribute(k, "");
-        else if (v !== void 0 && v !== null && v !== false) node.setAttribute(k, String(v));
-      }
-    }
-    if (children) {
-      for (const c of [].concat(children)) if (c != null) node.append(c);
-    }
-    return node;
+  // src/diff.ts
+  var REACT_ELEMENT = /* @__PURE__ */ Symbol.for("react.element");
+  var REACT_TRANSITIONAL_ELEMENT = /* @__PURE__ */ Symbol.for("react.transitional.element");
+  function isReactElement(v) {
+    if (typeof v !== "object" || v === null) return false;
+    const t = v.$$typeof;
+    return t === REACT_ELEMENT || t === REACT_TRANSITIONAL_ELEMENT;
   }
-  function fmtTime(ms) {
-    const d = new Date(ms);
-    const p = (n, w) => String(n).padStart(w, "0");
-    return `${p(d.getHours(), 2)}:${p(d.getMinutes(), 2)}:${p(d.getSeconds(), 2)}.${p(d.getMilliseconds(), 3)}`;
+  function isPlainObject(v) {
+    if (typeof v !== "object" || v === null) return false;
+    const proto = Object.getPrototypeOf(v);
+    return proto === Object.prototype || proto === null;
   }
-  var fmtMs = (n) => typeof n === "number" && Number.isFinite(n) ? `${n.toFixed(1)} ms` : "";
-  var plural = (n, word) => `${n} ${word}${n === 1 ? "" : "s"}`;
-  var componentList = (m) => [...m].map(([c, n]) => `<${c}>${n > 1 ? " \xD7" + n : ""}`).join(", ");
-  function changesOf(report) {
-    return [].concat(report.propChanges || [], report.stateChanges || [], report.hookChanges || []);
-  }
-  function summarize(report) {
-    const counts = /* @__PURE__ */ new Map();
-    for (const c of changesOf(report)) counts.set(c.kind, (counts.get(c.kind) || 0) + 1);
-    if (counts.size === 0) return "no changes";
-    return [...counts].map(([k, n]) => `${n} ${KIND_LABEL[k] || k}`).join(", ");
+  function remember(seen, a, b) {
+    let set = seen.get(a);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      seen.set(a, set);
+    }
+    if (set.has(b)) return true;
+    set.add(b);
+    return false;
   }
-  var isRecord = (v) => typeof v === "object" && v !== null;
-  function normalizeReport(p) {
-    if (!isRecord(p) || typeof p.component !== "string") return null;
-    const arr = (x) => Array.isArray(x) ? x.filter((c) => isRecord(c) && typeof c.path === "string") : [];
-    const props = isRecord(p.props) ? p.props : {};
-    const parent = isRecord(p.parent) && typeof p.parent.name === "string" ? { name: p.parent.name, trigger: typeof p.parent.trigger === "string" ? p.parent.trigger : "parent" } : null;
-    const r = {
-      component: p.component,
-      instanceId: typeof p.instanceId === "number" ? p.instanceId : 0,
-      commitId: typeof p.commitId === "number" ? p.commitId : 0,
-      renderCount: typeof p.renderCount === "number" ? p.renderCount : 0,
-      trigger: typeof p.trigger === "string" ? p.trigger : "parent",
-      avoidable: !!p.avoidable,
-      props: { prev: isRecord(props.prev) ? props.prev : {}, next: isRecord(props.next) ? props.next : {} },
-      propChanges: arr(p.propChanges),
-      stateChanges: arr(p.stateChanges),
-      hookChanges: arr(p.hookChanges),
-      parent,
-      owner: typeof p.owner === "string" ? p.owner : null,
-      path: Array.isArray(p.path) ? p.path.filter((x) => typeof x === "string") : [],
-      reasons: Array.isArray(p.reasons) ? p.reasons.filter((x) => typeof x === "string") : [],
-      time: typeof p.time === "number" ? p.time : 0,
-      receivedAt: typeof p.receivedAt === "number" ? p.receivedAt : 0
+  var scope = null;
+  var DEFAULT_DIFF_BUDGET = 5e4;
+  function beginDiffScope(budget = 2e5) {
+    const previous = scope;
+    scope = { cache: /* @__PURE__ */ new WeakMap(), remaining: budget, exhausted: false };
+    return () => {
+      scope = previous;
     };
-    if (typeof p.selfDuration === "number") r.selfDuration = p.selfDuration;
-    if (typeof p.treeDuration === "number") r.treeDuration = p.treeDuration;
-    if (typeof p.memoized === "boolean") r.memoized = p.memoized;
-    if (typeof p.commitPriority === "string") r.commitPriority = p.commitPriority;
-    if (Array.isArray(p.hookState)) r.hookState = p.hookState.filter((h) => isRecord(h) && typeof h.path === "string");
-    if (Array.isArray(p.contexts)) r.contexts = p.contexts.filter((c) => isRecord(c) && typeof c.name === "string");
-    if (isRecord(p.state)) r.state = p.state;
-    if (Array.isArray(p.updaters)) r.updaters = p.updaters.filter((u) => typeof u === "string");
-    if (p.commitCause === "effect-after-commit" || p.commitCause === "suspense-resolved") r.commitCause = p.commitCause;
-    if (typeof p.afterCommit === "number") r.afterCommit = p.afterCommit;
-    if (typeof p.key === "string") r.key = p.key;
-    if (isRecord(p.source) && typeof p.source.fileName === "string") r.source = p.source;
-    return r;
   }
-  function valueNode(v, depth = 0) {
-    if (v === null || v === void 0) return el("span", { class: "v nil", text: String(v) });
-    const t = typeof v;
-    if (typeof v === "string") {
-      if (v.startsWith(FN_PREFIX)) return el("span", { class: "v fn", text: v });
-      if (/^<[^>]+>$/.test(v)) return el("span", { class: "v", text: v });
-      return el("span", { class: "v str", text: JSON.stringify(v) });
+  function deepEqual(a, b, seen = /* @__PURE__ */ new Map()) {
+    if (Object.is(a, b)) return true;
+    if (typeof a !== typeof b) return false;
+    if (typeof a !== "object" || a === null || b === null) return false;
+    if (!scope) {
+      const end = beginDiffScope(DEFAULT_DIFF_BUDGET);
+      try {
+        return deepEqual(a, b, seen);
+      } finally {
+        end();
+      }
+    }
+    const sc = scope;
+    const objA = a;
+    const objB = b;
+    const hit = sc.cache.get(objA)?.get(objB);
+    if (hit !== void 0) return hit;
+    if (--sc.remaining < 0) {
+      sc.exhausted = true;
+      return false;
     }
-    if (t === "number" || t === "bigint") return el("span", { class: "v num", text: String(v) });
-    if (t === "boolean") return el("span", { class: "v bool", text: String(v) });
-    if (Array.isArray(v)) {
-      const short = v.length <= 4 && v.every((x) => typeof x !== "object" || x === null);
-      if (short) {
-        const s = el("span", { class: "v" }, "[");
-        v.forEach((x, i) => {
-          if (i) s.append(", ");
-          s.append(valueNode(x, depth + 1));
-        });
-        s.append("]");
-        return s;
+    const result = deepEqualObjects(objA, objB, seen);
+    let m = sc.cache.get(objA);
+    if (!m) {
+      m = /* @__PURE__ */ new WeakMap();
+      sc.cache.set(objA, m);
+    }
+    m.set(objB, result);
+    return result;
+  }
+  function deepEqualObjects(a, b, seen) {
+    const objA = a;
+    const objB = b;
+    if (remember(seen, objA, objB)) return true;
+    if (a instanceof Date) return b instanceof Date && a.getTime() === b.getTime();
+    if (a instanceof RegExp) return b instanceof RegExp && a.source === b.source && a.flags === b.flags;
+    if (Array.isArray(a)) {
+      if (!Array.isArray(b) || a.length !== b.length) return false;
+      for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i], seen)) return false;
+      return true;
+    }
+    if (Array.isArray(b)) return false;
+    if (ArrayBuffer.isView(a)) {
+      if (!ArrayBuffer.isView(b) || a.constructor !== b.constructor) return false;
+      const ta = a;
+      const tb = b;
+      if (ta.length !== tb.length) return false;
+      for (let i = 0; i < ta.length; i++) if (ta[i] !== tb[i]) return false;
+      return true;
+    }
+    if (a instanceof Map) {
+      if (!(b instanceof Map) || a.size !== b.size) return false;
+      for (const [k, v] of a) {
+        if (!b.has(k) || !deepEqual(v, b.get(k), seen)) return false;
       }
-      return objectDetails(`Array(${v.length})`, v);
+      return true;
     }
-    const o = v;
-    if (o.$type === "element") {
-      const props = isRecord(o.props) ? o.props : {};
-      const label2 = `<${String(o.name)}${o.key !== void 0 ? ` key=${JSON.stringify(o.key)}` : ""}>`;
-      return Object.keys(props).length ? objectDetails(label2, props) : el("span", { class: "v", text: label2 });
+    if (a instanceof Set) {
+      if (!(b instanceof Set) || a.size !== b.size) return false;
+      if (a.size > 50) {
+        for (const v of a) if (!b.has(v)) return false;
+        return true;
+      }
+      outer: for (const v of a) {
+        if (b.has(v)) continue;
+        for (const w of b) if (deepEqual(v, w, seen)) continue outer;
+        return false;
+      }
+      return true;
     }
-    if (o.$type === "Date") return el("span", { class: "v", text: `Date(${String(o.value)})` });
-    if (o.$type === "RegExp") return el("span", { class: "v", text: String(o.value) });
-    if (o.$type === "Map" && Array.isArray(o.entries)) return objectDetails(`Map(${o.entries.length})`, o.entries);
-    if (o.$type === "Set" && Array.isArray(o.values)) return objectDetails(`Set(${o.values.length})`, o.values);
-    const keys = Object.keys(o).filter((k) => k !== "$type");
-    const label = `${o.$type ? String(o.$type) + " " : ""}{${keys.slice(0, 3).join(", ")}${keys.length > 3 ? ", ..." : ""}}`;
-    return objectDetails(label, o);
+    if (isReactElement(a)) {
+      if (!isReactElement(b)) return false;
+      return a.type === b.type && a.key === b.key && deepEqual(a.props, b.props, seen);
+    }
+    if (isPlainObject(a) && isPlainObject(b)) {
+      const ka = Object.keys(a);
+      const kb = Object.keys(b);
+      if (ka.length !== kb.length) return false;
+      const rb = b;
+      for (const k of ka) {
+        if (!Object.prototype.hasOwnProperty.call(b, k)) return false;
+        if (!deepEqual(a[k], rb[k], seen)) return false;
+      }
+      return true;
+    }
+    return false;
   }
-  function objectDetails(label, obj) {
-    const d = el("details", { class: "obj" }, [el("summary", { text: label })]);
-    d.addEventListener(
-      "toggle",
-      () => {
-        if (d.open && !d.querySelector("pre")) d.append(el("pre", { text: JSON.stringify(obj, null, 2) }));
-      },
-      { once: true }
-    );
-    return d;
+  var AVOIDABLE_KINDS = /* @__PURE__ */ new Set(["deep-equal", "function", "element"]);
+  function joinPath(base, key) {
+    if (typeof key === "number") return `${base}[${key}]`;
+    if (base === "") return key;
+    return /^[A-Za-z_$][\w$]*$/.test(key) ? `${base}.${key}` : `${base}[${JSON.stringify(key)}]`;
   }
-  function firstDifferentPath(a, b, base = "") {
-    if (a === b) return null;
-    if (!isRecord(a) || !isRecord(b)) return base || "(value)";
-    if (Array.isArray(a) !== Array.isArray(b)) return base || "(value)";
+  function firstDifferentPath(a, b, path = "", depth = 0) {
+    if (depth > 8) return path || "(value)";
     if (Array.isArray(a) && Array.isArray(b)) {
-      if (a.length !== b.length) return base ? `${base}.length` : "length";
+      if (a.length !== b.length) return path ? `${path}.length` : "length";
       for (let i = 0; i < a.length; i++) {
-        const p = firstDifferentPath(a[i], b[i], `${base}[${i}]`);
-        if (p) return p;
+        if (!deepEqual(a[i], b[i])) return firstDifferentPath(a[i], b[i], joinPath(path, i), depth + 1);
       }
       return null;
     }
-    const keys = /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]);
-    for (const k of keys) {
-      const p = firstDifferentPath(a[k], b[k], base ? `${base}.${k}` : k);
-      if (p) return p;
+    if (isPlainObject(a) && isPlainObject(b)) {
+      const keys = /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]);
+      for (const k of keys) {
+        if (!deepEqual(a[k], b[k])) return firstDifferentPath(a[k], b[k], joinPath(path, k), depth + 1);
+      }
+      return null;
     }
-    return null;
+    return deepEqual(a, b) ? null : path || "(value)";
   }
-  function diffLeaves(a, b, limit = 20, base = "", out = []) {
-    if (out.length >= limit || a === b) return out;
-    if (!isRecord(a) || !isRecord(b) || Array.isArray(a) !== Array.isArray(b)) {
-      out.push({ path: base || "(value)", prev: a, next: b });
-      return out;
-    }
+  function diffLeaves(a, b, limit = 20, path = "", out = []) {
+    if (out.length >= limit || Object.is(a, b)) return out;
     if (Array.isArray(a) && Array.isArray(b)) {
       const n = Math.max(a.length, b.length);
-      for (let i = 0; i < n && out.length < limit; i++) diffLeaves(a[i], b[i], limit, `${base}[${i}]`, out);
+      for (let i = 0; i < n && out.length < limit; i++) diffLeaves(a[i], b[i], limit, joinPath(path, i), out);
       return out;
     }
-    for (const k of /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)])) {
-      if (out.length >= limit) break;
-      diffLeaves(a[k], b[k], limit, base ? `${base}.${k}` : k, out);
+    if (isPlainObject(a) && isPlainObject(b)) {
+      for (const k of /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)])) {
+        if (out.length >= limit) break;
+        diffLeaves(a[k], b[k], limit, joinPath(path, k), out);
+      }
+      return out;
     }
+    if (!deepEqual(a, b)) out.push({ path: path || "(value)", prev: a, next: b });
     return out;
   }
+
+  // src/causes.ts
+  var isAncestorReport = (anc, r) => anc.path.length < r.path.length && r.path[anc.path.length] === anc.component && anc.path.every((p, i) => r.path[i] === p);
+  var bump = (m, key, n = 1) => void m.set(key, (m.get(key) || 0) + n);
+  function indexByComponent(reports) {
+    const index = /* @__PURE__ */ new Map();
+    for (const r of reports) {
+      const list = index.get(r.component);
+      if (list) list.push(r);
+      else index.set(r.component, [r]);
+    }
+    return index;
+  }
+  function rootCauseOf(r, commitReports, index = indexByComponent(commitReports)) {
+    let cur = r;
+    const seen = /* @__PURE__ */ new Set([r]);
+    while (cur.trigger === "parent" && cur.parent) {
+      const parent = cur.parent;
+      const candidates = index.get(parent.name);
+      const p = candidates && candidates.find((x) => isAncestorReport(x, cur));
+      if (!p || seen.has(p)) return { name: parent.name, trigger: parent.trigger, report: null };
+      seen.add(p);
+      cur = p;
+    }
+    return cur === r ? null : { name: cur.component, trigger: cur.trigger, report: cur };
+  }
+  function rootCausesOf(reports) {
+    const roots = /* @__PURE__ */ new Map();
+    const rootByReport = /* @__PURE__ */ new Map();
+    const index = indexByComponent(reports);
+    let avoidable = 0;
+    let wasted = 0;
+    for (const r of reports) {
+      if (!r.avoidable) continue;
+      avoidable++;
+      if (typeof r.selfDuration === "number") wasted += r.selfDuration;
+      const root = rootCauseOf(r, reports, index);
+      const name = root ? root.name : r.parent && r.parent.name || "(unknown)";
+      const trigger = root ? root.trigger : r.parent && r.parent.trigger || "parent";
+      rootByReport.set(r, name);
+      let agg = roots.get(name);
+      if (!agg) {
+        agg = { name, trigger, count: 0, components: /* @__PURE__ */ new Map() };
+        roots.set(name, agg);
+      }
+      agg.count++;
+      bump(agg.components, r.component);
+    }
+    return { roots: [...roots.values()].sort((a, b) => b.count - a.count), rootByReport, avoidable, wasted };
+  }
+  function analyzeCommit(reports) {
+    const first = reports[0];
+    return {
+      id: first && typeof first.commitId === "number" ? first.commitId : 0,
+      total: reports.length,
+      ...rootCausesOf(reports),
+      contexts: contextAttribution(reports),
+      reports
+    };
+  }
+  function contextAttribution(reports) {
+    const byCtx = /* @__PURE__ */ new Map();
+    for (const r of reports) {
+      for (const c of r.hookChanges || []) {
+        if (c.hook !== "useContext" && !/^useContext/.test(c.path)) continue;
+        const m = /useContext\((.*)\)/.exec(c.path);
+        const name = m && m[1] ? m[1] : c.path;
+        let agg = byCtx.get(name);
+        if (!agg) {
+          agg = { name, consumers: 0, avoidable: 0, components: /* @__PURE__ */ new Map(), commits: /* @__PURE__ */ new Set(), providers: /* @__PURE__ */ new Map(), changedKeys: /* @__PURE__ */ new Set(), totalKeys: 0 };
+          byCtx.set(name, agg);
+        }
+        agg.consumers++;
+        if (AVOIDABLE_KINDS.has(c.kind)) agg.avoidable++;
+        bump(agg.components, r.component);
+        agg.commits.add(typeof r.commitId === "number" ? r.commitId : 0);
+        if (c.provider && c.provider.component) bump(agg.providers, c.provider.component);
+        if (c.changedKeys) for (const k of c.changedKeys) agg.changedKeys.add(k);
+        if (typeof c.totalKeys === "number") agg.totalKeys = Math.max(agg.totalKeys, c.totalKeys);
+      }
+    }
+    return [...byCtx.values()].sort((a, b) => b.consumers - a.consumers);
+  }
+  function cascadeTree(reports) {
+    const root = { name: "", children: /* @__PURE__ */ new Map(), report: null };
+    for (const r of reports) {
+      let node = root;
+      for (const seg of r.path.concat([r.component])) {
+        let next = node.children.get(seg);
+        if (!next) {
+          next = { name: seg, children: /* @__PURE__ */ new Map(), report: null };
+          node.children.set(seg, next);
+        }
+        node = next;
+      }
+      if (!node.report || r.avoidable) node.report = r;
+      node.count = (node.count || 0) + 1;
+      if (r.avoidable) node.avoidable = (node.avoidable || 0) + 1;
+    }
+    return root;
+  }
+  function rootCauseSummary(name, commits, analyze) {
+    const analyzeFn = analyze || ((_, reports) => analyzeCommit(reports));
+    const out = { name, trigger: "parent", commits: [], total: 0, components: /* @__PURE__ */ new Map(), affected: [] };
+    for (const [key, reports] of commits) {
+      const analysis = analyzeFn(key, reports);
+      const root = analysis.roots.find((x) => x.name === name);
+      if (!root) continue;
+      out.trigger = root.trigger;
+      out.commits.push({ key, analysis, count: root.count, components: root.components });
+      out.total += root.count;
+      for (const [c, n] of root.components) bump(out.components, c, n);
+      for (const r of reports) if (r.avoidable && analysis.rootByReport.get(r) === name) out.affected.push(r);
+    }
+    out.commits.reverse();
+    return out;
+  }
+
+  // src/fixes.ts
+  var MAX_FIX_REPORTS = 50;
+  var rootOf = (path) => path.split(/[.[]/)[0] || path;
+  var identifier = (name) => /^[A-Za-z_$][\w$]*$/.test(name) ? name : "value";
   function shortValue(v, max = 60) {
     let s;
     try {
@@ -195,12 +293,11 @@
     if (s === void 0) s = String(v);
     return s.length > max ? s.slice(0, max - 3) + "..." : s;
   }
-  var identifier = (name) => /^[A-Za-z_$][\w$]*$/.test(name) ? name : "value";
   function fixesFor(r) {
     const out = [];
     const ownerName = r.owner || r.parent && r.parent.name || null;
-    const changes = changesOf(r);
-    const avoidableProps = (r.propChanges || []).filter((c) => AVOIDABLE_KINDS.has(c.kind));
+    const propChanges = r.propChanges || [];
+    const changes = [...propChanges, ...r.stateChanges || [], ...r.hookChanges || []];
     if (r.avoidable && (changes.length === 0 || r.memoized === false)) {
       const identical = changes.length === 0;
       out.push({
@@ -219,9 +316,10 @@ export const ${r.component} = memo(function ${r.component}(props) {
 // class components: extend PureComponent instead`
       });
     }
-    for (const c of avoidableProps) {
+    for (const c of propChanges) {
+      if (!AVOIDABLE_KINDS.has(c.kind)) continue;
       const owner = ownerName || "?";
-      const root = c.path.split(/[.[]/)[0] || c.path;
+      const root = rootOf(c.path);
       const id = identifier(root);
       if (root === "children" && (c.kind === "element" || c.kind === "deep-equal")) {
         out.push({
@@ -243,9 +341,7 @@ const children = useMemo(() => (
 // static children: hoist them to module scope
 const STATIC = <em>hi</em>;`
         });
-        continue;
-      }
-      if (c.kind === "function") {
+      } else if (c.kind === "function") {
         out.push({
           kind: "useCallback",
           owner,
@@ -295,7 +391,7 @@ const ${id.toUpperCase()} = ${shortValue(c.next, 80)};`
         });
       }
     }
-    for (const c of [].concat(r.stateChanges || [], r.hookChanges || [])) {
+    for (const c of [...r.stateChanges || [], ...r.hookChanges || []]) {
       const isContext = c.hook === "useContext" || /^useContext/.test(c.path);
       const ctxName = isContext ? (/useContext\((.*)\)/.exec(c.path) || [])[1] || "Context" : "";
       const providerOwner = isContext && c.provider && c.provider.component ? c.provider.component : null;
@@ -319,17 +415,16 @@ const ${c.changedKeys[0]} = useContextSelector(${ctxName}, (v) => v.${c.changedK
       }
       if (!AVOIDABLE_KINDS.has(c.kind)) continue;
       if (isContext) {
-        const name = ctxName;
         out.push({
           kind: "contextValue",
-          owner: providerOwner || `${name}.Provider`,
+          owner: providerOwner || `${ctxName}.Provider`,
           target: r.component,
-          prop: name,
-          label: `memoize the ${name} provider value${providerOwner ? ` in <${providerOwner}>` : ""}`,
-          detail: `<${r.component}> re-rendered because ${name} produced a new value that is deep-equal to the previous one${providerOwner ? ` (Provider rendered by <${providerOwner}>)` : ""}.`,
-          snippet: `// ${providerOwner || `where <${name}.Provider> is rendered`}
+          prop: ctxName,
+          label: `memoize the ${ctxName} provider value${providerOwner ? ` in <${providerOwner}>` : ""}`,
+          detail: `<${r.component}> re-rendered because ${ctxName} produced a new value that is deep-equal to the previous one${providerOwner ? ` (Provider rendered by <${providerOwner}>)` : ""}.`,
+          snippet: `// ${providerOwner || `where <${ctxName}.Provider> is rendered`}
 const value = useMemo(() => ({ /* ... */ }), [/* deps */]);
-<${name}.Provider value={value}>`
+<${ctxName}.Provider value={value}>`
         });
       } else if (c.hook === "useSyncExternalStore") {
         const chain = c.custom || [];
@@ -374,137 +469,41 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
     for (const r of reports) {
       if (!r.avoidable) continue;
       for (const f of fixesFor(r)) {
-        const k = fixKey(f);
-        let agg = byKey.get(k);
+        const key = fixKey(f);
+        let agg = byKey.get(key);
         if (!agg) {
-          agg = { ...f, key: k, count: 0, components: /* @__PURE__ */ new Map(), reports: [] };
-          byKey.set(k, agg);
+          agg = { ...f, key, count: 0, components: {}, reports: [] };
+          byKey.set(key, agg);
         }
         agg.count++;
-        agg.components.set(r.component, (agg.components.get(r.component) || 0) + 1);
-        if (agg.reports.length < 50) agg.reports.push(r);
+        agg.components[r.component] = (agg.components[r.component] || 0) + 1;
+        if (agg.reports.length < MAX_FIX_REPORTS) agg.reports.push(r);
       }
     }
     return [...byKey.values()].sort((a, b) => b.count - a.count || a.label.localeCompare(b.label));
   }
-  var isAncestorReport = (anc, r) => anc.path.length < r.path.length && r.path[anc.path.length] === anc.component && anc.path.every((p, i) => r.path[i] === p);
-  function indexByComponent(reports) {
-    const index = /* @__PURE__ */ new Map();
-    for (const r of reports) {
-      const list = index.get(r.component);
-      if (list) list.push(r);
-      else index.set(r.component, [r]);
-    }
-    return index;
-  }
-  function rootCauseOf(r, commitReports, index = indexByComponent(commitReports)) {
-    let cur = r;
-    const seen = /* @__PURE__ */ new Set([r]);
-    while (cur.trigger === "parent" && cur.parent) {
-      const parent = cur.parent;
-      const candidates = index.get(parent.name);
-      const p = candidates && candidates.find((x) => isAncestorReport(x, cur));
-      if (!p || seen.has(p)) return { name: parent.name, trigger: parent.trigger, report: null };
-      seen.add(p);
-      cur = p;
-    }
-    return cur === r ? null : { name: cur.component, trigger: cur.trigger, report: cur };
-  }
-  function analyzeCommit(reports) {
-    const roots = /* @__PURE__ */ new Map();
-    const rootByReport = /* @__PURE__ */ new Map();
-    const index = indexByComponent(reports);
-    let avoidable = 0;
-    let wasted = 0;
-    for (const r of reports) {
-      if (!r.avoidable) continue;
-      avoidable++;
-      if (typeof r.selfDuration === "number") wasted += r.selfDuration;
-      const root = rootCauseOf(r, reports, index);
-      const name = root ? root.name : r.parent && r.parent.name || "(unknown)";
-      const trigger = root ? root.trigger : r.parent && r.parent.trigger || "parent";
-      rootByReport.set(r, name);
-      let agg = roots.get(name);
-      if (!agg) {
-        agg = { name, trigger, count: 0, components: /* @__PURE__ */ new Map() };
-        roots.set(name, agg);
-      }
-      agg.count++;
-      agg.components.set(r.component, (agg.components.get(r.component) || 0) + 1);
-    }
-    const first = reports[0];
-    return {
-      id: first ? first.commitId : 0,
-      receivedAt: first ? first.receivedAt : 0,
-      total: reports.length,
-      avoidable,
-      wasted,
-      roots: [...roots.values()].sort((a, b) => b.count - a.count),
-      rootByReport,
-      contexts: contextAttribution(reports),
-      fixes: rankFixes(reports),
-      reports
-    };
-  }
-  function contextAttribution(reports) {
-    const byCtx = /* @__PURE__ */ new Map();
-    for (const r of reports) {
-      for (const c of r.hookChanges || []) {
-        if (c.hook !== "useContext" && !/^useContext/.test(c.path)) continue;
-        const m = /useContext\((.*)\)/.exec(c.path);
-        const name = m && m[1] ? m[1] : c.path;
-        let agg = byCtx.get(name);
-        if (!agg) {
-          agg = { name, consumers: 0, avoidable: 0, components: /* @__PURE__ */ new Map(), commits: /* @__PURE__ */ new Set(), providers: /* @__PURE__ */ new Map(), changedKeys: /* @__PURE__ */ new Set(), totalKeys: 0 };
-          byCtx.set(name, agg);
-        }
-        agg.consumers++;
-        if (AVOIDABLE_KINDS.has(c.kind)) agg.avoidable++;
-        agg.components.set(r.component, (agg.components.get(r.component) || 0) + 1);
-        agg.commits.add(r.commitId);
-        if (c.provider && c.provider.component) agg.providers.set(c.provider.component, (agg.providers.get(c.provider.component) || 0) + 1);
-        if (c.changedKeys) for (const k of c.changedKeys) agg.changedKeys.add(k);
-        if (typeof c.totalKeys === "number") agg.totalKeys = Math.max(agg.totalKeys, c.totalKeys);
-      }
-    }
-    return [...byCtx.values()].sort((a, b) => b.consumers - a.consumers);
-  }
-  function cascadeTree(reports) {
-    const root = { name: "", children: /* @__PURE__ */ new Map(), report: null };
-    for (const r of reports) {
-      let node = root;
-      for (const seg of r.path.concat([r.component])) {
-        let next = node.children.get(seg);
-        if (!next) {
-          next = { name: seg, children: /* @__PURE__ */ new Map(), report: null };
-          node.children.set(seg, next);
-        }
-        node = next;
-      }
-      if (!node.report || r.avoidable) node.report = r;
-      node.count = (node.count || 0) + 1;
-      if (r.avoidable) node.avoidable = (node.avoidable || 0) + 1;
-    }
-    return root;
-  }
-  function rootCauseSummary(name, commits, analyze = (_, reports) => analyzeCommit(reports)) {
-    const out = { name, trigger: "parent", commits: [], total: 0, components: /* @__PURE__ */ new Map(), fixes: [] };
-    const affected = [];
-    for (const [key, reports] of commits) {
-      const analysis = analyze(key, reports);
-      const root = analysis.roots.find((x) => x.name === name);
-      if (!root) continue;
-      out.trigger = root.trigger;
-      out.commits.push({ key, analysis, count: root.count, components: root.components });
-      out.total += root.count;
-      for (const [c, n] of root.components) out.components.set(c, (out.components.get(c) || 0) + n);
-      for (const r of reports) if (r.avoidable && analysis.rootByReport.get(r) === name) affected.push(r);
+
+  // src/report.ts
+  var KIND_LABEL = {
+    "deep-equal": "equal by value",
+    function: "new function",
+    element: "equal element",
+    different: "changed",
+    added: "added",
+    removed: "removed"
+  };
+  function summarize(report) {
+    const counts = /* @__PURE__ */ new Map();
+    for (const c of [...report.propChanges || [], ...report.stateChanges || [], ...report.hookChanges || []]) {
+      counts.set(c.kind, (counts.get(c.kind) ?? 0) + 1);
     }
-    out.commits.reverse();
-    out.fixes = rankFixes(affected);
-    return out;
+    const parts = [...counts].map(([kind, n]) => `${n} ${KIND_LABEL[kind] || kind}`);
+    if (parts.length === 0) parts.push("no changes");
+    return parts.join(", ");
   }
-  function summarizeSession(session, reports) {
+
+  // src/sessions.ts
+  function summarizeReports(reports, meta = {}) {
     var _a;
     const byComponent = {};
     let avoidable = 0;
@@ -522,10 +521,10 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
       }
     }
     return {
-      id: session.id,
-      name: session.name,
-      startedAt: session.startedAt,
-      endedAt: session.endedAt,
+      id: meta.id ?? `s${Date.now().toString(36)}`,
+      name: meta.name ?? "session",
+      startedAt: meta.startedAt ?? (reports[0]?.time ?? 0),
+      endedAt: meta.endedAt ?? (reports[reports.length - 1]?.time ?? null),
       total: reports.length,
       avoidable,
       wasted,
@@ -533,7 +532,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
       fixes: rankFixes(reports).map((f) => ({ key: f.key, label: f.label, count: f.count }))
     };
   }
-  function compareSessions(before, after) {
+  function compareSummaries(before, after) {
     const names = /* @__PURE__ */ new Set([...Object.keys(before.byComponent), ...Object.keys(after.byComponent)]);
     const rows = [];
     for (const component of names) {
@@ -552,8 +551,155 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
       avoidable: { before: before.avoidable, after: after.avoidable, delta: after.avoidable - before.avoidable },
       wasted: { before: before.wasted, after: after.wasted, delta: after.wasted - before.wasted },
       resolvedFixes: before.fixes.filter((f) => !afterKeys.has(f.key)),
-      newFixes: after.fixes.filter((f) => !beforeKeys.has(f.key))
+      newFixes: after.fixes.filter((f) => !beforeKeys.has(f.key)),
+      regressions: rows.filter((r) => r.delta > 0)
+    };
+  }
+  var summarizeSession = (session, reports) => summarizeReports(reports, session);
+  var compareSessions = compareSummaries;
+
+  // extension/src/panel.ts
+  var PROTOCOL = 2;
+  var FN_PREFIX = "\u0192 ";
+  var MAX_REPORTS = 2e3;
+  var MAX_PER_NODE = 200;
+  var MAX_COMMITS = 500;
+  var MAX_PER_COMMIT = 500;
+  var THROTTLE_MIN_REPORTS = 200;
+  var BEST_FIX_INTERVAL = 500;
+  var LEFT_RENDER_INTERVAL = 250;
+  var SYNC_RETRY_MIN = 500;
+  var SYNC_RETRY_MAX = 5e3;
+  var SYNC_RETRIES = 20;
+  var NAVIGATION_SETTLE = 1200;
+  var INFO_REFRESH_MS = 3e3;
+  var ROW_H = 22;
+  var ITEM_H = 20;
+  var OVERSCAN = 8;
+  var FALLBACK_VIEWPORT = 800;
+  function el(tag, attrs, children) {
+    const node = document.createElement(tag);
+    if (attrs) {
+      for (const k of Object.keys(attrs)) {
+        const v = attrs[k];
+        if (k === "class") node.className = String(v);
+        else if (k === "text") node.textContent = String(v);
+        else if (k.startsWith("on")) {
+          if (typeof v === "function") node.addEventListener(k.slice(2), v);
+        } else if (v === true) node.setAttribute(k, "");
+        else if (v !== void 0 && v !== null && v !== false) node.setAttribute(k, String(v));
+      }
+    }
+    if (children) {
+      for (const c of [].concat(children)) if (c != null) node.append(c);
+    }
+    return node;
+  }
+  function fmtTime(ms) {
+    const d = new Date(ms);
+    const p = (n, w) => String(n).padStart(w, "0");
+    return `${p(d.getHours(), 2)}:${p(d.getMinutes(), 2)}:${p(d.getSeconds(), 2)}.${p(d.getMilliseconds(), 3)}`;
+  }
+  var fmtMs = (n) => typeof n === "number" && Number.isFinite(n) ? `${n.toFixed(1)} ms` : "";
+  var plural = (n, word) => `${n} ${word}${n === 1 ? "" : "s"}`;
+  var componentList = (m) => (m instanceof Map ? [...m] : Object.entries(m)).map(([c, n]) => `<${c}>${n > 1 ? " \xD7" + n : ""}`).join(", ");
+  function changesOf(report) {
+    return [].concat(report.propChanges || [], report.stateChanges || [], report.hookChanges || []);
+  }
+  var isRecord = (v) => typeof v === "object" && v !== null;
+  function normalizeReport(p) {
+    if (!isRecord(p) || typeof p.component !== "string") return null;
+    const arr = (x) => Array.isArray(x) ? x.filter((c) => isRecord(c) && typeof c.path === "string") : [];
+    const props = isRecord(p.props) ? p.props : {};
+    const parent = isRecord(p.parent) && typeof p.parent.name === "string" ? { name: p.parent.name, trigger: typeof p.parent.trigger === "string" ? p.parent.trigger : "parent" } : null;
+    const r = {
+      component: p.component,
+      instanceId: typeof p.instanceId === "number" ? p.instanceId : 0,
+      commitId: typeof p.commitId === "number" ? p.commitId : 0,
+      renderCount: typeof p.renderCount === "number" ? p.renderCount : 0,
+      trigger: typeof p.trigger === "string" ? p.trigger : "parent",
+      avoidable: !!p.avoidable,
+      props: { prev: isRecord(props.prev) ? props.prev : {}, next: isRecord(props.next) ? props.next : {} },
+      propChanges: arr(p.propChanges),
+      stateChanges: arr(p.stateChanges),
+      hookChanges: arr(p.hookChanges),
+      parent,
+      owner: typeof p.owner === "string" ? p.owner : null,
+      path: Array.isArray(p.path) ? p.path.filter((x) => typeof x === "string") : [],
+      reasons: Array.isArray(p.reasons) ? p.reasons.filter((x) => typeof x === "string") : [],
+      time: typeof p.time === "number" ? p.time : 0,
+      receivedAt: typeof p.receivedAt === "number" ? p.receivedAt : 0
     };
+    if (typeof p.selfDuration === "number") r.selfDuration = p.selfDuration;
+    if (typeof p.treeDuration === "number") r.treeDuration = p.treeDuration;
+    if (typeof p.memoized === "boolean") r.memoized = p.memoized;
+    if (p.compiled === true) r.compiled = true;
+    if (typeof p.commitPriority === "string") r.commitPriority = p.commitPriority;
+    if (Array.isArray(p.hookState)) r.hookState = p.hookState.filter((h) => isRecord(h) && typeof h.path === "string");
+    if (Array.isArray(p.contexts)) r.contexts = p.contexts.filter((c) => isRecord(c) && typeof c.name === "string");
+    if (isRecord(p.state)) r.state = p.state;
+    if (Array.isArray(p.updaters)) r.updaters = p.updaters.filter((u) => typeof u === "string");
+    if (p.commitCause === "effect-after-commit" || p.commitCause === "suspense-resolved") r.commitCause = p.commitCause;
+    if (typeof p.afterCommit === "number") r.afterCommit = p.afterCommit;
+    if (typeof p.key === "string") r.key = p.key;
+    if (isRecord(p.source) && typeof p.source.fileName === "string") r.source = p.source;
+    return r;
+  }
+  function valueNode(v, depth = 0) {
+    if (v === null || v === void 0) return el("span", { class: "v nil", text: String(v) });
+    const t = typeof v;
+    if (typeof v === "string") {
+      if (v.startsWith(FN_PREFIX)) return el("span", { class: "v fn", text: v });
+      if (/^<[^>]+>$/.test(v)) return el("span", { class: "v", text: v });
+      return el("span", { class: "v str", text: JSON.stringify(v) });
+    }
+    if (t === "number" || t === "bigint") return el("span", { class: "v num", text: String(v) });
+    if (t === "boolean") return el("span", { class: "v bool", text: String(v) });
+    if (Array.isArray(v)) {
+      const short = v.length <= 4 && v.every((x) => typeof x !== "object" || x === null);
+      if (short) {
+        const s = el("span", { class: "v" }, "[");
+        v.forEach((x, i) => {
+          if (i) s.append(", ");
+          s.append(valueNode(x, depth + 1));
+        });
+        s.append("]");
+        return s;
+      }
+      return objectDetails(`Array(${v.length})`, v);
+    }
+    const o = v;
+    if (o.$type === "element") {
+      const props = isRecord(o.props) ? o.props : {};
+      const label2 = `<${String(o.name)}${o.key !== void 0 ? ` key=${JSON.stringify(o.key)}` : ""}>`;
+      return Object.keys(props).length ? objectDetails(label2, props) : el("span", { class: "v", text: label2 });
+    }
+    if (o.$type === "Date") return el("span", { class: "v", text: `Date(${String(o.value)})` });
+    if (o.$type === "RegExp") return el("span", { class: "v", text: String(o.value) });
+    if (o.$type === "Map" && Array.isArray(o.entries)) return objectDetails(`Map(${o.entries.length})`, o.entries);
+    if (o.$type === "Set" && Array.isArray(o.values)) return objectDetails(`Set(${o.values.length})`, o.values);
+    const keys = Object.keys(o).filter((k) => k !== "$type");
+    const label = `${o.$type ? String(o.$type) + " " : ""}{${keys.slice(0, 3).join(", ")}${keys.length > 3 ? ", ..." : ""}}`;
+    return objectDetails(label, o);
+  }
+  function objectDetails(label, obj) {
+    const d = el("details", { class: "obj" }, [el("summary", { text: label })]);
+    d.addEventListener(
+      "toggle",
+      () => {
+        if (d.open && !d.querySelector("pre")) d.append(el("pre", { text: JSON.stringify(obj, null, 2) }));
+      },
+      { once: true }
+    );
+    return d;
+  }
+  function analyzeCommit2(reports) {
+    const first = reports[0];
+    return { ...analyzeCommit(reports), receivedAt: first ? first.receivedAt : 0, fixes: rankFixes(reports) };
+  }
+  function rootCauseSummary2(name, commits, analyze = (_, reports) => analyzeCommit2(reports)) {
+    const s = rootCauseSummary(name, commits, analyze);
+    return { ...s, fixes: rankFixes(s.affected) };
   }
   var PRIORITY_LABEL = { immediate: "discrete input", "user-blocking": "continuous input", normal: "transition / async", low: "low", idle: "idle" };
   function sourceContext(text, line, around = 3) {
@@ -710,7 +856,8 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
     if (r.parent) by.append(el("div", { text: `Triggered by <${r.parent.name}> (${r.parent.trigger})` }));
     else by.append(el("div", { text: "Update started in this component" }));
     if (r.owner) by.append(el("div", { class: "meta", text: `Created by <${r.owner}>` }));
-    if (r.memoized === false) by.append(el("div", { class: "meta", text: "Not memoized (re-renders whenever its parent does)" }));
+    if (r.compiled) by.append(el("div", { class: "meta", text: "Compiled by React Compiler (output memoized per input; identical inputs make the render cheap)" }));
+    else if (r.memoized === false) by.append(el("div", { class: "meta", text: "Not memoized (re-renders whenever its parent does)" }));
     else if (r.memoized === true) by.append(el("div", { class: "meta", text: "Memoized (React.memo / PureComponent)" }));
     if (r.updaters && r.updaters.length) by.append(el("div", { text: `Update scheduled by ${r.updaters.map((u) => `<${u}>`).join(", ")}` }));
     if (r.commitCause === "effect-after-commit") by.append(el("div", { class: "cause effect", text: `Effect loop: state set right after commit #${r.afterCommit ?? "?"}` }));
@@ -1250,7 +1397,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
     function analysisFor(key, reports) {
       const cached = commitAnalyses.get(key);
       if (cached && cached.len === reports.length) return cached.analysis;
-      const analysis = analyzeCommit(reports);
+      const analysis = analyzeCommit2(reports);
       commitAnalyses.set(key, { len: reports.length, analysis });
       return analysis;
     }
@@ -1981,7 +2128,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
     }
     function renderRootDetails() {
       const name = state.selectedRoot;
-      const s = rootCauseSummary(name, state.commits, analysisFor);
+      const s = rootCauseSummary2(name, state.commits, analysisFor);
       details.append(
         el("div", { class: "details-header" }, [
           el("span", { class: "title" }, ["Root cause ", el("span", { class: "name", text: `<${name}>` })]),
@@ -2434,6 +2581,33 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
       const max = el("input", { type: "number", min: "0", value: String(current.maxReportsPerComponent || 0) });
       max.addEventListener("change", () => void applyOptions({ maxReportsPerComponent: Math.max(0, Number(max.value) || 0) }));
       sec.append(el("label", { class: "opt col" }, ["Stop printing a component after N reports (0 = never)", max]));
+      const help = el("div", { class: "section" }, [el("h3", { text: "Help" })]);
+      help.append(
+        el("div", { class: "meta", text: "Opens a GitHub issue prefilled with versions, options and counts. No report contents are included; attach an Export if it helps." }),
+        el("a", { class: "report-link", href: issueUrl(), target: "_blank", rel: "noreferrer", text: "Report a problem \u2197" })
+      );
+      body.append(help);
+    }
+    function issueUrl() {
+      const lib = state.library;
+      const ext = typeof chrome !== "undefined" && chrome.runtime && typeof chrome.runtime.getManifest === "function" ? chrome.runtime.getManifest().version : "n/a";
+      const react = lib?.react?.map((r) => `${r.version || "?"}${r.bundleType === 0 ? " (prod)" : ""}`).join(", ") || "not detected";
+      const transportLabel = state.tabLabel || (state.relay ? "content script" : state.polling ? "polling" : "none");
+      const lines = [
+        "### What happened",
+        "",
+        "(what you did, what you expected, what the panel showed)",
+        "",
+        "### Environment",
+        `- extension ${ext}, panel protocol ${PROTOCOL}, transport: ${transportLabel}`,
+        `- library ${lib?.library || "not detected"} (protocol ${lib?.protocol ?? "?"}), React ${react}${lib?.production ? ", production build" : ""}`,
+        `- options: ${JSON.stringify(lib?.options || {})}`,
+        `- overhead: ${lib?.overhead ? `${lib.overhead.totalMs.toFixed(1)} ms over ${lib.commits ?? 0} commits, worst ${lib.overhead.maxCommitMs.toFixed(1)} ms` : "n/a"}; reports skipped by the cap: ${lib?.truncated ?? 0}`,
+        `- buffered: ${state.reports.length} reports, ${totals.avoidable} avoidable; top fix: ${bestFix ? bestFix.label : "none"}`,
+        `- browser: ${typeof navigator !== "undefined" ? navigator.userAgent : "n/a"}`
+      ];
+      const params2 = new URLSearchParams({ title: "Panel: ", body: lines.join("\n"), labels: "bug" });
+      return `https://github.com/NexaLeaf/rerender-lens/issues/new?${params2.toString()}`;
     }
     function handle(message) {
       if (!isRecord(message)) return;
@@ -2590,12 +2764,28 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
         const info = await io.bridge("info");
         if (info) {
           emit({ type: "hello", version: info.protocol, payload: info });
+          startInfoRefresh();
           return true;
         }
       } catch {
       }
       return false;
     }
+    let infoTimer = null;
+    function startInfoRefresh() {
+      if (infoTimer) return;
+      infoTimer = setInterval(() => {
+        if (disposed) return stopInfoRefresh();
+        io.bridge("info").then((info) => {
+          if (info) emit({ type: "hello", version: info.protocol, payload: info });
+          else stopInfoRefresh();
+        }).catch(() => stopInfoRefresh());
+      }, INFO_REFRESH_MS);
+    }
+    function stopInfoRefresh() {
+      if (infoTimer) clearInterval(infoTimer);
+      infoTimer = null;
+    }
     let syncGen = 0;
     let syncTimer = null;
     let disposed = false;
@@ -2603,6 +2793,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
       syncGen++;
       if (syncTimer) clearTimeout(syncTimer);
       syncTimer = null;
+      stopInfoRefresh();
     }
     function syncWithRetry(onReady, initialDelay = 0) {
       cancelSync();
@@ -3158,7 +3349,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
           const apps = isRecord(m.payload) && typeof m.payload.apps === "number" ? m.payload.apps : 0;
           const wasOnline = appsOnline;
           appsOnline = apps;
-          if (apps > 0 && wasOnline !== null && wasOnline === 0) void attach();
+          if (apps > 0 && (wasOnline === null || wasOnline === 0)) void attach();
           else if (apps === 0) emit({ type: "disconnected" });
         } else if (m.__rerenderLens === true && typeof m.type === "string") emit({ type: m.type, version: typeof m.version === "number" ? m.version : void 0, payload: m.payload });
       }
@@ -3187,7 +3378,6 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
           };
         };
         open();
-        void attach();
       },
       replay: () => void bridge("replay"),
       clear: () => void bridge("clear"),
@@ -3272,7 +3462,7 @@ setState((prev) => (deepEqual(prev, next) ? prev : next));`
     createBroadcastTransport,
     createRelayClientTransport,
     sourceContext,
-    analysis: { firstDifferentPath, diffLeaves, fixesFor, rankFixes, rootCauseOf, analyzeCommit, contextAttribution, cascadeTree, rootCauseSummary, summarizeSession, compareSessions }
+    analysis: { firstDifferentPath, diffLeaves, fixesFor, rankFixes, rootCauseOf, analyzeCommit: analyzeCommit2, contextAttribution, cascadeTree, rootCauseSummary: rootCauseSummary2, summarizeSession, compareSessions }
   };
   window.RerenderLensPanel = api;
   var hasChrome = typeof chrome !== "undefined" && !!chrome && !!chrome.runtime && !!chrome.runtime.id;