From 6cb006cc136f1fc5c83537cc30c64d223d1755e4 Mon Sep 17 00:00:00 2001
From: Solstice <solstice@local>
Date: Tue, 9 Jun 2026 00:22:18 -0700
Subject: feat: frontend view, state management, and user interface

---
 src/store/timerStore.ts | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/store/timerStore.ts

(limited to 'src/store/timerStore.ts')

diff --git a/src/store/timerStore.ts b/src/store/timerStore.ts
new file mode 100644
index 0000000..6a81e20
--- /dev/null
+++ b/src/store/timerStore.ts
@@ -0,0 +1,42 @@
+import { create } from 'zustand';
+
+export type TimerPhase = 'work' | 'short_break' | 'long_break';
+
+export interface TimerTickPayload {
+  phase: TimerPhase;
+  remaining_secs: number;
+  total_secs: number;
+  session_count: number;
+  current_task_id: string | null;
+}
+
+interface TimerState {
+  phase: TimerPhase;
+  remainingSecs: number;
+  totalSecs: number;
+  running: boolean;
+  sessionCount: number;
+  currentTaskId: string | null;
+  setTimerTick: (payload: TimerTickPayload) => void;
+  setRunning: (running: boolean) => void;
+}
+
+export const useTimerStore = create<TimerState>((set) => ({
+  phase: 'work',
+  remainingSecs: 25 * 60,
+  totalSecs: 25 * 60,
+  running: false,
+  sessionCount: 0,
+  currentTaskId: null,
+
+  setTimerTick: (payload) =>
+    set({
+      phase: payload.phase,
+      remainingSecs: payload.remaining_secs,
+      totalSecs: payload.total_secs,
+      sessionCount: payload.session_count,
+      currentTaskId: payload.current_task_id,
+    }),
+
+  setRunning: (running) => set({ running }),
+}));
-- 
cgit v1.3-2-g0d8e