dify/web/app/components/workflow/plugin-dependency/index.tsx

import { useCallback } from 'react'
import InstallBundle from '@/app/components/plugins/install-plugin/install-bundle'
import { useStore } from './store'

const PluginDependency = () => {
  const dependencies = useStore((s) => s.dependencies)

  const handleCancelInstallBundle = useCallback(() => {
    const { setDependencies } = useStore.getState()
    setDependencies([])
  }, [])

  if (!dependencies.length) return null

  return <InstallBundle fromDSLPayload={dependencies} onClose={handleCancelInstallBundle} />
}

export default PluginDependency