chrome-devtools-frontend 1.0.1473514 → 1.0.1506453

package/front_end/panels/event_listeners/EventListenersView.ts

@@ -21,49 +21,49 @@ import eventListenersViewStyles from './eventListenersView.css.js';
 
 const UIStrings = {
   /**
-   *@description Empty holder text content in Event Listeners View of the Event Listener Debugging pane in the Sources panel
+   * @description Empty holder text content in Event Listeners View of the Event Listener Debugging pane in the Sources panel
    */
   noEventListeners: 'No event listeners',
   /**
-   *@description Empty holder text content in Event Listeners View of the Event Listener Debugging pane in the Elements panel
+   * @description Empty holder text content in Event Listeners View of the Event Listener Debugging pane in the Elements panel
    */
   eventListenersExplanation: 'On this page you will find registered event listeners',
   /**
-   *@description Delete button title in Event Listeners View of the Event Listener Debugging pane in the Sources panel
+   * @description Delete button title in Event Listeners View of the Event Listener Debugging pane in the Sources panel
    */
   deleteEventListener: 'Delete event listener',
   /**
-   *@description Passive button text content in Event Listeners View of the Event Listener Debugging pane in the Sources panel
+   * @description Passive button text content in Event Listeners View of the Event Listener Debugging pane in the Sources panel
    */
   togglePassive: 'Toggle Passive',
   /**
-   *@description Passive button title in Event Listeners View of the Event Listener Debugging pane in the Sources panel
+   * @description Passive button title in Event Listeners View of the Event Listener Debugging pane in the Sources panel
    */
   toggleWhetherEventListenerIs: 'Toggle whether event listener is passive or blocking',
   /**
-   *@description A context menu item to reveal a node in the DOM tree of the Elements Panel
+   * @description A context menu item to reveal a node in the DOM tree of the Elements Panel
    */
   openInElementsPanel: 'Open in Elements panel',
   /**
-   *@description Text in Event Listeners Widget of the Elements panel
+   * @description Text in Event Listeners Widget of the Elements panel
    */
   passive: 'Passive',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/event_listeners/EventListenersView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+
 export class EventListenersView extends UI.Widget.VBox {
-  private changeCallback: () => void;
-  private enableDefaultTreeFocus: boolean;
+  changeCallback = (): void => {};
+  enableDefaultTreeFocus = false;
   treeOutline: UI.TreeOutline.TreeOutlineInShadow;
-  private emptyHolder: HTMLDivElement;
-  private linkifier: Components.Linkifier.Linkifier;
-  private readonly treeItemMap: Map<string, EventListenersTreeElement>;
-  constructor(changeCallback: () => void, enableDefaultTreeFocus: boolean|undefined = false) {
-    super();
+  emptyHolder: HTMLDivElement;
+  objects: Array<SDK.RemoteObject.RemoteObject|null> = [];
+  filter: {showFramework: boolean, showPassive: boolean, showBlocking: boolean}|undefined;
+  #linkifier = new Components.Linkifier.Linkifier();
+  readonly #treeItemMap = new Map<string, EventListenersTreeElement>();
+  constructor(element?: HTMLElement) {
+    super(element);
     this.registerRequiredCSS(eventListenersViewStyles);
-    this.changeCallback = changeCallback;
-    this.enableDefaultTreeFocus = enableDefaultTreeFocus;
-
     this.emptyHolder = this.element.createChild('div', 'placeholder hidden');
     this.emptyHolder.createChild('span', 'gray-info-message').textContent = i18nString(UIStrings.noEventListeners);
     const emptyWidget = new UI.EmptyWidget.EmptyWidget(
@@ -77,8 +77,6 @@ export class EventListenersView extends UI.Widget.VBox {
     this.treeOutline.setFocusable(true);
     this.treeOutline.registerRequiredCSS(eventListenersViewStyles, objectValueStyles);
     this.element.appendChild(this.treeOutline.element);
-    this.linkifier = new Components.Linkifier.Linkifier();
-    this.treeItemMap = new Map();
   }
 
   override focus(): void {
@@ -92,8 +90,21 @@ export class EventListenersView extends UI.Widget.VBox {
     }
   }
 
+  override async performUpdate(): Promise<void> {
+    await this.addObjects(this.objects);
+    if (this.filter) {
+      this.showFrameworkListeners(this.filter.showFramework, this.filter.showPassive, this.filter.showBlocking);
+    }
+  }
+
   async addObjects(objects: Array<SDK.RemoteObject.RemoteObject|null>): Promise<void> {
-    this.reset();
+    // Remove existing event listeners and reset linkifier first.
+    const eventTypes = this.treeOutline.rootElement().children();
+    for (const eventType of eventTypes) {
+      eventType.removeChildren();
+    }
+    this.#linkifier.reset();
+
     await Promise.all(objects.map(obj => obj ? this.addObject(obj) : Promise.resolve()));
     this.addEmptyHolderIfNeeded();
     this.eventListenersArrivedForTest();
@@ -205,10 +216,10 @@ export class EventListenersView extends UI.Widget.VBox {
   }
 
   private getOrCreateTreeElementForType(type: string): EventListenersTreeElement {
-    let treeItem = this.treeItemMap.get(type);
+    let treeItem = this.#treeItemMap.get(type);
     if (!treeItem) {
-      treeItem = new EventListenersTreeElement(type, this.linkifier, this.changeCallback);
-      this.treeItemMap.set(type, treeItem);
+      treeItem = new EventListenersTreeElement(type, this.#linkifier, this.changeCallback);
+      this.#treeItemMap.set(type, treeItem);
       treeItem.hidden = true;
       this.treeOutline.appendChild(treeItem);
     }
@@ -236,14 +247,6 @@ export class EventListenersView extends UI.Widget.VBox {
     this.treeOutline.setFocusable(Boolean(firstVisibleChild));
   }
 
-  reset(): void {
-    const eventTypes = this.treeOutline.rootElement().children();
-    for (const eventType of eventTypes) {
-      eventType.removeChildren();
-    }
-    this.linkifier.reset();
-  }
-
   private eventListenersArrivedForTest(): void {
   }
 }

package/front_end/panels/explain/PromptBuilder.test.ts

@@ -215,8 +215,13 @@ export const y = "";
       const targetManager = target.targetManager();
       const workspace = Workspace.Workspace.WorkspaceImpl.instance();
       const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
-      Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance(
-          {forceNew: true, resourceMapping, targetManager});
+      const ignoreListManager = Workspace.IgnoreListManager.IgnoreListManager.instance({forceNew: true});
+      Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({
+        forceNew: true,
+        resourceMapping,
+        targetManager,
+        ignoreListManager,
+      });
       backend = new MockProtocolBackend();
     });
 

package/front_end/panels/explain/PromptBuilder.ts

@@ -7,6 +7,7 @@ import * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js'
 import * as Bindings from '../../models/bindings/bindings.js';
 import * as Formatter from '../../models/formatter/formatter.js';
 import * as Logs from '../../models/logs/logs.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import type * as Console from '../console/console.js';
 
@@ -59,7 +60,8 @@ export class PromptBuilder {
     const mappedLocation =
         await Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().rawLocationToUILocation(
             rawLocation);
-    const content = await mappedLocation?.uiSourceCode.requestContent();
+    const content = await mappedLocation?.uiSourceCode.requestContentData().then(
+        contentDataOrError => TextUtils.ContentData.ContentData.asDeferredContent(contentDataOrError));
     const text = !content?.isEncoded && content?.content ? content.content : '';
     const firstNewline = text.indexOf('\n');
     if (text.length > MAX_CODE_SIZE && (firstNewline < 0 || firstNewline > MAX_CODE_SIZE)) {

package/front_end/panels/explain/components/ConsoleInsight.test.ts

@@ -23,6 +23,10 @@ describeWithEnvironment('ConsoleInsight', () => {
       background-color: aqua;
     `;
 
+  beforeEach(() => {
+    sinon.stub(Host.AidaClient.HostConfigTracker.instance(), 'pollAidaAvailability').callsFake(async () => {});
+  });
+
   afterEach(() => {
     component?.remove();
     Common.Settings.settingForTest('console-insights-enabled').set(true);
@@ -32,7 +36,7 @@ describeWithEnvironment('ConsoleInsight', () => {
   function getTestAidaClient() {
     return {
       async *
-          fetch() {
+          doConversation() {
             yield {explanation: 'test', metadata: {rpcGlobalId: 0}, completed: true};
           },
       registerClientEvent: sinon.spy(),
@@ -173,7 +177,7 @@ describeWithEnvironment('ConsoleInsight', () => {
     function getAidaClientWithTimeout() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: 'test',
                 metadata: {
@@ -285,7 +289,7 @@ describeWithEnvironment('ConsoleInsight', () => {
     function getAidaClientWithMetadata() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: 'test',
                 metadata: {
@@ -321,7 +325,7 @@ describeWithEnvironment('ConsoleInsight', () => {
     function getAidaClientWithMetadata() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: 'This is not a real answer, it is just a test.',
                 metadata: {
@@ -390,7 +394,7 @@ describeWithEnvironment('ConsoleInsight', () => {
     function getAidaClientWithMetadata() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: `before
 
@@ -463,7 +467,7 @@ after
     function getAidaClientWithMetadata() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: 'This is not a real answer, it is just a test.',
                 metadata: {
@@ -519,7 +523,7 @@ after
     function getAidaClientWithMetadata() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: 'This is not a real answer, it is just a test.',
                 metadata: {
@@ -670,7 +674,7 @@ Response status: 404`,
     function getAidaClientForConsentReminder() {
       return {
         async *
-            fetch() {
+            doConversation() {
               await new Promise(resolve => setTimeout(resolve, 2000));
               yield {
                 explanation: `Some text with \`code\`. Some code:
@@ -757,7 +761,7 @@ Response status: 404`,
     function getAidaClientForInsight() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: `## Result
 
@@ -847,7 +851,7 @@ Response status: 404`,
     function getAidaClientForInsight() {
       return {
         async *
-            fetch() {
+            doConversation() {
               yield {
                 explanation: `## Result
 

package/front_end/panels/explain/components/ConsoleInsight.ts

@@ -12,7 +12,6 @@ import type * as Platform from '../../../core/platform/platform.js';
 import * as Root from '../../../core/root/root.js';
 import * as Marked from '../../../third_party/marked/marked.js';
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
-import type * as IconButton from '../../../ui/components/icon_button/icon_button.js';
 import * as Input from '../../../ui/components/input/input.js';
 import * as MarkdownView from '../../../ui/components/markdown_view/markdown_view.js';
 import * as UI from '../../../ui/legacy/legacy.js';
@@ -146,7 +145,7 @@ const UIStrings = {
    */
   timedOut: 'Generating a response took too long. Please try again.',
   /**
-   *@description Text informing the user that AI assistance is not available in Incognito mode or Guest mode.
+   * @description Text informing the user that AI assistance is not available in Incognito mode or Guest mode.
    */
   notAvailableInIncognitoMode: 'AI assistance is not available in Incognito mode or Guest mode',
 } as const;
@@ -165,7 +164,7 @@ export class CloseEvent extends Event {
 }
 
 type PublicPromptBuilder = Pick<PromptBuilder, 'buildPrompt'|'getSearchQuery'>;
-type PublicAidaClient = Pick<Host.AidaClient.AidaClient, 'fetch'|'registerClientEvent'>;
+type PublicAidaClient = Pick<Host.AidaClient.AidaClient, 'doConversation'|'registerClientEvent'>;
 
 function localizeType(sourceType: SourceType): string {
   switch (sourceType) {
@@ -211,7 +210,7 @@ type StateData = {
   completed: boolean,
   directCitationUrls: string[],
   timedOut?: boolean,
-}&Host.AidaClient.AidaResponse|{
+}&Host.AidaClient.DoConversationResponse|{
   type: State.ERROR,
   error: string,
 }|{
@@ -527,7 +526,7 @@ export class ConsoleInsight extends HTMLElement {
     await this.#generateInsight();
   }
 
-  #insertCitations(explanation: string, metadata: Host.AidaClient.AidaResponseMetadata):
+  #insertCitations(explanation: string, metadata: Host.AidaClient.ResponseMetadata):
       {explanationWithCitations: string, directCitationUrls: string[]} {
     const directCitationUrls: string[] = [];
     if (!this.#isSearchRagResponse(metadata) || !metadata.attributionMetadata) {
@@ -632,11 +631,11 @@ export class ConsoleInsight extends HTMLElement {
 
   async *
       #getInsight(): AsyncGenerator<
-          {sources: Source[], isPageReloadRecommended: boolean}&Host.AidaClient.AidaResponse, void, void> {
+          {sources: Source[], isPageReloadRecommended: boolean}&Host.AidaClient.DoConversationResponse, void, void> {
     const {prompt, sources, isPageReloadRecommended} = await this.#promptBuilder.buildPrompt();
     try {
-      for await (
-          const response of this.#aidaClient.fetch(Host.AidaClient.AidaClient.buildConsoleInsightsRequest(prompt))) {
+      for await (const response of this.#aidaClient.doConversation(
+          Host.AidaClient.AidaClient.buildConsoleInsightsRequest(prompt))) {
         yield {sources, isPageReloadRecommended, ...response};
       }
     } catch (err) {
@@ -761,7 +760,7 @@ export class ConsoleInsight extends HTMLElement {
     // clang-format on
   }
 
-  #isSearchRagResponse(metadata: Host.AidaClient.AidaResponseMetadata): boolean {
+  #isSearchRagResponse(metadata: Host.AidaClient.ResponseMetadata): boolean {
     return Boolean(metadata.factualityMetadata?.facts.length);
   }
 
@@ -826,11 +825,7 @@ export class ConsoleInsight extends HTMLElement {
             <h3>Things to consider</h3>
             <div class="reminder-items">
               <div>
-                <devtools-icon .data=${{
-                  iconName: 'google',
-                  width: 'var(--sys-size-8)',
-                  height: 'var(--sys-size-8)',
-                } as IconButton.Icon.IconData}>
+                <devtools-icon name="google" class="medium">
                 </devtools-icon>
               </div>
               <div>The console message, associated stack trace, related source code, and the associated network headers are sent to Google to generate explanations. ${noLogging
@@ -838,11 +833,7 @@ export class ConsoleInsight extends HTMLElement {
                   : 'This data may be seen by human reviewers to improve this feature. Avoid sharing sensitive or personal information.'}
               </div>
               <div>
-                <devtools-icon .data=${{
-                  iconName: 'policy',
-                  width: 'var(--sys-size-8)',
-                  height: 'var(--sys-size-8)',
-                } as IconButton.Icon.IconData}>
+                <devtools-icon name="policy" class="medium">
                 </devtools-icon>
               </div>
               <div>Use of this feature is subject to the <x-link
@@ -858,11 +849,7 @@ export class ConsoleInsight extends HTMLElement {
                 </x-link>
               </div>
               <div>
-                <devtools-icon .data=${{
-                  iconName: 'warning',
-                  width: 'var(--sys-size-8)',
-                  height: 'var(--sys-size-8)',
-                } as IconButton.Icon.IconData}>
+                <devtools-icon name="warning" class="medium">
                 </devtools-icon>
               </div>
               <div>
@@ -887,11 +874,7 @@ export class ConsoleInsight extends HTMLElement {
 
         return html`<main class="opt-in-teaser" jslog=${jslog}>
           <div class="badge">
-            <devtools-icon .data=${{
-              iconName: 'lightbulb-spark',
-              width: 'var(--sys-size-8)',
-              height: 'var(--sys-size-8)',
-            } as IconButton.Icon.IconData}>
+            <devtools-icon name="lightbulb-spark" class="medium">
             </devtools-icon>
           </div>
           <div>
@@ -1105,11 +1088,7 @@ export class ConsoleInsight extends HTMLElement {
       <header>
         ${hasIcon ? html`
           <div class="header-icon-container">
-            <devtools-icon .data=${{
-              iconName: 'lightbulb-spark',
-              width: '18px',
-              height: '18px',
-            } as IconButton.Icon.IconData}>
+            <devtools-icon name="lightbulb-spark" class="large">
             </devtools-icon>
           </div>`
         : Lit.nothing}

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

@@ -11,15 +11,15 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 const UIStrings = {
   /**
-   *@description Message to offer insights for a console error message
+   * @description Message to offer insights for a console error message
    */
   explainThisError: 'Understand this error',
   /**
-   *@description Message to offer insights for a console warning message
+   * @description Message to offer insights for a console warning message
    */
   explainThisWarning: 'Understand this warning',
   /**
-   *@description Message to offer insights for a console message
+   * @description Message to offer insights for a console message
    */
   explainThisMessage: 'Understand this message',
   /**

package/front_end/panels/issues/AffectedBlockedByResponseView.ts

@@ -13,19 +13,19 @@ import {AffectedItem, AffectedResourcesView} from './AffectedResourcesView.js';
 
 const UIStrings = {
   /**
-   *@description Noun for singular or plural network requests. Label for the affected resources section in the issue view.
+   * @description Noun for singular or plural network requests. Label for the affected resources section in the issue view.
    */
   nRequests: '{n, plural, =1 {# request} other {# requests}}',
   /**
-   *@description Noun for a singular network request. Label for a column in the affected resources table in the issue view.
+   * @description Noun for a singular network request. Label for a column in the affected resources table in the issue view.
    */
   requestC: 'Request',
   /**
-   *@description Noun for a singular parent frame. Label for a column in the affected resources table in the issue view.
+   * @description Noun for a singular parent frame. Label for a column in the affected resources table in the issue view.
    */
   parentFrame: 'Parent Frame',
   /**
-   *@description Noun for a singular resource that was blocked (an example for a blocked resource would be a frame). Label for a column in the affected resources table in the issue view.
+   * @description Noun for a singular resource that was blocked (an example for a blocked resource would be a frame). Label for a column in the affected resources table in the issue view.
    */
   blockedResource: 'Blocked Resource',
 } as const;

package/front_end/panels/issues/AffectedCookiesView.ts

@@ -15,27 +15,27 @@ import {AffectedItem, AffectedResourcesView} from './AffectedResourcesView.js';
 
 const UIStrings = {
   /**
-   *@description Noun, singular or plural. Label for the kind and number of affected resources associated with a DevTools issue. A cookie is a small piece of data that a server sends to the user's web browser. See https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.
+   * @description Noun, singular or plural. Label for the kind and number of affected resources associated with a DevTools issue. A cookie is a small piece of data that a server sends to the user's web browser. See https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.
    */
   nCookies: '{n, plural, =1 {# cookie} other {# cookies}}',
   /**
-   *@description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Each cookie has a name.
+   * @description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Each cookie has a name.
    */
   name: 'Name',
   /**
-   *@description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Cookies may have a 'Domain' attribute: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.#define_where_cookies_are_sent
+   * @description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Cookies may have a 'Domain' attribute: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.#define_where_cookies_are_sent
    */
   domain: 'Domain',
   /**
-   *@description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Cookies may have a 'Path' attribute: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.#define_where_cookies_are_sent
+   * @description Noun, singular. Label for a column in a table which lists cookies in the affected resources section of a DevTools issue. Cookies may have a 'Path' attribute: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies.#define_where_cookies_are_sent
    */
   path: 'Path',
   /**
-   *@description Label for the the number of affected `Set-Cookie` lines associated with a DevTools issue. `Set-Cookie` is a specific header line in an HTTP network request and consists of a single line of text.
+   * @description Label for the the number of affected `Set-Cookie` lines associated with a DevTools issue. `Set-Cookie` is a specific header line in an HTTP network request and consists of a single line of text.
    */
   nRawCookieLines: '{n, plural, =1 {1 Raw `Set-Cookie` header} other {# Raw `Set-Cookie` headers}}',
   /**
-   *@description Title for text button in the Issues panel. Clicking the button navigates the user to the Network Panel. `Set-Cookie` is a specific header line in an HTTP network request and consists of a single line of text.
+   * @description Title for text button in the Issues panel. Clicking the button navigates the user to the Network Panel. `Set-Cookie` is a specific header line in an HTTP network request and consists of a single line of text.
    */
   filterSetCookieTitle: 'Show network requests that include this `Set-Cookie` header in the network panel',
 } as const;

package/front_end/panels/issues/AffectedDescendantsWithinSelectElementView.ts

@@ -11,11 +11,11 @@ import {AffectedElementsView} from './AffectedElementsView.js';
 
 const UIStrings = {
   /**
-   *@description Noun for singular or plural number of affected descendant nodes indication in issue view.
+   * @description Noun for singular or plural number of affected descendant nodes indication in issue view.
    */
   nDescendants: '{n, plural, =1 { descendant} other { descendants}}',
   /**
-   *@description Label for the disallowed node link in the issue view.
+   * @description Label for the disallowed node link in the issue view.
    */
   disallowedNode: 'Disallowed descendant',
 } as const;
@@ -37,11 +37,11 @@ export class AffectedDescendantsWithinSelectElementView extends AffectedElements
 
   async #doUpdate(): Promise<void> {
     this.clear();
-    await this.#appendDisallowedSelectDescendants(this.issue.getSelectElementAccessibilityIssues());
+    await this.#appendDisallowedSelectDescendants(this.issue.getElementAccessibilityIssues());
   }
 
-  async #appendDisallowedSelectDescendant(
-      issue: IssuesManager.SelectElementAccessibilityIssue.SelectElementAccessibilityIssue): Promise<void> {
+  async #appendDisallowedSelectDescendant(issue: IssuesManager.ElementAccessibilityIssue.ElementAccessibilityIssue):
+      Promise<void> {
     const row = document.createElement('tr');
     row.classList.add('affected-resource-select-element-descendant');
 
@@ -54,7 +54,7 @@ export class AffectedDescendantsWithinSelectElementView extends AffectedElements
   }
 
   async #appendDisallowedSelectDescendants(
-      issues: Iterable<IssuesManager.SelectElementAccessibilityIssue.SelectElementAccessibilityIssue>): Promise<void> {
+      issues: Iterable<IssuesManager.ElementAccessibilityIssue.ElementAccessibilityIssue>): Promise<void> {
     let count = 0;
     for (const issue of issues) {
       count++;

package/front_end/panels/issues/AffectedDirectivesView.ts

@@ -16,40 +16,40 @@ import * as IssuesComponents from './components/components.js';
 
 const UIStrings = {
   /**
-   *@description Singular or plural label for number of affected CSP (content security policy,
+   * @description Singular or plural label for number of affected CSP (content security policy,
    * see https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) directives in issue view.
    */
   nDirectives: '{n, plural, =1 {# directive} other {# directives}}',
   /**
-   *@description Indicates that a CSP error should be treated as a warning
+   * @description Indicates that a CSP error should be treated as a warning
    */
   reportonly: 'report-only',
   /**
-   *@description The kind of resolution for a mixed content issue
+   * @description The kind of resolution for a mixed content issue
    */
   blocked: 'blocked',
   /**
-   *@description Tooltip for button linking to the Elements panel
+   * @description Tooltip for button linking to the Elements panel
    */
   clickToRevealTheViolatingDomNode: 'Click to reveal the violating DOM node in the Elements panel',
   /**
-   *@description Header for the section listing affected directives
+   * @description Header for the section listing affected directives
    */
   directiveC: 'Directive',
   /**
-   *@description Label for the column in the element list in the CSS overview report
+   * @description Label for the column in the element list in the CSS overview report
    */
   element: 'Element',
   /**
-   *@description Header for the source location column
+   * @description Header for the source location column
    */
   sourceLocation: 'Source location',
   /**
-   *@description Text for the status of something
+   * @description Text for the status of something
    */
   status: 'Status',
   /**
-   *@description Text that refers to the resources of the web page
+   * @description Text that refers to the resources of the web page
    */
   resourceC: 'Resource',
 } as const;

package/front_end/panels/issues/AffectedDocumentsInQuirksModeView.ts

@@ -12,19 +12,19 @@ import {AffectedElementsView} from './AffectedElementsView.js';
 
 const UIStrings = {
   /**
-   *@description Noun for singular or plural number of affected document nodes indication in issue view.
+   * @description Noun for singular or plural number of affected document nodes indication in issue view.
    */
   nDocuments: '{n, plural, =1 { document} other { documents}}',
   /**
-   *@description Column title for the Document in the DOM tree column in the quirks mode issue view
+   * @description Column title for the Document in the DOM tree column in the quirks mode issue view
    */
   documentInTheDOMTree: 'Document in the DOM tree',
   /**
-   *@description Column title for the url column in the quirks mode issue view
+   * @description Column title for the url column in the quirks mode issue view
    */
   url: 'URL',
   /**
-   *@description Column title for the Mode column in the quirks mode issue view
+   * @description Column title for the Mode column in the quirks mode issue view
    */
   mode: 'Mode',
 } as const;

package/front_end/panels/issues/AffectedElementsView.ts

@@ -11,7 +11,7 @@ import {AffectedResourcesView} from './AffectedResourcesView.js';
 
 const UIStrings = {
   /**
-   *@description Noun for singular or plural number of affected element resource indication in issue view.
+   * @description Noun for singular or plural number of affected element resource indication in issue view.
    */
   nElements: '{n, plural, =1 {# element} other {# elements}}',
 } as const;

package/front_end/panels/issues/AffectedElementsWithLowContrastView.ts

@@ -63,27 +63,27 @@ export class AffectedElementsWithLowContrastView extends AffectedElementsView {
 
 const UIStrings = {
   /**
-   *@description Column title for the element column in the low contrast issue view
+   * @description Column title for the element column in the low contrast issue view
    */
   element: 'Element',
   /**
-   *@description Column title for the contrast ratio column in the low contrast issue view
+   * @description Column title for the contrast ratio column in the low contrast issue view
    */
   contrastRatio: 'Contrast ratio',
   /**
-   *@description Column title for the minimum AA contrast ratio column in the low contrast issue view
+   * @description Column title for the minimum AA contrast ratio column in the low contrast issue view
    */
   minimumAA: 'Minimum AA ratio',
   /**
-   *@description Column title for the minimum AAA contrast ratio column in the low contrast issue view
+   * @description Column title for the minimum AAA contrast ratio column in the low contrast issue view
    */
   minimumAAA: 'Minimum AAA ratio',
   /**
-   *@description Column title for the text size column in the low contrast issue view
+   * @description Column title for the text size column in the low contrast issue view
    */
   textSize: 'Text size',
   /**
-   *@description Column title for the text weight column in the low contrast issue view
+   * @description Column title for the text weight column in the low contrast issue view
    */
   textWeight: 'Text weight',
 } as const;