@lobehub/chat 1.48.2 → 1.48.4

package/locales/en-US/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "No enabled model. Please go to settings to enable.",
     "provider": "Provider"
+  },
+  "Thinking": {
+    "thinking": "Deep in thought...",
+    "thought": "Thought deeply",
+    "thoughtWithDuration": "Thought deeply (took {{duration}} seconds)"
   }
 }

package/locales/es-ES/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Pensando profundamente",
-    "thought": "He reflexionado profundamente (durante {{duration}} segundos)"
-  },
   "regenerate": "Regenerar",
   "roleAndArchive": "Rol y archivo",
   "searchAgentPlaceholder": "Asistente de búsqueda...",

package/locales/es-ES/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "No hay modelos habilitados. Vaya a la configuración para habilitarlos.",
     "provider": "Proveedor"
+  },
+  "Thinking": {
+    "thinking": "Pensando profundamente...",
+    "thought": "He pensado profundamente",
+    "thoughtWithDuration": "He pensado profundamente (durante {{duration}} segundos)"
   }
 }

package/locales/fa-IR/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "در حال تفکر عمیق",
-    "thought": "به طور عمیق فکر شده است (زمان صرف شده: {{duration}} ثانیه)"
-  },
   "regenerate": "بازتولید",
   "roleAndArchive": "نقش‌ها و بایگانی",
   "searchAgentPlaceholder": "جستجوی دستیار...",

package/locales/fa-IR/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "هیچ مدلی فعال نیست، لطفاً به تنظیمات بروید و آن را فعال کنید",
     "provider": "ارائه‌دهنده"
+  },
+  "Thinking": {
+    "thinking": "در حال تفکر عمیق...",
+    "thought": "تفکر عمیق انجام شد",
+    "thoughtWithDuration": "تفکر عمیق انجام شد (مدت زمان {{duration}} ثانیه)"
   }
 }

package/locales/fr-FR/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "En pleine réflexion profonde",
-    "thought": "J'ai réfléchi en profondeur (durée : {{duration}} secondes)"
-  },
   "regenerate": "Regénérer",
   "roleAndArchive": "Rôle et archivage",
   "searchAgentPlaceholder": "Assistant de recherche...",

package/locales/fr-FR/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Aucun modèle activé. Veuillez vous rendre dans les paramètres pour l'activer.",
     "provider": "Fournisseur"
+  },
+  "Thinking": {
+    "thinking": "En pleine réflexion...",
+    "thought": "Réflexion terminée",
+    "thoughtWithDuration": "Réflexion terminée (durée : {{duration}} secondes)"
   }
 }

package/locales/it-IT/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "In profonda riflessione",
-    "thought": "Pensato in profondità (tempo impiegato {{duration}} secondi)"
-  },
   "regenerate": "Rigenera",
   "roleAndArchive": "Ruolo e archivio",
   "searchAgentPlaceholder": "Assistente di ricerca...",

package/locales/it-IT/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Nessun modello attivo. Vai alle impostazioni per attivarne uno.",
     "provider": "Provider"
+  },
+  "Thinking": {
+    "thinking": "Pensando profondamente...",
+    "thought": "Pensato profondamente",
+    "thoughtWithDuration": "Pensato profondamente (tempo impiegato {{duration}} secondi)"
   }
 }

package/locales/ja-JP/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "深く考えています",
-    "thought": "深く考えました（所要時間 {{duration}} 秒）"
-  },
   "regenerate": "再生成",
   "roleAndArchive": "役割とアーカイブ",
   "searchAgentPlaceholder": "検索アシスタント...",

package/locales/ja-JP/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "有効なモデルがありません。設定に移動して有効にしてください。",
     "provider": "プロバイダー"
+  },
+  "Thinking": {
+    "thinking": "深く考えています...",
+    "thought": "深く考えました",
+    "thoughtWithDuration": "深く考えました（所要時間 {{duration}} 秒）"
   }
 }

package/locales/ko-KR/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "심층 사고 중",
-    "thought": "심층적으로 생각했습니다 (소요 시간: {{duration}} 초)"
-  },
   "regenerate": "재생성",
   "roleAndArchive": "역할 및 아카이브",
   "searchAgentPlaceholder": "검색 도우미...",

package/locales/ko-KR/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "활성화된 모델이 없습니다. 설정으로 이동하여 활성화하세요",
     "provider": "제공자"
+  },
+  "Thinking": {
+    "thinking": "심층적으로 생각 중...",
+    "thought": "심층적으로 생각했습니다",
+    "thoughtWithDuration": "심층적으로 생각했습니다 (소요 시간: {{duration}} 초)"
   }
 }

package/locales/nl-NL/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Diep aan het denken",
-    "thought": "Diep nagedacht (tijd: {{duration}} seconden)"
-  },
   "regenerate": "Opnieuw genereren",
   "roleAndArchive": "Rol en archief",
   "searchAgentPlaceholder": "Zoekassistent...",

package/locales/nl-NL/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "No enabled model, please go to settings to enable.",
     "provider": "Provider"
+  },
+  "Thinking": {
+    "thinking": "Diep in gedachten...",
+    "thought": "Diep nagedacht",
+    "thoughtWithDuration": "Diep nagedacht (geduurd {{duration}} seconden)"
   }
 }

package/locales/pl-PL/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Głęboko myślę",
-    "thought": "Głęboko myślałem (czas: {{duration}} sekund)"
-  },
   "regenerate": "Wygeneruj ponownie",
   "roleAndArchive": "Rola i archiwum",
   "searchAgentPlaceholder": "Wyszukaj pomocnika...",

package/locales/pl-PL/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Brak włączonych modeli, przejdź do ustawień i włącz je",
     "provider": "Dostawca"
+  },
+  "Thinking": {
+    "thinking": "Głęboko myślę...",
+    "thought": "Już głęboko myślałem",
+    "thoughtWithDuration": "Już głęboko myślałem (czas: {{duration}} sekund)"
   }
 }

package/locales/pt-BR/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Pensando profundamente",
-    "thought": "Pensou profundamente (tempo gasto: {{duration}} segundos)"
-  },
   "regenerate": "Regenerar",
   "roleAndArchive": "Função e Arquivo",
   "searchAgentPlaceholder": "Assistente de busca...",

package/locales/pt-BR/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Nenhum modelo habilitado. Por favor, vá para as configurações e habilite um.",
     "provider": "Fornecedor"
+  },
+  "Thinking": {
+    "thinking": "Pensando profundamente...",
+    "thought": "Pensamento profundo concluído",
+    "thoughtWithDuration": "Pensamento profundo concluído (durante {{duration}} segundos)"
   }
 }

package/locales/ru-RU/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Глубокое размышление",
-    "thought": "Глубоко размышлял (время: {{duration}} секунд)"
-  },
   "regenerate": "Сгенерировать заново",
   "roleAndArchive": "Роль и архив",
   "searchAgentPlaceholder": "Поиск помощника...",

package/locales/ru-RU/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Нет активированных моделей. Пожалуйста, перейдите в настройки и включите модель",
     "provider": "Поставщик"
+  },
+  "Thinking": {
+    "thinking": "Глубокое размышление...",
+    "thought": "Глубоко размышлено",
+    "thoughtWithDuration": "Глубоко размышлено (время: {{duration}} секунд)"
   }
 }

package/locales/tr-TR/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Derin düşünme aşamasında",
-    "thought": "Derinlemesine düşündü (geçen süre {{duration}} saniye)"
-  },
   "regenerate": "Tekrarla",
   "roleAndArchive": "Rol ve Arşiv",
   "searchAgentPlaceholder": "Arama Asistanı...",

package/locales/tr-TR/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Etkinleştirilmiş model bulunmamaktadır, lütfen ayarlara giderek açın",
     "provider": "Sağlayıcı"
+  },
+  "Thinking": {
+    "thinking": "Derin düşünme aşamasında...",
+    "thought": "Derin düşünme tamamlandı",
+    "thoughtWithDuration": "Derin düşünme tamamlandı (geçen süre {{duration}} saniye)"
   }
 }

package/locales/vi-VN/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "Đang suy nghĩ sâu sắc",
-    "thought": "Đã suy nghĩ sâu sắc (thời gian: {{duration}} giây)"
-  },
   "regenerate": "Tạo lại",
   "roleAndArchive": "Vai trò và lưu trữ",
   "searchAgentPlaceholder": "Trợ lý tìm kiếm...",

package/locales/vi-VN/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "Không có mô hình nào được kích hoạt, vui lòng điều chỉnh trong cài đặt",
     "provider": "Nhà cung cấp"
+  },
+  "Thinking": {
+    "thinking": "Đang suy nghĩ sâu sắc...",
+    "thought": "Đã suy nghĩ sâu sắc",
+    "thoughtWithDuration": "Đã suy nghĩ sâu sắc (thời gian: {{duration}} giây)"
   }
 }

package/locales/zh-CN/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "深度思考中",
-    "thought": "已深度思考（用时 {{duration}} 秒）"
-  },
   "regenerate": "重新生成",
   "roleAndArchive": "角色与记录",
   "searchAgentPlaceholder": "搜索助手...",

package/locales/zh-CN/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "没有启用的模型，请前往设置开启",
     "provider": "提供商"
+  },
+  "Thinking": {
+    "thinking": "深度思考中...",
+    "thought": "已深度思考",
+    "thoughtWithDuration": "已深度思考（用时 {{duration}} 秒）"
   }
 }

package/locales/zh-TW/chat.json

@@ -82,10 +82,6 @@
       }
     }
   },
-  "reasoning": {
-    "thinking": "深入思考中",
-    "thought": "已深度思考（用時 {{duration}} 秒）"
-  },
   "regenerate": "重新生成",
   "roleAndArchive": "角色與記錄",
   "searchAgentPlaceholder": "搜尋助手...",

package/locales/zh-TW/components.json

@@ -85,5 +85,10 @@
   "ModelSwitchPanel": {
     "emptyModel": "沒有啟用的模型，請前往設定開啟",
     "provider": "提供商"
+  },
+  "Thinking": {
+    "thinking": "深度思考中...",
+    "thought": "已深度思考",
+    "thoughtWithDuration": "已深度思考（用時 {{duration}} 秒）"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.48.2",
+  "version": "1.48.4",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/app/(main)/settings/provider/features/ModelList/ModelItem.tsx

@@ -11,12 +11,10 @@ import { ModelInfoTags } from '@/components/ModelSelect';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { aiModelSelectors, useAiInfraStore } from '@/store/aiInfra';
 import { AiModelSourceEnum, AiProviderModelListItem, ChatModelPricing } from '@/types/aiModel';
+import { formatPriceByCurrency } from '@/utils/format';
 
 import ModelConfigModal from './ModelConfigModal';
 
-const f = (number: number | undefined, text: string) =>
-  typeof number !== 'undefined' ? text : undefined;
-
 export const useStyles = createStyles(({ css, token, cx }) => {
   const config = css`
     opacity: 0;
@@ -74,7 +72,7 @@ const ModelItem = memo<ModelItemProps>(
     type,
   }) => {
     const { styles } = useStyles();
-    const { t } = useTranslation(['modelProvider', 'components', 'models']);
+    const { t } = useTranslation(['modelProvider', 'components', 'models', 'common']);
     const theme = useTheme();
 
     const [activeAiProvider, isModelLoading, toggleModelEnabled, removeAiModel] = useAiInfraStore(
@@ -90,41 +88,43 @@ const ModelItem = memo<ModelItemProps>(
     const [showConfig, setShowConfig] = useState(false);
 
     const formatPricing = (): string[] => {
+      if (!pricing) return [];
+
       switch (type) {
         case 'chat': {
           return [
-            f(
-              pricing?.input,
-              t('providerModels.item.pricing.inputTokens', { amount: pricing?.input }),
-            ),
-            f(
-              pricing?.output,
-              t('providerModels.item.pricing.outputTokens', { amount: pricing?.output }),
-            ),
+            typeof pricing.input === 'number' &&
+              t('providerModels.item.pricing.inputTokens', {
+                amount: formatPriceByCurrency(pricing.input, pricing?.currency),
+              }),
+            typeof pricing.output === 'number' &&
+              t('providerModels.item.pricing.outputTokens', {
+                amount: formatPriceByCurrency(pricing.output, pricing?.currency),
+              }),
           ].filter(Boolean) as string[];
         }
         case 'embedding': {
           return [
-            f(
-              pricing?.input,
-              t('providerModels.item.pricing.inputTokens', { amount: pricing?.input }),
-            ),
+            typeof pricing.input === 'number' &&
+              t('providerModels.item.pricing.inputTokens', {
+                amount: formatPriceByCurrency(pricing.input, pricing?.currency),
+              }),
           ].filter(Boolean) as string[];
         }
         case 'tts': {
           return [
-            f(
-              pricing?.input,
-              t('providerModels.item.pricing.inputCharts', { amount: pricing?.input }),
-            ),
+            typeof pricing.input === 'number' &&
+              t('providerModels.item.pricing.inputCharts', {
+                amount: formatPriceByCurrency(pricing.input, pricing?.currency),
+              }),
           ].filter(Boolean) as string[];
         }
         case 'stt': {
           return [
-            f(
-              pricing?.input,
-              t('providerModels.item.pricing.inputMinutes', { amount: pricing?.input }),
-            ),
+            typeof pricing.input === 'number' &&
+              t('providerModels.item.pricing.inputMinutes', {
+                amount: formatPriceByCurrency(pricing.input, pricing?.currency),
+              }),
           ].filter(Boolean) as string[];
         }
 
@@ -142,7 +142,12 @@ const ModelItem = memo<ModelItemProps>(
       releasedAt && t('providerModels.item.releasedAt', { releasedAt }),
       ...formatPricing(),
     ].filter(Boolean) as string[];
+
     const { message, modal } = App.useApp();
+    const copyModelId = async () => {
+      await copyToClipboard(id);
+      message.success({ content: t('copySuccess', { ns: 'common' }) });
+    };
 
     const isMobile = useIsMobile();
 
@@ -179,12 +184,7 @@ const ModelItem = memo<ModelItemProps>(
               </Flexbox>
             </Flexbox>
             <div>
-              <Tag
-                onClick={() => {
-                  copyToClipboard(id);
-                }}
-                style={{ cursor: 'pointer', marginRight: 0 }}
-              >
+              <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>
                 {id}
               </Tag>
             </div>
@@ -251,12 +251,7 @@ const ModelItem = memo<ModelItemProps>(
           <Flexbox flex={1} gap={2} style={{ minWidth: 0 }}>
             <Flexbox align={'center'} gap={8} horizontal>
               {displayName || id}
-              <Tag
-                onClick={() => {
-                  copyToClipboard(id);
-                }}
-                style={{ cursor: 'pointer', marginRight: 0 }}
-              >
+              <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>
                 {id}
               </Tag>
               <Flexbox className={styles.config} horizontal>

package/src/components/Thinking/index.tsx

@@ -0,0 +1,137 @@
+import { Icon, Markdown } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { AnimatePresence, motion } from 'framer-motion';
+import { AtomIcon, ChevronDown, ChevronRight } from 'lucide-react';
+import { rgba } from 'polished';
+import { memo, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token, isDarkMode }) => ({
+  container: css`
+    cursor: pointer;
+
+    width: fit-content;
+    padding-block: 4px;
+    padding-inline: 8px;
+    border-radius: 6px;
+
+    color: ${token.colorTextTertiary};
+
+    &:hover {
+      background: ${isDarkMode ? token.colorFillQuaternary : token.colorFillTertiary};
+    }
+  `,
+  expand: css`
+    background: ${isDarkMode ? token.colorFillQuaternary : token.colorFillTertiary} !important;
+  `,
+  shinyText: css`
+    color: ${rgba(token.colorText, 0.45)};
+
+    background: linear-gradient(
+      120deg,
+      ${rgba(token.colorTextBase, 0)} 40%,
+      ${token.colorTextSecondary} 50%,
+      ${rgba(token.colorTextBase, 0)} 60%
+    );
+    background-clip: text;
+    background-size: 200% 100%;
+
+    animation: shine 1.5s linear infinite;
+
+    @keyframes shine {
+      0% {
+        background-position: 100%;
+      }
+
+      100% {
+        background-position: -100%;
+      }
+    }
+  `,
+  title: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    font-size: 12px;
+    text-overflow: ellipsis;
+  `,
+}));
+
+interface ThinkingProps {
+  content?: string;
+  duration?: number;
+  thinking?: boolean;
+}
+
+const Thinking = memo<ThinkingProps>(({ content = '', duration, thinking }) => {
+  const { t } = useTranslation('components');
+  const { styles, cx } = useStyles();
+
+  const [showDetail, setShowDetail] = useState(false);
+
+  useEffect(() => {
+    if (thinking && !content) {
+      setShowDetail(true);
+    }
+
+    if (!thinking) {
+      setShowDetail(false);
+    }
+  }, [thinking, content]);
+
+  return (
+    <Flexbox
+      className={cx(styles.container, showDetail && styles.expand)}
+      gap={16}
+      onClick={() => {
+        setShowDetail(!showDetail);
+      }}
+    >
+      <Flexbox distribution={'space-between'} flex={1} horizontal>
+        {thinking ? (
+          <Flexbox gap={8} horizontal>
+            <Icon icon={AtomIcon} />
+            <Flexbox className={styles.shinyText} horizontal>
+              {t('Thinking.thinking')}
+            </Flexbox>
+          </Flexbox>
+        ) : (
+          <Flexbox gap={8} horizontal>
+            <Icon icon={AtomIcon} />
+            {typeof duration === 'undefined'
+              ? t('Thinking.thoughtWithDuration')
+              : t('Thinking.thought', { duration: ((duration || 0) / 1000).toFixed(1) })}
+          </Flexbox>
+        )}
+        <Icon icon={showDetail ? ChevronDown : ChevronRight} />
+      </Flexbox>
+
+      <AnimatePresence initial={false}>
+        {showDetail && (
+          <motion.div
+            animate="open"
+            exit="collapsed"
+            initial="collapsed"
+            style={{ overflow: 'hidden' }}
+            transition={{
+              duration: 0.2,
+              ease: [0.4, 0, 0.2, 1], // 使用 ease-out 缓动函数
+            }}
+            variants={{
+              collapsed: { height: 0, opacity: 0, width: 'auto' },
+              open: { height: 'auto', opacity: 1, width: 'auto' },
+            }}
+          >
+            <Markdown variant={'chat'}>{content}</Markdown>
+          </motion.div>
+        )}
+        {/*<Flexbox></Flexbox>*/}
+      </AnimatePresence>
+    </Flexbox>
+  );
+});
+
+export default Thinking;

package/src/const/currency.ts

@@ -0,0 +1,2 @@
+// in 2025.01.26
+export const USD_TO_CNY = 7.24;

package/src/const/discover.ts

@@ -6,8 +6,6 @@ import {
   DiscoverProviderItem,
 } from '@/types/discover';
 
-export const CNY_TO_USD = 7.14;
-
 const DEFAULT_CREATED_AT = new Date().toISOString();
 
 export const DEFAULT_DISCOVER_ASSISTANT_ITEM: Partial<DiscoverAssistantItem> = {