Merge 467ce30f07 into bd43ca6275

web/app/components/workflow/index.tsx

@@ -152,6 +152,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
     setShowConfirm,
     setControlPromptEditorRerenderKey,
     setSyncWorkflowDraftHash,
+    setClipboardElements,
   } = workflowStore.getState()
   const {
     handleSyncWorkflowDraft,
@@ -178,6 +179,21 @@ export const Workflow: FC<WorkflowProps> = memo(({
     }
   })
 
+  const handleVisibilityChange = useCallback(() => {
+    if (document.visibilityState === 'visible') {
+      const storedElements = localStorage.getItem('clipboard_elements')
+      setClipboardElements(storedElements ? JSON.parse(storedElements) : [])
+    }
+  }, [setClipboardElements])
+
+  useEffect(() => {
+    document.addEventListener('visibilitychange', handleVisibilityChange)
+
+    return () => {
+      document.removeEventListener('visibilitychange', handleVisibilityChange)
+    }
+  }, [])
+
   useEffect(() => {
     setAutoFreeze(false)
 

web/app/components/workflow/store/workflow/workflow-slice.ts

@@ -37,8 +37,14 @@ export type WorkflowSliceShape = {
 export const createWorkflowSlice: StateCreator<WorkflowSliceShape> = set => ({
   workflowRunningData: undefined,
   setWorkflowRunningData: workflowRunningData => set(() => ({ workflowRunningData })),
-  clipboardElements: [],
-  setClipboardElements: clipboardElements => set(() => ({ clipboardElements })),
+  clipboardElements: (() => {
+    const storedElements = localStorage.getItem('clipboard_elements')
+    return storedElements ? JSON.parse(storedElements) : []
+  })(),
+  setClipboardElements: (clipboardElements) => {
+    set(() => ({ clipboardElements }))
+    localStorage.setItem('clipboard_elements', JSON.stringify(clipboardElements))
+  },
   selection: null,
   setSelection: selection => set(() => ({ selection })),
   bundleNodeSize: null,