chrome-devtools-frontend 1.0.1526630 → 1.0.1529186

package/front_end/panels/network/components/RequestTrustTokensView.ts

@@ -112,11 +112,13 @@ export class RequestTrustTokensView extends LegacyWrapper.LegacyWrapper.Wrappabl
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#request.addEventListener(SDK.NetworkRequest.Events.TRUST_TOKEN_RESULT_ADDED, this.render, this);
     void this.render();
   }
 
   override willHide(): void {
+    super.willHide();
     this.#request.removeEventListener(SDK.NetworkRequest.Events.TRUST_TOKEN_RESULT_ADDED, this.render, this);
   }
 

package/front_end/panels/performance_monitor/PerformanceMonitor.ts

@@ -157,6 +157,7 @@ export class PerformanceMonitorImpl extends UI.Widget.HBox implements
   }
 
   override wasShown(): void {
+    super.wasShown();
     if (!this.model) {
       return;
     }
@@ -176,6 +177,7 @@ export class PerformanceMonitorImpl extends UI.Widget.HBox implements
   }
 
   override willHide(): void {
+    super.willHide();
     if (!this.model) {
       return;
     }

package/front_end/panels/profiler/HeapSnapshotDataGrids.ts

@@ -212,6 +212,7 @@ export class HeapSnapshotSortableDataGrid extends Common.ObjectWrapper
   }
 
   override wasShown(): void {
+    super.wasShown();
     if (this.nameFilter) {
       this.nameFilter.addEventListener(UI.Toolbar.ToolbarInput.Event.TEXT_CHANGED, this.onNameFilterChanged, this);
       this.updateVisibleNodes(true);
@@ -228,6 +229,7 @@ export class HeapSnapshotSortableDataGrid extends Common.ObjectWrapper
   }
 
   override willHide(): void {
+    super.willHide();
     if (this.nameFilter) {
       this.nameFilter.removeEventListener(UI.Toolbar.ToolbarInput.Event.TEXT_CHANGED, this.onNameFilterChanged, this);
     }

package/front_end/panels/profiler/HeapSnapshotView.ts

@@ -143,6 +143,11 @@ const UIStrings = {
    * objects kept alive by the DevTools console
    */
   objectsRetainedByConsole: 'Objects retained by DevTools Console',
+  /**
+   * @description An option which will filter the heap snapshot to show only
+   * objects retained by event handlers
+   */
+  objectsRetainedByEventHandlers: 'Objects retained by Event Handlers',
   /**
    * @description Text for the summary view
    */
@@ -624,6 +629,7 @@ export class HeapSnapshotView extends UI.View.SimpleView implements DataDisplayD
   }
 
   override willHide(): void {
+    super.willHide();
     this.currentSearchResultIndex = -1;
     this.popoverHelper.hidePopover();
   }
@@ -771,6 +777,7 @@ export class HeapSnapshotView extends UI.View.SimpleView implements DataDisplayD
     {uiName: i18nString(UIStrings.duplicatedStrings), filterName: 'duplicatedStrings'},
     {uiName: i18nString(UIStrings.objectsRetainedByDetachedDomNodes), filterName: 'objectsRetainedByDetachedDomNodes'},
     {uiName: i18nString(UIStrings.objectsRetainedByConsole), filterName: 'objectsRetainedByConsole'},
+    {uiName: i18nString(UIStrings.objectsRetainedByEventHandlers), filterName: 'objectsRetainedByEventHandlers'},
   ];
 
   changeFilter(): void {

package/front_end/panels/profiler/IsolateSelector.ts

@@ -102,6 +102,7 @@ export class IsolateSelector extends UI.Widget.VBox implements UI.ListControl.Li
   }
 
   override willHide(): void {
+    super.willHide();
     SDK.IsolateManager.IsolateManager.instance().removeEventListener(
         SDK.IsolateManager.Events.MEMORY_CHANGED, this.heapStatsChanged, this);
   }

package/front_end/panels/profiler/LiveHeapProfileView.ts

@@ -178,6 +178,7 @@ export class LiveHeapProfileView extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     ++this.currentPollId;
     this.setting.removeChangeListener(this.settingChanged, this);
   }

package/front_end/panels/profiler/ProfileView.ts

@@ -325,6 +325,7 @@ export class ProfileView extends UI.View.SimpleView implements UI.SearchableView
   }
 
   override willHide(): void {
+    super.willHide();
     this.currentSearchResultIndex = -1;
   }
 

package/front_end/panels/protocol_monitor/ProtocolMonitor.ts

@@ -530,6 +530,7 @@ export class ProtocolMonitorImpl extends UI.Panel.Panel {
   }
 
   override wasShown(): void {
+    super.wasShown();
     if (this.started) {
       return;
     }

package/front_end/panels/recorder/RecorderPanel.ts

@@ -36,12 +36,14 @@ export class RecorderPanel extends UI.Panel.Panel {
   }
 
   override wasShown(): void {
+    super.wasShown();
     UI.Context.Context.instance().setFlavor(RecorderPanel, this);
     // Focus controller so shortcuts become active
     this.#controller.focus();
   }
 
   override willHide(): void {
+    super.willHide();
     UI.Context.Context.instance().setFlavor(RecorderPanel, null);
   }
 

package/front_end/panels/screencast/ScreencastView.ts

@@ -175,6 +175,7 @@ export class ScreencastView extends UI.Widget.VBox implements SDK.OverlayModel.H
   }
 
   override willHide(): void {
+    super.willHide();
     this.stopCasting();
   }
 

package/front_end/panels/search/SearchView.ts

@@ -542,6 +542,7 @@ export class SearchView extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     this.#stopSearch();
   }
 

package/front_end/panels/settings/AISettingsTab.ts

@@ -474,7 +474,7 @@ export class AISettingsTab extends LegacyWrapper.LegacyWrapper.WrappableComponen
       }
     } else if (setting.name === 'ai-assistance-enabled' && !setting.get()) {
       // If the "AI Assistance" is toggled off, we remove all the history entries related to the feature.
-      void AiAssistanceModel.AiHistoryStorage.instance().deleteAll();
+      void AiAssistanceModel.AiHistoryStorage.AiHistoryStorage.instance().deleteAll();
     }
     void this.render();
   }
@@ -551,7 +551,7 @@ export class AISettingsTab extends LegacyWrapper.LegacyWrapper.WrappableComponen
     if (!settingData) {
       return Lit.nothing;
     }
-    const disabledReasons = AiAssistanceModel.getDisabledReasons(this.#aidaAvailability);
+    const disabledReasons = AiAssistanceModel.AiUtils.getDisabledReasons(this.#aidaAvailability);
     const isDisabled = disabledReasons.length > 0;
     const disabledReasonsJoined = disabledReasons.join('\n') || undefined;
     const detailsClasses = {
@@ -639,7 +639,7 @@ export class AISettingsTab extends LegacyWrapper.LegacyWrapper.WrappableComponen
   }
 
   override async render(): Promise<void> {
-    const disabledReasons = AiAssistanceModel.getDisabledReasons(this.#aidaAvailability);
+    const disabledReasons = AiAssistanceModel.AiUtils.getDisabledReasons(this.#aidaAvailability);
 
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off

package/front_end/{models/persistence → panels/settings}/EditFileSystemView.ts

@@ -6,15 +6,11 @@ import '../../ui/legacy/components/data_grid/data_grid.js';
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-// TODO(crbug.com/442509324): remove UI dependency
-// eslint-disable-next-line rulesdir/no-imports-in-directory
+import type {PlatformFileSystem} from '../../models/persistence/PlatformFileSystem.js';
 import * as UI from '../../ui/legacy/legacy.js';
-// TODO(crbug.com/442509324): remove UI dependency
-// eslint-disable-next-line rulesdir/no-imports-in-directory
 import {Directives, html, render} from '../../ui/lit/lit.js';
 
 import editFileSystemViewStyles from './editFileSystemView.css.js';
-import type {PlatformFileSystem} from './PlatformFileSystem.js';
 
 const {styleMap} = Directives;
 
@@ -36,7 +32,7 @@ const UIStrings = {
    */
   enterAUniquePath: 'Enter a unique path',
 } as const;
-const str_ = i18n.i18n.registerUIStrings('models/persistence/EditFileSystemView.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('panels/settings/EditFileSystemView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export const enum ExcludedFolderStatus {
@@ -125,6 +121,7 @@ export class EditFileSystemView extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#resyncExcludedFolderPaths();
     this.requestUpdate();
   }

package/front_end/panels/settings/WorkspaceSettingsTab.ts

@@ -14,6 +14,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 import {html, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
+import {EditFileSystemView} from './EditFileSystemView.js';
 import workspaceSettingsTabStyles from './workspaceSettingsTab.css.js';
 
 const UIStrings = {
@@ -71,7 +72,7 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
             <div class="mapping-view-container">
               <devtools-widget .widgetConfig=${
                   UI.Widget.widgetConfig(
-                      Persistence.EditFileSystemView.EditFileSystemView,
+                      EditFileSystemView,
                       {fileSystem: fileSystem.fileSystem})}>
               </devtools-widget>
             </div>
@@ -106,6 +107,7 @@ export class WorkspaceSettingsTab extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#eventListeners = [
       Persistence.IsolatedFileSystemManager.IsolatedFileSystemManager.instance().addEventListener(
           Persistence.IsolatedFileSystemManager.Events.FileSystemAdded, this.requestUpdate.bind(this)),
@@ -117,6 +119,7 @@ export class WorkspaceSettingsTab extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     Common.EventTarget.removeEventListeners(this.#eventListeners);
     this.#eventListeners = [];
   }

package/front_end/panels/settings/emulation/components/UserAgentClientHintsForm.ts

@@ -868,14 +868,14 @@ export class UserAgentClientHintsForm extends HTMLElement {
             <devtools-icon name=triangle-down></devtools-icon>
             ${i18nString(UIStrings.title)}
           </div>
-          <devtools-icon class=info-icon name=info title=${i18nString(UIStrings.userAgentClientHintsInfo)}></devtools-icon>
+          <devtools-icon tabindex=${this.#isFormDisabled ? '-1' : '0'} class=info-icon name=info aria-label=${i18nString(UIStrings.userAgentClientHintsInfo)} title=${i18nString(UIStrings.userAgentClientHintsInfo)}></devtools-icon>
           <x-link
            tabindex=${this.#isFormDisabled ? '-1' : '0'}
            href="https://web.dev/user-agent-client-hints/"
            target="_blank"
            class="link"
            @keypress=${this.#handleLinkPress}
-           aria-label=${i18nString(UIStrings.userAgentClientHintsInfo)}
+           aria-label=${i18nString(UIStrings.learnMore)}
            jslog=${VisualLogging.link('learn-more').track({click: true})}
           >
             ${i18nString(UIStrings.learnMore)}

package/front_end/panels/settings/settings.ts

@@ -5,6 +5,7 @@
 import './SettingsScreen.js';
 
 import * as AISettingsTab from './AISettingsTab.js';
+import * as EditFileSystemView from './EditFileSystemView.js';
 import * as FrameworkIgnoreListSettingsTab from './FrameworkIgnoreListSettingsTab.js';
 import * as KeybindsSettingsTab from './KeybindsSettingsTab.js';
 import * as SettingsScreen from './SettingsScreen.js';
@@ -12,6 +13,7 @@ import * as WorkspaceSettingsTab from './WorkspaceSettingsTab.js';
 
 export {
   AISettingsTab,
+  EditFileSystemView,
   FrameworkIgnoreListSettingsTab,
   KeybindsSettingsTab,
   SettingsScreen,

package/front_end/panels/sources/AiCodeCompletionPlugin.ts

@@ -4,6 +4,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 Root from '../../core/root/root.js';
 import * as AiCodeCompletion from '../../models/ai_code_completion/ai_code_completion.js';
 import type * as Workspace from '../../models/workspace/workspace.js';
@@ -334,6 +335,17 @@ export class AiCodeCompletionPlugin extends Plugin {
   }
 
   #isAiCodeCompletionEnabled(): boolean {
+    const devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance();
+    const aidaAvailability = Root.Runtime.hostConfig.aidaAvailability;
+    if (!devtoolsLocale.locale.startsWith('en-')) {
+      return false;
+    }
+    if (aidaAvailability?.blockedByGeo) {
+      return false;
+    }
+    if (aidaAvailability?.blockedByAge) {
+      return false;
+    }
     return Boolean(Root.Runtime.hostConfig.devToolsAiCodeCompletion?.enabled);
   }
 

package/front_end/panels/sources/BreakpointsView.ts

@@ -720,6 +720,7 @@ export class BreakpointsView extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.requestUpdate();
   }
 

package/front_end/panels/sources/DebuggerPlugin.ts

@@ -449,6 +449,7 @@ export class DebuggerPlugin extends Plugin {
   }
 
   override willHide(): void {
+    super.willHide();
     this.popoverHelper?.hidePopover();
   }
 

package/front_end/{models/persistence → panels/sources}/PersistenceActions.ts

@@ -7,15 +7,11 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
-// TODO(crbug.com/442509324): remove UI dependency
-// eslint-disable-next-line rulesdir/no-imports-in-directory
+import * as Bindings from '../../models/bindings/bindings.js';
+import * as Persistence from '../../models/persistence/persistence.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
+import * as Workspace from '../../models/workspace/workspace.js';
 import * as UI from '../../ui/legacy/legacy.js';
-import * as Bindings from '../bindings/bindings.js';
-import * as TextUtils from '../text_utils/text_utils.js';
-import * as Workspace from '../workspace/workspace.js';
-
-import {NetworkPersistenceManager} from './NetworkPersistenceManager.js';
-import {PersistenceImpl} from './PersistenceImpl.js';
 
 const UIStrings = {
   /**
@@ -59,7 +55,7 @@ const UIStrings = {
    */
   saveWasmFailed: 'Unable to save WASM module to disk. Most likely the module is too large.',
 } as const;
-const str_ = i18n.i18n.registerUIStrings('models/persistence/PersistenceActions.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('panels/sources/PersistenceActions.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class ContextMenuProvider implements
@@ -116,9 +112,9 @@ export class ContextMenuProvider implements
 
     // Retrieve uiSourceCode by URL to pick network resources everywhere.
     const uiSourceCode = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(contentProvider.contentURL());
-    const networkPersistenceManager = NetworkPersistenceManager.instance();
+    const networkPersistenceManager = Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance();
 
-    const binding = uiSourceCode && PersistenceImpl.instance().binding(uiSourceCode);
+    const binding = uiSourceCode && Persistence.Persistence.PersistenceImpl.instance().binding(uiSourceCode);
     const fileURL = binding ? binding.fileSystem.contentURL() : contentProvider.contentURL();
 
     if (Common.ParsedURL.schemeIs(fileURL, 'file:')) {
@@ -164,7 +160,7 @@ export class ContextMenuProvider implements
   private async handleOverrideContent(
       uiSourceCode: Workspace.UISourceCode.UISourceCode,
       contentProvider: TextUtils.ContentProvider.ContentProvider): Promise<void> {
-    const networkPersistenceManager = NetworkPersistenceManager.instance();
+    const networkPersistenceManager = Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance();
     const isSuccess = await networkPersistenceManager.setupAndStartLocalOverrides(uiSourceCode);
     if (isSuccess) {
       await Common.Revealer.reveal(uiSourceCode);

package/front_end/panels/sources/TabbedEditorContainer.ts

@@ -16,6 +16,7 @@ import * as Tooltips from '../../ui/components/tooltips/tooltips.js';
 import * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
+import * as PanelCommon from '../common/common.js';
 import * as Snippets from '../snippets/snippets.js';
 
 import {SourcesView} from './SourcesView.js';
@@ -644,7 +645,7 @@ export class TabbedEditorContainer extends Common.ObjectWrapper.ObjectWrapper<Ev
         /* eslint-enable rulesdir/no-imperative-dom-api */
         this.tabbedPane.setSuffixElement(tabId, suffixElement);
       } else {
-        const icon = Persistence.PersistenceUtils.PersistenceUtils.iconForUISourceCode(uiSourceCode);
+        const icon = PanelCommon.PersistenceUtils.PersistenceUtils.iconForUISourceCode(uiSourceCode);
         this.tabbedPane.setTrailingTabIcon(tabId, icon);
       }
     }

package/front_end/panels/sources/UISourceCodeFrame.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 Root from '../../core/root/root.js';
 import * as FormatterActions from '../../entrypoints/formatter_worker/FormatterActions.js';  // eslint-disable-line rulesdir/es-modules-import
 import * as IssuesManager from '../../models/issues_manager/issues_manager.js';
@@ -320,8 +321,7 @@ export class UISourceCodeFrame extends Common.ObjectWrapper
       AiWarningInfobarPlugin,
     ];
 
-    if (Root.Runtime.hostConfig.aidaAvailability?.enabled &&
-        Root.Runtime.hostConfig.devToolsAiCodeCompletion?.enabled) {
+    if (this.#isAiCodeCompletionEnabled()) {
       sourceFramePluginsList.push(AiCodeCompletionPlugin);
     }
     return sourceFramePluginsList;
@@ -511,6 +511,21 @@ export class UISourceCodeFrame extends Common.ObjectWrapper
         this.#uiSourceCode.url().startsWith('debugger://'));
     Host.userMetrics.sourcesPanelFileOpened(mediaType);
   }
+
+  static #isAiCodeCompletionEnabled(): boolean {
+    const devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance();
+    const aidaAvailability = Root.Runtime.hostConfig.aidaAvailability;
+    if (!devtoolsLocale.locale.startsWith('en-')) {
+      return false;
+    }
+    if (aidaAvailability?.blockedByGeo) {
+      return false;
+    }
+    if (aidaAvailability?.blockedByAge) {
+      return false;
+    }
+    return Boolean(aidaAvailability?.enabled && Root.Runtime.hostConfig.devToolsAiCodeCompletion?.enabled);
+  }
 }
 
 function getIconDataForLevel(level: Workspace.UISourceCode.Message.Level): IconButton.Icon.IconWithName {

package/front_end/panels/sources/sources-meta.ts

@@ -2092,3 +2092,18 @@ QuickOpen.FilteredListWidget.registerProvider({
   titlePrefix: i18nLazyString(UIStrings.open),
   titleSuggestion: i18nLazyString(UIStrings.file),
 });
+
+UI.ContextMenu.registerProvider({
+  contextTypes() {
+    return [
+      Workspace.UISourceCode.UISourceCode,
+      SDK.Resource.Resource,
+      SDK.NetworkRequest.NetworkRequest,
+    ];
+  },
+  async loadProvider() {
+    const Sources = await loadSourcesModule();
+    return new Sources.PersistenceActions.ContextMenuProvider();
+  },
+  experiment: undefined,
+});

package/front_end/panels/sources/sources.ts

@@ -22,6 +22,7 @@ import * as InplaceFormatterEditorAction from './InplaceFormatterEditorAction.js
 import * as NavigatorView from './NavigatorView.js';
 import * as OpenFileQuickOpen from './OpenFileQuickOpen.js';
 import * as OutlineQuickOpen from './OutlineQuickOpen.js';
+import * as PersistenceActions from './PersistenceActions.js';
 import * as Plugin from './Plugin.js';
 import * as ResourceOriginPlugin from './ResourceOriginPlugin.js';
 import * as ScopeChainSidebarPane from './ScopeChainSidebarPane.js';
@@ -57,6 +58,7 @@ export {
   NavigatorView,
   OpenFileQuickOpen,
   OutlineQuickOpen,
+  PersistenceActions,
   Plugin,
   ResourceOriginPlugin,
   ScopeChainSidebarPane,

package/front_end/panels/timeline/README.md

@@ -28,8 +28,8 @@ This option loads the DevTools frontend in a browser tab in Chrome, but requires
 
 1.  Head to `devtools-frontend/test/unittests/fixtures/traces` and run `npx statikk --cors`. [This is a tool built by @paulirish to serve local files on a server](https://github.com/paulirish/statikk).
 2.  Build and run the Chrome for Testing binary from devtools-frontend.
-3.  Visit `devtools://devtools/bundled/devtools_app.html` and let it load (you only need to do this the first time you load up the Chrome for Testing binary).
-4.  Update the URL by appending `?loadTimelineFromURL=http://localhost:1234/name-of-trace-file.json`. **Swap the port to the one `statikk` is using on your machine**.
+3.  Visit `devtools://devtools/bundled/trace_app.html` and let it load (you only need to do this the first time you load up the Chrome for Testing binary).
+4.  Update the URL by appending `?traceURL=http://localhost:1234/name-of-trace-file.json`. **Swap the port to the one `statikk` is using on your machine**.
 5.  When you make changes and rebuild DevTools, simply refresh the URL! **Make sure you disable network caching in your DevTools on DevTools instance.**
 
 Each one has its pros and cons, but typically **this option is preferred** for quick iteration because you don't have to manually record or import a trace every time you reload.

package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts

@@ -252,7 +252,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
 
     const contextMenu = new UI.ContextMenu.ContextMenu(mouseEvent);
     if (perfAIEntryPointEnabled && this.parsedTrace) {
-      const callTree = AIAssistance.AICallTree.fromEvent(entry, this.parsedTrace);
+      const callTree = AIAssistance.AICallTree.AICallTree.fromEvent(entry, this.parsedTrace);
       if (callTree) {
         const action = UI.ActionRegistry.ActionRegistry.instance().getAction(PERF_AI_ACTION_ID);
 

package/front_end/panels/timeline/TimelineFlameChartView.ts

@@ -1408,6 +1408,7 @@ export class TimelineFlameChartView extends Common.ObjectWrapper.eventMixin<Even
   }
 
   override willHide(): void {
+    super.willHide();
     this.#networkPersistedGroupConfigSetting.removeChangeListener(this.resizeToPreferredHeights, this);
     Workspace.IgnoreListManager.IgnoreListManager.instance().removeChangeListener(this.#boundRefreshAfterIgnoreList);
   }
@@ -1535,16 +1536,16 @@ export class TimelineFlameChartView extends Common.ObjectWrapper.eventMixin<Even
 
       const event = selectionIsEvent(selection) ? selection.event : null;
 
-      let focus = UI.Context.Context.instance().flavor(AIAssistance.AgentFocus);
+      let focus = UI.Context.Context.instance().flavor(AIAssistance.AIContext.AgentFocus);
       if (focus) {
         focus = focus.withEvent(event);
       } else if (event) {
-        focus = AIAssistance.AgentFocus.fromEvent(this.#parsedTrace, event);
+        focus = AIAssistance.AIContext.AgentFocus.fromEvent(this.#parsedTrace, event);
       } else {
         focus = null;
       }
 
-      UI.Context.Context.instance().setFlavor(AIAssistance.AgentFocus, focus);
+      UI.Context.Context.instance().setFlavor(AIAssistance.AIContext.AgentFocus, focus);
     });
   }
 

package/front_end/panels/timeline/TimelineLayersView.ts

@@ -55,6 +55,7 @@ export class TimelineLayersView extends UI.SplitWidget.SplitWidget {
   }
 
   override wasShown(): void {
+    super.wasShown();
     if (this.updateWhenVisible) {
       this.updateWhenVisible = false;
       this.update();