diff --git a/web/app/components/rag-pipeline/components/panel/index.tsx b/web/app/components/rag-pipeline/components/panel/index.tsx
index e2fd958405..793248e3eb 100644
--- a/web/app/components/rag-pipeline/components/panel/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/index.tsx
@@ -22,14 +22,19 @@ const InputFieldEditorPanel = dynamic(() => import('./input-field/editor'), {
 const PreviewPanel = dynamic(() => import('./input-field/preview'), {
   ssr: false,
 })
-
+const GlobalVariablePanel = dynamic(() => import('@/app/components/workflow/panel/global-variable-panel'), {
+  ssr: false,
+})
 const RagPipelinePanelOnRight = () => {
   const historyWorkflowData = useStore(s => s.historyWorkflowData)
   const showDebugAndPreviewPanel = useStore(s => s.showDebugAndPreviewPanel)
+  const showGlobalVariablePanel = useStore(s => s.showGlobalVariablePanel)
+
   return (
     <>
       {historyWorkflowData && <Record />}
       {showDebugAndPreviewPanel && <TestRunPanel />}
+      {showGlobalVariablePanel && <GlobalVariablePanel />}
     </>
   )
 }