From d35368971d9fad944316089066abc61526cdecea Mon Sep 17 00:00:00 2001
From: taher <8665427+nullhook@users.noreply.github.com>
Date: Fri, 27 Oct 2023 16:29:00 -0700
Subject: [PATCH] AI Chat: small UI fixes (#20716)

---
 components/ai_chat/core/constants.cc                        | 3 ++-
 .../resources/page/components/feature_button_menu/index.tsx | 2 +-
 .../page/components/feature_button_menu/style.module.scss   | 6 +++++-
 components/ai_chat/resources/page/stories/locale.ts         | 3 ++-
 components/resources/ai_chat_ui_strings.grdp                | 3 +++
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/ai_chat/core/constants.cc b/components/ai_chat/core/constants.cc
index a8fcbb539fd6..c201b2b15a30 100644
--- a/components/ai_chat/core/constants.cc
+++ b/components/ai_chat/core/constants.cc
@@ -86,7 +86,8 @@ base::span<const webui::LocalizedString> GetLocalizedStrings() {
       {"errorContextLimitReaching", IDS_CHAT_UI_ERROR_CONTEXT_LIMIT_REACHING},
       {"gotItButtonLabel", IDS_CHAT_UI_GOT_IT_BUTTON_LABEL},
       {"pageContentTooLongWarning", IDS_CHAT_UI_PAGE_CONTENT_TOO_LONG_WARNING},
-      {"errorConversationEnd", IDS_CHAT_UI_CONVERSATION_END_ERROR}};
+      {"errorConversationEnd", IDS_CHAT_UI_CONVERSATION_END_ERROR},
+      {"leoSettingsTooltipLabel", IDS_CHAT_UI_LEO_SETTINGS_TOOLTIP_LABEL}};
 
   return kLocalizedStrings;
 }
diff --git a/components/ai_chat/resources/page/components/feature_button_menu/index.tsx b/components/ai_chat/resources/page/components/feature_button_menu/index.tsx
index df9723d6dc6a..b1d07357c094 100644
--- a/components/ai_chat/resources/page/components/feature_button_menu/index.tsx
+++ b/components/ai_chat/resources/page/components/feature_button_menu/index.tsx
@@ -35,7 +35,7 @@ export default function FeatureMenu() {
 
   return (
     <ButtonMenu className={styles.featureMenu}>
-      <div slot='anchor-content'>
+      <div slot='anchor-content' title={getLocale('leoSettingsTooltipLabel')}>
         <Icon name='more-horizontal' />
       </div>
       <div className={styles.menuSectionTitle}>
diff --git a/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss b/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss
index c3236e75852a..ee2f236be470 100644
--- a/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss
+++ b/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss
@@ -59,5 +59,9 @@
 }
 
 .lockOpen {
-  --leo-icon-color: var(--leo-color-icon-disabled);
+  --leo-icon-color: var(--leo-color-systemfeedback-success-icon);
+}
+
+.featureMenu {
+  height: var(--leo-icon-size);
 }
diff --git a/components/ai_chat/resources/page/stories/locale.ts b/components/ai_chat/resources/page/stories/locale.ts
index 4ff3bb9cbaee..4c7ec82ba9ac 100644
--- a/components/ai_chat/resources/page/stories/locale.ts
+++ b/components/ai_chat/resources/page/stories/locale.ts
@@ -69,5 +69,6 @@ provideStrings({
   braveLeoChatLeoExpandedSubtitle: 'Advanced and accurate chat',
   braveLeoChatClaudeInstantSubtitle: 'Strength in creative tasks',
   pageContentTooLongWarning: 'The page you\'re trying to summarize is too long. Some context could be missing from the conversation.',
-  errorConversationEnd: 'This conversation is too long and cannot continue. There may be other models available with which Leo is capable of maintaining accuracy for longer conversations.'
+  errorConversationEnd: 'This conversation is too long and cannot continue. There may be other models available with which Leo is capable of maintaining accuracy for longer conversations.',
+  leoSettingsTooltipLabel: 'Leo settings',
 })
diff --git a/components/resources/ai_chat_ui_strings.grdp b/components/resources/ai_chat_ui_strings.grdp
index df987259e7c3..5335e3d74513 100644
--- a/components/resources/ai_chat_ui_strings.grdp
+++ b/components/resources/ai_chat_ui_strings.grdp
@@ -217,4 +217,7 @@
   <message name="IDS_CHAT_UI_CHAT_CLAUDE_INSTANT_SUBTITLE" desc="A description for claude-instant-v1 model">
     Conversation and text generation
   </message>
+  <message name="IDS_CHAT_UI_LEO_SETTINGS_TOOLTIP_LABEL" desc="A label for leo settings tooltip">
+    Leo settings
+  </message>
 </grit-part>