when user close the info card, it would dismiss permanently

Author: Randall-Jiang

packages/core/src/amazonq/webview/messages/messageDispatcher.ts

@@ -86,6 +86,15 @@ export function dispatchWebViewMessagesToApps(
                 void globals.globalState.tryUpdate('aws.amazonq.welcomeChatShowCount', currentLoadCount + 1)
                 return
             }
+            case 'message-dismissed': {
+                if (msg.messageId) {
+                    const dismissedCards = globals.globalState.tryGet('aws.amazonq.dismissedCards', Array, [])
+                    if (!dismissedCards.includes(msg.messageId)) {
+                        dismissedCards.push(msg.messageId)
+                        void globals.globalState.tryUpdate('aws.amazonq.dismissedCards', dismissedCards)
+                    }
+                }
+            }
         }
 
         if (msg.type === 'error') {

packages/core/src/amazonq/webview/ui/commands.ts

@@ -52,5 +52,6 @@ type MessageCommand =
     | 'detailed-list-filter-change'
     | 'detailed-list-item-select'
     | 'detailed-list-action-click'
+    | 'message-dismissed'
 
 export type ExtensionMessage = Record<string, any> & { command: MessageCommand }

packages/core/src/amazonq/webview/ui/connector.ts

@@ -119,6 +119,7 @@ export interface ConnectorProps {
     }
     onSelectTab: (tabID: string, eventID: string) => void
     onExportChat: (tabID: string, format: 'markdown' | 'html') => string
+    onMessageDismiss?: (tabId: string, messageId: string) => void
     tabsStorage: TabsStorage
 }
 
@@ -707,6 +708,15 @@ export class Connector {
         return false
     }
 
+    onMessageDismiss = (tabId: string, messageId: string): void => {
+        this.sendMessageToExtension({
+            command: 'message-dismissed',
+            tabID: tabId,
+            messageId,
+            tabType: this.tabsStorage.getTab(tabId)?.type,
+        })
+    }
+
     onTabBarButtonClick = async (tabId: string, buttonId: string, eventId?: string) => {
         this.sendMessageToExtension({
             command: 'tab-bar-button-clicked',

packages/core/src/amazonq/webview/ui/main.ts

@@ -989,6 +989,9 @@ export const createMynahUI = (
         onPromptInputOptionChange: (tabId, optionsValues) => {
             connector.onPromptInputOptionChange(tabId, optionsValues)
         },
+        onMessageDismiss: (tabId, messageId) => {
+            connector.onMessageDismiss(tabId, messageId)
+        },
         onFileClick: connector.onFileClick,
         tabs: {
             'tab-1': {

packages/core/src/amazonq/webview/ui/tabs/generator.ts

@@ -11,7 +11,7 @@ import { qChatIntroMessageForSMUS, TabTypeDataMap } from './constants'
 import { agentWalkthroughDataModel } from '../walkthrough/agent'
 import { FeatureContext } from '../../../../shared/featureConfig'
 import { RegionProfile } from '../../../../codewhisperer/models/model'
-
+import globals from '../../../../shared/extensionGlobals'
 export interface TabDataGeneratorProps {
     isFeatureDevEnabled: boolean
     isGumbyEnabled: boolean
@@ -56,18 +56,26 @@ export class TabDataGenerator {
         if (tabType === 'welcome') {
             return {}
         }
-        const programmerModeCard: ChatItem | undefined = {
-            type: ChatItemType.ANSWER,
-            title: 'NEW FEATURE',
-            header: {
-                icon: 'code-block',
-                iconStatus: 'primary',
-                body: '## Pair Programmer',
-            },
-            fullWidth: true,
-            canBeDismissed: true,
-            body: 'Amazon Q Developer chat can now write code and run shell commands on your behalf. Disable Pair Programmer if you prefer a read-only experience.',
-        }
+
+        const programmerModeCardId = 'programmerModeCard'
+
+        const dismissedCards = globals.globalState.tryGet('aws.amazonq.dismissedCards', Array, [])
+        const isProgrammerModeCardDismissed = dismissedCards.includes(programmerModeCardId)
+        const programmerModeCard: ChatItem | undefined = !isProgrammerModeCardDismissed
+            ? ({
+                  type: ChatItemType.ANSWER,
+                  title: 'NEW FEATURE',
+                  messageId: programmerModeCardId,
+                  header: {
+                      icon: 'code-block',
+                      iconStatus: 'primary',
+                      body: '## Pair Programmer',
+                  },
+                  fullWidth: true,
+                  canBeDismissed: true,
+                  body: 'Amazon Q Developer chat can now write code and run shell commands on your behalf. Disable Pair Programmer if you prefer a read-only experience.',
+              } as ChatItem)
+            : undefined
 
         const regionProfileCard: ChatItem | undefined =
             this.regionProfile === undefined
@@ -97,7 +105,11 @@ Enter \`/\` to view quick actions. Use \`@\` to add saved prompts, files, folder
             contextCommands: this.getContextCommands(tabType),
             chatItems: needWelcomeMessages
                 ? [
-                      ...(tabType === 'cwc' || tabType === 'unknown' ? [programmerModeCard] : []),
+                      ...(tabType === 'cwc' || tabType === 'unknown'
+                          ? programmerModeCard
+                              ? [programmerModeCard]
+                              : []
+                          : []),
                       ...(regionProfileCard ? [regionProfileCard] : []),
                       {
                           type: ChatItemType.ANSWER,

packages/core/src/shared/globalState.ts

@@ -77,6 +77,7 @@ export type globalKey =
     | 'aws.toolkit.lambda.walkthroughSelected'
     | 'aws.toolkit.lambda.walkthroughCompleted'
     | 'aws.toolkit.appComposer.templateToOpenOnStart'
+    | 'aws.amazonq.dismissedCards'
 
 /**
  * Extension-local (not visible to other vscode extensions) shared state which persists after IDE