diff --git a/web/app/components/tools/mcp/detail/tool-item.tsx b/web/app/components/tools/mcp/detail/tool-item.tsx
index 7a5ea6143d..d5dfa1f978 100644
--- a/web/app/components/tools/mcp/detail/tool-item.tsx
+++ b/web/app/components/tools/mcp/detail/tool-item.tsx
@@ -6,6 +6,7 @@ import I18n from '@/context/i18n'
import { getLanguage } from '@/i18n-config/language'
import Tooltip from '@/app/components/base/tooltip'
import cn from '@/utils/classnames'
+import { useTranslation } from 'react-i18next'
type Props = {
tool: Tool
@@ -16,6 +17,32 @@ const MCPToolItem = ({
}: Props) => {
const { locale } = useContext(I18n)
const language = getLanguage(locale)
+ const { t } = useTranslation()
+
+ const renderParameters = () => {
+ const parameters = tool.parameters
+
+ if (parameters.length === 0)
+ return null
+
+ return (
+
+
{t('tools.mcp.toolItem.parameters')}:
+
+ {parameters.map((parameter) => {
+ const descriptionContent = parameter.human_description[language] || t('tools.mcp.toolItem.noDescription')
+ return (
+ -
+ {parameter.name}
+ ({parameter.type}):
+ {descriptionContent}
+
+ )
+ })}
+
+
+ )
+ }
return (
{tool.label[language]}
{tool.description[language]}
+ {renderParameters()}
)}
>
diff --git a/web/i18n/en-US/tools.ts b/web/i18n/en-US/tools.ts
index 35d5202879..3fba10447f 100644
--- a/web/i18n/en-US/tools.ts
+++ b/web/i18n/en-US/tools.ts
@@ -243,6 +243,10 @@ const translation = {
},
publishTip: 'App not published. Please publish the app first.',
},
+ toolItem: {
+ noDescription: 'No description',
+ parameters: 'Parameters',
+ },
},
allTools: 'All tools',
}
diff --git a/web/i18n/zh-Hans/tools.ts b/web/i18n/zh-Hans/tools.ts
index e45d396617..15b1c7f592 100644
--- a/web/i18n/zh-Hans/tools.ts
+++ b/web/i18n/zh-Hans/tools.ts
@@ -243,6 +243,10 @@ const translation = {
},
publishTip: '应用未发布。请先发布应用。',
},
+ toolItem: {
+ parameters: '参数',
+ noDescription: '暂无描述',
+ },
},
allTools: '全部工具',
}