chrome-devtools-frontend 1.0.1654411 → 1.0.1656291

package/front_end/models/ai_assistance/contexts/RequestContext.snapshot.txt

@@ -2,7 +2,6 @@ Title: RequestContext getPromptDetails describes the network request correctly
 Content:
 # Selected network request
 Request: https://www.example.com/api/users
-
 Request headers:
 Accept: application/json
 

package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts

@@ -6,7 +6,6 @@ import * as Common from '../../../core/common/common.js';
 import type * as Platform from '../../../core/platform/platform.js';
 import type * as SDK from '../../../core/sdk/sdk.js';
 import * as Protocol from '../../../generated/protocol.js';
-import * as Annotations from '../../annotations/annotations.js';
 import * as Logs from '../../logs/logs.js';
 import * as NetworkTimeCalculator from '../../network_time_calculator/network_time_calculator.js';
 import * as TextUtils from '../../text_utils/text_utils.js';
@@ -163,7 +162,6 @@ export class NetworkRequestFormatter {
     }
 
     return `Request: ${this.#request.url()}
-${Annotations.AnnotationRepository.annotationsEnabled() ? `\nRequest ID: ${this.#request.requestId()}\n` : ''}
 ${this.formatRequestHeaders()}
 
 ${this.formatResponseHeaders()}${responseBody}

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts

@@ -4,7 +4,6 @@
 
 import type * as Platform from '../../../core/platform/platform.js';
 import type * as Protocol from '../../../generated/protocol.js';
-import * as Annotations from '../../annotations/annotations.js';
 import * as CrUXManager from '../../crux-manager/crux-manager.js';
 import type * as SourceMapScopes from '../../source_map_scopes/source_map_scopes.js';
 import * as Trace from '../../trace/trace.js';
@@ -186,16 +185,6 @@ export class PerformanceTraceFormatter {
         if (cls) {
           const eventText = cls.worstClusterEvent ? `, event: ${this.serializeEvent(cls.worstClusterEvent)}` : '';
           parts.push(`  - CLS: ${cls.value.toFixed(2)}${eventText}`);
-
-          if (Annotations.AnnotationRepository.annotationsEnabled()) {
-            const worstClusterEvent = cls.worstClusterEvent as Trace.Types.Events.SyntheticLayoutShiftCluster;
-            const layoutShiftData =
-                worstClusterEvent?.worstShiftEvent?.args?.data as Trace.Types.Events.LayoutShiftData;
-            if (layoutShiftData?.impacted_nodes && layoutShiftData.impacted_nodes?.length > 0) {
-              Annotations.AnnotationRepository.instance().addElementsAnnotation(
-                  'This element is impacted by a layout shift', layoutShiftData.impacted_nodes[0].node_id.toString());
-            }
-          }
         }
       } else {
         parts.push('Metrics (lab / observed): n/a');
@@ -601,7 +590,6 @@ export class PerformanceTraceFormatter {
       string {
     const {
       url,
-      requestId,
       statusCode,
       initialPriority,
       priority,
@@ -662,8 +650,7 @@ export class PerformanceTraceFormatter {
     const eventKey = this.#eventsSerializer.keyForEvent(request);
     const eventKeyLine = eventKey ? `eventKey: ${eventKey}\n` : '';
 
-    return `${titlePrefix}: ${url}${
-        Annotations.AnnotationRepository.annotationsEnabled() ? `\nrequestId: ${requestId}` : ''}
+    return `${titlePrefix}: ${url}
 ${eventKeyLine}Timings:
 - Queued at: ${micros(startTimesForLifecycle.queuedAt)}
 - Request sent at: ${micros(startTimesForLifecycle.requestSentAt)}

package/front_end/models/autofill_manager/AutofillManager.ts

@@ -14,8 +14,7 @@ export class AutofillManager extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   #autofillModel: SDK.AutofillModel.AutofillModel|null = null;
   #frameManager: SDK.FrameManager.FrameManager;
 
-  constructor(targetManager: SDK.TargetManager.TargetManager,
-              frameManager: SDK.FrameManager.FrameManager = SDK.FrameManager.FrameManager.instance()) {
+  constructor(targetManager: SDK.TargetManager.TargetManager, frameManager: SDK.FrameManager.FrameManager) {
     super();
     this.#frameManager = frameManager;
     targetManager.addModelListener(SDK.AutofillModel.AutofillModel, SDK.AutofillModel.Events.ADDRESS_FORM_FILLED,

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -7255,7 +7255,7 @@ export const NativeFunctions = [
   },
   {
     name: "RTCEncodedAudioFrame",
-    signatures: [["originalFrame","?options"]]
+    signatures: [["init"],["originalFrame","?options"]]
   },
   {
     name: "setMetadata",

package/front_end/models/persistence/AutomaticFileSystemManager.ts

@@ -5,6 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
 import * as ProjectSettings from '../project_settings/project_settings.js';
 
 /**
@@ -26,8 +27,6 @@ export interface AutomaticFileSystem {
  */
 export type AutomaticFileSystemAvailability = 'available'|'unavailable';
 
-let automaticFileSystemManagerInstance: AutomaticFileSystemManager|undefined;
-
 /**
  * Automatically connects and disconnects workspace folders.
  *
@@ -66,9 +65,8 @@ export class AutomaticFileSystemManager extends Common.ObjectWrapper.ObjectWrapp
   /**
    * @internal
    */
-  private constructor(
-      inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI,
-      projectSettingsModel: ProjectSettings.ProjectSettingsModel.ProjectSettingsModel) {
+  constructor(inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI,
+              projectSettingsModel: ProjectSettings.ProjectSettingsModel.ProjectSettingsModel) {
     super();
     this.#automaticFileSystem = null;
     this.#inspectorFrontendHost = inspectorFrontendHost;
@@ -93,27 +91,30 @@ export class AutomaticFileSystemManager extends Common.ObjectWrapper.ObjectWrapp
     inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI|null,
     projectSettingsModel: ProjectSettings.ProjectSettingsModel.ProjectSettingsModel|null,
   } = {forceNew: false, inspectorFrontendHost: null, projectSettingsModel: null}): AutomaticFileSystemManager {
-    if (!automaticFileSystemManagerInstance || forceNew) {
+    if (!Root.DevToolsContext.globalInstance().has(AutomaticFileSystemManager) || forceNew) {
       if (!inspectorFrontendHost || !projectSettingsModel) {
         throw new Error(
             'Unable to create AutomaticFileSystemManager: ' +
             'inspectorFrontendHost, and projectSettingsModel must be provided');
       }
-      automaticFileSystemManagerInstance = new AutomaticFileSystemManager(
-          inspectorFrontendHost,
-          projectSettingsModel,
+      Root.DevToolsContext.globalInstance().set(
+          AutomaticFileSystemManager,
+          new AutomaticFileSystemManager(
+              inspectorFrontendHost,
+              projectSettingsModel,
+              ),
       );
     }
-    return automaticFileSystemManagerInstance;
+    return Root.DevToolsContext.globalInstance().get(AutomaticFileSystemManager);
   }
 
   /**
    * Clears the `AutomaticFileSystemManager` singleton (if any);
    */
   static removeInstance(): void {
-    if (automaticFileSystemManagerInstance) {
-      automaticFileSystemManagerInstance.#dispose();
-      automaticFileSystemManagerInstance = undefined;
+    if (Root.DevToolsContext.globalInstance().has(AutomaticFileSystemManager)) {
+      Root.DevToolsContext.globalInstance().get(AutomaticFileSystemManager).#dispose();
+      Root.DevToolsContext.globalInstance().delete(AutomaticFileSystemManager);
     }
   }
 

package/front_end/models/persistence/AutomaticFileSystemWorkspaceBinding.ts

@@ -5,6 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
 import type {ContentDataOrError} from '../text_utils/ContentData.js';
 import type {SearchMatch} from '../text_utils/ContentProvider.js';
 import * as Workspace from '../workspace/workspace.js';
@@ -169,8 +170,6 @@ export class FileSystem implements Workspace.Workspace.Project {
   }
 }
 
-let automaticFileSystemWorkspaceBindingInstance: AutomaticFileSystemWorkspaceBinding|undefined;
-
 /**
  * Provides a transient workspace `Project` that doesn't contain any `UISourceCode`s,
  * and only acts as a placeholder for the automatic file system, while it's not
@@ -186,7 +185,7 @@ export class AutomaticFileSystemWorkspaceBinding {
   /**
    * @internal
    */
-  private constructor(
+  constructor(
       automaticFileSystemManager: AutomaticFileSystemManager,
       isolatedFileSystemManager: IsolatedFileSystemManager,
       workspace: Workspace.Workspace.WorkspaceImpl,
@@ -219,29 +218,33 @@ export class AutomaticFileSystemWorkspaceBinding {
     isolatedFileSystemManager: null,
     workspace: null,
   }): AutomaticFileSystemWorkspaceBinding {
-    if (!automaticFileSystemWorkspaceBindingInstance || forceNew) {
+    if (!Root.DevToolsContext.globalInstance().has(AutomaticFileSystemWorkspaceBinding) || forceNew) {
       if (!automaticFileSystemManager || !isolatedFileSystemManager || !workspace) {
         throw new Error(
             'Unable to create AutomaticFileSystemWorkspaceBinding: ' +
             'automaticFileSystemManager, isolatedFileSystemManager, ' +
             'and workspace must be provided');
       }
-      automaticFileSystemWorkspaceBindingInstance = new AutomaticFileSystemWorkspaceBinding(
+      const automaticFileSystemWorkspaceBinding = new AutomaticFileSystemWorkspaceBinding(
           automaticFileSystemManager,
           isolatedFileSystemManager,
           workspace,
       );
+      Root.DevToolsContext.globalInstance().set(AutomaticFileSystemWorkspaceBinding,
+                                                automaticFileSystemWorkspaceBinding);
     }
-    return automaticFileSystemWorkspaceBindingInstance;
+    return Root.DevToolsContext.globalInstance().get(AutomaticFileSystemWorkspaceBinding);
   }
 
   /**
    * Clears the `AutomaticFileSystemWorkspaceBinding` singleton (if any);
    */
   static removeInstance(): void {
-    if (automaticFileSystemWorkspaceBindingInstance) {
-      automaticFileSystemWorkspaceBindingInstance.#dispose();
-      automaticFileSystemWorkspaceBindingInstance = undefined;
+    if (Root.DevToolsContext.globalInstance().has(AutomaticFileSystemWorkspaceBinding)) {
+      const automaticFileSystemWorkspaceBinding =
+          Root.DevToolsContext.globalInstance().get(AutomaticFileSystemWorkspaceBinding);
+      automaticFileSystemWorkspaceBinding.#dispose();
+      Root.DevToolsContext.globalInstance().delete(AutomaticFileSystemWorkspaceBinding);
     }
   }
 

package/front_end/models/persistence/IsolatedFileSystemManager.ts

@@ -6,6 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
 
 import type {FilesChangedData} from './FileSystemWorkspaceBinding.js';
 import {IsolatedFileSystem} from './IsolatedFileSystem.js';
@@ -24,7 +25,6 @@ const UIStrings = {
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/persistence/IsolatedFileSystemManager.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-let isolatedFileSystemManagerInstance: IsolatedFileSystemManager|null;
 
 export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   readonly #fileSystems: Map<Platform.DevToolsPath.UrlString, PlatformFileSystem>;
@@ -34,9 +34,11 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
   private fileSystemRequestResolve: ((arg0: IsolatedFileSystem|null) => void)|null;
   private readonly fileSystemsLoadedPromise: Promise<IsolatedFileSystem[]>;
   readonly #settings: Common.Settings.Settings;
-  private constructor(settings: Common.Settings.Settings = Common.Settings.Settings.instance()) {
+  readonly #console: Common.Console.Console;
+  constructor(settings: Common.Settings.Settings, console: Common.Console.Console) {
     super();
     this.#settings = settings;
+    this.#console = console;
 
     this.#fileSystems = new Map();
     this.callbacks = new Map();
@@ -99,17 +101,24 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
     this.fileSystemsLoadedPromise = this.requestFileSystems();
   }
 
-  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): IsolatedFileSystemManager {
-    const {forceNew} = opts;
-    if (!isolatedFileSystemManagerInstance || forceNew) {
-      isolatedFileSystemManagerInstance = new IsolatedFileSystemManager();
+  static instance(opts: {
+    forceNew?: boolean|null,
+    settings?: Common.Settings.Settings|null,
+    console?: Common.Console.Console|null,
+  } = {}): IsolatedFileSystemManager {
+    const forceNew = opts.forceNew ?? null;
+    const settings = opts.settings ?? Common.Settings.Settings.instance();
+    const console = opts.console ?? Common.Console.Console.instance();
+    if (!Root.DevToolsContext.globalInstance().has(IsolatedFileSystemManager) || forceNew) {
+      const instance = new IsolatedFileSystemManager(settings, console);
+      Root.DevToolsContext.globalInstance().set(IsolatedFileSystemManager, instance);
     }
 
-    return isolatedFileSystemManagerInstance;
+    return Root.DevToolsContext.globalInstance().get(IsolatedFileSystemManager);
   }
 
   static removeInstance(): void {
-    isolatedFileSystemManagerInstance = null;
+    Root.DevToolsContext.globalInstance().delete(IsolatedFileSystemManager);
   }
 
   private requestFileSystems(): Promise<IsolatedFileSystem[]> {
@@ -190,7 +199,7 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
     const {errorMessage, fileSystem} = event.data;
     if (errorMessage) {
       if (errorMessage !== '<selection cancelled>' && errorMessage !== '<permission denied>') {
-        Common.Console.Console.instance().error(i18nString(UIStrings.unableToAddFilesystemS, {PH1: errorMessage}));
+        this.#console.error(i18nString(UIStrings.unableToAddFilesystemS, {PH1: errorMessage}));
       }
       if (!this.fileSystemRequestResolve) {
         return;

package/front_end/models/project_settings/ProjectSettingsModel.ts

@@ -4,7 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
-import type * as Root from '../../core/root/root.js';
+import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 
 /** The security origin for all DevTools (front-end) resources. */
@@ -72,8 +72,6 @@ export type ProjectSettingsAvailability = 'available'|'unavailable';
 const EMPTY_PROJECT_SETTINGS: ProjectSettings = Object.freeze({});
 const IDLE_PROMISE: Promise<void> = Promise.resolve();
 
-let projectSettingsModelInstance: ProjectSettingsModel|undefined;
-
 export class ProjectSettingsModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   readonly #pageResourceLoader: SDK.PageResourceLoader.PageResourceLoader;
   readonly #targetManager: SDK.TargetManager.TargetManager;
@@ -108,7 +106,7 @@ export class ProjectSettingsModel extends Common.ObjectWrapper.ObjectWrapper<Eve
     return this.#promise.then(() => this.#projectSettings);
   }
 
-  private constructor(
+  constructor(
       hostConfig: Root.Runtime.HostConfig,
       pageResourceLoader: SDK.PageResourceLoader.PageResourceLoader,
       targetManager: SDK.TargetManager.TargetManager,
@@ -140,24 +138,27 @@ export class ProjectSettingsModel extends Common.ObjectWrapper.ObjectWrapper<Eve
     pageResourceLoader: SDK.PageResourceLoader.PageResourceLoader|null,
     targetManager: SDK.TargetManager.TargetManager|null,
   }): ProjectSettingsModel {
-    if (!projectSettingsModelInstance || forceNew) {
+    if (!Root.DevToolsContext.globalInstance().has(ProjectSettingsModel) || forceNew) {
       if (!hostConfig || !pageResourceLoader || !targetManager) {
         throw new Error(
             'Unable to create ProjectSettingsModel: ' +
             'hostConfig, pageResourceLoader, and targetManager must be provided');
       }
-      projectSettingsModelInstance = new ProjectSettingsModel(hostConfig, pageResourceLoader, targetManager);
+      Root.DevToolsContext.globalInstance().set(
+          ProjectSettingsModel,
+          new ProjectSettingsModel(hostConfig, pageResourceLoader, targetManager),
+      );
     }
-    return projectSettingsModelInstance;
+    return Root.DevToolsContext.globalInstance().get(ProjectSettingsModel);
   }
 
   /**
-   * Clears the `ProjectSettingsModel` singleton (if any).
+   * Clears the `ProjectSettingsModel` singleton (if any);
    */
   static removeInstance(): void {
-    if (projectSettingsModelInstance) {
-      projectSettingsModelInstance.#dispose();
-      projectSettingsModelInstance = undefined;
+    if (Root.DevToolsContext.globalInstance().has(ProjectSettingsModel)) {
+      Root.DevToolsContext.globalInstance().get(ProjectSettingsModel).#dispose();
+      Root.DevToolsContext.globalInstance().delete(ProjectSettingsModel);
     }
   }
 

package/front_end/models/trace/handlers/ScreenshotsHandler.ts

@@ -7,21 +7,14 @@ import * as Types from '../types/types.js';
 
 import type {HandlerName} from './types.js';
 
-// Each thread contains events. Events indicate the thread and process IDs, which are
-// used to store the event in the correct process thread entry below.
-let unpairedAsyncEvents: Types.Events.PipelineReporter[] = [];
-
 let legacyScreenshotEvents: Types.Events.LegacyScreenshot[] = [];
 let modernScreenshotEvents: Types.Events.Screenshot[] = [];
 let syntheticScreenshots: Types.Events.LegacySyntheticScreenshot[] = [];
-let frameSequenceToTs: Record<string, Types.Timing.Micro> = {};
 
 export function reset(): void {
-  unpairedAsyncEvents = [];
   legacyScreenshotEvents = [];
   syntheticScreenshots = [];
   modernScreenshotEvents = [];
-  frameSequenceToTs = {};
 }
 
 export function handleEvent(event: Types.Events.Event): void {
@@ -29,39 +22,26 @@ export function handleEvent(event: Types.Events.Event): void {
     legacyScreenshotEvents.push(event);
   } else if (Types.Events.isScreenshot(event)) {
     modernScreenshotEvents.push(event);
-  } else if (Types.Events.isPipelineReporter(event)) {
-    unpairedAsyncEvents.push(event);
   }
 }
 
 export async function finalize(): Promise<void> {
-  const pipelineReporterEvents = Helpers.Trace.createMatchedSortedSyntheticEvents(unpairedAsyncEvents);
-
-  frameSequenceToTs = Object.fromEntries(pipelineReporterEvents.map(evt => {
-    const args = evt.args.data.beginEvent.args;
-    const frameReporter = 'frame_reporter' in args ? args.frame_reporter : args.chrome_frame_reporter;
-    const frameSequenceId = frameReporter.frame_sequence;
-    const presentationTs = Types.Timing.Micro(evt.ts + evt.dur);
-    return [frameSequenceId, presentationTs];
-  }));
-
   for (const snapshotEvent of legacyScreenshotEvents) {
     const {cat, name, ph, pid, tid} = snapshotEvent;
-    const syntheticEvent = Helpers.SyntheticEvents.SyntheticEventsManager.registerSyntheticEvent<
-        Types.Events.LegacySyntheticScreenshot>({
-      rawSourceEvent: snapshotEvent,
-      cat,
-      name,
-      ph,
-      pid,
-      tid,
-      // TODO(paulirish, crbug.com/41363012): investigate why getPresentationTimestamp(snapshotEvent) seems less accurate. Resolve screenshot timing inaccuracy.
-      // `getPresentationTimestamp(snapshotEvent) - snapshotEvent.ts` is how many microsec the screenshot should be adjusted to the right/later
-      ts: snapshotEvent.ts,
-      args: {
-        dataUri: `data:image/jpg;base64,${snapshotEvent.args.snapshot}`,
-      },
-    });
+    const syntheticEvent =
+        Helpers.SyntheticEvents.SyntheticEventsManager.registerSyntheticEvent<Types.Events.LegacySyntheticScreenshot>({
+          rawSourceEvent: snapshotEvent,
+          cat,
+          name,
+          ph,
+          pid,
+          tid,
+          // TODO(paulirish, crbug.com/41363012): fix snapshot timestamps.
+          ts: snapshotEvent.ts,
+          args: {
+            dataUri: `data:image/jpg;base64,${snapshotEvent.args.snapshot}`,
+          },
+        });
     syntheticScreenshots.push(syntheticEvent);
   }
 }
@@ -73,31 +53,6 @@ export function screenshotImageDataUri(event: Types.Events.LegacySyntheticScreen
   return `data:image/jpg;base64,${event.args.snapshot}`;
 }
 
-/**
- * Correct the screenshot timestamps
- * The screenshot 'snapshot object' trace event has the "frame sequence number" attached as an ID.
- * We match that up with the "PipelineReporter" trace events as they terminate at presentation.
- * Presentation == when the pixels hit the screen. AKA Swap on the GPU
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function getPresentationTimestamp(screenshotEvent: Types.Events.LegacyScreenshot): Types.Timing.Micro {
-  const frameSequence = parseInt(screenshotEvent.id, 16);
-  // If it's 1, then it's an old trace (before https://crrev.com/c/4957973) and cannot be corrected.
-  if (frameSequence === 1) {
-    return screenshotEvent.ts;
-  }
-  // The screenshot trace event's `ts` reflects the "expected display time" which is ESTIMATE.
-  // It is set by the compositor frame sink from the `expected_display_time`, which is based on a previously known
-  // frame start PLUS the vsync interval (eg 16.6ms)
-  const updatedTs = frameSequenceToTs[frameSequence];
-  // Do we always find a match? No...
-  // We generally don't match the very first screenshot and, sometimes, the last
-  // The very first screenshot is requested immediately (even if nothing is painting). As a result there's no compositor
-  // instrumentation running alongside.
-  // The last one is sometimes missing as because the trace terminates right before the associated PipelineReporter is emitted.
-  return updatedTs ?? screenshotEvent.ts;
-}
-
 export interface Data {
   // These are nullable because in January 2025 a CL in Chromium
   // crrev.com/c/6197645 landed which changed the format of screenshots. For a

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -11,9 +11,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
-import * as Annotations from '../../models/annotations/annotations.js';
 import * as Badges from '../../models/badges/badges.js';
-import * as Greendev from '../../models/greendev/greendev.js';
 import type * as LHModel from '../../models/lighthouse/lighthouse.js';
 import type * as Trace from '../../models/trace/trace.js';
 import * as Workspace from '../../models/workspace/workspace.js';
@@ -51,7 +49,6 @@ import {ExploreWidget} from './components/ExploreWidget.js';
 import {MarkdownRendererWithCodeBlock} from './components/MarkdownRendererWithCodeBlock.js';
 import {OptInChangeDialog} from './components/OptInChangeDialog.js';
 import {PerformanceAgentMarkdownRenderer} from './components/PerformanceAgentMarkdownRenderer.js';
-import {StylingAgentMarkdownRenderer} from './components/StylingAgentMarkdownRenderer.js';
 import {
   WalkthroughView,
 } from './components/WalkthroughView.js';
@@ -280,10 +277,6 @@ const lockedString = i18n.i18n.lockedString;
 
 function selectedElementFilter(maybeNode: SDK.DOMModel.DOMNode|null): SDK.DOMModel.DOMNode|null {
   if (maybeNode) {
-    if (Greendev.Prototypes.instance().isEnabled('emulationCapabilities')) {
-      return maybeNode;
-    }
-
     return maybeNode.nodeType() === Node.ELEMENT_NODE ? maybeNode : null;
   }
 
@@ -311,12 +304,7 @@ async function getEmptyStateSuggestions(conversation?: AiAssistanceModel.AiConve
       return [
         {title: 'What can you help me with?', jslogContext: 'styling-default'},
         {title: 'Why isn’t this element visible?', jslogContext: 'styling-default'},
-        {
-          title: Greendev.Prototypes.instance().isEnabled('emulationCapabilities') ?
-              'Are there display issues on this page for people using an Android phone?' :
-              'How do I center this element?',
-          jslogContext: 'styling-default'
-        },
+        {title: 'How do I center this element?', jslogContext: 'styling-default'},
       ];
     case AiAssistanceModel.AiHistoryStorage.ConversationType.FILE:
       return [
@@ -408,14 +396,7 @@ function getMarkdownRenderer(conversation?: AiAssistanceModel.AiConversation.AiC
     // Handle historical conversations (can't linkify anything).
     return new PerformanceAgentMarkdownRenderer();
   }
-  if (Greendev.Prototypes.instance().isEnabled('emulationCapabilities') &&
-      conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING &&
-      SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DOMModel.DOMModel)) {
-    const domModel = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DOMModel.DOMModel);
-    const resourceTreeModel = domModel?.target().model(SDK.ResourceTreeModel.ResourceTreeModel);
-    const mainFrameId = resourceTreeModel?.mainFrame?.id;
-    return new StylingAgentMarkdownRenderer(mainFrameId);
-  }
+
   if (conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY) {
     const domModel = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DOMModel.DOMModel);
     const mainDocumentURL = domModel?.existingDocument()?.documentURL;
@@ -1737,9 +1718,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     this.#resetWalkthrough();
     UI.ARIAUtils.LiveAnnouncer.alert(i18nString(UIStrings.newChatCreated));
 
-    if (Annotations.AnnotationRepository.annotationsEnabled()) {
-      Annotations.AnnotationRepository.instance().deleteAllAnnotations();
-    }
   }
 
   #cancel(): void {
@@ -1863,12 +1841,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       Badges.UserBadges.instance().recordAction(Badges.BadgeAction.STARTED_AI_CONVERSATION);
     }
 
-    const greenDevEmulationEnabled = Greendev.Prototypes.instance().isEnabled('emulationCapabilities');
     let multimodalInput: AiAssistanceModel.AiAgent.MultimodalInput|undefined;
-    const pendingInput = this.#conversation.getPendingMultimodalInput();
-    if (greenDevEmulationEnabled && pendingInput) {
-      multimodalInput = pendingInput;
-    } else if (isAiAssistanceMultimodalInputEnabled() && imageInput && multimodalInputType) {
+    if (isAiAssistanceMultimodalInputEnabled() && imageInput && multimodalInputType) {
       multimodalInput = {
         input: imageInput,
         id: crypto.randomUUID(),

package/front_end/panels/application/DeviceBoundSessionsView.ts

@@ -218,11 +218,19 @@ const UIStrings = {
   /**
    *@description Explanation for an event outcome. Key refers to a cryptographic key.
    */
-  keyError: 'Key error',
+  signingKeyGenerationError: 'Signing key generation error',
+  /**
+   *@description Explanation for an event outcome. Key refers to a cryptographic key.
+   */
+  attestationKeyGenerationError: 'Attestation key generation error',
   /**
    *@description Explanation for an event outcome. Signing refers to cryptographic signing.
    */
   signingError: 'Signing error',
+  /**
+   *@description Explanation for an event outcome. Signing refers to cryptographic signing.
+   */
+  transientSigningError: 'Transient signing error',
   /**
    *@description Explanation for an event outcome.
    */
@@ -942,10 +950,14 @@ function fetchResultToString(fetchResult: Protocol.Network.DeviceBoundSessionFet
   switch (fetchResult) {
     case Protocol.Network.DeviceBoundSessionFetchResult.Success:
       return i18nString(UIStrings.success);
-    case Protocol.Network.DeviceBoundSessionFetchResult.KeyError:
-      return i18nString(UIStrings.keyError);
+    case Protocol.Network.DeviceBoundSessionFetchResult.SigningKeyGenerationError:
+      return i18nString(UIStrings.signingKeyGenerationError);
+    case Protocol.Network.DeviceBoundSessionFetchResult.AttestationKeyGenerationError:
+      return i18nString(UIStrings.attestationKeyGenerationError);
     case Protocol.Network.DeviceBoundSessionFetchResult.SigningError:
       return i18nString(UIStrings.signingError);
+    case Protocol.Network.DeviceBoundSessionFetchResult.TransientSigningError:
+      return i18nString(UIStrings.transientSigningError);
     case Protocol.Network.DeviceBoundSessionFetchResult.ServerRequestedTermination:
       return i18nString(UIStrings.serverRequestedTermination);
     case Protocol.Network.DeviceBoundSessionFetchResult.InvalidSessionId:

package/front_end/panels/application/FrameDetailsView.ts

@@ -21,6 +21,7 @@ import * as CspEvaluator from '../../third_party/csp_evaluator/csp_evaluator.js'
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import type * as ExpandableList from '../../ui/components/expandable_list/expandable_list.js';
 import type * as ReportView from '../../ui/components/report_view/report_view.js';
+import * as UIHelpers from '../../ui/helpers/helpers.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import {html, type LitTemplate, nothing, render} from '../../ui/lit/lit.js';
@@ -680,7 +681,7 @@ function renderSingleCSP(cspInfo: Protocol.Network.ContentSecurityPolicyStatus,
             .accessibleLabel=${i18nString(UIStrings.learnMore)}
             .variant=${Buttons.Button.Variant.ICON}
             .size=${Buttons.Button.Size.SMALL}
-            @click=${()=> {window.location.href = 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only';}}
+            @click=${()=> {UIHelpers.openInNewTab('https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only');}}
             jslog=${VisualLogging.link('learn-more.csp-report-only').track({click: true})}
             ></devtools-button>`}
       </devtools-report-key>