chrome-devtools-frontend 1.0.1020516 → 1.0.1021582

package/config/gni/devtools_grd_files.gni

@@ -851,6 +851,7 @@ grd_files_debug_sources = [
   "front_end/panels/application/components/InterestGroupAccessGrid.js",
   "front_end/panels/application/components/OriginTrialTreeView.js",
   "front_end/panels/application/components/PermissionsPolicySection.js",
+  "front_end/panels/application/components/Prerender2.js",
   "front_end/panels/application/components/ProtocolHandlersView.js",
   "front_end/panels/application/components/ReportsGrid.js",
   "front_end/panels/application/components/StackTrace.js",
@@ -969,6 +970,7 @@ grd_files_debug_sources = [
   "front_end/panels/elements/components/AccessibilityTreeNode.js",
   "front_end/panels/elements/components/AdornerManager.js",
   "front_end/panels/elements/components/AdornerSettingsPane.js",
+  "front_end/panels/elements/components/CSSHintDetailsView.js",
   "front_end/panels/elements/components/CSSPropertyIconResolver.js",
   "front_end/panels/elements/components/CSSQuery.js",
   "front_end/panels/elements/components/ComputedStyleProperty.js",
@@ -985,6 +987,7 @@ grd_files_debug_sources = [
   "front_end/panels/elements/components/adornerSettingsPane.css.js",
   "front_end/panels/elements/components/computedStyleProperty.css.js",
   "front_end/panels/elements/components/computedStyleTrace.css.js",
+  "front_end/panels/elements/components/cssHintDetailsView.css.js",
   "front_end/panels/elements/components/cssQuery.css.js",
   "front_end/panels/elements/components/elementsBreadcrumbs.css.js",
   "front_end/panels/elements/components/elementsPanelLink.css.js",
@@ -1338,6 +1341,7 @@ grd_files_debug_sources = [
   "front_end/third_party/lit-html/package/directives/private-async-helpers.js",
   "front_end/third_party/lit-html/package/directives/repeat.js",
   "front_end/third_party/lit-html/package/directives/style-map.js",
+  "front_end/third_party/lit-html/package/directives/unsafe-html.js",
   "front_end/third_party/lit-html/package/directives/until.js",
   "front_end/third_party/lit-html/package/lib/default-template-processor.js",
   "front_end/third_party/lit-html/package/lib/directive.js",
@@ -1351,7 +1355,6 @@ grd_files_debug_sources = [
   "front_end/third_party/lit-html/package/lib/template.js",
   "front_end/third_party/lit-html/package/lit-html.js",
   "front_end/third_party/marked/package/lib/marked.esm.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/api-docs-entry.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Accessibility.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/AriaQueryHandler.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Browser.js",
@@ -1365,11 +1368,10 @@ grd_files_debug_sources = [
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Debug.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/DeviceDescriptors.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Dialog.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/ElementHandle.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EmulationManager.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Errors.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EvalTypes.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EventEmitter.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Events.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/ExecutionContext.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/FileChooser.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/FrameManager.js",
@@ -1396,25 +1398,28 @@ grd_files_debug_sources = [
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/WebWorker.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/assert.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/fetch.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/helper.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/types.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/util.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/compat.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/constants.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/environment.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/generated/version.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/initialize-node.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/initialize-web.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node-puppeteer-core.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/initializePuppeteer.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/BrowserFetcher.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/BrowserRunner.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/ChromeLauncher.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/FirefoxLauncher.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/LaunchOptions.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Launcher.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/NodeWebSocketTransport.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/PipeTransport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/ProductLauncher.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Puppeteer.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/install.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/util.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/puppeteer-core.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/puppeteer.js",
   "front_end/third_party/puppeteer/package/lib/esm/puppeteer/revisions.js",
-  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/web.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/types.js",
   "front_end/third_party/puppeteer/package/lib/esm/vendor/mitt/src/index.js",
   "front_end/third_party/wasmparser/package/dist/esm/WasmDis.js",
   "front_end/third_party/wasmparser/package/dist/esm/WasmParser.js",

package/docs/triage_guidelines.md

@@ -50,16 +50,18 @@ Issues in the untriaged queue should receive a meaningful response within a busi
 - Put proper `Platform>DevTools>XXX` component(s) on the issue and do an initial check-in regarding the priority.
 - Put one of the following labels on it and set the status to `Available`:
   - `Hotlist-DevTools-ProductReview` if it's controversial or clear that consensus needs to be built first.
-  - `Hotlist-DevTools-BrowserAutomation-Backlog` if it's an issue related to ChromeDriver or puppeteer.
-  - `Hotlist-DevTools-Debugging-Backlog` if it's a debugging issue.
-  - `Hotlist-DevTools-DesignAccessibility-Backlog` if it's a design or accessibility issue.
-  - `Hotlist-DevTools-Performance-Backlog` if the issue is related to our performance tooling (i.e. Performance panel, Lighthouse).
-  - `Hotlist-DevTools-Backlog` if it's a general DevTools issue that is not specific to one of the core areas.
+  - `Team-DevTools-BrowserAutomation` if it's an issue related to ChromeDriver or puppeteer.
+  - `Team-DevTools-RuntimeDebugging` if it's a JavaScript or WebAssembly debugging issue.
+  - `Team-DevTools-WebDebugging` if it's a Web specific debugging issue (i.e. Network or Application panel).
+  - `Team-DevTools-DesignAccessibility` if it's a design or accessibility issue.
+  - `Team-DevTools-Performance` if the issue is related to our performance tooling (i.e. Performance panel, Lighthouse).
+  - `Team-DevTools-RecordReplay` if it's an issue with the recorder or puppeteer.
+  - No specific `Team` or `Hotlist` if it doesn't fit any specific team otherwise. Make sure to have the `Platform>DevTools` component (or a subcomponent) on it though.
 - Also remember to put the `Needs-UX` label on it, if help from a designer is likely to be required.
 
 ### Setting Assigned or Available
 
-Set issues to Available if they don’t need immediate action and nobody right now and in the short-term future (an iteration) needs to work on it.
+Set issues to `Available` if they don’t need immediate action and nobody right now and in the short-term future (an iteration) needs to work on it.
 
 Issues that are handled by Microsoft have the label “Hotlist-DevTools-MS-Backlog” and “Hotlist-DevTools-MS-CurrentSprint” respectively and can be considered triaged.
 
@@ -107,7 +109,7 @@ The combination of the label “M-<milestone>” and “Release-Block-<channel>
 
 ### Managing the backlog
 
-[[Query]](https://bugs.chromium.org/p/chromium/issues/list?q=Hotlist%3DDevTools-Backlog)
+[[Query]](https://bugs.chromium.org/p/chromium/issues/list?q=component%3APlatform%3EDevTools%20status%3AAvailable)
 
 Managing the backlog is out of scope for the triage rotation. The backlog will be groomed continuously by hablich@ for now. The SLA is that there should be a maximum of 50 issues in there.
 

package/front_end/.eslintrc.js

@@ -47,6 +47,7 @@ module.exports = {
         'rulesdir/lit_html_host_this': 2,
         'rulesdir/lit_html_no_attribute_quotes': 2,
         'rulesdir/lit_template_result_or_nothing': 2,
+        'rulesdir/inject_checkbox_styles': 2,
         '@typescript-eslint/naming-convention': [
           'error', {
             'selector': ['property', 'parameterProperty'],

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

@@ -3209,6 +3209,105 @@
   "panels/application/components/PermissionsPolicySection.ts | showDetails": {
     "message": "Show details"
   },
+  "panels/application/components/Prerender2.ts | Activated": {
+    "message": "Activated."
+  },
+  "panels/application/components/Prerender2.ts | AudioOutputDeviceRequested": {
+    "message": "Prerendering has not supported the AudioContext API yet."
+  },
+  "panels/application/components/Prerender2.ts | BlockedByClient": {
+    "message": "Resource load is blocked by the client."
+  },
+  "panels/application/components/Prerender2.ts | CancelAllHostsForTesting": {
+    "message": "CancelAllHostsForTesting."
+  },
+  "panels/application/components/Prerender2.ts | ClientCertRequested": {
+    "message": "The page is requesting client cert, which is not suitable for a hidden page like prerendering."
+  },
+  "panels/application/components/Prerender2.ts | CrossOriginNavigation": {
+    "message": "The prerendered page navigated to a cross-origin URL after loading. Currently prerendering cross-origin pages is disallowed."
+  },
+  "panels/application/components/Prerender2.ts | CrossOriginRedirect": {
+    "message": "Attempted to prerender a URL which redirected to a cross-origin URL. Currently prerendering cross-origin pages is disallowed."
+  },
+  "panels/application/components/Prerender2.ts | Destroyed": {
+    "message": "A prerendered page was abandoned for unknown reasons."
+  },
+  "panels/application/components/Prerender2.ts | DidFailLoad": {
+    "message": "DidFailLoadWithError happened during prerendering."
+  },
+  "panels/application/components/Prerender2.ts | Download": {
+    "message": "Download is disallowed in Prerender."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected": {
+    "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is canceled because the navigation is redirected to another cross-origin page."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndDestroyed": {
+    "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is destroyed in the destructor."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected": {
+    "message": "Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is canceled because the navigation is redirected to another same-origin page."
+  },
+  "panels/application/components/Prerender2.ts | InProgressNavigation": {
+    "message": "InProgressNavigation."
+  },
+  "panels/application/components/Prerender2.ts | InvalidSchemeNavigation": {
+    "message": "Only HTTP(S) navigation allowed for Prerender."
+  },
+  "panels/application/components/Prerender2.ts | InvalidSchemeRedirect": {
+    "message": "Attempted to prerender a URL that redirected to a non-HTTP(S) URL. Only HTTP(S) pages can be prerendered."
+  },
+  "panels/application/components/Prerender2.ts | LoginAuthRequested": {
+    "message": "Prerender does not support auth requests from UI."
+  },
+  "panels/application/components/Prerender2.ts | LowEndDevice": {
+    "message": "Prerendering is not supported for low-memory devices."
+  },
+  "panels/application/components/Prerender2.ts | MainFrameNavigation": {
+    "message": "Navigations after the initial prerendering navigation are disallowed"
+  },
+  "panels/application/components/Prerender2.ts | MaxNumOfRunningPrerendersExceeded": {
+    "message": "Max number of prerendering exceeded."
+  },
+  "panels/application/components/Prerender2.ts | MixedContent": {
+    "message": "Prerendering is canceled by a mixed content frame."
+  },
+  "panels/application/components/Prerender2.ts | MojoBinderPolicy": {
+    "message": "A disallowed API was used by the prerendered page"
+  },
+  "panels/application/components/Prerender2.ts | NavigationBadHttpStatus": {
+    "message": "The initial prerendering navigation was not successful due to the server returning a non-200/204/205 status code."
+  },
+  "panels/application/components/Prerender2.ts | NavigationNotCommitted": {
+    "message": "The prerendering page is not committed in the end."
+  },
+  "panels/application/components/Prerender2.ts | NavigationRequestBlockedByCsp": {
+    "message": "Navigation request is blocked by CSP."
+  },
+  "panels/application/components/Prerender2.ts | NavigationRequestNetworkError": {
+    "message": "Encountered a network error during prerendering."
+  },
+  "panels/application/components/Prerender2.ts | RendererProcessCrashed": {
+    "message": "The prerendered page crashed."
+  },
+  "panels/application/components/Prerender2.ts | RendererProcessKilled": {
+    "message": "The renderer process for the prerendering page was killed."
+  },
+  "panels/application/components/Prerender2.ts | SslCertificateError": {
+    "message": "SSL certificate error."
+  },
+  "panels/application/components/Prerender2.ts | Stop": {
+    "message": "The tab is stopped."
+  },
+  "panels/application/components/Prerender2.ts | TriggerBackgrounded": {
+    "message": "The tab is in the background"
+  },
+  "panels/application/components/Prerender2.ts | TriggerDestroyed": {
+    "message": "Prerender is not activated and destroyed with the trigger."
+  },
+  "panels/application/components/Prerender2.ts | UaChangeRequiresReload": {
+    "message": "Reload is needed after UserAgentOverride."
+  },
   "panels/application/components/ProtocolHandlersView.ts | dropdownLabel": {
     "message": "Select protocol handler"
   },
@@ -4625,6 +4724,9 @@
   "panels/elements/components/AdornerSettingsPane.ts | settingsTitle": {
     "message": "Show badges"
   },
+  "panels/elements/components/CSSHintDetailsView.ts | learnMore": {
+    "message": "Learn More"
+  },
   "panels/elements/components/ElementsBreadcrumbs.ts | breadcrumbs": {
     "message": "DOM tree breadcrumbs"
   },
@@ -4688,11 +4790,23 @@
   "panels/elements/ComputedStyleWidget.ts | showAll": {
     "message": "Show all"
   },
-  "panels/elements/CSSRuleValidator.ts | alignContentRuleOnNoWrapFlex": {
-    "message": "This element has flex-wrap: nowrap rule, therefore 'align-content' has no effect."
+  "panels/elements/CSSRuleValidator.ts | deprecatedPropertyHintPrefix": {
+    "message": "Deprecated Property"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleValidationHintPrefix": {
+    "message": "Inactive rule"
   },
-  "panels/elements/CSSRuleValidator.ts | notFlexItemHint": {
-    "message": "Parent of this element is not flex container, therefore {PH1} property has no effect."
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix": {
+    "message": "Please change parent elements {EXISTING_PARENT_ELEMENT_RULE} to {TARGET_PARENT_ELEMENT_RULE} to fix this issue."
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason": {
+    "message": "Parent element has {REASON_RULE_CODE} rule, therefore this elements {AFFECTED_RULE_CODE} has no effect"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix": {
+    "message": "For this property to work, please remove or change the value of {REASON_RULE_CODE}"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason": {
+    "message": "This element has {REASON_RULE_CODE} rule, therefore {AFFECTED_RULE_CODE} has no effect."
   },
   "panels/elements/DOMLinkifier.ts | node": {
     "message": "<node>"
@@ -12278,9 +12392,6 @@
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noProperties": {
     "message": "No properties"
   },
-  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noPropertyGetter": {
-    "message": "No property getter"
-  },
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showAllD": {
     "message": "Show all {PH1}"
   },
@@ -12293,8 +12404,11 @@
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unknown": {
     "message": "unknown"
   },
-  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unreadable": {
-    "message": "<unreadable>"
+  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueNotAccessibleToTheDebugger": {
+    "message": "Value is not accessible to the debugger"
+  },
+  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueUnavailable": {
+    "message": "<value unavailable>"
   },
   "ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | empty": {
     "message": "empty"

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

@@ -3209,6 +3209,105 @@
   "panels/application/components/PermissionsPolicySection.ts | showDetails": {
     "message": "Ŝh́ôẃ d̂ét̂áîĺŝ"
   },
+  "panels/application/components/Prerender2.ts | Activated": {
+    "message": "Âćt̂ív̂át̂éd̂."
+  },
+  "panels/application/components/Prerender2.ts | AudioOutputDeviceRequested": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ ĥáŝ ńôt́ ŝúp̂ṕôŕt̂éd̂ t́ĥé Âúd̂íôĆôńt̂éx̂t́ ÂṔÎ ýêt́."
+  },
+  "panels/application/components/Prerender2.ts | BlockedByClient": {
+    "message": "R̂éŝóûŕĉé l̂óâd́ îś b̂ĺôćk̂éd̂ b́ŷ t́ĥé ĉĺîén̂t́."
+  },
+  "panels/application/components/Prerender2.ts | CancelAllHostsForTesting": {
+    "message": "Ĉán̂ćêĺÂĺl̂H́ôśt̂śF̂ór̂T́êśt̂ín̂ǵ."
+  },
+  "panels/application/components/Prerender2.ts | ClientCertRequested": {
+    "message": "T̂h́ê ṕâǵê íŝ ŕêq́ûéŝt́îńĝ ćl̂íêńt̂ ćêŕt̂, ẃĥíĉh́ îś n̂ót̂ śûít̂áb̂ĺê f́ôŕ â h́îd́d̂én̂ ṕâǵê ĺîḱê ṕr̂ér̂én̂d́êŕîńĝ."
+  },
+  "panels/application/components/Prerender2.ts | CrossOriginNavigation": {
+    "message": "T̂h́ê ṕr̂ér̂én̂d́êŕêd́ p̂áĝé n̂áv̂íĝát̂éd̂ t́ô á ĉŕôśŝ-ór̂íĝín̂ ÚR̂Ĺ âf́t̂ér̂ ĺôád̂ín̂ǵ. Ĉúr̂ŕêńt̂ĺŷ ṕr̂ér̂én̂d́êŕîńĝ ćr̂óŝś-ôŕîǵîń p̂áĝéŝ íŝ d́îśâĺl̂óŵéd̂."
+  },
+  "panels/application/components/Prerender2.ts | CrossOriginRedirect": {
+    "message": "Ât́t̂ém̂ṕt̂éd̂ t́ô ṕr̂ér̂én̂d́êŕ â ÚR̂Ĺ ŵh́îćĥ ŕêd́îŕêćt̂éd̂ t́ô á ĉŕôśŝ-ór̂íĝín̂ ÚR̂Ĺ. Ĉúr̂ŕêńt̂ĺŷ ṕr̂ér̂én̂d́êŕîńĝ ćr̂óŝś-ôŕîǵîń p̂áĝéŝ íŝ d́îśâĺl̂óŵéd̂."
+  },
+  "panels/application/components/Prerender2.ts | Destroyed": {
+    "message": "Â ṕr̂ér̂én̂d́êŕêd́ p̂áĝé ŵáŝ áb̂án̂d́ôńêd́ f̂ór̂ ún̂ḱn̂óŵń r̂éâśôńŝ."
+  },
+  "panels/application/components/Prerender2.ts | DidFailLoad": {
+    "message": "D̂íd̂F́âíl̂Ĺôád̂Ẃît́ĥÉr̂ŕôŕ ĥáp̂ṕêńêd́ d̂úr̂ín̂ǵ p̂ŕêŕêńd̂ér̂ín̂ǵ."
+  },
+  "panels/application/components/Prerender2.ts | Download": {
+    "message": "D̂óŵńl̂óâd́ îś d̂íŝál̂ĺôẃêd́ îń P̂ŕêŕêńd̂ér̂."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś îś ĉán̂ćêĺêd́ b̂éĉáûśê t́ĥé n̂áv̂íĝát̂íôń îś r̂éd̂ír̂éĉt́êd́ t̂ó âńôt́ĥér̂ ćr̂óŝś-ôŕîǵîń p̂áĝé."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndDestroyed": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś îś d̂éŝt́r̂óŷéd̂ ín̂ t́ĥé d̂éŝt́r̂úĉt́ôŕ."
+  },
+  "panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ t̂ŕîǵĝér̂éd̂ b́ŷ Ćĥŕôḿê ín̂t́êŕn̂ál̂ (é.ĝ., Óm̂ńîb́ôx́ p̂ŕêŕêńd̂ér̂ín̂ǵ) îś ĉán̂ćêĺêd́ b̂éĉáûśê t́ĥé n̂áv̂íĝát̂íôń îś r̂éd̂ír̂éĉt́êd́ t̂ó âńôt́ĥér̂ śâḿê-ór̂íĝín̂ ṕâǵê."
+  },
+  "panels/application/components/Prerender2.ts | InProgressNavigation": {
+    "message": "ÎńP̂ŕôǵr̂éŝśN̂áv̂íĝát̂íôń."
+  },
+  "panels/application/components/Prerender2.ts | InvalidSchemeNavigation": {
+    "message": "Ôńl̂ý ĤT́T̂Ṕ(Ŝ) ńâv́îǵât́îón̂ ál̂ĺôẃêd́ f̂ór̂ Ṕr̂ér̂én̂d́êŕ."
+  },
+  "panels/application/components/Prerender2.ts | InvalidSchemeRedirect": {
+    "message": "Ât́t̂ém̂ṕt̂éd̂ t́ô ṕr̂ér̂én̂d́êŕ â ÚR̂Ĺ t̂h́ât́ r̂éd̂ír̂éĉt́êd́ t̂ó â ńôń-ĤT́T̂Ṕ(Ŝ) ÚR̂Ĺ. Ôńl̂ý ĤT́T̂Ṕ(Ŝ) ṕâǵêś ĉán̂ b́ê ṕr̂ér̂én̂d́êŕêd́."
+  },
+  "panels/application/components/Prerender2.ts | LoginAuthRequested": {
+    "message": "P̂ŕêŕêńd̂ér̂ d́ôéŝ ńôt́ ŝúp̂ṕôŕt̂ áût́ĥ ŕêq́ûéŝt́ŝ f́r̂óm̂ ÚÎ."
+  },
+  "panels/application/components/Prerender2.ts | LowEndDevice": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ îś n̂ót̂ śûṕp̂ór̂t́êd́ f̂ór̂ ĺôẃ-m̂ém̂ór̂ý d̂év̂íĉéŝ."
+  },
+  "panels/application/components/Prerender2.ts | MainFrameNavigation": {
+    "message": "N̂áv̂íĝát̂íôńŝ áf̂t́êŕ t̂h́ê ín̂ít̂íâĺ p̂ŕêŕêńd̂ér̂ín̂ǵ n̂áv̂íĝát̂íôń âŕê d́îśâĺl̂óŵéd̂"
+  },
+  "panels/application/components/Prerender2.ts | MaxNumOfRunningPrerendersExceeded": {
+    "message": "M̂áx̂ ńûḿb̂ér̂ óf̂ ṕr̂ér̂én̂d́êŕîńĝ éx̂ćêéd̂éd̂."
+  },
+  "panels/application/components/Prerender2.ts | MixedContent": {
+    "message": "P̂ŕêŕêńd̂ér̂ín̂ǵ îś ĉán̂ćêĺêd́ b̂ý â ḿîx́êd́ ĉón̂t́êńt̂ f́r̂ám̂é."
+  },
+  "panels/application/components/Prerender2.ts | MojoBinderPolicy": {
+    "message": "Â d́îśâĺl̂óŵéd̂ ÁP̂Í ŵáŝ úŝéd̂ b́ŷ t́ĥé p̂ŕêŕêńd̂ér̂éd̂ ṕâǵê"
+  },
+  "panels/application/components/Prerender2.ts | NavigationBadHttpStatus": {
+    "message": "T̂h́ê ín̂ít̂íâĺ p̂ŕêŕêńd̂ér̂ín̂ǵ n̂áv̂íĝát̂íôń ŵáŝ ńôt́ ŝúĉćêśŝf́ûĺ d̂úê t́ô t́ĥé ŝér̂v́êŕ r̂ét̂úr̂ńîńĝ á n̂ón̂-200/204/205 śt̂át̂úŝ ćôd́ê."
+  },
+  "panels/application/components/Prerender2.ts | NavigationNotCommitted": {
+    "message": "T̂h́ê ṕr̂ér̂én̂d́êŕîńĝ ṕâǵê íŝ ńôt́ ĉóm̂ḿît́t̂éd̂ ín̂ t́ĥé êńd̂."
+  },
+  "panels/application/components/Prerender2.ts | NavigationRequestBlockedByCsp": {
+    "message": "N̂áv̂íĝát̂íôń r̂éq̂úêśt̂ íŝ b́l̂óĉḱêd́ b̂ý ĈŚP̂."
+  },
+  "panels/application/components/Prerender2.ts | NavigationRequestNetworkError": {
+    "message": "Êńĉóûńt̂ér̂éd̂ á n̂ét̂ẃôŕk̂ ér̂ŕôŕ d̂úr̂ín̂ǵ p̂ŕêŕêńd̂ér̂ín̂ǵ."
+  },
+  "panels/application/components/Prerender2.ts | RendererProcessCrashed": {
+    "message": "T̂h́ê ṕr̂ér̂én̂d́êŕêd́ p̂áĝé ĉŕâśĥéd̂."
+  },
+  "panels/application/components/Prerender2.ts | RendererProcessKilled": {
+    "message": "T̂h́ê ŕêńd̂ér̂ér̂ ṕr̂óĉéŝś f̂ór̂ t́ĥé p̂ŕêŕêńd̂ér̂ín̂ǵ p̂áĝé ŵáŝ ḱîĺl̂éd̂."
+  },
+  "panels/application/components/Prerender2.ts | SslCertificateError": {
+    "message": "ŜŚL̂ ćêŕt̂íf̂íĉát̂é êŕr̂ór̂."
+  },
+  "panels/application/components/Prerender2.ts | Stop": {
+    "message": "T̂h́ê t́âb́ îś ŝt́ôṕp̂éd̂."
+  },
+  "panels/application/components/Prerender2.ts | TriggerBackgrounded": {
+    "message": "T̂h́ê t́âb́ îś îń t̂h́ê b́âćk̂ǵr̂óûńd̂"
+  },
+  "panels/application/components/Prerender2.ts | TriggerDestroyed": {
+    "message": "P̂ŕêŕêńd̂ér̂ íŝ ńôt́ âćt̂ív̂át̂éd̂ án̂d́ d̂éŝt́r̂óŷéd̂ ẃît́ĥ t́ĥé t̂ŕîǵĝér̂."
+  },
+  "panels/application/components/Prerender2.ts | UaChangeRequiresReload": {
+    "message": "R̂él̂óâd́ îś n̂éêd́êd́ âf́t̂ér̂ Úŝér̂Áĝén̂t́Ôv́êŕr̂íd̂é."
+  },
   "panels/application/components/ProtocolHandlersView.ts | dropdownLabel": {
     "message": "Ŝél̂éĉt́ p̂ŕôt́ôćôĺ ĥán̂d́l̂ér̂"
   },
@@ -4625,6 +4724,9 @@
   "panels/elements/components/AdornerSettingsPane.ts | settingsTitle": {
     "message": "Ŝh́ôẃ b̂ád̂ǵêś"
   },
+  "panels/elements/components/CSSHintDetailsView.ts | learnMore": {
+    "message": "L̂éâŕn̂ Ḿôŕê"
+  },
   "panels/elements/components/ElementsBreadcrumbs.ts | breadcrumbs": {
     "message": "D̂ÓM̂ t́r̂éê b́r̂éâd́ĉŕûḿb̂ś"
   },
@@ -4688,11 +4790,23 @@
   "panels/elements/ComputedStyleWidget.ts | showAll": {
     "message": "Ŝh́ôẃ âĺl̂"
   },
-  "panels/elements/CSSRuleValidator.ts | alignContentRuleOnNoWrapFlex": {
-    "message": "T̂h́îś êĺêḿêńt̂ h́âś f̂ĺêx́-ŵŕâṕ: n̂óŵŕâṕ r̂úl̂é, t̂h́êŕêf́ôŕê 'ál̂íĝń-ĉón̂t́êńt̂' h́âś n̂ó êf́f̂éĉt́."
+  "panels/elements/CSSRuleValidator.ts | deprecatedPropertyHintPrefix": {
+    "message": "D̂ép̂ŕêćât́êd́ P̂ŕôṕêŕt̂ý"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleValidationHintPrefix": {
+    "message": "Îńâćt̂ív̂é r̂úl̂é"
   },
-  "panels/elements/CSSRuleValidator.ts | notFlexItemHint": {
-    "message": "P̂ár̂én̂t́ ôf́ t̂h́îś êĺêḿêńt̂ íŝ ńôt́ f̂ĺêx́ ĉón̂t́âín̂ér̂, t́ĥér̂éf̂ór̂é {PH1} p̂ŕôṕêŕt̂ý ĥáŝ ńô éf̂f́êćt̂."
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix": {
+    "message": "P̂ĺêáŝé ĉh́âńĝé p̂ár̂én̂t́ êĺêḿêńt̂ś {EXISTING_PARENT_ELEMENT_RULE} t̂ó {TARGET_PARENT_ELEMENT_RULE} t̂ó f̂íx̂ t́ĥíŝ íŝśûé."
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason": {
+    "message": "P̂ár̂én̂t́ êĺêḿêńt̂ h́âś {REASON_RULE_CODE} r̂úl̂é, t̂h́êŕêf́ôŕê t́ĥíŝ él̂ém̂én̂t́ŝ {AFFECTED_RULE_CODE} h́âś n̂ó êf́f̂éĉt́"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix": {
+    "message": "F̂ór̂ t́ĥíŝ ṕr̂óp̂ér̂t́ŷ t́ô ẃôŕk̂, ṕl̂éâśê ŕêḿôv́ê ór̂ ćĥán̂ǵê t́ĥé v̂ál̂úê óf̂ {REASON_RULE_CODE}"
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason": {
+    "message": "T̂h́îś êĺêḿêńt̂ h́âś {REASON_RULE_CODE} r̂úl̂é, t̂h́êŕêf́ôŕê {AFFECTED_RULE_CODE} h́âś n̂ó êf́f̂éĉt́."
   },
   "panels/elements/DOMLinkifier.ts | node": {
     "message": "<n̂ód̂é>"
@@ -12278,9 +12392,6 @@
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noProperties": {
     "message": "N̂ó p̂ŕôṕêŕt̂íêś"
   },
-  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noPropertyGetter": {
-    "message": "N̂ó p̂ŕôṕêŕt̂ý ĝét̂t́êŕ"
-  },
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showAllD": {
     "message": "Ŝh́ôẃ âĺl̂ {PH1}"
   },
@@ -12293,8 +12404,11 @@
   "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unknown": {
     "message": "ûńk̂ńôẃn̂"
   },
-  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unreadable": {
-    "message": "<ûńr̂éâd́âb́l̂é>"
+  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueNotAccessibleToTheDebugger": {
+    "message": "V̂ál̂úê íŝ ńôt́ âćĉéŝśîb́l̂é t̂ó t̂h́ê d́êb́ûǵĝér̂"
+  },
+  "ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueUnavailable": {
+    "message": "<v̂ál̂úê ún̂áv̂áîĺâb́l̂é>"
   },
   "ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | empty": {
     "message": "êḿp̂t́ŷ"

package/front_end/core/sdk/CSSModel.ts

@@ -313,7 +313,10 @@ export class CSSModel extends SDKModel<EventTypes> {
     return classNames || [];
   }
 
-  getComputedStyle(nodeId: Protocol.DOM.NodeId): Promise<Map<string, string>|null> {
+  async getComputedStyle(nodeId: Protocol.DOM.NodeId): Promise<Map<string, string>|null> {
+    if (!this.isEnabled()) {
+      await this.enable();
+    }
     return this.#styleLoader.computedStylePromise(nodeId);
   }
 
@@ -683,7 +686,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     // is different from the regular navigations. In this case, events about CSS
     // stylesheet has already been received and they are mixed with the previous page
     // stylesheets. Therefore, we re-enable the CSS agent to get fresh events.
-    // For the regular navigatons, we can just clear the local data because events about
+    // For the regular navigations, we can just clear the local data because events about
     // stylesheets will arrive later.
     if (event.data.backForwardCacheDetails.restoredFromCache) {
       await this.suspendModel();

package/front_end/models/bindings/BreakpointManager.ts

@@ -40,6 +40,7 @@ import {DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
 import type {LiveLocation} from './LiveLocation.js';
 import {LiveLocationPool} from './LiveLocation.js';
 import {DefaultScriptMapping} from './DefaultScriptMapping.js';
+import {ResourceScriptMapping} from './ResourceScriptMapping.js';
 
 let breakpointManagerInstance: BreakpointManager;
 
@@ -170,12 +171,22 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
     const isSnippet = script.sourceURL.startsWith('snippet://');
     const projectType = isSnippet ? Workspace.Workspace.projectTypes.Network : undefined;
 
-    // Handle inline scripts without sourceURL comment separately:
+    // Some temporary workarounds that will probably be replaced by live locations.
+    // 1. Handle inline scripts without sourceURL comment separately:
     // The UISourceCode of inline scripts without sourceURLs will not be availabe
     // until a later point. Use the v8 script for setting the breakpoint.
+    // 2. Handle resources that have scripts differently: nowadays they don't use the
+    // sourceURL directly anymore, but are resolved relatively to the parents document's
+    // base URL; so resolve it before awaiting its uiSourceCode.
     const isInlineScriptWithoutSourceURL = script.isInlineScript() && !script.hasSourceURL;
-    const sourceURL =
-        isInlineScriptWithoutSourceURL ? DefaultScriptMapping.createV8ScriptURL(script) : script.sourceURL;
+    const hasResourceScriptMapping = !script.isLiveEdit() && script.sourceURL && script.hasSourceURL;
+    let sourceURL = script.sourceURL;
+    if (isInlineScriptWithoutSourceURL) {
+      sourceURL = DefaultScriptMapping.createV8ScriptURL(script);
+    } else if (hasResourceScriptMapping) {
+      sourceURL = ResourceScriptMapping.resolveRelativeSourceURL(script, script.sourceURL);
+    }
+
     const uiSourceCode =
         await Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURLPromise(sourceURL, projectType);
 

package/front_end/models/bindings/DebuggerLanguagePlugins.ts

@@ -168,6 +168,10 @@ export class ValueNode extends SDK.RemoteObject.RemoteObjectImpl {
     this.inspectableAddress = inspectableAddress;
     this.callFrame = callFrame;
   }
+
+  get sourceType(): SourceType {
+    throw new Error('Not Implemented');
+  }
 }
 
 // Debugger language #plugins present source-language values as trees with mixed dynamic and static structural
@@ -500,6 +504,10 @@ class StaticallyTypedValueNode extends ValueNode {
     return this.#variableType;
   }
 
+  get sourceType(): SourceType {
+    return this.#sourceType;
+  }
+
   private async expandMember(sourceType: SourceType, fieldInfo: Chrome.DevTools.FieldInfo):
       Promise<SDK.RemoteObject.RemoteObject> {
     const fieldChain = this.#fieldChain.concat(fieldInfo);