npm - chrome-devtools-frontend - Versions diffs - 1.0.928589 → 1.0.929998 - Mend

chrome-devtools-frontend 1.0.928589 → 1.0.929998

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/front_end/core/i18n/locales/en-XL.json CHANGED Viewed

@@ -2336,8 +2336,8 @@
   "panels/application/BackForwardCacheView.ts | bfcacheStatus": {
     "message": "B̂áĉḱ-f̂ór̂ẃâŕd̂ Ćâćĥé Ŝt́ât́ûś"
   },
-  "panels/application/BackForwardCacheView.ts | chromeSupportNeeded": {
-    "message": "T̂h́ê ĺâśt̂ ńâv́îǵât́îón̂ ẃâś n̂ót̂ ćâćĥéd̂ b́êćâúŝé"
+  "panels/application/BackForwardCacheView.ts | circumstantial": {
+    "message": "N̂ót̂ Áĉt́îón̂áb̂ĺê"
   },
   "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
     "message": "L̂áŝt́ M̂áîń F̂ŕâḿê Ńâv́îǵât́îón̂"
@@ -2346,14 +2346,17 @@
     "message": "M̂áîń F̂ŕâḿê"
   },
   "panels/application/BackForwardCacheView.ts | normalNavigation": {
-    "message": "N̂ór̂ḿâĺ n̂áv̂íĝát̂íôń"
+    "message": "N̂ór̂ḿâĺ n̂áv̂íĝát̂íôń (N̂ót̂ ŕêśt̂ór̂éd̂ f́r̂óm̂ b́âćk̂-f́ôŕŵár̂d́ ĉáĉh́ê)"
   },
   "panels/application/BackForwardCacheView.ts | pageSupportNeeded": {
-    "message": "F̂éât́ûŕêś p̂ŕêv́êńt̂ín̂ǵ b̂áĉḱ-f̂ór̂ẃâŕd̂ ćâćĥé"
+    "message": "Âćt̂íôńâb́l̂é"
   },
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "R̂éŝt́ôŕêd́ f̂ŕôḿ b̂áĉḱ-f̂ór̂ẃâŕd̂ ćâćĥé"
   },
+  "panels/application/BackForwardCacheView.ts | supportPending": {
+    "message": "P̂én̂d́îńĝ Śûṕp̂ór̂t́"
+  },
   "panels/application/BackForwardCacheView.ts | unavailable": {
     "message": "ûńâv́âíl̂áb̂ĺê"
   },
@@ -2363,9 +2366,6 @@
   "panels/application/BackForwardCacheView.ts | url": {
     "message": "ÛŔL̂"
   },
-  "panels/application/BackForwardCacheView.ts | willBeSupported": {
-    "message": "(Ŝúp̂ṕôŕt̂éd̂ ín̂ á f̂út̂úr̂é v̂ér̂śîón̂ óf̂ Ćĥŕôḿê)"
-  },
   "panels/application/BackgroundServiceView.ts | backgroundFetch": {
     "message": "B̂áĉḱĝŕôún̂d́ F̂ét̂ćĥ"
   },
@@ -2612,6 +2612,9 @@
   "panels/application/components/OriginTrialTreeView.ts | tokens": {
     "message": "{PH1} t̂ók̂én̂ś"
   },
+  "panels/application/components/OriginTrialTreeView.ts | trialName": {
+    "message": "T̂ŕîál̂ Ńâḿê"
+  },
   "panels/application/components/OriginTrialTreeView.ts | usageRestriction": {
     "message": "Ûśâǵê Ŕêśt̂ŕîćt̂íôń"
   },
@@ -3758,6 +3761,39 @@
   "panels/coverage/CoverageView.ts | urlFilter": {
     "message": "ÛŔL̂ f́îĺt̂ér̂"
   },
+  "panels/css_overview/components/CSSOverviewStartView.ts | activelyWorkingAndLookingForS": {
+    "message": "Ôúr̂ t́êám̂ íŝ áĉt́îv́êĺŷ ẃôŕk̂ín̂ǵ ôń t̂h́îś f̂éât́ûŕê án̂d́ ŵé âŕê ĺôók̂ín̂ǵ f̂ór̂ ýôúr̂ {PH1}!"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | captureOverview": {
+    "message": "Ĉáp̂t́ûŕê óv̂ér̂v́îéŵ"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | capturePageCSSOverview": {
+    "message": "Ĉáp̂t́ûŕê án̂ óv̂ér̂v́îéŵ óf̂ ýôúr̂ ṕâǵê’ś ĈŚŜ"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | feedbackInline": {
+    "message": "f̂éêd́b̂áĉḱ"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | feedbackStandalone": {
+    "message": "F̂éêd́b̂áĉḱ"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovements": {
+    "message": "Îd́êńt̂íf̂ý p̂ót̂én̂t́îál̂ ĆŜŚ îḿp̂ŕôv́êḿêńt̂ś"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovementsWithExampleIssues": {
+    "message": "Îd́êńt̂íf̂ý p̂ót̂én̂t́îál̂ ĆŜŚ îḿp̂ŕôv́êḿêńt̂ś (ê.ǵ. l̂óŵ ćôńt̂ŕâśt̂ íŝśûéŝ, ún̂úŝéd̂ d́êćl̂ár̂át̂íôńŝ, ćôĺôŕ ôŕ f̂ón̂t́ m̂íŝḿât́ĉh́êś)"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | locateAffectedElements": {
+    "message": "L̂óĉát̂é t̂h́ê áf̂f́êćt̂éd̂ él̂ém̂én̂t́ŝ ín̂ t́ĥé Êĺêḿêńt̂ś p̂án̂él̂"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | previewFeature": {
+    "message": "P̂ŕêv́îéŵ f́êát̂úr̂é"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | quickStartWithCSSOverview": {
+    "message": "Q̂úîćk̂ śt̂ár̂t́: ĝét̂ śt̂ár̂t́êd́ ŵít̂h́ t̂h́ê ńêẃ ĈŚŜ Óv̂ér̂v́îéŵ ṕâńêĺ"
+  },
+  "panels/css_overview/components/CSSOverviewStartView.ts | videoAndDocumentation": {
+    "message": "V̂íd̂éô án̂d́ d̂óĉúm̂én̂t́ât́îón̂"
+  },
   "panels/css_overview/css_overview-meta.ts | cssOverview": {
     "message": "ĈŚŜ Óv̂ér̂v́îéŵ"
   },
@@ -3875,12 +3911,6 @@
   "panels/css_overview/CSSOverviewSidebarPanel.ts | clearOverview": {
     "message": "Ĉĺêár̂ óv̂ér̂v́îéŵ"
   },
-  "panels/css_overview/CSSOverviewStartView.ts | captureOverview": {
-    "message": "Ĉáp̂t́ûŕê óv̂ér̂v́îéŵ"
-  },
-  "panels/css_overview/CSSOverviewStartView.ts | cssOverview": {
-    "message": "ĈŚŜ Óv̂ér̂v́îéŵ"
-  },
   "panels/css_overview/CSSOverviewUnusedDeclarations.ts | bottomAppliedToAStatically": {
     "message": "Bottom âṕp̂ĺîéd̂ t́ô á ŝt́ât́îćâĺl̂ý p̂óŝít̂íôńêd́ êĺêḿêńt̂"
   },
@@ -4895,14 +4925,8 @@
   "panels/issues/AttributionReportingIssueDetailsView.ts | untrustworthyOrigin": {
     "message": "Ûńt̂ŕûśt̂ẃôŕt̂h́ŷ ór̂íĝín̂"
   },
-  "panels/issues/components/HideIssuesMenu.ts | hideIssueByCode": {
-    "message": "Ĥíd̂é îśŝúêś l̂ík̂é t̂h́îś"
-  },
   "panels/issues/components/HideIssuesMenu.ts | tooltipTitle": {
-    "message": "Ĥíd̂é îśŝúêś m̂én̂ú"
-  },
-  "panels/issues/components/HideIssuesMenu.ts | UnhideIssueByCode": {
-    "message": "Ûńĥíd̂é îśŝúêś l̂ík̂é t̂h́îś"
+    "message": "Ĥíd̂é îśŝúêś"
   },
   "panels/issues/CorsIssueDetailsView.ts | allowCredentialsValueFromHeader": {
     "message": "Access-Control-Allow-Credentials Ĥéâd́êŕ V̂ál̂úê"
@@ -4997,6 +5021,9 @@
   "panels/issues/HiddenIssuesRow.ts | unhideAll": {
     "message": "Ûńĥíd̂é âĺl̂"
   },
+  "panels/issues/IssueKindView.ts | hideAllCurrent": {
+    "message": "Ĥíd̂é âĺl̂ ćûŕr̂én̂t́ {PH1}"
+  },
   "panels/issues/issues-meta.ts | cspViolations": {
     "message": "ĈŚP̂ V́îól̂át̂íôńŝ"
   },
@@ -5078,6 +5105,9 @@
   "panels/issues/IssueView.ts | blocked": {
     "message": "b̂ĺôćk̂éd̂"
   },
+  "panels/issues/IssueView.ts | hideIssuesLikeThis": {
+    "message": "Ĥíd̂é îśŝúêś l̂ík̂é t̂h́îś"
+  },
   "panels/issues/IssueView.ts | learnMoreS": {
     "message": "L̂éâŕn̂ ḿôŕê: {PH1}"
   },
@@ -5093,6 +5123,9 @@
   "panels/issues/IssueView.ts | restrictionStatus": {
     "message": "R̂éŝt́r̂íĉt́îón̂ Śt̂át̂úŝ"
   },
+  "panels/issues/IssueView.ts | unhideIssuesLikeThis": {
+    "message": "Ûńĥíd̂é îśŝúêś l̂ík̂é t̂h́îś"
+  },
   "panels/issues/IssueView.ts | warned": {
     "message": "Ŵár̂ńêd́"
   },

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

@@ -9,8 +9,14 @@ export const enum ArrowKey {
   RIGHT = 'ArrowRight',
 }
+export const enum PageKey {
+  UP = 'PageUp',
+  DOWN = 'PageDown',
+}
 export const ENTER_KEY = 'Enter';
 export const ESCAPE_KEY = 'Escape';
+export const TAB_KEY = 'Tab';
 export const ARROW_KEYS = new Set<ArrowKey>([
   ArrowKey.UP,

package/front_end/core/sdk/sdk-meta.ts CHANGED Viewed

@@ -344,6 +344,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.preserveLogUponNavigation),
   settingName: 'preserveConsoleLog',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -440,6 +441,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.GRID,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.showAreaNames),
   settingName: 'showGridAreas',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -458,6 +460,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.GRID,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.showTrackSizes),
   settingName: 'showGridTrackSizes',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -476,6 +479,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.GRID,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.extendGridLines),
   settingName: 'extendGridLines',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -494,6 +498,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.GRID,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.showLineLabels),
   settingName: 'showGridLineLabels',
   settingType: Common.Settings.SettingType.ENUM,

package/front_end/entrypoints/inspector_main/inspector_main-meta.ts CHANGED Viewed

@@ -235,6 +235,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.disablePaused),
   settingName: 'disablePausedStateOverlay',
   settingType: Common.Settings.SettingType.BOOLEAN,

package/front_end/entrypoints/main/MainImpl.ts CHANGED Viewed

@@ -209,13 +209,24 @@ export class MainImpl {
       localStorage = new Common.Settings.SettingsStorage({}, Common.Settings.NOOP_STORAGE, storagePrefix);
     }
-    const hostStorage: Common.Settings.SettingsBackingStore = {
+    const hostUnsyncedStorage: Common.Settings.SettingsBackingStore = {
+      register: (name: string) =>
+          Host.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(name, {synced: false}),
       set: Host.InspectorFrontendHost.InspectorFrontendHostInstance.setPreference,
       remove: Host.InspectorFrontendHost.InspectorFrontendHostInstance.removePreference,
       clear: Host.InspectorFrontendHost.InspectorFrontendHostInstance.clearPreferences,
     };
-    const globalStorage = new Common.Settings.SettingsStorage(prefs, hostStorage, storagePrefix);
-    Common.Settings.Settings.instance({forceNew: true, syncedStorage: globalStorage, globalStorage, localStorage});
+    const hostSyncedStorage: Common.Settings.SettingsBackingStore = {
+      ...hostUnsyncedStorage,
+      register: (name: string) =>
+          Host.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(name, {synced: true}),
+    };
+    // `prefs` is retrieved via `getPreferences` host binding and contains both synced and unsynced settings.
+    // As such, we use `prefs` to initialize both the synced and the global storage. This is fine as an individual
+    // setting can't change storage buckets during a single DevTools session.
+    const syncedStorage = new Common.Settings.SettingsStorage(prefs, hostSyncedStorage, storagePrefix);
+    const globalStorage = new Common.Settings.SettingsStorage(prefs, hostUnsyncedStorage, storagePrefix);
+    Common.Settings.Settings.instance({forceNew: true, syncedStorage, globalStorage, localStorage});
     // @ts-ignore layout test global
     self.Common.settings = Common.Settings.Settings.instance();
@@ -241,8 +252,6 @@ export class MainImpl {
         'blackboxJSFramesOnTimeline', 'Ignore List for JavaScript frames on Timeline', true);
     Root.Runtime.experiments.register(
         'ignoreListJSFramesOnTimeline', 'Ignore List for JavaScript frames on Timeline', true);
-    Root.Runtime.experiments.register(
-        'cssOverview', 'CSS Overview', undefined, 'https://developer.chrome.com/blog/new-in-devtools-87/#css-overview');
     Root.Runtime.experiments.register('inputEventsOnTimelineOverview', 'Input events on Timeline overview', true);
     Root.Runtime.experiments.register('liveHeapProfile', 'Live heap profile', true);
     Root.Runtime.experiments.register(

package/front_end/entrypoints/main/main-meta.ts CHANGED Viewed

@@ -588,6 +588,7 @@ UI.ActionRegistration.registerActionExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.theme),
   settingName: 'uiTheme',
   settingType: Common.Settings.SettingType.ENUM,
@@ -618,6 +619,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.panelLayout),
   settingName: 'sidebarPosition',
   settingType: Common.Settings.SettingType.ENUM,
@@ -643,6 +645,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.colorFormat),
   settingName: 'colorFormat',
   settingType: Common.Settings.SettingType.ENUM,
@@ -676,6 +679,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.enableCtrlShortcutToSwitchPanels),
   titleMac: i18nLazyString(UIStrings.enableShortcutToSwitchPanels),
   settingName: 'shortcutPanelSwitch',

package/front_end/models/issues_manager/IssuesManager.ts CHANGED Viewed

@@ -293,9 +293,9 @@ export class IssuesManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes
   numberOfIssues(kind?: IssueKind): number {
     if (kind) {
-      return this.issueCounts.get(kind) ?? 0;
+      return (this.issueCounts.get(kind) ?? 0) - this.numberOfHiddenIssues(kind);
     }
-    return this.filteredIssues.size;
+    return this.filteredIssues.size - this.numberOfHiddenIssues();
   }
   numberOfHiddenIssues(kind?: IssueKind): number {

package/front_end/panels/application/BackForwardCacheView.ts CHANGED Viewed

@@ -43,7 +43,7 @@ const UIStrings = {
    * @description Status text for the status of the back-forward cache status indicating that
    * the back-forward cache was not used and a normal navigation occured instead.
    */
-  normalNavigation: 'Normal navigation',
+  normalNavigation: 'Normal navigation (Not restored from back-forward cache)',
   /**
    * @description Status text for the status of the back-forward cache status indicating that
    * the back-forward cache was used to restore the page instead of reloading it.
@@ -53,18 +53,18 @@ const UIStrings = {
    * @description Category text for the reasons which need to be cleaned up on the websites in
    * order to make the page eligible for the back-forward cache.
    */
-  pageSupportNeeded: 'Features preventing back-forward cache',
+  pageSupportNeeded: 'Actionable',
   /**
-   * @description Category text for the reasons which need to be addressed on the chrome's side
-   * in order to make the page eligible for the back-forward cache.
+   * @description Category text for the reasons which are circumstantial and cannot be addressed
+   * by developers.
    */
-  chromeSupportNeeded: 'The last navigation was not cached because',
+  circumstantial: 'Not Actionable',
   /**
    * @description Explanation text appended to a reason why the usage of the back-forward cache
    * is not possible, if in a future version of Chrome this reason will not prevent the usage
    * of the back-forward cache anymore.
    */
-  willBeSupported: '(Supported in a future version of Chrome)',
+  supportPending: 'Pending Support',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/BackForwardCacheView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -152,37 +152,25 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget {
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
     return LitHtml.html`
-      ${pageSupportNeeded.length + supportPending.length > 0 ?
-        LitHtml.html`
-          <${ReportView.ReportView.ReportKey.litTagName}>${
-            i18nString(UIStrings.pageSupportNeeded)
-          }</${ReportView.ReportView.ReportKey.litTagName}>
-          <${ReportView.ReportView.ReportValue.litTagName}>${
-            pageSupportNeeded.concat(supportPending).map(explanation => this.renderExplanation(explanation))
-          }</${ReportView.ReportView.ReportValue.litTagName}>
-        ` : LitHtml.nothing}
-      ${circumstantial.length > 0 ?
-        LitHtml.html`
-          <${ReportView.ReportView.ReportKey.litTagName}>${
-            i18nString(UIStrings.chromeSupportNeeded)
-          }</${ReportView.ReportView.ReportKey.litTagName}>
-          <${ReportView.ReportView.ReportValue.litTagName}>${
-            circumstantial.map(explanation => this.renderExplanation(explanation))
-          }</${ReportView.ReportView.ReportValue.litTagName}>
-        ` : LitHtml.nothing}
+      ${this.renderExplanations(UIStrings.pageSupportNeeded, pageSupportNeeded)}
+      ${this.renderExplanations(UIStrings.supportPending, supportPending)}
+      ${this.renderExplanations(UIStrings.circumstantial, circumstantial)}
     `;
     // clang-format on
   }
-  private renderExplanation(explanation: Protocol.Page.BackForwardCacheNotRestoredExplanation): LitHtml.TemplateResult {
+  private renderExplanations(description: string, explanations: Protocol.Page.BackForwardCacheNotRestoredExplanation[]):
+      LitHtml.TemplateResult {
     return LitHtml.html`
-      <div>
-        ${explanation.reason}
-        ${
-        explanation.type === Protocol.Page.BackForwardCacheNotRestoredReasonType.SupportPending ?
-            i18nString(UIStrings.willBeSupported) :
+      ${
+        explanations.length > 0 ?
+            LitHtml.html`
+          <${ReportView.ReportView.ReportKey.litTagName}>${description}</${ReportView.ReportView.ReportKey.litTagName}>
+          <${ReportView.ReportView.ReportValue.litTagName}>${
+                explanations.map(explanation => LitHtml.html`<div>${explanation.reason}</div>`)}</${
+                ReportView.ReportView.ReportValue.litTagName}>
+        ` :
             LitHtml.nothing}
-      </div>
     `;
   }
 }

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

@@ -18,6 +18,12 @@ const UIStrings = {
   *@description Label for the 'origin' field in a parsed Origin Trial Token.
   */
   origin: 'Origin',
+  /**
+   *@description Label for `trialName` field in a parsed Origin Trial Token.
+   * This field is only shown when token has unknown trial name as the token
+   * will be put into 'UNKNOWN' group.
+   */
+  trialName: 'Trial Name',
   /**
    *@description Label for `expiryTime` field in a parsed Origin Trial Token.
    */
@@ -257,6 +263,16 @@ export class OriginTrialTokenRows extends HTMLElement {
         value: this.renderTokenField(this.tokenWithStatus.parsedToken.matchSubDomains.toString()),
       },
     ];
+    if (this.tokenWithStatus.status === Protocol.Page.OriginTrialTokenStatus.UnknownTrial) {
+      this.parsedTokenDetails = [
+        {
+          name: i18nString(UIStrings.trialName),
+          value: this.renderTokenField(this.tokenWithStatus.parsedToken.trialName),
+        },
+        ...this.parsedTokenDetails,
+      ];
+    }
   }
   private render(): void {

package/front_end/panels/console/console-meta.ts CHANGED Viewed

@@ -222,6 +222,7 @@ UI.ActionRegistration.registerActionExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.hideNetworkMessages),
   settingName: 'hideNetworkMessages',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -240,6 +241,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.selectedContextOnly),
   settingName: 'selectedContextFilterEnabled',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -258,6 +260,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.logXmlhttprequests),
   settingName: 'monitoringXHREnabled',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -266,6 +269,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.showTimestamps),
   settingName: 'consoleTimestampsEnabled',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -338,6 +342,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.eagerEvaluation),
   settingName: 'consoleEagerEval',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -356,6 +361,7 @@ Common.Settings.registerSettingExtension({
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.evaluateTriggersUserActivation),
   settingName: 'consoleUserActivationEval',
   settingType: Common.Settings.SettingType.BOOLEAN,

package/front_end/panels/css_overview/CSSOverviewPanel.ts CHANGED Viewed

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
+import * as CSSOverviewComponents from './components/components.js';
 import cssOverviewStyles from './cssOverview.css.js';
 import type * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
@@ -15,7 +16,6 @@ import {Events, OverviewController} from './CSSOverviewController.js';
 import type {GlobalStyleStats} from './CSSOverviewModel.js';
 import {CSSOverviewModel} from './CSSOverviewModel.js';
 import {CSSOverviewProcessingView} from './CSSOverviewProcessingView.js';
-import {CSSOverviewStartView} from './CSSOverviewStartView.js';
 import type {UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
 // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -24,7 +24,7 @@ let CSSOverviewPanelInstance: CSSOverviewPanel;
 export class CSSOverviewPanel extends UI.Panel.Panel {
   private readonly model: CSSOverviewModel;
   private readonly controller: OverviewController;
-  private readonly startView: CSSOverviewStartView;
+  private readonly startView: CSSOverviewComponents.CSSOverviewStartView.CSSOverviewStartView;
   private readonly processingView: CSSOverviewProcessingView;
   private readonly completedView: CSSOverviewCompletedView;
   private backgroundColors!: Map<string, Set<Protocol.DOM.BackendNodeId>>;
@@ -48,7 +48,9 @@ export class CSSOverviewPanel extends UI.Panel.Panel {
     this.model = (model as CSSOverviewModel);
     this.controller = new OverviewController();
-    this.startView = new CSSOverviewStartView(this.controller);
+    this.startView = new CSSOverviewComponents.CSSOverviewStartView.CSSOverviewStartView();
+    this.startView.addEventListener(
+        'overviewstartrequested', () => this.controller.dispatchEventToListeners(Events.RequestOverviewStart));
     this.processingView = new CSSOverviewProcessingView(this.controller);
     this.completedView = new CSSOverviewCompletedView(this.controller, model.target());
@@ -109,18 +111,19 @@ export class CSSOverviewPanel extends UI.Panel.Panel {
     this.processingView.hideWidget();
     this.completedView.hideWidget();
-    this.startView.show(this.contentElement);
+    this.contentElement.append(this.startView);
+    this.startView.show();
   }
   private renderOverviewStartedView(): void {
-    this.startView.hideWidget();
+    this.startView.hide();
     this.completedView.hideWidget();
     this.processingView.show(this.contentElement);
   }
   private renderOverviewCompletedView(): void {
-    this.startView.hideWidget();
+    this.startView.hide();
     this.processingView.hideWidget();
     this.completedView.show(this.contentElement);