From 2e10d676101fafc14a69b78b5ee79dc3f0bd9e43 Mon Sep 17 00:00:00 2001
From: zhsama <torvalds@linux.do>
Date: Thu, 15 Jan 2026 16:44:15 +0800
Subject: [PATCH] perf: Replace topOffset prop with withHeader in Panel
 component

---
 .../sub-graph/components/sub-graph-children.tsx        |  2 +-
 web/app/components/sub-graph/index.tsx                 |  3 +--
 web/app/components/workflow/panel/index.tsx            | 10 ++++++----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/app/components/sub-graph/components/sub-graph-children.tsx b/web/app/components/sub-graph/components/sub-graph-children.tsx
index 7da4f15664..a8867d1963 100644
--- a/web/app/components/sub-graph/components/sub-graph-children.tsx
+++ b/web/app/components/sub-graph/components/sub-graph-children.tsx
@@ -76,7 +76,7 @@ const SubGraphChildren: FC<SubGraphChildrenProps> = ({
 
   return (
     <Panel
-      topOffset={0}
+      withHeader={false}
       components={{
         right: panelRight,
       }}
diff --git a/web/app/components/sub-graph/index.tsx b/web/app/components/sub-graph/index.tsx
index 0f05f4aa71..7ec3320fea 100644
--- a/web/app/components/sub-graph/index.tsx
+++ b/web/app/components/sub-graph/index.tsx
@@ -7,7 +7,6 @@ import { memo, useEffect, useMemo } from 'react'
 import WorkflowWithDefaultContext from '@/app/components/workflow'
 import { NODE_WIDTH_X_OFFSET, START_INITIAL_POSITION } from '@/app/components/workflow/constants'
 import { WorkflowContextProvider } from '@/app/components/workflow/context'
-import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import { useStore } from '@/app/components/workflow/store'
 import { BlockEnum, EditionType, isPromptMessageContext, PromptRole } from '@/app/components/workflow/types'
 import SubGraphMain from './components/sub-graph-main'
@@ -42,12 +41,12 @@ const SubGraphContent: FC<SubGraphProps> = (props) => {
     toolParamValue,
     parentAvailableNodes,
     parentAvailableVars,
+    configsMap,
     onSave,
   } = props
 
   const setParentAvailableVars = useStore(state => state.setParentAvailableVars)
   const setParentAvailableNodes = useStore(state => state.setParentAvailableNodes)
-  const configsMap = useHooksStore(state => state.configsMap)
 
   useEffect(() => {
     setParentAvailableVars?.(parentAvailableVars || [])
diff --git a/web/app/components/workflow/panel/index.tsx b/web/app/components/workflow/panel/index.tsx
index 6fbafb1817..faaf764ee2 100644
--- a/web/app/components/workflow/panel/index.tsx
+++ b/web/app/components/workflow/panel/index.tsx
@@ -19,7 +19,7 @@ export type PanelProps = {
     right?: React.ReactNode
   }
   versionHistoryPanelProps?: VersionHistoryPanelProps
-  topOffset?: number
+  withHeader?: boolean
 }
 
 /**
@@ -70,7 +70,7 @@ const useResizeObserver = (
 const Panel: FC<PanelProps> = ({
   components,
   versionHistoryPanelProps,
-  topOffset,
+  withHeader = true,
 }) => {
   const selectedNode = useReactflow(useShallow((s) => {
     const nodes = s.getNodes()
@@ -129,8 +129,10 @@ const Panel: FC<PanelProps> = ({
     <div
       ref={rightPanelRef}
       tabIndex={-1}
-      className={cn('absolute bottom-1 right-0 top-14 z-10 flex outline-none')}
-      style={topOffset === undefined ? undefined : { top: `${topOffset}px` }}
+      className={cn(
+        'absolute bottom-1 right-0 z-10 flex outline-none',
+        withHeader ? 'top-14' : 'top-0',
+      )}
       key={`${isRestoring}`}
     >
       {components?.left}