chrome-devtools-frontend 1.0.1376716 → 1.0.1386602

package/front_end/panels/timeline/utils/IgnoreList.test.ts

@@ -4,8 +4,10 @@
 
 import * as Common from '../../../core/common/common.js';
 import type * as Platform from '../../../core/platform/platform.js';
+import * as SDK from '../../../core/sdk/sdk.js';
 import * as Bindings from '../../../models/bindings/bindings.js';
 import * as Trace from '../../../models/trace/trace.js';
+import * as Workspace from '../../../models/workspace/workspace.js';
 import {
   describeWithMockConnection,
 } from '../../../testing/MockConnection.js';
@@ -89,6 +91,8 @@ describeWithMockConnection('isIgnoreListedEntry', () => {
 
        ignoreKnownThirdPartySetting.set(true);
        assert.isTrue(Utils.IgnoreList.isIgnoreListedEntry(profileCallWithMappings));
+       assert.strictEqual(
+           'Marked with ignoreList in source map', Utils.IgnoreList.getIgnoredReasonString(profileCallWithMappings));
 
        ignoreKnownThirdPartySetting.set(false);
        assert.isFalse(Utils.IgnoreList.isIgnoreListedEntry(profileCallWithMappings));
@@ -130,6 +134,7 @@ describeWithMockConnection('isIgnoreListedEntry', () => {
 
     ignoreContentScriptSetting.set(true);
     assert.isTrue(Utils.IgnoreList.isIgnoreListedEntry(profileCallWithContentScript));
+    assert.strictEqual('Content script', Utils.IgnoreList.getIgnoredReasonString(profileCallWithContentScript));
 
     ignoreContentScriptSetting.set(false);
     assert.isFalse(Utils.IgnoreList.isIgnoreListedEntry(profileCallWithContentScript));
@@ -137,4 +142,51 @@ describeWithMockConnection('isIgnoreListedEntry', () => {
     // restore to the original value.
     ignoreContentScriptSetting.set(ignoreContentScriptSettingValue);
   });
+
+  it('get the first matched rule for the ignored script', async () => {
+    const targetManager = SDK.TargetManager.TargetManager.instance();
+    const workspace = Workspace.Workspace.WorkspaceImpl.instance({forceNew: true});
+    const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
+    const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance(
+        {forceNew: true, resourceMapping, targetManager});
+    Bindings.IgnoreListManager.IgnoreListManager.instance({
+      forceNew: true,
+      debuggerWorkspaceBinding,
+    });
+    ignoreRegex('youtube*');
+    const url = 'https://www.youtube.com/s/desktop/2ebf714b/jsbin/desktop_polymer.vflset/desktop_polymer.js' as
+        Platform.DevToolsPath.UrlString;
+    Bindings.IgnoreListManager.IgnoreListManager.instance().ignoreListURL(url);
+
+    const entry = makeProfileCall(
+        'function name', 10, 100, Trace.Types.Events.ProcessID(1), Trace.Types.Events.ThreadID(1), /* nodeId= */ 1,
+        url);
+    // There are two matched rules (in order)
+    // - youtube*
+    // - \\/desktop_polymer\\.js$ (generated by the URL)
+    // So the first matched one is `youtube*`
+    assert.strictEqual('youtube*', Utils.IgnoreList.getIgnoredReasonString(entry));
+
+    unignoreRegex('youtube*');
+    // Now There is only one matched rule.
+    assert.strictEqual('\\/desktop_polymer\\.js$', Utils.IgnoreList.getIgnoredReasonString(entry));
+  });
 });
+
+function ignoreRegex(regexValue: string): void {
+  const regexPatterns =
+      (Common.Settings.Settings.instance().moduleSetting('skip-stack-frames-pattern') as Common.Settings.RegExpSetting)
+          .getAsArray();
+  regexPatterns.push({pattern: regexValue, disabled: false});
+}
+
+function unignoreRegex(regexValue: string): void {
+  const regexPatterns =
+      (Common.Settings.Settings.instance().moduleSetting('skip-stack-frames-pattern') as Common.Settings.RegExpSetting)
+          .getAsArray();
+  const result =
+      regexPatterns.filter(regexPattern => regexPattern.pattern !== regexValue) as Common.Settings.RegExpSettingItem[];
+
+  (Common.Settings.Settings.instance().moduleSetting('skip-stack-frames-pattern') as Common.Settings.RegExpSetting)
+      .setAsArray(result);
+}

package/front_end/panels/timeline/utils/IgnoreList.ts

@@ -2,16 +2,37 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as i18n from '../../../core/i18n/i18n.js';
 import type * as Platform from '../../../core/platform/platform.js';
 import * as Bindings from '../../../models/bindings/bindings.js';
 import * as Trace from '../../../models/trace/trace.js';
 
 import {SourceMapsResolver} from './SourceMapsResolver.js';
 
-export function isIgnoreListedEntry(entry: Trace.Types.Events.Event): boolean {
-  if (!Trace.Types.Events.isProfileCall(entry)) {
-    return false;
-  }
+const UIStrings = {
+  /**
+   * @description Refers to when skipping content scripts is enabled and the current script is ignored because it's a content script.
+   */
+  skipContentScripts: 'Content script',
+  /**
+   * @description Refers to when skipping known third party scripts is enabled and the current script is ignored because it's a known third party script.
+   */
+  skip3rdPartyScripts: 'Marked with ignoreList in source map',
+  /**
+   * @description Refers to when skipping anonymous scripts is enabled and the current script is ignored because is an anonymous script.
+   */
+  skipAnonymousScripts: 'Anonymous script',
+  /**
+   * @description Refers to when the current script is ignored because of an unknown rule.
+   */
+  unknown: 'Unknown',
+};
+
+const str_ = i18n.i18n.registerUIStrings('panels/timeline/utils/IgnoreList.ts', UIStrings);
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+
+function getUrlAndIgnoreListOptions(entry: Trace.Types.Events.SyntheticProfileCall):
+    {url: Platform.DevToolsPath.UrlString, ignoreListOptions: Bindings.IgnoreListManager.IgnoreListGeneralRules} {
   const rawUrl = entry.callFrame.url as Platform.DevToolsPath.UrlString;
 
   const sourceMappedData = SourceMapsResolver.resolvedCodeLocationForEntry(entry);
@@ -21,11 +42,51 @@ export function isIgnoreListedEntry(entry: Trace.Types.Events.Event): boolean {
   const isKnownThirdParty = uiSourceCode?.isKnownThirdParty();
   const isContentScript = script?.isContentScript();
   const ignoreListOptions: Bindings.IgnoreListManager.IgnoreListGeneralRules = {isContentScript, isKnownThirdParty};
-  const urlToUse = resolvedUrl || rawUrl;
-  return isIgnoreListedURL(urlToUse, ignoreListOptions);
+  const url = resolvedUrl || rawUrl;
+  return {url, ignoreListOptions};
 }
 
-export function isIgnoreListedURL(
+export function isIgnoreListedEntry(entry: Trace.Types.Events.Event): boolean {
+  if (!Trace.Types.Events.isProfileCall(entry)) {
+    return false;
+  }
+  const {url, ignoreListOptions} = getUrlAndIgnoreListOptions(entry);
+  return isIgnoreListedURL(url, ignoreListOptions);
+}
+
+function isIgnoreListedURL(
     url: Platform.DevToolsPath.UrlString, options?: Bindings.IgnoreListManager.IgnoreListGeneralRules): boolean {
   return Bindings.IgnoreListManager.IgnoreListManager.instance().isUserIgnoreListedURL(url, options);
 }
+
+/**
+ * Returns the ignore reason for the given entry.
+ *
+ * This function should be called when `isIgnoreListedEntry(entry)` is true
+ */
+export function getIgnoredReasonString(entry: Trace.Types.Events.Event): string {
+  if (!Trace.Types.Events.isProfileCall(entry)) {
+    console.warn('Ignore list feature should only support ProfileCall.');
+    return '';
+  }
+  const {url, ignoreListOptions} = getUrlAndIgnoreListOptions(entry);
+
+  const ignoreListMgr = Bindings.IgnoreListManager.IgnoreListManager.instance();
+  if (ignoreListOptions.isContentScript && ignoreListMgr.skipContentScripts) {
+    return i18nString(UIStrings.skipContentScripts);
+  }
+  if (ignoreListOptions.isKnownThirdParty && ignoreListMgr.automaticallyIgnoreListKnownThirdPartyScripts) {
+    return i18nString(UIStrings.skip3rdPartyScripts);
+  }
+
+  if (!url) {
+    if (ignoreListMgr.skipAnonymousScripts) {
+      return i18nString(UIStrings.skipAnonymousScripts);
+    }
+    // This branch shouldn't be reached because when |skipAnonymousScripts| is false, this url is not ignored.
+    // So just return empty string to make the type check work.
+    return '';
+  }
+  const regex = ignoreListMgr.getFirstMatchedRegex(url);
+  return regex ? regex.source : i18nString(UIStrings.unknown);
+}

package/front_end/panels/timeline/utils/SourceMapsResolver.ts

@@ -68,6 +68,8 @@ export class SourceMapsResolver extends EventTarget {
    * (f.e. if an app is bundled). Thus, beyond a URL we can use code
    * location data like line and column numbers to obtain the specific
    * authored code according to the source mappings.
+   *
+   * TODO(andoli): This can return incorrect scripts if the target page has been reloaded since the trace.
    */
   static resolvedCodeLocationForEntry(entry: Trace.Types.Events.Event): ResolvedCodeLocationData|null {
     let callFrame = null;

package/front_end/panels/webauthn/webauthnPane.css

@@ -116,7 +116,7 @@
   align-items: center;
   margin: auto;
 
-  &:has(span[is="dt-checkbox"]) {
+  &:has(dt-checkbox) {
     padding-bottom: 4px;
   }
 }

package/front_end/panels/whats_new/ReleaseNote.test.ts

@@ -0,0 +1,90 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';
+import type * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
+// eslint-disable-next-line rulesdir/es_modules_import
+import {
+  deinitializeGlobalVars,
+  initializeGlobalVars,
+} from '../../testing/EnvironmentHelpers.js';
+import * as UI from '../../ui/legacy/legacy.js';
+
+import type * as WhatsNewModule from './whats_new.js';
+
+describe('Release Note', () => {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  let WhatsNew: typeof WhatsNewModule;
+
+  before(async () => {
+    await initializeGlobalVars();
+
+    WhatsNew = await import('./whats_new.js');
+    WhatsNew.ReleaseNoteText.setReleaseNoteForTest(
+        {
+          version: 99,
+          header: 'Highlights from Chrome 100 update',
+          markdownLinks: [],
+          link: 'https://developers.google.com/web/tools/chrome-devtools/' as Platform.DevToolsPath.UrlString,
+        },
+    );
+
+    // We need to add the What's New view so that an error is not thrown when requesting
+    // to show the release notes when needed.
+    UI.ViewManager.registerViewExtension({
+      location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
+      id: 'release-note',
+      title: () => 'What\'s New' as Platform.UIString.LocalizedString,
+      commandPrompt: () => 'Show What\'s New' as Platform.UIString.LocalizedString,
+      persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
+      order: 1,
+      async loadView() {
+        return WhatsNew.ReleaseNoteView.ReleaseNoteViewWrapper.instance();
+      },
+    });
+
+    // This setting is used to determine if the What's New panel needs to be shown.
+    Common.Settings.registerSettingsForTest([{
+      category: Common.Settings.SettingCategory.APPEARANCE,
+      title: () => 'Show What\'s New after each update' as Platform.UIString.LocalizedString,
+      settingName: 'help.show-release-note',
+      settingType: Common.Settings.SettingType.BOOLEAN,
+      defaultValue: true,
+    }]);
+    Root.Runtime.experiments.clearForTest();
+    await initializeGlobalVars({reset: false});
+  });
+
+  after(async () => await deinitializeGlobalVars());
+
+  it('sets and gets the last seen release note version correctly', () => {
+    const releaseNoteVersionSetting = WhatsNew.WhatsNew.getReleaseNoteVersionSetting();
+    assert.strictEqual(releaseNoteVersionSetting.get(), 0);
+    releaseNoteVersionSetting.set(1);
+    assert.strictEqual(releaseNoteVersionSetting.get(), 1);
+  });
+
+  it('updates the last seen version when the release notes are shown', () => {
+    assert.strictEqual(WhatsNew.WhatsNew.getReleaseNoteVersionSetting().get(), 1);
+    WhatsNew.WhatsNew.showReleaseNoteIfNeeded();
+    assert.strictEqual(WhatsNew.WhatsNew.getReleaseNoteVersionSetting().get(), 99);
+  });
+
+  it('shows the release notes only when needed', () => {
+    const lastSeenVersionSetting = WhatsNew.WhatsNew.getReleaseNoteVersionSetting();
+
+    lastSeenVersionSetting.set(98);
+    assert.isTrue(WhatsNew.WhatsNew.showReleaseNoteIfNeeded());
+
+    lastSeenVersionSetting.set(99);
+    assert.isFalse(WhatsNew.WhatsNew.showReleaseNoteIfNeeded());
+
+    lastSeenVersionSetting.set(0);
+    assert.isFalse(WhatsNew.WhatsNew.showReleaseNoteIfNeeded());
+
+    lastSeenVersionSetting.set(100);
+    assert.isFalse(WhatsNew.WhatsNew.showReleaseNoteIfNeeded());
+  });
+});

package/front_end/panels/whats_new/ReleaseNoteText.ts

@@ -0,0 +1,52 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// NOTE: need to be careful about adding release notes early otherwise it'll
+// be shown in Canary (e.g. make sure the release notes are accurate).
+// https://github.com/ChromeDevTools/devtools-frontend/wiki/Release-Notes
+
+import * as MarkdownView from '../../ui/components/markdown_view/markdown_view.js';
+
+let registeredLinks = false;
+
+interface ReleaseNote {
+  version: number;
+  header: string;
+  markdownLinks: {key: string, link: string}[];
+  link: string;
+}
+
+export function setReleaseNoteForTest(testReleaseNote: ReleaseNote): void {
+  releaseNote = testReleaseNote;
+}
+
+export function getReleaseNote(): ReleaseNote {
+  if (!registeredLinks) {
+    for (const {key, link} of releaseNote.markdownLinks) {
+      MarkdownView.MarkdownLinksMap.markdownLinks.set(key, link);
+    }
+    registeredLinks = true;
+  }
+  return releaseNote;
+}
+
+let releaseNote: ReleaseNote = {
+  version: 73,
+  header: 'Highlights from the Chrome 132 update',
+  markdownLinks: [
+    {
+      key: 'ai-assistance',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-132/#ai-assistance',
+    },
+    {
+      key: 'chat-history',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-132/#chat-history',
+    },
+    {
+      key: 'interaction-phases',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-132/#interaction-phases',
+    },
+  ],
+  link: 'https://developer.chrome.com/blog/new-in-devtools-132/',
+};

package/front_end/panels/whats_new/ReleaseNoteView.ts

@@ -0,0 +1,157 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import '../../ui/components/markdown_view/markdown_view.js';
+
+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 Marked from '../../third_party/marked/marked.js';
+import * as Buttons from '../../ui/components/buttons/buttons.js';
+import type * as MarkdownView from '../../ui/components/markdown_view/markdown_view.js';
+import * as Coordinator from '../../ui/components/render_coordinator/render_coordinator.js';
+import * as UI from '../../ui/legacy/legacy.js';
+import * as LitHtml from '../../ui/lit-html/lit-html.js';
+import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
+
+import {getReleaseNote} from './ReleaseNoteText.js';
+import releaseNoteViewStyles from './releaseNoteView.css.js';
+import {releaseNoteViewId} from './WhatsNewImpl.js';
+
+const {html} = LitHtml;
+
+const coordinator = Coordinator.RenderCoordinator.RenderCoordinator.instance();
+
+const UIStrings = {
+  /**
+   *@description Text that is usually a hyperlink to more documentation
+   */
+  learnMore: 'Learn more',
+  /**
+   *@description Text to close something
+   */
+  close: 'Close',
+};
+const str_ = i18n.i18n.registerUIStrings('panels/whats_new/ReleaseNoteView.ts', UIStrings);
+
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+
+let releaseNoteViewInstance: ReleaseNoteViewWrapper;
+
+export class ReleaseNoteViewWrapper extends UI.Widget.VBox {
+  releaseNoteElement: ReleaseNoteView;
+  constructor() {
+    super(true);
+    this.element.setAttribute('jslog', `${VisualLogging.panel().context('whats-new')}`);
+    this.releaseNoteElement = new ReleaseNoteView();
+    this.contentElement.appendChild(this.releaseNoteElement);
+  }
+
+  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): ReleaseNoteViewWrapper {
+    const {forceNew} = opts;
+    if (!releaseNoteViewInstance || forceNew) {
+      releaseNoteViewInstance = new ReleaseNoteViewWrapper();
+    }
+    return releaseNoteViewInstance;
+  }
+}
+
+export class ReleaseNoteView extends HTMLElement {
+  readonly #shadow = this.attachShadow({mode: 'open'});
+
+  connectedCallback(): void {
+    this.#shadow.adoptedStyleSheets = [
+      releaseNoteViewStyles,
+    ];
+    this.#render();
+  }
+
+  static async getFileContent(): Promise<string> {
+    const url = new URL('./resources/WNDT.md', import.meta.url);
+    try {
+      const response = await fetch(url.toString());
+      return response.text();
+    } catch (error) {
+      throw new Error(`Markdown file ${
+          url.toString()} not found. Make sure it is correctly listed in the relevant BUILD.gn files.`);
+    }
+  }
+
+  async #renderHighlights(): Promise<LitHtml.TemplateResult> {
+    const markdown = await ReleaseNoteView.getFileContent();
+    const markdownAst = Marked.Marked.lexer(markdown);
+
+    // clang-format off
+    return html`<devtools-markdown-view .data=${{tokens: markdownAst} as MarkdownView.MarkdownView.MarkdownViewData}>
+      </devtools-markdown-view>
+    `;
+    // clang-format on
+  }
+
+  #render(): void {
+    const releaseNote = getReleaseNote();
+    void coordinator.write(() => {
+      // clang-format off
+      const tmpl = html`
+      <div class="release-note-top-section">
+        ${getReleaseNote().header}
+      </div>
+      <div class="hbox">
+        <div class="release-note-container" jslog=${VisualLogging.section().context('release-notes')}>
+         <ul aria-label=${releaseNote.header}>
+            ${LitHtml.Directives.until(this.#renderHighlights())}
+          </ul>
+          <div>
+            <devtools-button
+              .data=${{
+                variant: Buttons.Button.Variant.OUTLINED,
+              } as Buttons.Button.ButtonData}
+              .jslogContext=${'learn-more'}
+              @click=${(event: MouseEvent): void => {
+                event.consume(true);
+                  Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(releaseNote.link as Platform.DevToolsPath.UrlString);
+                }}
+            >${i18nString(UIStrings.learnMore)}
+            </devtools-button>
+            <devtools-button
+              .data=${{
+                variant: Buttons.Button.Variant.OUTLINED,
+              } as Buttons.Button.ButtonData}
+              .jslogContext=${'close'}
+              @click=${(event: MouseEvent): void => {
+                event.consume(true);
+                UI.InspectorView.InspectorView.instance().closeDrawerTab(releaseNoteViewId, true);
+                }}
+            >
+            ${i18nString(UIStrings.close)}
+            </devtools-button>
+          </div>
+        </div>
+        <x-link
+          href=${releaseNote.link}
+          class="devtools-link release-note-image"
+          jslog=${VisualLogging.link().track({click: true}).context('learn-more')}
+        >
+          <img src=${new URL('./resources/whatsnew.avif', import.meta.url).toString()}>
+        </x-link>
+      </div>
+      `;
+      // clang-format on
+      LitHtml.render(tmpl, this.#shadow, {host: this});
+      const releaseNoteImage = this.#shadow.querySelector('img');
+      if (releaseNoteImage) {
+        UI.Tooltip.Tooltip.install(releaseNoteImage, getReleaseNote().header);
+      }
+    });
+  }
+}
+
+customElements.define('devtools-release-note-view', ReleaseNoteView);
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface HTMLElementTagNameMap {
+    'devtools-release-note-view': ReleaseNoteView;
+  }
+}

package/front_end/panels/whats_new/WhatsNewImpl.ts

@@ -0,0 +1,102 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';  // eslint-disable-line no-unused-vars
+import * as Host from '../../core/host/host.js';
+import type * as Platform from '../../core/platform/platform.js';
+import * as UI from '../../ui/legacy/legacy.js';  // eslint-disable-line no-unused-vars
+
+import {getReleaseNote} from './ReleaseNoteText.js';
+
+export const releaseVersionSeen = 'releaseNoteVersionSeen';
+
+export const releaseNoteViewId: string = 'release-note';
+
+let releaseNoteVersionSetting: Common.Settings.Setting<number>;
+
+export function showReleaseNoteIfNeeded(): boolean {
+  const releaseNoteVersionSetting = Common.Settings.Settings.instance().createSetting(releaseVersionSeen, 0);
+  const releaseNoteVersionSettingValue = releaseNoteVersionSetting.get();
+  const releaseNote = getReleaseNote();
+  return innerShowReleaseNoteIfNeeded(
+      releaseNoteVersionSettingValue, releaseNote.version,
+      Common.Settings.Settings.instance().moduleSetting('help.show-release-note').get());
+}
+
+export function getReleaseNoteVersionSetting(): Common.Settings.Setting<number> {
+  if (!releaseNoteVersionSetting) {
+    releaseNoteVersionSetting = Common.Settings.Settings.instance().createSetting(releaseVersionSeen, 0);
+  }
+  return releaseNoteVersionSetting;
+}
+
+function innerShowReleaseNoteIfNeeded(
+    lastSeenVersion: number, latestVersion: number, showReleaseNoteSettingEnabled: boolean): boolean {
+  const releaseNoteVersionSetting = Common.Settings.Settings.instance().createSetting(releaseVersionSeen, 0);
+  if (!lastSeenVersion) {
+    releaseNoteVersionSetting.set(latestVersion);
+    return false;
+  }
+  if (!showReleaseNoteSettingEnabled) {
+    return false;
+  }
+  if (lastSeenVersion >= latestVersion) {
+    return false;
+  }
+  releaseNoteVersionSetting.set(latestVersion);
+  void UI.ViewManager.ViewManager.instance().showView(releaseNoteViewId, true);
+  return true;
+}
+
+let helpLateInitializationInstance: HelpLateInitialization;
+export class HelpLateInitialization implements Common.Runnable.Runnable {
+  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): HelpLateInitialization {
+    const {forceNew} = opts;
+    if (!helpLateInitializationInstance || forceNew) {
+      helpLateInitializationInstance = new HelpLateInitialization();
+    }
+    return helpLateInitializationInstance;
+  }
+
+  async run(): Promise<void> {
+    if (!Host.InspectorFrontendHost.isUnderTest()) {
+      showReleaseNoteIfNeeded();
+    }
+  }
+}
+
+let releaseNotesActionDelegateInstance: ReleaseNotesActionDelegate;
+export class ReleaseNotesActionDelegate implements UI.ActionRegistration.ActionDelegate {
+  handleAction(_context: UI.Context.Context, _actionId: string): boolean {
+    const releaseNote = getReleaseNote();
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(
+        releaseNote.link as Platform.DevToolsPath.UrlString);
+    return true;
+  }
+  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): ReleaseNotesActionDelegate {
+    const {forceNew} = opts;
+    if (!releaseNotesActionDelegateInstance || forceNew) {
+      releaseNotesActionDelegateInstance = new ReleaseNotesActionDelegate();
+    }
+
+    return releaseNotesActionDelegateInstance;
+  }
+}
+
+let reportIssueActionDelegateInstance: ReportIssueActionDelegate;
+export class ReportIssueActionDelegate implements UI.ActionRegistration.ActionDelegate {
+  handleAction(_context: UI.Context.Context, _actionId: string): boolean {
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(
+        'https://goo.gle/devtools-bug' as Platform.DevToolsPath.UrlString);
+    return true;
+  }
+  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): ReportIssueActionDelegate {
+    const {forceNew} = opts;
+    if (!reportIssueActionDelegateInstance || forceNew) {
+      reportIssueActionDelegateInstance = new ReportIssueActionDelegate();
+    }
+
+    return reportIssueActionDelegateInstance;
+  }
+}