fix

web/app/components/workflow/header/index.tsx

@@ -10,6 +10,7 @@ import {
 } from '../store'
 import {
   useNodesReadOnly,
+  useNodesSyncDraft,
   useWorkflowRun,
 } from '../hooks'
 import RunAndHistory from './run-and-history'
@@ -29,33 +30,31 @@ const Header: FC = () => {
   const appSidebarExpand = useAppStore(s => s.appSidebarExpand)
   const {
     nodesReadOnly,
-    getNodesReadOnly,
   } = useNodesReadOnly()
   const isRestoring = useStore(s => s.isRestoring)
   const {
+    handleLoadBackupDraft,
     handleRunSetting,
-    handleRestoreFromPublishedWorkflow,
   } = useWorkflowRun()
+  const { handleSyncWorkflowDraft } = useNodesSyncDraft()
 
   const handleShowFeatures = useCallback(() => {
-    if (getNodesReadOnly())
-      return
-
     workflowStore.setState({ showFeaturesPanel: true })
-  }, [getNodesReadOnly, workflowStore])
+  }, [workflowStore])
 
   const handleGoBackToEdit = useCallback(() => {
     handleRunSetting(true)
   }, [handleRunSetting])
 
   const handleCancelRestore = useCallback(() => {
+    handleLoadBackupDraft()
     workflowStore.setState({ isRestoring: false })
-  }, [workflowStore])
+  }, [workflowStore, handleLoadBackupDraft])
 
   const handleRestore = useCallback(() => {
-    handleRestoreFromPublishedWorkflow()
     workflowStore.setState({ isRestoring: false })
-  }, [handleRestoreFromPublishedWorkflow, workflowStore])
+    handleSyncWorkflowDraft(true)
+  }, [handleSyncWorkflowDraft, workflowStore])
 
   return (
     <div
@@ -103,7 +102,6 @@ const Header: FC = () => {
               className={`
                 mr-2 px-3 py-0 h-8 bg-white text-[13px] font-medium text-gray-700
                 border-[0.5px] border-gray-200 shadow-xs
-                ${nodesReadOnly && '!cursor-not-allowed opacity-50'}
               `}
               onClick={handleShowFeatures}
             >

web/app/components/workflow/header/publish.tsx

@@ -30,7 +30,11 @@ const Publish = () => {
   const [published, setPublished] = useState(false)
   const workflowStore = useWorkflowStore()
   const { formatTimeFromNow } = useWorkflow()
-  const { handleCheckBeforePublish } = useWorkflowRun()
+  const {
+    handleBackupDraft,
+    handleCheckBeforePublish,
+    handleRestoreFromPublishedWorkflow,
+  } = useWorkflowRun()
   const { handleSyncWorkflowDraft } = useNodesSyncDraft()
   const {
     nodesReadOnly,
@@ -61,8 +65,10 @@ const Publish = () => {
 
   const handleRestore = useCallback(() => {
     workflowStore.getState().setIsRestoring(true)
+    handleBackupDraft()
+    handleRestoreFromPublishedWorkflow()
     setOpen(false)
-  }, [workflowStore])
+  }, [workflowStore, handleBackupDraft, handleRestoreFromPublishedWorkflow])
 
   const handleTrigger = useCallback(() => {
     if (getNodesReadOnly())