feat(mcp): add collapsible additional info section in form modal

Improves UX by collapsing optional metadata fields (description, tags, homepage, docs) behind an expandable "Additional Info" section.

Changes:
- Add collapsible section with ChevronUp/ChevronDown icons
- Smart default state: collapsed for new entries, expanded for existing entries with metadata
- Add i18n keys: mcp.form.additionalInfo (zh: "附加信息", en: "Additional Info")
- Keep core fields (ID, name, config) always visible for better focus

Benefits:
- Cleaner, less cluttered form interface
- Users can focus on essential configuration first
- Optional metadata easily accessible when needed

src/components/mcp/McpFormModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { X, Save, AlertCircle } from "lucide-react";
+import { X, Save, AlertCircle, ChevronDown, ChevronUp } from "lucide-react";
 import { McpServer, McpServerSpec } from "../../types";
 import { mcpPresets } from "../../config/mcpPresets";
 import { buttonStyles, inputStyles } from "../../lib/styles";
@@ -80,6 +80,22 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
   const [formDocs, setFormDocs] = useState(initialData?.docs || "");
   const [formTags, setFormTags] = useState(initialData?.tags?.join(", ") || "");
 
+  // 编辑模式下禁止修改 ID
+  const isEditing = !!editingId;
+
+  // 判断是否在编辑模式下有附加信息
+  const hasAdditionalInfo = !!(
+    initialData?.description ||
+    initialData?.tags?.length ||
+    initialData?.homepage ||
+    initialData?.docs
+  );
+
+  // 附加信息展开状态（编辑模式下有值时默认展开）
+  const [showMetadata, setShowMetadata] = useState(
+    isEditing ? hasAdditionalInfo : false,
+  );
+
   // 根据 appType 决定初始格式
   const [formConfig, setFormConfig] = useState(() => {
     const spec = initialData?.server;
@@ -95,9 +111,6 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
   const [isWizardOpen, setIsWizardOpen] = useState(false);
   const [idError, setIdError] = useState("");
 
-  // 编辑模式下禁止修改 ID
-  const isEditing = !!editingId;
-
   // 判断是否使用 TOML 格式
   const useToml = appType === "codex";
 
@@ -503,6 +516,25 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
             />
           </div>
 
+          {/* 可折叠的附加信息按钮 */}
+          <div>
+            <button
+              type="button"
+              onClick={() => setShowMetadata(!showMetadata)}
+              className="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
+            >
+              {showMetadata ? (
+                <ChevronUp size={16} />
+              ) : (
+                <ChevronDown size={16} />
+              )}
+              {t("mcp.form.additionalInfo")}
+            </button>
+          </div>
+
+          {/* 附加信息区域（可折叠） */}
+          {showMetadata && (
+            <>
               {/* Description (描述) */}
               <div>
                 <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
@@ -554,6 +586,8 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
                   onChange={(e) => setFormDocs(e.target.value)}
                 />
               </div>
+            </>
+          )}
 
           {/* 配置输入框（根据格式显示 JSON 或 TOML） */}
           <div>

src/i18n/locales/en.json

@@ -291,6 +291,7 @@
       "homepagePlaceholder": "https://example.com",
       "docs": "Docs",
       "docsPlaceholder": "https://example.com/docs",
+      "additionalInfo": "Additional Info",
       "jsonConfig": "JSON Configuration",
       "jsonPlaceholder": "{\n  \"type\": \"stdio\",\n  \"command\": \"uvx\",\n  \"args\": [\"mcp-server-fetch\"]\n}",
       "tomlConfig": "TOML Configuration",

src/i18n/locales/zh.json

@@ -291,6 +291,7 @@
       "homepagePlaceholder": "https://example.com",
       "docs": "文档链接",
       "docsPlaceholder": "https://example.com/docs",
+      "additionalInfo": "附加信息",
       "jsonConfig": "JSON 配置",
       "jsonPlaceholder": "{\n  \"type\": \"stdio\",\n  \"command\": \"uvx\",\n  \"args\": [\"mcp-server-fetch\"]\n}",
       "tomlConfig": "TOML 配置",