From 0e428afe432712732b4aac3dee81cb7996878a7e Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Fri, 18 Jul 2025 14:05:34 +0800
Subject: [PATCH] feat: convert VersionHistoryPanel to dynamic import for
 improved performance

---
 web/app/components/workflow/panel/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/panel/index.tsx b/web/app/components/workflow/panel/index.tsx
index 8fbf76fa2a..07472f1393 100644
--- a/web/app/components/workflow/panel/index.tsx
+++ b/web/app/components/workflow/panel/index.tsx
@@ -1,13 +1,17 @@
 import type { FC } from 'react'
 import { memo, useCallback, useEffect, useRef } from 'react'
 import type { VersionHistoryPanelProps } from '@/app/components/workflow/panel/version-history-panel'
-import VersionHistoryPanel from '@/app/components/workflow/panel/version-history-panel'
 import { useShallow } from 'zustand/react/shallow'
 import { useStore as useReactflow } from 'reactflow'
 import { Panel as NodePanel } from '../nodes'
 import { useStore } from '../store'
 import EnvPanel from './env-panel'
 import cn from '@/utils/classnames'
+import dynamic from 'next/dynamic'
+
+const VersionHistoryPanel = dynamic(() => import('@/app/components/workflow/panel/version-history-panel'), {
+  ssr: false,
+})
 
 export type PanelProps = {
   components?: {