AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 17:45:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

mcp list

Browse Source
This commit is contained in:
jZonG 2025-05-07 19:53:45 +08:00
parent 3258a91d5d
commit 4123c0a960
2 changed files with 37 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/app/components/tools/mcp/index.tsx Normal file
View File

@ -0,0 +1,20 @@
'use client'
import React from 'react'
type Props = {
searchText: string
}
const MCPList = ({
searchText,
}: Props) => {
return (
<>
<div>
MCP
{searchText}
</div>
</>
)
}
export default MCPList

29
web/app/components/tools/provider-list.tsx
View File

@ -15,6 +15,7 @@ import WorkflowToolEmpty from '@/app/components/tools/add-tool-modal/empty'
import Card from '@/app/components/plugins/card' import Card from '@/app/components/plugins/card'
import CardMoreInfo from '@/app/components/plugins/card/card-more-info' import CardMoreInfo from '@/app/components/plugins/card/card-more-info'
import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel' import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel'
import MCPList from './mcp'
import { useSelector as useAppContextSelector } from '@/context/app-context' import { useSelector as useAppContextSelector } from '@/context/app-context'
import { useAllToolProviders } from '@/service/use-tools' import { useAllToolProviders } from '@/service/use-tools'
import { useInstalledPluginList, useInvalidateInstalledPluginList } from '@/service/use-plugins' import { useInstalledPluginList, useInvalidateInstalledPluginList } from '@/service/use-plugins'
@ -31,6 +32,7 @@ const ProviderList = () => {
{ value: 'builtin', text: t('tools.type.builtIn') }, { value: 'builtin', text: t('tools.type.builtIn') },
{ value: 'api', text: t('tools.type.custom') }, { value: 'api', text: t('tools.type.custom') },
{ value: 'workflow', text: t('tools.type.workflow') }, { value: 'workflow', text: t('tools.type.workflow') },
{ value: 'mcp', text: 'MCP' },
] ]
const [tagFilterValue, setTagFilterValue] = useState<string[]>([]) const [tagFilterValue, setTagFilterValue] = useState<string[]>([])
const handleTagsChange = (value: string[]) => { const handleTagsChange = (value: string[]) => {
@ -82,7 +84,9 @@ const ProviderList = () => {
options={options} options={options}
/> />
<div className='flex items-center gap-2'> <div className='flex items-center gap-2'>
<LabelFilter value={tagFilterValue} onChange={handleTagsChange} /> {activeTab !== 'mcp' && (
<LabelFilter value={tagFilterValue} onChange={handleTagsChange} />
)}
<Input <Input
showLeftIcon showLeftIcon
showClearIcon showClearIcon
@ -130,17 +134,18 @@ const ProviderList = () => {
{!filteredCollectionList.length && activeTab === 'builtin' && ( {!filteredCollectionList.length && activeTab === 'builtin' && (
<Empty lightCard text={t('tools.noTools')} className='h-[224px] px-12' /> <Empty lightCard text={t('tools.noTools')} className='h-[224px] px-12' />
)} )}
{ {enable_marketplace && activeTab === 'builtin' && (
enable_marketplace && activeTab === 'builtin' && ( <Marketplace
<Marketplace onMarketplaceScroll={() => {
onMarketplaceScroll={() => { containerRef.current?.scrollTo({ top: containerRef.current.scrollHeight, behavior: 'smooth' })
containerRef.current?.scrollTo({ top: containerRef.current.scrollHeight, behavior: 'smooth' }) }}
}} searchPluginText={keywords}
searchPluginText={keywords} filterPluginTags={tagFilterValue}
filterPluginTags={tagFilterValue} />
/> )}
) {activeTab === 'mcp' && (
} <MCPList searchText={keywords} />
)}
</div> </div>
</div> </div>
{currentProvider && !currentProvider.plugin_id && ( {currentProvider && !currentProvider.plugin_id && (