💄 style: improve display of set limited history messages, `randomne…

…ss` and `voice input` (lobehub#2586) * 💄 style: Modify the display effect of some content * 💄 style: Modify the display effect of `voice input` * 💄 style: Modify the display effect of `voice input`
SilvaneiMartins · May 28, 2024 · 22c9b9c · 22c9b9c
1 parent 6a51975
commit 22c9b9c
Show file tree

Hide file tree

Showing 21 changed files with 56 additions and 16 deletions.
diff --git a/locales/ar/setting.json b/locales/ar/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "غير محدود",
       "limited": "يحتوي فقط على {{number}} رسالة محادثة",
+      "setlimited": "تعيين عدد الرسائل التاريخية",
       "title": "تحديد عدد الرسائل التاريخية",
       "unlimited": "غير محدود"
     },

diff --git a/locales/bg-BG/setting.json b/locales/bg-BG/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Неограничен",
       "limited": "Включете само {{number}} съобщения от разговора",
+      "setlimited": "Задайте ограничение за използване на брой исторически съобщения",
       "title": "Ограничаване на броя на съобщенията в историята",
       "unlimited": "Неограничен брой съобщения в историята"
     },

diff --git a/locales/de-DE/setting.json b/locales/de-DE/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Unbegrenzt",
       "limited": "Enthält nur {{number}} Gesprächsnachrichten",
+      "setlimited": "Setzen Sie die begrenzte Anzahl von Nachrichten",
       "title": "Historiennachrichten begrenzen",
       "unlimited": "Unbegrenzte Historiennachrichten"
     },

diff --git a/locales/en-US/setting.json b/locales/en-US/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Unlimited",
       "limited": "Include only {{number}} conversation messages",
+      "setlimited": "Set limited history messages",
       "title": "Limit History Message Count",
       "unlimited": "Unlimited history message count"
     },

diff --git a/locales/es-ES/setting.json b/locales/es-ES/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Sin límite",
       "limited": "Incluye solo {{number}} mensajes de conversación",
+      "setlimited": "Establecer cantidad de mensajes históricos",
       "title": "Limitar número de mensajes históricos",
       "unlimited": "Sin límite de mensajes históricos"
     },

diff --git a/locales/fr-FR/setting.json b/locales/fr-FR/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Illimité",
       "limited": "Inclure uniquement {{number}} messages de conversation",
+      "setlimited": "Définir le nombre de messages d'historique",
       "title": "Limite du nombre de messages historiques",
       "unlimited": "Aucune limite sur le nombre de messages historiques"
     },

diff --git a/locales/it-IT/setting.json b/locales/it-IT/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Illimitato",
       "limited": "Include solo {{number}} messaggi di conversazione",
+      "setlimited": "Imposta il numero di messaggi storici da utilizzare",
       "title": "Limita il numero di messaggi storici",
       "unlimited": "Numero illimitato di messaggi storici"
     },

diff --git a/locales/ja-JP/setting.json b/locales/ja-JP/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "制限なし",
       "limited": "{{number}}件の会話メッセージのみ含む",
+      "setlimited": "使用履歴メッセージ数",
       "title": "過去メッセージ数を制限する",
       "unlimited": "過去メッセージ数を制限しない"
     },

diff --git a/locales/ko-KR/setting.json b/locales/ko-KR/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "제한 없음",
       "limited": "{{number}}개의 대화 메시지만 포함",
+      "setlimited": "사용할 메시지 수 설정",
       "title": "이전 메시지 수 제한",
       "unlimited": "이전 메시지 수 제한 없음"
     },

diff --git a/locales/nl-NL/setting.json b/locales/nl-NL/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Onbeperkt",
       "limited": "Bevat alleen {{number}} berichten",
+      "setlimited": "Stel berichtengeschiedenis in",
       "title": "Berichtgeschiedenis beperken",
       "unlimited": "Onbeperkt aantal berichten in de geschiedenis"
     },

diff --git a/locales/pl-PL/setting.json b/locales/pl-PL/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Bez limitu",
       "limited": "Zawiera tylko {{number}} wiadomości",
+      "setlimited": "Ustaw limit wiadomości historycznych",
       "title": "Ograniczenie liczby wiadomości w historii",
       "unlimited": "Bez limitu wiadomości w historii"
     },

diff --git a/locales/pt-BR/setting.json b/locales/pt-BR/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Sem limite",
       "limited": "Incluir apenas {{number}} mensagens de conversa",
+      "setlimited": "Definir número de mensagens de histórico",
       "title": "Limitar número de mensagens de histórico",
       "unlimited": "Sem limite de mensagens de histórico"
     },

diff --git a/locales/ru-RU/setting.json b/locales/ru-RU/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Без ограничений",
       "limited": "Содержит только {{number}} сообщений",
+      "setlimited": "Установить ограничение на количество использованных сообщений",
       "title": "Ограничение истории сообщений",
       "unlimited": "Без ограничения истории сообщений"
     },

diff --git a/locales/tr-TR/setting.json b/locales/tr-TR/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Sınırsız",
       "limited": "Yalnızca {{number}} konuşma mesajını içerir",
+      "setlimited": "Kullanılan mesaj sayısı",
       "title": "Geçmiş Mesaj Sayısı Sınırlama",
       "unlimited": "Sınırsız geçmiş mesaj sayısı"
     },

diff --git a/locales/vi-VN/setting.json b/locales/vi-VN/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "Không giới hạn",
       "limited": "Chỉ chứa {{number}} tin nhắn trò chuyện",
+      "setlimited": "Thiết lập số lượng tin nhắn lịch sử",
       "title": "Giới hạn số lượng tin nhắn lịch sử",
       "unlimited": "Không giới hạn số lượng tin nhắn lịch sử"
     },

diff --git a/locales/zh-CN/setting.json b/locales/zh-CN/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "不限制",
       "limited": "只包含 {{number}} 条会话消息",
+      "setlimited": "使用历史消息数",
       "title": "限制历史消息数",
       "unlimited": "不限历史消息数"
     },

diff --git a/locales/zh-TW/setting.json b/locales/zh-TW/setting.json
@@ -182,6 +182,7 @@
     "enableHistoryCount": {
       "alias": "不限制",
       "limited": "只包含 {{number}} 條對話訊息",
+      "setlimited": "設置限制",
       "title": "限制歷史訊息數",
       "unlimited": "不限歷史訊息數"
     },

diff --git a/src/features/ChatInput/ActionBar/History.tsx b/src/features/ChatInput/ActionBar/History.tsx
@@ -1,7 +1,7 @@
 import { ActionIcon, SliderWithInput } from '@lobehub/ui';
 import { Popover, Switch } from 'antd';
 import { Timer, TimerOff } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -10,12 +10,20 @@ import { agentSelectors } from '@/store/agent/selectors';
 
 const History = memo(() => {
   const { t } = useTranslation('setting');
+  const [popoverOpen, setPopoverOpen] = useState(false);
 
   const [historyCount, unlimited, updateAgentConfig] = useAgentStore((s) => {
     const config = agentSelectors.currentAgentChatConfig(s);
     return [config.historyCount, !config.enableHistoryCount, s.updateAgentChatConfig];
   });
 
+  const title = t(
+    unlimited
+      ? 'settingChat.enableHistoryCount.unlimited'
+      : 'settingChat.enableHistoryCount.limited',
+    { number: historyCount || 0 },
+  );
+
   return (
     <Popover
       arrow={false}
@@ -44,18 +52,16 @@ const History = memo(() => {
           </Flexbox>
         </Flexbox>
       }
+      onOpenChange={setPopoverOpen}
+      open={popoverOpen}
       placement={'top'}
+      title={t('settingChat.enableHistoryCount.setlimited')}
       trigger={'click'}
     >
       <ActionIcon
         icon={unlimited ? TimerOff : Timer}
         placement={'bottom'}
-        title={t(
-          unlimited
-            ? 'settingChat.enableHistoryCount.unlimited'
-            : 'settingChat.enableHistoryCount.limited',
-          { number: historyCount || 0 },
-        )}
+        title={popoverOpen ? undefined : title}
       />
     </Popover>
   );

diff --git a/src/features/ChatInput/ActionBar/Temperature.tsx b/src/features/ChatInput/ActionBar/Temperature.tsx
@@ -1,20 +1,23 @@
 import { ActionIcon, SliderWithInput } from '@lobehub/ui';
 import { Popover } from 'antd';
 import { Thermometer } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 
 const Temperature = memo(() => {
   const { t } = useTranslation('setting');
+  const [popoverOpen, setPopoverOpen] = useState(false);
 
   const [temperature, updateAgentConfig] = useAgentStore((s) => {
     const config = agentSelectors.currentAgentConfig(s);
     return [config.params?.temperature, s.updateAgentConfig];
   });
 
+  const title = t('settingModel.temperature.titleWithValue', { value: temperature });
+
   return (
     <Popover
       arrow={false}
@@ -32,14 +35,13 @@ const Temperature = memo(() => {
           value={temperature}
         />
       }
+      onOpenChange={setPopoverOpen}
+      open={popoverOpen}
       placement={'top'}
+      title={t('settingModel.temperature.title')}
       trigger={'click'}
     >
-      <ActionIcon
-        icon={Thermometer}
-        placement={'bottom'}
-        title={t('settingModel.temperature.titleWithValue', { value: temperature })}
-      />
+      <ActionIcon icon={Thermometer} placement={'bottom'} title={popoverOpen ? undefined : title} />
     </Popover>
   );
 });

diff --git a/src/features/ChatInput/STT/common.tsx b/src/features/ChatInput/STT/common.tsx
@@ -2,7 +2,7 @@ import { ActionIcon, Alert, Highlighter } from '@lobehub/ui';
 import { Button, Dropdown } from 'antd';
 import { createStyles } from 'antd-style';
 import { Mic, MicOff } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -43,6 +43,11 @@ const CommonSTT = memo<{
   }) => {
     const { t } = useTranslation('chat');
     const { styles } = useStyles();
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+
+    const handleDropdownVisibleChange = (open: boolean) => {
+      setDropdownOpen(open);
+    };
 
     return (
       <Dropdown
@@ -74,6 +79,14 @@ const CommonSTT = memo<{
         menu={{
           activeKey: 'time',
           items: [
+            {
+              key: 'title',
+              label: (
+                <Flexbox>
+                  <div style={{ fontWeight: 'bolder' }}>{t('stt.action')}</div>
+                </Flexbox>
+              ),
+            },
             {
               key: 'time',
               label: (
@@ -85,7 +98,8 @@ const CommonSTT = memo<{
             },
           ],
         }}
-        open={!!error || isRecording || isLoading}
+        onOpenChange={handleDropdownVisibleChange}
+        open={dropdownOpen || !!error || isRecording || isLoading}
         placement={mobile ? 'topRight' : 'top'}
         trigger={['click']}
       >
@@ -96,7 +110,7 @@ const CommonSTT = memo<{
           placement={'bottom'}
           size={mobile ? { blockSize: 36, fontSize: 16 } : { fontSize: 22 }}
           style={{ flex: 'none' }}
-          title={desc}
+          title={dropdownOpen ? '' : desc}
         />
       </Dropdown>
     );

diff --git a/src/locales/default/setting.ts b/src/locales/default/setting.ts
@@ -185,6 +185,7 @@ export default {
     enableHistoryCount: {
       alias: '不限制',
       limited: '只包含 {{number}} 条会话消息',
+      setlimited: '使用历史消息数',
       title: '限制历史消息数',
       unlimited: '不限历史消息数',
     },