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.

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"

src/renderer/src/i18n/locales/ja-jp.json

@@ -235,7 +235,8 @@
       "you": "あなた",
       "copied": "コピーされました",
       "confirm": "確認",
-      "more": "もっと"
+      "more": "もっと",
+      "advanced_settings": "詳細設定"
     },
     "docs": {
       "title": "ドキュメント"

src/renderer/src/i18n/locales/ru-ru.json

@@ -233,9 +233,10 @@
       "topics": "Топики",
       "warning": "Предупреждение",
       "you": "Вы",
-      "confirm": "确认的翻译是: Подтверждение",
+      "confirm": "Подтверждение",
       "copied": "Скопировано",
-      "more": "Ещё"
+      "more": "Ещё",
+      "advanced_settings": "Дополнительные настройки"
     },
     "docs": {
       "title": "Документация"

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": "请输入备注内容",

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": "請輸入備註內容",

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
+        <AdvancedSettingsButton onClick={() => setShowAdvanced(!showAdvanced)}>
-          name="chunkSize"
+          <DownOutlined
-          label={t('knowledge.chunk_size')}
+            style={{
-          tooltip={{ title: t('knowledge.chunk_size_tooltip') }}
+              transform: showAdvanced ? 'rotate(180deg)' : 'rotate(0deg)',
-          initialValue={base.chunkSize}
+              transition: 'transform 0.3s',
-          rules={[
+              marginRight: 8
-            {
+            }}
-              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')}
           />
-        </Form.Item>
+          {t('common.advanced_settings')}
+        </AdvancedSettingsButton>
 
-        <Form.Item
+        <div style={{ display: showAdvanced ? 'block' : 'none' }}>
-          name="chunkOverlap"
+          <Form.Item
-          label={t('knowledge.chunk_overlap')}
+            name="chunkSize"
-          initialValue={base.chunkOverlap}
+            label={t('knowledge.chunk_size')}
-          tooltip={{ title: t('knowledge.chunk_overlap_tooltip') }}
+            layout="horizontal"
-          rules={[
+            tooltip={{ title: t('knowledge.chunk_size_tooltip') }}
-            ({ getFieldValue }) => ({
+            initialValue={base.chunkSize}
-              validator(_, value) {
+            rules={[
-                if (!value || getFieldValue('chunkSize') > value) {
+              {
+                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')))
               }
-            })
+            ]}>
-          ]}
+            <InputNumber
-          dependencies={['chunkSize']}>
+              style={{ width: '100%' }}
-          <InputNumber
+              min={100}
-            style={{ width: '100%' }}
+              defaultValue={base.chunkSize}
-            min={0}
+              placeholder={t('knowledge.chunk_size_placeholder')}
-            defaultValue={base.chunkOverlap}
+            />
-            placeholder={t('knowledge.chunk_overlap_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>
+        </div>
-        <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>
       </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)