🌐 style: 增加国际化文案

src/locales/default/common.ts

@@ -4,6 +4,7 @@ export default {
   'agentAvatar': '头像',
   'agentDescription': '描述',
   'agentDescriptionPlaceholder': '请输入描述',
+  'agentMaxToken': '会话最大长度',
   'agentModel': '模型',
   'agentName': '名称',
   'agentNamePlaceholder': '请输入名称',

src/pages/chat/[id]/Config/ReadMode.tsx

@@ -3,6 +3,7 @@ import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { LucideBrain, LucideThermometer, WholeWord } from 'lucide-react';
 import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 import { shallow } from 'zustand/shallow';
 
@@ -31,26 +32,26 @@ const ReadMode = memo(() => {
   const title = useSessionStore(agentSelectors.currentAgentTitle, shallow);
   const model = useSessionStore(agentSelectors.currentAgentModel, shallow);
 
+  const { t } = useTranslation('common');
   return (
-    <Center gap={12} padding={'32px 16px'} style={{ marginTop: 8 }}>
+    <Center gap={12} paddingBlock={16} style={{ marginTop: 8 }}>
       <Avatar avatar={avatar} size={100} />
       <Flexbox className={styles.title}>{title || DEFAULT_TITLE}</Flexbox>
       <Flexbox className={styles.model}>{model}</Flexbox>
       <Flexbox className={styles.desc}>{session.meta.description}</Flexbox>
 
       <Flexbox flex={1} gap={12} width={'100%'}>
-        <ConfigCell icon={LucideBrain} label={'提示词'} />
-
+        <ConfigCell icon={LucideBrain} label={t('agentPrompt')} />
         <ConfigCellGroup
           items={[
             {
               icon: LucideThermometer,
-              label: '温度',
+              label: t('modelTemperature'),
               value: session.config.params.temperature,
             },
             {
               icon: WholeWord,
-              label: '会话最大长度',
+              label: t('agentMaxToken'),
               value: session.config.params.max_tokens,
             },
           ]}