Fix 'Connecting to IAM' UI bug

Author: liramon1

aws-toolkit-vscode.code-workspace

@@ -1,23 +1,23 @@
 {
     "folders": [
         {
-            "path": ".",
+            "path": "."
         },
         {
-            "path": "packages/toolkit",
+            "path": "packages/toolkit"
         },
         {
-            "path": "packages/core",
+            "path": "packages/core"
         },
         {
-            "path": "packages/amazonq",
+            "path": "packages/amazonq"
         },
         {
-            "path": "../language-server-runtimes",
+            "path": "../language-servers"
         },
         {
-            "path": "../language-servers",
-        },
+            "path": "../language-server-runtimes"
+        }
     ],
     "settings": {
         "typescript.tsdk": "node_modules/typescript/lib",

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

@@ -34,6 +34,7 @@ import { getLogger } from '../../../shared/logger/logger'
 import { isValidUrl } from '../../../shared/utilities/uriUtils'
 import { RegionProfile } from '../../../codewhisperer/models/model'
 import { ProfileSwitchIntent } from '../../../codewhisperer/region/regionProfileManager'
+import { showMessage } from '../../../shared/utilities/messages'
 
 export abstract class CommonAuthWebview extends VueWebview {
     private readonly className = 'CommonAuthWebview'
@@ -186,7 +187,7 @@ export abstract class CommonAuthWebview extends VueWebview {
     abstract fetchConnections(): Promise<AwsConnection[] | undefined>
 
     async errorNotification(e: AuthError) {
-        void vscode.window.showErrorMessage(`${e.text}`)
+        showMessage('error', e.text)
     }
 
     abstract quitLoginScreen(): Promise<void>

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

@@ -230,7 +230,7 @@
 
         <template v-if="stage === 'AUTHENTICATING'">
             <div class="auth-container-section">
-                <div v-if="(app === 'TOOLKIT' && profileName.length > 0) || (app === 'AMAZONQ' && accessKey.length > 0)" class="header bottomMargin">
+                <div v-if="selectedLoginOption === LoginOption.IAM_CREDENTIAL" class="header bottomMargin">
                     Connecting to IAM...
                 </div>
                 <div v-else class="header bottomMargin">Authenticating in browser...</div>
@@ -428,6 +428,10 @@ export default defineComponent({
             }
         },
         handleDocumentClick(event: any) {
+            // Only reset selection when in START stage to avoid clearing during authentication
+            if (this.stage !== 'START') {
+                return
+            }
             const isClickInsideSelectableItems = event.target.closest('.selectable-item')
             if (!isClickInsideSelectableItems) {
                 this.selectedLoginOption = 0