chrome-devtools-frontend 1.0.971140 → 1.0.971727

package/config/gni/devtools_grd_files.gni

@@ -310,9 +310,9 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/federatedAuthRequestAccountsNoResponse.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestApprovalDeclined.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestCanceled.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataHttpNotFound.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataInvalidResponse.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientIdMetadataNoResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientMetadataHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientMetadataInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestClientMetadataNoResponse.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestErrorFetchingSignin.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestErrorIdToken.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenHttpNotFound.md",
@@ -320,10 +320,10 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenInvalidResponse.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestIdTokenNoResponse.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestInvalidSigninResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestManifestHttpNotFound.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestManifestInvalidResponse.md",
+  "front_end/models/issues_manager/descriptions/federatedAuthRequestManifestNoResponse.md",
   "front_end/models/issues_manager/descriptions/federatedAuthRequestTooManyRequests.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownHttpNotFound.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownInvalidResponse.md",
-  "front_end/models/issues_manager/descriptions/federatedAuthRequestWellKnownNoResponse.md",
   "front_end/models/issues_manager/descriptions/genericCrossOriginPortalPostMessageError.md",
   "front_end/models/issues_manager/descriptions/heavyAd.md",
   "front_end/models/issues_manager/descriptions/mixedContent.md",
@@ -335,6 +335,7 @@ grd_files_release_sources = [
   "front_end/models/persistence/persistence-legacy.js",
   "front_end/models/persistence/persistence-meta.js",
   "front_end/models/persistence/persistence.js",
+  "front_end/models/source_map_scopes/source_map_scopes.js",
   "front_end/models/text_utils/text_utils-legacy.js",
   "front_end/models/text_utils/text_utils.js",
   "front_end/models/timeline_model/timeline_model-legacy.js",
@@ -761,6 +762,7 @@ grd_files_debug_sources = [
   "front_end/models/persistence/WorkspaceSettingsTab.js",
   "front_end/models/persistence/editFileSystemView.css.js",
   "front_end/models/persistence/workspaceSettingsTab.css.js",
+  "front_end/models/source_map_scopes/NamesResolver.js",
   "front_end/models/text_utils/ContentProvider.js",
   "front_end/models/text_utils/StaticContentProvider.js",
   "front_end/models/text_utils/Text.js",
@@ -1215,7 +1217,6 @@ grd_files_debug_sources = [
   "front_end/panels/sources/ScriptOriginPlugin.js",
   "front_end/panels/sources/SearchSourcesView.js",
   "front_end/panels/sources/SnippetsPlugin.js",
-  "front_end/panels/sources/SourceMapNamesResolver.js",
   "front_end/panels/sources/SourcesNavigator.js",
   "front_end/panels/sources/SourcesPanel.js",
   "front_end/panels/sources/SourcesSearchScope.js",

package/front_end/core/common/ParsedURL.ts

@@ -167,7 +167,7 @@ export class ParsedURL {
    */
   static encodedFromParentPathAndName(parentPath: Platform.DevToolsPath.EncodedPathString, name: string):
       Platform.DevToolsPath.EncodedPathString {
-    return parentPath + '/' + encodeURIComponent(name) as Platform.DevToolsPath.EncodedPathString;
+    return ParsedURL.concatenate(parentPath, '/', encodeURIComponent(name));
   }
 
   /**
@@ -175,7 +175,7 @@ export class ParsedURL {
    */
   static urlFromParentUrlAndName(parentUrl: Platform.DevToolsPath.UrlString, name: string):
       Platform.DevToolsPath.UrlString {
-    return parentUrl + '/' + encodeURIComponent(name) as Platform.DevToolsPath.UrlString;
+    return ParsedURL.concatenate(parentUrl, '/', encodeURIComponent(name));
   }
 
   static encodedPathToRawPathString(encPath: Platform.DevToolsPath.EncodedPathString):
@@ -218,7 +218,13 @@ export class ParsedURL {
   static substr<DevToolsPathType extends Platform.DevToolsPath.UrlString|Platform.DevToolsPath.RawPathString|
                                          Platform.DevToolsPath.EncodedPathString>(
       devToolsPath: DevToolsPathType, from: number, length?: number): DevToolsPathType {
-    return devToolsPath.substr(from, length) as typeof devToolsPath;
+    return devToolsPath.substr(from, length) as DevToolsPathType;
+  }
+
+  static concatenate<DevToolsPathType extends Platform.DevToolsPath.UrlString|Platform.DevToolsPath
+                                                  .RawPathString|Platform.DevToolsPath.EncodedPathString>(
+      devToolsPath: DevToolsPathType, ...appendage: string[]): DevToolsPathType {
+    return devToolsPath.concat(...appendage) as DevToolsPathType;
   }
 
   static urlWithoutHash(url: string): string {

package/front_end/core/host/UserMetrics.ts

@@ -587,8 +587,9 @@ export enum DevtoolsExperiments {
   'stylesPaneCSSChanges' = 55,
   'headerOverrides' = 56,
   'lighthousePanelFR' = 57,
+  'evaluateExpressionsWithSourceMaps' = 58,
   // Increment this when new experiments are added.
-  'MaxValue' = 58,
+  'MaxValue' = 59,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 

package/front_end/core/sdk/CSSModel.ts

@@ -429,6 +429,27 @@ export class CSSModel extends SDKModel<EventTypes> {
     }
   }
 
+  async setSupportsText(
+      styleSheetId: Protocol.CSS.StyleSheetId, range: TextUtils.TextRange.TextRange,
+      newSupportsText: string): Promise<boolean> {
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.StyleRuleEdited);
+
+    try {
+      await this.ensureOriginalStyleSheetText(styleSheetId);
+      const {supports} = await this.agent.invoke_setSupportsText({styleSheetId, range, text: newSupportsText});
+
+      if (!supports) {
+        return false;
+      }
+      this.#domModel.markUndoableState();
+      const edit = new Edit(styleSheetId, range, newSupportsText, supports);
+      this.fireStyleSheetChanged(styleSheetId, edit);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
   async addRule(styleSheetId: Protocol.CSS.StyleSheetId, ruleText: string, ruleLocation: TextUtils.TextRange.TextRange):
       Promise<CSSStyleRule|null> {
     try {

package/front_end/core/sdk/CSSStyleSheetHeader.ts

@@ -5,6 +5,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import type {CSSModel} from './CSSModel.js';
@@ -30,7 +31,7 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
   #cssModelInternal: CSSModel;
   id: Protocol.CSS.StyleSheetId;
   frameId: Protocol.Page.FrameId;
-  sourceURL: string;
+  sourceURL: Platform.DevToolsPath.UrlString;
   hasSourceURL: boolean;
   origin: Protocol.CSS.StyleSheetOrigin;
   title: string;
@@ -51,7 +52,7 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
     this.#cssModelInternal = cssModel;
     this.id = payload.styleSheetId;
     this.frameId = payload.frameId;
-    this.sourceURL = payload.sourceURL;
+    this.sourceURL = payload.sourceURL as Platform.DevToolsPath.UrlString;
     this.hasSourceURL = Boolean(payload.hasSourceURL);
     this.origin = payload.origin;
     this.title = payload.title;
@@ -102,19 +103,19 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
     return this.isConstructed && this.sourceURL.length === 0;
   }
 
-  resourceURL(): string {
-    return this.isViaInspector() ? this.viaInspectorResourceURL() : this.sourceURL;
+  resourceURL(): Platform.DevToolsPath.UrlString {
+    return (this.isViaInspector() ? this.viaInspectorResourceURL() : this.sourceURL);
   }
 
-  private viaInspectorResourceURL(): string {
+  private viaInspectorResourceURL(): Platform.DevToolsPath.UrlString {
     const model = this.#cssModelInternal.target().model(ResourceTreeModel);
     console.assert(Boolean(model));
     if (!model) {
-      return '';
+      return '' as Platform.DevToolsPath.UrlString;
     }
     const frame = model.frameForId(this.frameId);
     if (!frame) {
-      return '';
+      return '' as Platform.DevToolsPath.UrlString;
     }
     console.assert(Boolean(frame));
     const parsedURL = new Common.ParsedURL.ParsedURL(frame.url);
@@ -123,7 +124,7 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
       fakeURL += '/';
     }
     fakeURL += 'inspector-stylesheet';
-    return fakeURL;
+    return fakeURL as Platform.DevToolsPath.UrlString;
   }
 
   lineNumberInSource(lineNumberInStyleSheet: number): number {
@@ -145,8 +146,7 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
     return afterStart && beforeEnd;
   }
 
-  // TODO(crbug.com/1253323): Cast to RawPathString will be removed when migration to branded types is complete.
-  contentURL(): string {
+  contentURL(): Platform.DevToolsPath.UrlString {
     return this.resourceURL();
   }
 

package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts

@@ -31,6 +31,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 
 import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 import {PageResourceLoader} from './PageResourceLoader.js';
@@ -48,18 +49,19 @@ const str_ = i18n.i18n.registerUIStrings('core/sdk/CompilerSourceMappingContentP
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class CompilerSourceMappingContentProvider implements TextUtils.ContentProvider.ContentProvider {
-  readonly #sourceURL: string;
+  readonly #sourceURL: Platform.DevToolsPath.UrlString;
   readonly #contentTypeInternal: Common.ResourceType.ResourceType;
   readonly #initiator: PageResourceLoadInitiator;
 
-  constructor(sourceURL: string, contentType: Common.ResourceType.ResourceType, initiator: PageResourceLoadInitiator) {
+  constructor(
+      sourceURL: Platform.DevToolsPath.UrlString, contentType: Common.ResourceType.ResourceType,
+      initiator: PageResourceLoadInitiator) {
     this.#sourceURL = sourceURL;
     this.#contentTypeInternal = contentType;
     this.#initiator = initiator;
   }
 
-  // TODO(crbug.com/1253323): Cast to RawPathString will be removed when migration to branded types is complete.
-  contentURL(): string {
+  contentURL(): Platform.DevToolsPath.UrlString {
     return this.#sourceURL;
   }
 

package/front_end/core/sdk/DOMDebuggerModel.ts

@@ -4,6 +4,7 @@
 
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
@@ -515,7 +516,7 @@ export class EventListener {
   readonly #handlerInternal: RemoteObject|null;
   readonly #originalHandlerInternal: RemoteObject|null;
   readonly #locationInternal: Location;
-  readonly #sourceURLInternal: string;
+  readonly #sourceURLInternal: Platform.DevToolsPath.UrlString;
   readonly #customRemoveFunction: RemoteObject|null;
   #originInternal: string;
 
@@ -533,7 +534,7 @@ export class EventListener {
     this.#originalHandlerInternal = originalHandler || handler;
     this.#locationInternal = location;
     const script = location.script();
-    this.#sourceURLInternal = script ? script.contentURL() : '';
+    this.#sourceURLInternal = script ? script.contentURL() : '' as Platform.DevToolsPath.UrlString;
     this.#customRemoveFunction = customRemoveFunction;
     this.#originInternal = origin || EventListener.Origin.Raw;
   }
@@ -566,7 +567,7 @@ export class EventListener {
     return this.#locationInternal;
   }
 
-  sourceURL(): string {
+  sourceURL(): Platform.DevToolsPath.UrlString {
     return this.#sourceURLInternal;
   }
 

package/front_end/core/sdk/DebuggerModel.ts

@@ -418,14 +418,13 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     return this.agent.invoke_pauseOnAsyncCall({parentStackTraceId: parentStackTraceId});
   }
 
-  async setBreakpointByURL(url: string, lineNumber: number, columnNumber?: number, condition?: string):
-      Promise<SetBreakpointResult> {
+  async setBreakpointByURL(
+      url: Platform.DevToolsPath.UrlString, lineNumber: number, columnNumber?: number,
+      condition?: string): Promise<SetBreakpointResult> {
     // Convert file url to node-js path.
     let urlRegex;
     if (this.target().type() === Type.Node && url.startsWith('file://')) {
-      // TODO(crbug.com/1253323): Cast to UrlString will be removed when migration to branded types is complete.
-      const platformPath =
-          Common.ParsedURL.ParsedURL.urlToRawPathString(url as Platform.DevToolsPath.UrlString, Host.Platform.isWin());
+      const platformPath = Common.ParsedURL.ParsedURL.urlToRawPathString(url, Host.Platform.isWin());
       urlRegex =
           `${Platform.StringUtilities.escapeForRegExp(platformPath)}|${Platform.StringUtilities.escapeForRegExp(url)}`;
       if (Host.Platform.isWin() && platformPath.match(/^.:\\/)) {
@@ -696,14 +695,14 @@ export class DebuggerModel extends SDKModel<EventTypes> {
   }
 
   parsedScriptSource(
-      scriptId: Protocol.Runtime.ScriptId, sourceURL: string, startLine: number, startColumn: number, endLine: number,
-      endColumn: number,
+      scriptId: Protocol.Runtime.ScriptId, sourceURL: Platform.DevToolsPath.UrlString, startLine: number,
+      startColumn: number, endLine: number, endColumn: number,
       // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       executionContextId: number, hash: string, executionContextAuxData: any, isLiveEdit: boolean,
-      sourceMapURL: string|undefined, hasSourceURLComment: boolean, hasSyntaxError: boolean, length: number,
-      isModule: boolean|null, originStackTrace: Protocol.Runtime.StackTrace|null, codeOffset: number|null,
-      scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null,
+      sourceMapURL: Platform.DevToolsPath.UrlString|undefined, hasSourceURLComment: boolean, hasSyntaxError: boolean,
+      length: number, isModule: boolean|null, originStackTrace: Protocol.Runtime.StackTrace|null,
+      codeOffset: number|null, scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null,
       embedderName: string|null): Script {
     const knownScript = this.#scriptsInternal.get(scriptId);
     if (knownScript) {
@@ -740,7 +739,7 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     return script;
   }
 
-  setSourceMapURL(script: Script, newSourceMapURL: string): void {
+  setSourceMapURL(script: Script, newSourceMapURL: Platform.DevToolsPath.UrlString): void {
     let sourceMapId = DebuggerModel.sourceMapId(script.executionContextId, script.sourceURL, script.sourceMapURL);
     if (sourceMapId && this.#sourceMapIdToScript.get(sourceMapId) === script) {
       this.#sourceMapIdToScript.delete(sourceMapId);
@@ -1058,8 +1057,9 @@ class DebuggerDispatcher implements ProtocolProxyApi.DebuggerDispatcher {
       return;
     }
     this.#debuggerModel.parsedScriptSource(
-        scriptId, url, startLine, startColumn, endLine, endColumn, executionContextId, hash, executionContextAuxData,
-        Boolean(isLiveEdit), sourceMapURL, Boolean(hasSourceURL), false, length || 0, isModule || null,
+        scriptId, url as Platform.DevToolsPath.UrlString, startLine, startColumn, endLine, endColumn,
+        executionContextId, hash, executionContextAuxData, Boolean(isLiveEdit),
+        sourceMapURL as Platform.DevToolsPath.UrlString, Boolean(hasSourceURL), false, length || 0, isModule || null,
         stackTrace || null, codeOffset || null, scriptLanguage || null, debugSymbols || null, embedderName || null);
   }
 
@@ -1086,9 +1086,10 @@ class DebuggerDispatcher implements ProtocolProxyApi.DebuggerDispatcher {
       return;
     }
     this.#debuggerModel.parsedScriptSource(
-        scriptId, url, startLine, startColumn, endLine, endColumn, executionContextId, hash, executionContextAuxData,
-        false, sourceMapURL, Boolean(hasSourceURL), true, length || 0, isModule || null, stackTrace || null,
-        codeOffset || null, scriptLanguage || null, null, embedderName || null);
+        scriptId, url as Platform.DevToolsPath.UrlString, startLine, startColumn, endLine, endColumn,
+        executionContextId, hash, executionContextAuxData, false, sourceMapURL as Platform.DevToolsPath.UrlString,
+        Boolean(hasSourceURL), true, length || 0, isModule || null, stackTrace || null, codeOffset || null,
+        scriptLanguage || null, null, embedderName || null);
   }
 
   breakpointResolved({breakpointId, location}: Protocol.Debugger.BreakpointResolvedEvent): void {

package/front_end/core/sdk/NetworkManager.ts

@@ -630,7 +630,7 @@ export class NetworkDispatcher implements ProtocolProxyApi.NetworkDispatcher {
       const lastModifiedHeader = lowercaseHeaders['last-modified'];
       // We missed the requestWillBeSent.
       const eventData: RequestUpdateDroppedEventData = {
-        url: response.url,
+        url: response.url as Platform.DevToolsPath.UrlString,
         frameId: frameId ?? null,
         loaderId: loaderId,
         resourceType: type,
@@ -1723,7 +1723,7 @@ export interface InterceptionPattern {
 export type RequestInterceptor = (request: InterceptedRequest) => Promise<void>;
 
 export interface RequestUpdateDroppedEventData {
-  url: string;
+  url: Platform.DevToolsPath.UrlString;
   frameId: Protocol.Page.FrameId|null;
   loaderId: Protocol.Network.LoaderId;
   resourceType: Protocol.Network.ResourceType;

package/front_end/core/sdk/NetworkRequest.ts

@@ -257,7 +257,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   #includedRequestCookiesInternal: Cookie[];
   #blockedResponseCookiesInternal: BlockedSetCookieWithReason[];
   localizedFailDescription: string|null;
-  #urlInternal!: string;
+  #urlInternal!: Platform.DevToolsPath.UrlString;
   #responseReceivedTimeInternal!: number;
   #transferSizeInternal!: number;
   #finishedInternal!: boolean;
@@ -406,7 +406,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     return this.#backendRequestIdInternal;
   }
 
-  url(): string {
+  url(): Platform.DevToolsPath.UrlString {
     return this.#urlInternal;
   }
 
@@ -414,12 +414,13 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     return this.#urlInternal.startsWith('blob:');
   }
 
+  // TODO(crbug.com/1253323): Cast to UrlString will be removed when migration to branded types is complete.
   setUrl(x: string): void {
     if (this.#urlInternal === x) {
       return;
     }
 
-    this.#urlInternal = x;
+    this.#urlInternal = x as Platform.DevToolsPath.UrlString;
     this.#parsedURLInternal = new Common.ParsedURL.ParsedURL(x);
     this.#queryStringInternal = undefined;
     this.#parsedQueryParameters = undefined;
@@ -1186,8 +1187,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.#contentDataProvider = dataProvider;
   }
 
-  // TODO(crbug.com/1253323): Cast to RawPathString will be removed when migration to branded types is complete.
-  contentURL(): string {
+  contentURL(): Platform.DevToolsPath.UrlString {
     return this.#urlInternal;
   }
 

package/front_end/core/sdk/Resource.ts

@@ -42,8 +42,8 @@ import type {ResourceTreeFrame, ResourceTreeModel} from './ResourceTreeModel.js'
 export class Resource implements TextUtils.ContentProvider.ContentProvider {
   readonly #resourceTreeModel: ResourceTreeModel;
   #requestInternal: NetworkRequest|null;
-  #urlInternal!: string;
-  readonly #documentURLInternal: string;
+  #urlInternal!: Platform.DevToolsPath.UrlString;
+  readonly #documentURLInternal: Platform.DevToolsPath.UrlString;
   readonly #frameIdInternal: Protocol.Page.FrameId|null;
   readonly #loaderIdInternal: Protocol.Network.LoaderId|null;
   readonly #type: Common.ResourceType.ResourceType;
@@ -58,9 +58,10 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
   #contentRequested?: boolean;
 
   constructor(
-      resourceTreeModel: ResourceTreeModel, request: NetworkRequest|null, url: string, documentURL: string,
-      frameId: Protocol.Page.FrameId|null, loaderId: Protocol.Network.LoaderId|null,
-      type: Common.ResourceType.ResourceType, mimeType: string, lastModified: Date|null, contentSize: number|null) {
+      resourceTreeModel: ResourceTreeModel, request: NetworkRequest|null, url: Platform.DevToolsPath.UrlString,
+      documentURL: Platform.DevToolsPath.UrlString, frameId: Protocol.Page.FrameId|null,
+      loaderId: Protocol.Network.LoaderId|null, type: Common.ResourceType.ResourceType, mimeType: string,
+      lastModified: Date|null, contentSize: number|null) {
     this.#resourceTreeModel = resourceTreeModel;
     this.#requestInternal = request;
     this.url = url;
@@ -101,11 +102,11 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
     return this.#requestInternal;
   }
 
-  get url(): string {
+  get url(): Platform.DevToolsPath.UrlString {
     return this.#urlInternal;
   }
 
-  set url(x: string) {
+  set url(x: Platform.DevToolsPath.UrlString) {
     this.#urlInternal = x;
     this.#parsedURLInternal = new Common.ParsedURL.ParsedURL(x);
   }
@@ -114,7 +115,7 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
     return this.#parsedURLInternal;
   }
 
-  get documentURL(): string {
+  get documentURL(): Platform.DevToolsPath.UrlString {
     return this.#documentURLInternal;
   }
 
@@ -150,8 +151,7 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
     this.#isGeneratedInternal = val;
   }
 
-  // TODO(crbug.com/1253323): Cast to RawPathString will be removed when migration to branded types is complete.
-  contentURL(): string {
+  contentURL(): Platform.DevToolsPath.UrlString {
     return this.#urlInternal;
   }
 

package/front_end/core/sdk/ResourceTreeModel.ts

@@ -34,6 +34,7 @@
 
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
@@ -50,6 +51,8 @@ import {SDKModel} from './SDKModel.js';
 import {TargetManager} from './TargetManager.js';
 import {SecurityOriginManager} from './SecurityOriginManager.js';
 
+// TODO(crbug.com/1253323): Casts to UrlString will be removed from this file when migration to branded types is complete.
+
 export class ResourceTreeModel extends SDKModel<EventTypes> {
   readonly agent: ProtocolProxyApi.PageApi;
   readonly #securityOriginManager: SecurityOriginManager;
@@ -237,8 +240,8 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     const frame = this.framesInternal.get(framePayload.id);
     if (frame && !frame.getResourcesMap().get(framePayload.url)) {
       const frameResource = this.createResourceFromFramePayload(
-          framePayload, framePayload.url, Common.ResourceType.resourceTypes.Document, framePayload.mimeType, null,
-          null);
+          framePayload, framePayload.url as Platform.DevToolsPath.UrlString, Common.ResourceType.resourceTypes.Document,
+          framePayload.mimeType, null, null);
       frameResource.isGenerated = true;
       frame.addResource(frameResource);
     }
@@ -301,8 +304,8 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     }
 
     const resource = new Resource(
-        this, null, url, frame.url, frameId, data.loaderId, Common.ResourceType.resourceTypes[data.resourceType],
-        data.mimeType, data.lastModified, null);
+        this, null, url, frame.url as Platform.DevToolsPath.UrlString, frameId, data.loaderId,
+        Common.ResourceType.resourceTypes[data.resourceType], data.mimeType, data.lastModified, null);
     frame.addResource(resource);
   }
 
@@ -342,25 +345,27 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     for (let i = 0; i < frameTreePayload.resources.length; ++i) {
       const subresource = frameTreePayload.resources[i];
       const resource = this.createResourceFromFramePayload(
-          framePayload, subresource.url, Common.ResourceType.resourceTypes[subresource.type], subresource.mimeType,
-          subresource.lastModified || null, subresource.contentSize || null);
+          framePayload, subresource.url as Platform.DevToolsPath.UrlString,
+          Common.ResourceType.resourceTypes[subresource.type], subresource.mimeType, subresource.lastModified || null,
+          subresource.contentSize || null);
       frame.addResource(resource);
     }
 
     if (!frame.getResourcesMap().get(framePayload.url)) {
       const frameResource = this.createResourceFromFramePayload(
-          framePayload, framePayload.url, Common.ResourceType.resourceTypes.Document, framePayload.mimeType, null,
-          null);
+          framePayload, framePayload.url as Platform.DevToolsPath.UrlString, Common.ResourceType.resourceTypes.Document,
+          framePayload.mimeType, null, null);
       frame.addResource(frameResource);
     }
   }
 
   private createResourceFromFramePayload(
-      frame: Protocol.Page.Frame, url: string, type: Common.ResourceType.ResourceType, mimeType: string,
-      lastModifiedTime: number|null, contentSize: number|null): Resource {
+      frame: Protocol.Page.Frame, url: Platform.DevToolsPath.UrlString, type: Common.ResourceType.ResourceType,
+      mimeType: string, lastModifiedTime: number|null, contentSize: number|null): Resource {
     const lastModified = typeof lastModifiedTime === 'number' ? new Date(lastModifiedTime * 1000) : null;
     return new Resource(
-        this, null, url, frame.url, frame.id, frame.loaderId, type, mimeType, lastModified, contentSize);
+        this, null, url, frame.url as Platform.DevToolsPath.UrlString, frame.id, frame.loaderId, type, mimeType,
+        lastModified, contentSize);
   }
 
   suspendReload(): void {
@@ -842,8 +847,8 @@ export class ResourceTreeFrame {
       return;
     }
     resource = new Resource(
-        this.#model, request, request.url(), request.documentURL, request.frameId, request.loaderId,
-        request.resourceType(), request.mimeType, null, null);
+        this.#model, request, request.url(), request.documentURL as Platform.DevToolsPath.UrlString, request.frameId,
+        request.loaderId, request.resourceType(), request.mimeType, null, null);
     this.resourcesMap.set(resource.url, resource);
     this.#model.dispatchEventToListeners(Events.ResourceAdded, resource);
   }

package/front_end/core/sdk/Script.ts

@@ -29,6 +29,7 @@
 
 import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
+import type * as Platform from '../../core/platform/platform.js';
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 
@@ -56,7 +57,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class Script implements TextUtils.ContentProvider.ContentProvider, FrameAssociated {
   debuggerModel: DebuggerModel;
   scriptId: Protocol.Runtime.ScriptId;
-  sourceURL: string;
+  sourceURL: Platform.DevToolsPath.UrlString;
   lineOffset: number;
   columnOffset: number;
   endLine: number;
@@ -65,7 +66,7 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
   hash: string;
   readonly #isContentScriptInternal: boolean;
   readonly #isLiveEditInternal: boolean;
-  sourceMapURL: string|undefined;
+  sourceMapURL: Platform.DevToolsPath.UrlString|undefined;
   debugSymbols: Protocol.Debugger.DebugSymbols|null;
   hasSourceURL: boolean;
   contentLength: number;
@@ -77,12 +78,12 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
   readonly #embedderNameInternal: string|null;
   readonly isModule: boolean|null;
   constructor(
-      debuggerModel: DebuggerModel, scriptId: Protocol.Runtime.ScriptId, sourceURL: string, startLine: number,
-      startColumn: number, endLine: number, endColumn: number, executionContextId: number, hash: string,
-      isContentScript: boolean, isLiveEdit: boolean, sourceMapURL: string|undefined, hasSourceURL: boolean,
-      length: number, isModule: boolean|null, originStackTrace: Protocol.Runtime.StackTrace|null,
-      codeOffset: number|null, scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null,
-      embedderName: string|null) {
+      debuggerModel: DebuggerModel, scriptId: Protocol.Runtime.ScriptId, sourceURL: Platform.DevToolsPath.UrlString,
+      startLine: number, startColumn: number, endLine: number, endColumn: number, executionContextId: number,
+      hash: string, isContentScript: boolean, isLiveEdit: boolean,
+      sourceMapURL: Platform.DevToolsPath.UrlString|undefined, hasSourceURL: boolean, length: number,
+      isModule: boolean|null, originStackTrace: Protocol.Runtime.StackTrace|null, codeOffset: number|null,
+      scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null, embedderName: string|null) {
     this.debuggerModel = debuggerModel;
     this.scriptId = scriptId;
     this.sourceURL = sourceURL;
@@ -163,8 +164,7 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
     return this.#isLiveEditInternal;
   }
 
-  // TODO(crbug.com/1253323): Cast to RawPathString will be removed when migration to branded types is complete.
-  contentURL(): string {
+  contentURL(): Platform.DevToolsPath.UrlString {
     return this.sourceURL;
   }
 

package/front_end/core/sdk/SourceMap.ts

@@ -211,7 +211,9 @@ export class TextSourceMap implements SourceMap {
     if (info && info.content) {
       return TextUtils.StaticContentProvider.StaticContentProvider.fromString(sourceURL, contentType, info.content);
     }
-    return new CompilerSourceMappingContentProvider(sourceURL, contentType, this.#initiator);
+    // TODO(crbug.com/1253323): Cast to UrlString will be removed when migration to branded types is complete.
+    return new CompilerSourceMappingContentProvider(
+        sourceURL as Platform.DevToolsPath.UrlString, contentType, this.#initiator);
   }
 
   embeddedContentByURL(sourceURL: string): string|null {

package/front_end/entrypoints/main/MainImpl.ts

@@ -309,9 +309,14 @@ export class MainImpl {
         'timelineV8RuntimeCallStats', 'Timeline: V8 Runtime Call Stats on Timeline', true);
     Root.Runtime.experiments.register('timelineWebGL', 'Timeline: WebGL-based flamechart');
     Root.Runtime.experiments.register('timelineReplayEvent', 'Timeline: Replay input events', true);
+
+    // Debugging
     Root.Runtime.experiments.register(
         'wasmDWARFDebugging', 'WebAssembly Debugging: Enable DWARF support', undefined,
         'https://developer.chrome.com/blog/wasm-debugging-2020/');
+    Root.Runtime.experiments.register(
+        'evaluateExpressionsWithSourceMaps', 'Console: Resolve variable names in expressions using source maps',
+        undefined);
 
     // Dual-screen
     Root.Runtime.experiments.register(