npm - chrome-devtools-frontend - Versions diffs - 1.0.953165 → 1.0.954163 - Mend

chrome-devtools-frontend 1.0.953165 → 1.0.954163

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/config/gni/devtools_grd_files.gni CHANGED Viewed

@@ -93,6 +93,7 @@ grd_files_release_sources = [
   "front_end/Images/ic_suggest_color.svg",
   "front_end/Images/ic_undo_16x16_icon.svg",
   "front_end/Images/ic_warning_black_18dp.svg",
+  "front_end/Images/info-icon.svg",
   "front_end/Images/issue-cross-icon.svg",
   "front_end/Images/issue-exclamation-icon.svg",
   "front_end/Images/issue-questionmark-icon.svg",
@@ -460,6 +461,7 @@ grd_files_release_sources = [
   "front_end/ui/components/expandable_list/expandable_list.js",
   "front_end/ui/components/helpers/helpers.js",
   "front_end/ui/components/icon_button/icon_button.js",
+  "front_end/ui/components/input/input.js",
   "front_end/ui/components/issue_counter/issue_counter.js",
   "front_end/ui/components/linear_memory_inspector/linear_memory_inspector-meta.js",
   "front_end/ui/components/linear_memory_inspector/linear_memory_inspector.js",
@@ -1321,6 +1323,8 @@ grd_files_debug_sources = [
   "front_end/ui/components/icon_button/IconButton.js",
   "front_end/ui/components/icon_button/icon.css.js",
   "front_end/ui/components/icon_button/iconButton.css.js",
+  "front_end/ui/components/input/checkbox.css.js",
+  "front_end/ui/components/input/textInput.css.js",
   "front_end/ui/components/issue_counter/IssueCounter.js",
   "front_end/ui/components/issue_counter/IssueLinkIcon.js",
   "front_end/ui/components/issue_counter/issueCounter.css.js",

package/config/gni/devtools_image_files.gni CHANGED Viewed

@@ -103,6 +103,7 @@ devtools_svg_sources = [
   "ic_suggest_color.svg",
   "ic_undo_16x16_icon.svg",
   "ic_warning_black_18dp.svg",
+  "info-icon.svg",
   "issue-cross-icon.svg",
   "issue-exclamation-icon.svg",
   "issue-questionmark-icon.svg",

package/front_end/Images/src/info-icon.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg width="11" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5.5" cy="6" r="5" stroke="#202124"/><path fill="#202124" d="M5 4.5h1v5H5zM5 2.5h1v1H5z"/></svg>

package/front_end/core/common/ParsedURL.ts CHANGED Viewed

@@ -110,6 +110,30 @@ export class ParsedURL {
     return null;
   }
+  private static preEncodeSpecialCharactersInPath(path: string): string {
+    // Based on net::FilePathToFileURL. Ideally we would handle
+    // '\\' as well on non-Windows file systems.
+    for (const specialChar of ['%', ';', '#', '?']) {
+      (path as string) = path.replaceAll(specialChar, encodeURIComponent(specialChar));
+    }
+    return path;
+  }
+  static rawPathToEncodedPathString(path: Platform.DevToolsPath.RawPathString):
+      Platform.DevToolsPath.EncodedPathString {
+    const partiallyEncoded = ParsedURL.preEncodeSpecialCharactersInPath(path);
+    if (path.startsWith('/')) {
+      return new URL(partiallyEncoded, 'file:///').pathname as Platform.DevToolsPath.EncodedPathString;
+    }
+    // URL prepends a '/'
+    return new URL('/' + partiallyEncoded, 'file:///').pathname.substr(1) as Platform.DevToolsPath.EncodedPathString;
+  }
+  static encodedPathToRawPathString(encPath: Platform.DevToolsPath.EncodedPathString):
+      Platform.DevToolsPath.RawPathString {
+    return decodeURIComponent(encPath) as Platform.DevToolsPath.RawPathString;
+  }
   static rawPathToUrlString(fileSystemPath: Platform.DevToolsPath.RawPathString): Platform.DevToolsPath.UrlString {
     let rawPath: string = fileSystemPath;
     rawPath = rawPath.replace(/\\/g, '/');
@@ -123,6 +147,13 @@ export class ParsedURL {
     return rawPath as Platform.DevToolsPath.UrlString;
   }
+  static relativePathToUrlString(relativePath: string, baseURL: Platform.DevToolsPath.UrlString):
+      Platform.DevToolsPath.UrlString {
+    const preEncodedPath: string = ParsedURL.preEncodeSpecialCharactersInPath(
+        relativePath.replace(/\\/g, '/') as Platform.DevToolsPath.RawPathString);
+    return new URL(preEncodedPath, baseURL).toString() as Platform.DevToolsPath.UrlString;
+  }
   static capFilePrefix(fileURL: Platform.DevToolsPath.UrlString, isWindows?: boolean):
       Platform.DevToolsPath.RawPathString {
     console.assert(fileURL.startsWith('file://'), 'This must be a file URL.');

package/front_end/core/i18n/i18nImpl.ts CHANGED Viewed

@@ -104,40 +104,18 @@ export function getFormatLocalizedString(
   const formatter =
       registeredStrings.getLocalizedStringSetFor(DevToolsLocale.instance().locale).getMessageFormatterFor(stringId);
-  const icuElements = formatter.getAst();
-  const args: Array<Object> = [];
-  let formattedString = '';
-  for (const element of icuElements) {
-    if (element.type === /* argumentElement */ 1) {
-      const placeholderValue = placeholders[element.value];
+  const element = document.createElement('span');
+  for (const icuElement of formatter.getAst()) {
+    if (icuElement.type === /* argumentElement */ 1) {
+      const placeholderValue = placeholders[icuElement.value];
       if (placeholderValue) {
-        args.push(placeholderValue);
-        element.value = '%s';  // convert the {PH} back to %s to use Platform.UIString
+        element.append(placeholderValue as Node | string);
       }
+    } else if ('value' in icuElement) {
+      element.append(String(icuElement.value));
     }
-    if ('value' in element) {
-      formattedString += element.value;
-    }
-  }
-  return formatLocalized(formattedString, args);
-}
-export function formatLocalized(formattedString: string, args: Array<Object>): Element {
-  const substitution: Platform.StringUtilities.FormatterFunction<Object> = substitution => {
-    return substitution;
-  };
-  function append(a: Element, b: undefined|string|Node): Element {
-    if (b) {
-      a.appendChild(typeof b === 'string' ? document.createTextNode(b) : b);
-    }
-    return a;
   }
-  const formatters = {s: substitution};
-  return Platform.StringUtilities.format(formattedString, args, formatters, document.createElement('span'), append)
-      .formattedResult;
+  return element;
 }
 export function serializeUIString(string: string, values: Record<string, Object> = {}): string {

package/front_end/core/i18n/locales/en-US.json CHANGED Viewed

@@ -2510,6 +2510,51 @@
   "panels/application/components/BackForwardCacheStrings.ts | documentLoaded": {
     "message": "The document did not finish loading before navigating away."
   },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderAppBannerManager": {
+    "message": "App Banner was present upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderChromePasswordManagerClientBindCredentialManager": {
+    "message": "Chrome Password Manager was present upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerSelfDeletingRequestDelegate": {
+    "message": "DOM distillation was in progress upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerViewerSource": {
+    "message": "DOM Distiller Viewer was present upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessaging": {
+    "message": "Back/forward cache is disabled due to extensions using messaging API."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessagingForOpenPort": {
+    "message": "Extensions with long-lived connection should close the connection before entering back/forward cache."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensions": {
+    "message": "Back/forward cache is disabled due to extensions."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionSentMessageToCachedFrame": {
+    "message": "Extensions with long-lived connection attempted to send messages to frames in back/forward cache."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderModalDialog": {
+    "message": "Modal dialog such as form resubmission or http password dialog was shown for the page upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderOfflinePage": {
+    "message": "The offline page was shown upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderOomInterventionTabHelper": {
+    "message": "Out-Of-Memory Intervention bar was present upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderPermissionRequestManager": {
+    "message": "There were permission requests upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderPopupBlockerTabHelper": {
+    "message": "Popup blocker was present upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingThreatDetails": {
+    "message": "Safe Browsing details were shown upon navigating away."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingTriggeredPopupBlocker": {
+    "message": "Safe Browsing considered this page to be abusive and blocked popup."
+  },
   "panels/application/components/BackForwardCacheStrings.ts | enteredBackForwardCacheBeforeServiceWorkerHostAdded": {
     "message": "A service worker was activated while the page was in back/forward cache."
   },
@@ -12131,6 +12176,9 @@
   "ui/legacy/ListWidget.ts | saveString": {
     "message": "Save"
   },
+  "ui/legacy/RemoteDebuggingTerminatedScreen.ts | debuggingConnectionWasClosed": {
+    "message": "Debugging connection was closed. Reason: "
+  },
   "ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectDevtools": {
     "message": "Reconnect DevTools"
   },

package/front_end/core/i18n/locales/en-XL.json CHANGED Viewed

@@ -2510,6 +2510,51 @@
   "panels/application/components/BackForwardCacheStrings.ts | documentLoaded": {
     "message": "T̂h́ê d́ôćûḿêńt̂ d́îd́ n̂ót̂ f́îńîśĥ ĺôád̂ín̂ǵ b̂éf̂ór̂é n̂áv̂íĝát̂ín̂ǵ âẃâý."
   },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderAppBannerManager": {
+    "message": "Âṕp̂ B́âńn̂ér̂ ẃâś p̂ŕêśêńt̂ úp̂ón̂ ńâv́îǵât́îńĝ áŵáŷ."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderChromePasswordManagerClientBindCredentialManager": {
+    "message": "Ĉh́r̂óm̂é P̂áŝśŵór̂d́ M̂án̂áĝér̂ ẃâś p̂ŕêśêńt̂ úp̂ón̂ ńâv́îǵât́îńĝ áŵáŷ."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerSelfDeletingRequestDelegate": {
+    "message": "D̂ÓM̂ d́îśt̂íl̂ĺât́îón̂ ẃâś îń p̂ŕôǵr̂éŝś ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerViewerSource": {
+    "message": "D̂ÓM̂ D́îśt̂íl̂ĺêŕ V̂íêẃêŕ ŵáŝ ṕr̂éŝén̂t́ ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessaging": {
+    "message": "B̂áĉḱ/f̂ór̂ẃâŕd̂ ćâćĥé îś d̂íŝáb̂ĺêd́ d̂úê t́ô éx̂t́êńŝíôńŝ úŝín̂ǵ m̂éŝśâǵîńĝ ÁP̂Í."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessagingForOpenPort": {
+    "message": "Êx́t̂én̂śîón̂ś ŵít̂h́ l̂ón̂ǵ-l̂ív̂éd̂ ćôńn̂éĉt́îón̂ śĥóûĺd̂ ćl̂óŝé t̂h́ê ćôńn̂éĉt́îón̂ b́êf́ôŕê én̂t́êŕîńĝ b́âćk̂/f́ôŕŵár̂d́ ĉáĉh́ê."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensions": {
+    "message": "B̂áĉḱ/f̂ór̂ẃâŕd̂ ćâćĥé îś d̂íŝáb̂ĺêd́ d̂úê t́ô éx̂t́êńŝíôńŝ."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderExtensionSentMessageToCachedFrame": {
+    "message": "Êx́t̂én̂śîón̂ś ŵít̂h́ l̂ón̂ǵ-l̂ív̂éd̂ ćôńn̂éĉt́îón̂ át̂t́êḿp̂t́êd́ t̂ó ŝén̂d́ m̂éŝśâǵêś t̂ó f̂ŕâḿêś îń b̂áĉḱ/f̂ór̂ẃâŕd̂ ćâćĥé."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderModalDialog": {
+    "message": "M̂ód̂ál̂ d́îál̂óĝ śûćĥ áŝ f́ôŕm̂ ŕêśûb́m̂íŝśîón̂ ór̂ h́t̂t́p̂ ṕâśŝẃôŕd̂ d́îál̂óĝ ẃâś ŝh́ôẃn̂ f́ôŕ t̂h́ê ṕâǵê úp̂ón̂ ńâv́îǵât́îńĝ áŵáŷ."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderOfflinePage": {
+    "message": "T̂h́ê óf̂f́l̂ín̂é p̂áĝé ŵáŝ śĥóŵń ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderOomInterventionTabHelper": {
+    "message": "Ôút̂-Óf̂-Ḿêḿôŕŷ Ín̂t́êŕv̂én̂t́îón̂ b́âŕ ŵáŝ ṕr̂éŝén̂t́ ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderPermissionRequestManager": {
+    "message": "T̂h́êŕê ẃêŕê ṕêŕm̂íŝśîón̂ ŕêq́ûéŝt́ŝ úp̂ón̂ ńâv́îǵât́îńĝ áŵáŷ."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderPopupBlockerTabHelper": {
+    "message": "P̂óp̂úp̂ b́l̂óĉḱêŕ ŵáŝ ṕr̂éŝén̂t́ ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingThreatDetails": {
+    "message": "Ŝáf̂é B̂ŕôẃŝín̂ǵ d̂ét̂áîĺŝ ẃêŕê śĥóŵń ûṕôń n̂áv̂íĝát̂ín̂ǵ âẃâý."
+  },
+  "panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingTriggeredPopupBlocker": {
+    "message": "Ŝáf̂é B̂ŕôẃŝín̂ǵ ĉón̂śîd́êŕêd́ t̂h́îś p̂áĝé t̂ó b̂é âb́ûśîv́ê án̂d́ b̂ĺôćk̂éd̂ ṕôṕûṕ."
+  },
   "panels/application/components/BackForwardCacheStrings.ts | enteredBackForwardCacheBeforeServiceWorkerHostAdded": {
     "message": "Â śêŕv̂íĉé ŵór̂ḱêŕ ŵáŝ áĉt́îv́ât́êd́ ŵh́îĺê t́ĥé p̂áĝé ŵáŝ ín̂ b́âćk̂/f́ôŕŵár̂d́ ĉáĉh́ê."
   },
@@ -12131,6 +12176,9 @@
   "ui/legacy/ListWidget.ts | saveString": {
     "message": "Ŝáv̂é"
   },
+  "ui/legacy/RemoteDebuggingTerminatedScreen.ts | debuggingConnectionWasClosed": {
+    "message": "D̂éb̂úĝǵîńĝ ćôńn̂éĉt́îón̂ ẃâś ĉĺôśêd́. R̂éâśôń: "
+  },
   "ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectDevtools": {
     "message": "R̂éĉón̂ńêćt̂ DevTools"
   },

package/front_end/core/platform/number-utilities.ts CHANGED Viewed

@@ -2,8 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-import * as StringUtilities from './string-utilities.js';
 export const clamp = (num: number, min: number, max: number): number => {
   let clampedNumber = num;
   if (num < min) {
@@ -20,22 +18,22 @@ export const mod = (m: number, n: number): number => {
 export const bytesToString = (bytes: number): string => {
   if (bytes < 1000) {
-    return StringUtilities.vsprintf('%.0f\xA0B', [bytes]);
+    return `${bytes.toFixed(0)}\xA0B`;
   }
   const kilobytes = bytes / 1000;
   if (kilobytes < 100) {
-    return StringUtilities.vsprintf('%.1f\xA0kB', [kilobytes]);
+    return `${kilobytes.toFixed(1)}\xA0kB`;
   }
   if (kilobytes < 1000) {
-    return StringUtilities.vsprintf('%.0f\xA0kB', [kilobytes]);
+    return `${kilobytes.toFixed(0)}\xA0kB`;
   }
   const megabytes = kilobytes / 1000;
   if (megabytes < 100) {
-    return StringUtilities.vsprintf('%.1f\xA0MB', [megabytes]);
+    return `${megabytes.toFixed(1)}\xA0MB`;
   }
-  return StringUtilities.vsprintf('%.0f\xA0MB', [megabytes]);
+  return `${megabytes.toFixed(0)}\xA0MB`;
 };
 export const toFixedIfFloating = (value: string): string => {

package/front_end/core/platform/string-utilities.ts CHANGED Viewed

@@ -206,25 +206,6 @@ export const format = function<T, U>(
   return {formattedResult: result, unusedSubstitutions: unusedSubstitutions};
 };
-export const standardFormatters = {
-  d: function(substitution: unknown): number {
-    return (!isNaN(substitution as number) ? substitution as number : 0);
-  },
-  f: function(substitution: unknown, token: FormatterToken): string {
-    if (substitution && typeof substitution === 'number' && token.precision !== undefined && token.precision > -1) {
-      substitution = substitution.toFixed(token.precision);
-    }
-    const precision =
-        (token.precision !== undefined && token.precision > -1) ? Number(0).toFixed(token.precision) : '0';
-    return !isNaN(substitution as number) ? substitution as string : precision;
-  },
-  s: function(substitution: unknown): string {
-    return substitution as string;
-  },
-};
 const toHexadecimal = (charCode: number, padToLength: number): string => {
   return charCode.toString(16).toUpperCase().padStart(padToLength, '0');
 };
@@ -285,12 +266,51 @@ export const formatAsJSLiteral = (content: string): string => {
   return `${quote}${escapedContent}${quote}`;
 };
-export const vsprintf = function(formatString: string, substitutions: unknown[]): string {
-  return format(formatString, substitutions, standardFormatters, '', (a, b) => a + b).formattedResult;
-};
-export const sprintf = function(format: string, ...varArg: unknown[]): string {
-  return vsprintf(format, varArg);
+/**
+ * This implements a subset of the sprintf() function described in the Single UNIX
+ * Specification. It supports the %s, %f, %d, and %% formatting specifiers, and
+ * understands the %m$d notation to select the m-th parameter for this substitution,
+ * as well as the optional precision for %s, %f, and %d.
+ *
+ * @param fmt format string.
+ * @param args parameters to the format string.
+ * @returns the formatted output string.
+ */
+export const sprintf = (fmt: string, ...args: unknown[]): string => {
+  let argIndex = 0;
+  const RE = /%(?:(\d+)\$)?(?:\.(\d*))?([%dfs])/g;
+  return fmt.replaceAll(RE, (_: string, index?: string, precision?: string, specifier?: string): string => {
+    if (specifier === '%') {
+      return '%';
+    }
+    if (index !== undefined) {
+      argIndex = parseInt(index, 10) - 1;
+      if (argIndex < 0) {
+        throw new RangeError(`Invalid parameter index ${argIndex + 1}`);
+      }
+    }
+    if (argIndex >= args.length) {
+      throw new RangeError(`Expected at least ${argIndex + 1} format parameters, but only ${args.length} where given.`);
+    }
+    if (specifier === 's') {
+      const argValue = String(args[argIndex++]);
+      if (precision !== undefined) {
+        return argValue.substring(0, Number(precision));
+      }
+      return argValue;
+    }
+    let argValue = Number(args[argIndex++]);
+    if (isNaN(argValue)) {
+      argValue = 0;
+    }
+    if (specifier === 'd') {
+      return String(Math.floor(argValue)).padStart(Number(precision), '0');
+    }
+    if (precision !== undefined) {
+      return argValue.toFixed(Number(precision));
+    }
+    return String(argValue);
+  });
 };
 export const toBase64 = (inputString: string): string => {

package/front_end/core/sdk/PageResourceLoader.ts CHANGED Viewed

@@ -219,8 +219,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
       return this.#loadOverride(url);
     }
     const parsedURL = new Common.ParsedURL.ParsedURL(url);
-    const eligibleForLoadFromTarget =
-        getLoadThroughTargetSetting().get() && parsedURL && parsedURL.scheme !== 'file' && parsedURL.scheme !== 'data';
+    const eligibleForLoadFromTarget = getLoadThroughTargetSetting().get() && parsedURL && parsedURL.isHttpOrHttps();
     Host.userMetrics.developerResourceScheme(this.getDeveloperResourceScheme(parsedURL));
     if (eligibleForLoadFromTarget) {
       try {

package/front_end/core/sdk/ResourceTreeModel.ts CHANGED Viewed

@@ -616,7 +616,12 @@ export class ResourceTreeFrame {
   backForwardCacheDetails: {
     restoredFromCache: boolean|undefined,
     explanations: Protocol.Page.BackForwardCacheNotRestoredExplanation[],
-  } = {restoredFromCache: undefined, explanations: []};
+    explanationsTree: Protocol.Page.BackForwardCacheNotRestoredExplanationTree|undefined,
+  } = {
+    restoredFromCache: undefined,
+    explanations: [],
+    explanationsTree: undefined,
+  };
   constructor(
       model: ResourceTreeModel, parentFrame: ResourceTreeFrame|null, frameId: Protocol.Page.FrameId,
@@ -688,7 +693,11 @@ export class ResourceTreeFrame {
     this.#secureContextType = framePayload.secureContextType;
     this.#crossOriginIsolatedContextType = framePayload.crossOriginIsolatedContextType;
     this.#gatedAPIFeatures = framePayload.gatedAPIFeatures;
-    this.backForwardCacheDetails = {restoredFromCache: undefined, explanations: []};
+    this.backForwardCacheDetails = {
+      restoredFromCache: undefined,
+      explanations: [],
+      explanationsTree: undefined,
+    };
     const mainResource = this.resourcesMap.get(this.#urlInternal);
     this.resourcesMap.clear();
@@ -963,6 +972,7 @@ export class ResourceTreeFrame {
   setBackForwardCacheDetails(event: Protocol.Page.BackForwardCacheNotUsedEvent): void {
     this.backForwardCacheDetails.restoredFromCache = false;
     this.backForwardCacheDetails.explanations = event.notRestoredExplanations;
+    this.backForwardCacheDetails.explanationsTree = event.notRestoredExplanationsTree;
   }
   getResourcesMap(): Map<string, Resource> {

package/front_end/generated/InspectorBackendCommands.js CHANGED Viewed

@@ -2262,7 +2262,9 @@ export function registerCommands(inspectorBackend) {
   inspectorBackend.registerEvent(
       'Page.javascriptDialogOpening', ['url', 'message', 'type', 'hasBrowserHandler', 'defaultPrompt']);
   inspectorBackend.registerEvent('Page.lifecycleEvent', ['frameId', 'loaderId', 'name', 'timestamp']);
-  inspectorBackend.registerEvent('Page.backForwardCacheNotUsed', ['loaderId', 'frameId', 'notRestoredExplanations']);
+  inspectorBackend.registerEvent(
+      'Page.backForwardCacheNotUsed',
+      ['loaderId', 'frameId', 'notRestoredExplanations', 'notRestoredExplanationsTree']);
   inspectorBackend.registerEvent('Page.loadEventFired', ['timestamp']);
   inspectorBackend.registerEvent('Page.navigatedWithinDocument', ['frameId', 'url']);
   inspectorBackend.registerEvent('Page.screencastFrame', ['data', 'metadata', 'sessionId']);

package/front_end/generated/protocol.d.ts CHANGED Viewed

@@ -10719,6 +10719,21 @@ declare namespace Protocol {
       reason: BackForwardCacheNotRestoredReason;
     }
+    export interface BackForwardCacheNotRestoredExplanationTree {
+      /**
+       * URL of each frame
+       */
+      url: string;
+      /**
+       * Not restored reasons of each frame
+       */
+      explanations: BackForwardCacheNotRestoredExplanation[];
+      /**
+       * Array of children frame
+       */
+      children: BackForwardCacheNotRestoredExplanationTree[];
+    }
     export interface AddScriptToEvaluateOnLoadRequest {
       scriptSource: string;
     }
@@ -11708,6 +11723,10 @@ declare namespace Protocol {
        * Array of reasons why the page could not be cached. This must not be empty.
        */
       notRestoredExplanations: BackForwardCacheNotRestoredExplanation[];
+      /**
+       * Tree structure of reasons why the page could not be cached for each frame.
+       */
+      notRestoredExplanationsTree?: BackForwardCacheNotRestoredExplanationTree;
     }
     export interface LoadEventFiredEvent {

package/front_end/models/extensions/ExtensionServer.ts CHANGED Viewed

@@ -1145,12 +1145,11 @@ export class ExtensionStatus {
   E_FAILED: (...args: unknown[]) => Record;
   constructor() {
-    function makeStatus(code: string, description: string): Record {
-      const details = Array.prototype.slice.call(arguments, 2);
+    function makeStatus(code: string, description: string, ...details: unknown[]): Record {
       const status: Record = {code, description, details};
       if (code !== 'OK') {
         status.isError = true;
-        console.error('Extension server error: ' + Platform.StringUtilities.vsprintf(description, details));
+        console.error('Extension server error: ' + Platform.StringUtilities.sprintf(description, ...details));
       }
       return status;
     }

package/front_end/panels/application/components/BackForwardCacheStrings.ts CHANGED Viewed

@@ -420,6 +420,84 @@ const UIStrings = {
       * @description Description text for not restored reason ContentMediaPlay.
       */
   contentMediaPlay: 'A media player was playing upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderPopupBlockerTabHelper.
+ */
+  embedderPopupBlockerTabHelper: 'Popup blocker was present upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderSafeBrowsingTriggeredPopupBlocker.
+ */
+  embedderSafeBrowsingTriggeredPopupBlocker: 'Safe Browsing considered this page to be abusive and blocked popup.',
+  /**
+ *  @description Description text for not restored reason EmbedderSafeBrowsingThreatDetails.
+ */
+  embedderSafeBrowsingThreatDetails: 'Safe Browsing details were shown upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderAppBannerManager.
+ */
+  embedderAppBannerManager: 'App Banner was present upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderDomDistillerViewerSource.
+ */
+  embedderDomDistillerViewerSource: 'DOM Distiller Viewer was present upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderDomDistillerSelfDeletingRequestDelegate.
+ */
+  embedderDomDistillerSelfDeletingRequestDelegate: 'DOM distillation was in progress upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderOomInterventionTabHelper.
+ */
+  embedderOomInterventionTabHelper: 'Out-Of-Memory Intervention bar was present upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderOfflinePage.
+ */
+  embedderOfflinePage: 'The offline page was shown upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderChromePasswordManagerClientBindCredentialManager.
+ */
+  embedderChromePasswordManagerClientBindCredentialManager: 'Chrome Password Manager was present upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderPermissionRequestManager.
+ */
+  embedderPermissionRequestManager: 'There were permission requests upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderModalDialog.
+ */
+  embedderModalDialog:
+      'Modal dialog such as form resubmission or http password dialog was shown for the page upon navigating away.',
+  /**
+ *  @description Description text for not restored reason EmbedderExtensions.
+ */
+  embedderExtensions: 'Back/forward cache is disabled due to extensions.',
+  /**
+ *  @description Description text for not restored reason EmbedderExtensionMessaging.
+ */
+  embedderExtensionMessaging: 'Back/forward cache is disabled due to extensions using messaging API.',
+  /**
+ *  @description Description text for not restored reason EmbedderExtensionMessagingForOpenPort.
+ */
+  embedderExtensionMessagingForOpenPort:
+      'Extensions with long-lived connection should close the connection before entering back/forward cache.',
+  /**
+ *  @description Description text for not restored reason EmbedderExtensionSentMessageToCachedFrame.
+ */
+  embedderExtensionSentMessageToCachedFrame:
+      'Extensions with long-lived connection attempted to send messages to frames in back/forward cache.',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/BackForwardCacheStrings.ts', UIStrings);
@@ -538,23 +616,23 @@ export const NotRestoredReasonDescription = {
   'ContentMediaSessionService': {name: i18nLazyString(UIStrings.contentMediaSessionService)},
   'ContentMediaPlay': {name: i18nLazyString(UIStrings.contentMediaPlay)},
   'ContentScreenReader': {name: i18n.i18n.lockedLazyString('ContentScreenReader')},
-  'EmbedderPopupBlockerTabHelper': {name: i18n.i18n.lockedLazyString('EmbedderPopupBlockerTabHelper')},
+  'EmbedderPopupBlockerTabHelper': {name: i18nLazyString(UIStrings.embedderPopupBlockerTabHelper)},
   'EmbedderSafeBrowsingTriggeredPopupBlocker':
-      {name: i18n.i18n.lockedLazyString('EmbedderSafeBrowsingTriggeredPopupBlocker')},
-  'EmbedderSafeBrowsingThreatDetails': {name: i18n.i18n.lockedLazyString('EmbedderSafeBrowsingThreatDetails')},
-  'EmbedderAppBannerManager': {name: i18n.i18n.lockedLazyString('EmbedderAppBannerManager')},
-  'EmbedderDomDistillerViewerSource': {name: i18n.i18n.lockedLazyString('EmbedderDomDistillerViewerSource')},
+      {name: i18nLazyString(UIStrings.embedderSafeBrowsingTriggeredPopupBlocker)},
+  'EmbedderSafeBrowsingThreatDetails': {name: i18nLazyString(UIStrings.embedderSafeBrowsingThreatDetails)},
+  'EmbedderAppBannerManager': {name: i18nLazyString(UIStrings.embedderAppBannerManager)},
+  'EmbedderDomDistillerViewerSource': {name: i18nLazyString(UIStrings.embedderDomDistillerViewerSource)},
   'EmbedderDomDistillerSelfDeletingRequestDelegate':
-      {name: i18n.i18n.lockedLazyString('EmbedderDomDistillerSelfDeletingRequestDelegate')},
-  'EmbedderOomInterventionTabHelper': {name: i18n.i18n.lockedLazyString('EmbedderOomInterventionTabHelper')},
-  'EmbedderOfflinePage': {name: i18n.i18n.lockedLazyString('EmbedderOfflinePage')},
+      {name: i18nLazyString(UIStrings.embedderDomDistillerSelfDeletingRequestDelegate)},
+  'EmbedderOomInterventionTabHelper': {name: i18nLazyString(UIStrings.embedderOomInterventionTabHelper)},
+  'EmbedderOfflinePage': {name: i18nLazyString(UIStrings.embedderOfflinePage)},
   'EmbedderChromePasswordManagerClientBindCredentialManager':
-      {name: i18n.i18n.lockedLazyString('EmbedderChromePasswordManagerClientBindCredentialManager')},
-  'EmbedderPermissionRequestManager': {name: i18n.i18n.lockedLazyString('EmbedderPermissionRequestManager')},
-  'EmbedderModalDialog': {name: i18n.i18n.lockedLazyString('EmbedderModalDialog')},
-  'EmbedderExtensions': {name: i18n.i18n.lockedLazyString('EmbedderExtensions')},
-  'EmbedderExtensionMessaging': {name: i18n.i18n.lockedLazyString('EmbedderExtensionMessaging')},
-  'EmbedderExtensionMessagingForOpenPort': {name: i18n.i18n.lockedLazyString('EmbedderExtensionMessagingForOpenPort')},
+      {name: i18nLazyString(UIStrings.embedderChromePasswordManagerClientBindCredentialManager)},
+  'EmbedderPermissionRequestManager': {name: i18nLazyString(UIStrings.embedderPermissionRequestManager)},
+  'EmbedderModalDialog': {name: i18nLazyString(UIStrings.embedderModalDialog)},
+  'EmbedderExtensions': {name: i18nLazyString(UIStrings.embedderExtensions)},
+  'EmbedderExtensionMessaging': {name: i18nLazyString(UIStrings.embedderExtensionMessaging)},
+  'EmbedderExtensionMessagingForOpenPort': {name: i18nLazyString(UIStrings.embedderExtensionMessagingForOpenPort)},
   'EmbedderExtensionSentMessageToCachedFrame':
-      {name: i18n.i18n.lockedLazyString('EmbedderExtensionSentMessageToCachedFrame')},
+      {name: i18nLazyString(UIStrings.embedderExtensionSentMessageToCachedFrame)},
 };

package/front_end/panels/application/components/EndpointsGrid.ts CHANGED Viewed

@@ -86,7 +86,7 @@ export class EndpointsGrid extends HTMLElement {
           </div>
         `}
       </div>
-    `, this.#shadow);
+    `, this.#shadow, {host: this});
     // clang-format on
   }

package/front_end/panels/application/storageView.css CHANGED Viewed

@@ -30,7 +30,7 @@
 }
 .quota-override-notification-editor {
-  border: solid 1px var(--color-background-highlight);
+  border: solid 1px var(--color-details-hairline);
   display: flex;
   flex: auto;
   margin-right: 4px;