telemetry(auth): emit metric when Auth webview loaded

Problem:

The inital problem is that when we focused chat, it returned succeeded even though it didn't
have any idea if the UI was actually rendered to the user.

Solution:

This new solution will have the UI emit a telemetry metric once per session that indicates
when the UI has loaded. It will also distinguish between the login and reauth page.

The metric is `webview_load` and the `webviewName` field will distinguish between login and reauth

NOTE:

When Q chat itself has its UI ready we already emit a `webview_load` metric. So use all of these metrics
to determine what the user actually saw

Signed-off-by: nkomonen-amazon <[email protected]>

Author: nkomonen-amazon

packages/core/src/login/webview/vue/backend.ts

@@ -61,6 +61,22 @@ export abstract class CommonAuthWebview extends VueWebview {
         return globals.regionProvider.getRegions().reverse()
     }
 
+    private didCall: { login: boolean; reauth: boolean } = { login: false, reauth: false }
+    public setUiReady(state: 'login' | 'reauth') {
+        // Prevent telemetry spam, since showing/hiding chat triggers this each time.
+        // So only emit once.
+        if (this.didCall[state]) {
+            return
+        }
+
+        telemetry.webview_load.emit({
+            passive: true,
+            webviewName: state,
+            result: 'Succeeded',
+        })
+        this.didCall[state] = true
+    }
+
     /**
      * This wraps the execution of the given setupFunc() and handles common errors from the SSO setup process.
      *

packages/core/src/login/webview/vue/login.vue

@@ -368,6 +368,8 @@ export default defineComponent({
         // Pre-select the first available login option
         await this.preselectLoginOption()
         await this.handleUrlInput() // validate the default startUrl
+
+        await client.setUiReady('login')
     },
     methods: {
         toggleItemSelection(itemId: number) {

packages/core/src/login/webview/vue/reauthenticate.vue

@@ -127,6 +127,9 @@ export default defineComponent({
 
         this.doShow = true
     },
+    async mounted() {
+        await client.setUiReady('reauth')
+    },
     methods: {
         async reauthenticate() {
             client.emitUiClick('auth_reauthenticate')