chrome-devtools-frontend 1.0.1526203 → 1.0.1528866

package/front_end/panels/timeline/TimelinePanel.ts

@@ -306,7 +306,6 @@ const str_ = i18n.i18n.registerUIStrings('panels/timeline/TimelinePanel.ts', UIS
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let timelinePanelInstance: TimelinePanel|undefined;
-let isNode: boolean;
 
 /**
  * Represents the states that the timeline panel can be in.
@@ -350,6 +349,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   #viewMode: ViewMode = {mode: 'LANDING_PAGE'};
   readonly #dimThirdPartiesSetting: Common.Settings.Setting<boolean>|null = null;
   #thirdPartyCheckbox: UI.Toolbar.ToolbarSettingCheckbox|null = null;
+  #isNode = Root.Runtime.Runtime.isNode();
 
   #onAnnotationModifiedEventBound = this.#onAnnotationModifiedEvent.bind(this);
 
@@ -395,7 +395,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   private traceLoadStart!: Trace.Types.Timing.Milli|null;
 
   #traceEngineModel: Trace.TraceModel.Model;
-  #externalAIConversationData: AiAssistanceModel.ExternalPerformanceAIConversationData|null = null;
+  #externalAIConversationData: AiAssistanceModel.ConversationHandler.ExternalPerformanceAIConversationData|null = null;
   #sourceMapsResolver: SourceMapsResolver.SourceMapsResolver|null = null;
   #entityMapper: Trace.EntityMapper.EntityMapper|null = null;
   #onSourceMapsNodeNamesResolvedBound = this.#onSourceMapsNodeNamesResolved.bind(this);
@@ -462,7 +462,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     this.toggleRecordAction = UI.ActionRegistry.ActionRegistry.instance().getAction('timeline.toggle-recording');
     this.recordReloadAction = UI.ActionRegistry.ActionRegistry.instance().getAction('timeline.record-reload');
 
-    this.#historyManager = new TimelineHistoryManager(this.#minimapComponent, isNode);
+    this.#historyManager = new TimelineHistoryManager(this.#minimapComponent, this.#isNode);
 
     this.traceLoadStart = null;
 
@@ -477,7 +477,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     this.captureSelectorStatsSetting.setTitle(i18nString(UIStrings.enableSelectorStats));
 
     this.showScreenshotsSetting =
-        Common.Settings.Settings.instance().createSetting('timeline-show-screenshots', isNode ? false : true);
+        Common.Settings.Settings.instance().createSetting('timeline-show-screenshots', !this.#isNode);
     this.showScreenshotsSetting.setTitle(i18nString(UIStrings.screenshots));
     this.showScreenshotsSetting.addChangeListener(this.updateMiniMap, this);
 
@@ -503,7 +503,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     this.panelToolbar.wrappable = true;
     this.panelRightToolbar = timelineToolbarContainer.createChild('devtools-toolbar');
     this.panelRightToolbar.role = 'presentation';
-    if (!isNode && this.canRecord()) {
+    if (!this.#isNode && this.canRecord()) {
       this.createSettingsPane();
       this.updateShowSettingsToolbarButton();
     }
@@ -698,11 +698,9 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
 
   static instance(opts: {
     forceNew: boolean|null,
-    isNode: boolean,
     traceModel?: Trace.TraceModel.Model,
-  }|undefined = {forceNew: null, isNode: false}): TimelinePanel {
-    const {forceNew, isNode: isNodeMode} = opts;
-    isNode = isNodeMode;
+  }|undefined = {forceNew: null}): TimelinePanel {
+    const {forceNew} = opts;
 
     if (!timelinePanelInstance || forceNew) {
       timelinePanelInstance = new TimelinePanel(opts.traceModel);
@@ -751,6 +749,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   }
 
   override willHide(): void {
+    super.willHide();
     UI.Context.Context.instance().setFlavor(TimelinePanel, null);
     this.#historyManager.cancelIfShowing();
 
@@ -937,24 +936,24 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     return this.#traceEngineModel;
   }
 
-  getOrCreateExternalAIConversationData(): AiAssistanceModel.ExternalPerformanceAIConversationData {
+  getOrCreateExternalAIConversationData(): AiAssistanceModel.ConversationHandler.ExternalPerformanceAIConversationData {
     if (!this.#externalAIConversationData) {
-      const conversationHandler = AiAssistanceModel.ConversationHandler.instance();
-      const focus = AiAssistanceModel.getPerformanceAgentFocusFromModel(this.model);
+      const conversationHandler = AiAssistanceModel.ConversationHandler.ConversationHandler.instance();
+      const focus = AiAssistanceModel.AIContext.getPerformanceAgentFocusFromModel(this.model);
       if (!focus) {
         throw new Error('could not create performance agent focus');
       }
 
-      const agent = conversationHandler.createAgent(AiAssistanceModel.ConversationType.PERFORMANCE);
-      const conversation = new AiAssistanceModel.Conversation(
-          AiAssistanceModel.ConversationType.PERFORMANCE,
+      const agent = conversationHandler.createAgent(AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE);
+      const conversation = new AiAssistanceModel.AiHistoryStorage.Conversation(
+          AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE,
           [],
           agent.id,
           /* isReadOnly */ true,
           /* isExternal */ true,
       );
 
-      const selected = new AiAssistanceModel.PerformanceTraceContext(focus);
+      const selected = new AiAssistanceModel.PerformanceAgent.PerformanceTraceContext(focus);
       selected.external = true;
 
       this.#externalAIConversationData = {
@@ -1060,32 +1059,17 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   }
 
   /**
-   * Returns false if DevTools is in a standalone context where tracing/recording are NOT available.
-   *
-   * This includes scenarios like:
-   * - viewing an enhanced trace
-   * - viewing a trace in trace.cafe
-   * - other devtools_app.html scenarios without valid `ws=` param.
-   *   - See also the `isHostedMode` comment in `InspectorFrontendHost.ts`
-   *
-   * Possible signals to find a no-record (NR) context:
-   * - `primaryPageTarget()?.sessionId` is empty in NR, but populated when viewing an enhanced trace.
-   * - `primaryPageTarget.#capabilitiesMask` There's a tracing capability but the advertised capabilities are quite unreliable.
-   * - `primaryPageTarget.targets().length === 1` Mostly correct for NC but its 2 when viewing an enhanced trace.
-   * - `primaryPageTarget.router().connection()` Perhaps StubConnection or RehydratingConnection but MainConnection is incorrectly used sometimes. (eg devtools://devtools/bundled/devtools_app.html)
-   * - `resourceTreeModel?.mainFrame === null`. Correct for NR, HOWEVER  Node.js canRecord despite no main frame.
-   * - `rootTarget.type !== 'tab'` Has potential but it lies. (It's "browser" for Node despite a node type)
-   *
-   * The best signal, for now, is this combo (`isNode || hasMainFrame`), which is both well-maintained and correct in all known cases:
+   * Returns false if DevTools is in a standalone context where tracing/recording are
+   * NOT available.
    */
   private canRecord(): boolean {
-    return SDK.TargetManager.TargetManager.instance().hasFakeConnection() === false;
+    return !Root.Runtime.Runtime.isTraceApp();
   }
 
   private populateToolbar(): void {
     const canRecord = this.canRecord();
 
-    if (canRecord || isNode) {
+    if (canRecord || this.#isNode) {
       this.panelToolbar.appendToolbarItem(UI.Toolbar.Toolbar.createActionButton(this.toggleRecordAction));
     }
     if (canRecord) {
@@ -1118,7 +1102,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     if (canRecord) {
       this.panelToolbar.appendSeparator();
 
-      if (!isNode) {
+      if (!this.#isNode) {
         this.homeButton = new UI.Toolbar.ToolbarButton(
             i18nString(UIStrings.backToLiveMetrics), 'home', undefined, 'timeline.back-to-live-metrics');
         this.homeButton.addEventListener(UI.Toolbar.ToolbarButton.Events.CLICK, () => {
@@ -1135,7 +1119,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
 
     // View
     this.panelToolbar.appendSeparator();
-    if (!isNode) {
+    if (!this.#isNode) {
       this.showScreenshotsToolbarCheckbox =
           this.createSettingCheckbox(this.showScreenshotsSetting, i18nString(UIStrings.captureScreenshots));
       this.panelToolbar.appendToolbarItem(this.showScreenshotsToolbarCheckbox);
@@ -1163,14 +1147,14 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     }
 
     // Isolate selector
-    if (isNode) {
+    if (this.#isNode) {
       const isolateSelector = new IsolateSelector();
       this.panelToolbar.appendSeparator();
       this.panelToolbar.appendToolbarItem(isolateSelector);
     }
 
     // Settings
-    if (!isNode && canRecord) {
+    if (!this.#isNode && canRecord) {
       this.panelRightToolbar.appendSeparator();
       this.panelRightToolbar.appendToolbarItem(this.showSettingsPaneButton);
     }
@@ -1653,9 +1637,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     let pathToLaunch: string|null = null;
     const url = new URL(window.location.href);
     const pathToEntrypoint = url.pathname.slice(0, url.pathname.lastIndexOf('/'));
-    url.pathname = `${pathToEntrypoint}/rehydrated_devtools_app.html`;
-    // The standalone devtools shouldn't retain any existing query params.
-    url.search = '';
+    url.pathname = `${pathToEntrypoint}/trace_app.html`;
     pathToLaunch = url.toString();
 
     // Clarifying the window the code is referring to
@@ -1728,7 +1710,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   }
 
   private updateSettingsPaneVisibility(): void {
-    if (isNode || !this.canRecord()) {
+    if (this.#isNode || !this.canRecord()) {
       return;
     }
     if (this.showSettingsPaneSetting.get()) {
@@ -1926,7 +1908,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     this.setState(State.START_PENDING);
     this.showRecordingStarted();
 
-    if (isNode) {
+    if (this.#isNode) {
       await this.#startCPUProfilingRecording();
     } else {
       await this.#startTraceRecording();
@@ -2033,7 +2015,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       return;
     }
 
-    this.recordReloadAction.setEnabled(isNode ? false : this.state === State.IDLE);
+    this.recordReloadAction.setEnabled(this.#isNode ? false : this.state === State.IDLE);
     this.homeButton?.setEnabled(this.state === State.IDLE && this.#hasActiveTrace());
   }
 
@@ -2065,7 +2047,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     this.flameChart.getNetworkDataProvider().reset();
     this.flameChart.reset();
     this.#changeView({mode: 'LANDING_PAGE'});
-    UI.Context.Context.instance().setFlavor(AiAssistanceModel.AgentFocus, null);
+    UI.Context.Context.instance().setFlavor(AiAssistanceModel.AIContext.AgentFocus, null);
   }
 
   #hasActiveTrace(): boolean {
@@ -2251,7 +2233,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
 
     if (parsedTrace.metadata.dataOrigin !== Trace.Types.File.DataOrigin.CPU_PROFILE) {
       UI.Context.Context.instance().setFlavor(
-          AiAssistanceModel.AgentFocus, AiAssistanceModel.AgentFocus.fromParsedTrace(parsedTrace));
+          AiAssistanceModel.AIContext.AgentFocus, AiAssistanceModel.AIContext.AgentFocus.fromParsedTrace(parsedTrace));
     }
   }
 
@@ -2428,7 +2410,6 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     }
 
     const liveMetrics = new TimelineComponents.LiveMetricsView.LiveMetricsView();
-    liveMetrics.isNode = isNode;
     this.landingPage = LegacyWrapper.LegacyWrapper.legacyWrapper(UI.Widget.Widget, liveMetrics);
     this.landingPage.element.classList.add('timeline-landing-page', 'fill');
     this.landingPage.contentElement.classList.add('fill');
@@ -3032,10 +3013,10 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
   }
 
   static async *
-      handleExternalRecordRequest():
-          AsyncGenerator<AiAssistanceModel.ExternalRequestResponse, AiAssistanceModel.ExternalRequestResponse> {
+      handleExternalRecordRequest(): AsyncGenerator<
+          AiAssistanceModel.AiAgent.ExternalRequestResponse, AiAssistanceModel.AiAgent.ExternalRequestResponse> {
     yield {
-      type: AiAssistanceModel.ExternalRequestResponseType.NOTIFICATION,
+      type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.NOTIFICATION,
       message: 'Recording performance trace',
     };
     TimelinePanel.instance().invalidateExternalAIConversationData();
@@ -3048,10 +3029,10 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     await UI.ViewManager.ViewManager.instance().showView('timeline');
 
     function onRecordingCompleted(eventData: EventTypes[Events.RECORDING_COMPLETED]):
-        AiAssistanceModel.ExternalRequestResponse {
+        AiAssistanceModel.AiAgent.ExternalRequestResponse {
       if ('errorText' in eventData) {
         return {
-          type: AiAssistanceModel.ExternalRequestResponseType.ERROR,
+          type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.ERROR,
           message: `Error running the trace: ${eventData.errorText}`,
         };
       }
@@ -3059,7 +3040,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       const parsedTrace = panelInstance.model.parsedTrace(eventData.traceIndex);
       if (!parsedTrace || !parsedTrace.insights || parsedTrace.insights.size === 0) {
         return {
-          type: AiAssistanceModel.ExternalRequestResponseType.ERROR,
+          type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.ERROR,
           message: 'The trace was loaded successfully but no Insights were detected.',
         };
       }
@@ -3067,7 +3048,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       const navigationId = Array.from(parsedTrace.insights.keys()).find(k => k !== 'NO_NAVIGATION');
       if (!navigationId) {
         return {
-          type: AiAssistanceModel.ExternalRequestResponseType.ERROR,
+          type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.ERROR,
           message: 'The trace was loaded successfully but no navigation was detected.',
         };
       }
@@ -3075,7 +3056,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       const insightsForNav = parsedTrace.insights.get(navigationId);
       if (!insightsForNav) {
         return {
-          type: AiAssistanceModel.ExternalRequestResponseType.ERROR,
+          type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.ERROR,
           message: 'The trace was loaded successfully but no Insights were detected.',
         };
       }
@@ -3089,8 +3070,8 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       for (const modelName in insightsForNav.model) {
         const model = modelName as keyof Trace.Insights.Types.InsightModelsType;
         const insight = insightsForNav.model[model];
-        const focus = AiAssistanceModel.AgentFocus.fromParsedTrace(parsedTrace);
-        const formatter = new AiAssistanceModel.PerformanceInsightFormatter(focus, insight);
+        const focus = AiAssistanceModel.AIContext.AgentFocus.fromParsedTrace(parsedTrace);
+        const formatter = new AiAssistanceModel.PerformanceInsightFormatter.PerformanceInsightFormatter(focus, insight);
         if (!formatter.insightIsSupported()) {
           // Not all Insights are integrated with "Ask AI" yet, let's avoid
           // filling up the response with those ones because there will be no
@@ -3121,7 +3102,7 @@ These insights are passing, which means they are not considered to highlight con
 ${responseTextForPassedInsights}`;
 
       return {
-        type: AiAssistanceModel.ExternalRequestResponseType.ANSWER,
+        type: AiAssistanceModel.AiAgent.ExternalRequestResponseType.ANSWER,
         message: finalText,
         devToolsLogs: [],
       };
@@ -3138,11 +3119,11 @@ ${responseTextForPassedInsights}`;
     });
   }
 
-  static async handleExternalAnalyzeRequest(prompt: string):
-      Promise<AsyncGenerator<AiAssistanceModel.ExternalRequestResponse, AiAssistanceModel.ExternalRequestResponse>> {
+  static async handleExternalAnalyzeRequest(prompt: string): Promise<AsyncGenerator<
+      AiAssistanceModel.AiAgent.ExternalRequestResponse, AiAssistanceModel.AiAgent.ExternalRequestResponse>> {
     const data = TimelinePanel.instance().getOrCreateExternalAIConversationData();
     return await data.conversationHandler.handleExternalRequest({
-      conversationType: AiAssistanceModel.ConversationType.PERFORMANCE,
+      conversationType: AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE,
       prompt,
       data,
     });

package/front_end/panels/timeline/TimelineTreeView.ts

@@ -601,6 +601,7 @@ export class TimelineTreeView extends
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.dataGrid.addEventListener(DataGrid.DataGrid.Events.SELECTED_NODE, this.#onDataGridSelectionChange, this);
     this.dataGrid.addEventListener(DataGrid.DataGrid.Events.DESELECTED_NODE, this.#onDataGridDeselection, this);
   }

package/front_end/panels/timeline/components/LiveMetricsView.ts

@@ -13,6 +13,7 @@ import './MetricCard.js';
 import * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';
 import type * 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 CrUXManager from '../../../models/crux-manager/crux-manager.js';
 import * as EmulationModel from '../../../models/emulation/emulation.js';
@@ -296,7 +297,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableComponent {
   readonly #shadow = this.attachShadow({mode: 'open'});
 
-  #isNode = false;
+  isNode = Root.Runtime.Runtime.isNode();
 
   #lcpValue?: LiveMetrics.LcpValue;
   #clsValue?: LiveMetrics.ClsValue;
@@ -323,11 +324,6 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
     this.#recordReloadAction = UI.ActionRegistry.ActionRegistry.instance().getAction('timeline.record-reload');
   }
 
-  set isNode(isNode: boolean) {
-    this.#isNode = isNode;
-    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#render);
-  }
-
   #onMetricStatus(event: {data: LiveMetrics.StatusEvent}): void {
     this.#lcpValue = event.data.lcp;
     this.#clsValue = event.data.cls;
@@ -385,7 +381,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
   }
 
   async #refreshFieldDataForCurrentPage(): Promise<void> {
-    if (!this.#isNode) {
+    if (!this.isNode) {
       await this.#cruxManager.refresh();
     }
     void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#render);
@@ -1082,7 +1078,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
   }
 
   #render = (): void => {
-    if (this.#isNode) {
+    if (this.isNode) {
       Lit.render(this.#renderNodeView(), this.#shadow, {host: this});
       return;
     }

package/front_end/panels/timeline/components/Sidebar.ts

@@ -93,6 +93,7 @@ export class SidebarWidget extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#tabbedPane.show(this.element);
     this.#updateAnnotationsCountBadge();
 
@@ -114,6 +115,7 @@ export class SidebarWidget extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     const currentlyActiveInsight = this.#insightsView.getActiveInsight();
     this.#insightToRestoreOnOpen = currentlyActiveInsight;
 

package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts

@@ -434,7 +434,7 @@ export class SidebarSingleInsightSet extends HTMLElement {
         return html``;
       }
 
-      const agentFocus = AIAssistance.AgentFocus.fromInsight(this.#data.parsedTrace, model);
+      const agentFocus = AIAssistance.AIContext.AgentFocus.fromInsight(this.#data.parsedTrace, model);
       // clang-format off
       return html`<div>
         <${componentClass.litTagName}

package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts

@@ -87,7 +87,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
 
   #selected = false;
   #model: T|null = null;
-  #agentFocus: AIAssistance.AgentFocus|null = null;
+  #agentFocus: AIAssistance.AIContext.AgentFocus|null = null;
   #fieldMetrics: Trace.Insights.Common.CrUXFieldMetricResults|null = null;
 
   get model(): T|null {
@@ -159,7 +159,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
     void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#render);
   }
 
-  set agentFocus(agentFocus: AIAssistance.AgentFocus) {
+  set agentFocus(agentFocus: AIAssistance.AIContext.AgentFocus) {
     this.#agentFocus = agentFocus;
   }
 
@@ -181,19 +181,19 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
       return;
     }
 
-    const focus = UI.Context.Context.instance().flavor(AIAssistance.AgentFocus);
+    const focus = UI.Context.Context.instance().flavor(AIAssistance.AIContext.AgentFocus);
     if (this.#selected) {
       this.dispatchEvent(new SidebarInsight.InsightDeactivated());
 
       // Clear agent (but only if currently focused on an insight).
       if (focus) {
-        UI.Context.Context.instance().setFlavor(AIAssistance.AgentFocus, focus.withInsight(null));
+        UI.Context.Context.instance().setFlavor(AIAssistance.AIContext.AgentFocus, focus.withInsight(null));
       }
       return;
     }
 
     if (focus) {
-      UI.Context.Context.instance().setFlavor(AIAssistance.AgentFocus, focus.withInsight(this.model));
+      UI.Context.Context.instance().setFlavor(AIAssistance.AIContext.AgentFocus, focus.withInsight(this.model));
     }
 
     Badges.UserBadges.instance().recordAction(Badges.BadgeAction.PERFORMANCE_INSIGHT_CLICKED);
@@ -366,13 +366,13 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
       return;
     }
 
-    let focus = UI.Context.Context.instance().flavor(AIAssistance.AgentFocus);
+    let focus = UI.Context.Context.instance().flavor(AIAssistance.AIContext.AgentFocus);
     if (focus) {
       focus = focus.withInsight(this.model);
     } else {
       focus = this.#agentFocus;
     }
-    UI.Context.Context.instance().setFlavor(AIAssistance.AgentFocus, focus);
+    UI.Context.Context.instance().setFlavor(AIAssistance.AIContext.AgentFocus, focus);
 
     // Trigger the AI Assistance panel to open.
     const action = UI.ActionRegistry.ActionRegistry.instance().getAction(actionId);

package/front_end/panels/timeline/overlays/OverlaysImpl.ts

@@ -1478,7 +1478,7 @@ export class Overlays extends EventTarget {
         const component = new Components.EntryLabelOverlay.EntryLabelOverlay(overlay.label, shouldDrawLabelBelowEntry);
         // Generate the AI Call Tree for the AI Auto-Annotation feature.
         const parsedTrace = this.#queries.parsedTrace();
-        const callTree = parsedTrace ? AIAssistance.AICallTree.fromEvent(overlay.entry, parsedTrace) : null;
+        const callTree = parsedTrace ? AIAssistance.AICallTree.AICallTree.fromEvent(overlay.entry, parsedTrace) : null;
         component.callTree = callTree;
 
         component.addEventListener(

package/front_end/panels/timeline/overlays/components/EntryLabelOverlay.ts

@@ -183,10 +183,10 @@ export class EntryLabelOverlay extends HTMLElement {
   /**
    * Required to generate a label with AI.
    */
-  #callTree: AiAssistanceModels.AICallTree|null = null;
+  #callTree: AiAssistanceModels.AICallTree.AICallTree|null = null;
   // Creates or gets the setting if it exists.
   #aiAnnotationsEnabledSetting = Common.Settings.Settings.instance().createSetting('ai-annotations-enabled', false);
-  #agent = new AiAssistanceModels.PerformanceAnnotationsAgent({
+  #agent = new AiAssistanceModels.PerformanceAnnotationsAgent.PerformanceAnnotationsAgent({
     aidaClient: new Host.AidaClient.AidaClient(),
     serverSideLoggingEnabled: isAiAssistanceServerSideLoggingEnabled(),
   });
@@ -246,7 +246,7 @@ export class EntryLabelOverlay extends HTMLElement {
   /**
    * So we can provide a mocked agent in tests. Do not call this method outside of a test!
    */
-  overrideAIAgentForTest(agent: AiAssistanceModels.PerformanceAnnotationsAgent): void {
+  overrideAIAgentForTest(agent: AiAssistanceModels.PerformanceAnnotationsAgent.PerformanceAnnotationsAgent): void {
     this.#agent = agent;
   }
 
@@ -497,7 +497,7 @@ export class EntryLabelOverlay extends HTMLElement {
     selection?.addRange(range);
   }
 
-  set callTree(callTree: AiAssistanceModels.AICallTree|null) {
+  set callTree(callTree: AiAssistanceModels.AICallTree.AICallTree|null) {
     this.#callTree = callTree;
     // If the entry has a calltree, we need to check if we need to show the 'generate label' button.
     this.#setAIButtonRenderState();

package/front_end/panels/web_audio/WebAudioView.ts

@@ -202,6 +202,7 @@ export class WebAudioView extends UI.Widget.VBox implements SDK.TargetManager.SD
   }
 
   override willHide(): void {
+    super.willHide();
     for (const model of SDK.TargetManager.TargetManager.instance().models(WebAudioModel)) {
       this.removeEventListeners(model);
     }

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://source.chromium.org/chromium/chromium/src/+/main:components/variations/proto/devtools/
 Version: N/A
-Revision: 871199b5845026663e1efbe7e1dcc69c6ec1dfb7
+Revision: 31876d8522d405cfcc6ea0f2a717a237382faa20
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/lighthouse/README.chromium

@@ -1,7 +1,7 @@
 Name: Lighthouse
 Short Name: lighthouse
-Version: 12.8.2
-Revision: 8dc40bb0e13a71b1c58aaf891810ac9360b86ac9
+Version: 13.0.0
+Revision: 82e119638a65629f7a19b2ec11bcd6ddc1ad6b89
 Update Mechanism: Manual
 URL: https://github.com/GoogleChrome/lighthouse
 License: Apache-2.0