chrome-devtools-frontend 1.0.1614363 → 1.0.1615539

package/docs/contributing/infrastructure.md

@@ -112,7 +112,6 @@ for the current logic.
 Some of the filters currently in use are:
 
 - `cpp_debug_extension` builders only trigger on changes related to the extension
-- `dtf_check_no_bundle` builder only trigger on GN changes
 - all other builders will not trigger if only documentation files are updated
 
 ## Branch cutting process

package/front_end/core/common/MapWithDefault.ts

@@ -8,7 +8,7 @@
  * TODO: Once the proposal is merged, just replace `MapWithDefault` with `Map` and remove it.
  **/
 export class MapWithDefault<K, V> extends Map<K, V> {
-  getOrInsert(key: K, defaultValue: V): V {
+  override getOrInsert(key: K, defaultValue: V): V {
     if (!this.has(key)) {
       this.set(key, defaultValue);
     }
@@ -16,7 +16,7 @@ export class MapWithDefault<K, V> extends Map<K, V> {
     return this.get(key) as V;
   }
 
-  getOrInsertComputed(key: K, callbackFunction: (key: K) => V): V {
+  override getOrInsertComputed(key: K, callbackFunction: (key: K) => V): V {
     if (!this.has(key)) {
       this.set(key, callbackFunction(key));
     }

package/front_end/core/common/Object.ts

@@ -119,31 +119,34 @@ export class ObjectWrapper<Events> implements EventTarget<Events> {
 export function eventMixin<Events, Base extends Platform.Constructor.Constructor<object>>(base: Base) {
   console.assert(base !== HTMLElement);
   return class EventHandling extends base implements EventTarget<Events> {
-    #events = new ObjectWrapper<Events>();
+    // Note that the weird name is due to TSC disallowing private/protected fields in
+    // anonmous exported classes. We use a `__` prefix to prevent clashes with `base`.
+    // eslint-disable-next-line @devtools/no-underscored-properties, @typescript-eslint/naming-convention
+    __events = new ObjectWrapper<Events>();
 
     addEventListener<T extends keyof Events>(
         eventType: T, listener: (arg0: EventTargetEvent<Events[T]>) => void,
         thisObject?: Object): EventDescriptor<Events, T> {
-      return this.#events.addEventListener(eventType, listener, thisObject);
+      return this.__events.addEventListener(eventType, listener, thisObject);
     }
 
     once<T extends keyof Events>(eventType: T): Promise<Events[T]> {
-      return this.#events.once(eventType);
+      return this.__events.once(eventType);
     }
 
     removeEventListener<T extends keyof Events>(
         eventType: T, listener: (arg0: EventTargetEvent<Events[T]>) => void, thisObject?: Object): void {
-      this.#events.removeEventListener(eventType, listener, thisObject);
+      this.__events.removeEventListener(eventType, listener, thisObject);
     }
 
     hasEventListeners(eventType: keyof Events): boolean {
-      return this.#events.hasEventListeners(eventType);
+      return this.__events.hasEventListeners(eventType);
     }
 
     dispatchEventToListeners<T extends keyof Events>(
         eventType: Platform.TypeScriptUtilities.NoUnion<T>,
         ...eventData: EventPayloadToRestParameters<Events, T>): void {
-      this.#events.dispatchEventToListeners(eventType, ...eventData);
+      this.__events.dispatchEventToListeners(eventType, ...eventData);
     }
   };
 }

package/front_end/entrypoints/greendev_floaty/floaty.css

@@ -99,6 +99,8 @@ html, body {
   overflow-wrap: break-word;
   line-height: 1.4;
   white-space: pre-wrap; /* Preserve newlines */
+  flex-shrink: 0;
+  min-height: min-content;
 }
 
 .user-message {
@@ -182,6 +184,7 @@ html, body {
   flex-direction: column;
   gap: 8px;
   border: 1px solid #d3e3fd;
+  flex-shrink: 0;
 }
 
 .green-dev-floaty-dialog-node-description {

package/front_end/generated/InspectorBackendCommands.ts

@@ -808,8 +808,8 @@ inspectorBackend.registerEnum("Network.ReportStatus", {Queued: "Queued", Pending
 inspectorBackend.registerEnum("Network.DeviceBoundSessionWithUsageUsage", {NotInScope: "NotInScope", InScopeRefreshNotYetNeeded: "InScopeRefreshNotYetNeeded", InScopeRefreshNotAllowed: "InScopeRefreshNotAllowed", ProactiveRefreshNotPossible: "ProactiveRefreshNotPossible", ProactiveRefreshAttempted: "ProactiveRefreshAttempted", Deferred: "Deferred"});
 inspectorBackend.registerEnum("Network.DeviceBoundSessionUrlRuleRuleType", {Exclude: "Exclude", Include: "Include"});
 inspectorBackend.registerEnum("Network.DeviceBoundSessionFetchResult", {Success: "Success", KeyError: "KeyError", SigningError: "SigningError", ServerRequestedTermination: "ServerRequestedTermination", InvalidSessionId: "InvalidSessionId", InvalidChallenge: "InvalidChallenge", TooManyChallenges: "TooManyChallenges", InvalidFetcherUrl: "InvalidFetcherUrl", InvalidRefreshUrl: "InvalidRefreshUrl", TransientHttpError: "TransientHttpError", ScopeOriginSameSiteMismatch: "ScopeOriginSameSiteMismatch", RefreshUrlSameSiteMismatch: "RefreshUrlSameSiteMismatch", MismatchedSessionId: "MismatchedSessionId", MissingScope: "MissingScope", NoCredentials: "NoCredentials", SubdomainRegistrationWellKnownUnavailable: "SubdomainRegistrationWellKnownUnavailable", SubdomainRegistrationUnauthorized: "SubdomainRegistrationUnauthorized", SubdomainRegistrationWellKnownMalformed: "SubdomainRegistrationWellKnownMalformed", SessionProviderWellKnownUnavailable: "SessionProviderWellKnownUnavailable", RelyingPartyWellKnownUnavailable: "RelyingPartyWellKnownUnavailable", FederatedKeyThumbprintMismatch: "FederatedKeyThumbprintMismatch", InvalidFederatedSessionUrl: "InvalidFederatedSessionUrl", InvalidFederatedKey: "InvalidFederatedKey", TooManyRelyingOriginLabels: "TooManyRelyingOriginLabels", BoundCookieSetForbidden: "BoundCookieSetForbidden", NetError: "NetError", ProxyError: "ProxyError", EmptySessionConfig: "EmptySessionConfig", InvalidCredentialsConfig: "InvalidCredentialsConfig", InvalidCredentialsType: "InvalidCredentialsType", InvalidCredentialsEmptyName: "InvalidCredentialsEmptyName", InvalidCredentialsCookie: "InvalidCredentialsCookie", PersistentHttpError: "PersistentHttpError", RegistrationAttemptedChallenge: "RegistrationAttemptedChallenge", InvalidScopeOrigin: "InvalidScopeOrigin", ScopeOriginContainsPath: "ScopeOriginContainsPath", RefreshInitiatorNotString: "RefreshInitiatorNotString", RefreshInitiatorInvalidHostPattern: "RefreshInitiatorInvalidHostPattern", InvalidScopeSpecification: "InvalidScopeSpecification", MissingScopeSpecificationType: "MissingScopeSpecificationType", EmptyScopeSpecificationDomain: "EmptyScopeSpecificationDomain", EmptyScopeSpecificationPath: "EmptyScopeSpecificationPath", InvalidScopeSpecificationType: "InvalidScopeSpecificationType", InvalidScopeIncludeSite: "InvalidScopeIncludeSite", MissingScopeIncludeSite: "MissingScopeIncludeSite", FederatedNotAuthorizedByProvider: "FederatedNotAuthorizedByProvider", FederatedNotAuthorizedByRelyingParty: "FederatedNotAuthorizedByRelyingParty", SessionProviderWellKnownMalformed: "SessionProviderWellKnownMalformed", SessionProviderWellKnownHasProviderOrigin: "SessionProviderWellKnownHasProviderOrigin", RelyingPartyWellKnownMalformed: "RelyingPartyWellKnownMalformed", RelyingPartyWellKnownHasRelyingOrigins: "RelyingPartyWellKnownHasRelyingOrigins", InvalidFederatedSessionProviderSessionMissing: "InvalidFederatedSessionProviderSessionMissing", InvalidFederatedSessionWrongProviderOrigin: "InvalidFederatedSessionWrongProviderOrigin", InvalidCredentialsCookieCreationTime: "InvalidCredentialsCookieCreationTime", InvalidCredentialsCookieName: "InvalidCredentialsCookieName", InvalidCredentialsCookieParsing: "InvalidCredentialsCookieParsing", InvalidCredentialsCookieUnpermittedAttribute: "InvalidCredentialsCookieUnpermittedAttribute", InvalidCredentialsCookieInvalidDomain: "InvalidCredentialsCookieInvalidDomain", InvalidCredentialsCookiePrefix: "InvalidCredentialsCookiePrefix", InvalidScopeRulePath: "InvalidScopeRulePath", InvalidScopeRuleHostPattern: "InvalidScopeRuleHostPattern", ScopeRuleOriginScopedHostPatternMismatch: "ScopeRuleOriginScopedHostPatternMismatch", ScopeRuleSiteScopedHostPatternMismatch: "ScopeRuleSiteScopedHostPatternMismatch", SigningQuotaExceeded: "SigningQuotaExceeded", InvalidConfigJson: "InvalidConfigJson", InvalidFederatedSessionProviderFailedToRestoreKey: "InvalidFederatedSessionProviderFailedToRestoreKey", FailedToUnwrapKey: "FailedToUnwrapKey", SessionDeletedDuringRefresh: "SessionDeletedDuringRefresh"});
-inspectorBackend.registerEnum("Network.RefreshEventDetailsRefreshResult", {Refreshed: "Refreshed", InitializedService: "InitializedService", Unreachable: "Unreachable", ServerError: "ServerError", RefreshQuotaExceeded: "RefreshQuotaExceeded", FatalError: "FatalError", SigningQuotaExceeded: "SigningQuotaExceeded"});
-inspectorBackend.registerEnum("Network.TerminationEventDetailsDeletionReason", {Expired: "Expired", FailedToRestoreKey: "FailedToRestoreKey", FailedToUnwrapKey: "FailedToUnwrapKey", StoragePartitionCleared: "StoragePartitionCleared", ClearBrowsingData: "ClearBrowsingData", ServerRequested: "ServerRequested", InvalidSessionParams: "InvalidSessionParams", RefreshFatalError: "RefreshFatalError"});
+inspectorBackend.registerEnum("Network.RefreshEventDetailsRefreshResult", {Refreshed: "Refreshed", RefreshedAsWaiter: "RefreshedAsWaiter", InitializedService: "InitializedService", Unreachable: "Unreachable", ServerError: "ServerError", RefreshQuotaExceeded: "RefreshQuotaExceeded", FatalError: "FatalError", SigningQuotaExceeded: "SigningQuotaExceeded"});
+inspectorBackend.registerEnum("Network.TerminationEventDetailsDeletionReason", {Expired: "Expired", FailedToRestoreKey: "FailedToRestoreKey", FailedToUnwrapKey: "FailedToUnwrapKey", StoragePartitionCleared: "StoragePartitionCleared", ClearBrowsingData: "ClearBrowsingData", ServerRequested: "ServerRequested", InvalidSessionParams: "InvalidSessionParams", RefreshFatalError: "RefreshFatalError", DevTools: "DevTools"});
 inspectorBackend.registerEnum("Network.ChallengeEventDetailsChallengeResult", {Success: "Success", NoSessionId: "NoSessionId", NoSessionMatch: "NoSessionMatch", CantSetBoundCookie: "CantSetBoundCookie"});
 inspectorBackend.registerEvent("Network.dataReceived", ["requestId", "timestamp", "dataLength", "encodedDataLength", "data"]);
 inspectorBackend.registerEvent("Network.eventSourceMessageReceived", ["requestId", "timestamp", "eventName", "eventId", "data"]);
@@ -893,6 +893,7 @@ inspectorBackend.registerCommand("Network.streamResourceContent", [{"name": "req
 inspectorBackend.registerCommand("Network.getSecurityIsolationStatus", [{"name": "frameId", "type": "string", "optional": true, "description": "If no frameId is provided, the status of the target is provided.", "typeRef": "Page.FrameId"}], ["status"], "Returns information about the COEP/COOP isolation status.");
 inspectorBackend.registerCommand("Network.enableReportingApi", [{"name": "enable", "type": "boolean", "optional": false, "description": "Whether to enable or disable events for the Reporting API", "typeRef": null}], [], "Enables tracking for the Reporting API, events generated by the Reporting API will now be delivered to the client. Enabling triggers 'reportingApiReportAdded' for all existing reports.");
 inspectorBackend.registerCommand("Network.enableDeviceBoundSessions", [{"name": "enable", "type": "boolean", "optional": false, "description": "Whether to enable or disable events.", "typeRef": null}], [], "Sets up tracking device bound sessions and fetching of initial set of sessions.");
+inspectorBackend.registerCommand("Network.deleteDeviceBoundSession", [{"name": "key", "type": "object", "optional": false, "description": "", "typeRef": "Network.DeviceBoundSessionKey"}], [], "Deletes a device bound session.");
 inspectorBackend.registerCommand("Network.fetchSchemefulSite", [{"name": "origin", "type": "string", "optional": false, "description": "The URL origin.", "typeRef": null}], ["schemefulSite"], "Fetches the schemeful site for a specific origin.");
 inspectorBackend.registerCommand("Network.loadNetworkResource", [{"name": "frameId", "type": "string", "optional": true, "description": "Frame id to get the resource for. Mandatory for frame targets, and should be omitted for worker targets.", "typeRef": "Page.FrameId"}, {"name": "url", "type": "string", "optional": false, "description": "URL of the resource to get content for.", "typeRef": null}, {"name": "options", "type": "object", "optional": false, "description": "Options for the request.", "typeRef": "Network.LoadNetworkResourceOptions"}], ["resource"], "Fetches the resource and returns the content.");
 inspectorBackend.registerCommand("Network.setCookieControls", [{"name": "enableThirdPartyCookieRestriction", "type": "boolean", "optional": false, "description": "Whether 3pc restriction is enabled.", "typeRef": null}], [], "Sets Controls for third-party cookie access Page reload is required before the new cookie behavior will be observed");
@@ -1496,6 +1497,7 @@ inspectorBackend.registerEvent("WebMCP.toolInvoked", ["toolName", "frameId", "in
 inspectorBackend.registerEvent("WebMCP.toolResponded", ["invocationId", "status", "output", "errorText", "exception"]);
 inspectorBackend.registerCommand("WebMCP.enable", [], [], "Enables the WebMCP domain, allowing events to be sent. Enabling the domain will trigger a toolsAdded event for all currently registered tools.");
 inspectorBackend.registerCommand("WebMCP.disable", [], [], "Disables the WebMCP domain.");
+inspectorBackend.registerCommand("WebMCP.invokeTool", [{"name": "frameId", "type": "string", "optional": false, "description": "Frame in which to invoke the tool.", "typeRef": "Page.FrameId"}, {"name": "toolName", "type": "string", "optional": false, "description": "Name of the tool to invoke.", "typeRef": null}, {"name": "input", "type": "object", "optional": false, "description": "Input parameters for the tool, matching the tool's inputSchema.", "typeRef": null}], ["invocationId"], "Invokes a registered tool.");
 inspectorBackend.registerType("WebMCP.Annotation", [{"name": "readOnly", "type": "boolean", "optional": true, "description": "A hint indicating that the tool does not modify any state.", "typeRef": null}, {"name": "autosubmit", "type": "boolean", "optional": true, "description": "If the declarative tool was declared with the autosubmit attribute.", "typeRef": null}]);
 inspectorBackend.registerType("WebMCP.Tool", [{"name": "name", "type": "string", "optional": false, "description": "Tool name.", "typeRef": null}, {"name": "description", "type": "string", "optional": false, "description": "Tool description.", "typeRef": null}, {"name": "inputSchema", "type": "object", "optional": true, "description": "Schema for the tool's input parameters.", "typeRef": null}, {"name": "annotations", "type": "object", "optional": true, "description": "Optional annotations for the tool.", "typeRef": "WebMCP.Annotation"}, {"name": "frameId", "type": "string", "optional": false, "description": "Frame identifier associated with the tool registration.", "typeRef": "Page.FrameId"}, {"name": "backendNodeId", "type": "number", "optional": true, "description": "Optional node ID for declarative tools.", "typeRef": "DOM.BackendNodeId"}, {"name": "stackTrace", "type": "object", "optional": true, "description": "The stack trace at the time of the registration.", "typeRef": "Runtime.StackTrace"}]);
 

package/front_end/generated/protocol-mapping.d.ts

@@ -3719,6 +3719,13 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Network.EnableDeviceBoundSessionsRequest];
       returnType: void;
     };
+    /**
+     * Deletes a device bound session.
+     */
+    'Network.deleteDeviceBoundSession': {
+      paramsType: [Protocol.Network.DeleteDeviceBoundSessionRequest];
+      returnType: void;
+    };
     /**
      * Fetches the schemeful site for a specific origin.
      */
@@ -5375,6 +5382,13 @@ export namespace ProtocolMapping {
       paramsType: [];
       returnType: void;
     };
+    /**
+     * Invokes a registered tool.
+     */
+    'WebMCP.invokeTool': {
+      paramsType: [Protocol.WebMCP.InvokeToolRequest];
+      returnType: Protocol.WebMCP.InvokeToolResponse;
+    };
     /**
      * Continues execution until specific location is reached.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -2731,6 +2731,11 @@ declare namespace ProtocolProxyApi {
      */
     invoke_enableDeviceBoundSessions(params: Protocol.Network.EnableDeviceBoundSessionsRequest): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Deletes a device bound session.
+     */
+    invoke_deleteDeviceBoundSession(params: Protocol.Network.DeleteDeviceBoundSessionRequest): Promise<Protocol.ProtocolResponseWithError>;
+
     /**
      * Fetches the schemeful site for a specific origin.
      */
@@ -4848,6 +4853,11 @@ declare namespace ProtocolProxyApi {
      */
     invoke_disable(): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Invokes a registered tool.
+     */
+    invoke_invokeTool(params: Protocol.WebMCP.InvokeToolRequest): Promise<Protocol.WebMCP.InvokeToolResponse>;
+
   }
   export interface WebMCPDispatcher {
     /**

package/front_end/generated/protocol.ts

@@ -11922,6 +11922,7 @@ export namespace Network {
 
   export const enum RefreshEventDetailsRefreshResult {
     Refreshed = 'Refreshed',
+    RefreshedAsWaiter = 'RefreshedAsWaiter',
     InitializedService = 'InitializedService',
     Unreachable = 'Unreachable',
     ServerError = 'ServerError',
@@ -11967,6 +11968,7 @@ export namespace Network {
     ServerRequested = 'ServerRequested',
     InvalidSessionParams = 'InvalidSessionParams',
     RefreshFatalError = 'RefreshFatalError',
+    DevTools = 'DevTools',
   }
 
   /**
@@ -12555,6 +12557,10 @@ export namespace Network {
     enable: boolean;
   }
 
+  export interface DeleteDeviceBoundSessionRequest {
+    key: DeviceBoundSessionKey;
+  }
+
   export interface FetchSchemefulSiteRequest {
     /**
      * The URL origin.
@@ -20356,6 +20362,28 @@ export namespace WebMCP {
     stackTrace?: Runtime.StackTrace;
   }
 
+  export interface InvokeToolRequest {
+    /**
+     * Frame in which to invoke the tool.
+     */
+    frameId: Page.FrameId;
+    /**
+     * Name of the tool to invoke.
+     */
+    toolName: string;
+    /**
+     * Input parameters for the tool, matching the tool's inputSchema.
+     */
+    input: any;
+  }
+
+  export interface InvokeToolResponse extends ProtocolResponseWithError {
+    /**
+     * Unique identifier for this invocation. Response is sent before tool events.
+     */
+    invocationId: string;
+  }
+
   /**
    * Event fired when new tools are added.
    */

package/front_end/models/ai_assistance/agents/PerformanceAgent.snapshot.txt

@@ -11,7 +11,10 @@ Content:
     ],
     "widgets": [
       {
-        "name": "CORE_VITALS"
+        "name": "TIMELINE_RANGE_SUMMARY"
+      },
+      {
+        "name": "BOTTOM_UP_TREE"
       }
     ]
   },

package/front_end/models/ai_assistance/agents/PerformanceAgent.ts

@@ -432,6 +432,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
    * we only show it once.
    */
   #hasShownWidgetForInsightSet = new WeakSet<Trace.Insights.Types.InsightSet>();
+  #hasShownWidgetForCallTree = new WeakSet<AICallTree>();
 
   get preamble(): string {
     return buildPreamble();
@@ -472,16 +473,44 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
     contextDisclosure.push(...this.#additionalSelectionsForQuery);
 
     const widgets: AiWidget[] = [];
-    const primaryInsightSet = context.getItem().primaryInsightSet;
-    if (primaryInsightSet && !this.#hasShownWidgetForInsightSet.has(primaryInsightSet)) {
-      widgets.push({
-        name: 'CORE_VITALS',
-        data: {
-          parsedTrace: context.getItem().parsedTrace,
-          insightSetKey: primaryInsightSet.id,
-        },
-      });
-      this.#hasShownWidgetForInsightSet.add(primaryInsightSet);
+    const focus = context.getItem();
+
+    // If the user has selected a specific task (call tree) as context, show the summary and bottom-up tree for it.
+    // Otherwise, show the high-level Core Web Vitals widget for the trace or insight.
+    if (focus.callTree && !this.#hasShownWidgetForCallTree.has(focus.callTree)) {
+      const event = focus.callTree.selectedNode?.event;
+      if (event) {
+        const {startTime, endTime} = Trace.Helpers.Timing.eventTimingsMicroSeconds(event);
+        const bounds = Trace.Helpers.Timing.traceWindowFromMicroSeconds(startTime, endTime);
+        widgets.push({
+          name: 'TIMELINE_RANGE_SUMMARY',
+          data: {
+            bounds,
+            parsedTrace: focus.parsedTrace,
+            track: 'main',
+          },
+        });
+        widgets.push({
+          name: 'BOTTOM_UP_TREE',
+          data: {
+            bounds,
+            parsedTrace: focus.parsedTrace,
+          },
+        });
+        this.#hasShownWidgetForCallTree.add(focus.callTree);
+      }
+    } else {
+      const primaryInsightSet = focus.primaryInsightSet;
+      if (primaryInsightSet && !this.#hasShownWidgetForInsightSet.has(primaryInsightSet)) {
+        widgets.push({
+          name: 'CORE_VITALS',
+          data: {
+            parsedTrace: focus.parsedTrace,
+            insightSetKey: primaryInsightSet.id,
+          },
+        });
+        this.#hasShownWidgetForInsightSet.add(primaryInsightSet);
+      }
     }
 
     yield {

package/front_end/models/issues_manager/IssuesManager.ts

@@ -155,6 +155,10 @@ const issueCodeHandlers = new Map<
   ],
 ]);
 
+export function isIssueCodeSupported(code: Protocol.Audits.InspectorIssueCode): boolean {
+  return issueCodeHandlers.has(code);
+}
+
 /**
  * Each issue reported by the backend can result in multiple `Issue` instances.
  * Handlers are simple functions hard-coded into a map.

package/front_end/models/stack_trace/DetailedErrorStackParser.ts

@@ -4,6 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
+import type * as Protocol from '../../generated/protocol.js';
 
 import type {RawFrame} from './Trie.js';
 
@@ -140,3 +141,21 @@ export function parseRawFramesFromErrorStack(stack: string): RawFrame[] {
   }
   return rawFrames;
 }
+
+/**
+ * Error#stack output only contains script URLs. In some cases we are able to
+ * retrieve additional exception details from V8 that we can use to augment
+ * the parsed Error#stack with script IDs.
+ */
+export function augmentRawFramesWithScriptIds(
+    rawFrames: RawFrame[], protocolStackTrace: Protocol.Runtime.StackTrace): void {
+  for (const rawFrame of rawFrames) {
+    const protocolFrame = protocolStackTrace.callFrames.find(
+        frame => rawFrame.url === frame.url && rawFrame.lineNumber === frame.lineNumber &&
+            rawFrame.columnNumber === frame.columnNumber);
+    if (protocolFrame) {
+      // @ts-expect-error scriptId is a readonly property.
+      rawFrame.scriptId = protocolFrame.scriptId;
+    }
+  }
+}

package/front_end/models/stack_trace/StackTraceModel.ts

@@ -6,6 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 
+import {augmentRawFramesWithScriptIds, parseRawFramesFromErrorStack} from './DetailedErrorStackParser.js';
 // eslint-disable-next-line @devtools/es-modules-import
 import * as StackTrace from './stack_trace.js';
 import {
@@ -14,6 +15,7 @@ import {
   DebuggableFragmentImpl,
   FragmentImpl,
   FrameImpl,
+  ParsedErrorStackFragmentImpl,
   StackTraceImpl
 } from './StackTraceImpl.js';
 import {type FrameNode, type RawFrame, Trie} from './Trie.js';
@@ -54,6 +56,23 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
     return new StackTraceImpl(syncFragment, asyncFragments);
   }
 
+  async createFromErrorStackLikeString(
+      stack: string, rawFramesToUIFrames: TranslateRawFrames,
+      exceptionDetails?: Protocol.Runtime.ExceptionDetails): Promise<StackTrace.StackTrace.ParsedErrorStackTrace> {
+    const rawFrames = parseRawFramesFromErrorStack(stack);
+    if (exceptionDetails?.stackTrace) {
+      augmentRawFramesWithScriptIds(rawFrames, exceptionDetails.stackTrace);
+    }
+
+    const [syncFragment, asyncFragments] = await Promise.all([
+      this.#createFragment(rawFrames, rawFramesToUIFrames),
+      exceptionDetails?.stackTrace ? this.#createAsyncFragments(exceptionDetails.stackTrace, rawFramesToUIFrames) :
+                                     Promise.resolve([]),
+    ]);
+
+    return new StackTraceImpl(new ParsedErrorStackFragmentImpl(syncFragment), asyncFragments);
+  }
+
   async createFromDebuggerPaused(
       pausedDetails: SDK.DebuggerModel.DebuggerPausedDetails,
       rawFramesToUIFrames: TranslateRawFrames): Promise<StackTrace.StackTrace.DebuggableStackTrace> {
@@ -162,12 +181,32 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
     const uiFrames = await rawFramesToUIFrames(rawFrames, this.target());
     console.assert(rawFrames.length === uiFrames.length, 'Broken rawFramesToUIFrames implementation');
 
+    const evalOriginPromises: Array<ReturnType<TranslateRawFrames>> = [];
+    for (const node of fragment.node.getCallStack()) {
+      if (node.parsedFrameInfo?.evalOrigin) {
+        // Evaluate each eval origin individually, as they are not a contiguous stack trace.
+        evalOriginPromises.push(rawFramesToUIFrames([node.parsedFrameInfo.evalOrigin], this.target()));
+      }
+    }
+
+    const evalUiFrames = await Promise.all(evalOriginPromises);
+
     let i = 0;
+    let evalI = 0;
     for (const node of fragment.node.getCallStack()) {
       node.frames = uiFrames[i++].map(
           frame => new FrameImpl(
               frame.url, frame.uiSourceCode, frame.name, frame.line, frame.column, frame.missingDebugInfo,
               node.rawFrame.functionName));
+
+      if (node.parsedFrameInfo?.evalOrigin) {
+        const evalOriginRawFrame = node.parsedFrameInfo.evalOrigin;
+        // evalUiFrames[evalI] is Array<Array<Frame>>, and since we passed a 1-element array, we take [0]
+        node.evalOriginFrames = evalUiFrames[evalI++][0].map(
+            frame => new FrameImpl(
+                frame.url, frame.uiSourceCode, frame.name, frame.line, frame.column, frame.missingDebugInfo,
+                evalOriginRawFrame.functionName));
+      }
     }
   }
 

package/front_end/panels/ai_assistance/components/AccessibilityAgentMarkdownRenderer.ts

@@ -13,6 +13,18 @@ import {MarkdownRendererWithCodeBlock} from './MarkdownRendererWithCodeBlock.js'
 const {html} = Lit.StaticHtml;
 const {until} = Lit.Directives;
 
+/**
+ * Represents the different types of links that can be parsed from the AI agent's response.
+ * The agent can linkify a node either by its backend node ID or by its full DOM path.
+ */
+type ParsedLink = {
+  type: 'path',
+  path: string,
+}|{
+  type: 'node',
+  nodeId: Protocol.DOM.BackendNodeId,
+};
+
 export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCodeBlock {
   constructor(
       private mainFrameId = '',
@@ -22,28 +34,54 @@ export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCode
 
   override templateForToken(token: Marked.Marked.MarkedToken): Lit.LitTemplate|null {
     if (token.type === 'link' && token.href.startsWith('#')) {
-      if (token.href.startsWith('#path-')) {
-        const path = token.href.replace('#path-', '');
-        return html`<span>${
-            until(this.#linkifyPath(path, token.text).then(node => node || token.text), token.text)}</span>`;
-      }
+      const parsed = this.#parseLink(token.href);
+      if (parsed) {
+        const resultPromise = parsed.type === 'path' ? this.#linkifyPath(parsed.path, token.text) :
+                                                       this.#linkifyNode(parsed.nodeId, token.text);
 
-      let nodeId = undefined;
-      if (token.href.startsWith('#node-')) {
-        nodeId = Number(token.href.replace('#node-', '')) as Protocol.DOM.BackendNodeId;
-      } else if (token.href.startsWith('#')) {
-        nodeId = Number(token.href.replace('#', '')) as Protocol.DOM.BackendNodeId;
+        return html`<span>${until(resultPromise.then(node => node || token.text), token.text)}</span>`;
       }
+    }
+
+    return super.templateForToken(token);
+  }
 
-      if (nodeId) {
-        return html`<span>${
-            until(this.#linkifyNode(nodeId, token.text).then(node => node || token.text), token.text)}</span>`;
+  /**
+   * Parses a link href to determine if it's a node ID or a DOM path.
+   *
+   * The AI agent is instructed to use #node-ID or #path-PATH, but
+   * sometimes it omits the prefixes, in which case we try to detect
+   * paths by looking for `#1,HTML` which is often how paths in LH
+   * start.
+   */
+  #parseLink(href: string): ParsedLink|null {
+    if (href.startsWith('#path-')) {
+      return {type: 'path', path: href.replace('#path-', '')};
+    }
+    if (href.startsWith('#1,HTML')) {
+      return {type: 'path', path: href.slice(1)};
+    }
+
+    let nodeIdStr = '';
+    if (href.startsWith('#node-')) {
+      nodeIdStr = href.replace('#node-', '');
+    } else if (href.startsWith('#')) {
+      nodeIdStr = href.slice(1);
+    }
+
+    if (nodeIdStr.trim() !== '') {
+      const nodeId = Number(nodeIdStr);
+      if (Number.isInteger(nodeId)) {
+        return {type: 'node', nodeId: nodeId as Protocol.DOM.BackendNodeId};
       }
     }
 
-    return super.templateForToken(token);
+    return null;
   }
 
+  /**
+   * Linkifies a node using its backend node ID.
+   */
   async #linkifyNode(backendNodeId: Protocol.DOM.BackendNodeId, label: string): Promise<Lit.LitTemplate|undefined> {
     if (backendNodeId === undefined) {
       return;
@@ -68,6 +106,9 @@ export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCode
     return linkedNode;
   }
 
+  /**
+   * Linkifies a node using its full DOM path (e.g. "1,HTML,1,BODY,...").
+   */
   async #linkifyPath(path: string, label: string): Promise<Lit.LitTemplate|undefined> {
     const target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
     const domModel = target?.model(SDK.DOMModel.DOMModel);

package/front_end/panels/application/WebMCPView.ts

@@ -11,6 +11,7 @@ import '../../ui/legacy/legacy.js';
 import type {JSONSchema7, JSONSchema7Definition} from 'json-schema';
 
 import * as Common from '../../core/common/common.js';
+import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
@@ -158,6 +159,14 @@ const UIStrings = {
    * @example {1} PH1
    */
   inProgressCount: '{PH1} In Progress',
+  /**
+   * @description Context menu action to copy the name of a tool
+   */
+  copyName: 'Copy name',
+  /**
+   * @description Context menu action to copy the description of a tool
+   */
+  copyDescription: 'Copy description',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/application/WebMCPView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -350,6 +359,16 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
         return i18nString(UIStrings.inProgress);
     }
   };
+  const onToolContextMenu = (event: Event, tool: WebMCP.WebMCPModel.Tool): void => {
+    const contextMenu = new UI.ContextMenu.ContextMenu(event);
+    contextMenu.defaultSection().appendItem(i18nString(UIStrings.copyName), () => {
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(tool.name);
+    }, {jslogContext: 'webmcp.copy-tool-name'});
+    contextMenu.defaultSection().appendItem(i18nString(UIStrings.copyDescription), () => {
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(tool.description);
+    }, {jslogContext: 'webmcp.copy-tool-description'});
+    void contextMenu.show();
+  };
   // clang-format off
   render(html`
     <style>${webMCPViewStyles}</style>
@@ -491,7 +510,8 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
                 const groups = getIconGroupsFromStats(toolStats);
                 return html`
                     <div class=${Directives.classMap({'tool-item': true, selected: tool === input.selectedTool})}
-                         @click=${() => input.onToolSelect(tool)}>
+                         @click=${() => input.onToolSelect(tool)}
+                         @contextmenu=${(e: Event) => onToolContextMenu(e, tool)}>
                     <div class="tool-name-container">
                       <div class="tool-name source-code">${tool.name}</div>
                       ${groups.length > 0 ? html`<icon-button .data=${

package/front_end/panels/application/webMCPView.css

@@ -77,7 +77,7 @@
         height: 100%;
         display: flex;
         flex-direction: column;
-        overflow: auto;
+        overflow: hidden;
     }
 
     .tool-details-grid {
@@ -86,6 +86,7 @@
       gap: 0 var(--sys-size-16);
       padding: calc(0.5*var(--sys-size-6)) var(--sys-size-8);
       align-items: flex-start;
+      overflow-y: auto;
 
       .label {
         color: var(--sys-color-on-surface-subtle);
@@ -94,6 +95,8 @@
       }
 
       .value {
+        user-select: text;
+
         &.source-code {
           color: var(--sys-color-token-attribute);
         }

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -1592,7 +1592,10 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     const label = document.createElement('div');
     label.classList.add('button-label');
     const text = document.createElement('div');
-    text.innerText = this.getExplainLabel();
+    // We use a data attribute and a CSS pseudo-element for the button label
+    // to prevent the text from being picked up by the console's custom
+    // copy-to-clipboard traversal, which only collects actual text nodes.
+    text.setAttribute('data-text', this.getExplainLabel());
     label.append(text);
     button.append(label);
     button.classList.add('hover-button');
@@ -1615,7 +1618,10 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     const label = document.createElement('div');
     label.classList.add('button-label');
     const text = document.createElement('div');
-    text.innerText = 'Debug with breakpoint AI';
+    // We use a data attribute and a CSS pseudo-element for the button label
+    // to prevent the text from being picked up by the console's custom
+    // copy-to-clipboard traversal, which only collects actual text nodes.
+    text.setAttribute('data-text', 'Debug with breakpoint AI');
     label.append(text);
     button.append(label);
     button.classList.add('hover-button');

package/front_end/panels/console/consoleView.css

@@ -615,6 +615,10 @@
   & div {
     display: inline-block;
     vertical-align: -1px;
+
+    &::after {
+      content: attr(data-text);
+    }
   }
 }
 

package/front_end/panels/protocol_monitor/JSONEditor.ts

@@ -410,7 +410,7 @@ export class JSONEditor extends Common.ObjectWrapper.eventMixin<EventTypes, type
       typeRef: schema?.typeRef,
       value,
       description,
-    } as Parameter;
+    } as unknown as Parameter;
   }
 
   #convertPrimitiveParameter(key: string, value: unknown, schema?: Parameter): Parameter {

package/front_end/panels/recorder/models/RecordingPlayer.ts

@@ -133,7 +133,7 @@ export class RecordingPlayer extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       throw new Error('could not find main page!');
     }
 
-    browser.on('targetdiscovered', (targetInfo: Protocol.Target.TargetInfo) => {
+    browser.on('targetdiscovered', (targetInfo: ReturnType<puppeteer.Target['_getTargetInfo']>) => {
       // Pop-ups opened by the main target won't be auto-attached. Therefore,
       // we need to create a session for them explicitly. We user openedId
       // and type to classify a target as requiring a session.

package/front_end/services/puppeteer/PuppeteerConnection.ts

@@ -91,7 +91,7 @@ export class PuppeteerConnectionHelper {
         undefined /* process */,
         undefined /* closeCallback */,
         undefined /* targetFilterCallback */,
-        target => isPageTargetCallback((target as puppeteer.Target)._getTargetInfo()),
+        target => isPageTargetCallback((target as puppeteer.Target)._getTargetInfo() as Protocol.Target.TargetInfo),
         false /* waitForInitiallyDiscoveredTargets */,
     );
 

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: aa779a3f59f2eda5d9befe0632bc75c1a05fe8dd
+Revision: 7e9e4ee5d284534f90cf424bf02eb9d65ed151ec
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/ui/kit/icons/Icon.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 /* eslint-disable @devtools/no-imperative-dom-api */
 
+// @ts-expect-error tsc 6 can't find type declarations for this file.
 import '../../../Images/Images.js';
 
 import iconStyles from './icon.css.js';

package/front_end/ui/legacy/Treeoutline.ts

@@ -1932,7 +1932,7 @@ export namespace TreeViewElement {
   }
 }
 
-export const ifExpanded = Lit.Directive.directive(class extends Lit.Directive.Directive {
+class IfExpandedDirective extends Lit.Directive.Directive {
   #partInfo: {type: Lit.Directive.PartType, startNode: Node};
   constructor(partInfo: Lit.Directive.PartInfo) {
     if (partInfo.type !== Lit.Directive.PartType.CHILD) {
@@ -1969,7 +1969,8 @@ export const ifExpanded = Lit.Directive.directive(class extends Lit.Directive.Di
     }
     return node.expanded;
   }
-});
+}
+export const ifExpanded = Lit.Directive.directive(IfExpandedDirective);
 
 export class TreeElementWrapper extends HTMLElement {
   #treeElement?: TreeElement;

package/front_end/ui/legacy/components/data_grid/DataGridElement.ts

@@ -50,7 +50,7 @@ const DUMMY_COLUMN_ID = 'dummy';  // SortableDataGrid.create requires at least o
  * @attribute striped If true, the data grid will have striped rows.
  * @attribute displayName
  */
-class DataGridElement extends UI.UIUtils.HTMLElementWithLightDOMTemplate {
+export class DataGridElement extends UI.UIUtils.HTMLElementWithLightDOMTemplate {
   static readonly observedAttributes = ['striped', 'name', 'inline', 'resize'];
 
   #dataGrid = SortableDataGrid.create([DUMMY_COLUMN_ID], [], '') as SortableDataGrid<DataGridElementNode>;
@@ -609,7 +609,7 @@ const INTERNAL_TOKEN: DataGridInternalToken = {
   token: 'DataGridInternalToken'
 };
 
-export const ifExpanded = Lit.Directive.directive(class extends Lit.Directive.Directive {
+class IfExpandedDirective extends Lit.Directive.Directive {
   #partInfo: {type: Lit.Directive.PartType, startNode: Node};
   constructor(partInfo: Lit.Directive.PartInfo) {
     if (partInfo.type !== Lit.Directive.PartType.CHILD) {
@@ -639,4 +639,5 @@ export const ifExpanded = Lit.Directive.directive(class extends Lit.Directive.Di
     }
     return node.expanded;
   }
-});
+}
+export const ifExpanded = Lit.Directive.directive(IfExpandedDirective);

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -4350,6 +4350,8 @@ export const knownContextValues = new Set([
   'webmcp.call-inputs',
   'webmcp.call-outputs',
   'webmcp.completed',
+  'webmcp.copy-tool-description',
+  'webmcp.copy-tool-name',
   'webmcp.declarative',
   'webmcp.error',
   'webmcp.imperative',

package/package.json

@@ -89,7 +89,7 @@
     "svgo": "3.3.2",
     "terser": "5.44.1",
     "ts-lit-plugin": "2.0.2",
-    "typescript": "5.9.3",
+    "typescript": "6.0.2",
     "typescript-eslint": "8.58.0",
     "uuid": "13.0.0",
     "webidl2": "24.5.0",
@@ -104,5 +104,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1614363"
+  "version": "1.0.1615539"
 }