fix: resolve final deadlock and startup sync gap

1 files changed, 6 insertions, 10 deletions

diff --git a/src/hooks/useTimerEvents.ts b/src/hooks/useTimerEvents.ts
index a0d5154..2142273 100644
--- a/src/hooks/useTimerEvents.ts
+++ b/src/hooks/useTimerEvents.ts
@@ -29,16 +29,6 @@ export function useTimerEvents(
     let unlisteners: Array<() => void> = [];
 
     async function setup() {
-      // Bootstrap initial state from backend
-      try {
-        await syncFromBackend();
-        if (cancelled) return;
-      } catch (e) {
-        console.error('Failed to get timer status:', e);
-      }
-
-      if (cancelled) return;
-
       // Register all listeners atomically
       try {
         const [unlistenTick, unlistenCompleted, unlistenPhaseChanged] = await Promise.all([
@@ -75,6 +65,12 @@ export function useTimerEvents(
         }
 
         unlisteners = [unlistenTick, unlistenCompleted, unlistenPhaseChanged];
+
+        try {
+          await syncFromBackend();
+        } catch (e) {
+          console.error('Failed to get timer status:', e);
+        }
       } catch (e) {
         console.error('Failed to register timer listeners:', e);
       }