@lobehub/chat 0.111.5 → 0.112.0

package/locales/zh_TW/plugin.json

@@ -1,129 +1,166 @@
 {
   "debug": {
-    "arguments": "調用參數",
-    "function_call": "函數調用",
-    "off": "關閉調試",
-    "on": "查看插件調用信息",
-    "response": "返回結果"
+    "arguments": "參數",
+    "function_call": "函式呼叫",
+    "off": "關閉偵錯",
+    "on": "查看插件呼叫資訊",
+    "response": "回應"
+  },
+  "detailModal": {
+    "info": {
+      "description": "API 描述",
+      "name": "API 名稱"
+    },
+    "tabs": {
+      "info": "插件能力",
+      "manifest": "安裝檔案",
+      "settings": "設定"
+    },
+    "title": "插件詳情"
   },
   "dev": {
-    "confirmDeleteDevPlugin": "即將刪除該本地插件，刪除後將無法找回，是否刪除該插件？",
-    "deleteSuccess": "插件刪除成功",
+    "confirmDeleteDevPlugin": "您確定要刪除此本機外掛嗎？一旦刪除，將無法復原。",
+    "customParams": {
+      "useProxy": {
+        "label": "透過代理安裝（若遇到跨域訪問錯誤，可嘗試開啟該選項後重新安裝）"
+      }
+    },
+    "deleteSuccess": "外掛已成功刪除",
     "manifest": {
       "identifier": {
-        "desc": "插件的唯一標識",
-        "label": "標識符"
+        "desc": "外掛的唯一識別碼",
+        "label": "識別碼"
       },
       "mode": {
-        "local": "可視化配置",
-        "local-tooltip": "暫時不支持可視化配置",
-        "url": "在線鏈接"
+        "local": "視覺設定",
+        "local-tooltip": "目前不支援視覺設定",
+        "url": "線上連結"
       },
       "name": {
-        "desc": "插件標題",
-        "label": "標題",
-        "placeholder": "搜索引擎"
+        "desc": "外掛的名稱",
+        "label": "名稱",
+        "placeholder": "搜尋引擎"
       }
     },
     "meta": {
       "author": {
-        "desc": "插件的作者",
+        "desc": "外掛的作者",
         "label": "作者"
       },
       "avatar": {
-        "desc": "插件的圖標，可以使用 Emoji，也可以使用 URL",
-        "label": "圖標"
+        "desc": "外掛的圖示，可以是 Emoji 或網址",
+        "label": "圖示"
       },
       "description": {
-        "desc": "插件描述",
+        "desc": "外掛的描述",
         "label": "描述",
-        "placeholder": "查詢搜索引擎獲取信息"
+        "placeholder": "從搜尋引擎取得資訊"
       },
-      "formFieldRequired": "該字段為必填項",
+      "formFieldRequired": "此欄位必填",
       "homepage": {
-        "desc": "插件的首頁",
+        "desc": "外掛的官方首頁",
         "label": "首頁"
       },
       "identifier": {
-        "desc": "插件的唯一標識，將從 manifest 中自動識別",
-        "errorDuplicate": "標識符和已有插件重複，請修改標識符",
-        "label": "標識符",
-        "pattenErrorMessage": "只能輸入英文字符、數字 、- 和_ 這兩個符號"
+        "desc": "外掛的唯一識別碼，只支援英數字元、連字號 -，以及底線 _",
+        "errorDuplicate": "此識別碼已被其他外掛使用，請更改識別碼",
+        "label": "識別碼",
+        "pattenErrorMessage": "只允許英數字元、連字號 -，以及底線 _"
       },
       "manifest": {
-        "desc": "LobeChat 將會通過該鏈接安裝插件",
-        "label": "插件描述文件 (Manifest) URL",
+        "desc": "LobeChat 會使用此連結安裝外掛",
+        "label": "插件描述檔 (Manifest) URL",
         "preview": "預覽 Manifest",
-        "refresh": "刷新"
+        "refresh": "重新載入"
       },
       "title": {
-        "desc": "插件標題",
-        "label": "標題",
-        "placeholder": "搜索引擎"
+        "desc": "外掛的名稱",
+        "label": "名稱",
+        "placeholder": "搜尋引擎"
       }
     },
-    "metaConfig": "插件元信息配置",
-    "modalDesc": "添加自定義插件後，可用於插件開發驗證，也可直接在會話中使用。插件開發請參考<1>開發文檔↗</>",
+    "metaConfig": "外掛後設資料設定",
+    "modalDesc": "添加自訂插件後，可用於插件開發驗證，也可直接在會話中使用。插件開發請參考<1>開發文件↗</>",
+    "openai": {
+      "importUrl": "從 URL 連結匯入",
+      "schema": "Schema"
+    },
     "preview": {
-      "card": "預覽插件展示效果",
-      "desc": "預覽插件描述",
-      "title": "插件名稱預覽"
+      "card": "外掛顯示預覽",
+      "desc": "外掛描述預覽",
+      "title": "外掛名稱預覽"
     },
     "save": "安裝插件",
-    "saveSuccess": "插件設置保存成功",
+    "saveSuccess": "外掛設定已成功儲存",
     "tabs": {
       "manifest": "功能描述清單 (Manifest)",
-      "meta": "插件元信息"
+      "meta": "外掛後設資料"
+    },
+    "title": {
+      "create": "新增自訂插件",
+      "edit": "編輯自訂插件"
+    },
+    "type": {
+      "lobe": "LobeChat 插件",
+      "openai": "OpenAI 插件"
     },
-    "title": "添加自定義插件",
     "update": "更新",
-    "updateSuccess": "插件設置更新成功"
+    "updateSuccess": "外掛設定已成功更新"
   },
   "error": {
-    "fetchError": "請求該 manifest 鏈接失敗，請確保鏈接的有效性，並檢查鏈接是否允許跨域訪問",
+    "fetchError": "請求該 manifest 連結失敗，請確保連結的有效性，並檢查連結是否允許跨域訪問",
     "installError": "插件 {{name}} 安裝失敗",
-    "manifestInvalid": " manifest 不符合規範，校驗結果: \n\n {{error}}",
-    "noManifest": "描述文件不存在",
+    "manifestInvalid": "manifest 不符合規範，校驗結果: \n\n {{error}}",
+    "noManifest": "描述檔不存在",
+    "openAPIInvalid": "OpenAPI 解析失敗，錯誤: \n\n {{error}}",
     "reinstallError": "插件 {{name}} 刷新失敗",
-    "urlError": "該鏈接沒有返回 JSON 格式的內容, 請確保是有效的鏈接"
+    "urlError": "該連結沒有返回 JSON 格式的內容, 請確保是有效的連結"
   },
   "list": {
     "item": {
       "deprecated.title": "已刪除",
-      "local.config": "配置",
-      "local.title": "自定義"
+      "local.config": "設定",
+      "local.title": "本機"
     }
   },
   "loading": {
-    "content": "調用插件中...",
-    "plugin": "插件運行中..."
+    "content": "呼叫插件中...",
+    "plugin": "外掛執行中..."
   },
-  "pluginList": "插件列表",
+  "pluginList": "外掛清單",
   "plugins": {
     "loading": "插件檢測中...",
     "unknown": "未知插件"
   },
-  "setting": "插件設定",
+  "setting": "插件設置",
   "settings": {
     "indexUrl": {
-      "title": "市場索引",
-      "tooltip": "暫不支持線上編輯，請透過部署時環境變數進行設定"
+      "title": "外掛市集索引",
+      "tooltip": "目前不支援編輯"
     },
-    "modalDesc": "配置插件市場的地址後，可以使用自定義的插件市場",
-    "title": "設定插件市場"
+    "modalDesc": "設定外掛市集的網址後，您可以使用自訂的外掛市集",
+    "title": "設定外掛市集"
   },
   "store": {
+    "actions": {
+      "confirmUninstall": "即將卸載該插件，卸載後將清除該插件配置，請確認你的操作",
+      "detail": "詳情",
+      "install": "安裝",
+      "manifest": "編輯安裝檔案",
+      "settings": "設定",
+      "uninstall": "卸載"
+    },
+    "communityPlugin": "社群外掛",
+    "customPlugin": "自訂插件",
     "empty": "暫無已安裝插件",
-    "install": "安裝",
     "installAllPlugins": "安裝全部",
-    "networkError": "獲取插件商店失敗，請檢測網路連接後重試",
-    "releasedAt": "發布於 {{createdAt}}",
+    "networkError": "獲取插件商店失敗，請檢查網路連線後重試",
+    "placeholder": "搜尋插件名稱介紹或關鍵字...",
+    "releasedAt": "發佈於 {{createdAt}}",
     "tabs": {
       "all": "全部",
       "installed": "已安裝"
     },
-    "title": "插件商店",
-    "uninstall": "卸載",
-    "placeholder": "搜尋插件名稱介紹或關鍵字..."
+    "title": "插件商店"
   }
 }

package/locales/zh_TW/setting.json

@@ -85,7 +85,7 @@
     "waitingForMore": "更多模型正在 <1>計劃接入</1> 中，敬請期待 ✨"
   },
   "plugin": {
-    "addTooltip": "新增自訂外掛",
+    "addTooltip": "新增自訂外掛程式",
     "clearDeprecated": "清除已棄用的外掛",
     "empty": "目前沒有安裝任何外掛，歡迎前往 <1>外掛商店</1> 探索",
     "installStatus": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.111.5",
+  "version": "0.112.0",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -125,6 +125,7 @@
     "use-merge-value": "^1",
     "utility-types": "^3",
     "uuid": "^9",
+    "yaml": "^2",
     "zod": "^3",
     "zustand": "^4.4",
     "zustand-utils": "^1"
@@ -158,6 +159,7 @@
     "glob": "^10",
     "husky": "^8",
     "jsdom": "^23.0.0",
+    "just-diff": "^6",
     "lint-staged": "^15",
     "lodash": "^4",
     "markdown-table": "^3",

package/scripts/docsWorkflow/index.ts

@@ -18,7 +18,10 @@ const run = async () => {
         en: path,
       };
       const links = {
-        cn: urlJoin(WIKI_URL, relative(DOCS_DIR, paths.cn).split('/')[1].replace('.zh-CN.md', '')),
+        cn: urlJoin(
+          WIKI_URL,
+          relative(DOCS_DIR, paths.cn).split('/')[1].replace('.zh-CN.md', '.zh-CN'),
+        ),
         en: urlJoin(WIKI_URL, relative(DOCS_DIR, paths.en).split('/')[1].replace('.md', '')),
       };
       const titles = {
@@ -60,7 +63,7 @@ const run = async () => {
           child.links.cn,
         )}\n`;
       });
-    homeContent += `\n\n---\n\n`;
+    homeContent += `\n\n<br/>\n\n`;
     sidebarContent += `\n\n`;
   });
 

package/scripts/docsWorkflow/toc.ts

@@ -1,11 +1,11 @@
 export default [
   {
     dir: 'Usage',
-    title: '🤯 LobeChat Usage',
+    title: '🤯 Usage',
   },
   {
     dir: 'Deployment',
-    title: '🛳 Self Hosting',
+    title: '🛳 Self-Hosting',
   },
   {
     dir: 'Development',

package/scripts/i18nWorkflow/genDiff.ts

@@ -1,5 +1,6 @@
 import { consola } from 'consola';
 import { colors } from 'consola/utils';
+import { diff } from 'just-diff';
 import { unset } from 'lodash';
 import { existsSync } from 'node:fs';
 
@@ -9,7 +10,7 @@ import {
   localesResourcesFilepath,
   outputLocaleJsonFilepath,
 } from './const';
-import { diff, readJSON, tagWhite, tagYellow, writeJSON } from './utils';
+import { readJSON, tagWhite, writeJSON } from './utils';
 
 export const genDiff = () => {
   consola.start(`Diff between Dev/Prod local...`);
@@ -22,15 +23,13 @@ export const genDiff = () => {
     if (!existsSync(filepath)) continue;
     const prodJSON = readJSON(filepath);
 
-    const diffKeys = diff(devJSON, prodJSON);
-
-    if (diffKeys.length === 0) {
+    const diffResult = diff(prodJSON, devJSON as any);
+    const remove = diffResult.filter((item) => item.op === 'remove');
+    if (remove.length === 0) {
       consola.success(tagWhite(ns), colors.gray(filepath));
       continue;
     }
 
-    consola.warn(tagYellow(ns), diffKeys);
-
     const clearLocals = [];
 
     for (const locale of [i18nConfig.entryLocale, ...i18nConfig.outputLocales]) {
@@ -38,8 +37,8 @@ export const genDiff = () => {
       if (!existsSync(localeFilepath)) continue;
       const localeJSON = readJSON(localeFilepath);
 
-      for (const key of diffKeys) {
-        unset(localeJSON, key);
+      for (const item of remove) {
+        unset(localeJSON, item.path);
       }
 
       writeJSON(localeFilepath, localeJSON);

package/scripts/i18nWorkflow/utils.ts

@@ -1,7 +1,6 @@
 import { consola } from 'consola';
 import { colors } from 'consola/utils';
 import { tocForResources } from 'i18next-resources-for-ts';
-import { isObject } from 'lodash';
 import { readFileSync, writeFileSync } from 'node:fs';
 import { resolve } from 'node:path';
 
@@ -58,19 +57,6 @@ export const genToc = (files: string[], locale: string) => {
   return toc;
 };
 
-export const diff = (obj1: any, obj2: any, prefix: string = ''): string[] => {
-  let result: string[] = [];
-  for (const key in obj1) {
-    if (!obj2[key]) continue;
-    if (isObject(obj1[key]) && isObject(obj2[key])) {
-      result = [...result, ...diff(obj1[key], obj2[key], `${prefix}${key}.`)];
-    } else if (obj1[key] !== obj2[key]) {
-      result.push(`${prefix}${key}`);
-    }
-  }
-  return result;
-};
-
 export const tagBlue = (text: string) => colors.bgBlueBright(colors.black(` ${text} `));
 export const tagYellow = (text: string) => colors.bgYellowBright(colors.black(` ${text} `));
 export const tagGreen = (text: string) => colors.bgGreenBright(colors.black(` ${text} `));

package/scripts/readmeWorkflow/syncPluginIndex.ts

@@ -6,18 +6,16 @@ import { fetchPluginIndex, genLink, genTags, readReadme, updateReadme, writeRead
 
 const genPluginTable = (data: DataItem[], lang: string) => {
   const isCN = lang === 'zh-CN';
-  const content = data
-    .filter((item) => item.author === 'LobeHub')
-    .map((item) => [
-      [
-        genLink(item.meta.title, PLGUIN_URL),
-        `<sup>By **${item.author}** on **${item.createAt}**</sup>`,
-      ].join('<br/>'),
-      genLink(item.homepage.split('github.com/')[1], item.homepage),
-      [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
-    ]);
+  const content = data.map((item) => [
+    [
+      genLink(item.meta.title, PLGUIN_URL),
+      `<sup>By **${item.author}** on **${item.createAt}**</sup>`,
+    ].join('<br/>'),
+    genLink(item.homepage.split('github.com/')[1], item.homepage),
+    [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
+  ]);
   return markdownTable([
-    isCN ? ['官方插件', '仓库', '插件描述'] : ['Official Plugin', 'Repository', 'Description'],
+    isCN ? ['最近新增', '仓库', '插件描述'] : ['Recent Submits', 'Repository', 'Description'],
     ...content,
   ]);
 };

package/src/app/api/plugins/route.ts

@@ -1,7 +1,5 @@
-import { createLobeChatPluginGateway } from '@lobehub/chat-plugins-gateway';
+import { createGatewayOnEdgeRuntime } from '@lobehub/chat-plugins-gateway';
 
 import { PLUGINS_INDEX_URL } from '@/const/url';
 
-export const runtime = 'edge';
-
-export const POST = createLobeChatPluginGateway({ pluginsIndexUrl: PLUGINS_INDEX_URL });
+export const POST = createGatewayOnEdgeRuntime({ pluginsIndexUrl: PLUGINS_INDEX_URL });

package/src/app/api/proxy/route.ts

@@ -0,0 +1,10 @@
+export const runtime = 'edge';
+
+/**
+ * just for a proxy
+ */
+export const POST = async (req: Request) => {
+  const url = await req.text();
+
+  return fetch(url);
+};

package/src/app/chat/features/ChatInput/ActionBar/Tools/ToolItem.tsx

@@ -1,15 +1,14 @@
-import { Checkbox, Tag } from 'antd';
+import { Checkbox } from 'antd';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import PluginTag from '@/features/PluginStore/PluginItem/PluginTag';
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { useToolStore } from '@/store/tool';
 import { customPluginSelectors } from '@/store/tool/selectors';
 
 const ToolItem = memo<{ identifier: string; label: string }>(({ identifier, label }) => {
-  const { t } = useTranslation('plugin');
   const [checked, togglePlugin] = useSessionStore((s) => [
     agentSelectors.currentAgentPlugins(s).includes(identifier),
     s.togglePlugin,
@@ -30,11 +29,7 @@ const ToolItem = memo<{ identifier: string; label: string }>(({ identifier, labe
     >
       <Flexbox align={'center'} gap={8} horizontal>
         {label}
-        {isCustom && (
-          <Tag bordered={false} color={'gold'}>
-            {t('list.item.local.title')}
-          </Tag>
-        )}
+        {isCustom && <PluginTag showText={false} type={'customPlugin'} />}
       </Flexbox>
       <Checkbox
         checked={checked}

package/src/app/chat/features/ChatInput/ActionBar/Tools/index.tsx

@@ -2,7 +2,7 @@ import { ActionIcon, Avatar, Icon } from '@lobehub/ui';
 import { Dropdown } from 'antd';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
-import { ArrowRight, PencilRuler, Store, ToyBrick } from 'lucide-react';
+import { ArrowRight, Blocks, Store, ToyBrick } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -103,10 +103,10 @@ const Tools = memo(() => {
             e.domEvent.preventDefault();
           },
         }}
-        placement={'topLeft'}
+        placement={'top'}
         trigger={['click']}
       >
-        <ActionIcon icon={PencilRuler} placement={'bottom'} title={t('tools.title')} />
+        <ActionIcon icon={Blocks} placement={'bottom'} title={t('tools.title')} />
       </Dropdown>
       <PluginStore open={open} setOpen={setOpen} />
     </>

package/src/app/chat/features/Conversation/ChatList/Error/index.tsx

@@ -37,6 +37,12 @@ export const renderErrorMessages: ChatListProps['renderErrorMessages'] = {
   [PluginErrorType.PluginServerError]: {
     Render: PluginError,
   },
+  [PluginErrorType.PluginGatewayError]: {
+    Render: PluginError,
+  },
+  [PluginErrorType.PluginOpenApiInitError]: {
+    Render: PluginError,
+  },
   [PluginErrorType.PluginSettingsInvalid]: {
     Render: PluginSettings,
     config: {

package/src/app/chat/features/Conversation/ChatList/Messages/Function.tsx

@@ -18,7 +18,7 @@ export const FunctionMessage = memo<ChatMessage>(({ id, content, plugin }) => {
   const [showRender, setShow] = useState(true);
 
   return (
-    <Flexbox gap={12} id={id}>
+    <Flexbox gap={12} id={id} width={'100%'}>
       <Inspector showRender={showRender} {...fcProps} setShow={setShow} />
       {showRender && (
         <PluginRender

package/src/app/chat/features/Conversation/ChatList/Plugins/Inspector/Settings.tsx

@@ -2,17 +2,19 @@ import { ActionIcon } from '@lobehub/ui';
 import { LucideSettings } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import PluginDetailModal from 'src/features/PluginDetailModal';
 
-import PluginSettingsModal from '@/features/PluginSettingsModal';
-import { useToolStore } from '@/store/tool';
+import { pluginHelpers, useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
 
 const Settings = memo<{ id: string }>(({ id }) => {
   const item = useToolStore(pluginSelectors.getPluginManifestById(id));
   const [open, setOpen] = useState(false);
   const { t } = useTranslation('plugin');
+  const hasSettings = pluginHelpers.isSettingSchemaNonEmpty(item?.settings);
+
   return (
-    item?.settings && (
+    hasSettings && (
       <>
         <ActionIcon
           icon={LucideSettings}
@@ -21,13 +23,13 @@ const Settings = memo<{ id: string }>(({ id }) => {
           }}
           title={t('setting')}
         />
-        <PluginSettingsModal
+        <PluginDetailModal
           id={id}
           onClose={() => {
             setOpen(false);
           }}
           open={open}
-          schema={item.settings}
+          schema={item?.settings}
         />
       </>
     )

package/src/app/chat/features/Conversation/ChatList/Plugins/Inspector/index.tsx

@@ -50,7 +50,7 @@ const Inspector = memo<InspectorProps>(
     const pluginMeta = useToolStore(pluginSelectors.getPluginMetaById(id), isEqual);
     const showRightAction = useToolStore(pluginSelectors.isPluginHasUI(id));
     const pluginAvatar = pluginHelpers.getPluginAvatar(pluginMeta);
-    const pluginTitle = pluginHelpers.getPluginTitle(pluginMeta) ?? t('plugins.unknown');
+    const pluginTitle = pluginHelpers.getPluginTitle(pluginMeta) ?? t('plugins.loading');
 
     const avatar = pluginAvatar ? (
       <Avatar avatar={pluginAvatar} size={32} />
@@ -80,7 +80,7 @@ const Inspector = memo<InspectorProps>(
             ) : (
               avatar
             )}
-            {loading ? t('plugins.loading') : pluginTitle}
+            {pluginTitle}
             {showRightAction && <Icon icon={showRender ? LucideChevronUp : LucideChevronDown} />}
           </Flexbox>
           {

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/DefaultType/index.tsx

@@ -72,7 +72,7 @@ export interface PluginDefaultTypeProps {
   name?: string;
 }
 
-const PluginDefaultType = memo<PluginDefaultTypeProps>(({ content, name }) => {
+const PluginDefaultType = memo<PluginDefaultTypeProps>(({ content, name, loading }) => {
   const manifest = useToolStore(pluginSelectors.getPluginManifestById(name || ''));
   let isJSON = true;
   try {
@@ -85,9 +85,11 @@ const PluginDefaultType = memo<PluginDefaultTypeProps>(({ content, name }) => {
 
   if (!isJSON) {
     return (
-      <Flexbox gap={8}>
-        <Loading />
-      </Flexbox>
+      loading && (
+        <Flexbox gap={8}>
+          <Loading />
+        </Flexbox>
+      )
     );
   }
 

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/index.tsx

@@ -13,14 +13,14 @@ export interface PluginRenderProps {
   type?: LobePluginType;
 }
 
-const PluginRender = memo<PluginRenderProps>(({ content, id, payload, name, type }) => {
+const PluginRender = memo<PluginRenderProps>(({ content, id, payload, name, type, loading }) => {
   switch (type) {
     case 'standalone': {
       return <Standalone id={id} name={name} payload={payload} />;
     }
 
     default: {
-      return <DefaultType content={content} name={name} />;
+      return <DefaultType content={content} loading={loading} name={name} />;
     }
   }
 });

package/src/app/chat/features/Migration/ExportConfigButton.tsx

@@ -2,7 +2,7 @@ import { Button } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-const ExportConfigButton = memo<{ primary?: boolean, state: any; }>(({ state, primary }) => {
+const ExportConfigButton = memo<{ primary?: boolean; state: any }>(({ state, primary }) => {
   const { t } = useTranslation('migration');
 
   const exportData = () => {

package/src/app/market/features/AgentDetailContent/AgentInfo/index.tsx

@@ -55,6 +55,7 @@ const AgentModalInner = memo(() => {
             },
           ]}
           onChange={setTab}
+          variant={'compact'}
         />
       </Flexbox>
       <Flexbox style={{ padding: 16 }}>

package/src/app/market/features/AgentDetailContent/AgentInfo/style.ts

@@ -29,15 +29,7 @@ export const useStyles = createStyles(({ css, token, prefixCls, stylish }) => ({
   `,
   markdown: stylish.markdownInChat,
   nav: css`
-    padding-top: 4px;
-
-    .${prefixCls}-tabs-tab {
-      margin: 4px !important;
-
-      + .${prefixCls}-tabs-tab {
-        margin: 4px !important;
-      }
-    }
+    padding-top: 8px;
   `,
   title: css`
     font-size: 20px;