chrome-devtools-frontend 1.0.1571573 → 1.0.1572937

package/front_end/ui/components/panel_feedback/PreviewToggle.ts

@@ -16,7 +16,7 @@ export interface PreviewToggleData {
   name: string;
   helperText: string|null;
   feedbackURL: string|null;
-  experiment: Root.Runtime.ExperimentName;
+  experiment: Root.ExperimentNames.ExperimentName;
   learnMoreURL?: string;
   onChangeCallback?: (checked: boolean) => void;
 }
@@ -46,7 +46,7 @@ export class PreviewToggle extends HTMLElement {
   #helperText: string|null = null;
   #feedbackURL: string|null = null;
   #learnMoreURL: string|undefined;
-  #experiment: Root.Runtime.ExperimentName|'' = '';
+  #experiment: Root.ExperimentNames.ExperimentName|'' = '';
   #onChangeCallback?: (checked: boolean) => void;
 
   set data(data: PreviewToggleData) {
@@ -76,14 +76,14 @@ export class PreviewToggle extends HTMLElement {
           </devtools-checkbox>
         <div class="spacer"></div>
         ${this.#feedbackURL && !this.#helperText
-          ? html`<div class="feedback"><devtools-link class="x-link" href=${this.#feedbackURL}>${i18nString(UIStrings.shortFeedbackLink)}</devtools-link></div>`
+          ? html`<div class="feedback"><devtools-link class="devtools-link" href=${this.#feedbackURL} jslogContext=${'feedback'}>${i18nString(UIStrings.shortFeedbackLink)}</devtools-link></div>`
           : nothing}
         ${this.#learnMoreURL
-          ? html`<div class="learn-more"><devtools-link class="x-link" href=${this.#learnMoreURL}>${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>`
+          ? html`<div class="learn-more"><devtools-link class="devtools-link" href=${this.#learnMoreURL} jslogContext=${'learn-more'}>${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>`
           : nothing}
         <div class="helper">
           ${this.#helperText && this.#feedbackURL
-            ? html`<p>${this.#helperText} <devtools-link class="x-link" href=${this.#feedbackURL}>${i18nString(UIStrings.previewTextFeedbackLink)}</devtools-link></p>`
+            ? html`<p>${this.#helperText} <devtools-link class="devtools-link" href=${this.#feedbackURL} jslogContext=${'feedback'}>${i18nString(UIStrings.previewTextFeedbackLink)}</devtools-link></p>`
             : nothing}
         </div>
       </div>`,

package/front_end/ui/components/panel_feedback/previewToggle.css

@@ -30,12 +30,12 @@
   flex: 1;
 }
 
-.x-link {
+.devtools-link {
   color: var(--sys-color-primary);
   text-decoration-line: underline;
   margin: 0 4px;
 }
 
-.feedback .x-link {
+.feedback .devtools-link {
   color: var(--sys-color-token-subtle);
 }

package/front_end/ui/components/text_editor/AiCodeGenerationParser.ts

@@ -9,6 +9,11 @@ const BLOCK_COMMENT_START_PATTERN = /^\/\*+\s*/;
 const BLOCK_COMMENT_END_PATTERN = /\s*\*+\/$/;
 const BLOCK_COMMENT_LINE_PREFIX_PATTERN = /^\s*\*\s?/;
 
+export interface CommentNodeInfo {
+  text: string;
+  to: number;
+}
+
 function findLastNonWhitespacePos(state: CodeMirror.EditorState, cursorPosition: number): number {
   const line = state.doc.lineAt(cursorPosition);
   const textBefore = line.text.substring(0, cursorPosition - line.from);
@@ -23,8 +28,8 @@ function resolveCommentNode(state: CodeMirror.EditorState, cursorPosition: numbe
   // The bias of -1 makes it check the character to the left of the position.
   const node = tree.resolveInner(lookupPos, -1);
   const nodeType = node.type.name;
-  // Check if the node type is a comment AND the cursor is within the node's range.
-  if (nodeType.includes('Comment') && cursorPosition >= node.to) {
+  // Check if the node type is a comment
+  if (nodeType.includes('Comment')) {
     if (!nodeType.includes('BlockComment')) {
       return node;
     }
@@ -48,7 +53,14 @@ function resolveCommentNode(state: CodeMirror.EditorState, cursorPosition: numbe
 
 function extractBlockComment(rawText: string): string|undefined {
   // Remove /* and */, whitespace, and common leading asterisks on new lines
-  let cleaned = rawText.replace(BLOCK_COMMENT_START_PATTERN, '').replace(BLOCK_COMMENT_END_PATTERN, '');
+  if (!rawText.match(BLOCK_COMMENT_START_PATTERN)) {
+    return;
+  }
+  let cleaned = rawText.replace(BLOCK_COMMENT_START_PATTERN, '');
+  if (!cleaned.match(BLOCK_COMMENT_END_PATTERN)) {
+    return;
+  }
+  cleaned = cleaned.replace(BLOCK_COMMENT_END_PATTERN, '');
   // Remove leading " * " from multi-line block comments
   cleaned = cleaned.split('\n').map(line => line.replace(BLOCK_COMMENT_LINE_PREFIX_PATTERN, '')).join('\n').trim();
   return cleaned;
@@ -59,19 +71,26 @@ function extractLineComment(rawText: string): string {
 }
 
 export class AiCodeGenerationParser {
-  static extractCommentText(state: CodeMirror.EditorState, cursorPosition: number): string|undefined {
+  static extractCommentNodeInfo(state: CodeMirror.EditorState, cursorPosition: number): CommentNodeInfo|undefined {
     const node = resolveCommentNode(state, cursorPosition);
     if (!node) {
       return;
     }
     const nodeType = node.type.name;
     const rawText = state.doc.sliceString(node.from, node.to);
+    let text = '';
     if (nodeType.includes('LineComment')) {
-      return extractLineComment(rawText);
+      text = extractLineComment(rawText);
+    } else if (nodeType.includes('BlockComment')) {
+      text = extractBlockComment(rawText) ?? '';
+    } else {
+      text = rawText;
     }
-    if (nodeType.includes('BlockComment')) {
-      return extractBlockComment(rawText);
+
+    if (!Boolean(text)) {
+      return;
     }
-    return rawText;
+
+    return {text, to: node.to};
   }
 }

package/front_end/ui/components/text_editor/AiCodeGenerationProvider.ts

@@ -258,13 +258,20 @@ export class AiCodeGenerationProvider {
     }
 
     this.#aiCodeGenerationCitations = [];
-    this.#generationTeaser.displayState = PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.LOADING;
     const cursor = this.#editor.state.selection.main.head;
-    const query = AiCodeGenerationParser.extractCommentText(this.#editor.state, cursor);
+    const commentNodeInfo = AiCodeGenerationParser.extractCommentNodeInfo(this.#editor.state, cursor);
+    if (!commentNodeInfo) {
+      return;
+    }
+    // Move cursor to end of comment node before triggering generation.
+    this.#editor.dispatch({selection: {anchor: commentNodeInfo.to}});
+
+    const query = commentNodeInfo.text;
     if (!query || query.trim().length === 0) {
       return;
     }
 
+    this.#generationTeaser.displayState = PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.LOADING;
     try {
       const startTime = performance.now();
       this.#aiCodeGenerationConfig?.onRequestTriggered();
@@ -297,7 +304,7 @@ export class AiCodeGenerationProvider {
         effects: [
           setAiAutoCompleteSuggestion.of({
             text: '\n' + suggestionText,
-            from: cursor,
+            from: commentNodeInfo.to,
             rpcGlobalId: generationResponse.metadata.rpcGlobalId,
             sampleId: topSample.sampleId,
             startTime,
@@ -359,14 +366,23 @@ function aiCodeGenerationTeaserExtension(teaser: PanelCommon.AiCodeGenerationTea
       const isEmptyLine = line.length === 0;
       const canShowDiscoveryState =
           UI.UIUtils.PromotionManager.instance().canShowPromotion(PanelCommon.AiCodeGenerationTeaser.PROMOTION_ID);
-      const isComment = Boolean(AiCodeGenerationParser.extractCommentText(this.#view.state, cursorPosition));
-      const isCursorAtEndOfLine = cursorPosition >= line.to;
 
-      if ((isEmptyLine && canShowDiscoveryState) || (isComment && isCursorAtEndOfLine)) {
+      if ((isEmptyLine && canShowDiscoveryState)) {
         return CodeMirror.Decoration.set([
           CodeMirror.Decoration.widget({widget: new AccessiblePlaceholder(teaser), side: 1}).range(cursorPosition),
         ]);
       }
+
+      const commentInfo = AiCodeGenerationParser.extractCommentNodeInfo(this.#view.state, cursorPosition);
+      if (commentInfo) {
+        // If cursor is inside the comment, show at the end of the comment node.
+        // If cursor is after the comment (but on same line), show at the cursor.
+        const decorationPos = Math.max(cursorPosition, commentInfo.to);
+        return CodeMirror.Decoration.set([
+          CodeMirror.Decoration.widget({widget: new AccessiblePlaceholder(teaser), side: 1}).range(decorationPos),
+        ]);
+      }
+
       return CodeMirror.Decoration.none;
     }
 
@@ -397,6 +413,20 @@ function aiCodeGenerationTeaserExtension(teaser: PanelCommon.AiCodeGenerationTea
         // Required for mouse click to propagate to the info tooltip in teaser.
         return (event.target instanceof Node && teaser.contentElement.contains(event.target));
       },
+      keydown(event: KeyboardEvent): boolean {
+        if (!UI.KeyboardShortcut.KeyboardShortcut.eventHasCtrlEquivalentKey(event) ||
+            teaser.displayState !== PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.TRIGGER) {
+          return false;
+        }
+        if (event.key === '.') {
+          event.consume(true);
+          void VisualLogging.logKeyDown(
+              event.currentTarget, event, 'ai-code-generation-teaser.show-disclaimer-info-tooltip');
+          teaser.showTooltip();
+          return true;
+        }
+        return false;
+      }
     },
   });
 }

package/front_end/ui/legacy/ActionRegistration.ts

@@ -551,7 +551,7 @@ export interface ActionRegistration {
    * The name of the experiment an action is associated with. Enabling and disabling the declared
    * experiment will enable and disable the action respectively.
    */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
   /**
    * Whether an action needs to be promoted. A new badge is shown next to the menu items then.
    */

package/front_end/ui/legacy/ContextMenu.ts

@@ -1225,7 +1225,7 @@ export interface ProviderRegistration<T> {
   /** A function that asynchronously loads the provider instance. */
   loadProvider: () => Promise<Provider<T>>;
   /** Optional. The experiment that enables this provider. */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
 }
 
 export interface ContextMenuItemRegistration {
@@ -1236,5 +1236,5 @@ export interface ContextMenuItemRegistration {
   /** Optional. A number used for sorting items within the same location. Lower numbers appear first. */
   order?: number;
   /** Optional. The experiment that enables this item. */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
 }

package/front_end/ui/legacy/EmptyWidget.ts

@@ -2,6 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import '../../ui/kit/kit.js';
+
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';
 import {Directives, html, render} from '../lit/lit.js';
@@ -10,7 +12,6 @@ import * as VisualLogging from '../visual_logging/visual_logging.js';
 import emptyWidgetStyles from './emptyWidget.css.js';
 import inspectorCommonStyles from './inspectorCommon.css.js';
 import {VBox} from './Widget.js';
-import {XLink} from './XLink.js';
 
 const UIStrings = {
   /**
@@ -45,8 +46,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
       <div class="empty-state-header">${input.header}</div>
       <div class="empty-state-description">
         <span>${input.text}</span>
-        ${input.link ? XLink.create(
-            input.link, i18nString(UIStrings.learnMore), undefined, undefined, 'learn-more') : ''}
+        ${input.link ? html`<devtools-link href=${input.link} jslogContext=${'learn-more'}>${i18nString(UIStrings.learnMore)}</devtools-link>` : ''}
       </div>
       ${input.extraElements}
     </div>`, target);

package/front_end/ui/legacy/LinkContextMenuProvider.ts

@@ -0,0 +1,42 @@
+// Copyright 2017 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Host from '../../core/host/host.js';
+import * as UIHelpers from '../helpers/helpers.js';
+import {Link} from '../kit/kit.js';
+
+import type {ContextMenu, Provider} from './ContextMenu.js';
+import {
+  copyLinkAddressLabel,
+  openLinkExternallyLabel,
+} from './UIUtils.js';
+import {XLink} from './XLink.js';
+
+/**
+ * We can move this next to the Link after
+ * the x-link is removed and the context menu
+ * is decoupled from the legacy bundle
+ */
+export class LinkContextMenuProvider implements Provider<Node> {
+  appendApplicableItems(_event: Event, contextMenu: ContextMenu, target: Node): void {
+    let targetNode: Node|null = target;
+    while (targetNode && !(targetNode instanceof XLink || targetNode instanceof Link)) {
+      targetNode = targetNode.parentNodeOrShadowHost();
+    }
+    if (!targetNode?.href) {
+      return;
+    }
+    const node: XLink|Link = targetNode;
+    contextMenu.revealSection().appendItem(openLinkExternallyLabel(), () => {
+      if (node.href) {
+        UIHelpers.openInNewTab(node.href);
+      }
+    }, {jslogContext: 'open-in-new-tab'});
+    contextMenu.revealSection().appendItem(copyLinkAddressLabel(), () => {
+      if (node.href) {
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(node.href);
+      }
+    }, {jslogContext: 'copy-link-address'});
+  }
+}

package/front_end/ui/legacy/ViewRegistration.ts

@@ -67,7 +67,7 @@ export interface ViewRegistration {
    * The name of the experiment a view is associated with. Enabling and disabling the declared
    * experiment will enable and disable the view respectively.
    */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
   /**
    * A condition is a function that will make the view available if it
    * returns true, and not available, otherwise. Make sure that objects you

package/front_end/ui/legacy/XLink.ts

@@ -2,19 +2,15 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Host from '../../core/host/host.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as UIHelpers from '../helpers/helpers.js';
 import * as VisualLogging from '../visual_logging/visual_logging.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
-import type {ContextMenu, Provider} from './ContextMenu.js';
 import {html as xhtml} from './Fragment.js';
 import {Tooltip} from './Tooltip.js';
 import {
-  copyLinkAddressLabel,
   MaxLengthForDisplayedURLs,
-  openLinkExternallyLabel,
 } from './UIUtils.js';
 import {XElement} from './XElement.js';
 
@@ -128,28 +124,5 @@ export class XLink extends XElement {
   }
 }
 
-export class ContextMenuProvider implements Provider<Node> {
-  appendApplicableItems(_event: Event, contextMenu: ContextMenu, target: Node): void {
-    let targetNode: Node|null = target;
-    while (targetNode && !(targetNode instanceof XLink)) {
-      targetNode = targetNode.parentNodeOrShadowHost();
-    }
-    if (!targetNode?.href) {
-      return;
-    }
-    const node: XLink = targetNode;
-    contextMenu.revealSection().appendItem(openLinkExternallyLabel(), () => {
-      if (node.href) {
-        UIHelpers.openInNewTab(node.href);
-      }
-    }, {jslogContext: 'open-in-new-tab'});
-    contextMenu.revealSection().appendItem(copyLinkAddressLabel(), () => {
-      if (node.href) {
-        Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(node.href);
-      }
-    }, {jslogContext: 'copy-link-address'});
-  }
-}
-
 // eslint-disable-next-line @devtools/enforce-custom-element-prefix
 customElements.define('x-link', XLink);

package/front_end/ui/legacy/components/color_picker/ContrastDetails.ts

@@ -242,7 +242,7 @@ export class ContrastDetails extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     this.setVisible(true);
     this.hideNoContrastInfoAvailableMessage();
 
-    const isAPCAEnabled = Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.APCA);
+    const isAPCAEnabled = Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.APCA);
 
     const fgColor = this.contrastInfo.color();
     const bgColor = this.contrastInfo.bgColor();

package/front_end/ui/legacy/components/color_picker/ContrastOverlay.ts

@@ -25,7 +25,7 @@ export class ContrastOverlay {
 
     this.contrastRatioSVG = UI.UIUtils.createSVGChild(colorElement, 'svg', 'spectrum-contrast-container fill');
     this.contrastRatioLines = new Map();
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.APCA)) {
+    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.APCA)) {
       this.contrastRatioLines.set(
           'APCA', UI.UIUtils.createSVGChild(this.contrastRatioSVG, 'path', 'spectrum-contrast-line'));
     } else {
@@ -50,7 +50,7 @@ export class ContrastOverlay {
     if (!this.visible || this.contrastInfo.isNull()) {
       return;
     }
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.APCA) &&
+    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.APCA) &&
         this.contrastInfo.contrastRatioAPCA() === null) {
       return;
     }
@@ -91,7 +91,7 @@ export class ContrastRatioLineBuilder {
   }
 
   drawContrastRatioLine(width: number, height: number, level: string): string|null {
-    const isAPCA = Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.APCA);
+    const isAPCA = Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.APCA);
     const requiredContrast =
         isAPCA ? this.contrastInfo.contrastRatioAPCAThreshold() : this.contrastInfo.contrastRatioThreshold(level);
     if (!width || !height || requiredContrast === null) {
@@ -140,7 +140,7 @@ export class ContrastRatioLineBuilder {
               Common.ColorUtils.blendColors(Common.Color.Legacy.fromHSVA(candidateHSVA).rgba(), bgRGBA));
         };
 
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.APCA)) {
+    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.APCA)) {
       candidateLuminance = (candidateHSVA: Common.ColorUtils.Color4D) => {
         return Common.ColorUtils.luminanceAPCA(
             Common.ColorUtils.blendColors(Common.Color.Legacy.fromHSVA(candidateHSVA).rgba(), bgRGBA));

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -1252,8 +1252,8 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     if (this.property.object) {
       contextMenu.appendApplicableItems(this.property.object);
       if (this.property.parent?.object instanceof SDK.RemoteObject.LocalJSONObject) {
-        const propertyValue = typeof this.property.object === 'object' ? JSON.stringify(this.property.object, null, 2) :
-                                                                         this.property.object;
+        const {object: {value}} = this.property;
+        const propertyValue = typeof value === 'object' ? JSON.stringify(value, null, 2) : value;
         const copyValueHandler = (): void => {
           Host.userMetrics.actionTaken(Host.UserMetrics.Action.NetworkPanelCopyValue);
           Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText((propertyValue as string | undefined));

package/front_end/ui/legacy/components/perf_ui/perf_ui-meta.ts

@@ -91,7 +91,7 @@ Common.Settings.registerSettingExtension({
 
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.MEMORY,
-  experiment: Root.Runtime.ExperimentName.LIVE_HEAP_PROFILE,
+  experiment: Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE,
   title: i18nLazyString(UIStrings.liveMemoryAllocationAnnotations),
   settingName: 'memory-live-heap-profile',
   settingType: Common.Settings.SettingType.BOOLEAN,

package/front_end/ui/legacy/inspectorCommon.css

@@ -494,7 +494,8 @@ select option {
     font: var(--sys-typescale-body4-regular);
     color: var(--sys-color-on-surface-subtle);
 
-    > x-link {
+    > x-link,
+    > devtools-link {
       white-space: nowrap;
       margin-left: var(--sys-size-3);
     }

package/front_end/ui/legacy/legacy.ts

@@ -24,6 +24,7 @@ import * as InplaceEditor from './InplaceEditor.js';
 import inspectorCommonStyles from './inspectorCommon.css.js';
 import * as InspectorView from './InspectorView.js';
 import * as KeyboardShortcut from './KeyboardShortcut.js';
+import * as LinkContextMenuProvider from './LinkContextMenuProvider.js';
 import * as ListControl from './ListControl.js';
 import * as ListModel from './ListModel.js';
 import * as ListWidget from './ListWidget.js';
@@ -77,6 +78,7 @@ export {
   inspectorCommonStyles,
   InspectorView,
   KeyboardShortcut,
+  LinkContextMenuProvider,
   ListControl,
   ListModel,
   ListWidget,
@@ -105,5 +107,5 @@ export {
   Widget,
   XElement,
   XLink,
-  ZoomManager,
+  ZoomManager
 };

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -354,6 +354,7 @@ export const knownContextValues = new Set([
   'ai-code-completion-teaser.fre',
   'ai-code-generation-disclaimer',
   'ai-code-generation-teaser.info-button',
+  'ai-code-generation-teaser.show-disclaimer-info-tooltip',
   'ai-code-generation-upgrade-dialog.continue',
   'ai-code-generation-upgrade-dialog.manage-in-settings',
   'ai-explorer',
@@ -1740,6 +1741,7 @@ export const knownContextValues = new Set([
   'gdp-profile',
   'gdp-sign-up-dialog',
   'gdp.ai-conversation-count',
+  'gemini-rebranding-dialog-shown',
   'gen-ai-settings-panel',
   'general',
   'generative-ai-terms-of-service',

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -266,6 +266,9 @@ export async function process(): Promise<void> {
     const root = nonDomRoots[i];
     for (const {loggable, config, parent, size} of getNonDomLoggables(root)) {
       const loggingState = getOrCreateLoggingState(loggable, config, parent);
+      if (loggingState.impressionLogged) {
+        continue;
+      }
       if (size) {
         loggingState.size = size;
       }

package/package.json

@@ -104,5 +104,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1571573"
+  "version": "1.0.1572937"
 }

package/front_end/models/ai_assistance/ArtifactsManager.ts

@@ -1,67 +0,0 @@
-// Copyright 2025 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import type * as SDK from '../../core/sdk/sdk.js';
-import type * as Trace from '../../models/trace/trace.js';
-import type {InsightKeys} from '../trace/insights/types.js';
-
-export interface InsightArtifact {
-  type: 'insight';
-  insightType: InsightKeys;
-}
-
-export interface NetworkRequestArtifact {
-  type: 'network-request';
-  request: SDK.NetworkRequest.NetworkRequest|Trace.Types.Events.SyntheticNetworkRequest;
-}
-
-export interface FlameChartArtifact {
-  type: 'flamechart';
-  start: Trace.Types.Timing.Micro;
-  end: Trace.Types.Timing.Micro;
-}
-
-export type Artifact = InsightArtifact|NetworkRequestArtifact|FlameChartArtifact;
-
-export class ArtifactAddedEvent extends Event {
-  static readonly eventName = 'artifactadded';
-
-  constructor(public artifact: Artifact) {
-    super(ArtifactAddedEvent.eventName);
-  }
-}
-
-let instance: ArtifactsManager|null = null;
-
-export class ArtifactsManager extends EventTarget {
-  #artifacts: Artifact[] = [];
-
-  static instance(): ArtifactsManager {
-    if (!instance) {
-      instance = new ArtifactsManager();
-    }
-    return instance;
-  }
-
-  static removeInstance(): void {
-    instance = null;
-  }
-
-  private constructor() {
-    super();
-  }
-
-  get artifacts(): Artifact[] {
-    return this.#artifacts;
-  }
-
-  addArtifact(artifact: Artifact): void {
-    this.#artifacts.push(artifact);
-    this.dispatchEvent(new ArtifactAddedEvent(artifact));
-  }
-
-  clear(): void {
-    this.#artifacts = [];
-  }
-}