chrome-devtools-frontend 1.0.960864 → 1.0.962581

package/.eslintignore

@@ -5,13 +5,14 @@
 // clang-format check also ignores that file
 front_end/.eslintrc.js
 front_end/diff/diff_match_patch.js
+front_end/generated/protocol.ts
 front_end/javascript_metadata/NativeFunctions.js
 front_end/third_party/
+node_modules
+scripts/migration/**/*.js
+scripts/protocol_typescript/*.js
+test/**/fixtures/
 test/e2e/**/*.js
 test/shared/**/*.js
-test/**/fixtures/
-scripts/protocol_typescript/*.js
-scripts/migration/**/*.js
-node_modules
 
 *.d.ts

package/.vscode/devtools-workspace-launch.json

@@ -0,0 +1,29 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Run unit tests in VS Code debugger",
+      "preLaunchTask": "1-build_Debug",
+      "runtimeExecutable": "/usr/bin/npm",
+      "runtimeArgs": ["run", "unittest"],
+      "port": 9222,
+      "timeout": 30000,
+      "browserLaunchLocation": "workspace",
+      "outputCapture": "std",
+      "trace": true,
+      "env" : {
+        "KARMA_TIMEOUT": "3600000"
+      }
+    },
+    {
+      "type": "pwa-node",
+      "request": "launch",
+      "name": "Run end-to-end tests in VS Code debugger",
+      "preLaunchTask": "1-build_Debug",
+      "runtimeExecutable": "/usr/bin/npm",
+      "runtimeArgs": ["run", "e2etest"]
+    }
+  ]
+}

package/.vscode/devtools-workspace-settings.json

@@ -1,4 +1,9 @@
 {
   "eslint.runtime": "third_party/node/node.py",
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "debug.javascript.terminalOptions": {
+    "skipFiles": [
+      "node_modules/typescript/**"
+    ]
+  }
 }

package/.vscode/devtools-workspace-tasks.json

@@ -0,0 +1,28 @@
+{
+  "version": "2.0.0",
+  "runner": "terminal",
+  "tasks": [
+    {
+      "label": "1-build_Debug",
+      "type": "shell",
+      "command": "npm run build",
+      "group": {"kind": "build", "isDefault": true},
+      "presentation": {
+        "echo": true,
+        "reveal": "always"
+      },
+      "problemMatcher": [
+        {
+          "owner": "typescript",
+          "fileLocation": ["relative", "${workspaceRoot}/out/Default"],
+          "pattern": {
+            "regexp": "^([^\\s].*)\\((\\d+,\\d+)\\):\\s*(.*)$",
+            "file": 1,
+            "location": 2,
+            "message": 3
+          }
+        }
+      ]
+    }
+  ]
+}

package/config/gni/devtools_grd_files.gni

@@ -308,7 +308,6 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/heavyAd.md",
   "front_end/models/issues_manager/descriptions/mixedContent.md",
   "front_end/models/issues_manager/descriptions/sharedArrayBuffer.md",
-  "front_end/models/issues_manager/descriptions/wasmCrossOriginModuleSharing.md",
   "front_end/models/issues_manager/issues_manager.js",
   "front_end/models/javascript_metadata/javascript_metadata.js",
   "front_end/models/logs/logs-meta.js",
@@ -660,6 +659,7 @@ grd_files_debug_sources = [
   "front_end/generated/ARIAProperties.js",
   "front_end/generated/InspectorBackendCommands.js",
   "front_end/generated/SupportedCSSProperties.js",
+  "front_end/generated/protocol.js",
   "front_end/legacy_test_runner/test_runner/TestRunner.js",
   "front_end/models/bindings/BreakpointManager.js",
   "front_end/models/bindings/CSSWorkspaceBinding.js",
@@ -718,7 +718,6 @@ grd_files_debug_sources = [
   "front_end/models/issues_manager/SharedArrayBufferIssue.js",
   "front_end/models/issues_manager/SourceFrameIssuesManager.js",
   "front_end/models/issues_manager/TrustedWebActivityIssue.js",
-  "front_end/models/issues_manager/WasmCrossOriginModuleSharingIssue.js",
   "front_end/models/javascript_metadata/JavaScriptMetadata.js",
   "front_end/models/javascript_metadata/NativeFunctions.js",
   "front_end/models/logs/LogManager.js",
@@ -737,7 +736,6 @@ 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/text_utils/CodeMirrorUtils.js",
   "front_end/models/text_utils/ContentProvider.js",
   "front_end/models/text_utils/StaticContentProvider.js",
   "front_end/models/text_utils/Text.js",
@@ -992,7 +990,6 @@ grd_files_debug_sources = [
   "front_end/panels/issues/IssueRevealer.js",
   "front_end/panels/issues/IssueView.js",
   "front_end/panels/issues/IssuesPane.js",
-  "front_end/panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.js",
   "front_end/panels/issues/components/HideIssuesMenu.js",
   "front_end/panels/issues/components/hideIssuesMenu.css.js",
   "front_end/panels/issues/cspViolationsListView.css.js",

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

@@ -1394,9 +1394,6 @@
   "models/issues_manager/TrustedWebActivityIssue.ts | changesToQualityCriteriaForPwas": {
     "message": "Changes to quality criteria for PWAs using Trusted Web Activity"
   },
-  "models/issues_manager/WasmCrossOriginModuleSharingIssue.ts | linkTitle": {
-    "message": "Restricting Wasm module sharing to same-origin"
-  },
   "models/logs/logs-meta.ts | clear": {
     "message": "clear"
   },
@@ -2897,6 +2894,9 @@
   "panels/application/components/FrameDetailsView.ts | parentIsAdExplanation": {
     "message": "This frame is considered an ad frame because its parent frame is an ad frame."
   },
+  "panels/application/components/FrameDetailsView.ts | refresh": {
+    "message": "Refresh"
+  },
   "panels/application/components/FrameDetailsView.ts | reportingTo": {
     "message": "reporting to"
   },
@@ -2990,6 +2990,9 @@
   "panels/application/components/PermissionsPolicySection.ts | clickToShowIframe": {
     "message": "Click to reveal the top-most iframe which does not allow this feature in the elements panel."
   },
+  "panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame": {
+    "message": "disabled inside a fencedframe"
+  },
   "panels/application/components/PermissionsPolicySection.ts | disabledByHeader": {
     "message": "disabled by \"Permissions-Policy\" header"
   },
@@ -3806,6 +3809,12 @@
   "panels/console/ConsoleView.ts | consoleSettings": {
     "message": "Console settings"
   },
+  "panels/console/ConsoleView.ts | consoleSidebarHidden": {
+    "message": "Console sidebar hidden"
+  },
+  "panels/console/ConsoleView.ts | consoleSidebarShown": {
+    "message": "Console sidebar shown"
+  },
   "panels/console/ConsoleView.ts | copyVisibleStyledSelection": {
     "message": "Copy visible styled selection"
   },
@@ -4499,6 +4508,12 @@
   "panels/elements/ElementsPanel.ts | computed": {
     "message": "Computed"
   },
+  "panels/elements/ElementsPanel.ts | computedStylesHidden": {
+    "message": "Computed Styles sidebar hidden"
+  },
+  "panels/elements/ElementsPanel.ts | computedStylesShown": {
+    "message": "Computed Styles sidebar shown"
+  },
   "panels/elements/ElementsPanel.ts | domTreeExplorer": {
     "message": "DOM tree explorer"
   },
@@ -5483,27 +5498,6 @@
   "panels/issues/IssueView.ts | warned": {
     "message": "Warned"
   },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | blocked": {
-    "message": "blocked"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | nModuleTransfers": {
-    "message": "{n, plural, =1 {# module} other {# modules}}"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | sourceOrigin": {
-    "message": "Source Origin"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | status": {
-    "message": "Status"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | targetOrigin": {
-    "message": "Target Origin"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | warned": {
-    "message": "warning"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | wasmModuleUrl": {
-    "message": "Wasm Module URL"
-  },
   "panels/js_profiler/js_profiler-meta.ts | profiler": {
     "message": "Profiler"
   },
@@ -9794,6 +9788,12 @@
   "panels/sources/SourcesPanel.ts | copyStringContents": {
     "message": "Copy string contents"
   },
+  "panels/sources/SourcesPanel.ts | debuggerHidden": {
+    "message": "Debugger sidebar hidden"
+  },
+  "panels/sources/SourcesPanel.ts | debuggerShown": {
+    "message": "Debugger sidebar shown"
+  },
   "panels/sources/SourcesPanel.ts | dontPauseOnExceptions": {
     "message": "Don't pause on exceptions"
   },
@@ -9812,6 +9812,12 @@
   "panels/sources/SourcesPanel.ts | moreOptions": {
     "message": "More options"
   },
+  "panels/sources/SourcesPanel.ts | navigatorHidden": {
+    "message": "Navigator sidebar hidden"
+  },
+  "panels/sources/SourcesPanel.ts | navigatorShown": {
+    "message": "Navigator sidebar shown"
+  },
   "panels/sources/SourcesPanel.ts | openInSourcesPanel": {
     "message": "Open in Sources panel"
   },
@@ -10346,6 +10352,12 @@
   "panels/timeline/TimelineTreeView.ts | heaviestStack": {
     "message": "Heaviest stack"
   },
+  "panels/timeline/TimelineTreeView.ts | heaviestStackHidden": {
+    "message": "Heaviest stack sidebar hidden"
+  },
+  "panels/timeline/TimelineTreeView.ts | heaviestStackShown": {
+    "message": "Heaviest stack sidebar shown"
+  },
   "panels/timeline/TimelineTreeView.ts | hideHeaviestStack": {
     "message": "Hide Heaviest stack"
   },

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

@@ -1394,9 +1394,6 @@
   "models/issues_manager/TrustedWebActivityIssue.ts | changesToQualityCriteriaForPwas": {
     "message": "Ĉh́âńĝéŝ t́ô q́ûál̂ít̂ý ĉŕît́êŕîá f̂ór̂ ṔŴÁŝ úŝín̂ǵ T̂ŕûśt̂éd̂ Ẃêb́ Âćt̂ív̂ít̂ý"
   },
-  "models/issues_manager/WasmCrossOriginModuleSharingIssue.ts | linkTitle": {
-    "message": "R̂éŝt́r̂íĉt́îńĝ Ẃâśm̂ ḿôd́ûĺê śĥár̂ín̂ǵ t̂ó ŝám̂é-ôŕîǵîń"
-  },
   "models/logs/logs-meta.ts | clear": {
     "message": "ĉĺêár̂"
   },
@@ -2897,6 +2894,9 @@
   "panels/application/components/FrameDetailsView.ts | parentIsAdExplanation": {
     "message": "T̂h́îś f̂ŕâḿê íŝ ćôńŝíd̂ér̂éd̂ án̂ ád̂ f́r̂ám̂é b̂éĉáûśê ít̂ś p̂ár̂én̂t́ f̂ŕâḿê íŝ án̂ ád̂ f́r̂ám̂é."
   },
+  "panels/application/components/FrameDetailsView.ts | refresh": {
+    "message": "R̂éf̂ŕêśĥ"
+  },
   "panels/application/components/FrameDetailsView.ts | reportingTo": {
     "message": "r̂ép̂ór̂t́îńĝ t́ô"
   },
@@ -2990,6 +2990,9 @@
   "panels/application/components/PermissionsPolicySection.ts | clickToShowIframe": {
     "message": "Ĉĺîćk̂ t́ô ŕêv́êál̂ t́ĥé t̂óp̂-ḿôśt̂ íf̂ŕâḿê ẃĥíĉh́ d̂óêś n̂ót̂ ál̂ĺôẃ t̂h́îś f̂éât́ûŕê ín̂ t́ĥé êĺêḿêńt̂ś p̂án̂él̂."
   },
+  "panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame": {
+    "message": "d̂íŝáb̂ĺêd́ îńŝíd̂é â fencedframe"
+  },
   "panels/application/components/PermissionsPolicySection.ts | disabledByHeader": {
     "message": "d̂íŝáb̂ĺêd́ b̂ý \"Permissions-Policy\" ĥéâd́êŕ"
   },
@@ -3806,6 +3809,12 @@
   "panels/console/ConsoleView.ts | consoleSettings": {
     "message": "Ĉón̂śôĺê śêt́t̂ín̂ǵŝ"
   },
+  "panels/console/ConsoleView.ts | consoleSidebarHidden": {
+    "message": "Ĉón̂śôĺê śîd́êb́âŕ ĥíd̂d́êń"
+  },
+  "panels/console/ConsoleView.ts | consoleSidebarShown": {
+    "message": "Ĉón̂śôĺê śîd́êb́âŕ ŝh́ôẃn̂"
+  },
   "panels/console/ConsoleView.ts | copyVisibleStyledSelection": {
     "message": "Ĉóp̂ý v̂íŝíb̂ĺê śt̂ýl̂éd̂ śêĺêćt̂íôń"
   },
@@ -4499,6 +4508,12 @@
   "panels/elements/ElementsPanel.ts | computed": {
     "message": "Ĉóm̂ṕût́êd́"
   },
+  "panels/elements/ElementsPanel.ts | computedStylesHidden": {
+    "message": "Ĉóm̂ṕût́êd́ Ŝt́ŷĺêś ŝíd̂éb̂ár̂ h́îd́d̂én̂"
+  },
+  "panels/elements/ElementsPanel.ts | computedStylesShown": {
+    "message": "Ĉóm̂ṕût́êd́ Ŝt́ŷĺêś ŝíd̂éb̂ár̂ śĥóŵń"
+  },
   "panels/elements/ElementsPanel.ts | domTreeExplorer": {
     "message": "D̂ÓM̂ t́r̂éê éx̂ṕl̂ór̂ér̂"
   },
@@ -5483,27 +5498,6 @@
   "panels/issues/IssueView.ts | warned": {
     "message": "Ŵár̂ńêd́"
   },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | blocked": {
-    "message": "b̂ĺôćk̂éd̂"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | nModuleTransfers": {
-    "message": "{n, plural, =1 {# m̂ód̂úl̂é} other {# m̂ód̂úl̂éŝ}}"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | sourceOrigin": {
-    "message": "Ŝóûŕĉé Ôŕîǵîń"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | status": {
-    "message": "Ŝt́ât́ûś"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | targetOrigin": {
-    "message": "T̂ár̂ǵêt́ Ôŕîǵîń"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | warned": {
-    "message": "ŵár̂ńîńĝ"
-  },
-  "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | wasmModuleUrl": {
-    "message": "Ŵáŝḿ M̂ód̂úl̂é ÛŔL̂"
-  },
   "panels/js_profiler/js_profiler-meta.ts | profiler": {
     "message": "P̂ŕôf́îĺêŕ"
   },
@@ -9794,6 +9788,12 @@
   "panels/sources/SourcesPanel.ts | copyStringContents": {
     "message": "Ĉóp̂ý ŝt́r̂ín̂ǵ ĉón̂t́êńt̂ś"
   },
+  "panels/sources/SourcesPanel.ts | debuggerHidden": {
+    "message": "D̂éb̂úĝǵêŕ ŝíd̂éb̂ár̂ h́îd́d̂én̂"
+  },
+  "panels/sources/SourcesPanel.ts | debuggerShown": {
+    "message": "D̂éb̂úĝǵêŕ ŝíd̂éb̂ár̂ śĥóŵń"
+  },
   "panels/sources/SourcesPanel.ts | dontPauseOnExceptions": {
     "message": "D̂ón̂'t́ p̂áûśê ón̂ éx̂ćêṕt̂íôńŝ"
   },
@@ -9812,6 +9812,12 @@
   "panels/sources/SourcesPanel.ts | moreOptions": {
     "message": "M̂ór̂é ôṕt̂íôńŝ"
   },
+  "panels/sources/SourcesPanel.ts | navigatorHidden": {
+    "message": "N̂áv̂íĝát̂ór̂ śîd́êb́âŕ ĥíd̂d́êń"
+  },
+  "panels/sources/SourcesPanel.ts | navigatorShown": {
+    "message": "N̂áv̂íĝát̂ór̂ śîd́êb́âŕ ŝh́ôẃn̂"
+  },
   "panels/sources/SourcesPanel.ts | openInSourcesPanel": {
     "message": "Ôṕêń îń Ŝóûŕĉéŝ ṕâńêĺ"
   },
@@ -10346,6 +10352,12 @@
   "panels/timeline/TimelineTreeView.ts | heaviestStack": {
     "message": "Ĥéâv́îéŝt́ ŝt́âćk̂"
   },
+  "panels/timeline/TimelineTreeView.ts | heaviestStackHidden": {
+    "message": "Ĥéâv́îéŝt́ ŝt́âćk̂ śîd́êb́âŕ ĥíd̂d́êń"
+  },
+  "panels/timeline/TimelineTreeView.ts | heaviestStackShown": {
+    "message": "Ĥéâv́îéŝt́ ŝt́âćk̂ śîd́êb́âŕ ŝh́ôẃn̂"
+  },
   "panels/timeline/TimelineTreeView.ts | hideHeaviestStack": {
     "message": "Ĥíd̂é Ĥéâv́îéŝt́ ŝt́âćk̂"
   },

package/front_end/core/protocol_client/InspectorBackend.ts

@@ -30,7 +30,7 @@
 
 import {NodeURL} from './NodeURL.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
-import * as Protocol from '../../generated/protocol.js';
+import type * as Protocol from '../../generated/protocol.js';
 
 export const DevToolsStubErrorCode = -32015;
 // TODO(dgozman): we are not reporting generic errors in tests, but we should
@@ -147,14 +147,14 @@ export class InspectorBackend {
 
   registerEnum(type: QualifiedName, values: Object): void {
     const [domain, name] = splitQualifiedName(type);
-    // @ts-ignore Protocol global namespace pollution
-    if (!Protocol[domain]) {
-      // @ts-ignore Protocol global namespace pollution
-      Protocol[domain] = {};
+    // @ts-ignore globalThis global namespace pollution
+    if (!globalThis.Protocol[domain]) {
+      // @ts-ignore globalThis global namespace pollution
+      globalThis.Protocol[domain] = {};
     }
 
-    // @ts-ignore Protocol global namespace pollution
-    Protocol[domain][name] = values;
+    // @ts-ignore globalThis global namespace pollution
+    globalThis.Protocol[domain][name] = values;
     this.#initialized = true;
   }
 

package/front_end/core/sdk/CSSProperty.ts

@@ -3,13 +3,10 @@
 // found in the LICENSE file.
 
 import * as TextUtils from '../../models/text_utils/text_utils.js';
-import * as Common from '../common/common.js';
+import type * as Common from '../common/common.js';
 import * as HostModule from '../host/host.js';
-import * as Platform from '../platform/platform.js';
-import * as Root from '../root/root.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import {cssMetadata, GridAreaRowRegex} from './CSSMetadata.js';
 import type {Edit} from './CSSModel.js';
 import type {CSSStyleDeclaration} from './CSSStyleDeclaration.js';
 
@@ -163,113 +160,17 @@ export class CSSProperty {
     }
 
     const range = this.range.relativeTo(this.ownerStyle.range.startLine, this.ownerStyle.range.startColumn);
-    const indentation = this.ownerStyle.cssText ?
-        this.detectIndentation(this.ownerStyle.cssText) :
-        Common.Settings.Settings.instance().moduleSetting('textEditorIndent').get();
-    const endIndentation = this.ownerStyle.cssText ? indentation.substring(0, this.ownerStyle.range.endColumn) : '';
     const text = new TextUtils.Text.Text(this.ownerStyle.cssText || '');
-    const newStyleText = text.replaceRange(range, Platform.StringUtilities.sprintf(';%s;', propertyText));
-    const tokenizerFactory = TextUtils.CodeMirrorUtils.TokenizerFactory.instance();
-    const styleText = CSSProperty.formatStyle(newStyleText, indentation, endIndentation, tokenizerFactory);
-    return this.ownerStyle.setText(styleText, majorChange);
-  }
-
-  static formatStyle(
-      styleText: string, indentation: string, endIndentation: string,
-      tokenizerFactory: TextUtils.TextUtils.TokenizerFactory): string {
-    const doubleIndent = indentation.substring(endIndentation.length) + indentation;
-    if (indentation) {
-      indentation = '\n' + indentation;
-    }
-    let result = '';
-    let propertyName = '';
-    let propertyText = '';
-    let insideProperty = false;
-    let needsSemi = false;
-    const tokenize = tokenizerFactory.createTokenizer('text/css');
-
-    tokenize('*{' + styleText + '}', processToken);
-    if (insideProperty) {
-      result += propertyText;
-    }
-    result = result.substring(2, result.length - 1).trimRight();
-    return result + (indentation ? '\n' + endIndentation : '');
-
-    function processToken(token: string, tokenType: string|null, _column: number, _newColumn: number): void {
-      if (!insideProperty) {
-        const disabledProperty = tokenType && tokenType.includes('comment') && isDisabledProperty(token);
-        const isPropertyStart = tokenType &&
-            (tokenType.includes('string') || tokenType.includes('meta') || tokenType.includes('property') ||
-             tokenType.includes('variable-2'));
-        if (disabledProperty) {
-          result = result.trimRight() + indentation + token;
-        } else if (isPropertyStart) {
-          insideProperty = true;
-          propertyText = token;
-        } else if (token !== ';' || needsSemi) {
-          result += token;
-          if (token.trim() && !(tokenType && tokenType.includes('comment'))) {
-            needsSemi = token !== ';';
-          }
-        }
-        if (token === '{' && !tokenType) {
-          needsSemi = false;
-        }
-        return;
-      }
-
-      if (token === '}' || token === ';') {
-        // While `propertyText` can generally be trimmed, doing so
-        // breaks valid CSS declarations such as `--foo:  ;` which would
-        // then produce invalid CSS of the form `--foo:;`. This
-        // implementation takes special care to restore a single
-        // whitespace token in this edge case. https://crbug.com/1071296
-        const trimmedPropertyText = propertyText.trim();
-        result =
-            result.trimRight() + indentation + trimmedPropertyText + (trimmedPropertyText.endsWith(':') ? ' ' : '');
-        needsSemi = false;
-        insideProperty = false;
-        propertyName = '';
-        if (Root.Runtime.experiments.isEnabled('preciseChanges')) {
-          result += token;
-          return;
-        }
-        // We preserve the legacy behavior to always add semicolon to
-        // declarations regardless of its original text.
-        result += ';';
-        if (token === '}') {
-          result += '}';
-        }
-      } else {
-        if (cssMetadata().isGridAreaDefiningProperty(propertyName)) {
-          const rowResult = GridAreaRowRegex.exec(token);
-          if (rowResult && rowResult.index === 0 && !propertyText.trimRight().endsWith(']')) {
-            propertyText = propertyText.trimRight() + '\n' + doubleIndent;
-          }
-        }
-        if (!propertyName && token === ':') {
-          propertyName = propertyText;
-        }
-        propertyText += token;
-      }
+    const textBeforeInsertion =
+        text.extract(new TextUtils.TextRange.TextRange(0, 0, range.startLine, range.startColumn));
+    // If we are appending after the last property and that property doesn't have a semicolon at the end
+    // (which is only legal in the last position), then add the semicolon in front of the new text to avoid
+    // CSS parsing errors. However, we shouldn't prepend semicolons on the first line or after a comment.
+    if (textBeforeInsertion.trim().length && !/[;{\/]\s*$/.test(textBeforeInsertion)) {
+      propertyText = ';' + propertyText;
     }
-
-    function isDisabledProperty(text: string): boolean {
-      const colon = text.indexOf(':');
-      if (colon === -1) {
-        return false;
-      }
-      const propertyName = text.substring(2, colon).trim();
-      return cssMetadata().isCSSPropertyName(propertyName);
-    }
-  }
-
-  private detectIndentation(text: string): string {
-    const lines = text.split('\n');
-    if (lines.length < 2) {
-      return '';
-    }
-    return TextUtils.TextUtils.Utils.lineIndent(lines[1]);
+    const newStyleText = text.replaceRange(range, propertyText);
+    return this.ownerStyle.setText(newStyleText, majorChange);
   }
 
   setValue(newValue: string, majorChange: boolean, overwrite: boolean, userCallback?: ((arg0: boolean) => void)): void {
@@ -288,7 +189,18 @@ export class CSSProperty {
       return Promise.resolve(true);
     }
     const propertyText = this.text.trim();
-    const text = disabled ? '/* ' + propertyText + ' */' : this.text.substring(2, propertyText.length - 2).trim();
+    // Ensure that if we try to enable/disable a property that has no semicolon (which is only legal
+    // in the last position of a css rule), we add it. This ensures that if we then later try
+    // to re-enable/-disable the rule, we end up with legal syntax (if the user adds more properties
+    // after the disabled rule).
+    const appendSemicolonIfMissing = (propertyText: string): string =>
+        propertyText + (propertyText.endsWith(';') ? '' : ';');
+    let text: string;
+    if (disabled) {
+      text = '/* ' + appendSemicolonIfMissing(propertyText) + ' */';
+    } else {
+      text = appendSemicolonIfMissing(this.text.substring(2, propertyText.length - 2).trim());
+    }
     return this.setText(text, true, true);
   }
 

package/front_end/core/sdk/DebuggerModel.ts

@@ -548,6 +548,10 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     return this.#scriptsInternal.get(scriptId) || null;
   }
 
+  /**
+   * Returns all `Script` objects with the same provided `sourceURL`. The
+   * resulting array is sorted by time with the newest `Script` in the front.
+   */
   scriptsForSourceURL(sourceURL: string|null): Script[] {
     if (!sourceURL) {
       return [];
@@ -770,7 +774,10 @@ export class DebuggerModel extends SDKModel<EventTypes> {
       scripts = [];
       this.#scriptsBySourceURL.set(script.sourceURL, scripts);
     }
-    scripts.push(script);
+    // Newer scripts with the same URL should be preferred so we put them in
+    // the front. Consuming code usually will iterate over the array and pick
+    // the first script that works.
+    scripts.unshift(script);
   }
 
   private unregisterScript(script: Script): void {

package/front_end/core/sdk/ServiceWorkerCacheModel.ts

@@ -250,6 +250,9 @@ export class ServiceWorkerCacheModel extends SDKModel<EventTypes> implements Pro
   indexedDBContentUpdated(_event: Protocol.Storage.IndexedDBContentUpdatedEvent): void {
   }
 
+  interestGroupAccessed(_event: Protocol.Storage.InterestGroupAccessedEvent): void {
+  }
+
   setThrottlerSchedulesAsSoonAsPossibleForTest(): void {
     this.#scheduleAsSoonAsPossible = true;
   }

package/front_end/generated/InspectorBackendCommands.js

@@ -2048,7 +2048,8 @@ export function registerCommands(inspectorBackend) {
     XrSpatialTracking: 'xr-spatial-tracking'
   });
   inspectorBackend.registerEnum(
-      'Page.PermissionsPolicyBlockReason', {Header: 'Header', IframeAttribute: 'IframeAttribute'});
+      'Page.PermissionsPolicyBlockReason',
+      {Header: 'Header', IframeAttribute: 'IframeAttribute', InFencedFrameTree: 'InFencedFrameTree'});
   inspectorBackend.registerEnum('Page.OriginTrialTokenStatus', {
     Success: 'Success',
     NotSupported: 'NotSupported',
@@ -2430,7 +2431,12 @@ export function registerCommands(inspectorBackend) {
       ],
       []);
   inspectorBackend.registerCommand(
-      'Page.setFontFamilies', [{'name': 'fontFamilies', 'type': 'object', 'optional': false}], []);
+      'Page.setFontFamilies',
+      [
+        {'name': 'fontFamilies', 'type': 'object', 'optional': false},
+        {'name': 'forScripts', 'type': 'object', 'optional': true}
+      ],
+      []);
   inspectorBackend.registerCommand(
       'Page.setFontSizes', [{'name': 'fontSizes', 'type': 'object', 'optional': false}], []);
   inspectorBackend.registerCommand(
@@ -2621,13 +2627,17 @@ export function registerCommands(inspectorBackend) {
     Websql: 'websql',
     Service_workers: 'service_workers',
     Cache_storage: 'cache_storage',
+    Interest_groups: 'interest_groups',
     All: 'all',
     Other: 'other'
   });
+  inspectorBackend.registerEnum(
+      'Storage.InterestGroupAccessType', {Join: 'join', Leave: 'leave', Update: 'update', Bid: 'bid', Win: 'win'});
   inspectorBackend.registerEvent('Storage.cacheStorageContentUpdated', ['origin', 'cacheName']);
   inspectorBackend.registerEvent('Storage.cacheStorageListUpdated', ['origin']);
   inspectorBackend.registerEvent('Storage.indexedDBContentUpdated', ['origin', 'databaseName', 'objectStoreName']);
   inspectorBackend.registerEvent('Storage.indexedDBListUpdated', ['origin']);
+  inspectorBackend.registerEvent('Storage.interestGroupAccessed', ['type', 'ownerOrigin', 'name']);
   inspectorBackend.registerCommand(
       'Storage.clearDataForOrigin',
       [
@@ -2667,6 +2677,15 @@ export function registerCommands(inspectorBackend) {
   inspectorBackend.registerCommand('Storage.getTrustTokens', [], ['tokens']);
   inspectorBackend.registerCommand(
       'Storage.clearTrustTokens', [{'name': 'issuerOrigin', 'type': 'string', 'optional': false}], ['didDeleteTokens']);
+  inspectorBackend.registerCommand(
+      'Storage.getInterestGroupDetails',
+      [
+        {'name': 'ownerOrigin', 'type': 'string', 'optional': false},
+        {'name': 'name', 'type': 'string', 'optional': false}
+      ],
+      ['details']);
+  inspectorBackend.registerCommand(
+      'Storage.setInterestGroupTracking', [{'name': 'enable', 'type': 'boolean', 'optional': false}], []);
 
   // SystemInfo.
   inspectorBackend.registerEnum('SystemInfo.SubsamplingFormat', {Yuv420: 'yuv420', Yuv422: 'yuv422', Yuv444: 'yuv444'});