chrome-devtools-frontend 1.0.1625079 → 1.0.1626437

package/front_end/core/common/VersionController.ts

@@ -247,12 +247,13 @@ export class VersionController {
 
   updateVersionFrom9To10(): void {
     // This one is localStorage specific, which is fine.
-    if (!window.localStorage) {
+    const localStorage = Platform.HostRuntime.HOST_RUNTIME.getLocalStorage();
+    if (!localStorage) {
       return;
     }
-    for (const key in window.localStorage) {
+    for (const key in localStorage) {
       if (key.startsWith('revision-history')) {
-        window.localStorage.removeItem(key);
+        localStorage.removeItem(key);
       }
     }
   }
@@ -888,16 +889,17 @@ export class VersionController {
       'workspaceExcludedFolders',
       'xhrBreakpoints',
     ]);
-    if (!window.localStorage) {
+    const localStorage = Platform.HostRuntime.HOST_RUNTIME.getLocalStorage();
+    if (!localStorage) {
       return;
     }
 
-    for (const key in window.localStorage) {
+    for (const key in localStorage) {
       if (localSettings.has(key)) {
         continue;
       }
-      const value = window.localStorage[key];
-      window.localStorage.removeItem(key);
+      const value = localStorage[key];
+      localStorage.removeItem(key);
       this.#settings.globalStorage.set(key, value);
     }
   }

package/front_end/core/common/common.ts

@@ -2,8 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as App from './App.js';
-import * as AppProvider from './AppProvider.js';
 import * as Base64 from './Base64.js';
 import * as CharacterIdMap from './CharacterIdMap.js';
 import * as Color from './Color.js';
@@ -43,8 +41,6 @@ import * as VersionController from './VersionController.js';
  */
 export {UIString} from '../platform/platform.js';
 export {
-  App,
-  AppProvider,
   Base64,
   CharacterIdMap,
   Color,

package/front_end/core/host/AidaClient.ts

@@ -250,7 +250,7 @@ export class AidaClient {
         } else if ('error' in result) {
           throw new Error(`Server responded: ${JSON.stringify(result)}`);
         } else {
-          throw new Error('Unknown chunk result');
+          throw new Error(`Unknown chunk result ${JSON.stringify(result)}`);
         }
       }
       if (textUpdated) {

package/front_end/core/host/AidaClientTypes.ts

@@ -133,6 +133,8 @@ export enum ClientFeature {
   CHROME_ACCESSIBILITY_AGENT = 26,
   // Chrome AI Assistance Conversation Summary Agent.
   CHROME_CONVERSATION_SUMMARY_AGENT = 27,
+  // Chrome AI Assistance Storage Agent.
+  CHROME_STORAGE_AGENT = 28,
 }
 
 export enum UserTier {

package/front_end/core/host/AidaGcaTranslation.ts

@@ -468,9 +468,9 @@ export function gcaChunkResponseToAidaChunkResponse(response: GCA.GenerateConten
                                                             })),
       };
     }
-    const chunks: AIDA.AidaChunkResponse[] = (parts).map(part => {
+    const chunks: AIDA.AidaChunkResponse[] = parts.map(part => {
       const aidaChunkResponse: AIDA.AidaChunkResponse = {metadata};
-      if (part.text) {
+      if (part.text !== undefined) {
         aidaChunkResponse.textChunk = {
           text: extractTextFromGcaParts(parts),
         };

package/front_end/core/host/Platform.ts

@@ -46,15 +46,6 @@ export function setPlatformForTests(platform: string): void {
   _isWin = undefined;
 }
 
-let _isCustomDevtoolsFrontend: boolean;
-
-export function isCustomDevtoolsFrontend(): boolean {
-  if (typeof _isCustomDevtoolsFrontend === 'undefined') {
-    _isCustomDevtoolsFrontend = window.location.toString().startsWith('devtools://devtools/custom/');
-  }
-  return _isCustomDevtoolsFrontend;
-}
-
 let _fontFamily: string;
 
 export function fontFamily(): string {

package/front_end/core/host/UserMetrics.ts

@@ -6,28 +6,6 @@ import {InspectorFrontendHostInstance} from './InspectorFrontendHost.js';
 import {EnumeratedHistogram} from './InspectorFrontendHostAPI.js';
 
 export class UserMetrics {
-  #panelChangedSinceLaunch: boolean;
-  #firedLaunchHistogram: boolean;
-  #launchPanelName: string;
-  constructor() {
-    this.#panelChangedSinceLaunch = false;
-    this.#firedLaunchHistogram = false;
-    this.#launchPanelName = '';
-  }
-
-  panelShown(panelName: string, isLaunching?: boolean): void {
-    const code = PanelCodes[panelName as keyof typeof PanelCodes] || 0;
-    InspectorFrontendHostInstance.recordEnumeratedHistogram(EnumeratedHistogram.PanelShown, code, PanelCodes.MAX_VALUE);
-    InspectorFrontendHostInstance.recordUserMetricsAction('DevTools_PanelShown_' + panelName);
-    // Store that the user has changed the panel so we know launch histograms should not be fired.
-    if (!isLaunching) {
-      this.#panelChangedSinceLaunch = true;
-    }
-  }
-
-  settingsPanelShown(settingsViewId: string): void {
-    this.panelShown('settings-' + settingsViewId);
-  }
 
   sourcesPanelFileDebugged(mediaType?: string): void {
     const code = (mediaType && MediaTypes[mediaType as keyof typeof MediaTypes]) || MediaTypes.Unknown;
@@ -51,38 +29,6 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordEnumeratedHistogram(EnumeratedHistogram.ActionTaken, action, Action.MAX_VALUE);
   }
 
-  panelLoaded(panelName: string, histogramName: string): void {
-    if (this.#firedLaunchHistogram || panelName !== this.#launchPanelName) {
-      return;
-    }
-
-    this.#firedLaunchHistogram = true;
-    // Use rAF and window.setTimeout to ensure the marker is fired after layout and rendering.
-    // This will give the most accurate representation of the tool being ready for a user.
-    requestAnimationFrame(() => {
-      window.setTimeout(() => {
-        // Mark the load time so that we can pinpoint it more easily in a trace.
-        performance.mark(histogramName);
-        // If the user has switched panel before we finished loading, ignore the histogram,
-        // since the launch timings will have been affected and are no longer valid.
-        if (this.#panelChangedSinceLaunch) {
-          return;
-        }
-        // This fires the event for the appropriate launch histogram.
-        // The duration is measured as the time elapsed since the time origin of the document.
-        InspectorFrontendHostInstance.recordPerformanceHistogram(histogramName, performance.now());
-      }, 0);
-    });
-  }
-
-  setLaunchPanel(panelName: string|null): void {
-    this.#launchPanelName = (panelName as string);
-  }
-
-  performanceTraceLoad(measure: PerformanceMeasure): void {
-    InspectorFrontendHostInstance.recordPerformanceHistogram('DevTools.TraceLoad', measure.duration);
-  }
-
   keybindSetSettingChanged(keybindSet: string): void {
     const value = KeybindSetSettings[keybindSet as keyof typeof KeybindSetSettings] || 0;
     InspectorFrontendHostInstance.recordEnumeratedHistogram(
@@ -815,7 +761,6 @@ export enum DevtoolsExperiments {
   'live-heap-profile' = 11,
   'protocol-monitor' = 13,
   'timeline-invalidation-tracking' = 26,
-  'font-editor' = 41,
   'instrumentation-breakpoints' = 61,
   'use-source-map-scopes' = 76,
   'timeline-debug-mode' = 93,

package/front_end/core/root/ExperimentNames.ts

@@ -8,7 +8,6 @@ export enum ExperimentName {
   LIVE_HEAP_PROFILE = 'live-heap-profile',
   PROTOCOL_MONITOR = 'protocol-monitor',
   TIMELINE_INVALIDATION_TRACKING = 'timeline-invalidation-tracking',
-  FONT_EDITOR = 'font-editor',
   INSTRUMENTATION_BREAKPOINTS = 'instrumentation-breakpoints',
   USE_SOURCE_MAP_SCOPES = 'use-source-map-scopes',
   TIMELINE_DEBUG_MODE = 'timeline-debug-mode',

package/front_end/core/sdk/CPUThrottlingManager.ts

@@ -45,7 +45,7 @@ export class CPUThrottlingManager extends Common.ObjectWrapper.ObjectWrapper<Eve
   #hardwareConcurrency?: number;
   #pendingMainTargetPromise?: (r: number) => void;
 
-  private constructor(settings: Common.Settings.Settings, targetManager: TargetManager) {
+  constructor(settings: Common.Settings.Settings, targetManager: TargetManager) {
     super();
     this.#targetManager = targetManager;
     this.#cpuThrottlingOption = NoThrottlingOption;

package/front_end/core/sdk/CSSMetadata.ts

@@ -233,11 +233,6 @@ export class CSSMetadata {
     return bezierAwareProperties.has(propertyName) || this.isCustomProperty(propertyName);
   }
 
-  isFontAwareProperty(propertyName: string): boolean {
-    propertyName = propertyName.toLowerCase();
-    return fontAwareProperties.has(propertyName) || this.isCustomProperty(propertyName);
-  }
-
   isCustomProperty(propertyName: string): boolean {
     return propertyName.startsWith('--');
   }
@@ -532,9 +527,6 @@ const bezierAwareProperties = new Set<string>([
   '-webkit-transition-timing-function',
 ]);
 
-const fontAwareProperties =
-    new Set<string>(['font-size', 'line-height', 'font-weight', 'font-family', 'letter-spacing']);
-
 const colorAwareProperties = new Set<string>([
   'accent-color',
   'background',
@@ -642,6 +634,64 @@ const textEmphasisStyle = new Set([
   '"❤️"',  // <string>
 ]);
 
+const listStyleTypeValues = new Set([
+  'disc',
+  'circle',
+  'square',
+  'decimal',
+  'decimal-leading-zero',
+  'arabic-indic',
+  'bengali',
+  'cambodian',
+  'khmer',
+  'devanagari',
+  'gujarati',
+  'gurmukhi',
+  'kannada',
+  'lao',
+  'malayalam',
+  'mongolian',
+  'myanmar',
+  'oriya',
+  'persian',
+  'urdu',
+  'telugu',
+  'tibetan',
+  'thai',
+  'lower-roman',
+  'upper-roman',
+  'lower-greek',
+  'lower-alpha',
+  'lower-latin',
+  'upper-alpha',
+  'upper-latin',
+  'cjk-earthly-branch',
+  'cjk-heavenly-stem',
+  'ethiopic-halehame',
+  'ethiopic-halehame-am',
+  'ethiopic-halehame-ti-er',
+  'ethiopic-halehame-ti-et',
+  'hangul',
+  'hangul-consonant',
+  'korean-hangul-formal',
+  'korean-hanja-formal',
+  'korean-hanja-informal',
+  'hebrew',
+  'armenian',
+  'lower-armenian',
+  'upper-armenian',
+  'georgian',
+  'cjk-ideographic',
+  'simp-chinese-formal',
+  'simp-chinese-informal',
+  'trad-chinese-formal',
+  'trad-chinese-informal',
+  'hiragana',
+  'katakana',
+  'hiragana-iroha',
+  'katakana-iroha',
+]);
+
 // manually maintained list of property #values to add into autocomplete list
 const extraPropertyValues = new Map<string, Set<string>>([
   ['background-repeat', new Set(['repeat', 'repeat-x', 'repeat-y', 'no-repeat', 'space', 'round'])],
@@ -1119,63 +1169,10 @@ const extraPropertyValues = new Map<string, Set<string>>([
     new Set([
       'outside',
       'inside',
-      'disc',
-      'circle',
-      'square',
-      'decimal',
-      'decimal-leading-zero',
-      'arabic-indic',
-      'bengali',
-      'cambodian',
-      'khmer',
-      'devanagari',
-      'gujarati',
-      'gurmukhi',
-      'kannada',
-      'lao',
-      'malayalam',
-      'mongolian',
-      'myanmar',
-      'oriya',
-      'persian',
-      'urdu',
-      'telugu',
-      'tibetan',
-      'thai',
-      'lower-roman',
-      'upper-roman',
-      'lower-greek',
-      'lower-alpha',
-      'lower-latin',
-      'upper-alpha',
-      'upper-latin',
-      'cjk-earthly-branch',
-      'cjk-heavenly-stem',
-      'ethiopic-halehame',
-      'ethiopic-halehame-am',
-      'ethiopic-halehame-ti-er',
-      'ethiopic-halehame-ti-et',
-      'hangul',
-      'hangul-consonant',
-      'korean-hangul-formal',
-      'korean-hanja-formal',
-      'korean-hanja-informal',
-      'hebrew',
-      'armenian',
-      'lower-armenian',
-      'upper-armenian',
-      'georgian',
-      'cjk-ideographic',
-      'simp-chinese-formal',
-      'simp-chinese-informal',
-      'trad-chinese-formal',
-      'trad-chinese-informal',
-      'hiragana',
-      'katakana',
-      'hiragana-iroha',
-      'katakana-iroha',
+      ...listStyleTypeValues,
     ]),
   ],
+  ['list-style-type', listStyleTypeValues],
   ['max-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['max-inline-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['min-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],

package/front_end/core/sdk/CSSProperty.ts

@@ -7,7 +7,6 @@ import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * 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 {CSSMatchedStyles} from './CSSMatchedStyles.js';
 import {cssMetadata, GridAreaRowRegex} from './CSSMetadata.js';
@@ -19,7 +18,7 @@ import {
   type Matcher,
   stripComments
 } from './CSSPropertyParser.js';
-import {CSSWideKeywordMatcher, FontMatcher} from './CSSPropertyParserMatchers.js';
+import {CSSWideKeywordMatcher} from './CSSPropertyParserMatchers.js';
 import type {CSSStyleDeclaration} from './CSSStyleDeclaration.js';
 
 export const enum Events {
@@ -115,9 +114,6 @@ export class CSSProperty extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     const matchers = matchedStyles.propertyMatchers(this.ownerStyle, computedStyles);
 
     matchers.push(new CSSWideKeywordMatcher(this, matchedStyles));
-    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.FONT_EDITOR)) {
-      matchers.push(new FontMatcher());
-    }
     return matchers;
   }
 

package/front_end/core/sdk/CSSPropertyParserMatchers.ts

@@ -739,8 +739,10 @@ export const enum LinkableNameProperties {
   ANIMATION = 'animation',
   ANIMATION_NAME = 'animation-name',
   FONT_PALETTE = 'font-palette',
-  POSITION_TRY_FALLBACKS = 'position-try-fallbacks',
+  LIST_STYLE = 'list-style',
+  LIST_STYLE_TYPE = 'list-style-type',
   POSITION_TRY = 'position-try',
+  POSITION_TRY_FALLBACKS = 'position-try-fallbacks',
 }
 
 const enum AnimationLonghandPart {
@@ -765,8 +767,10 @@ export class LinkableNameMatcher extends matcherBase(LinkableNameMatch) {
       LinkableNameProperties.ANIMATION,
       LinkableNameProperties.ANIMATION_NAME,
       LinkableNameProperties.FONT_PALETTE,
-      LinkableNameProperties.POSITION_TRY_FALLBACKS,
+      LinkableNameProperties.LIST_STYLE,
+      LinkableNameProperties.LIST_STYLE_TYPE,
       LinkableNameProperties.POSITION_TRY,
+      LinkableNameProperties.POSITION_TRY_FALLBACKS,
     ];
     return names.includes(propertyName);
   }
@@ -867,6 +871,11 @@ export class LinkableNameMatcher extends matcherBase(LinkableNameMatch) {
       return null;
     }
 
+    // If it is a builtin keyword value, it is not linkable.
+    if (cssMetadata().getPropertyValues(propertyName).includes(text)) {
+      return null;
+    }
+
     if (propertyName === 'animation') {
       return this.matchAnimationNameInShorthand(node, matching);
     }
@@ -945,36 +954,6 @@ export class ShadowMatcher extends matcherBase(ShadowMatch) {
   }
 }
 
-export class FontMatch implements Match {
-  constructor(readonly text: string, readonly node: CodeMirror.SyntaxNode) {
-  }
-}
-
-// clang-format off
-export class FontMatcher extends matcherBase(FontMatch) {
-  // clang-format on
-  override accepts(propertyName: string): boolean {
-    return cssMetadata().isFontAwareProperty(propertyName);
-  }
-  override matches(node: CodeMirror.SyntaxNode, matching: BottomUpTreeMatching): Match|null {
-    if (node.name !== 'Declaration') {
-      return null;
-    }
-    const valueNodes = ASTUtils.siblings(ASTUtils.declValue(node));
-    if (valueNodes.length === 0) {
-      return null;
-    }
-    const validNodes = matching.ast.propertyName === 'font-family' ? ['ValueName', 'StringLiteral', 'Comment', ','] :
-                                                                     ['Comment', 'ValueName', 'NumberLiteral'];
-
-    if (valueNodes.some(node => !validNodes.includes(node.name))) {
-      return null;
-    }
-    const valueText = matching.ast.textRange(valueNodes[0], valueNodes[valueNodes.length - 1]);
-    return new FontMatch(valueText, node);
-  }
-}
-
 export class LengthMatch implements Match {
   constructor(readonly text: string, readonly node: CodeMirror.SyntaxNode, readonly unit: string) {
   }

package/front_end/{panels/application → core/sdk}/DOMStorageModel.ts

@@ -31,10 +31,13 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-import * as Common from '../../core/common/common.js';
-import * as SDK from '../../core/sdk/sdk.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as Common from '../common/common.js';
+
+import {SDKModel} from './SDKModel.js';
+import * as StorageKeyManager from './StorageKeyManager.js';
+import {Capability, type Target} from './Target.js';
 
 export class DOMStorage extends Common.ObjectWrapper.ObjectWrapper<DOMStorage.EventTypes> {
   private readonly model: DOMStorageModel;
@@ -112,16 +115,16 @@ export namespace DOMStorage {
   }
 }
 
-export class DOMStorageModel extends SDK.SDKModel.SDKModel<EventTypes> {
-  readonly #storageKeyManager: SDK.StorageKeyManager.StorageKeyManager|null;
+export class DOMStorageModel extends SDKModel<EventTypes> {
+  readonly #storageKeyManager: StorageKeyManager.StorageKeyManager|null;
   #storages: Record<string, DOMStorage>;
   readonly agent: ProtocolProxyApi.DOMStorageApi;
   private enabled?: boolean;
 
-  constructor(target: SDK.Target.Target) {
+  constructor(target: Target) {
     super(target);
 
-    this.#storageKeyManager = target.model(SDK.StorageKeyManager.StorageKeyManager);
+    this.#storageKeyManager = target.model(StorageKeyManager.StorageKeyManager);
     this.#storages = {};
     this.agent = target.domstorageAgent();
   }
@@ -133,10 +136,9 @@ export class DOMStorageModel extends SDK.SDKModel.SDKModel<EventTypes> {
 
     this.target().registerDOMStorageDispatcher(new DOMStorageDispatcher(this));
     if (this.#storageKeyManager) {
+      this.#storageKeyManager.addEventListener(StorageKeyManager.Events.STORAGE_KEY_ADDED, this.storageKeyAdded, this);
       this.#storageKeyManager.addEventListener(
-          SDK.StorageKeyManager.Events.STORAGE_KEY_ADDED, this.storageKeyAdded, this);
-      this.#storageKeyManager.addEventListener(
-          SDK.StorageKeyManager.Events.STORAGE_KEY_REMOVED, this.storageKeyRemoved, this);
+          StorageKeyManager.Events.STORAGE_KEY_REMOVED, this.storageKeyRemoved, this);
 
       for (const storageKey of this.#storageKeyManager.storageKeys()) {
         this.addStorageKey(storageKey);
@@ -250,7 +252,7 @@ export class DOMStorageModel extends SDK.SDKModel.SDKModel<EventTypes> {
   }
 }
 
-SDK.SDKModel.SDKModel.register(DOMStorageModel, {capabilities: SDK.Target.Capability.DOM_STORAGE, autostart: false});
+SDKModel.register(DOMStorageModel, {capabilities: Capability.DOM_STORAGE, autostart: false});
 
 export const enum Events {
   DOM_STORAGE_ADDED = 'DOMStorageAdded',

package/front_end/core/sdk/sdk.ts

@@ -44,6 +44,7 @@ import * as CSSSupports from './CSSSupports.js';
 import * as DebuggerModel from './DebuggerModel.js';
 import * as DOMDebuggerModel from './DOMDebuggerModel.js';
 import * as DOMModel from './DOMModel.js';
+import * as DOMStorageModel from './DOMStorageModel.js';
 import * as EmulationModel from './EmulationModel.js';
 import * as EnhancedTracesParser from './EnhancedTracesParser.js';
 import * as EventBreakpointsModel from './EventBreakpointsModel.js';
@@ -128,6 +129,7 @@ export {
   DebuggerModel,
   DOMDebuggerModel,
   DOMModel,
+  DOMStorageModel,
   EmulationModel,
   EnhancedTracesParser,
   EventBreakpointsModel,

package/front_end/entrypoints/main/MainImpl.ts

@@ -149,6 +149,15 @@ const WINDOW_LOCAL_STORAGE: Common.Settings.SettingsBackingStore = {
   clear: () => window.localStorage.clear(),
 };
 
+let isCustomDevtoolsFrontendInternal: boolean;
+
+function isCustomDevtoolsFrontend(): boolean {
+  if (typeof isCustomDevtoolsFrontendInternal === 'undefined') {
+    isCustomDevtoolsFrontendInternal = window.location.toString().startsWith('devtools://devtools/custom/');
+  }
+  return isCustomDevtoolsFrontendInternal;
+}
+
 export class MainImpl {
   #readyForTestPromise = Promise.withResolvers<void>();
   #veStartPromise!: Promise<void>;
@@ -285,7 +294,7 @@ export class MainImpl {
   } {
     this.#initializeExperiments();
     let storagePrefix = '';
-    if (Host.Platform.isCustomDevtoolsFrontend()) {
+    if (isCustomDevtoolsFrontend()) {
       storagePrefix = '__custom__';
     } else if (
         !Root.Runtime.Runtime.queryParam('can_dock') && Boolean(Root.Runtime.Runtime.queryParam('debugFrontend')) &&
@@ -370,11 +379,6 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES, 'Use scope information from source maps');
 
-    // Font Editor
-    Root.Runtime.experiments.register(
-        Root.ExperimentNames.ExperimentName.FONT_EDITOR, 'New font editor in the Styles tab',
-        'https://developer.chrome.com/blog/new-in-devtools-89/#font');
-
     Root.Runtime.experiments.registerHostExperiment({
       name: Root.ExperimentNames.ExperimentName.DURABLE_MESSAGES,
       title: 'Durable Messages',
@@ -563,7 +567,7 @@ export class MainImpl {
 
     MainImpl.timeEnd('Main._createAppUI');
 
-    const appProvider = Common.AppProvider.getRegisteredAppProviders()[0];
+    const appProvider = UI.AppProvider.getRegisteredAppProviders()[0];
     if (!appProvider) {
       throw new Error('Unable to boot DevTools, as the appprovider is missing');
     }
@@ -572,7 +576,7 @@ export class MainImpl {
 
   async #showAppUI(appProvider: Object): Promise<void> {
     MainImpl.time('Main._showAppUI');
-    const app = (appProvider as Common.AppProvider.AppProvider).createApp();
+    const app = (appProvider as UI.AppProvider.AppProvider).createApp();
     // It is important to kick controller lifetime after apps are instantiated.
     UI.DockController.DockController.instance().initialize();
     ThemeSupport.ThemeSupport.instance().fetchColorsAndApplyHostTheme();

package/front_end/entrypoints/main/SimpleApp.ts

@@ -2,10 +2,9 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as Common from '../../core/common/common.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-export class SimpleApp implements Common.App.App {
+export class SimpleApp implements UI.App.App {
   presentUI(document: Document): void {
     const rootView = new UI.RootView.RootView();
     UI.InspectorView.InspectorView.instance().show(rootView.element);
@@ -16,7 +15,7 @@ export class SimpleApp implements Common.App.App {
 
 let simpleAppProviderInstance: SimpleAppProvider;
 
-export class SimpleAppProvider implements Common.AppProvider.AppProvider {
+export class SimpleAppProvider implements UI.AppProvider.AppProvider {
   static instance(opts: {
     forceNew: boolean|null,
   } = {forceNew: null}): SimpleAppProvider {
@@ -28,7 +27,7 @@ export class SimpleAppProvider implements Common.AppProvider.AppProvider {
     return simpleAppProviderInstance;
   }
 
-  createApp(): Common.App.App {
+  createApp(): UI.App.App {
     return new SimpleApp();
   }
 }

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

@@ -946,7 +946,7 @@ UI.Toolbar.registerToolbarItem({
   location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
 });
 
-Common.AppProvider.registerAppProvider({
+UI.AppProvider.registerAppProvider({
   async loadAppProvider() {
     const Main = await loadMainModule();
     return Main.SimpleApp.SimpleAppProvider.instance();