Add webviews for Amazon Q IAM credentials option and form

Author: liramon1

aws-toolkit-vscode.code-workspace

@@ -12,6 +12,12 @@
         {
             "path": "packages/amazonq",
         },
+        {
+            "path": "../language-servers",
+        },
+        {
+            "path": "../language-server-runtimes",
+        },
     ],
     "settings": {
         "typescript.tsdk": "node_modules/typescript/lib",

packages/amazonq/.vscode/launch.json

@@ -13,10 +13,10 @@
             "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
             "env": {
                 "SSMDOCUMENT_LANGUAGESERVER_PORT": "6010",
-                "WEBPACK_DEVELOPER_SERVER": "http://localhost:8080"
+                "WEBPACK_DEVELOPER_SERVER": "http://localhost:8080",
                 // Below allows for overrides used during development
-                // "__AMAZONQLSP_PATH": "${workspaceFolder}/../../../language-servers/app/aws-lsp-codewhisperer-runtimes/out/agent-standalone.js",
-                // "__AMAZONQLSP_UI": "${workspaceFolder}/../../../language-servers/chat-client/build/amazonq-ui.js"
+                "__AMAZONQLSP_PATH": "${workspaceFolder}/../../../language-servers/app/aws-lsp-codewhisperer-runtimes/out/agent-standalone.js",
+                "__AMAZONQLSP_UI": "${workspaceFolder}/../../../language-servers/chat-client/build/amazonq-ui.js"
             },
             "envFile": "${workspaceFolder}/.local.env",
             "outFiles": ["${workspaceFolder}/dist/**/*.js", "${workspaceFolder}/../core/dist/**/*.js"],

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

@@ -123,6 +123,16 @@
                     :itemType="LoginOption.ENTERPRISE_SSO"
                     class="selectable-item bottomMargin"
                 ></SelectableItem>
+                <SelectableItem
+                    v-if="app === 'AMAZONQ'"
+                    @toggle="toggleItemSelection"
+                    :isSelected="selectedLoginOption === LoginOption.IAM_CREDENTIAL"
+                    :itemId="LoginOption.IAM_CREDENTIAL"
+                    :itemText="''"
+                    :itemTitle="'Use with IAM Credentials'"
+                    :itemType="LoginOption.IAM_CREDENTIAL"
+                    class="selectable-item bottomMargin"
+                ></SelectableItem>
                 <SelectableItem
                     v-if="app === 'TOOLKIT'"
                     @toggle="toggleItemSelection"
@@ -238,17 +248,19 @@
                 </svg>
             </button>
             <div class="header">IAM Credentials:</div>
-            <div class="hint">Credentials will be added to the appropriate ~/.aws/ files</div>
-            <div class="title topMargin">Profile Name</div>
-            <div class="hint">The identifier for these credentials</div>
-            <input
-                class="iamInput bottomMargin"
-                type="text"
-                id="profileName"
-                name="profileName"
-                v-model="profileName"
-                @keydown.enter="handleContinueClick()"
-            />
+            <div v-if="app === 'TOOLKIT'">
+                <div class="hint">Credentials will be added to the appropriate ~/.aws/ files</div>
+                <div class="title topMargin">Profile Name</div>
+                <div class="hint">The identifier for these credentials</div>
+                <input
+                    class="iamInput bottomMargin"
+                    type="text"
+                    id="profileName"
+                    name="profileName"
+                    v-model="profileName"
+                    @keydown.enter="handleContinueClick()"
+                />
+            </div>
             <div class="title">Access Key</div>
             <input
                 class="iamInput bottomMargin"
@@ -587,7 +599,11 @@ export default defineComponent({
             return this.startUrl.length == 0 || this.startUrlError.length > 0 || !this.selectedRegion
         },
         shouldDisableIamContinue() {
-            return this.profileName.length <= 0 || this.accessKey.length <= 0 || this.secretKey.length <= 0
+            if (this.app === 'TOOLKIT') {
+                return this.profileName.length <= 0 || this.accessKey.length <= 0 || this.secretKey.length <= 0
+            } else {
+                return this.accessKey.length <= 0 || this.secretKey.length <= 0
+            }
         },
     },
 })