chrome-devtools-mcp 0.2.0 → 0.2.2

package/README.md

@@ -2,15 +2,16 @@
 
 [![npm chrome-devtools-mcp package](https://img.shields.io/npm/v/chrome-devtools-mcp.svg)](https://npmjs.org/package/chrome-devtools-mcp)
 
-`chrome-devtools-mcp` is a Model-Context-Protocol (MCP) server that brings
-the power of Chrome DevTools to coding agents. Using it, coding agents can live
-debug style, performance or networking issues directly in Chrome.
+`chrome-devtools-mcp` lets your coding agent (such as Gemini, Claude, Cursor or Copilot)
+control and inspect a live Chrome browser. It acts as a Model-Context-Protocol
+(MCP) server, giving your AI coding assistant access to the full power of
+Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.
 
 ## Key features
 
 - **Get performance insights**: Uses [Chrome
   DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record
-  traces and extract performance insights.
+  traces and extract actionable performance insights.
 - **Advanced browser debugging**: Analyze network requests, take screenshots and
   check the browser console.
 - **Reliable automation**. Uses
@@ -48,7 +49,7 @@ Add the following config to your MCP client:
 > [!NOTE]  
 > Using `chrome-devtools-mcp@latest` ensures that your MCP client will always use the latest version of the Chrome DevTools MCP server.
 
-### MCP Client specific configuration
+### MCP Client configuration
 
 <details>
   <summary>Claude Code</summary>
@@ -77,7 +78,15 @@ claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
 
 <details>
   <summary>Cursor</summary>
-  Follow https://docs.cursor.com/en/context/mcp#using-mcp-json and use the config provided above.
+
+**Click the button to install:**
+
+[<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IGNocm9tZS1kZXZ0b29scy1tY3BAbGF0ZXN0In0%3D)
+
+**Or install manually:**
+
+Go to `Cursor Settings` -> `MCP` -> `New MCP Server`. Use the config provided above.
+
 </details>
 
 <details>
@@ -156,10 +165,9 @@ The Chrome DevTools MCP server supports the following configuration option:
   - **Default:** `false`
 
 - **`--channel`**
-  Specify a different Chrome channel that should be used.
+  Specify a different Chrome channel that should be used. The default is the stable channel version.
   - **Type:** string
   - **Choices:** `stable`, `canary`, `beta`, `dev`
-  - **Default:** `stable`
 
 <!-- END AUTO GENERATED OPTIONS -->
 
@@ -197,3 +205,14 @@ The user data directory is not cleared between runs and shared across
 all instances of `chrome-devtools-mcp`. Set the `isolated` option to `true`
 to use a temporary user data dir instead which will be cleared automatically after
 the browser is closed.
+
+## Known limitations
+
+### Operating system sandboxes
+
+Some MCP clients allow sandboxing the MCP server using macOS Seatbelt or Linux
+containers. If sandboxes are enabled, `chrome-devtools-mcp` is not able to start
+Chrome that requires permissions to create its own sandboxes. As a workaround,
+either disable sandboxing for `chrome-devtools-mcp` in your MCP client or use
+`--connect-url` to connect to a Chrome instance that you start manually outside
+of the MCP client sandbox.

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/Progress.js

@@ -2,19 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 export class Progress {
-    setTotalWork(_totalWork) {
-    }
-    setTitle(_title) {
-    }
-    setWorked(_worked, _title) {
-    }
-    incrementWorked(_worked) {
-    }
-    done() {
-    }
-    isCanceled() {
-        return false;
-    }
+    totalWork = 0;
+    worked = 0;
+    title = undefined;
+    canceled = false;
+    done = false;
 }
 export class CompositeProgress {
     parent;
@@ -24,14 +16,14 @@ export class CompositeProgress {
         this.parent = parent;
         this.#children = [];
         this.#childrenDone = 0;
-        this.parent.setTotalWork(1);
-        this.parent.setWorked(0);
+        this.parent.totalWork = 1;
+        this.parent.worked = 0;
     }
     childDone() {
         if (++this.#childrenDone !== this.#children.length) {
             return;
         }
-        this.parent.done();
+        this.parent.done = true;
     }
     createSubProgress(weight) {
         const child = new SubProgress(this, weight);
@@ -43,12 +35,12 @@ export class CompositeProgress {
         let done = 0;
         for (let i = 0; i < this.#children.length; ++i) {
             const child = this.#children[i];
-            if (child.getTotalWork()) {
-                done += child.getWeight() * child.getWorked() / child.getTotalWork();
+            if (child.totalWork) {
+                done += child.weight * child.worked / child.totalWork;
             }
-            totalWeights += child.getWeight();
+            totalWeights += child.weight;
         }
-        this.parent.setWorked(done / totalWeights);
+        this.parent.worked = done / totalWeights;
     }
 }
 export class SubProgress {
@@ -62,76 +54,91 @@ export class SubProgress {
         this.#worked = 0;
         this.#totalWork = 0;
     }
-    isCanceled() {
-        return this.#composite.parent.isCanceled();
+    get canceled() {
+        return this.#composite.parent.canceled;
     }
-    setTitle(title) {
-        this.#composite.parent.setTitle(title);
+    set title(title) {
+        this.#composite.parent.title = title;
     }
-    done() {
-        this.setWorked(this.#totalWork);
+    set done(done) {
+        if (!done) {
+            return;
+        }
+        this.worked = this.#totalWork;
         this.#composite.childDone();
     }
-    setTotalWork(totalWork) {
+    set totalWork(totalWork) {
         this.#totalWork = totalWork;
         this.#composite.update();
     }
-    setWorked(worked, title) {
+    set worked(worked) {
         this.#worked = worked;
-        if (typeof title !== 'undefined') {
-            this.setTitle(title);
-        }
         this.#composite.update();
     }
-    incrementWorked(worked) {
-        this.setWorked(this.#worked + (worked || 1));
-    }
-    getWeight() {
+    get weight() {
         return this.#weight;
     }
-    getWorked() {
+    get worked() {
         return this.#worked;
     }
-    getTotalWork() {
+    get totalWork() {
         return this.#totalWork;
     }
 }
 export class ProgressProxy {
     #delegate;
     #doneCallback;
-    constructor(delegate, doneCallback) {
+    #updateCallback;
+    constructor(delegate, doneCallback, updateCallback) {
         this.#delegate = delegate;
         this.#doneCallback = doneCallback;
+        this.#updateCallback = updateCallback;
     }
-    isCanceled() {
-        return this.#delegate ? this.#delegate.isCanceled() : false;
+    get canceled() {
+        return this.#delegate ? this.#delegate.canceled : false;
     }
-    setTitle(title) {
+    set title(title) {
         if (this.#delegate) {
-            this.#delegate.setTitle(title);
+            this.#delegate.title = title;
+        }
+        if (this.#updateCallback) {
+            this.#updateCallback();
         }
     }
-    done() {
+    get title() {
+        return this.#delegate?.title ?? '';
+    }
+    set done(done) {
         if (this.#delegate) {
-            this.#delegate.done();
+            this.#delegate.done = done;
         }
-        if (this.#doneCallback) {
+        if (done && this.#doneCallback) {
             this.#doneCallback();
         }
     }
-    setTotalWork(totalWork) {
-        if (this.#delegate) {
-            this.#delegate.setTotalWork(totalWork);
-        }
+    get done() {
+        return this.#delegate ? this.#delegate.done : false;
     }
-    setWorked(worked, title) {
+    set totalWork(totalWork) {
         if (this.#delegate) {
-            this.#delegate.setWorked(worked, title);
+            this.#delegate.totalWork = totalWork;
         }
+        if (this.#updateCallback) {
+            this.#updateCallback();
+        }
+    }
+    get totalWork() {
+        return this.#delegate ? this.#delegate.totalWork : 0;
     }
-    incrementWorked(worked) {
+    set worked(worked) {
         if (this.#delegate) {
-            this.#delegate.incrementWorked(worked);
+            this.#delegate.worked = worked;
         }
+        if (this.#updateCallback) {
+            this.#updateCallback?.();
+        }
+    }
+    get worked() {
+        return this.#delegate ? this.#delegate.worked : 0;
     }
 }

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/GdpClient.js

@@ -39,7 +39,7 @@ function normalizeBadgeName(name) {
 }
 export const GOOGLE_DEVELOPER_PROGRAM_PROFILE_LINK = 'https://developers.google.com/profile/u/me';
 async function makeHttpRequest(request) {
-    if (!Root.Runtime.hostConfig.devToolsGdpProfiles?.enabled) {
+    if (!Root.Runtime.hostConfig.devToolsGdpProfiles?.enabled || Root.Runtime.hostConfig.isOffTheRecord) {
         return null;
     }
     const response = await new Promise(resolve => {

package/build/node_modules/chrome-devtools-frontend/front_end/core/host/UserMetrics.js

@@ -418,7 +418,11 @@ export var Action;
     Action[Action["AiAssistanceOpenedFromPerformanceInsight"] = 182] = "AiAssistanceOpenedFromPerformanceInsight";
     Action[Action["AiAssistanceOpenedFromPerformanceFullButton"] = 183] = "AiAssistanceOpenedFromPerformanceFullButton";
     Action[Action["AiCodeCompletionResponseServedFromCache"] = 184] = "AiCodeCompletionResponseServedFromCache";
-    Action[Action["MAX_VALUE"] = 185] = "MAX_VALUE";
+    Action[Action["AiCodeCompletionRequestTriggered"] = 185] = "AiCodeCompletionRequestTriggered";
+    Action[Action["AiCodeCompletionSuggestionDisplayed"] = 186] = "AiCodeCompletionSuggestionDisplayed";
+    Action[Action["AiCodeCompletionSuggestionAccepted"] = 187] = "AiCodeCompletionSuggestionAccepted";
+    Action[Action["AiCodeCompletionError"] = 188] = "AiCodeCompletionError";
+    Action[Action["MAX_VALUE"] = 189] = "MAX_VALUE";
     /* eslint-enable @typescript-eslint/naming-convention */
 })(Action || (Action = {}));
 export var PanelCodes;
@@ -694,7 +698,6 @@ export var DevtoolsExperiments;
     DevtoolsExperiments[DevtoolsExperiments["just-my-code"] = 65] = "just-my-code";
     DevtoolsExperiments[DevtoolsExperiments["use-source-map-scopes"] = 76] = "use-source-map-scopes";
     DevtoolsExperiments[DevtoolsExperiments["timeline-show-postmessage-events"] = 86] = "timeline-show-postmessage-events";
-    DevtoolsExperiments[DevtoolsExperiments["timeline-save-as-gz"] = 108] = "timeline-save-as-gz";
     DevtoolsExperiments[DevtoolsExperiments["timeline-enhanced-traces"] = 90] = "timeline-enhanced-traces";
     DevtoolsExperiments[DevtoolsExperiments["timeline-compiled-sources"] = 91] = "timeline-compiled-sources";
     DevtoolsExperiments[DevtoolsExperiments["timeline-debug-mode"] = 93] = "timeline-debug-mode";

package/build/node_modules/chrome-devtools-frontend/front_end/core/protocol_client/InspectorBackend.js

@@ -81,10 +81,12 @@ export class InspectorBackend {
 }
 let connectionFactory;
 export class Connection {
+    // on message from browser
     setOnMessage(_onMessage) {
     }
     setOnDisconnect(_onDisconnect) {
     }
+    // send raw CDP message to browser
     sendRawMessage(_message) {
     }
     disconnect() {

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/CSSMatchedStyles.js

@@ -5,7 +5,7 @@ import * as Platform from '../platform/platform.js';
 import { CSSMetadata, cssMetadata } from './CSSMetadata.js';
 import { CSSProperty } from './CSSProperty.js';
 import * as PropertyParser from './CSSPropertyParser.js';
-import { AnchorFunctionMatcher, AngleMatcher, AttributeMatcher, AutoBaseMatcher, BaseVariableMatcher, BezierMatcher, BinOpMatcher, ColorMatcher, ColorMixMatcher, defaultValueForCSSType, EnvFunctionMatcher, FlexGridMatcher, GridTemplateMatcher, LengthMatcher, LightDarkColorMatcher, LinearGradientMatcher, LinkableNameMatcher, localEvalCSS, MathFunctionMatcher, PositionAnchorMatcher, PositionTryMatcher, RelativeColorChannelMatcher, ShadowMatcher, StringMatcher, URLMatcher, VariableMatcher } from './CSSPropertyParserMatchers.js';
+import { AnchorFunctionMatcher, AngleMatcher, AttributeMatcher, AutoBaseMatcher, BaseVariableMatcher, BezierMatcher, BinOpMatcher, ColorMatcher, ColorMixMatcher, CustomFunctionMatcher, defaultValueForCSSType, EnvFunctionMatcher, FlexGridMatcher, GridTemplateMatcher, LengthMatcher, LightDarkColorMatcher, LinearGradientMatcher, LinkableNameMatcher, localEvalCSS, MathFunctionMatcher, PositionAnchorMatcher, PositionTryMatcher, RelativeColorChannelMatcher, ShadowMatcher, StringMatcher, URLMatcher, VariableMatcher } from './CSSPropertyParserMatchers.js';
 import { CSSFontPaletteValuesRule, CSSFunctionRule, CSSKeyframeRule, CSSKeyframesRule, CSSPositionTryRule, CSSPropertyRule, CSSStyleRule, } from './CSSRule.js';
 import { CSSStyleDeclaration, Type } from './CSSStyleDeclaration.js';
 function containsStyle(styles, query) {
@@ -713,6 +713,7 @@ export class CSSMatchedStyles {
             new PositionTryMatcher(),
             new LengthMatcher(),
             new MathFunctionMatcher(),
+            new CustomFunctionMatcher(),
             new AutoBaseMatcher(),
             new BinOpMatcher(),
             new RelativeColorChannelMatcher(),
@@ -997,9 +998,9 @@ class DOMInheritanceCascade {
         if (!nodeCascade) {
             return null;
         }
-        return this.innerComputeCSSVariable(nodeCascade, variableName);
+        return this.#computeCSSVariable(nodeCascade, variableName);
     }
-    innerComputeCSSVariable(nodeCascade, variableName, sccRecord = new SCCRecord()) {
+    #computeCSSVariable(nodeCascade, variableName, sccRecord = new SCCRecord()) {
         const availableCSSVariables = this.#availableCSSVariables.get(nodeCascade);
         const computedCSSVariables = this.#computedCSSVariables.get(nodeCascade);
         if (!computedCSSVariables || !availableCSSVariables?.has(variableName)) {
@@ -1029,7 +1030,7 @@ class DOMInheritanceCascade {
         if (!ast) {
             return null;
         }
-        return this.innerWalkTree(nodeCascade, ast, definedValue.declaration.style, variableName, sccRecord, definedValue.declaration);
+        return this.#walkTree(nodeCascade, ast, definedValue.declaration.style, variableName, sccRecord, definedValue.declaration);
     }
     computeAttribute(style, attributeName, type) {
         this.ensureInitialized();
@@ -1037,7 +1038,7 @@ class DOMInheritanceCascade {
         if (!nodeCascade) {
             return null;
         }
-        return this.innerComputeAttribute(nodeCascade, style, attributeName, type, new SCCRecord());
+        return this.#computeAttribute(nodeCascade, style, attributeName, type, new SCCRecord());
     }
     attributeValueAsType(style, attributeName, type) {
         const rawValue = this.#matchedStyles.rawAttributeValueFromStyle(style, attributeName);
@@ -1055,9 +1056,9 @@ class DOMInheritanceCascade {
         if (!ast) {
             return null;
         }
-        return this.innerWalkTree(nodeCascade, ast, style, `attr(${attributeName})`, sccRecord)?.value ?? null;
+        return this.#walkTree(nodeCascade, ast, style, `attr(${attributeName})`, sccRecord)?.value ?? null;
     }
-    innerComputeAttribute(nodeCascade, style, attributeName, type, sccRecord = new SCCRecord()) {
+    #computeAttribute(nodeCascade, style, attributeName, type, sccRecord = new SCCRecord()) {
         if (type.isCSSTokens) {
             const value = this.attributeValueWithSubstitutions(nodeCascade, style, attributeName, sccRecord);
             if (value !== null && localEvalCSS(value, type.type) !== null) {
@@ -1067,7 +1068,7 @@ class DOMInheritanceCascade {
         }
         return this.attributeValueAsType(style, attributeName, type.type);
     }
-    innerWalkTree(outerNodeCascade, ast, parentStyle, substitutionName, sccRecord, declaration) {
+    #walkTree(outerNodeCascade, ast, parentStyle, substitutionName, sccRecord, declaration) {
         const record = sccRecord.add(outerNodeCascade, substitutionName);
         const computedCSSVariablesMap = this.#computedCSSVariables;
         const innerNodeCascade = this.#styleToNodeCascade.get(parentStyle);
@@ -1081,7 +1082,7 @@ class DOMInheritanceCascade {
         // bubbling up the minimum discovery time whenever we close a cycle.
         const matching = PropertyParser.BottomUpTreeMatching.walk(ast, [
             new BaseVariableMatcher(match => {
-                const { value, mayFallback } = recurseWithCycleDetection(match.name, nodeCascade => this.innerComputeCSSVariable(nodeCascade, match.name, sccRecord)?.value ?? null);
+                const { value, mayFallback } = recurseWithCycleDetection(match.name, nodeCascade => this.#computeCSSVariable(nodeCascade, match.name, sccRecord)?.value ?? null);
                 if (!mayFallback || value !== null) {
                     return value;
                 }
@@ -1268,7 +1269,7 @@ class DOMInheritanceCascade {
             for (const variableName of variableNames) {
                 const prevValue = accumulatedCSSVariables.get(variableName);
                 accumulatedCSSVariables.delete(variableName);
-                const computedValue = this.innerComputeCSSVariable(nodeCascade, variableName);
+                const computedValue = this.#computeCSSVariable(nodeCascade, variableName);
                 if (prevValue && computedValue?.value === prevValue.value) {
                     computedValue.declaration = prevValue.declaration;
                 }

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/CSSModel.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors
+// Copyright 2010 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import * as TextUtils from '../../models/text_utils/text_utils.js';

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/CSSPropertyParserMatchers.js

@@ -750,9 +750,6 @@ export class LinkableNameMatcher extends matcherBase(LinkableNameMatch) {
         if (!parentNode) {
             return null;
         }
-        if (parentNode.name === 'CallExpression' && node.name === 'VariableName') {
-            return new LinkableNameMatch(text, node, "function" /* LinkableNameProperties.FUNCTION */);
-        }
         if (!(propertyName && LinkableNameMatcher.isLinkableNameProperty(propertyName))) {
             return null;
         }
@@ -906,7 +903,7 @@ export class LengthMatcher extends matcherBase(LengthMatch) {
         return new LengthMatch(text, node, unit);
     }
 }
-export class MathFunctionMatch {
+export class BaseFunctionMatch {
     text;
     node;
     func;
@@ -917,6 +914,8 @@ export class MathFunctionMatch {
         this.func = func;
         this.args = args;
     }
+}
+export class MathFunctionMatch extends BaseFunctionMatch {
     isArithmeticFunctionCall() {
         const func = this.func;
         switch (func) {
@@ -969,6 +968,27 @@ export class MathFunctionMatcher extends matcherBase(MathFunctionMatch) {
         return match;
     }
 }
+export class CustomFunctionMatch extends BaseFunctionMatch {
+}
+// clang-format off
+export class CustomFunctionMatcher extends matcherBase(CustomFunctionMatch) {
+    // clang-format on
+    matches(node, matching) {
+        if (node.name !== 'CallExpression') {
+            return null;
+        }
+        const callee = matching.ast.text(node.getChild('VariableName'));
+        if (!callee?.startsWith('--')) {
+            return null;
+        }
+        const args = ASTUtils.callArgs(node);
+        if (args.some(arg => arg.length === 0 || matching.hasUnresolvedSubstitutionsRange(arg[0], arg[arg.length - 1]))) {
+            return null;
+        }
+        const text = matching.ast.text(node);
+        return new CustomFunctionMatch(text, node, callee, args);
+    }
+}
 export class FlexGridMatch {
     text;
     node;

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/DebuggerModel.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors
+// Copyright 2010 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import * as Common from '../common/common.js';

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/EnhancedTracesParser.js

@@ -27,7 +27,7 @@ export class EnhancedTracesParser {
     }
     parseEnhancedTrace() {
         for (const event of this.#trace.traceEvents) {
-            if (this.isTracingStartInBrowserEvent(event)) {
+            if (this.isTracingStartedInBrowser(event)) {
                 // constructs all targets by devtools.timeline TracingStartedInBrowser
                 const data = event.args?.data;
                 for (const frame of data.frames) {
@@ -53,7 +53,7 @@ export class EnhancedTracesParser {
                     this.#scriptToFrame.set(this.getScriptIsolateId(data.isolate, data.scriptId), data.frame);
                 }
             }
-            else if (this.isTargetRundownEvent(event)) {
+            else if (this.isRundownScriptCompiled(event)) {
                 // Set up script to v8 context mapping
                 const data = event.args?.data;
                 this.#scriptToV8Context.set(this.getScriptIsolateId(data.isolate, data.scriptId), data.v8context);
@@ -64,7 +64,7 @@ export class EnhancedTracesParser {
                     this.#targets.push({
                         targetId: frameId,
                         type: data.frameType,
-                        isolate: data.isolate,
+                        isolate: String(data.isolate),
                         pid: event.pid,
                         url: data.url,
                     });
@@ -80,34 +80,37 @@ export class EnhancedTracesParser {
                             isDefault: data.isDefault,
                             type: data.contextType,
                         },
-                        isolate: data.isolate,
+                        isolate: String(data.isolate),
+                        name: data.origin,
+                        uniqueId: `${data.v8context}-${data.isolate}`,
                     });
                 }
             }
-            else if (this.isScriptRundownEvent(event)) {
+            else if (this.isRundownScript(event)) {
                 this.#scriptRundownEvents.push(event);
                 const data = event.args.data;
                 // Add script
-                if (!this.#scripts.find(script => script.scriptId === String(data.scriptId) && script.isolate === data.isolate)) {
+                if (!this.#scripts.find(script => script.scriptId === String(data.scriptId) && script.isolate === String(data.isolate))) {
                     this.#scripts.push({
                         scriptId: String(data.scriptId),
-                        isolate: data.isolate,
+                        isolate: String(data.isolate),
+                        buildId: '',
                         executionContextId: data.executionContextId,
                         startLine: data.startLine ?? 0,
                         startColumn: data.startColumn ?? 0,
                         endLine: data.endLine ?? 0,
                         endColumn: data.endColumn ?? 0,
-                        hash: data.hash,
+                        hash: data.hash ?? '',
                         isModule: data.isModule,
-                        url: data.url,
+                        url: data.url ?? '',
                         hasSourceURL: data.hasSourceUrl,
-                        sourceURL: data.sourceUrl,
+                        sourceURL: data.sourceUrl ?? '',
                         sourceMapURL: data.sourceMapUrl,
                         pid: event.pid,
                     });
                 }
             }
-            else if (this.isScriptRundownSourceEvent(event)) {
+            else if (this.isRundownScriptSource(event)) {
                 // Set up script to source text and length mapping
                 const data = event.args.data;
                 const scriptIsolateId = this.getScriptIsolateId(data.isolate, data.scriptId);
@@ -166,10 +169,10 @@ export class EnhancedTracesParser {
             // put in the aux data
             const linkedExecutionContext = this.#executionContexts.find(context => context.id === script.executionContextId && context.isolate === script.isolate);
             if (linkedExecutionContext) {
-                script.auxData = linkedExecutionContext.auxData;
+                script.executionContextAuxData = linkedExecutionContext.auxData;
                 // If a script successfully mapped to an execution context and aux data, link script to frame
-                if (script.auxData?.frameId) {
-                    this.#scriptToFrame.set(scriptIsolateId, script.auxData?.frameId);
+                if (script.executionContextAuxData?.frameId) {
+                    this.#scriptToFrame.set(scriptIsolateId, script.executionContextAuxData?.frameId);
                 }
             }
         });
@@ -225,25 +228,25 @@ export class EnhancedTracesParser {
         return sourceMap;
     }
     getScriptIsolateId(isolate, scriptId) {
-        return scriptId + '@' + isolate;
+        return `${scriptId}@${isolate}`;
     }
     getExecutionContextIsolateId(isolate, executionContextId) {
-        return executionContextId + '@' + isolate;
+        return `${executionContextId}@${isolate}`;
     }
     isTraceEvent(event) {
-        return 'cat' in event && 'pid' in event &&
-            'args' in event && 'data' in event.args;
+        return 'cat' in event && 'pid' in event && 'args' in event &&
+            'data' in event.args;
     }
-    isTargetRundownEvent(event) {
+    isRundownScriptCompiled(event) {
         return this.isTraceEvent(event) && event.cat === 'disabled-by-default-devtools.target-rundown';
     }
-    isScriptRundownEvent(event) {
+    isRundownScript(event) {
         return this.isTraceEvent(event) && event.cat === 'disabled-by-default-devtools.v8-source-rundown';
     }
-    isScriptRundownSourceEvent(event) {
+    isRundownScriptSource(event) {
         return this.isTraceEvent(event) && event.cat === 'disabled-by-default-devtools.v8-source-rundown-sources';
     }
-    isTracingStartInBrowserEvent(event) {
+    isTracingStartedInBrowser(event) {
         return this.isTraceEvent(event) && event.cat === 'disabled-by-default-devtools.timeline' &&
             event.name === 'TracingStartedInBrowser';
     }
@@ -279,8 +282,8 @@ export class EnhancedTracesParser {
         // Put all of the scripts under respective targets with collected information
         for (const script of scripts) {
             const scriptExecutionContextIsolateId = this.getExecutionContextIsolateId(script.isolate, script.executionContextId);
-            const scriptFrameId = script.auxData?.frameId;
-            if (script.auxData?.frameId && targetIds.has(scriptFrameId)) {
+            const scriptFrameId = script.executionContextAuxData?.frameId;
+            if (script.executionContextAuxData?.frameId && targetIds.has(scriptFrameId)) {
                 targetToScripts.get(scriptFrameId)?.push(script);
                 executionContextIsolateToTarget.set(scriptExecutionContextIsolateId, scriptFrameId);
             }
@@ -328,12 +331,14 @@ export class EnhancedTracesParser {
                         id: script.executionContextId,
                         origin: '',
                         v8Context: '',
+                        name: '',
                         auxData: {
                             frameId: targetId,
                             isDefault: false,
                             type: 'type',
                         },
                         isolate: script.isolate,
+                        uniqueId: `${targetId}-${script.isolate}`,
                     };
                     executionContexts.push(artificialContext);
                 }

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/NetworkManager.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors
+// Copyright 2011 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import * as TextUtils from '../../models/text_utils/text_utils.js';

package/build/node_modules/chrome-devtools-frontend/front_end/core/sdk/NetworkRequest.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors
+// Copyright 2012 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import * as TextUtils from '../../models/text_utils/text_utils.js';