Clean up Q explore UX (#5153)

Author: rli

.changes/next-release/bugfix-7391344e-e006-4fc0-bea0-0c5ee2db3be0.json

@@ -0,0 +1,4 @@
+{
+  "type" : "bugfix",
+  "description" : "Amazon Q: Fix chat syntax highlighting when using several different themes"
+}

.changes/next-release/feature-3171e147-0136-449d-b5d7-25c176447b86.json

@@ -0,0 +1,4 @@
+{
+  "type" : "feature",
+  "description" : "Amazon Q: UI improvements to chat: New splash loader animation, initial streaming card animation, improved button colours"
+}

.changes/next-release/feature-f74db7ad-9389-44af-8acb-2d64e9b99427.json

@@ -0,0 +1,4 @@
+{
+  "type" : "feature",
+  "description" : "Amazon Q: Navigate through prompt history by using the up/down arrows"
+}

plugins/amazonq/mynah-ui/package-lock.json

@@ -12,7 +12,7 @@
         "lintfix": "eslint -c .eslintrc.js --fix --ext .ts ."
     },
     "dependencies": {
-        "@aws/mynah-ui-chat": "npm:@aws/mynah-ui@4.18.1",
+        "@aws/mynah-ui-chat": "npm:@aws/mynah-ui@4.21.0",
         "@types/node": "^14.18.5",
         "fs-extra": "^10.0.1",
         "sanitize-html": "^2.12.1",

plugins/amazonq/mynah-ui/package.json

@@ -11,7 +11,6 @@ function createdTabbedData(examples: string[], agent: string): ChatItemContent['
         {
             label: 'Examples',
             value: 'examples',
-            icon: MynahIcons.PLAY,
             content: {
                 body: `**Example use cases:**\n${exampleText}\n\nEnter ${agent} in Q Chat to get started`,
             },
@@ -59,6 +58,7 @@ Implement features or make changes across your workspace, all from a single prom
                     status: 'main',
                     disabled: false,
                     flash: 'once',
+                    fillState: 'hover',
                     icon: MynahIcons.RIGHT_OPEN,
                     id: 'quick-start-featuredev',
                     text: `Quick start with **/dev**`,
@@ -86,10 +86,11 @@ Automatically generate unit tests for your active file.
                     text: 'Read user guide',
                 },
                 {
-                    status: 'primary',
+                    status: 'main',
                     disabled: false,
-                    icon: MynahIcons.RIGHT_OPEN,
                     flash: 'once',
+                    fillState: 'hover',
+                    icon: MynahIcons.RIGHT_OPEN,
                     id: 'quick-start-codetest',
                     text: `Quick start with **/test**`,
                 },
@@ -120,9 +121,11 @@ Create and update READMEs for better documented code.
                     text: 'Read user guide',
                 },
                 {
+                    status: 'main',
                     disabled: false,
+                    flash: 'once',
+                    fillState: 'hover',
                     icon: MynahIcons.RIGHT_OPEN,
-                    flash: 'infinite',
                     id: 'quick-start-doc',
                     text: `Quick start with **/doc**`,
                 },
@@ -153,9 +156,11 @@ Review code for issues, then get suggestions to fix your code instantaneously.
                     text: 'Read user guide',
                 },
                 {
+                    status: 'main',
                     disabled: false,
+                    flash: 'once',
+                    fillState: 'hover',
                     icon: MynahIcons.RIGHT_OPEN,
-                    flash: 'infinite',
                     id: 'quick-start-codescan',
                     text: `Quick start with **/review**`,
                 },
@@ -182,9 +187,11 @@ Upgrade library and language versions in your codebase.
                     text: 'Read user guide',
                 },
                 {
+                    status: 'main',
                     disabled: false,
+                    flash: 'once',
+                    fillState: 'hover',
                     icon: MynahIcons.RIGHT_OPEN,
-                    flash: 'infinite',
                     id: 'quick-start-codetransform',
                     text: `Quick start with **/transform**`,
                 },