diff --git a/src/hooks/useCanvasWorkflowLoader.ts b/src/hooks/useCanvasWorkflowLoader.ts
index 97fb9bf6..edff1bfc 100644
--- a/src/hooks/useCanvasWorkflowLoader.ts
+++ b/src/hooks/useCanvasWorkflowLoader.ts
@@ -11,6 +11,7 @@ export function useCanvasWorkflowLoader(workflowId: string | null) {
   const { message } = App.useApp();
   const loadWorkflow = useWorkflowStore((state) => state.loadWorkflow);
   const clearWorkflow = useWorkflowStore((state) => state.clearWorkflow);
+  const setWorkFlowName = useWorkflowStore((state) => state.setWorkflowName);
   const setCurrentCanvasWorkflow = useCanvasWorkflowStore((state) => state.setCurrentCanvasWorkflow);
   const clearCurrentCanvasWorkflow = useCanvasWorkflowStore((state) => state.clearCurrentCanvasWorkflow);
   const setIsLoadingCanvasWorkflow = useCanvasWorkflowStore((state) => state.setIsLoadingCanvasWorkflow);
@@ -34,7 +35,6 @@ export function useCanvasWorkflowLoader(workflowId: string | null) {
     }
 
     let isCancelled = false;
-    loadedWorkflowIdRef.current = workflowId;
     clearCurrentCanvasWorkflow();
     clearWorkflow();
     setIsLoadingCanvasWorkflow(true);
@@ -46,6 +46,7 @@ export function useCanvasWorkflowLoader(workflowId: string | null) {
         workflow.name = detail.title?.trim() || workflow.name;
         await loadWorkflow(workflow, undefined, { preserveSnapshot: false });
         if (isCancelled) return;
+        loadedWorkflowIdRef.current = workflowId;
         setCurrentCanvasWorkflow({
           id: numericWorkflowId,
           title: detail.title || workflow.name,
@@ -71,6 +72,7 @@ export function useCanvasWorkflowLoader(workflowId: string | null) {
     workflowId,
     loadWorkflow,
     clearWorkflow,
+    setWorkFlowName,
     setCurrentCanvasWorkflow,
     clearCurrentCanvasWorkflow,
     setIsLoadingCanvasWorkflow,