@flotrace/runtime-core 2.2.4 → 2.3.1

package/dist/index.mjs

@@ -1,3 +1,22 @@
+import {
+  FLOTRACE_SOURCE,
+  JSX_RUNTIME_ACTIVE_KEY,
+  clearCallSiteRenders,
+  computeCallSiteId,
+  computeCallSiteMetricsPayload,
+  detectInlineLiterals,
+  getCallSiteRenderRate,
+  getCallSiteRenders,
+  isJsxRuntimeActive,
+  isUserComponent,
+  markJsxRuntimeActive,
+  normalizeJsxSourcePath,
+  parseFirstNonReactFrame,
+  readJsxSourceFromFiber,
+  recordCallSiteRender,
+  setDuplicateKeyEmitter
+} from "./chunk-5LSFLPGP.mjs";
+
 // src/types.ts
 var DEFAULT_CONFIG = {
   port: 3457,
@@ -129,11 +148,7 @@ function serializeValue(value, depth = 0, seen = /* @__PURE__ */ new WeakSet())
     for (let i = 0; i < Math.min(keys.length, MAX_OBJECT_KEYS); i++) {
       const key = keys[i];
       try {
-        result[key] = serializeValue(
-          value[key],
-          depth + 1,
-          seen
-        );
+        result[key] = serializeValue(value[key], depth + 1, seen);
       } catch {
         result[key] = { __type: "truncated", originalType: "error" };
       }
@@ -234,7 +249,12 @@ var _FloTraceWebSocketClient = class _FloTraceWebSocketClient {
           frameworkName: this.config.frameworkName,
           frameworkVersion: this.config.frameworkVersion,
           reactNativeVersion: this.config.reactNativeVersion,
-          runtimeVersion: this.config.runtimeVersion
+          runtimeVersion: this.config.runtimeVersion,
+          // P5: JSX runtime adoption signal — read at WS-open time so
+          // multiple fibers have already rendered by the moment we report.
+          // `isJsxRuntimeActive` reads `globalThis[Symbol.for('flotrace.jsx-runtime-active')]`,
+          // which the dev jsx-runtime sets on first jsxDEV call.
+          jsxRuntimeActive: isJsxRuntimeActive()
         });
         this.flush();
       };
@@ -560,26 +580,31 @@ function classifyFromDebugLabel(state, index, effects, effectIdx, debugLabel) {
   const ms = state.memoizedState;
   const normalizedLabel = debugLabel.toLowerCase().replace(/\s/g, "");
   const labelMap = {
-    "usestate": "useState",
-    "usereducer": "useReducer",
-    "useref": "useRef",
-    "usememo": "useMemo",
-    "usecallback": "useCallback",
-    "useeffect": "useEffect",
-    "uselayouteffect": "useLayoutEffect",
-    "useinsertioneffect": "useInsertionEffect",
-    "usecontext": "useContext",
-    "useimperativehandle": "useImperativeHandle",
-    "usedebugvalue": "useDebugValue",
-    "usetransition": "useTransition",
-    "usedeferredvalue": "useDeferredValue",
-    "useid": "useId",
-    "usesyncexternalstore": "useSyncExternalStore",
-    "useoptimistic": "useOptimistic",
-    "useformstatus": "useFormStatus"
+    usestate: "useState",
+    usereducer: "useReducer",
+    useref: "useRef",
+    usememo: "useMemo",
+    usecallback: "useCallback",
+    useeffect: "useEffect",
+    uselayouteffect: "useLayoutEffect",
+    useinsertioneffect: "useInsertionEffect",
+    usecontext: "useContext",
+    useimperativehandle: "useImperativeHandle",
+    usedebugvalue: "useDebugValue",
+    usetransition: "useTransition",
+    usedeferredvalue: "useDeferredValue",
+    useid: "useId",
+    usesyncexternalstore: "useSyncExternalStore",
+    useoptimistic: "useOptimistic",
+    useformstatus: "useFormStatus"
   };
   const hookType = labelMap[normalizedLabel] ?? "unknown";
-  const base = { index, type: hookType, value: serializeValue(ms, 0, /* @__PURE__ */ new WeakSet()), debugLabel };
+  const base = {
+    index,
+    type: hookType,
+    value: serializeValue(ms, 0, /* @__PURE__ */ new WeakSet()),
+    debugLabel
+  };
   if (hookType === "useEffect" || hookType === "useLayoutEffect" || hookType === "useInsertionEffect") {
     if (effectIdx < effects.length) {
       const effect = effects[effectIdx];
@@ -1046,7 +1071,13 @@ var ClassComponent = 1;
 var ForwardRef = 11;
 var MemoComponent = 14;
 var SimpleMemoComponent = 15;
-var USER_TAGS = /* @__PURE__ */ new Set([FunctionComponent, ClassComponent, ForwardRef, MemoComponent, SimpleMemoComponent]);
+var USER_TAGS = /* @__PURE__ */ new Set([
+  FunctionComponent,
+  ClassComponent,
+  ForwardRef,
+  MemoComponent,
+  SimpleMemoComponent
+]);
 function isMemoizedFiber(fiber) {
   return fiber.tag === MemoComponent || fiber.tag === SimpleMemoComponent;
 }
@@ -1130,13 +1161,15 @@ function buildCascadeTree(rootFiber, triggers) {
       triggerByName.set(t.componentName, t);
     }
   }
-  const stack = [{
-    fiber: rootFiber,
-    depth: 0,
-    parentRerendered: false,
-    parentNode: null,
-    isRoot: true
-  }];
+  const stack = [
+    {
+      fiber: rootFiber,
+      depth: 0,
+      parentRerendered: false,
+      parentNode: null,
+      isRoot: true
+    }
+  ];
   while (stack.length > 0) {
     const entry = stack.pop();
     const { fiber, depth, parentRerendered, parentNode, isRoot } = entry;
@@ -1147,7 +1180,13 @@ function buildCascadeTree(rootFiber, triggers) {
     if (isNewMount && !didRender) {
       let child2 = fiber.child;
       while (child2) {
-        stack.push({ fiber: child2, depth: depth + 1, parentRerendered: false, parentNode, isRoot: false });
+        stack.push({
+          fiber: child2,
+          depth: depth + 1,
+          parentRerendered: false,
+          parentNode,
+          isRoot: false
+        });
         child2 = child2.sibling;
       }
       continue;
@@ -1155,7 +1194,13 @@ function buildCascadeTree(rootFiber, triggers) {
     if (!USER_TAGS.has(fiber.tag)) {
       let child2 = fiber.child;
       while (child2) {
-        stack.push({ fiber: child2, depth: depth + 1, parentRerendered: didRender || parentRerendered, parentNode, isRoot: false });
+        stack.push({
+          fiber: child2,
+          depth: depth + 1,
+          parentRerendered: didRender || parentRerendered,
+          parentNode,
+          isRoot: false
+        });
         child2 = child2.sibling;
       }
       continue;
@@ -1164,7 +1209,13 @@ function buildCascadeTree(rootFiber, triggers) {
     if (reason === null) {
       let child2 = fiber.child;
       while (child2) {
-        stack.push({ fiber: child2, depth: depth + 1, parentRerendered: false, parentNode, isRoot: false });
+        stack.push({
+          fiber: child2,
+          depth: depth + 1,
+          parentRerendered: false,
+          parentNode,
+          isRoot: false
+        });
         child2 = child2.sibling;
       }
       continue;
@@ -1190,7 +1241,11 @@ function buildCascadeTree(rootFiber, triggers) {
       triggerId,
       children: [],
       depth,
-      isMemoized: isMemoizedFiber(fiber)
+      isMemoized: isMemoizedFiber(fiber),
+      // P6: JSX-runtime attribution — read from fiber.memoizedProps directly.
+      // Same source the walker uses, so cascade nodes align with LiveTreeNode
+      // attribution for the same user component.
+      jsxSource: readJsxSourceFromFiber(fiber)
     };
     totalComponents++;
     if (reason === "parent-cascade") {
@@ -1223,7 +1278,10 @@ function analyzeCascade(root, triggers) {
   try {
     const finishedLanes = getFinishedLanes(root);
     const lane = classifyLanes(finishedLanes);
-    const { rootCauses, totalComponents, avoidableCount, avoidableDuration } = buildCascadeTree(root.current, triggers);
+    const { rootCauses, totalComponents, avoidableCount, avoidableDuration } = buildCascadeTree(
+      root.current,
+      triggers
+    );
     if (totalComponents === 0) return null;
     const totalDuration = rootCauses.reduce((sum, n) => sum + n.subtreeDuration, 0);
     const triggerIds = triggers.map((t) => t.triggerId);
@@ -1305,7 +1363,8 @@ function shouldFlagRename(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value) && value.length === 0) return false;
-  if (!Array.isArray(value) && Object.keys(value).length === 0) return false;
+  if (!Array.isArray(value) && Object.keys(value).length === 0)
+    return false;
   return true;
 }
 function computePropIntersectionRatio(nodeProps, childrenProps) {
@@ -1453,7 +1512,11 @@ function runAnalysis(tree, fiberRefMap2) {
       }
     }
     for (const sourceId of sourceNodeIds) {
-      let dfs2 = function(currentId, currentPropKey, currentPath, visited) {
+      const firstEdge = outEdges.get(sourceId)?.[0];
+      if (!firstEdge) continue;
+      const sourcePropName = firstEdge.propKey;
+      const allPaths = [];
+      const dfs = (currentId, currentPropKey, currentPath, visited) => {
         if (visited.has(currentId)) return;
         visited.add(currentId);
         const outgoing = outEdges.get(currentId);
@@ -1466,7 +1529,7 @@ function runAnalysis(tree, fiberRefMap2) {
         }
         for (const edge of outgoing) {
           const isRename = edge.propKey !== edge.childPropKey;
-          dfs2(
+          dfs(
             edge.childNodeId,
             edge.childPropKey,
             [...currentPath, { nodeId: edge.childNodeId, propKey: edge.childPropKey, isRename }],
@@ -1475,12 +1538,7 @@ function runAnalysis(tree, fiberRefMap2) {
         }
         visited.delete(currentId);
       };
-      var dfs = dfs2;
-      const firstEdge = outEdges.get(sourceId)?.[0];
-      if (!firstEdge) continue;
-      const sourcePropName = firstEdge.propKey;
-      const allPaths = [];
-      dfs2(
+      dfs(
         sourceId,
         sourcePropName,
         [{ nodeId: sourceId, propKey: sourcePropName, isRename: false }],
@@ -1514,13 +1572,24 @@ function runAnalysis(tree, fiberRefMap2) {
             propKey: p.propKey,
             role,
             hookCount: hookCounts.get(p.nodeId) ?? 0,
-            hasContextHook: contextFlags.get(p.nodeId) ?? false
+            hasContextHook: contextFlags.get(p.nodeId) ?? false,
+            // P6: propagate JSX-runtime attribution from the tree node so the
+            // drill-chain detail can render `(file:line)` per step + click-
+            // to-IDE on each component along the chain. Undefined when the
+            // user hasn't opted into the JSX runtime.
+            jsxSource: n?.jsxSource
           };
         });
         const passthroughCount = chainNodes.filter((n) => n.role === "passthrough").length;
         const sourceNode = nodeMap.get(sourceId);
         const renames = path.flatMap(
-          (p, idx) => p.isRename ? [{ atNodeId: p.nodeId, fromKey: idx > 0 ? path[idx - 1].propKey : sourcePropName, toKey: p.propKey }] : []
+          (p, idx) => p.isRename ? [
+            {
+              atNodeId: p.nodeId,
+              fromKey: idx > 0 ? path[idx - 1].propKey : sourcePropName,
+              toKey: p.propKey
+            }
+          ] : []
         );
         chains.push({
           chainId: makeChainId(sourceId, fp, consumerNodeId),
@@ -1615,10 +1684,7 @@ var SERVER_COMPONENT_PATTERNS = [
   /[\\/]app[\\/].+[\\/]error\.[jt]sx?$/
   // Next.js error UI
 ];
-var SERVER_REFERENCE_PATTERNS = [
-  /_ServerReference$/,
-  /^RSC_/
-];
+var SERVER_REFERENCE_PATTERNS = [/_ServerReference$/, /^RSC_/];
 var detectionEmitted = false;
 function maybeEmitNextjsContext(client2) {
   if (detectionEmitted) return;
@@ -1712,7 +1778,9 @@ function scanActionStateChanges(fiberRefMap2, client2) {
     for (const [nodeId, fiber] of fiberRefMap2) {
       const entries = extractActionEntries(fiber);
       if (!entries) continue;
-      const snapshot = JSON.stringify(entries.map((e) => ({ i: e.hookIndex, p: e.isPending, s: e.state })));
+      const snapshot = JSON.stringify(
+        entries.map((e) => ({ i: e.hookIndex, p: e.isPending, s: e.state }))
+      );
       if (prevActionStateMap.get(nodeId) === snapshot) continue;
       prevActionStateMap.set(nodeId, snapshot);
       const componentName = nodeId.split("/").pop()?.replace(/-\d+$/, "") ?? "Unknown";
@@ -1822,7 +1890,8 @@ function tagFetchData(obj, requestId, depth = 0) {
     const limit = Math.min(obj.length, FETCH_ORIGIN_TAG_ARRAY_LIMIT);
     for (let i = 0; i < limit; i++) tagFetchData(obj[i], requestId, depth + 1);
   } else {
-    for (const val of Object.values(obj)) tagFetchData(val, requestId, depth + 1);
+    for (const val of Object.values(obj))
+      tagFetchData(val, requestId, depth + 1);
   }
 }
 function hasActiveTags() {
@@ -1858,6 +1927,344 @@ function scanForOrigin(obj, depth, ignoreTTL) {
   return void 0;
 }
 
+// src/fiberDebugLogger.ts
+var MAX_FIBER_RECORDS = 500;
+var MAX_TREE_RECORDS = 50;
+var MAX_TOP_NAMES_PER_SNAPSHOT = 10;
+var MAX_CONTEXTS_PER_FIBER = 8;
+var totalFiberEvents = 0;
+var recordingStartedAt = null;
+var fiberRecords = /* @__PURE__ */ new Map();
+var treeRecords = [];
+function isRecording() {
+  return Boolean(globalThis.__FT_DEBUG);
+}
+function setFiberDebug(enabled) {
+  globalThis.__FT_DEBUG = enabled;
+  if (enabled) {
+    console.info(
+      "%c[FT debug]%c recording started \u2014 call %c__ft.dump()%c to view, %c__ft.clear()%c to reset, %c__ft.download()%c to export",
+      "background:#1e293b;color:#7dd3fc;padding:1px 6px;border-radius:3px;font-weight:600;",
+      "color:#94a3b8;",
+      "color:#a78bfa;font-weight:600;",
+      "color:#94a3b8;",
+      "color:#a78bfa;font-weight:600;",
+      "color:#94a3b8;",
+      "color:#a78bfa;font-weight:600;",
+      "color:#94a3b8;"
+    );
+  }
+}
+function isFiberFunctionType(t) {
+  return typeof t === "function";
+}
+function isFiberObjectType(t) {
+  return typeof t === "object" && t !== null;
+}
+function isClassComponentType(t) {
+  if (typeof t !== "function") return false;
+  const proto = t.prototype;
+  return typeof proto?.isReactComponent !== "undefined";
+}
+function describeFiberType(fiber) {
+  const type = fiber.type;
+  if (typeof type === "string") {
+    return {
+      kind: "host",
+      name: type,
+      displayName: void 0,
+      resolved: type,
+      looksMinified: false
+    };
+  }
+  if (isFiberFunctionType(type)) {
+    const isClass = isClassComponentType(type);
+    const resolved = type.displayName ?? type.name ?? "Anonymous";
+    return {
+      kind: isClass ? "class" : "function",
+      name: type.name,
+      displayName: type.displayName,
+      resolved,
+      looksMinified: looksMinified(resolved)
+    };
+  }
+  if (isFiberObjectType(type)) {
+    if (type.render) {
+      const resolved2 = type.render.displayName ?? type.render.name ?? "ForwardRef";
+      return {
+        kind: "forwardRef",
+        name: type.render.name,
+        displayName: type.render.displayName,
+        resolved: resolved2,
+        looksMinified: looksMinified(resolved2)
+      };
+    }
+    if (type.type) {
+      const resolved2 = type.type.displayName ?? type.type.name ?? "Memo";
+      return {
+        kind: "memo",
+        name: type.type.name,
+        displayName: type.type.displayName,
+        resolved: resolved2,
+        looksMinified: looksMinified(resolved2)
+      };
+    }
+    const resolved = type.displayName ?? type.name ?? "Unknown";
+    return {
+      kind: "unknown",
+      name: type.name,
+      displayName: type.displayName,
+      resolved,
+      looksMinified: looksMinified(resolved)
+    };
+  }
+  return {
+    kind: "unknown",
+    name: void 0,
+    displayName: void 0,
+    resolved: "Unknown",
+    looksMinified: false
+  };
+}
+function looksMinified(name) {
+  return /^[a-z_$][a-z0-9_$]?$/i.test(name);
+}
+function logFiberType(fiber, context) {
+  if (!isRecording()) return;
+  const info = describeFiberType(fiber);
+  const key = info.resolved;
+  const now2 = Date.now();
+  if (recordingStartedAt === null) recordingStartedAt = now2;
+  totalFiberEvents += 1;
+  const existing = fiberRecords.get(key);
+  if (existing) {
+    existing.count += 1;
+    existing.lastSeen = now2;
+    if (context && existing.contexts.size < MAX_CONTEXTS_PER_FIBER) {
+      existing.contexts.add(context);
+    }
+    if (existing.exampleKey === void 0 && typeof fiber.key === "string") {
+      existing.exampleKey = fiber.key;
+    }
+    return;
+  }
+  if (fiberRecords.size >= MAX_FIBER_RECORDS) {
+    evictOldestFiber();
+  }
+  fiberRecords.set(key, {
+    name: info.resolved,
+    rawName: info.name,
+    rawDisplayName: info.displayName,
+    kind: info.kind,
+    fiberTag: fiber.tag,
+    looksMinified: info.looksMinified,
+    count: 1,
+    contexts: new Set(context ? [context] : []),
+    firstSeen: now2,
+    lastSeen: now2,
+    source: fiber._debugSource ?? void 0,
+    exampleKey: typeof fiber.key === "string" ? fiber.key : void 0
+  });
+}
+function evictOldestFiber() {
+  let oldestKey;
+  let oldestTime = Infinity;
+  for (const [key, rec] of fiberRecords) {
+    if (rec.lastSeen < oldestTime) {
+      oldestTime = rec.lastSeen;
+      oldestKey = key;
+    }
+  }
+  if (oldestKey) fiberRecords.delete(oldestKey);
+}
+function walkStats(node, depth, acc) {
+  acc.total += 1;
+  if (depth > acc.maxDepth) acc.maxDepth = depth;
+  if (looksMinified(node.name)) acc.minifiedLike += 1;
+  acc.byName.set(node.name, (acc.byName.get(node.name) ?? 0) + 1);
+  for (const child of node.children) walkStats(child, depth + 1, acc);
+}
+function logTreeSnapshot(tree, context) {
+  if (!isRecording() || !tree) return;
+  const stats = { total: 0, minifiedLike: 0, byName: /* @__PURE__ */ new Map(), maxDepth: 0 };
+  walkStats(tree, 0, stats);
+  const topNames = [...stats.byName.entries()].sort((a, b) => b[1] - a[1]).slice(0, MAX_TOP_NAMES_PER_SNAPSHOT).map(([n, c]) => `${n}:${c}`).join(",");
+  treeRecords.push({
+    ts: Date.now(),
+    ctx: context ?? "",
+    rootName: tree.name,
+    totalNodes: stats.total,
+    maxDepth: stats.maxDepth,
+    minifiedLike: stats.minifiedLike,
+    topNames
+  });
+  if (treeRecords.length > MAX_TREE_RECORDS) treeRecords.shift();
+}
+var logTreeSummary = logTreeSnapshot;
+function installConsoleApi() {
+  if (globalThis.__ft) return;
+  const api = {
+    dump() {
+      const fiberRows = serializeFiberRecords();
+      const snapRows = serializeTreeRecords();
+      const minifiedCount = fiberRows.filter((r) => r.looksMinified).length;
+      const elapsedSec = recordingStartedAt === null ? 0 : (Date.now() - recordingStartedAt) / 1e3;
+      const summary = [
+        {
+          metric: "uniqueComponents",
+          value: fiberRecords.size
+        },
+        {
+          metric: "totalFiberEvents",
+          value: totalFiberEvents
+        },
+        {
+          metric: "minifiedLike",
+          value: `${minifiedCount} / ${fiberRecords.size}`
+        },
+        {
+          metric: "snapshots",
+          value: treeRecords.length
+        },
+        {
+          metric: "recordingSec",
+          value: elapsedSec.toFixed(1)
+        }
+      ];
+      console.groupCollapsed(
+        `%c[FT debug] dump%c \u2014 ${fiberRecords.size} components, ${totalFiberEvents} events, ${treeRecords.length} snapshots`,
+        "background:#1e293b;color:#7dd3fc;padding:1px 6px;border-radius:3px;font-weight:600;",
+        "color:#94a3b8;"
+      );
+      console.log("Summary:");
+      console.table(summary, ["metric", "value"]);
+      console.log("Fibers \u2014 every observed component (sorted by call count):");
+      console.table(fiberRows, [
+        "name",
+        "rawName",
+        "rawDisplayName",
+        "kind",
+        "fiberTag",
+        "count",
+        "looksMinified",
+        "exampleKey",
+        "contexts",
+        "file",
+        "line",
+        "firstSeenAt",
+        "lastSeenAt",
+        "lastAgoSec"
+      ]);
+      console.log("Tree snapshots \u2014 newest last:");
+      console.table(snapRows, [
+        "ts",
+        "ctx",
+        "rootName",
+        "totalNodes",
+        "maxDepth",
+        "minifiedLike",
+        "topNames"
+      ]);
+      console.groupEnd();
+    },
+    fibers() {
+      console.table(serializeFiberRecords(), [
+        "name",
+        "rawName",
+        "rawDisplayName",
+        "kind",
+        "fiberTag",
+        "count",
+        "looksMinified",
+        "exampleKey",
+        "contexts",
+        "file",
+        "line",
+        "firstSeenAt",
+        "lastSeenAt",
+        "lastAgoSec"
+      ]);
+    },
+    snapshots() {
+      console.table(serializeTreeRecords());
+    },
+    tail(n = 20) {
+      console.table(treeRecords.slice(-n));
+    },
+    clear() {
+      fiberRecords.clear();
+      treeRecords.length = 0;
+      console.info("[FT debug] cleared");
+    },
+    size() {
+      return { fibers: fiberRecords.size, snapshots: treeRecords.length };
+    },
+    export() {
+      return { fibers: serializeFiberRecords(), snapshots: treeRecords.slice() };
+    },
+    download(filename) {
+      const data = api.export();
+      const json = JSON.stringify(data, null, 2);
+      const docRef = globalThis.document;
+      const URLRef = globalThis.URL;
+      if (!docRef || !URLRef || typeof URLRef.createObjectURL !== "function") {
+        console.warn(
+          "[FT debug] download() requires a browser environment \u2014 printing JSON instead"
+        );
+        console.log(json);
+        return;
+      }
+      const blob = new Blob([json], { type: "application/json" });
+      const url = URLRef.createObjectURL(blob);
+      const a = docRef.createElement("a");
+      a.href = url;
+      a.download = filename ?? `flotrace-debug-${Date.now()}.json`;
+      a.click();
+      URLRef.revokeObjectURL(url);
+    }
+  };
+  globalThis.__ft = api;
+}
+installConsoleApi();
+function formatTime(ms) {
+  const d = new Date(ms);
+  const hh = String(d.getHours()).padStart(2, "0");
+  const mm = String(d.getMinutes()).padStart(2, "0");
+  const ss = String(d.getSeconds()).padStart(2, "0");
+  const mss = String(d.getMilliseconds()).padStart(3, "0");
+  return `${hh}:${mm}:${ss}.${mss}`;
+}
+function serializeFiberRecords() {
+  const now2 = Date.now();
+  return [...fiberRecords.values()].sort((a, b) => b.count - a.count).map((r) => ({
+    name: r.name,
+    rawName: r.rawName ?? "",
+    rawDisplayName: r.rawDisplayName ?? "",
+    kind: r.kind,
+    fiberTag: r.fiberTag ?? "",
+    count: r.count,
+    looksMinified: r.looksMinified,
+    exampleKey: r.exampleKey ?? "",
+    contexts: [...r.contexts].join(","),
+    file: r.source?.fileName ?? "",
+    line: r.source?.lineNumber ?? "",
+    firstSeenAt: formatTime(r.firstSeen),
+    lastSeenAt: formatTime(r.lastSeen),
+    lastAgoSec: ((now2 - r.lastSeen) / 1e3).toFixed(1)
+  }));
+}
+function serializeTreeRecords() {
+  return treeRecords.map((t) => ({
+    ts: formatTime(t.ts),
+    ctx: t.ctx,
+    rootName: t.rootName,
+    totalNodes: t.totalNodes,
+    maxDepth: t.maxDepth,
+    minifiedLike: t.minifiedLike,
+    topNames: t.topNames
+  }));
+}
+
 // src/fiberTreeWalker.ts
 var FIBER_TAGS = {
   FunctionComponent: 0,
@@ -2000,6 +2407,7 @@ function debugLog(...args) {
 }
 var fiberRefMap = /* @__PURE__ */ new Map();
 function getComponentName2(fiber) {
+  logFiberType(fiber, "getName");
   const type = fiber.type;
   if (!type) return "Unknown";
   if (typeof type === "function") {
@@ -2020,7 +2428,7 @@ function getComponentName2(fiber) {
   }
   return "Unknown";
 }
-function isUserComponent(fiber) {
+function isLikelyUserComponent(fiber) {
   if (!USER_COMPONENT_TAGS.has(fiber.tag)) return false;
   const name = getComponentName2(fiber);
   if (name === "Anonymous" || name === "Unknown" || name === "ForwardRef" || name === "Memo")
@@ -2124,15 +2532,28 @@ var FRAMEWORK_PATH_PATTERNS = [
   /react-hook-form/,
   /formik/
 ];
-function resolveEffectiveSourcePath(fiber) {
-  if (fiber._debugSource?.fileName) return fiber._debugSource.fileName;
+function resolveEffectiveSourceLocation(fiber) {
+  const jsxSrc = readJsxSourceFromFiber(fiber);
+  if (jsxSrc) {
+    return {
+      fileName: jsxSrc.fileName,
+      lineNumber: jsxSrc.lineNumber,
+      columnNumber: jsxSrc.columnNumber
+    };
+  }
+  if (fiber._debugSource?.fileName) {
+    return {
+      fileName: fiber._debugSource.fileName,
+      lineNumber: fiber._debugSource.lineNumber
+    };
+  }
   const ownerHit = walkAncestors(
     fiber._debugOwner ?? null,
     3,
     (f) => f._debugOwner ?? null,
     (cur) => cur._debugSource?.fileName ?? void 0
   );
-  if (ownerHit) return ownerHit;
+  if (ownerHit) return { fileName: ownerHit };
   const stack = fiber._debugStack?.stack;
   if (typeof stack === "string") {
     const parsed = parseFirstNonReactFrame(stack);
@@ -2140,6 +2561,18 @@ function resolveEffectiveSourcePath(fiber) {
   }
   return null;
 }
+function resolveEffectiveSourcePath(fiber) {
+  return resolveEffectiveSourceLocation(fiber)?.fileName ?? null;
+}
+function resolveSourceConfidence(fiber, isFramework, isLibrary, precomputedJsxSource) {
+  if (isUserComponent(fiber)) return "exact";
+  if (isFramework || isLibrary) return "package";
+  const jsxSrc = precomputedJsxSource ?? readJsxSourceFromFiber(fiber);
+  if (jsxSrc) return "exact";
+  if (fiber._debugSource?.fileName) return "exact";
+  if (resolveEffectiveSourcePath(fiber)) return "inferred";
+  return "unknown";
+}
 var STOP_WALK = /* @__PURE__ */ Symbol("stop-walk");
 function walkAncestors(start, maxHops, next, visit) {
   let cur = start;
@@ -2150,22 +2583,8 @@ function walkAncestors(start, maxHops, next, visit) {
   }
   return void 0;
 }
-function parseFirstNonReactFrame(stack) {
-  const lines = stack.split("\n");
-  for (const line of lines) {
-    const parened = line.match(/\(([^)]+):\d+:\d+\)/);
-    const hermes = line.match(/@([^\s]+):\d+:\d+$/);
-    const path = parened?.[1] ?? hermes?.[1];
-    if (!path) continue;
-    if (path.includes("react-dom")) continue;
-    if (path.includes("react-native/Libraries")) continue;
-    if (path.includes("/react/cjs/")) continue;
-    if (path.includes("/scheduler/")) continue;
-    return path;
-  }
-  return null;
-}
 function isFrameworkComponent(fiber, name) {
+  if (isUserComponent(fiber)) return false;
   if (walkerFilterConfig.frameworkNames.has(name)) return true;
   for (const pattern of walkerFilterConfig.frameworkNamePatterns) {
     if (pattern.test(name)) return true;
@@ -2205,6 +2624,7 @@ var KNOWN_LIBRARY_NAMES = /* @__PURE__ */ new Map([
   ["HeroIcon", "heroicons"]
 ]);
 function detectLibraryName(fiber, name) {
+  if (isUserComponent(fiber)) return void 0;
   if (name.includes(".")) {
     return name.split(".")[0].toLowerCase();
   }
@@ -2275,7 +2695,7 @@ function resolveEffectiveReactKey(fiber) {
     6,
     (f) => f.return ?? null,
     (cur) => {
-      if (isUserComponent(cur) && !isFrameworkComponent(cur, getComponentName2(cur))) {
+      if (isLikelyUserComponent(cur) && !isFrameworkComponent(cur, getComponentName2(cur))) {
         return STOP_WALK;
       }
       return typeof cur.key === "string" ? cur.key : void 0;
@@ -2291,7 +2711,7 @@ function walkFiber(fiber, parentId, sharedNameCountMap, depth = 0, inSuspenseFal
   while (current) {
     try {
       const tag = current.tag;
-      if (isUserComponent(current)) {
+      if (isLikelyUserComponent(current)) {
         const name = getComponentName2(current);
         const nameCount = nameCountMap.get(name) || 0;
         nameCountMap.set(name, nameCount + 1);
@@ -2306,13 +2726,7 @@ function walkFiber(fiber, parentId, sharedNameCountMap, depth = 0, inSuspenseFal
           { reason: renderReason },
           current.actualDuration
         );
-        const children = walkFiber(
-          current.child,
-          nodeId,
-          void 0,
-          depth + 1,
-          inSuspenseFallback
-        );
+        const children = walkFiber(current.child, nodeId, void 0, depth + 1, inSuspenseFallback);
         const truncatedChildren = children.length > MAX_CHILDREN_PER_NODE ? children.slice(0, MAX_CHILDREN_PER_NODE) : children;
         const framework = isFrameworkComponent(current, name) || void 0;
         const queryHashes = detectQueryObserverHashes(current);
@@ -2320,6 +2734,15 @@ function walkFiber(fiber, parentId, sharedNameCountMap, depth = 0, inSuspenseFal
         const compilerStatus = detectCompilerStatus(current);
         const isServerComponent = detectServerComponent(current) || void 0;
         const libraryName = framework ? void 0 : detectLibraryName(current, name);
+        const jsxSource = readJsxSourceFromFiber(current);
+        const sourceConfidence = resolveSourceConfidence(
+          current,
+          framework === true,
+          libraryName !== void 0,
+          jsxSource
+        );
+        const needsStackFallback = (jsxSource?.fileName ?? current._debugSource?.fileName) === void 0 || (jsxSource?.lineNumber ?? current._debugSource?.lineNumber) === void 0;
+        const stackLocation = needsStackFallback ? resolveEffectiveSourceLocation(current) : null;
         const node = {
           id: nodeId,
           name,
@@ -2328,8 +2751,8 @@ function walkFiber(fiber, parentId, sharedNameCountMap, depth = 0, inSuspenseFal
           renderPhase,
           renderReason,
           renderDuration: current.actualDuration,
-          filePath: current._debugSource?.fileName,
-          lineNumber: current._debugSource?.lineNumber,
+          filePath: jsxSource?.fileName ?? current._debugSource?.fileName ?? stackLocation?.fileName,
+          lineNumber: jsxSource?.lineNumber ?? current._debugSource?.lineNumber ?? stackLocation?.lineNumber,
           isFramework: framework,
           reactKey: resolveEffectiveReactKey(current),
           queryHashes,
@@ -2340,7 +2763,9 @@ function walkFiber(fiber, parentId, sharedNameCountMap, depth = 0, inSuspenseFal
           compilerStatus,
           isServerComponent,
           isLibrary: libraryName !== void 0 ? true : void 0,
-          libraryName
+          libraryName,
+          jsxSource,
+          sourceConfidence
         };
         if (!walkerOptions.pruneSubtree?.(node)) {
           nodes.push(node);
@@ -2414,11 +2839,7 @@ function buildTreeFromFiberRoot(root) {
   }
   fiberRefMap.clear();
   const topLevelNodes = walkFiber(rootFiber.child, "");
-  debugLog(
-    "[FloTrace] walkFiber found",
-    topLevelNodes.length,
-    "top-level nodes"
-  );
+  debugLog("[FloTrace] walkFiber found", topLevelNodes.length, "top-level nodes");
   if (topLevelNodes.length === 1) {
     return topLevelNodes[0];
   }
@@ -2485,9 +2906,7 @@ function findFiberRootFromDOM() {
         }
       }
     }
-    console.warn(
-      "[FloTrace] Could not find React fiber root from any DOM element"
-    );
+    console.warn("[FloTrace] Could not find React fiber root from any DOM element");
     return null;
   } catch (error) {
     console.error("[FloTrace] Error finding fiber root from DOM:", error);
@@ -2549,9 +2968,7 @@ function executeSnapshot(root) {
     adaptSnapshotInterval(nodeCount);
     const client2 = getWebSocketClient();
     if (!client2.connected) {
-      console.warn(
-        "[FloTrace] WebSocket not connected, cannot send tree snapshot"
-      );
+      console.warn("[FloTrace] WebSocket not connected, cannot send tree snapshot");
       return;
     }
     const currentFlatTree = flattenTree2(tree);
@@ -2567,6 +2984,7 @@ function executeSnapshot(root) {
         "nextInterval:",
         snapshotIntervalMs + "ms"
       );
+      logTreeSnapshot(tree, `send seq=${snapshotCounter}`);
       client2.sendImmediate({
         type: "runtime:treeSnapshot",
         tree,
@@ -2587,6 +3005,7 @@ function executeSnapshot(root) {
           "updated:",
           diff.updated.length
         );
+        logTreeSummary(tree, `diff seq=${diffSeq}`);
         client2.sendImmediate({
           type: "runtime:treeDiff",
           seq: diffSeq,
@@ -2727,9 +3146,7 @@ function installFiberTreeWalker(options = {}) {
     return () => uninstallFiberTreeWalker();
   }
   if (typeof window === "undefined") {
-    console.warn(
-      "[FloTrace] Not in browser environment, cannot install fiber tree walker"
-    );
+    console.warn("[FloTrace] Not in browser environment, cannot install fiber tree walker");
     return () => {
     };
   }
@@ -2756,10 +3173,7 @@ function installFiberTreeWalker(options = {}) {
         try {
           originalOnCommitFiberRoot(rendererID, root, priority);
         } catch (error) {
-          console.error(
-            "[FloTrace] Error in original onCommitFiberRoot:",
-            error
-          );
+          console.error("[FloTrace] Error in original onCommitFiberRoot:", error);
         }
       }
       if (hookedRendererID === null) {
@@ -2785,9 +3199,7 @@ function installFiberTreeWalker(options = {}) {
       scheduleSnapshot(root);
     };
     activeStrategy = "devtools";
-    console.log(
-      "[FloTrace] Fiber tree walker installed (DevTools hook strategy)"
-    );
+    console.log("[FloTrace] Fiber tree walker installed (DevTools hook strategy)");
     setTimeout(() => {
       try {
         const root = findFiberRootFromDOM();
@@ -2800,9 +3212,7 @@ function installFiberTreeWalker(options = {}) {
     }, 100);
   } else {
     activeStrategy = "dom";
-    console.log(
-      "[FloTrace] Fiber tree walker installed (DOM fallback strategy)"
-    );
+    console.log("[FloTrace] Fiber tree walker installed (DOM fallback strategy)");
     setTimeout(() => {
       try {
         const root = findFiberRootFromDOM();
@@ -3080,12 +3490,18 @@ function installZustandTracker(stores, client2) {
         try {
           scheduleStoreUpdate(storeName, prevState, newState, client2);
         } catch (error) {
-          console.error(`[FloTrace] Error in Zustand subscribe callback for "${storeName}":`, error);
+          console.error(
+            `[FloTrace] Error in Zustand subscribe callback for "${storeName}":`,
+            error
+          );
         }
       });
       activeUnsubscribers.push(unsubscribe);
     } catch (error) {
-      console.error(`[FloTrace] Failed to install tracker for Zustand store "${storeName}":`, error);
+      console.error(
+        `[FloTrace] Failed to install tracker for Zustand store "${storeName}":`,
+        error
+      );
     }
   }
 }
@@ -3128,10 +3544,13 @@ function scheduleStoreUpdate(storeName, prevState, newState, client2) {
   if (changedKeys.length === 0) return;
   const existing = debounceTimers.get(storeName);
   if (existing) clearTimeout(existing);
-  debounceTimers.set(storeName, setTimeout(() => {
-    debounceTimers.delete(storeName);
-    sendStoreUpdate(storeName, newState, changedKeys, client2);
-  }, DEBOUNCE_MS));
+  debounceTimers.set(
+    storeName,
+    setTimeout(() => {
+      debounceTimers.delete(storeName);
+      sendStoreUpdate(storeName, newState, changedKeys, client2);
+    }, DEBOUNCE_MS)
+  );
 }
 function sendStoreUpdate(storeName, state, changedKeys, client2) {
   try {
@@ -3704,7 +4123,14 @@ function findMatchingPathInObject(target, targetFp, container, currentPath, dept
       const child = container[i];
       const directMatch = valuesMatch(target, targetFp, child, cache);
       if (directMatch) return { path: [...currentPath, String(i)], confidence: directMatch };
-      const nested = findMatchingPathInObject(target, targetFp, child, [...currentPath, String(i)], depth + 1, cache);
+      const nested = findMatchingPathInObject(
+        target,
+        targetFp,
+        child,
+        [...currentPath, String(i)],
+        depth + 1,
+        cache
+      );
       if (nested) return nested;
     }
   } else {
@@ -3712,7 +4138,14 @@ function findMatchingPathInObject(target, targetFp, container, currentPath, dept
       const child = container[key];
       const directMatch = valuesMatch(target, targetFp, child, cache);
       if (directMatch) return { path: [...currentPath, key], confidence: directMatch };
-      const nested = findMatchingPathInObject(target, targetFp, child, [...currentPath, key], depth + 1, cache);
+      const nested = findMatchingPathInObject(
+        target,
+        targetFp,
+        child,
+        [...currentPath, key],
+        depth + 1,
+        cache
+      );
       if (nested) return nested;
     }
   }
@@ -3817,7 +4250,12 @@ function resolveValueTrace(input) {
       nodeId: input.nodeId,
       componentName: rootComponentName,
       propPath: input.propPath,
-      confidence: "exact"
+      confidence: "exact",
+      // P6: `fiber.memoizedProps[FLOTRACE_SOURCE]` is the JSX call site where
+      // this fiber was created — i.e., the `<Consumer .../>` JSX in the
+      // PARENT's source file. That's exactly the "drilled from `Parent.tsx:42`"
+      // attribution the user wants on the leaf prop step.
+      callSiteOfParentJsx: readJsxSourceFromFiber(fiber)
     });
   } else if (input.hookPath) {
     steps.push({
@@ -3857,7 +4295,12 @@ function resolveValueTrace(input) {
                 nodeId: ancestorNodeId,
                 componentName: ancestorName,
                 propPath: trailingSubPath.length > 0 ? [...matchPath, ...trailingSubPath] : matchPath,
-                confidence: matchConfidence
+                confidence: matchConfidence,
+                // P6: attribute the parent JSX call site that drilled this
+                // prop. When the user opted into the JSX runtime AND this
+                // ancestor's fiber went through jsxDEV, the consumer sees
+                // "drilled from `Parent.tsx:42:8`" with a click-to-IDE link.
+                callSiteOfParentJsx: readJsxSourceFromFiber(current)
               });
             }
           } else {
@@ -3906,7 +4349,11 @@ function resolveValueTrace(input) {
   const contextMatch = findContextMatch(fiber, rootValue, rootFp, fiberToNodeId, fpCache);
   if (contextMatch) {
     steps.push(contextMatch.step);
-    const providerStoreMatch = findStoreMatch(contextMatch.providerValue, cachedFp(contextMatch.providerValue, fpCache), fpCache);
+    const providerStoreMatch = findStoreMatch(
+      contextMatch.providerValue,
+      cachedFp(contextMatch.providerValue, fpCache),
+      fpCache
+    );
     if (providerStoreMatch) {
       steps.push({
         kind: "store",
@@ -4099,13 +4546,22 @@ function detectWebFramework() {
 }
 export {
   DEFAULT_CONFIG,
+  FLOTRACE_SOURCE,
   FloTraceWebSocketClient,
+  JSX_RUNTIME_ACTIVE_KEY,
   buildAncestorChain,
+  clearCallSiteRenders,
   clearFetchOriginTags,
+  computeCallSiteId,
+  computeCallSiteMetricsPayload,
+  describeFiberType,
+  detectInlineLiterals,
   detectServerComponent,
   detectWebFramework,
   disposeWebSocketClient,
   findFetchOrigin,
+  getCallSiteRenderRate,
+  getCallSiteRenders,
   getChangedKeys,
   getComponentNameFromFiber,
   getCurrentRenderingFiber,
@@ -4128,9 +4584,16 @@ export {
   installTanStackQueryTracker,
   installTimelineTracker,
   installZustandTracker,
+  isJsxRuntimeActive,
   isReduxStore,
   isTanStackQueryClient,
+  isUserComponent,
+  logTreeSnapshot,
+  logTreeSummary,
+  markJsxRuntimeActive,
   maybeEmitNextjsContext,
+  normalizeJsxSourcePath,
+  recordCallSiteRender,
   recordTimelineEvent,
   requestFullSnapshot,
   requestTreeSnapshot,
@@ -4138,6 +4601,8 @@ export {
   resolveValueTrace,
   serializeProps,
   serializeValue,
+  setDuplicateKeyEmitter,
+  setFiberDebug,
   tagFetchData,
   uninstallFiberTreeWalker,
   uninstallReduxTracker,