feat: adding tool permission UX for build tools and in-context permissions

chat-client/package.json

@@ -26,7 +26,7 @@
     "dependencies": {
         "@aws/chat-client-ui-types": "^0.1.56",
         "@aws/language-server-runtimes": "^0.2.123",
-        "@aws/language-server-runtimes-types": "^0.1.50",
+        "@aws/language-server-runtimes-types": "^0.1.52",
         "@aws/mynah-ui": "^4.36.4"
     },
     "devDependencies": {

chat-client/src/client/mynahUi.ts

@@ -52,6 +52,7 @@ import {
     MynahIcons,
     CustomQuickActionCommand,
     ConfigTexts,
+    DropdownListOption,
 } from '@aws/mynah-ui'
 import { VoteParams } from '../contracts/telemetry'
 import { Messager } from './messager'
@@ -675,6 +676,30 @@ export const createMynahUi = (
 
             throw new Error(`Unhandled tab bar button id: ${buttonId}`)
         },
+        onDropDownOptionChange: (tabId: string, messageId: string, value: DropdownListOption[]) => {
+            // process data before sending
+            // map data to Record <string, string>
+            // value: `${serverName}@${toolName}`
+            const metadata: Record<string, string> = {}
+            const option = value[0]
+            const [serverName, toolName] = option.value.split('@')
+            const new_permission = option.id
+
+            metadata['toolName'] = toolName
+            metadata['serverName'] = serverName
+            metadata['permission'] = new_permission
+
+            const payload: ButtonClickParams = {
+                tabId,
+                messageId,
+                buttonId: 'trust-command',
+                metadata,
+            }
+            messager.onButtonClick(payload)
+        },
+        onDropDownLinkClick: (tabId: string, actionId: string, destination: string) => {
+            messager.onMcpServerClick(actionId, destination)
+        },
         onPromptInputOptionChange: (tabId, optionsValues) => {
             if (agenticMode) {
                 handlePromptInputChange(mynahUi, tabId, optionsValues)
@@ -1305,6 +1330,9 @@ export const createMynahUi = (
                                     fileList: undefined,
                                 }
                               : undefined,
+                          quickSettings: message.summary.content.quickSettings
+                              ? message.summary.content.quickSettings
+                              : undefined,
                       }
                     : undefined,
                 collapsedContent:
@@ -1400,6 +1428,7 @@ export const createMynahUi = (
                       ? { 'insert-to-cursor': null }
                       : undefined,
             ...(shouldMute ? { muted: true } : {}),
+            quickSettings: message.quickSettings ? message.quickSettings : undefined,
         }
     }
 

chat-client/src/client/tabs/tabFactory.ts

@@ -202,7 +202,7 @@ Select code & ask me to explain, debug or optimize it, or type \`/\` for quick a
             tabBarButtons.push({
                 id: McpServerTabButtonId,
                 icon: MynahIcons.TOOLS,
-                description: 'Configure MCP servers',
+                description: 'Configure MCP servers and Built-in tools',
             })
         }
 

chat-client/src/client/withAdapter.ts

@@ -64,6 +64,8 @@ export const withAdapter = (
         onPromptTopBarItemAdded: addDefaultRouting('onPromptTopBarItemAdded'),
         onPromptTopBarItemRemoved: addDefaultRouting('onPromptTopBarItemRemoved'),
         onPromptTopBarButtonClick: addDefaultRouting('onPromptTopBarButtonClick'),
+        onDropDownOptionChange: addDefaultRouting('onDropDownOptionChange'),
+        onDropDownLinkClick: addDefaultRouting('onDropDownLinkClick'),
 
         /**
          * Handler with special routing logic

chat-client/src/contracts/chatClientAdapter.ts

@@ -43,6 +43,8 @@ export interface ChatEventHandler
         | 'onPromptTopBarItemAdded'
         | 'onPromptTopBarItemRemoved'
         | 'onPromptTopBarButtonClick'
+        | 'onDropDownOptionChange'
+        | 'onDropDownLinkClick'
     > {}
 
 /**