[Freestyler] Add UMA instrumentation for the funnel steps

Bug: 374667861
Change-Id: I14c430f7a9c12fa1c725e0f2c0a44beefed555e3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5965793
Commit-Queue: Ergün Erdoğmuş <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>
Auto-Submit: Ergün Erdoğmuş <[email protected]>

Author: ergunsh

front_end/core/host/UserMetrics.ts

@@ -570,7 +570,14 @@ export enum Action {
   DrJonesOpenedFromSourcesPanelFloatingButton = 172,
   DrJonesOpenedFromPerformancePanel = 173,
   DrJonesOpenedFromNetworkPanelFloatingButton = 174,
-  MAX_VALUE = 175,
+  AiAssistancePanelOpened = 175,
+  AiAssistanceQuerySubmitted = 176,
+  AiAssistanceAnswerReceived = 177,
+  AiAssistanceDynamicSuggestionClicked = 178,
+  AiAssistanceSideEffectConfirmed = 179,
+  AiAssistanceSideEffectRejected = 180,
+  AiAssistanceError = 181,
+  MAX_VALUE = 182,
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 

front_end/panels/freestyler/FreestylerPanel.ts

@@ -183,7 +183,10 @@ export class FreestylerPanel extends UI.Panel.Panel {
       messages: [],
       inspectElementToggled: this.#toggleSearchElementAction.toggled(),
       isLoading: false,
-      onTextSubmit: this.#startConversation.bind(this),
+      onTextSubmit: (text: string) => {
+        void this.#startConversation(text);
+        Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistanceQuerySubmitted);
+      },
       onInspectElementClick: this.#handleSelectElementClick.bind(this),
       onFeedbackSubmit: this.#handleFeedbackSubmit.bind(this),
       onCancelClick: this.#cancel.bind(this),
@@ -295,6 +298,8 @@ export class FreestylerPanel extends UI.Panel.Panel {
         Trace.Helpers.TreeHelpers.AINode, this.#handleTraceEntryNodeFlavorChange);
     UI.Context.Context.instance().addFlavorChangeListener(
         Workspace.UISourceCode.UISourceCode, this.#handleUISourceCodeFlavorChange);
+
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistancePanelOpened);
   }
 
   override willHide(): void {
@@ -619,6 +624,7 @@ export class FreestylerPanel extends UI.Panel.Panel {
           }
           step.isLoading = false;
           this.#viewProps.isLoading = false;
+          Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistanceAnswerReceived);
           break;
         }
         case ResponseType.ERROR: {
@@ -635,6 +641,10 @@ export class FreestylerPanel extends UI.Panel.Panel {
               systemMessage.steps.pop();
             }
           }
+
+          if (data.error !== ErrorType.ABORT) {
+            Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistanceError);
+          }
         }
       }
 

front_end/panels/freestyler/components/FreestylerChatUi.ts

@@ -481,6 +481,7 @@ export class FreestylerChatUi extends HTMLElement {
   #handleSuggestionClick = (suggestion: string): void => {
     this.#setInputText(suggestion);
     this.focusTextInput();
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistanceDynamicSuggestionClicked);
   };
 
   #renderRateButtons(rpcId: number): LitHtml.TemplateResult {
@@ -661,6 +662,11 @@ export class FreestylerChatUi extends HTMLElement {
       step.sideEffect?.onAnswer(answer);
       step.sideEffect = undefined;
       this.#render();
+
+      Host.userMetrics.actionTaken(
+          answer ? Host.UserMetrics.Action.AiAssistanceSideEffectConfirmed :
+                   Host.UserMetrics.Action.AiAssistanceSideEffectRejected,
+      );
     };
 
     // clang-format off