add documenation link in profile selection webview page

Author: Will-ShaoHua

plugins/amazonq/chat/jetbrains-community/src/software/aws/toolkits/jetbrains/services/amazonq/QLoginWebview.kt

@@ -3,6 +3,7 @@
 
 package software.aws.toolkits.jetbrains.services.amazonq
 
+import com.intellij.ide.BrowserUtil
 import com.intellij.openapi.Disposable
 import com.intellij.openapi.actionSystem.AnActionEvent
 import com.intellij.openapi.actionSystem.DataContext
@@ -48,6 +49,7 @@ import software.aws.toolkits.telemetry.Telemetry
 import software.aws.toolkits.telemetry.UiTelemetry
 import software.aws.toolkits.telemetry.WebviewTelemetry
 import java.awt.event.ActionListener
+import java.net.URI
 import javax.swing.JButton
 import javax.swing.JComponent
 
@@ -223,6 +225,10 @@ class QWebviewBrowser(val project: Project, private val parentDisposable: Dispos
             is BrowserMessage.PublishWebviewTelemetry -> {
                 publishTelemetry(message)
             }
+
+            is BrowserMessage.OpenUrl -> {
+                BrowserUtil.browse(URI(message.externalLink))
+            }
         }
     }
 

plugins/core/jetbrains-community/src/software/aws/toolkits/jetbrains/core/webview/BrowserMessage.kt

@@ -27,7 +27,8 @@ import com.fasterxml.jackson.annotation.JsonTypeInfo
     JsonSubTypes.Type(value = BrowserMessage.Reauth::class, name = "reauth"),
     JsonSubTypes.Type(value = BrowserMessage.SendUiClickTelemetry::class, name = "sendUiClickTelemetry"),
     JsonSubTypes.Type(value = BrowserMessage.SwitchProfile::class, name = "switchProfile"),
-    JsonSubTypes.Type(value = BrowserMessage.PublishWebviewTelemetry::class, name = "webviewTelemetry")
+    JsonSubTypes.Type(value = BrowserMessage.PublishWebviewTelemetry::class, name = "webviewTelemetry"),
+    JsonSubTypes.Type(value = BrowserMessage.OpenUrl::class, name = "openUrl")
 )
 sealed interface BrowserMessage {
 
@@ -59,6 +60,8 @@ sealed interface BrowserMessage {
 
     object Reauth : BrowserMessage
 
+    data class OpenUrl(val externalLink: String) : BrowserMessage
+
     data class SwitchProfile(
         val profileName: String,
         val accountId: String,

plugins/core/webview/src/q-ui/components/profileSelection.vue

@@ -6,10 +6,11 @@
             <!-- Title & Subtitle -->
             <div id="profile-page" class="profile-header">
                 <h2 class="title bottom-small-gap">Choose a Q Developer profile</h2>
-                <p class="profile-subtitle">
+                <div class="profile-subtitle">
                     Your administrator has given you access to Q from multiple profiles.
                     Choose the profile that meets your current working needs. You can change your profile at any time.
-                </p>
+                    <a @click.prevent="openUrl">More info.</a>
+                </div>
             </div>
             <!-- Profile List -->
             <div class="profile-list">
@@ -114,6 +115,12 @@ export default defineComponent({
         },
         handleSignoutClick() {
             window.ideApi.postMessage({command: 'signout'})
+        },
+        openUrl() {
+            window.ideApi.postMessage({
+                command: 'openUrl',
+                externalLink: 'https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/subscribe-understanding-profile.html'
+            })
         }
     }
 })
@@ -144,16 +151,19 @@ export default defineComponent({
     cursor: pointer;
     transition: background 0.2s ease-in-out;
 }
+
 .button-row :deep(.login-flow-button) {
     margin-bottom: 10px;
 }
+
 .button-row {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     margin-top: 20px;
 }
+
 .selected {
     user-select: none;
 }
@@ -163,23 +173,28 @@ export default defineComponent({
     flex-direction: column;
     font-size: 15px;
 }
+
 .profile-name {
     font-weight: bold;
     margin-bottom: 2px;
     color: white;
 }
+
 .profile-region {
     font-style: italic;
     color: #bbbbbb;
 }
+
 .profile-description {
     font-size: 12px;
     color: #bbbbbb;
 }
+
 body.jb-dark {
     .profile-item {
         border: 1px solid white;
     }
+
     .selected {
         border: 1px solid #29a7ff;
     }
@@ -189,6 +204,7 @@ body.jb-light {
     .profile-item {
         border: 1px solid black;
     }
+
     .selected {
         border: 1px solid #3574f0;
     }

plugins/toolkit/jetbrains-core/src/software/aws/toolkits/jetbrains/core/explorer/webview/ToolkitLoginWebview.kt

@@ -3,6 +3,7 @@
 
 package software.aws.toolkits.jetbrains.core.explorer.webview
 
+import com.intellij.ide.BrowserUtil
 import com.intellij.ide.ui.LafManagerListener
 import com.intellij.openapi.Disposable
 import com.intellij.openapi.actionSystem.AnActionEvent
@@ -60,6 +61,7 @@ import software.aws.toolkits.jetbrains.utils.isTookitConnected
 import software.aws.toolkits.telemetry.FeatureId
 import software.aws.toolkits.telemetry.UiTelemetry
 import java.awt.event.ActionListener
+import java.net.URI
 import javax.swing.JButton
 import javax.swing.JComponent
 
@@ -249,6 +251,10 @@ class ToolkitWebviewBrowser(val project: Project, private val parentDisposable:
             is BrowserMessage.PublishWebviewTelemetry -> {
                 publishTelemetry(message)
             }
+
+            is BrowserMessage.OpenUrl -> {
+                BrowserUtil.browse(URI(message.externalLink))
+            }
         }
     }