@lensmcp/react-instrumentation 1.18.4 → 1.18.7

package/index.js

@@ -1,10 +1 @@
-export { LensmcpRoot } from './lib/lensmcp-root.js';
-export { LensmcpContext, useLensmcpContext } from './lib/context.js';
-export { tracedUseEffect, tracedUseMemo, tracedUseCallback, } from './lib/traced-hooks.js';
-export { TraceSlot } from './lib/trace-slot.js';
-export { withTraceComponent } from './lib/hoc.js';
-export { installFlowFetch } from './lib/flow-fetch.js';
-export { installFiberRenderPublisher, resetFiberRenderPublisherForTests } from './lib/fiber-renders.js';
-export { publish, setPublisher, drainQueue, runInFlow, currentFlow, activeFlow, extendFlowWindow, beginBackgroundFlow, withFlow, } from './lib/publish.js';
-export { componentLogicalId, hookLogicalId, slotLogicalId, makeInstanceId, depsHash, resetIdentityState, } from './lib/identity.js';
-export { default as lensmcpBabelPlugin } from './lib/babel-plugin.js';
+"use strict";export{LensmcpRoot}from"./lib/lensmcp-root.js";export{LensmcpContext,useLensmcpContext}from"./lib/context.js";export{tracedUseEffect,tracedUseMemo,tracedUseCallback}from"./lib/traced-hooks.js";export{TraceSlot}from"./lib/trace-slot.js";export{withTraceComponent}from"./lib/hoc.js";export{installFlowFetch}from"./lib/flow-fetch.js";export{installFiberRenderPublisher,resetFiberRenderPublisherForTests}from"./lib/fiber-renders.js";export{publish,setPublisher,drainQueue,runInFlow,currentFlow,activeFlow,extendFlowWindow,beginBackgroundFlow,withFlow}from"./lib/publish.js";export{componentLogicalId,hookLogicalId,slotLogicalId,makeInstanceId,depsHash,resetIdentityState}from"./lib/identity.js";export{default as lensmcpBabelPlugin}from"./lib/babel-plugin.js";

package/lib/babel-plugin.js

@@ -1,259 +1 @@
-const HELPER_IMPORT = '@lensmcp/react-instrumentation';
-const HOOK_MAP = {
-    useEffect: 'tracedUseEffect',
-    useMemo: 'tracedUseMemo',
-    useCallback: 'tracedUseCallback',
-};
-// User interactions that constitute a flow origin. Deliberately excludes
-// high-frequency events (mousemove/scroll/pointermove) to avoid flow spam.
-const DEFAULT_FLOW_EVENTS = [
-    'onClick',
-    'onDoubleClick',
-    'onContextMenu',
-    'onSubmit',
-    'onChange',
-];
-const ORIGIN_TYPE = {
-    onSubmit: 'form-submit',
-    onChange: 'input-change',
-};
-export default function lensmcpBabelPlugin(api) {
-    const types = api.types;
-    return {
-        name: '@lensmcp/react-instrumentation/babel-plugin',
-        visitor: {
-            Program: {
-                enter(path, state) {
-                    state.needHelpers = new Set();
-                    state.needRoot = false;
-                    state.hookIndex = 0;
-                    state.flowEvents = new Set(state.opts.flowEvents ?? DEFAULT_FLOW_EVENTS);
-                    state.rootVars = new Set();
-                    if (state.opts.production ?? process.env['NODE_ENV'] === 'production') {
-                        state.fileIgnored = true;
-                        return;
-                    }
-                    const leading = path.node.body[0]?.leadingComments ?? path.node.directives.flatMap((d) => d.leadingComments ?? []);
-                    if ((leading ?? []).some((c) => c.value.includes('@lensmcp-ignore'))) {
-                        state.fileIgnored = true;
-                    }
-                    const file = state.file?.opts?.filename;
-                    const rootDir = state.opts.rootDir ?? process.cwd();
-                    if (file && file.startsWith(rootDir)) {
-                        state.relativePath = file.slice(rootDir.length).replace(/^\/+/, '');
-                    }
-                    else if (file) {
-                        state.relativePath = file;
-                    }
-                },
-                exit(path, state) {
-                    if (state.fileIgnored)
-                        return;
-                    const helpers = [...(state.needHelpers ?? [])];
-                    if (state.needRoot)
-                        helpers.push('LensmcpRoot', 'installFlowFetch');
-                    if (helpers.length === 0)
-                        return;
-                    // Only import helpers not already imported from our package.
-                    const already = collectImported(path.node.body, HELPER_IMPORT, types);
-                    const missing = helpers.filter((h) => !already.has(h));
-                    if (missing.length > 0) {
-                        path.node.body.unshift(types.importDeclaration(missing.map((h) => types.importSpecifier(types.identifier(h), types.identifier(h))), types.stringLiteral(HELPER_IMPORT)));
-                    }
-                    // Install the flow-aware fetch once, after the imports.
-                    if (state.needRoot) {
-                        const firstNonImport = path.node.body.findIndex((n) => !types.isImportDeclaration(n));
-                        const callStmt = types.expressionStatement(types.callExpression(types.identifier('installFlowFetch'), []));
-                        path.node.body.splice(firstNonImport < 0 ? path.node.body.length : firstNonImport, 0, callStmt);
-                    }
-                },
-            },
-            VariableDeclarator(path, state) {
-                if (state.fileIgnored)
-                    return;
-                // Track `const root = createRoot(...)` so the common two-statement
-                // bootstrap (`root.render(<App/>)`, often inside a .then callback)
-                // also gets the LensmcpRoot wrap — not just the fluent one-liner.
-                if (state.opts.autoWrapRoot !== false &&
-                    types.isIdentifier(path.node.id) &&
-                    path.node.init &&
-                    isRootFactoryCall(path.node.init, types)) {
-                    state.rootVars.add(path.node.id.name);
-                }
-            },
-            CallExpression(path, state) {
-                if (state.fileIgnored)
-                    return;
-                const callee = path.node.callee;
-                // 1. Hook auto-wrap: useEffect/useMemo/useCallback(...) → traced*.
-                if (state.opts.autoWrapHooks !== false && types.isIdentifier(callee) && HOOK_MAP[callee.name]) {
-                    const traced = HOOK_MAP[callee.name];
-                    // Skip if already a traced call or first arg is already an id string.
-                    const id = `${state.relativePath ?? '(anon)'}:${path.node.loc?.start.line ?? 0}:${state.hookIndex++}`;
-                    path.node.callee = types.identifier(traced);
-                    path.node.arguments.unshift(types.stringLiteral(id));
-                    state.needHelpers.add(traced);
-                    return;
-                }
-                // 2. Root auto-wrap: createRoot(x).render(EXPR) → .render(<LensmcpRoot>{EXPR}</LensmcpRoot>).
-                if (state.opts.autoWrapRoot !== false &&
-                    types.isMemberExpression(callee) &&
-                    types.isIdentifier(callee.property, { name: 'render' }) &&
-                    (isRootFactoryCall(callee.object, types) ||
-                        (types.isIdentifier(callee.object) && state.rootVars?.has(callee.object.name))) &&
-                    path.node.arguments.length >= 1) {
-                    const arg = path.node.arguments[0];
-                    if (arg && !isAlreadyLensmcpRoot(arg, types)) {
-                        path.node.arguments[0] = types.jsxElement(types.jsxOpeningElement(types.jsxIdentifier('LensmcpRoot'), [], false), types.jsxClosingElement(types.jsxIdentifier('LensmcpRoot')), [types.jsxExpressionContainer(arg)], false);
-                        state.needRoot = true;
-                    }
-                }
-            },
-            JSXOpeningElement(path, state) {
-                if (state.fileIgnored)
-                    return;
-                // Already tagged? Skip.
-                const attrs = path.node.attributes;
-                if (hasAttr(attrs, 'data-agent-component'))
-                    return;
-                if (hasAttr(attrs, 'data-lensmcp-ignore'))
-                    return;
-                const leading = path.parent.leadingComments ?? path.node.leadingComments;
-                if ((leading ?? []).some((c) => c.value.includes('@lensmcp-ignore'))) {
-                    return;
-                }
-                // Auto-wrap user-interaction handlers with `withFlow` so a click/
-                // submit/change starts a correlated flow (origin → backend) with no
-                // app code. Done before tagging so we only walk authored attributes.
-                if (state.opts.autoFlowHandlers !== false) {
-                    const loc = path.node.loc;
-                    const line = loc?.start.line ?? 0;
-                    const file = state.relativePath ?? '(anon)';
-                    for (const attr of path.node.attributes) {
-                        if (attr.type !== 'JSXAttribute' ||
-                            attr.name.type !== 'JSXIdentifier' ||
-                            !state.flowEvents.has(attr.name.name) ||
-                            !attr.value ||
-                            attr.value.type !== 'JSXExpressionContainer') {
-                            continue;
-                        }
-                        const expr = attr.value.expression;
-                        if (expr.type === 'JSXEmptyExpression' ||
-                            isAlreadyWithFlow(expr, types)) {
-                            continue;
-                        }
-                        const event = attr.name.name;
-                        attr.value.expression = types.callExpression(types.identifier('withFlow'), [
-                            expr,
-                            types.objectExpression([
-                                types.objectProperty(types.identifier('originType'), types.stringLiteral(ORIGIN_TYPE[event] ?? 'user-click')),
-                                types.objectProperty(types.identifier('originNodeId'), types.stringLiteral(`ui:${file}:${line}:${event}`)),
-                            ]),
-                        ]);
-                        state.needHelpers.add('withFlow');
-                    }
-                }
-                const name = describeElementName(path.node.name);
-                if (!name)
-                    return;
-                // Never stamp React special element types — they validate their props
-                // (React 19 errors with "Invalid prop supplied to React.Fragment") and
-                // render no DOM to identify anyway. Includes aliased context providers
-                // (`const XProvider = Ctx.Provider`), which a `Fragment`-only check misses.
-                if (isUnstampableElement(name))
-                    return;
-                const newAttrs = [
-                    types.jsxAttribute(types.jsxIdentifier('data-agent-component'), types.stringLiteral(name)),
-                ];
-                if (state.opts.includeSource !== false) {
-                    const loc = path.node.loc;
-                    const line = loc?.start.line ?? 0;
-                    const file = state.relativePath ?? '(anon)';
-                    newAttrs.push(types.jsxAttribute(types.jsxIdentifier('data-agent-source'), types.stringLiteral(`${file}:${line}`)));
-                }
-                path.node.attributes.push(...newAttrs);
-            },
-        },
-    };
-}
-function hasAttr(attrs, name) {
-    return attrs.some((a) => a.type === 'JSXAttribute' &&
-        a.name.type === 'JSXIdentifier' &&
-        a.name.name === name);
-}
-/** Names already imported from `source` in this program body. */
-function collectImported(body, source, types) {
-    const out = new Set();
-    for (const node of body) {
-        if (types.isImportDeclaration(node) && node.source.value === source) {
-            for (const spec of node.specifiers) {
-                if (types.isImportSpecifier(spec) && types.isIdentifier(spec.imported)) {
-                    out.add(spec.imported.name);
-                }
-            }
-        }
-    }
-    return out;
-}
-/** Is `node` a `createRoot(...)` / `hydrateRoot(...)` call (bare or member)? */
-function isRootFactoryCall(node, types) {
-    if (!types.isCallExpression(node))
-        return false;
-    const callee = node.callee;
-    const names = new Set(['createRoot', 'hydrateRoot']);
-    if (types.isIdentifier(callee))
-        return names.has(callee.name);
-    if (types.isMemberExpression(callee) && types.isIdentifier(callee.property)) {
-        return names.has(callee.property.name);
-    }
-    return false;
-}
-/** Already wrapped with `withFlow(...)`? Keeps the transform idempotent. */
-function isAlreadyWithFlow(node, types) {
-    return (types.isCallExpression(node) &&
-        types.isIdentifier(node.callee, { name: 'withFlow' }));
-}
-/** Already wrapped in <LensmcpRoot>? */
-function isAlreadyLensmcpRoot(arg, types) {
-    return (types.isJSXElement(arg) &&
-        types.isJSXIdentifier(arg.openingElement.name, { name: 'LensmcpRoot' }));
-}
-// React special element types reject unknown props (validated like fragments
-// in React 19). `<>…</>` is a JSXFragment and never reaches the visitor; this
-// covers the named forms — including aliases that END in Provider/Consumer
-// (`const NavigationSlotsProvider = Ctx.Provider`), which render no DOM and
-// would otherwise crash the host app's console with prop-validation errors.
-const SPECIAL_UNSTAMPABLE = new Set([
-    'Fragment',
-    'StrictMode',
-    'Suspense',
-    'SuspenseList',
-    'Profiler',
-]);
-function isUnstampableElement(name) {
-    const last = name.split('.').pop() ?? name;
-    if (SPECIAL_UNSTAMPABLE.has(last))
-        return true;
-    return last.endsWith('Provider') || last.endsWith('Consumer');
-}
-function describeElementName(node) {
-    switch (node.type) {
-        case 'JSXIdentifier':
-            return node.name;
-        case 'JSXMemberExpression': {
-            const parts = [];
-            let cur = node;
-            while (cur.type === 'JSXMemberExpression') {
-                parts.unshift(cur.property.name);
-                cur = cur.object;
-            }
-            if (cur.type === 'JSXIdentifier')
-                parts.unshift(cur.name);
-            return parts.join('.');
-        }
-        case 'JSXNamespacedName':
-            return `${node.namespace.name}:${node.name.name}`;
-        default:
-            return undefined;
-    }
-}
+"use strict";var w=Object.defineProperty;var d=(o,e)=>w(o,"name",{value:e,configurable:!0});var j=Object.defineProperty,c=d((o,e)=>j(o,"name",{value:e,configurable:!0}),"a");const h="@lensmcp/react-instrumentation",b={useEffect:"tracedUseEffect",useMemo:"tracedUseMemo",useCallback:"tracedUseCallback"},C=["onClick","onDoubleClick","onContextMenu","onSubmit","onChange"],J={onSubmit:"form-submit",onChange:"input-change"};export default function v(o){const e=o.types;return{name:"@lensmcp/react-instrumentation/babel-plugin",visitor:{Program:{enter(t,n){if(n.needHelpers=new Set,n.needRoot=!1,n.hookIndex=0,n.flowEvents=new Set(n.opts.flowEvents??C),n.rootVars=new Set,n.opts.production??process.env.NODE_ENV==="production"){n.fileIgnored=!0;return}(t.node.body[0]?.leadingComments??t.node.directives.flatMap(a=>a.leadingComments??[])??[]).some(a=>a.value.includes("@lensmcp-ignore"))&&(n.fileIgnored=!0);const r=n.file?.opts?.filename,i=n.opts.rootDir??process.cwd();r&&r.startsWith(i)?n.relativePath=r.slice(i.length).replace(/^\/+/,""):r&&(n.relativePath=r)},exit(t,n){if(n.fileIgnored)return;const r=[...n.needHelpers??[]];if(n.needRoot&&r.push("LensmcpRoot","installFlowFetch"),r.length===0)return;const i=x(t.node.body,h,e),a=r.filter(s=>!i.has(s));if(a.length>0&&t.node.body.unshift(e.importDeclaration(a.map(s=>e.importSpecifier(e.identifier(s),e.identifier(s))),e.stringLiteral(h))),n.needRoot){const s=t.node.body.findIndex(l=>!e.isImportDeclaration(l)),p=e.expressionStatement(e.callExpression(e.identifier("installFlowFetch"),[]));t.node.body.splice(s<0?t.node.body.length:s,0,p)}}},VariableDeclarator(t,n){n.fileIgnored||n.opts.autoWrapRoot!==!1&&e.isIdentifier(t.node.id)&&t.node.init&&f(t.node.init,e)&&n.rootVars.add(t.node.id.name)},CallExpression(t,n){if(n.fileIgnored)return;const r=t.node.callee;if(n.opts.autoWrapHooks!==!1&&e.isIdentifier(r)&&b[r.name]){const i=b[r.name],a=`${n.relativePath??"(anon)"}:${t.node.loc?.start.line??0}:${n.hookIndex++}`;t.node.callee=e.identifier(i),t.node.arguments.unshift(e.stringLiteral(a)),n.needHelpers.add(i);return}if(n.opts.autoWrapRoot!==!1&&e.isMemberExpression(r)&&e.isIdentifier(r.property,{name:"render"})&&(f(r.object,e)||e.isIdentifier(r.object)&&n.rootVars?.has(r.object.name))&&t.node.arguments.length>=1){const i=t.node.arguments[0];i&&!y(i,e)&&(t.node.arguments[0]=e.jsxElement(e.jsxOpeningElement(e.jsxIdentifier("LensmcpRoot"),[],!1),e.jsxClosingElement(e.jsxIdentifier("LensmcpRoot")),[e.jsxExpressionContainer(i)],!1),n.needRoot=!0)}},JSXOpeningElement(t,n){if(n.fileIgnored)return;const r=t.node.attributes;if(u(r,"data-agent-component")||u(r,"data-lensmcp-ignore")||(t.parent.leadingComments??t.node.leadingComments??[]).some(s=>s.value.includes("@lensmcp-ignore")))return;if(n.opts.autoFlowHandlers!==!1){const s=t.node.loc?.start.line??0,p=n.relativePath??"(anon)";for(const l of t.node.attributes){if(l.type!=="JSXAttribute"||l.name.type!=="JSXIdentifier"||!n.flowEvents.has(l.name.name)||!l.value||l.value.type!=="JSXExpressionContainer")continue;const m=l.value.expression;if(m.type==="JSXEmptyExpression"||I(m,e))continue;const g=l.name.name;l.value.expression=e.callExpression(e.identifier("withFlow"),[m,e.objectExpression([e.objectProperty(e.identifier("originType"),e.stringLiteral(J[g]??"user-click")),e.objectProperty(e.identifier("originNodeId"),e.stringLiteral(`ui:${p}:${s}:${g}`))])]),n.needHelpers.add("withFlow")}}const i=S(t.node.name);if(!i||E(i))return;const a=[e.jsxAttribute(e.jsxIdentifier("data-agent-component"),e.stringLiteral(i))];if(n.opts.includeSource!==!1){const s=t.node.loc?.start.line??0,p=n.relativePath??"(anon)";a.push(e.jsxAttribute(e.jsxIdentifier("data-agent-source"),e.stringLiteral(`${p}:${s}`)))}t.node.attributes.push(...a)}}}}d(v,"y"),c(v,"lensmcpBabelPlugin");function u(o,e){return o.some(t=>t.type==="JSXAttribute"&&t.name.type==="JSXIdentifier"&&t.name.name===e)}d(u,"b"),c(u,"hasAttr");function x(o,e,t){const n=new Set;for(const r of o)if(t.isImportDeclaration(r)&&r.source.value===e)for(const i of r.specifiers)t.isImportSpecifier(i)&&t.isIdentifier(i.imported)&&n.add(i.imported.name);return n}d(x,"h"),c(x,"collectImported");function f(o,e){if(!e.isCallExpression(o))return!1;const t=o.callee,n=new Set(["createRoot","hydrateRoot"]);return e.isIdentifier(t)?n.has(t.name):e.isMemberExpression(t)&&e.isIdentifier(t.property)?n.has(t.property.name):!1}d(f,"I"),c(f,"isRootFactoryCall");function I(o,e){return e.isCallExpression(o)&&e.isIdentifier(o.callee,{name:"withFlow"})}d(I,"v"),c(I,"isAlreadyWithFlow");function y(o,e){return e.isJSXElement(o)&&e.isJSXIdentifier(o.openingElement.name,{name:"LensmcpRoot"})}d(y,"C"),c(y,"isAlreadyLensmcpRoot");const R=new Set(["Fragment","StrictMode","Suspense","SuspenseList","Profiler"]);function E(o){const e=o.split(".").pop()??o;return R.has(e)?!0:e.endsWith("Provider")||e.endsWith("Consumer")}d(E,"L"),c(E,"isUnstampableElement");function S(o){switch(o.type){case"JSXIdentifier":return o.name;case"JSXMemberExpression":{const e=[];let t=o;for(;t.type==="JSXMemberExpression";)e.unshift(t.property.name),t=t.object;return t.type==="JSXIdentifier"&&e.unshift(t.name),e.join(".")}case"JSXNamespacedName":return`${o.namespace.name}:${o.name.name}`;default:return}}d(S,"P"),c(S,"describeElementName");

package/lib/context.js

@@ -1,6 +1 @@
-import { createContext, useContext } from 'react';
-const defaultCtx = { rendererId: 'lensmcp-root' };
-export const LensmcpContext = createContext(defaultCtx);
-export function useLensmcpContext() {
-    return useContext(LensmcpContext);
-}
+"use strict";var r=Object.defineProperty;var n=(e,t)=>r(e,"name",{value:t,configurable:!0});var o=Object.defineProperty,s=n((e,t)=>o(e,"name",{value:t,configurable:!0}),"t");import{createContext as c,useContext as a}from"react";const p={rendererId:"lensmcp-root"};export const LensmcpContext=c(p);export function useLensmcpContext(){return a(LensmcpContext)}n(useLensmcpContext,"useLensmcpContext"),s(useLensmcpContext,"useLensmcpContext");

package/lib/fiber-renders.js

@@ -1,237 +1 @@
-/**
- * Per-component render attribution — the fiber-walk publisher.
- *
- * `LensmcpRoot`'s single root `<Profiler>` can only say "the tree
- * committed" (every record lands as `lensmcp-root` with
- * `why: profiler-onrender`), so `react://components/hot`,
- * `react://renders/slow` and `graph_explain_rerender` cannot name a
- * component. This module closes that gap the way React DevTools /
- * react-scan do: the injected client runtime installs (or patches) the
- * `__REACT_DEVTOOLS_GLOBAL_HOOK__` BEFORE react-dom evaluates and
- * re-publishes every `onCommitFiberRoot` through a tiny pub/sub
- * (`window.__LENSMCP_FIBER__`); this module subscribes, walks the
- * committed fiber tree, and publishes one `RenderRecord` per component
- * render — real names, real `actualDuration`, and a best-effort `why`
- * (changed prop keys / parent-render / own state).
- *
- * FLOOD CONTROL (the valtio-instrumentation lesson: a 26k-event storm
- * from 22 renders): per commit only the top `MAX_RECORDS_PER_COMMIT`
- * renders by duration are published, and a token bucket caps attributed
- * commits per second — beyond it, renders are folded into ONE
- * "render-storm" warning per second naming the hottest components.
- * That warning is itself the signal a timer-driven progress indicator
- * (a 500ms setInterval → setState per row) should be a DOM mutation.
- *
- * Strictly passive and defensive: every entry point is wrapped, and any
- * throw disables the walker for the rest of the session.
- */
-import { makeInstanceId } from './identity.js';
-import { publish } from './publish.js';
-/** react-reconciler ReactFiberFlags.PerformedWork — stable at 0b1 since React 16. */
-const PERFORMED_WORK = 0b1;
-/** react-reconciler ReactWorkTags for renderable user components. */
-const TAG_FUNCTION = 0; // FunctionComponent
-const TAG_CLASS = 1; // ClassComponent
-const TAG_FORWARD_REF = 11;
-const TAG_MEMO = 14; // MemoComponent
-const TAG_SIMPLE_MEMO = 15; // SimpleMemoComponent
-const MAX_NODES_PER_COMMIT = 15_000;
-const MAX_RECORDS_PER_COMMIT = 25;
-/** Attributed commits per second; beyond this, fold into the storm summary. */
-const COMMIT_BUDGET_PER_SEC = 15;
-const MAX_CHANGED_KEYS = 8;
-let installed = false;
-let disabled = false;
-/** Extract a human component name from a fiber, unwrapping memo/forwardRef. */
-function componentNameOf(fiber) {
-    const t = fiber.type;
-    if (t == null || typeof t === 'string')
-        return undefined; // host / text
-    switch (fiber.tag) {
-        case TAG_FUNCTION:
-        case TAG_CLASS:
-            return t.displayName || t.name || undefined;
-        case TAG_FORWARD_REF:
-            return t.displayName || t.render?.displayName || t.render?.name || undefined;
-        case TAG_MEMO:
-        case TAG_SIMPLE_MEMO:
-            return t.displayName || t.type?.displayName || t.type?.name || t.name || undefined;
-        default:
-            return undefined;
-    }
-}
-/** Shallow prop diff against the alternate — the changed keys, capped. */
-function changedPropKeys(fiber) {
-    const prev = fiber.alternate?.memoizedProps;
-    const next = fiber.memoizedProps;
-    if (!prev || !next || prev === next)
-        return [];
-    const keys = [];
-    for (const k of Object.keys(next)) {
-        if (k === 'children')
-            continue;
-        if (!Object.is(prev[k], next[k])) {
-            keys.push(k);
-            if (keys.length >= MAX_CHANGED_KEYS)
-                break;
-        }
-    }
-    return keys;
-}
-/** Walk one committed tree; collect every component render (bounded). */
-function collectCommitRenders(root) {
-    const out = [];
-    let visited = 0;
-    // Iterative DFS (child → sibling), tracking the nearest RENDERED component ancestor.
-    const stack = [];
-    if (root.current.child)
-        stack.push({ node: root.current.child, parentName: undefined });
-    while (stack.length > 0) {
-        const { node, parentName } = stack.pop();
-        visited += 1;
-        if (visited > MAX_NODES_PER_COMMIT)
-            break;
-        let ownParentName = parentName;
-        const name = componentNameOf(node);
-        const rendered = (node.flags & PERFORMED_WORK) !== 0;
-        if (name && rendered) {
-            const isMount = node.alternate == null;
-            const why = [];
-            if (!isMount) {
-                const keys = changedPropKeys(node);
-                if (keys.length > 0)
-                    why.push({ type: 'props', changedKeys: keys });
-                if (parentName)
-                    why.push({ type: 'parent-render', parentRenderId: parentName });
-                if (why.length === 0)
-                    why.push({ type: 'react-state', hookIndex: -1 }); // own update, hook unknown
-            }
-            out.push({
-                name,
-                phase: isMount ? 'mount' : 'update',
-                durationMs: typeof node.actualDuration === 'number' ? node.actualDuration : 0,
-                why,
-                parentName,
-            });
-            ownParentName = name;
-        }
-        if (node.sibling)
-            stack.push({ node: node.sibling, parentName });
-        if (node.child)
-            stack.push({ node: node.child, parentName: ownParentName });
-    }
-    return out;
-}
-function publishRecords(renders, commitAt) {
-    // Rank by duration so a capped commit keeps the expensive renders.
-    const ranked = renders.length > MAX_RECORDS_PER_COMMIT
-        ? [...renders].sort((a, b) => b.durationMs - a.durationMs).slice(0, MAX_RECORDS_PER_COMMIT)
-        : renders;
-    for (const r of ranked) {
-        const logicalId = `react:component:(fiber):${r.name}`;
-        const { instanceId } = makeInstanceId(logicalId);
-        const record = {
-            id: instanceId,
-            componentInstanceId: instanceId,
-            componentLogicalId: logicalId,
-            componentName: r.name,
-            rendererId: 'fiber',
-            phase: r.phase,
-            actualDurationMs: r.durationMs,
-            baseDurationMs: r.durationMs,
-            startTime: commitAt,
-            commitTime: commitAt,
-            why: r.why,
-        };
-        publish({
-            source: 'react',
-            category: 'render',
-            severity: 'info',
-            title: `render ${r.name} (${r.phase})`,
-            fingerprint: `react-render:${logicalId}`,
-            raw: { kind: 'render', render: record },
-        });
-    }
-    if (renders.length > ranked.length) {
-        publish({
-            source: 'react',
-            category: 'render',
-            severity: 'debug',
-            title: `render commit truncated: ${renders.length - ranked.length} of ${renders.length} renders dropped (per-commit cap)`,
-            fingerprint: 'react-render:commit-truncated',
-            raw: { kind: 'render-commit-truncated', total: renders.length, published: ranked.length },
-        });
-    }
-}
-/**
- * Install the fiber-commit subscriber. Idempotent; a no-op outside the
- * browser or when the client runtime's hook bus is absent (old runtime).
- */
-export function installFiberRenderPublisher() {
-    if (installed || disabled)
-        return;
-    if (typeof window === 'undefined')
-        return;
-    const bus = window.__LENSMCP_FIBER__;
-    if (!bus || typeof bus.subscribe !== 'function')
-        return; // runtime predates the hook shim
-    installed = true;
-    // Storm accounting: a token bucket for fully-attributed commits; the
-    // overflow folds into one warning per second naming the hottest components.
-    let tokens = COMMIT_BUDGET_PER_SEC;
-    let stormCommits = 0;
-    const stormCounts = new Map();
-    let flushTimer;
-    const flushStorm = () => {
-        flushTimer = undefined;
-        tokens = COMMIT_BUDGET_PER_SEC;
-        if (stormCommits === 0)
-            return;
-        const top = [...stormCounts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 5);
-        publish({
-            source: 'react',
-            category: 'render',
-            severity: 'warning',
-            title: `render storm: ${stormCommits} commits/s over budget — top: ${top.map(([n, c]) => `${n}×${c}`).join(', ')}`,
-            fingerprint: 'react-render:storm',
-            raw: {
-                kind: 'render-storm',
-                commits: stormCommits,
-                components: Object.fromEntries(top),
-            },
-        });
-        stormCommits = 0;
-        stormCounts.clear();
-    };
-    bus.subscribe((_rendererID, root) => {
-        if (disabled)
-            return;
-        try {
-            if (!root || !root.current)
-                return;
-            const renders = collectCommitRenders(root);
-            if (renders.length === 0)
-                return;
-            if (tokens > 0) {
-                tokens -= 1;
-                publishRecords(renders, Date.now());
-            }
-            else {
-                stormCommits += 1;
-                for (const r of renders)
-                    stormCounts.set(r.name, (stormCounts.get(r.name) ?? 0) + 1);
-            }
-            if (!flushTimer)
-                flushTimer = setTimeout(flushStorm, 1_000);
-        }
-        catch {
-            // Never risk the host app: one throw disables the walker for the session.
-            disabled = true;
-        }
-    });
-}
-/** Test seam: reset module state between specs. */
-export function resetFiberRenderPublisherForTests() {
-    installed = false;
-    disabled = false;
-}
+"use strict";var M=Object.defineProperty;var d=(r,e)=>M(r,"name",{value:e,configurable:!0});var P=Object.defineProperty,u=d((r,e)=>P(r,"name",{value:e,configurable:!0}),"d");import{makeInstanceId as $}from"./identity.js";import{publish as f}from"./publish.js";const k=1,R=0,D=1,F=11,O=14,T=15,_=15e3,b=25,y=15,j=8;let h=!1,m=!1;function w(r){const e=r.type;if(!(e==null||typeof e=="string"))switch(r.tag){case R:case D:return e.displayName||e.name||void 0;case F:return e.displayName||e.render?.displayName||e.render?.name||void 0;case O:case T:return e.displayName||e.type?.displayName||e.type?.name||e.name||void 0;default:return}}d(w,"k"),u(w,"componentNameOf");function N(r){const e=r.alternate?.memoizedProps,o=r.memoizedProps;if(!e||!o||e===o)return[];const t=[];for(const n of Object.keys(o))if(n!=="children"&&!Object.is(e[n],o[n])&&(t.push(n),t.length>=j))break;return t}d(N,"C"),u(N,"changedPropKeys");function v(r){const e=[];let o=0;const t=[];for(r.current.child&&t.push({node:r.current.child,parentName:void 0});t.length>0;){const{node:n,parentName:s}=t.pop();if(o+=1,o>_)break;let c=s;const i=w(n),a=(n.flags&k)!==0;if(i&&a){const l=n.alternate==null,p=[];if(!l){const g=N(n);g.length>0&&p.push({type:"props",changedKeys:g}),s&&p.push({type:"parent-render",parentRenderId:s}),p.length===0&&p.push({type:"react-state",hookIndex:-1})}e.push({name:i,phase:l?"mount":"update",durationMs:typeof n.actualDuration=="number"?n.actualDuration:0,why:p,parentName:s}),c=i}n.sibling&&t.push({node:n.sibling,parentName:s}),n.child&&t.push({node:n.child,parentName:c})}return e}d(v,"D"),u(v,"collectCommitRenders");function I(r,e){const o=r.length>b?[...r].sort((t,n)=>n.durationMs-t.durationMs).slice(0,b):r;for(const t of o){const n=`react:component:(fiber):${t.name}`,{instanceId:s}=$(n),c={id:s,componentInstanceId:s,componentLogicalId:n,componentName:t.name,rendererId:"fiber",phase:t.phase,actualDurationMs:t.durationMs,baseDurationMs:t.durationMs,startTime:e,commitTime:e,why:t.why};f({source:"react",category:"render",severity:"info",title:`render ${t.name} (${t.phase})`,fingerprint:`react-render:${n}`,raw:{kind:"render",render:c}})}r.length>o.length&&f({source:"react",category:"render",severity:"debug",title:`render commit truncated: ${r.length-o.length} of ${r.length} renders dropped (per-commit cap)`,fingerprint:"react-render:commit-truncated",raw:{kind:"render-commit-truncated",total:r.length,published:o.length}})}d(I,"P"),u(I,"publishRecords");export function installFiberRenderPublisher(){if(h||m||typeof window>"u")return;const r=window.__LENSMCP_FIBER__;if(!r||typeof r.subscribe!="function")return;h=!0;let e=y,o=0;const t=new Map;let n;const s=u(()=>{if(n=void 0,e=y,o===0)return;const c=[...t.entries()].sort((i,a)=>a[1]-i[1]).slice(0,5);f({source:"react",category:"render",severity:"warning",title:`render storm: ${o} commits/s over budget \u2014 top: ${c.map(([i,a])=>`${i}\xD7${a}`).join(", ")}`,fingerprint:"react-render:storm",raw:{kind:"render-storm",commits:o,components:Object.fromEntries(c)}}),o=0,t.clear()},"flushStorm");r.subscribe((c,i)=>{if(!m)try{if(!i||!i.current)return;const a=v(i);if(a.length===0)return;if(e>0)e-=1,I(a,Date.now());else{o+=1;for(const l of a)t.set(l.name,(t.get(l.name)??0)+1)}n||(n=setTimeout(s,1e3))}catch{m=!0}})}d(installFiberRenderPublisher,"installFiberRenderPublisher"),u(installFiberRenderPublisher,"installFiberRenderPublisher");export function resetFiberRenderPublisherForTests(){h=!1,m=!1}d(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests"),u(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests");