feat: 移动端增加常规设置和 MCP 设置

Author: codexu

src/app/mobile/setting/components/setting-tab.tsx

@@ -10,11 +10,18 @@ export function SettingTab() {
   const t = useTranslations('settings')
   const notMobilePages = ['about', 'file', 'shortcuts']
 
-  // Add translations to the config
-  const config = baseConfig.filter(item => typeof item !== 'string').map(item => ({
-    ...item,
-    title: t(`${item.anchor}.title`)
-  })).filter(item => !notMobilePages.includes(item.anchor))
+  // Add translations to the config, keep separators
+  const config = baseConfig.map(item => {
+    if (typeof item === 'string') return item
+    return {
+      ...item,
+      title: t(`${item.anchor}.title`)
+    }
+  }).filter(item => {
+    // 过滤掉不支持的移动端页面，但保留分隔符
+    if (typeof item === 'string') return true
+    return !notMobilePages.includes(item.anchor)
+  })
 
   function handleNavigation(anchor: string) {
     router.push(`/mobile/setting/pages/${anchor}`)
@@ -23,10 +30,19 @@ export function SettingTab() {
   return (
     <ul className="flex flex-col w-full">
       {
-        config.map(item => {
+        config.map((item, index) => {
+          // 如果是分隔符字符串，渲染分隔线
+          if (typeof item === 'string') {
+            return (
+              <li key={`separator-${index}`}>
+                <div className="h-0.5 bg-muted my-2" />
+              </li>
+            )
+          }
+          
           return (
             <li
-              className="flex items-center gap-2 p-4 border-b last:border-b-0 w-full justify-between"
+              className="flex items-center gap-2 p-4 w-full justify-between active:bg-accent"
               key={item.anchor}
               onClick={() => handleNavigation(item.anchor)}
             >

src/app/mobile/setting/page.tsx

@@ -1,17 +1,12 @@
 'use client'
-
-import { LanguageSwitch } from "@/components/language-switch"
 import { SettingTab } from "./components/setting-tab"
-import { ModeToggle } from "@/components/mode-toggle"
 import Updater from "@/app/core/setting/about/updater"
 import UploadStore from "@/app/core/setting/components/upload-store"
 
 export default function Setting() {
   return <div id="mobile-setting" className="flex w-full h-full overflow-y-auto flex-col">
     <div className="h-12 flex items-center justify-between p-2 border-b overflow-hidden">
       <div className="flex items-center gap-2">
-        <LanguageSwitch />
-        <ModeToggle />
       </div>
       <div className="flex items-center gap-2">
         <UploadStore />

src/app/mobile/setting/pages/general/page.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { InterfaceSettings } from '@/app/core/setting/general/interface-settings'
+
+export default function GeneralSettingsPage() {
+  const t = useTranslations('settings.general')
+
+  return (
+    <div>
+      <div className="mb-6">
+        <h1 className="text-2xl font-bold mb-2">{t('title')}</h1>
+        <p className="text-sm text-muted-foreground">{t('desc')}</p>
+      </div>
+      <InterfaceSettings />
+    </div>
+  )
+}

src/app/mobile/setting/pages/mcp/page.tsx

@@ -0,0 +1,29 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useTranslations } from 'next-intl'
+import { GlobalSettings } from '@/app/core/setting/mcp/global-settings'
+import { ServerList } from '@/app/core/setting/mcp/server-list'
+import { useMcpStore } from '@/stores/mcp'
+
+export default function McpSettingPage() {
+  const t = useTranslations('settings.mcp')
+  const { initMcpData } = useMcpStore()
+  
+  useEffect(() => {
+    initMcpData()
+  }, [])
+  
+  return (
+    <div>
+      <div className="mb-6">
+        <h1 className="text-2xl font-bold mb-2">{t('title')}</h1>
+        <p className="text-sm text-muted-foreground">{t('desc')}</p>
+      </div>
+      <div className="space-y-6">
+        <GlobalSettings />
+        <ServerList />
+      </div>
+    </div>
+  )
+}