chrome-devtools-frontend 1.0.1683520 → 1.0.1689415

package/front_end/ui/legacy/reportView.css

@@ -18,14 +18,14 @@
 }
 
 .report-header {
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
   padding: var(--sys-size-7) var(--sys-size-9);
 }
 
 .report-header devtools-toolbar {
-  margin-bottom: -8px;
+  margin-bottom: calc(-1 * var(--sys-size-5));
   margin-top: 5px;
-  margin-left: -8px;
+  margin-left: calc(-1 * var(--sys-size-5));
 }
 
 .report-title {
@@ -44,7 +44,7 @@
 .report-section {
   display: flex;
   padding: var(--sys-size-7) var(--sys-size-9) 11px var(--sys-size-9);
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
   flex-direction: column;
 }
 
@@ -68,7 +68,7 @@
   flex: 1 1 auto;
   text-overflow: ellipsis;
   overflow: hidden;
-  line-height: 16px;
+  line-height: var(--sys-size-8);
   color: var(--sys-color-on-surface);
   min-width: var(--sys-size-21);
   white-space: nowrap;
@@ -96,7 +96,7 @@
 .report-field-name {
   font: var(--sys-typescale-body5-medium);
   color: var(--sys-color-on-surface-subtle);
-  flex: 0 0 128px;
+  flex: 0 0 var(--sys-size-21);
   text-align: left;
   white-space: pre-wrap;
 }
@@ -116,7 +116,7 @@
 
 .report-field-value-subtitle {
   color: var(--sys-color-state-disabled);
-  line-height: 14px;
+  line-height: var(--sys-size-7);
 }
 
 .report-row-selectable {

package/front_end/ui/legacy/searchableView.css

@@ -6,7 +6,7 @@
 
 .search-bar {
   flex: 0 0 33px;
-  border-top: 1px solid var(--sys-color-divider);
+  border-top: var(--sys-size-1) solid var(--sys-color-divider);
 
   devtools-icon[name="search"] {
     width: var(--sys-size-8);
@@ -83,7 +83,7 @@
     grid-column: 1/3;
     display: inline-flex;
     padding: 0 var(--sys-size-2) 0 var(--sys-size-5);
-    border-radius: 100px;
+    border-radius: var(--sys-shape-corner-full);
     height: var(--sys-size-10);
     position: relative;
 
@@ -100,7 +100,7 @@
       left: 0;
       background: var(--sys-color-cdt-base);
       z-index: -10;
-      border-radius: 100px;
+      border-radius: var(--sys-shape-corner-full);
       padding: var(--sys-size-2);
     }
 
@@ -149,11 +149,11 @@
   }
 
   .replace-element:has(input:focus) {
-    box-shadow: inset 0 0 0 2px var(--sys-color-state-focus-ring);
+    box-shadow: inset 0 0 0 var(--sys-size-2) var(--sys-color-state-focus-ring);
   }
 
   .search-inputs:has(input[type="search"]:focus) .search-input-background {
-    box-shadow: inset 0 0 0 2px var(--sys-color-state-focus-ring);
+    box-shadow: inset 0 0 0 var(--sys-size-2) var(--sys-color-state-focus-ring);
   }
 }
 

package/front_end/ui/legacy/smallBubble.css

@@ -6,13 +6,13 @@
 
 div {
   display: inline-flex;
-  height: 14px;
+  height: var(--sys-size-7);
   align-items: center;
   vertical-align: middle;
   white-space: nowrap;
-  padding: 1px 4px;
+  padding: var(--sys-size-1) var(--sys-size-3);
   text-align: left;
-  font-size: 11px;
+  font-size: var(--sys-typescale-body5-size);
   line-height: normal;
   font-weight: bold;
   text-shadow: none;

package/front_end/ui/legacy/softContextMenu.css

@@ -6,10 +6,10 @@
 
 .soft-context-menu {
   overflow-y: auto;
-  min-width: 160px !important; /* stylelint-disable-line declaration-no-important */
+  min-width: var(--sys-size-23) !important; /* stylelint-disable-line declaration-no-important */
   /* NOTE: Keep padding in sync with padding adjustment in SoftContextMenu.ts */
   padding: var(--sys-size-5) 0;
-  border: 1px solid var(--sys-color-neutral-outline);
+  border: var(--sys-size-1) solid var(--sys-color-neutral-outline);
   border-radius: var(--sys-shape-corner-small);
   background-color: var(--app-color-menu-background);
   box-shadow: var(--sys-elevation-level3);
@@ -24,13 +24,13 @@
 }
 
 .dockside-title + devtools-toolbar {
-  margin-right: -8px;
+  margin-right: calc(-1 * var(--sys-size-5));
 }
 
 .soft-context-menu-item {
   display: flex;
   width: 100%;
-  font-size: 12px;
+  font-size: var(--sys-typescale-body4-size);
   height: var(--sys-size-11);
   padding: 0 var(--sys-size-8);
   white-space: nowrap;

package/front_end/ui/legacy/softDropDownButton.css

@@ -38,7 +38,7 @@ button.soft-dropdown:hover:not(:active) > .title {
 
 @media (forced-colors: active) {
   button.soft-dropdown {
-    border: 1px solid ButtonText;
+    border: var(--sys-size-1) solid ButtonText;
     background: ButtonFace;
     color: ButtonText;
   }

package/front_end/ui/legacy/splitWidget.css

@@ -1,29 +1,7 @@
 /*
- * Copyright (C) 2011 Google Inc. All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are
- * met:
- *
- * 1. Redistributions of source code must retain the above copyright
- * notice, this list of conditions and the following disclaimer.
- *
- * 2. Redistributions in binary form must reproduce the above
- * copyright notice, this list of conditions and the following disclaimer
- * in the documentation and/or other materials provided with the
- * distribution.
- *
- * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS
- * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
- * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
- * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC.
- * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
- * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
- * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
- * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
- * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ * Copyright 2026 The Chromium Authors
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
  */
 
 .shadow-split-widget {
@@ -51,7 +29,7 @@
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 6px;
+  width: var(--sys-size-4);
   z-index: 4000;
 }
 
@@ -59,7 +37,7 @@
   position: absolute;
   left: 0;
   right: 0;
-  height: 6px;
+  height: var(--sys-size-4);
   z-index: 4000;
 }
 
@@ -69,22 +47,22 @@
 
 .shadow-split-widget.vbox > .shadow-split-widget-sidebar:not(.maximized) {
   border: 0;
-  border-top: 1px solid var(--sys-color-divider);
+  border-top: var(--sys-size-1) solid var(--sys-color-divider);
 }
 
 .shadow-split-widget.hbox > .shadow-split-widget-sidebar:not(.maximized) {
   border: 0;
-  border-left: 1px solid var(--sys-color-divider);
+  border-left: var(--sys-size-1) solid var(--sys-color-divider);
 }
 
 .shadow-split-widget.vbox > .shadow-split-widget-sidebar:first-child:not(.maximized) {
   border: 0;
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
 }
 
 .shadow-split-widget.hbox > .shadow-split-widget-sidebar:first-child:not(.maximized) {
   border: 0;
-  border-right: 1px solid var(--sys-color-divider);
+  border-right: var(--sys-size-1) solid var(--sys-color-divider);
 }
 
 :host-context(.disable-resizer-for-elements-hack) .shadow-split-widget-resizer {

package/front_end/ui/legacy/suggestBox.css

@@ -19,9 +19,9 @@
 }
 
 .suggest-box-content-item {
-  padding: 1px 0 1px 1px;
+  padding: var(--sys-size-1) 0 var(--sys-size-1) var(--sys-size-1);
   margin: 0;
-  border: 1px solid transparent;
+  border: var(--sys-size-1) solid transparent;
   white-space: nowrap;
   display: flex;
   align-items: center;
@@ -53,7 +53,7 @@
 
 .suggest-box-content-item devtools-icon {
   color: var(--sys-color-on-surface-subtle);
-  margin-right: 1px;
+  margin-right: var(--sys-size-1);
 }
 
 .suggest-box-content-item .query {
@@ -62,7 +62,7 @@
 
 .suggest-box-content-item .spacer {
   display: inline-block;
-  width: 20px;
+  width: var(--sys-size-9);
 }
 
 .suggest-box-content-item.selected {

package/front_end/ui/legacy/tabbedPane.css

@@ -134,9 +134,9 @@
     text-align: left;
 
     &:focus-visible {
-      outline: 2px solid var(--sys-color-state-focus-ring);
-      outline-offset: 2px;
-      border-radius: 2px;
+      outline: var(--sys-size-2) solid var(--sys-color-state-focus-ring);
+      outline-offset: var(--sys-size-2);
+      border-radius: var(--sys-size-2);
     }
   }
 }
@@ -144,7 +144,7 @@
 .tabbed-pane-header {
   display: flex;
   flex: 0 0 27px;
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
   overflow: visible;
   width: 100%;
   background-color: var(--app-color-toolbar-background);
@@ -167,7 +167,7 @@
 }
 
 .tabbed-pane-header-tab-icon {
-  min-width: 14px;
+  min-width: var(--sys-size-7);
   display: flex;
   align-items: center;
   margin-right: var(--sys-size-2);
@@ -272,7 +272,7 @@
   --override-dragging-box-shadow-color: rgb(0 0 0 / 37%);
 
   position: relative;
-  box-shadow: 0 1px 4px 0 var(--override-dragging-box-shadow-color);
+  box-shadow: 0 var(--sys-size-1) var(--sys-size-3) 0 var(--override-dragging-box-shadow-color);
   background-color: var(--app-color-toolbar-background);
 }
 
@@ -349,9 +349,9 @@
 }
 
 .tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab {
-  height: var(--size-12, 28px);
-  padding: 0 var(--size-8, 16px) 0 var(--size-7, 14px);
-  border-radius: 0 100px 100px 0;
+  height: var(--sys-size-12);
+  padding: 0 var(--sys-size-8) 0 var(--sys-size-7);
+  border-radius: 0 var(--sys-shape-corner-full) var(--sys-shape-corner-full) 0;
   color: var(--sys-color-on-surface);
   position: relative;
 
@@ -370,7 +370,7 @@
   }
 
   &:focus-visible {
-    outline: 2px solid var(--sys-color-state-focus-ring);
+    outline: var(--sys-size-2) solid var(--sys-color-state-focus-ring);
   }
 
   &:active::before {
@@ -388,7 +388,7 @@
 .tabbed-pane-tab-slider {
   height: 3px;
   position: absolute;
-  bottom: -1px;
+  bottom: calc(-1 * var(--sys-size-1));
   background-color: var(--sys-color-primary);
   border-radius: var(--sys-shape-corner-full) var(--sys-shape-corner-full) 0 0;
   left: 0;
@@ -413,20 +413,20 @@
 }
 
 .tabbed-pane-left-toolbar {
-  margin-right: -4px;
+  margin-right: calc(-1 * var(--sys-size-3));
   flex: none;
 }
 
 .tabbed-pane-right-toolbar {
-  margin-left: -4px;
+  margin-left: calc(-1 * var(--sys-size-3));
   flex: none;
 }
 
 .preview-icon {
   --override-tabbed-pane-preview-icon-color: var(--icon-default);
 
-  width: 16px;
-  height: 16px;
+  width: var(--sys-size-8);
+  height: var(--sys-size-8);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -446,7 +446,7 @@
 
   .tabbed-pane-header {
     forced-color-adjust: none;
-    border-bottom: 1px solid transparent;
+    border-bottom: var(--sys-size-1) solid transparent;
     background-color: ButtonFace;
   }
 
@@ -523,7 +523,7 @@
 
 .spark {
   position: absolute;
-  top: 2px;
+  top: var(--sys-size-2);
 
   --icon-default: var(--sys-color-primary);
 }

package/front_end/ui/legacy/textPrompt.css

@@ -13,8 +13,8 @@
   box-shadow: var(--drop-shadow);
   background-color: var(--sys-color-cdt-base-container);
   text-overflow: clip !important; /* stylelint-disable-line declaration-no-important */
-  margin: 0 -2px -1px;
-  padding: 0 2px 1px;
+  margin: 0 calc(-1 * var(--sys-size-2)) calc(-1 * var(--sys-size-1));
+  padding: 0 var(--sys-size-2) var(--sys-size-1);
   opacity: 100% !important; /* stylelint-disable-line declaration-no-important */
 }
 

package/front_end/ui/legacy/toolbar.css

@@ -5,7 +5,7 @@
  */
 
 :host {
-  padding: 0 2px;
+  padding: 0 var(--sys-size-2);
   position: relative;
   white-space: nowrap;
   overflow: hidden;
@@ -21,9 +21,9 @@
   flex-direction: column;
   inset: 0;
   background-color: var(--sys-color-cdt-base-container);
-  border: 1px solid var(--sys-color-divider);
-  margin-top: -1px;
-  width: 28px;
+  border: var(--sys-size-1) solid var(--sys-color-divider);
+  margin-top: calc(-1 * var(--sys-size-1));
+  width: var(--sys-size-12);
 }
 
 :host([hidden]) {

package/front_end/ui/legacy/treeoutline.css

@@ -6,7 +6,7 @@
 
 :host {
   flex: 1 1 auto;
-  padding: 2px 0 0;
+  padding: var(--sys-size-2) 0 0;
 }
 
 :host(devtools-tree) {
@@ -19,14 +19,14 @@
 }
 
 .tree-outline {
-  padding: 0 0 4px 4px;
+  padding: 0 0 var(--sys-size-3) var(--sys-size-3);
   margin: 0;
   z-index: 0;
   position: relative;
 }
 
 .tree-outline:focus-visible {
-  box-shadow: 0 0 0 2px var(--sys-color-state-focus-ring) inset;
+  box-shadow: 0 0 0 var(--sys-size-2) var(--sys-color-state-focus-ring) inset;
 }
 
 .tree-outline li .selection {
@@ -46,8 +46,8 @@
 
 .tree-outline:not(.hide-selection-when-blurred) li.elements-drag-over .selection {
   display: block;
-  margin-top: -2px;
-  border-top: 2px solid;
+  margin-top: calc(-1 * var(--sys-size-2));
+  border-top: var(--sys-size-2) solid;
   border-top-color: var(--sys-color-tonal-container);
 }
 
@@ -65,7 +65,7 @@
 }
 
 .tree-outline:not(.hide-selection-when-blurred) li.in-clipboard .highlight {
-  outline: 1px dotted var(--sys-color-neutral-outline);
+  outline: var(--sys-size-1) dotted var(--sys-color-neutral-outline);
 }
 
 ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus .selection {
@@ -78,7 +78,7 @@ ol.tree-outline,
 }
 
 .tree-outline ol {
-  padding-left: 12px;
+  padding-left: var(--sys-size-6);
 }
 
 .tree-outline li {
@@ -87,7 +87,7 @@ ol.tree-outline,
   position: relative;
   display: flex;
   align-items: center;
-  min-height: 16px;
+  min-height: var(--sys-size-8);
 }
 
 ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {
@@ -110,11 +110,11 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {
 }
 
 .tree-outline li .leading-icons {
-  margin-right: 4px;
+  margin-right: var(--sys-size-3);
 }
 
 .tree-outline li .trailing-icons {
-  margin-left: 4px;
+  margin-left: var(--sys-size-3);
 }
 
 .tree-outline li::before {
@@ -145,8 +145,8 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {
 }
 
 .tree-outline.tree-outline-dense li {
-  margin-top: 1px;
-  min-height: 12px;
+  margin-top: var(--sys-size-1);
+  min-height: var(--sys-size-6);
 }
 
 .tree-outline.tree-outline-dense li.parent {
@@ -163,7 +163,7 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {
 
 .tree-outline.hide-selection-when-blurred .selected:focus-visible {
   background: var(--sys-color-state-focus-highlight);
-  border-radius: 2px;
+  border-radius: var(--sys-size-2);
 }
 
 .tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .selected:focus-visible {
@@ -181,7 +181,7 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus {
   height: var(--sys-size-10);
   margin-right: var(--sys-size-3);
   padding-right: var(--sys-size-3);
-  padding-left: 6px;
+  padding-left: var(--sys-size-4);
 
   &::before {
     flex-shrink: 0;

package/front_end/ui/legacy/viewContainers.css

@@ -35,17 +35,17 @@ found in the LICENSE file. */
   display: flex;
   align-items: center;
   background-color: var(--sys-color-surface2);
-  height: 22px;
+  height: var(--sys-size-10);
   padding: 0 5px;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
-  border-bottom: 1px solid transparent;
+  border-bottom: var(--sys-size-1) solid transparent;
 }
 
 .expandable-view-title.expanded,
 .expandable-view-title:last-child {
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
 }
 
 .expandable-view-title devtools-toolbar {
@@ -63,8 +63,8 @@ found in the LICENSE file. */
 }
 
 .title-expand-icon {
-  margin-right: 2px;
-  margin-bottom: -2px;
+  margin-right: var(--sys-size-2);
+  margin-bottom: calc(-1 * var(--sys-size-2));
 }
 
 .expandable-view-title:focus-visible {
@@ -80,7 +80,7 @@ found in the LICENSE file. */
     forced-color-adjust: none;
     color: HighlightText;
     background-color: Highlight;
-    box-shadow: 0 0 0 2px Highlight inset;
+    box-shadow: 0 0 0 var(--sys-size-2) Highlight inset;
   }
 
   .expandable-view-title:focus-visible .title-expand-icon {

package/front_end/ui/settings/ConsoleSettings.ts

@@ -0,0 +1,66 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';
+
+export const networkMessagesSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'network-messages',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const selectedContextFilterEnabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'selected-context-filter-enabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleTimestampsEnabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-timestamps-enabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleHistoryAutocompleteSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-history-autocomplete',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+};
+
+export const consoleAutocompleteOnEnterSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-autocomplete-on-enter',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleGroupSimilarSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-group-similar',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleShowsCorsErrorsSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-shows-cors-errors',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+};
+
+export const consoleEagerEvalSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-eager-eval',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleTraceExpandSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-trace-expand',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};

package/front_end/ui/settings/MainSettings.ts

@@ -31,3 +31,50 @@ export const languageSettingDescriptor: Common.Settings.SettingDescriptor<string
   defaultValue: 'en-US',
   storageType: Common.Settings.SettingStorageType.SYNCED,
 };
+
+export const shortcutPanelSwitchSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'shortcut-panel-switch',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const currentDockStateSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'currentDockState',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'right',
+};
+
+export const activeKeybindSetSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'active-keybind-set',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'devToolsDefault',
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+// This name must be kept in sync with DevToolsSettings::kSyncDevToolsPreferencesFrontendName.
+export const syncPreferencesSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'sync-preferences',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+};
+
+export interface UserShortcut {
+  action: string;
+  descriptors: Array<{key: number, name: string}>;
+  type: string;
+}
+
+export const userShortcutsSettingDescriptor: Common.Settings.SettingDescriptor<UserShortcut[]> = {
+  name: 'user-shortcuts',
+  type: Common.Settings.SettingType.ARRAY,
+  defaultValue: [],
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const searchAsYouTypeSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'search-as-you-type',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.LOCAL,
+};

package/front_end/ui/settings/settings.ts

@@ -2,11 +2,13 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as ConsoleSettings from './ConsoleSettings.js';
 import * as InspectorMainSettings from './InspectorMainSettings.js';
 import * as MainSettings from './MainSettings.js';
 import * as SettingUIRegistration from './SettingUIRegistration.js';
 
 export {
+  ConsoleSettings,
   InspectorMainSettings,
   MainSettings,
   SettingUIRegistration,