chrome-devtools-mcp 0.10.1 → 0.11.0

package/build/node_modules/chrome-devtools-frontend/front_end/generated/SupportedCSSProperties.js

@@ -418,7 +418,10 @@ export const generatedProperties = [
             "column-height",
             "column-rule-break",
             "column-rule-color",
-            "column-rule-outset",
+            "column-rule-edge-end-inset",
+            "column-rule-edge-start-inset",
+            "column-rule-interior-end-inset",
+            "column-rule-interior-start-inset",
             "column-rule-style",
             "column-rule-visibility-items",
             "column-rule-width",
@@ -499,6 +502,8 @@ export const generatedProperties = [
             "grid-auto-rows",
             "grid-column-end",
             "grid-column-start",
+            "grid-lanes-direction",
+            "grid-lanes-fill",
             "grid-row-end",
             "grid-row-start",
             "grid-template-areas",
@@ -555,8 +560,6 @@ export const generatedProperties = [
             "mask-repeat",
             "mask-size",
             "mask-type",
-            "masonry-direction",
-            "masonry-fill",
             "math-depth",
             "math-shift",
             "math-style",
@@ -638,7 +641,10 @@ export const generatedProperties = [
             "row-gap",
             "row-rule-break",
             "row-rule-color",
-            "row-rule-outset",
+            "row-rule-edge-end-inset",
+            "row-rule-edge-start-inset",
+            "row-rule-interior-end-inset",
+            "row-rule-interior-start-inset",
             "row-rule-style",
             "row-rule-visibility-items",
             "row-rule-width",
@@ -670,10 +676,6 @@ export const generatedProperties = [
             "scroll-snap-align",
             "scroll-snap-stop",
             "scroll-snap-type",
-            "scroll-start-block",
-            "scroll-start-inline",
-            "scroll-start-x",
-            "scroll-start-y",
             "scroll-target-group",
             "scroll-timeline-axis",
             "scroll-timeline-name",
@@ -1722,7 +1724,28 @@ export const generatedProperties = [
     },
     {
         "inherited": false,
-        "name": "column-rule-outset"
+        "name": "column-rule-edge-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-edge-start-inset"
+    },
+    {
+        "longhands": [
+            "column-rule-edge-start-inset",
+            "column-rule-edge-end-inset",
+            "column-rule-interior-start-inset",
+            "column-rule-interior-end-inset"
+        ],
+        "name": "column-rule-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-interior-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "column-rule-interior-start-inset"
     },
     {
         "keywords": [
@@ -2118,8 +2141,8 @@ export const generatedProperties = [
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ],
         "name": "display"
     },
@@ -2619,6 +2642,38 @@ export const generatedProperties = [
         ],
         "name": "grid-column-start"
     },
+    {
+        "longhands": [
+            "grid-template-areas",
+            "grid-template-columns",
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes"
+    },
+    {
+        "keywords": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ],
+        "name": "grid-lanes-direction"
+    },
+    {
+        "keywords": [
+            "normal",
+            "reverse"
+        ],
+        "name": "grid-lanes-fill"
+    },
+    {
+        "longhands": [
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes-flow"
+    },
     {
         "longhands": [
             "grid-row-start",
@@ -3063,38 +3118,6 @@ export const generatedProperties = [
         ],
         "name": "mask-type"
     },
-    {
-        "longhands": [
-            "grid-template-areas",
-            "grid-template-columns",
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry"
-    },
-    {
-        "keywords": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ],
-        "name": "masonry-direction"
-    },
-    {
-        "keywords": [
-            "normal",
-            "reverse"
-        ],
-        "name": "masonry-fill"
-    },
-    {
-        "longhands": [
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry-flow"
-    },
     {
         "inherited": true,
         "name": "math-depth"
@@ -3558,7 +3581,8 @@ export const generatedProperties = [
     },
     {
         "keywords": [
-            "auto"
+            "auto",
+            "none"
         ],
         "name": "position-anchor"
     },
@@ -3710,7 +3734,28 @@ export const generatedProperties = [
     },
     {
         "inherited": false,
-        "name": "row-rule-outset"
+        "name": "row-rule-edge-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-edge-start-inset"
+    },
+    {
+        "longhands": [
+            "row-rule-edge-start-inset",
+            "row-rule-edge-end-inset",
+            "row-rule-interior-start-inset",
+            "row-rule-interior-end-inset"
+        ],
+        "name": "row-rule-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-interior-end-inset"
+    },
+    {
+        "inherited": false,
+        "name": "row-rule-interior-start-inset"
     },
     {
         "keywords": [
@@ -3798,10 +3843,16 @@ export const generatedProperties = [
     },
     {
         "longhands": [
-            "row-rule-outset",
-            "column-rule-outset"
+            "row-rule-edge-start-inset",
+            "row-rule-edge-end-inset",
+            "row-rule-interior-start-inset",
+            "row-rule-interior-end-inset",
+            "column-rule-edge-start-inset",
+            "column-rule-edge-end-inset",
+            "column-rule-interior-start-inset",
+            "column-rule-interior-end-inset"
         ],
-        "name": "rule-outset"
+        "name": "rule-inset"
     },
     {
         "longhands": [
@@ -3996,25 +4047,6 @@ export const generatedProperties = [
         ],
         "name": "scroll-snap-type"
     },
-    {
-        "longhands": [
-            "scroll-start-block",
-            "scroll-start-inline"
-        ],
-        "name": "scroll-start"
-    },
-    {
-        "name": "scroll-start-block"
-    },
-    {
-        "name": "scroll-start-inline"
-    },
-    {
-        "name": "scroll-start-x"
-    },
-    {
-        "name": "scroll-start-y"
-    },
     {
         "keywords": [
             "none",
@@ -5622,8 +5654,8 @@ export const generatedPropertyValues = {
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ]
     },
     "dominant-baseline": {
@@ -5933,6 +5965,20 @@ export const generatedPropertyValues = {
             "auto"
         ]
     },
+    "grid-lanes-direction": {
+        "values": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ]
+    },
+    "grid-lanes-fill": {
+        "values": [
+            "normal",
+            "reverse"
+        ]
+    },
     "grid-row-end": {
         "values": [
             "auto"
@@ -6151,20 +6197,6 @@ export const generatedPropertyValues = {
             "alpha"
         ]
     },
-    "masonry-direction": {
-        "values": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ]
-    },
-    "masonry-fill": {
-        "values": [
-            "normal",
-            "reverse"
-        ]
-    },
     "math-shift": {
         "values": [
             "normal",
@@ -6406,7 +6438,8 @@ export const generatedPropertyValues = {
     },
     "position-anchor": {
         "values": [
-            "auto"
+            "auto",
+            "none"
         ]
     },
     "position-area": {

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js

@@ -178,18 +178,42 @@ export class PerformanceTraceFormatter {
         }
         return parts.join('\n');
     }
-    formatCriticalRequests() {
-        const insightSet = this.#insightSet;
-        const criticalRequests = [];
-        const walkRequest = (node) => {
-            criticalRequests.push(node.request);
-            node.children.forEach(walkRequest);
-        };
-        insightSet?.model.NetworkDependencyTree.rootNodes.forEach(walkRequest);
-        if (!criticalRequests.length) {
-            return '';
+    #formatFactByInsightSet(options) {
+        const { insights, title, description, empty, cb } = options;
+        const lines = [`# ${title}\n`];
+        if (description) {
+            lines.push(`${description}\n`);
         }
-        return 'Critical network requests:\n' + this.formatNetworkRequests(criticalRequests, { verbose: false });
+        if (insights?.size) {
+            const multipleInsightSets = insights.size > 1;
+            for (const insightSet of insights.values()) {
+                if (multipleInsightSets) {
+                    lines.push(`## insight set id: ${insightSet.id}\n`);
+                }
+                lines.push((cb(insightSet) ?? empty) + '\n');
+            }
+        }
+        else {
+            lines.push(empty + '\n');
+        }
+        return lines.join('\n');
+    }
+    formatCriticalRequests() {
+        const parsedTrace = this.#parsedTrace;
+        return this.#formatFactByInsightSet({
+            insights: parsedTrace.insights,
+            title: 'Critical network requests',
+            empty: 'none',
+            cb: insightSet => {
+                const criticalRequests = [];
+                const walkRequest = (node) => {
+                    criticalRequests.push(node.request);
+                    node.children.forEach(walkRequest);
+                };
+                insightSet.model.NetworkDependencyTree.rootNodes.forEach(walkRequest);
+                return criticalRequests.length ? this.formatNetworkRequests(criticalRequests, { verbose: false }) : null;
+            },
+        });
     }
     #serializeBottomUpRootNode(rootNode, limit) {
         // Sorted by selfTime.
@@ -221,19 +245,24 @@ export class PerformanceTraceFormatter {
             }
             return `- self: ${millis(node.selfTime)}, total: ${millis(node.totalTime)}, source: ${source}`;
         }
-        const listText = topNodes.map(node => nodeToText.call(this, node)).join('\n');
-        const format = `This is the bottom-up summary for the entire trace. Only the top ${limit} activities (sorted by self time) are shown. An activity is all the aggregated time spent on the same type of work. For example, it can be all the time spent in a specific JavaScript function, or all the time spent in a specific browser rendering stage (like layout, v8 compile, parsing html). "Self time" represents the aggregated time spent directly in an activity, across all occurrences. "Total time" represents the aggregated time spent in an activity or any of its children.`;
-        return `${format}\n\n${listText}`;
+        return topNodes.map(node => nodeToText.call(this, node)).join('\n');
+    }
+    #getSerializeBottomUpRootNodeFormat(limit) {
+        return `This is the bottom-up summary for the entire trace. Only the top ${limit} activities (sorted by self time) are shown. An activity is all the aggregated time spent on the same type of work. For example, it can be all the time spent in a specific JavaScript function, or all the time spent in a specific browser rendering stage (like layout, v8 compile, parsing html). "Self time" represents the aggregated time spent directly in an activity, across all occurrences. "Total time" represents the aggregated time spent in an activity or any of its children.`;
     }
     formatMainThreadBottomUpSummary() {
         const parsedTrace = this.#parsedTrace;
-        const insightSet = this.#insightSet;
-        const bounds = parsedTrace.data.Meta.traceBounds;
-        const rootNode = AIQueries.mainThreadActivityBottomUp(insightSet?.navigation?.args.data?.navigationId, bounds, parsedTrace);
-        if (!rootNode) {
-            return '';
-        }
-        return this.#serializeBottomUpRootNode(rootNode, 10);
+        const limit = 10;
+        return this.#formatFactByInsightSet({
+            insights: parsedTrace.insights,
+            title: 'Main thread bottom-up summary',
+            description: this.#getSerializeBottomUpRootNodeFormat(limit),
+            empty: 'no activity',
+            cb: insightSet => {
+                const rootNode = AIQueries.mainThreadActivityBottomUpSingleNavigation(insightSet.navigation?.args.data?.navigationId, insightSet.bounds, parsedTrace);
+                return rootNode ? this.#serializeBottomUpRootNode(rootNode, limit) : null;
+            },
+        });
     }
     #formatThirdPartyEntitySummaries(summaries) {
         const topMainThreadTimeEntries = summaries.toSorted((a, b) => b.mainThreadTime - a.mainThreadTime).slice(0, 5);
@@ -249,36 +278,36 @@ export class PerformanceTraceFormatter {
         return listText;
     }
     formatThirdPartySummary() {
-        const insightSet = this.#insightSet;
-        if (!insightSet) {
-            return '';
-        }
-        const thirdParties = insightSet.model.ThirdParties;
-        let summaries = thirdParties.entitySummaries ?? [];
-        if (thirdParties.firstPartyEntity) {
-            summaries = summaries.filter(s => s.entity !== thirdParties?.firstPartyEntity || null);
-        }
-        const listText = this.#formatThirdPartyEntitySummaries(summaries);
-        if (!listText) {
-            return '';
-        }
-        return `Third party summary:\n${listText}`;
+        const parsedTrace = this.#parsedTrace;
+        return this.#formatFactByInsightSet({
+            insights: parsedTrace.insights,
+            title: '3rd party summary',
+            empty: 'no 3rd parties',
+            cb: insightSet => {
+                const thirdPartySummaries = Trace.Extras.ThirdParties.summarizeByThirdParty(parsedTrace.data, insightSet.bounds);
+                return thirdPartySummaries.length ? this.#formatThirdPartyEntitySummaries(thirdPartySummaries) : null;
+            },
+        });
     }
     formatLongestTasks() {
         const parsedTrace = this.#parsedTrace;
-        const insightSet = this.#insightSet;
-        const bounds = parsedTrace.data.Meta.traceBounds;
-        const longestTaskTrees = AIQueries.longestTasks(insightSet?.navigation?.args.data?.navigationId, bounds, parsedTrace, 3);
-        if (!longestTaskTrees || longestTaskTrees.length === 0) {
-            return 'Longest tasks: none';
-        }
-        const listText = longestTaskTrees
-            .map(tree => {
-            const time = millis(tree.rootNode.totalTime);
-            return `- total time: ${time}, event: ${this.serializeEvent(tree.rootNode.event)}`;
-        })
-            .join('\n');
-        return `Longest ${longestTaskTrees.length} tasks:\n${listText}`;
+        return this.#formatFactByInsightSet({
+            insights: parsedTrace.insights,
+            title: 'Longest tasks',
+            empty: 'none',
+            cb: insightSet => {
+                const longestTaskTrees = AIQueries.longestTasks(insightSet.navigation?.args.data?.navigationId, insightSet.bounds, parsedTrace, 3);
+                if (!longestTaskTrees?.length) {
+                    return null;
+                }
+                return longestTaskTrees
+                    .map(tree => {
+                    const time = millis(tree.rootNode.totalTime);
+                    return `- total time: ${time}, event: ${this.serializeEvent(tree.rootNode.event)}`;
+                })
+                    .join('\n');
+            },
+        });
     }
     #serializeRelatedInsightsForEvents(events) {
         if (!events.length) {
@@ -314,16 +343,22 @@ export class PerformanceTraceFormatter {
         return results.join('\n');
     }
     formatMainThreadTrackSummary(bounds) {
+        if (!this.#parsedTrace.insights) {
+            return 'No main thread activity found';
+        }
         const results = [];
-        const topDownTree = AIQueries.mainThreadActivityTopDown(this.#insightSet?.navigation?.args.data?.navigationId, bounds, this.#parsedTrace);
+        const insightSet = this.#parsedTrace.insights?.values().find(insightSet => Trace.Helpers.Timing.boundsIncludeTimeRange({ bounds, timeRange: insightSet.bounds }));
+        const topDownTree = AIQueries.mainThreadActivityTopDown(insightSet?.navigation?.args.data?.navigationId, bounds, this.#parsedTrace);
         if (topDownTree) {
             results.push('# Top-down main thread summary');
             results.push(this.formatCallTree(topDownTree, 2 /* headerLevel */));
         }
-        const bottomUpRootNode = AIQueries.mainThreadActivityBottomUp(this.#insightSet?.navigation?.args.data?.navigationId, bounds, this.#parsedTrace);
+        const bottomUpRootNode = AIQueries.mainThreadActivityBottomUp(bounds, this.#parsedTrace);
         if (bottomUpRootNode) {
             results.push('# Bottom-up main thread summary');
-            results.push(this.#serializeBottomUpRootNode(bottomUpRootNode, 20));
+            const limit = 20;
+            results.push(this.#getSerializeBottomUpRootNodeFormat(limit));
+            results.push(this.#serializeBottomUpRootNode(bottomUpRootNode, limit));
         }
         const thirdPartySummaries = Trace.Extras.ThirdParties.summarizeByThirdParty(this.#parsedTrace.data, bounds);
         if (thirdPartySummaries.length) {
@@ -497,7 +532,7 @@ Network requests data:
     }
     static callFrameDataFormatDescription = `Each call frame is presented in the following format:
 
-'id;eventKey;name;duration;selfTime;urlIndex;childRange;[S]'
+'id;eventKey;name;duration;selfTime;urlIndex;childRange;[line];[column];[S]'
 
 Key definitions:
 
@@ -508,15 +543,17 @@ Key definitions:
 * selfTime: The time spent directly within the call frame, excluding its children's execution.
 * urlIndex: Index referencing the "All URLs" list. Empty if no specific script URL is associated.
 * childRange: Specifies the direct children of this node using their IDs. If empty ('' or 'S' at the end), the node has no children. If a single number (e.g., '4'), the node has one child with that ID. If in the format 'firstId-lastId' (e.g., '4-5'), it indicates a consecutive range of child IDs from 'firstId' to 'lastId', inclusive.
+* line: An optional field for a call frame's line number. This is where the function is defined.
+* column: An optional field for a call frame's column number. This is where the function is defined.
 * S: _Optional_. The letter 'S' terminates the line if that call frame was selected by the user.
 
 Example Call Tree:
 
-1;r-123;main;500;100;;
-2;r-124;update;200;50;;3
-3;p-49575-15428179-2834-374;animate;150;20;0;4-5;S
-4;p-49575-15428179-3505-1162;calculatePosition;80;80;;
-5;p-49575-15428179-5391-2767;applyStyles;50;50;;
+1;r-123;main;500;100;0;1;;
+2;r-124;update;200;50;;3;0;1;
+3;p-49575-15428179-2834-374;animate;150;20;0;4-5;0;1;S
+4;p-49575-15428179-3505-1162;calculatePosition;80;80;0;1;;
+5;p-49575-15428179-5391-2767;applyStyles;50;50;0;1;;
 `;
     /**
      * Network requests format description that is sent to the model as a fact.
@@ -611,4 +648,17 @@ The order of headers corresponds to an internal fixed list. If a header is not p
         ];
         return parts.join(';');
     }
+    formatFunctionCode(code) {
+        const { startLine, startColumn } = code.range;
+        const { startLine: contextStartLine, startColumn: contextStartColumn, endLine: contextEndLine, endColumn: contextEndColumn } = code.rangeWithContext;
+        const name = code.functionBounds.name;
+        const url = code.functionBounds.uiSourceCode.url();
+        const parts = [];
+        parts.push(`${name} @ ${url}:${startLine}:${startColumn}. With added context, chunk is from ${contextStartLine}:${contextStartColumn} to ${contextEndLine}:${contextEndColumn}`);
+        parts.push('\nThe following is a markdown block of JavaScript. <FUNCTION_START> and <FUNCTION_END> marks the exact function declaration, and everything outside that is provided for additional context. Comments at the end of each line indicate the runtime performance cost of that code. Do not show the user the function markers or the additional context.\n');
+        parts.push('```');
+        parts.push(code.codeWithContext);
+        parts.push('```');
+        return parts.join('\n');
+    }
 }

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/performance/AICallTree.js

@@ -244,10 +244,12 @@ export class AICallTree {
     *   5. `urlIndex`: An index referencing a URL in the `allUrls` array. If no URL is present, this is an empty string.
     *   6. `childRange`: A string indicating the range of IDs for the node's children. Children should always have consecutive IDs.
     *                    If there is only one child, it's a single ID.
-    *   7. `[S]`: An optional marker indicating that this node is the selected node.
+    *   7. `[line]`: An optional field for a call frame's line number.
+    *   8. `[column]`: An optional field for a call frame's column number.
+    *   9. `[S]`: An optional marker indicating that this node is the selected node.
     *
     * Example:
-    *   `1;Parse HTML;2.5;0.3;0;2-5;S`
+    *   `1;Parse HTML;2.5;0.3;0;2-5;10;11;S`
     *   This represents:
     *     - Node ID 1
     *     - Name "Parse HTML"
@@ -255,6 +257,7 @@ export class AICallTree {
     *     - Self time of 0.3ms
     *     - URL index 0 (meaning the URL is the first one in the `allUrls` array)
     *     - Child range of IDs 2 to 5
+    *     - Line, column is 10:11
     *     - This node is the selected node (S marker)
     */
     stringifyNode(node, nodeId, parsedTrace, selectedNode, allUrls, childStartingNodeIndex) {
@@ -280,7 +283,8 @@ export class AICallTree {
         // 5. Self Time
         const selfTimeStr = roundToTenths(node.selfTime);
         // 6. URL Index
-        const url = SourceMapsResolver.SourceMapsResolver.resolvedURLForEntry(parsedTrace, event);
+        const location = SourceMapsResolver.SourceMapsResolver.codeLocationForEntry(parsedTrace, event);
+        const url = location?.url;
         let urlIndexStr = '';
         if (url) {
             const existingIndex = allUrls.indexOf(url);
@@ -308,6 +312,8 @@ export class AICallTree {
         line += ';' + selfTimeStr;
         line += ';' + urlIndexStr;
         line += ';' + childRangeStr;
+        line += ';' + (location?.line ?? '');
+        line += ';' + (location?.column ?? '');
         if (selectedMarker) {
             line += ';' + selectedMarker;
         }

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/performance/AIQueries.js

@@ -29,6 +29,9 @@ export class AIQueries {
         }
         const threads = Trace.Handlers.Threads.threadsInTrace(parsedTrace.data);
         const thread = threads.find(thread => {
+            if (!thread.processIsOnMainFrame) {
+                return false;
+            }
             if (mainThreadPID && mainThreadTID) {
                 return thread.pid === mainThreadPID && thread.tid === mainThreadTID;
             }
@@ -37,9 +40,9 @@ export class AIQueries {
         return thread ?? null;
     }
     /**
-     * Returns bottom up activity for the given range.
+     * Returns bottom up activity for the given range (within a single navigation / thread).
      */
-    static mainThreadActivityBottomUp(navigationId, bounds, parsedTrace) {
+    static mainThreadActivityBottomUpSingleNavigation(navigationId, bounds, parsedTrace) {
         const thread = this.findMainThread(navigationId, parsedTrace);
         if (!thread) {
             return null;
@@ -61,6 +64,47 @@ export class AIQueries {
             endTime,
         });
     }
+    /**
+     * Returns bottom up activity for the given range (no matter the navigation / thread).
+     */
+    static mainThreadActivityBottomUp(bounds, parsedTrace) {
+        const threads = [];
+        if (parsedTrace.insights) {
+            for (const insightSet of parsedTrace.insights?.values()) {
+                const thread = this.findMainThread(insightSet.navigation?.args.data?.navigationId, parsedTrace);
+                if (thread) {
+                    threads.push(thread);
+                }
+            }
+        }
+        else {
+            const navigationId = parsedTrace.data.Meta.mainFrameNavigations[0].args.data?.navigationId;
+            const thread = this.findMainThread(navigationId, parsedTrace);
+            if (thread) {
+                threads.push(thread);
+            }
+        }
+        if (threads.length === 0) {
+            return null;
+        }
+        const threadEvents = [...new Set(threads)].map(thread => AICallTree.findEventsForThread({ thread, parsedTrace, bounds }) ?? []);
+        const events = threadEvents.flat();
+        if (events.length === 0) {
+            return null;
+        }
+        // Use the same filtering as front_end/panels/timeline/TimelineTreeView.ts.
+        const visibleEvents = Trace.Helpers.Trace.VISIBLE_TRACE_EVENT_TYPES.values().toArray();
+        const filter = new Trace.Extras.TraceFilter.VisibleEventsFilter(visibleEvents.concat(["SyntheticNetworkRequest" /* Trace.Types.Events.Name.SYNTHETIC_NETWORK_REQUEST */]));
+        // The bottom up root node handles all the "in Tracebounds" checks we need for the insight.
+        const startTime = Trace.Helpers.Timing.microToMilli(bounds.min);
+        const endTime = Trace.Helpers.Timing.microToMilli(bounds.max);
+        return new Trace.Extras.TraceTree.BottomUpRootNode(events, {
+            textFilter: new Trace.Extras.TraceFilter.ExclusiveNameFilter([]),
+            filters: [filter],
+            startTime,
+            endTime,
+        });
+    }
     /**
      * Returns an AI Call Tree representing the activity on the main thread for
      * the relevant time range of the given insight.