feat(设置): 在模型设置中添加话题命名折叠面板

将话题命名设置从直接显示改为折叠面板形式，提升界面整洁度

src/renderer/src/i18n/locales/zh-cn.json

@@ -3117,6 +3117,9 @@
       "summary_model": "摘要模型",
       "summary_model_description": "执行话题命名、搜索结果摘要等总结性质的任务时使用的模型",
       "summary_model_setting_title": "摘要模型设置",
+      "topic_naming": {
+        "label": "话题命名"
+      },
       "topic_naming_prompt": "话题命名提示词",
       "translate_model": "翻译模型",
       "translate_model_description": "翻译服务使用的模型",

src/renderer/src/pages/settings/ModelSettings/TopicNamingModalPopup.tsx

@@ -3,7 +3,7 @@ import { HStack } from '@renderer/components/Layout'
 import { useSettings } from '@renderer/hooks/useSettings'
 import { useAppDispatch } from '@renderer/store'
 import { setEnableTopicNaming, setTopicNamingPrompt } from '@renderer/store/settings'
-import { Button, Divider, Flex, Input, Modal, Popover, Switch } from 'antd'
+import { Button, Collapse, CollapseProps, Divider, Flex, Input, Modal, Popover, Switch } from 'antd'
 import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
@@ -70,6 +70,17 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
     )
   }, [dispatch, enableTopicNaming, handleReset, promptVarsContent, t, topicNamingPrompt])
 
+  const collapseItems: CollapseProps['items'] = useMemo(
+    () => [
+      {
+        key: 'topic_naming',
+        label: t('settings.models.topic_naming.label'),
+        children: <TopicNamingSettings />
+      }
+    ],
+    [TopicNamingSettings, t]
+  )
+
   return (
     <Modal
       title={t('settings.models.summary_model_setting_title')}
@@ -81,8 +92,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
       transitionName="animation-move-down"
       footer={null}
       centered>
-      <Divider style={{ margin: '10px 0' }} />
-      <TopicNamingSettings />
+      <Collapse items={collapseItems} defaultActiveKey={['topic_naming']} />
     </Modal>
   )
 }