From 0fdb1fedb0c4aa1bf597f4a9636a8a095e4f58a4 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Fri, 11 Jul 2025 18:38:18 +0800
Subject: [PATCH] feat: add PluginDependency component to RagPipelineChildren
 and WorkflowChildren for enhanced functionality

---
 .../rag-pipeline/components/rag-pipeline-children.tsx       | 6 ++++--
 .../workflow-app/components/workflow-children.tsx           | 2 ++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
index 87ff86255b..7a2e3df4eb 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
@@ -4,6 +4,7 @@ import {
 } from 'react'
 import { useStore } from '../../workflow/store'
 import InputField from './input-field'
+import PluginDependency from '../../workflow/plugin-dependency'
 import RagPipelinePanel from './panel'
 import RagPipelineHeader from './rag-pipeline-header'
 import type { EnvironmentVariable } from '@/app/components/workflow/types'
@@ -26,8 +27,8 @@ const RagPipelineChildren = () => {
     handlePaneContextmenuCancel,
   } = usePanelInteractions()
   const {
-      exportCheck,
-      handleExportDSL,
+    exportCheck,
+    handleExportDSL,
   } = useDSL()
 
   eventEmitter?.useSubscription((v: any) => {
@@ -37,6 +38,7 @@ const RagPipelineChildren = () => {
 
   return (
     <>
+      <PluginDependency />
       {
         showImportDSLModal && (
           <UpdateDSLModal
diff --git a/web/app/components/workflow-app/components/workflow-children.tsx b/web/app/components/workflow-app/components/workflow-children.tsx
index f5068be9c4..dddde61149 100644
--- a/web/app/components/workflow-app/components/workflow-children.tsx
+++ b/web/app/components/workflow-app/components/workflow-children.tsx
@@ -6,6 +6,7 @@ import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { DSL_EXPORT_CHECK } from '@/app/components/workflow/constants'
 import { useStore } from '@/app/components/workflow/store'
 import Features from '@/app/components/workflow/features'
+import PluginDependency from '../../workflow/plugin-dependency'
 import UpdateDSLModal from '@/app/components/workflow/update-dsl-modal'
 import DSLExportConfirmModal from '@/app/components/workflow/dsl-export-confirm-modal'
 import {
@@ -37,6 +38,7 @@ const WorkflowChildren = () => {
 
   return (
     <>
+      <PluginDependency />
       {
         showFeaturesPanel && <Features />
       }