feat: use latest hash to sync draft (#31924)

web/app/components/workflow-app/hooks/use-nodes-sync-draft.ts

@@ -98,14 +98,30 @@ export const useNodesSyncDraft = () => {
   ) => {
     if (getNodesReadOnly())
       return
-    const postParams = getPostParams()
 
-    if (postParams) {
+    // Get base params without hash
+    const baseParams = getPostParams()
+    if (!baseParams)
+      return
+
     const {
       setSyncWorkflowDraftHash,
       setDraftUpdatedAt,
     } = workflowStore.getState()
+
     try {
+      // IMPORTANT: Get the LATEST hash right before sending the request
+      // This ensures that even if queued, each request uses the most recent hash
+      const latestHash = workflowStore.getState().syncWorkflowDraftHash
+
+      const postParams = {
+        ...baseParams,
+        params: {
+          ...baseParams.params,
+          hash: latestHash || null, // null for first-time, otherwise use latest hash
+        },
+      }
+
       const res = await syncWorkflowDraft(postParams)
       setSyncWorkflowDraftHash(res.hash)
       setDraftUpdatedAt(res.updated_at)
@@ -123,7 +139,6 @@ export const useNodesSyncDraft = () => {
     finally {
       callback?.onSettled?.()
     }
-    }
   }, [workflowStore, getPostParams, getNodesReadOnly, handleRefreshWorkflowDraft])
 
   const doSyncWorkflowDraft = useSerialAsyncCallback(performSync, getNodesReadOnly)