chrome-devtools-frontend 1.0.1362775 → 1.0.1367881

package/front_end/core/platform/DevToolsPath.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Brand} from './Brand.js';
+import type {Brand} from './Brand.js';
 
 /**
  * File paths in DevTools that are represented as URLs

package/front_end/core/platform/Timing.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Brand} from './Brand.js';
+import type {Brand} from './Brand.js';
 
 export type Seconds = Brand<number, 'Seconds'>;
 export type MilliSeconds = Brand<number, 'MilliSeconds'>;

package/front_end/core/platform/UIString.ts

@@ -33,7 +33,7 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-import {type Brand} from './Brand.js';
+import type {Brand} from './Brand.js';
 
 export type LocalizedString = Brand<string, 'LocalizedString'>;
 export const LocalizedEmptyString = '' as LocalizedString;

package/front_end/core/platform/UserVisibleError.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type LocalizedString} from './UIString.js';
+import type {LocalizedString} from './UIString.js';
 
 /**
  * Represents an error that might become visible to the user. Where errors

package/front_end/core/root/Runtime.ts

@@ -298,6 +298,8 @@ export const enum ExperimentName {
   TIMELINE_ENHANCED_TRACES = 'timeline-enhanced-traces',
   TIMELINE_SERVER_TIMINGS = 'timeline-server-timings',
   EXTENSION_STORAGE_VIEWER = 'extension-storage-viewer',
+  FLOATING_ENTRY_POINTS_FOR_AI_ASSISTANCE = 'floating-entry-points-for-ai-assistance',
+  TIMELINE_EXPERIMENTAL_INSIGHTS = 'timeline-experimental-insights',
 }
 
 export interface AidaAvailability {
@@ -314,11 +316,18 @@ export interface HostConfigConsoleInsights {
   enabled: boolean;
 }
 
-export interface HostConfigFreestylerDogfood {
+export enum HostConfigFreestylerExecutionMode {
+  ALL_SCRIPTS = 'ALL_SCRIPTS',
+  SIDE_EFFECT_FREE_SCRIPTS_ONLY = 'SIDE_EFFECT_FREE_SCRIPTS_ONLY',
+  NO_SCRIPTS = 'NO_SCRIPTS',
+}
+
+export interface HostConfigFreestyler {
   modelId: string;
   temperature: number;
   enabled: boolean;
   userTier: string;
+  executionMode?: HostConfigFreestylerExecutionMode;
 }
 
 export interface HostConfigExplainThisResourceDogfood {
@@ -361,7 +370,7 @@ export interface HostConfigPrivacyUI {
 export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
   aidaAvailability: AidaAvailability,
   devToolsConsoleInsights: HostConfigConsoleInsights,
-  devToolsFreestylerDogfood: HostConfigFreestylerDogfood,
+  devToolsFreestyler: HostConfigFreestyler,
   devToolsExplainThisResourceDogfood: HostConfigExplainThisResourceDogfood,
   devToolsAiAssistancePerformanceAgentDogfood: HostConfigAiAssistancePerformanceAgentDogfood,
   devToolsAiAssistanceFileAgentDogfood: HostConfigAiAssistanceFileAgentDogfood,

package/front_end/core/sdk/AccessibilityModel.ts

@@ -2,13 +2,12 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as Protocol from '../../generated/protocol.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
+import type * as Protocol from '../../generated/protocol.js';
 
 import {DeferredDOMNode, type DOMNode} from './DOMModel.js';
-
-import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
+import {Capability, type Target} from './Target.js';
 
 export const enum CoreAxPropertyName {
   NAME = 'name',
@@ -61,7 +60,7 @@ export class AccessibilityNode {
     this.#descriptionInternal = payload.description || null;
     this.#valueInternal = payload.value || null;
     this.#propertiesInternal = payload.properties || null;
-    this.#childIds = [...new Set(payload.childIds)] || null;
+    this.#childIds = [...new Set(payload.childIds)];
     this.#parentId = payload.parentId || null;
     if (payload.frameId && !payload.parentId) {
       this.#frameId = payload.frameId;

package/front_end/core/sdk/CPUProfilerModel.ts

@@ -28,15 +28,14 @@
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-import * as i18n from '../i18n/i18n.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as i18n from '../i18n/i18n.js';
 
 import {DebuggerModel, Location} from './DebuggerModel.js';
-import {type RuntimeModel} from './RuntimeModel.js';
-
-import {Capability, type Target} from './Target.js';
+import type {RuntimeModel} from './RuntimeModel.js';
 import {SDKModel} from './SDKModel.js';
+import {Capability, type Target} from './Target.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/CSSContainerQuery.ts

@@ -2,12 +2,12 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
-import {type DOMNode} from './DOMModel.js';
+import type {DOMNode} from './DOMModel.js';
 
 export class CSSContainerQuery extends CSSQuery {
   name?: string;

package/front_end/core/sdk/CSSLayer.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSLayer extends CSSQuery {

package/front_end/core/sdk/CSSMatchedStyles.test.ts

@@ -47,6 +47,7 @@ function createMatchedStyles(
     propertyRules: [],
     cssPropertyRegistrations: [],
     fontPaletteValuesRule: undefined,
+    activePositionFallbackIndex: -1,
     ...payload,
   });
 }

package/front_end/core/sdk/CSSMatchedStyles.ts

@@ -6,7 +6,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as Platform from '../platform/platform.js';
 
 import {CSSMetadata, cssMetadata, CSSWideKeyword} from './CSSMetadata.js';
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSProperty} from './CSSProperty.js';
 import * as PropertyParser from './CSSPropertyParser.js';
 import {
@@ -17,7 +17,7 @@ import {
   CSSStyleRule,
 } from './CSSRule.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
-import {type DOMNode} from './DOMModel.js';
+import type {DOMNode} from './DOMModel.js';
 
 function containsStyle(styles: CSSStyleDeclaration[]|Set<CSSStyleDeclaration>, query: CSSStyleDeclaration): boolean {
   if (!query.styleSheetId || !query.range) {
@@ -177,6 +177,7 @@ export interface CSSMatchedStylesPayload {
   propertyRules: Protocol.CSS.CSSPropertyRule[];
   cssPropertyRegistrations: Protocol.CSS.CSSPropertyRegistration[];
   fontPaletteValuesRule: Protocol.CSS.CSSFontPaletteValuesRule|undefined;
+  activePositionFallbackIndex: number;
 }
 
 export class CSSRegisteredProperty {
@@ -250,6 +251,7 @@ export class CSSMatchedStyles {
   #styleToDOMCascade: Map<CSSStyleDeclaration, DOMInheritanceCascade>;
   #parentLayoutNodeId: Protocol.DOM.NodeId|undefined;
   #positionTryRules: CSSPositionTryRule[];
+  #activePositionFallbackIndex: number;
   #mainDOMCascade?: DOMInheritanceCascade;
   #pseudoDOMCascades?: Map<Protocol.DOM.PseudoType, DOMInheritanceCascade>;
   #customHighlightPseudoDOMCascades?: Map<string, DOMInheritanceCascade>;
@@ -270,6 +272,7 @@ export class CSSMatchedStyles {
     propertyRules,
     cssPropertyRegistrations,
     fontPaletteValuesRule,
+    activePositionFallbackIndex,
   }: CSSMatchedStylesPayload) {
     this.#cssModelInternal = cssModel;
     this.#nodeInternal = node;
@@ -292,6 +295,7 @@ export class CSSMatchedStyles {
     this.#inheritedStyles = new Set();
     this.#styleToDOMCascade = new Map();
     this.#registeredPropertyMap = new Map();
+    this.#activePositionFallbackIndex = activePositionFallbackIndex;
   }
 
   private async init({
@@ -676,6 +680,10 @@ export class CSSMatchedStyles {
     return this.#positionTryRules;
   }
 
+  activePositionFallbackIndex(): number {
+    return this.#activePositionFallbackIndex;
+  }
+
   pseudoStyles(pseudoType: Protocol.DOM.PseudoType): CSSStyleDeclaration[] {
     Platform.assertNotNullOrUndefined(this.#pseudoDOMCascades);
     const domCascade = this.#pseudoDOMCascades.get(pseudoType);

package/front_end/core/sdk/CSSMedia.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSMediaQuery {

package/front_end/core/sdk/CSSMetadata.ts

@@ -135,6 +135,10 @@ export class CSSMetadata {
     return CSSWideKeywords.includes(a as CSSWideKeyword);
   }
 
+  static isPositionTryOrderKeyword(a: string): a is PositionTryOrderKeyword {
+    return PositionTryOrderKeywords.includes(a as PositionTryOrderKeyword);
+  }
+
   private static sortPrefixesAndCSSWideKeywordsToEnd(a: string, b: string): 1|- 1|0 {
     const aIsCSSWideKeyword = CSSMetadata.isCSSWideKeyword(a);
     const bIsCSSWideKeyword = CSSMetadata.isCSSWideKeyword(b);
@@ -376,6 +380,23 @@ export const CSSWideKeywords: CSSWideKeyword[] = [
   CSSWideKeyword.UNSET,
 ];
 
+// https://www.w3.org/TR/css-anchor-position-1/#typedef-try-size
+export const enum PositionTryOrderKeyword {
+  NORMAL = 'normal',
+  MOST_HEIGHT = 'most-height',
+  MOST_WIDTH = 'most-width',
+  MOST_BLOCK_SIZE = 'most-block-size',
+  MOST_INLINE_SIZE = 'most-inline-size',
+}
+
+export const PositionTryOrderKeywords: PositionTryOrderKeyword[] = [
+  PositionTryOrderKeyword.NORMAL,
+  PositionTryOrderKeyword.MOST_HEIGHT,
+  PositionTryOrderKeyword.MOST_WIDTH,
+  PositionTryOrderKeyword.MOST_BLOCK_SIZE,
+  PositionTryOrderKeyword.MOST_INLINE_SIZE,
+];
+
 export const VariableNameRegex = /(\s*--.*?)/gs;
 export const VariableRegex = /(var\(\s*--.*?\))/gs;
 export const CustomVariableRegex = /(var\(*--[\w\d]+-([\w]+-[\w]+)\))/g;

package/front_end/core/sdk/CSSModel.ts

@@ -362,6 +362,7 @@ export class CSSModel extends SDKModel<EventTypes> {
       propertyRules: response.cssPropertyRules ?? [],
       cssPropertyRegistrations: response.cssPropertyRegistrations ?? [],
       fontPaletteValuesRule: response.cssFontPaletteValuesRule,
+      activePositionFallbackIndex: response.activePositionFallbackIndex ?? -1,
     });
   }
 

package/front_end/core/sdk/CSSProperty.ts

@@ -9,9 +9,9 @@ import * as HostModule from '../host/host.js';
 import * as Platform from '../platform/platform.js';
 
 import {cssMetadata, GridAreaRowRegex} from './CSSMetadata.js';
-import {type Edit} from './CSSModel.js';
+import type {Edit} from './CSSModel.js';
 import {stripComments} from './CSSPropertyParser.js';
-import {type CSSStyleDeclaration} from './CSSStyleDeclaration.js';
+import type {CSSStyleDeclaration} from './CSSStyleDeclaration.js';
 
 export class CSSProperty {
   ownerStyle: CSSStyleDeclaration;

package/front_end/core/sdk/CSSQuery.ts

@@ -2,11 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import type * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {CSSLocation, type CSSModel, type Edit} from './CSSModel.js';
-import {type CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 
 type CSSQueryPayload =
     Protocol.CSS.CSSMedia|Protocol.CSS.CSSContainerQuery|Protocol.CSS.CSSSupports|Protocol.CSS.CSSScope;

package/front_end/core/sdk/CSSRule.ts

@@ -9,10 +9,10 @@ import * as Platform from '../platform/platform.js';
 import {CSSContainerQuery} from './CSSContainerQuery.js';
 import {CSSLayer} from './CSSLayer.js';
 import {CSSMedia} from './CSSMedia.js';
-import {type CSSModel, type Edit} from './CSSModel.js';
+import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSScope} from './CSSScope.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
-import {type CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 import {CSSSupports} from './CSSSupports.js';
 
 export class CSSRule {

package/front_end/core/sdk/CSSScope.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSScope extends CSSQuery {

package/front_end/core/sdk/CSSStyleDeclaration.ts

@@ -6,10 +6,10 @@ import type * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {cssMetadata} from './CSSMetadata.js';
-import {type CSSModel, type Edit} from './CSSModel.js';
+import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSProperty} from './CSSProperty.js';
-import {type CSSRule} from './CSSRule.js';
-import {type Target} from './Target.js';
+import type {CSSRule} from './CSSRule.js';
+import type {Target} from './Target.js';
 
 export class CSSStyleDeclaration {
   readonly #cssModelInternal: CSSModel;

package/front_end/core/sdk/CSSStyleSheetHeader.ts

@@ -2,17 +2,17 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
-import type * as Protocol from '../../generated/protocol.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {DeferredDOMNode} from './DOMModel.js';
-import {type FrameAssociated} from './FrameAssociated.js';
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {FrameAssociated} from './FrameAssociated.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 import {ResourceTreeModel} from './ResourceTreeModel.js';
 
 const UIStrings = {

package/front_end/core/sdk/CSSSupports.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSSupports extends CSSQuery {

package/front_end/core/sdk/CookieModel.ts

@@ -9,7 +9,7 @@ import * as Root from '../root/root.js';
 
 import {type Attribute, Cookie} from './Cookie.js';
 import {Events as NetworkManagerEvents, NetworkManager} from './NetworkManager.js';
-import {type Resource} from './Resource.js';
+import type {Resource} from './Resource.js';
 import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';

package/front_end/core/sdk/DOMDebuggerModel.ts

@@ -8,7 +8,7 @@ import * as Common from '../common/common.js';
 import * as Platform from '../platform/platform.js';
 
 import {CategorizedBreakpoint, Category} from './CategorizedBreakpoint.js';
-import {type EventListenerPausedDetailsAuxData, type Location} from './DebuggerModel.js';
+import type {EventListenerPausedDetailsAuxData, Location} from './DebuggerModel.js';
 import {DOMModel, type DOMNode, Events as DOMModelEvents} from './DOMModel.js';
 import {RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';

package/front_end/core/sdk/DebuggerModel.ts

@@ -40,7 +40,7 @@ import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 import {type GetPropertiesResult, type RemoteObject, RemoteObjectProperty, ScopeRef} from './RemoteObject.js';
 import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
 import {type EvaluationOptions, type EvaluationResult, type ExecutionContext, RuntimeModel} from './RuntimeModel.js';
@@ -951,8 +951,14 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     this.#breakpointResolvedEventTarget.removeEventListener(breakpointId, listener, thisObject);
   }
 
-  async setBlackboxPatterns(patterns: string[]): Promise<boolean> {
-    const response = await this.agent.invoke_setBlackboxPatterns({patterns});
+  async setBlackboxPatterns(patterns: string[], skipAnonymous: boolean): Promise<boolean> {
+    const response = await this.agent.invoke_setBlackboxPatterns({patterns, skipAnonymous});
+    const error = response.getError();
+    return !error;
+  }
+
+  async setBlackboxExecutionContexts(uniqueIds: string[]): Promise<boolean> {
+    const response = await this.agent.invoke_setBlackboxExecutionContexts({uniqueIds});
     const error = response.getError();
     return !error;
   }

package/front_end/core/sdk/EnhancedTracesParser.test.ts

@@ -6,11 +6,7 @@ import type * as Protocol from '../../generated/protocol.js';
 import {TraceLoader} from '../../testing/TraceLoader.js';
 
 import * as EnhancedTraces from './EnhancedTracesParser.js';
-import {
-  type RehydratingExecutionContext,
-  type RehydratingScript,
-  type RehydratingTarget,
-} from './RehydratingObject.js';
+import type {RehydratingExecutionContext, RehydratingScript, RehydratingTarget} from './RehydratingObject.js';
 
 describe('EnhancedTracesParser', () => {
   let enhancedTracesParser: EnhancedTraces.EnhancedTracesParser;

package/front_end/core/sdk/EnhancedTracesParser.ts

@@ -5,12 +5,8 @@
 import type * as Protocol from '../../generated/protocol.js';
 import {UserVisibleError} from '../platform/platform.js';
 
-import {
-  type EnhancedTracesData,
-  type RehydratingExecutionContext,
-  type RehydratingScript,
-  type RehydratingTarget,
-} from './RehydratingObject.js';
+import type {
+  EnhancedTracesData, RehydratingExecutionContext, RehydratingScript, RehydratingTarget} from './RehydratingObject.js';
 
 interface RehydratingTraceBase {
   cat: string;

package/front_end/core/sdk/EventBreakpointsModel.ts

@@ -5,7 +5,7 @@
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 
 import {CategorizedBreakpoint, Category} from './CategorizedBreakpoint.js';
-import {type EventListenerPausedDetailsAuxData} from './DebuggerModel.js';
+import type {EventListenerPausedDetailsAuxData} from './DebuggerModel.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';
 import {type SDKModelObserver, TargetManager} from './TargetManager.js';
@@ -54,7 +54,6 @@ export class EventBreakpointsModel extends SDKModel<void> {
 // This implementation (as opposed to similar class in DOMDebuggerModel) is for
 // instrumentation breakpoints in targets that run JS but do not have a DOM.
 class EventListenerBreakpoint extends CategorizedBreakpoint {
-
   override setEnabled(enabled: boolean): void {
     if (this.enabled() === enabled) {
       return;

package/front_end/core/sdk/FrameAssociated.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 export interface FrameAssociated {
   createPageResourceLoadInitiator: () => PageResourceLoadInitiator;
 }

package/front_end/core/sdk/FrameManager.ts

@@ -2,15 +2,13 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Common from '../common/common.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as Common from '../common/common.js';
 
-import {type Resource} from './Resource.js';
-
-import {Events as ResourceTreeModelEvents, ResourceTreeModel, type ResourceTreeFrame} from './ResourceTreeModel.js';
-import {type Target} from './Target.js';
-
-import {TargetManager, type SDKModelObserver} from './TargetManager.js';
+import type {Resource} from './Resource.js';
+import {Events as ResourceTreeModelEvents, type ResourceTreeFrame, ResourceTreeModel} from './ResourceTreeModel.js';
+import type {Target} from './Target.js';
+import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
 let frameManagerInstance: FrameManager|null = null;
 
@@ -53,6 +51,10 @@ export class FrameManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     return frameManagerInstance;
   }
 
+  static removeInstance(): void {
+    frameManagerInstance = null;
+  }
+
   modelAdded(resourceTreeModel: ResourceTreeModel): void {
     const addListener = resourceTreeModel.addEventListener(ResourceTreeModelEvents.FrameAdded, this.frameAdded, this);
     const detachListener =

package/front_end/core/sdk/HeapProfilerModel.ts

@@ -6,12 +6,11 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
 import type * as Platform from '../platform/platform.js';
 
-import {type DebuggerModel} from './DebuggerModel.js';
-import {type RemoteObject} from './RemoteObject.js';
+import type {DebuggerModel} from './DebuggerModel.js';
+import type {RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';
-
-import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
+import {Capability, type Target} from './Target.js';
 
 export class HeapProfilerModel extends SDKModel<EventTypes> {
   #enabled: boolean;

package/front_end/core/sdk/IsolateManager.ts

@@ -4,10 +4,9 @@
 
 import * as Common from '../common/common.js';
 
-import {type HeapProfilerModel} from './HeapProfilerModel.js';
+import type {HeapProfilerModel} from './HeapProfilerModel.js';
 import {RuntimeModel} from './RuntimeModel.js';
-
-import {TargetManager, type SDKModelObserver} from './TargetManager.js';
+import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
 let isolateManagerInstance: IsolateManager;
 

package/front_end/core/sdk/LayerTreeBase.ts

@@ -5,8 +5,8 @@
 import type * as Protocol from '../../generated/protocol.js';
 
 import {DOMModel, type DOMNode} from './DOMModel.js';
-import {type SnapshotWithRect} from './PaintProfiler.js';
-import {type Target} from './Target.js';
+import type {SnapshotWithRect} from './PaintProfiler.js';
+import type {Target} from './Target.js';
 
 export interface Layer {
   id(): string;

package/front_end/core/sdk/NetworkManager.ts

@@ -36,7 +36,7 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Common from '../common/common.js';
-import {type Serializer} from '../common/Settings.js';
+import type {Serializer} from '../common/Settings.js';
 import * as Host from '../host/host.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';

package/front_end/core/sdk/OverlayModel.ts

@@ -9,11 +9,11 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Root from '../root/root.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {DebuggerModel, Events as DebuggerModelEvents} from './DebuggerModel.js';
 import {DeferredDOMNode, DOMModel, type DOMNode, Events as DOMModelEvents} from './DOMModel.js';
 import {OverlayPersistentHighlighter} from './OverlayPersistentHighlighter.js';
-import {type RemoteObject} from './RemoteObject.js';
+import type {RemoteObject} from './RemoteObject.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';
 import {TargetManager} from './TargetManager.js';

package/front_end/core/sdk/OverlayPersistentHighlighter.ts

@@ -6,7 +6,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as Common from '../common/common.js';
 import * as Platform from '../platform/platform.js';
 
-import {type DOMModel} from './DOMModel.js';
+import type {DOMModel} from './DOMModel.js';
 import {OverlayColorGenerator} from './OverlayColorGenerator.js';
 
 export const enum HighlightType {

package/front_end/core/sdk/PageLoad.ts

@@ -4,7 +4,7 @@
 
 import type * as Platform from '../platform/platform.js';
 
-import {type NetworkRequest} from './NetworkRequest.js';
+import type {NetworkRequest} from './NetworkRequest.js';
 
 export class PageLoad {
   id: number;

package/front_end/core/sdk/PageResourceLoader.ts

@@ -17,7 +17,7 @@ import {
   type ResourceTreeFrame,
   ResourceTreeModel,
 } from './ResourceTreeModel.js';
-import {type Target} from './Target.js';
+import type {Target} from './Target.js';
 import {TargetManager} from './TargetManager.js';
 
 const UIStrings = {