RPP: add visual logging to Insights "Ask AI" button

Fixed: 402654388
Change-Id: I8f0f5412f9a7ebcf8b7c5f304d231f69dcfe936d
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6345599
Commit-Queue: Jack Franklin <[email protected]>
Reviewed-by: Wolfgang Beyer <[email protected]>
Auto-Submit: Jack Franklin <[email protected]>
Commit-Queue: Wolfgang Beyer <[email protected]>

Author: jackfranklin

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

@@ -333,6 +333,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
               .variant=${Buttons.Button.Variant.OUTLINED}
               .iconName=${'smart-assistant'}
               data-insights-ask-ai
+              jslog=${VisualLogging.action(`timeline.insight-ask-ai.${this.internalName}`).track({click: true})}
               @click=${this.#askAIButtonClick}
             >Ask AI</devtools-button>
           </div>

front_end/ui/visual_logging/KnownContextValues.ts

@@ -3539,6 +3539,22 @@ export const knownContextValues = new Set([
   'timeline.ignore-list-new-regex.text',
   'timeline.ignore-list-pattern',
   'timeline.ignore-list-pattern.remove',
+  'timeline.insight-ask-ai.cls-culprits',
+  'timeline.insight-ask-ai.dismiss-field-mismatch',
+  'timeline.insight-ask-ai.document-latency',
+  'timeline.insight-ask-ai.dom-size',
+  'timeline.insight-ask-ai.field-mismatch',
+  'timeline.insight-ask-ai.font-display',
+  'timeline.insight-ask-ai.forced-reflow',
+  'timeline.insight-ask-ai.image-delivery',
+  'timeline.insight-ask-ai.inp',
+  'timeline.insight-ask-ai.lcp-by-phase',
+  'timeline.insight-ask-ai.lcp-discovery',
+  'timeline.insight-ask-ai.long-critical-network-tree',
+  'timeline.insight-ask-ai.render-blocking-requests',
+  'timeline.insight-ask-ai.slow-css-selector',
+  'timeline.insight-ask-ai.third-parties',
+  'timeline.insight-ask-ai.viewport',
   'timeline.insights-tab',
   'timeline.insights.cls-culprits',
   'timeline.insights.dismiss-field-mismatch',