diff --git a/app/w/components/control-bar/control-bar.tsx b/app/w/components/control-bar/control-bar.tsx
index bb14f8dbec..f104df8584 100644
--- a/app/w/components/control-bar/control-bar.tsx
+++ b/app/w/components/control-bar/control-bar.tsx
@@ -25,6 +25,7 @@ import {
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
 import { useNotificationStore } from '@/stores/notifications/store'
+import { performSync } from '@/stores/sync-manager'
 import { useWorkflowRegistry } from '@/stores/workflow/registry/store'
 import { useWorkflowStore } from '@/stores/workflow/store'
 import { useWorkflowExecution } from '../../hooks/use-workflow-execution'
@@ -131,6 +132,9 @@ export function ControlBar() {
     if (!activeWorkflowId) return
     try {
       setIsDeploying(true)
+
+      await performSync()
+
       const response = await fetch(`/api/workflow/${activeWorkflowId}/deploy`, {
         method: 'POST',
       })
diff --git a/stores/sync-manager.ts b/stores/sync-manager.ts
index 75908ae212..2171391f40 100644
--- a/stores/sync-manager.ts
+++ b/stores/sync-manager.ts
@@ -130,7 +130,7 @@ async function syncWorkflowsToServer(payloads: WorkflowSyncPayload[]): Promise<b
 }
 
 // Periodic sync execution
-async function performSync(): Promise<void> {
+export async function performSync(): Promise<void> {
   const { workflows } = useWorkflowRegistry.getState()
 
   const syncPayloads = await Promise.all(