diff --git a/web/app/components/workflow/hooks/use-workflow-vibe.tsx b/web/app/components/workflow/hooks/use-workflow-vibe.tsx
index 57496cc1a6..a85a875747 100644
--- a/web/app/components/workflow/hooks/use-workflow-vibe.tsx
+++ b/web/app/components/workflow/hooks/use-workflow-vibe.tsx
@@ -338,7 +338,7 @@ export const useWorkflowVibe = () => {
   const lastInstructionRef = useRef<string>('')
 
   const { addVersion, current: currentFlowGraph } = useVibeFlowData({
-    storageKey: `${configsMap?.flowId}`,
+    storageKey: configsMap?.flowId || '',
   })
 
   useEffect(() => {
diff --git a/web/app/components/workflow/panel/vibe-panel/index.tsx b/web/app/components/workflow/panel/vibe-panel/index.tsx
index 119ceaa012..82df8ea98d 100644
--- a/web/app/components/workflow/panel/vibe-panel/index.tsx
+++ b/web/app/components/workflow/panel/vibe-panel/index.tsx
@@ -34,7 +34,7 @@ const VibePanel: FC = () => {
   const configsMap = useHooksStore(s => s.configsMap)
 
   const { current: currentFlowGraph, versions, currentVersionIndex, setCurrentVersionIndex } = useVibeFlowData({
-    storageKey: `${configsMap?.flowId}`,
+    storageKey: configsMap?.flowId || '',
   })
 
   const vibePanelPreviewNodes = currentFlowGraph?.nodes || []
diff --git a/web/app/components/workflow/store/workflow/panel-slice.ts b/web/app/components/workflow/store/workflow/panel-slice.ts
index afd20be898..e90418823a 100644
--- a/web/app/components/workflow/store/workflow/panel-slice.ts
+++ b/web/app/components/workflow/store/workflow/panel-slice.ts
@@ -48,5 +48,4 @@ export const createPanelSlice: StateCreator<PanelSliceShape> = set => ({
   setInitShowLastRunTab: initShowLastRunTab => set(() => ({ initShowLastRunTab })),
   showVibePanel: false,
   setShowVibePanel: showVibePanel => set(() => ({ showVibePanel })),
-  vibePanelMermaidCode: '',
 })