feat: add advanced settings localization and improve existing translations

- Added "advanced_settings" key to English, Japanese, Russian, Chinese, and Traditional Chinese localization files for better user experience. - Corrected translations for "chunk_size" and "chunk_overlap" in Chinese and Traditional Chinese localization files to enhance clarity.
2025-03-19 15:42:00 +08:00 · 2025-03-19 15:42:00 +08:00 · cbb1173a3d
commit cbb1173a3d
parent ae47d170ca
6 changed files with 126 additions and 87 deletions
--- a/src/renderer/src/i18n/locales/en-us.json
+++ b/src/renderer/src/i18n/locales/en-us.json
@ -235,7 +235,8 @@
      "you": "You",
      "copied": "Copied",
      "confirm": "Confirm",
-      "more": "More"
+      "more": "More",
+      "advanced_settings": "Advanced Settings"
    },
    "docs": {
      "title": "Docs"
--- a/src/renderer/src/i18n/locales/ja-jp.json
+++ b/src/renderer/src/i18n/locales/ja-jp.json
@ -235,7 +235,8 @@
      "you": "あなた",
      "copied": "コピーされました",
      "confirm": "確認",
-      "more": "もっと"
+      "more": "もっと",
+      "advanced_settings": "詳細設定"
    },
    "docs": {
      "title": "ドキュメント"
--- a/src/renderer/src/i18n/locales/ru-ru.json
+++ b/src/renderer/src/i18n/locales/ru-ru.json
@ -233,9 +233,10 @@
      "topics": "Топики",
      "warning": "Предупреждение",
      "you": "Вы",
-      "confirm": "确认的翻译是: Подтверждение",
+      "confirm": "Подтверждение",
      "copied": "Скопировано",
-      "more": "Ещё"
+      "more": "Ещё",
+      "advanced_settings": "Дополнительные настройки"
    },
    "docs": {
      "title": "Документация"
--- a/src/renderer/src/i18n/locales/zh-cn.json
+++ b/src/renderer/src/i18n/locales/zh-cn.json
@ -235,7 +235,8 @@
      "topics": "话题",
      "warning": "警告",
      "you": "用户",
-      "more": "更多"
+      "more": "更多",
+      "advanced_settings": "高级设置"
    },
    "docs": {
      "title": "帮助文档"
@ -324,9 +325,9 @@
      "delete_confirm": "确定要删除此知识库吗?",
      "directories": "目录",
      "directory_placeholder": "请输入目录路径",
-      "document_count": "请求文档分段数量",
+      "document_count": "请求文档片段数量",
      "document_count_default": "默认",
-      "document_count_help": "请求文档分段数量越多，附带的信息越多，但需要消耗的 Token 也越多",
+      "document_count_help": "请求文档片段数量越多，附带的信息越多，但需要消耗的 Token 也越多",
      "drag_file": "拖拽文件到这里",
      "edit_remark": "修改备注",
      "edit_remark_placeholder": "请输入备注内容",
--- a/src/renderer/src/i18n/locales/zh-tw.json
+++ b/src/renderer/src/i18n/locales/zh-tw.json
@ -235,7 +235,8 @@
      "you": "您",
      "copied": "已複製",
      "confirm": "確認",
-      "more": "更多"
+      "more": "更多",
+      "advanced_settings": "進階設定"
    },
    "docs": {
      "title": "說明文件"
@ -324,9 +325,9 @@
      "delete_confirm": "確定要刪除此知識庫嗎？",
      "directories": "目錄",
      "directory_placeholder": "請輸入目錄路徑",
-      "document_count": "請求文件分段數量",
+      "document_count": "請求文件片段數量",
      "document_count_default": "預設",
-      "document_count_help": "請求文件分段數量越多，附帶的資訊越多，但需要消耗的 Token 也越多",
+      "document_count_help": "請求文件片段數量越多，附帶的資訊越多，但需要消耗的 Token 也越多",
      "drag_file": "拖拽檔案到這裡",
      "edit_remark": "修改備註",
      "edit_remark_placeholder": "請輸入備註內容",
--- a/src/renderer/src/pages/knowledge/components/KnowledgeSettingsPopup.tsx
+++ b/src/renderer/src/pages/knowledge/components/KnowledgeSettingsPopup.tsx
@ -1,4 +1,4 @@
-import { WarningOutlined } from '@ant-design/icons'
+import { DownOutlined, WarningOutlined } from '@ant-design/icons'
 import { TopView } from '@renderer/components/TopView'
 import { DEFAULT_KNOWLEDGE_DOCUMENT_COUNT } from '@renderer/config/constant'
 import { getEmbeddingMaxContext } from '@renderer/config/embedings'
@ -11,6 +11,7 @@ import { Alert, Form, Input, InputNumber, Modal, Select, Slider } from 'antd'
 import { sortBy } from 'lodash'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import styled from 'styled-components'

 interface ShowParams {
  base: KnowledgeBase
@ -33,6 +34,7 @@ interface Props extends ShowParams {

 const PopupContainer: React.FC<Props> = ({ base: _base, resolve }) => {
  const [open, setOpen] = useState(true)
+  const [showAdvanced, setShowAdvanced] = useState(false)
  const [form] = Form.useForm<FormData>()
  const { t } = useTranslation()
  const { providers } = useProviders()
@ -118,7 +120,7 @@ const PopupContainer: React.FC<Props> = ({ base: _base, resolve }) => {
      destroyOnClose
      maskClosable={false}
      centered>
-      <Form form={form} layout="vertical">
+      <Form form={form} layout="vertical" className="compact-form">
        <Form.Item
          name="name"
          label={t('common.name')}
@ -163,94 +165,126 @@ const PopupContainer: React.FC<Props> = ({ base: _base, resolve }) => {
          />
        </Form.Item>

-        <Form.Item
-          name="chunkSize"
-          label={t('knowledge.chunk_size')}
-          tooltip={{ title: t('knowledge.chunk_size_tooltip') }}
-          initialValue={base.chunkSize}
-          rules={[
-            {
-              validator(_, value) {
-                const maxContext = getEmbeddingMaxContext(base.model.id)
-                if (value && maxContext && value > maxContext) {
-                  return Promise.reject(new Error(t('knowledge.chunk_size_too_large', { max_context: maxContext })))
-                }
-                return Promise.resolve()
-              }
-            }
-          ]}>
-          <InputNumber
-            style={{ width: '100%' }}
-            min={100}
-            defaultValue={base.chunkSize}
-            placeholder={t('knowledge.chunk_size_placeholder')}
+        <AdvancedSettingsButton onClick={() => setShowAdvanced(!showAdvanced)}>
+          <DownOutlined
+            style={{
+              transform: showAdvanced ? 'rotate(180deg)' : 'rotate(0deg)',
+              transition: 'transform 0.3s',
+              marginRight: 8
+            }}
          />
-        </Form.Item>
+          {t('common.advanced_settings')}
+        </AdvancedSettingsButton>

-        <Form.Item
-          name="chunkOverlap"
-          label={t('knowledge.chunk_overlap')}
-          initialValue={base.chunkOverlap}
-          tooltip={{ title: t('knowledge.chunk_overlap_tooltip') }}
-          rules={[
-            ({ getFieldValue }) => ({
-              validator(_, value) {
-                if (!value || getFieldValue('chunkSize') > value) {
+        <div style={{ display: showAdvanced ? 'block' : 'none' }}>
+          <Form.Item
+            name="chunkSize"
+            label={t('knowledge.chunk_size')}
+            layout="horizontal"
+            tooltip={{ title: t('knowledge.chunk_size_tooltip') }}
+            initialValue={base.chunkSize}
+            rules={[
+              {
+                validator(_, value) {
+                  const maxContext = getEmbeddingMaxContext(base.model.id)
+                  if (value && maxContext && value > maxContext) {
+                    return Promise.reject(new Error(t('knowledge.chunk_size_too_large', { max_context: maxContext })))
+                  }
                  return Promise.resolve()
                }
-                return Promise.reject(new Error(t('message.error.chunk_overlap_too_large')))
              }
-            })
-          ]}
-          dependencies={['chunkSize']}>
-          <InputNumber
-            style={{ width: '100%' }}
-            min={0}
-            defaultValue={base.chunkOverlap}
-            placeholder={t('knowledge.chunk_overlap_placeholder')}
+            ]}>
+            <InputNumber
+              style={{ width: '100%' }}
+              min={100}
+              defaultValue={base.chunkSize}
+              placeholder={t('knowledge.chunk_size_placeholder')}
+            />
+          </Form.Item>
+          <Form.Item
+            name="chunkOverlap"
+            label={t('knowledge.chunk_overlap')}
+            layout="horizontal"
+            initialValue={base.chunkOverlap}
+            tooltip={{ title: t('knowledge.chunk_overlap_tooltip') }}
+            rules={[
+              ({ getFieldValue }) => ({
+                validator(_, value) {
+                  if (!value || getFieldValue('chunkSize') > value) {
+                    return Promise.resolve()
+                  }
+                  return Promise.reject(new Error(t('message.error.chunk_overlap_too_large')))
+                }
+              })
+            ]}
+            dependencies={['chunkSize']}>
+            <InputNumber
+              style={{ width: '100%' }}
+              min={0}
+              defaultValue={base.chunkOverlap}
+              placeholder={t('knowledge.chunk_overlap_placeholder')}
+            />
+          </Form.Item>
+
+          <Form.Item
+            name="threshold"
+            label={t('knowledge.threshold')}
+            layout="horizontal"
+            tooltip={{ title: t('knowledge.threshold_tooltip') }}
+            initialValue={base.threshold}
+            rules={[
+              {
+                validator(_, value) {
+                  if (value && (value > 1 || value < 0)) {
+                    return Promise.reject(new Error(t('knowledge.threshold_too_large_or_small')))
+                  }
+                  return Promise.resolve()
+                }
+              }
+            ]}>
+            <InputNumber placeholder={t('knowledge.threshold_placeholder')} step={0.1} style={{ width: '100%' }} />
+          </Form.Item>
+
+          <Form.Item
+            name="topN"
+            label={t('knowledge.topN')}
+            layout="horizontal"
+            initialValue={base.topN}
+            rules={[
+              {
+                validator(_, value) {
+                  if (value && (value < 0 || value > 10)) {
+                    return Promise.reject(new Error(t('knowledge.topN_too_large_or_small')))
+                  }
+                  return Promise.resolve()
+                }
+              }
+            ]}>
+            <InputNumber placeholder={t('knowledge.topN_placeholder')} style={{ width: '100%' }} />
+          </Form.Item>
+          <Alert
+            message={t('knowledge.chunk_size_change_warning')}
+            type="warning"
+            showIcon
+            icon={<WarningOutlined />}
          />
-        </Form.Item>
-        <Form.Item
-          name="threshold"
-          label={t('knowledge.threshold')}
-          tooltip={{ title: t('knowledge.threshold_tooltip') }}
-          initialValue={base.threshold}
-          rules={[
-            {
-              validator(_, value) {
-                if (value && (value > 1 || value < 0)) {
-                  return Promise.reject(new Error(t('knowledge.threshold_too_large_or_small')))
-                }
-                return Promise.resolve()
-              }
-            }
-          ]}>
-          <InputNumber placeholder={t('knowledge.threshold_placeholder')} step={0.1} style={{ width: '100%' }} />
-        </Form.Item>
-        <Form.Item
-          name="topN"
-          label={t('knowledge.topN')}
-          initialValue={base.topN}
-          rules={[
-            {
-              validator(_, value) {
-                if (value && (value < 0 || value > 10)) {
-                  return Promise.reject(new Error(t('knowledge.topN_too_large_or_small')))
-                }
-                return Promise.resolve()
-              }
-            }
-          ]}>
-          <InputNumber placeholder={t('knowledge.topN_placeholder')} style={{ width: '100%' }} />
-        </Form.Item>
+        </div>
      </Form>
-      <Alert message={t('knowledge.chunk_size_change_warning')} type="warning" showIcon icon={<WarningOutlined />} />
    </Modal>
  )
 }

 const TopViewKey = 'KnowledgeSettingsPopup'

+const AdvancedSettingsButton = styled.div`
+  cursor: pointer;
+  margin-bottom: 16px;
+  margin-top: -10px;
+  color: var(--color-primary);
+  display: flex;
+  align-items: center;
+`
+
 export default class KnowledgeSettingsPopup {
  static hide() {
    TopView.hide(TopViewKey)