Add Reset button and move End Day to right side of actions bar

Reset clears the current block's elapsed time to zero and immediately
starts the timer. A shared compute_block_elapsed() utility (utils/timer.py)
handles the elapsed calculation in both the sessions and dashboard routers,
and correctly treats "reset" events as zero-elapsed restart markers so
page reloads after a reset show accurate times.

Layout: Start/Pause/Resume/Reset are grouped on the left; End Day sits
on the right via justify-content: space-between.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

backend/app/routers/dashboard.py

@@ -2,7 +2,7 @@
 Public dashboard endpoint — no authentication required.
 Used by the TV view to get the initial session snapshot before WebSocket connects.
 """
-from datetime import date, datetime
+from datetime import date
 
 from fastapi import APIRouter, Depends, HTTPException
 from sqlalchemy.ext.asyncio import AsyncSession
@@ -16,6 +16,7 @@ from app.models.schedule import ScheduleBlock, ScheduleTemplate
 from app.models.subject import Subject  # noqa: F401 — needed for selectinload chain
 from app.models.session import DailySession, TimerEvent
 from app.schemas.session import DashboardSnapshot
+from app.utils.timer import compute_block_elapsed
 
 router = APIRouter(prefix="/api/dashboard", tags=["dashboard"])
 
@@ -74,29 +75,9 @@ async def get_dashboard(child_id: int, db: AsyncSession = Depends(get_db)):
     # Compute elapsed seconds and paused state for the current block from timer_events
     is_paused = False
     if session and session.current_block_id:
-        tick_result = await db.execute(
+        block_elapsed_seconds, is_paused = await compute_block_elapsed(
-            select(TimerEvent)
+            db, session.id, session.current_block_id
-            .where(
-                TimerEvent.session_id == session.id,
-                TimerEvent.block_id == session.current_block_id,
-                TimerEvent.event_type.in_(["start", "resume", "pause"]),
-            )
-            .order_by(TimerEvent.occurred_at)
         )
-        tick_events = tick_result.scalars().all()
-        last_start = None
-        elapsed = 0.0
-        for e in tick_events:
-            if e.event_type in ("start", "resume"):
-                last_start = e.occurred_at
-            elif e.event_type == "pause" and last_start:
-                elapsed += (e.occurred_at - last_start).total_seconds()
-                last_start = None
-        if last_start:
-            elapsed += (datetime.utcnow() - last_start).total_seconds()
-        block_elapsed_seconds = int(elapsed)
-        # Paused if the last tick event was a pause (last_start is None but events exist)
-        is_paused = bool(tick_events) and tick_events[-1].event_type == "pause"
 
     routine_result = await db.execute(
         select(MorningRoutineItem)

backend/app/routers/sessions.py

@@ -1,4 +1,4 @@
-from datetime import date, datetime
+from datetime import date
 
 from fastapi import APIRouter, Depends, HTTPException, status
 from sqlalchemy.ext.asyncio import AsyncSession
@@ -13,6 +13,7 @@ from app.models.subject import Subject  # noqa: F401 — needed for selectinload
 from app.models.session import DailySession, TimerEvent
 from app.models.user import User
 from app.schemas.session import DailySessionOut, SessionStart, TimerAction
+from app.utils.timer import compute_block_elapsed
 from app.websocket.manager import manager
 
 router = APIRouter(prefix="/api/sessions", tags=["sessions"])
@@ -184,11 +185,11 @@ async def timer_action(
     if not session:
         raise HTTPException(status_code=404, detail="Session not found")
 
-    # When starting or selecting a different block, implicitly pause the previous
+    # When switching to a different block (start / select / reset), implicitly
-    # one so the activity log stays accurate and elapsed time is preserved.
+    # pause the previous block so the activity log stays accurate.
     prev_block_id = None
     prev_block_elapsed_seconds = 0
-    if body.event_type in ("start", "select") and body.block_id is not None:
+    if body.event_type in ("start", "select", "reset") and body.block_id is not None:
         prev_block_id = session.current_block_id
         if prev_block_id and prev_block_id != body.block_id:
             db.add(TimerEvent(
@@ -196,28 +197,10 @@ async def timer_action(
                 block_id=prev_block_id,
                 event_type="pause",
             ))
-            # Compute prev block's accumulated elapsed so all clients (especially TV)
+            # Autoflush means the implicit pause above is visible to the helper.
-            # can update their local cache without relying on a separate pause broadcast.
+            prev_block_elapsed_seconds, _ = await compute_block_elapsed(
-            prev_tick_result = await db.execute(
+                db, session.id, prev_block_id
-                select(TimerEvent)
-                .where(
-                    TimerEvent.session_id == session.id,
-                    TimerEvent.block_id == prev_block_id,
-                    TimerEvent.event_type.in_(["start", "resume", "pause"]),
-                )
-                .order_by(TimerEvent.occurred_at)
             )
-            prev_tick_events = prev_tick_result.scalars().all()
-            _last_start = None
-            for e in prev_tick_events:
-                if e.event_type in ("start", "resume"):
-                    _last_start = e.occurred_at
-                elif e.event_type == "pause" and _last_start:
-                    prev_block_elapsed_seconds += int((e.occurred_at - _last_start).total_seconds())
-                    _last_start = None
-            # Add the current open interval (up to the implicit pause just recorded)
-            if _last_start:
-                prev_block_elapsed_seconds += int((datetime.utcnow() - _last_start).total_seconds())
 
     # Update current block if provided
     if body.block_id is not None:
@@ -238,30 +221,13 @@ async def timer_action(
     await db.commit()
     await db.refresh(session)
 
-    # For 'start' and 'select' events, compute accumulated elapsed for the new
+    # For start / select / reset, compute elapsed for the new block so every
-    # block from previous intervals so every client can restore the correct offset.
+    # client can restore the correct offset without a local cache.
     block_elapsed_seconds = 0
-    if body.event_type in ("start", "select") and event.block_id:
+    if body.event_type in ("start", "select", "reset") and event.block_id:
-        tick_result = await db.execute(
+        block_elapsed_seconds, _ = await compute_block_elapsed(
-            select(TimerEvent)
+            db, session.id, event.block_id
-            .where(
-                TimerEvent.session_id == session.id,
-                TimerEvent.block_id == event.block_id,
-                TimerEvent.event_type.in_(["start", "resume", "pause"]),
-            )
-            .order_by(TimerEvent.occurred_at)
         )
-        tick_events = tick_result.scalars().all()
-        last_start_time = None
-        for e in tick_events:
-            if e.event_type in ("start", "resume"):
-                last_start_time = e.occurred_at
-            elif e.event_type == "pause" and last_start_time:
-                block_elapsed_seconds += int((e.occurred_at - last_start_time).total_seconds())
-                last_start_time = None
-        # For 'start' also count the current open interval
-        if body.event_type == "start" and last_start_time:
-            block_elapsed_seconds += int((datetime.utcnow() - last_start_time).total_seconds())
 
     # Broadcast the timer event to all TV clients
     ws_payload = {

backend/app/utils/timer.py

@@ -0,0 +1,44 @@
+"""Shared timer-elapsed computation used by sessions and dashboard routers."""
+from datetime import datetime
+
+from sqlalchemy.ext.asyncio import AsyncSession
+from sqlalchemy import select
+
+from app.models.session import TimerEvent
+
+
+async def compute_block_elapsed(
+    db: AsyncSession, session_id: int, block_id: int
+) -> tuple[int, bool]:
+    """Return (elapsed_seconds, is_paused) for a block.
+
+    'reset' events are treated as zero-elapsed restart markers: any elapsed
+    time accumulated before a reset is discarded.
+    """
+    tick_result = await db.execute(
+        select(TimerEvent)
+        .where(
+            TimerEvent.session_id == session_id,
+            TimerEvent.block_id == block_id,
+            TimerEvent.event_type.in_(["start", "resume", "pause", "reset"]),
+        )
+        .order_by(TimerEvent.occurred_at)
+    )
+    tick_events = tick_result.scalars().all()
+
+    elapsed = 0.0
+    last_start = None
+    for e in tick_events:
+        if e.event_type == "reset":
+            elapsed = 0.0
+            last_start = e.occurred_at
+        elif e.event_type in ("start", "resume"):
+            last_start = e.occurred_at
+        elif e.event_type == "pause" and last_start:
+            elapsed += (e.occurred_at - last_start).total_seconds()
+            last_start = None
+    if last_start:
+        elapsed += (datetime.utcnow() - last_start).total_seconds()
+
+    is_paused = bool(tick_events) and tick_events[-1].event_type == "pause"
+    return int(elapsed), is_paused

frontend/src/stores/schedule.js

@@ -101,6 +101,13 @@ export const useScheduleStore = defineStore('schedule', () => {
       blockStartedAt.value = Date.now()
       isPaused.value = false
     }
+    // Reset — clear elapsed to 0 and start counting immediately
+    if (event.event === 'reset') {
+      if (event.block_id) blockElapsedCache.value[event.block_id] = 0
+      blockElapsedOffset.value = 0
+      blockStartedAt.value = Date.now()
+      isPaused.value = false
+    }
     // Select — switch current block but keep timer stopped (manual start required)
     if (event.event === 'select') {
       // Sync the previous block's cache
@@ -204,6 +211,17 @@ export const useScheduleStore = defineStore('schedule', () => {
     sendTimerAction(sessionId, 'start', session.value.current_block_id)
   }
 
+  // Reset the current block's timer to 0 and start counting immediately.
+  function resetCurrentBlock(sessionId) {
+    if (!session.value?.current_block_id) return
+    const blockId = session.value.current_block_id
+    blockElapsedCache.value[blockId] = 0
+    blockElapsedOffset.value = 0
+    isPaused.value = false
+    blockStartedAt.value = Date.now()
+    sendTimerAction(sessionId, 'reset', blockId)
+  }
+
   return {
     session,
     blocks,
@@ -226,5 +244,6 @@ export const useScheduleStore = defineStore('schedule', () => {
     switchBlock,
     selectBlock,
     startCurrentBlock,
+    resetCurrentBlock,
   }
 })

frontend/src/views/DashboardView.vue

@@ -42,21 +42,28 @@
               />
             </div>
             <div class="session-actions">
-              <button
+              <div class="session-actions-left">
-                class="btn-sm"
+                <button
-                v-if="scheduleStore.session.current_block_id && !scheduleStore.isPaused"
+                  class="btn-sm"
-                @click="sendAction('pause')"
+                  v-if="scheduleStore.session.current_block_id && !scheduleStore.isPaused"
-              >Pause</button>
+                  @click="sendAction('pause')"
-              <button
+                >Pause</button>
-                class="btn-sm btn-start"
+                <button
-                v-if="scheduleStore.isPaused && scheduleStore.blockElapsedOffset === 0 && scheduleStore.session.current_block_id"
+                  class="btn-sm btn-start"
-                @click="scheduleStore.startCurrentBlock(scheduleStore.session.id)"
+                  v-if="scheduleStore.isPaused && scheduleStore.blockElapsedOffset === 0 && scheduleStore.session.current_block_id"
-              >Start</button>
+                  @click="scheduleStore.startCurrentBlock(scheduleStore.session.id)"
-              <button
+                >Start</button>
-                class="btn-sm"
+                <button
-                v-if="scheduleStore.isPaused && scheduleStore.blockElapsedOffset > 0"
+                  class="btn-sm"
-                @click="sendAction('resume')"
+                  v-if="scheduleStore.isPaused && scheduleStore.blockElapsedOffset > 0"
-              >Resume</button>
+                  @click="sendAction('resume')"
+                >Resume</button>
+                <button
+                  class="btn-sm"
+                  v-if="scheduleStore.session.current_block_id"
+                  @click="scheduleStore.resetCurrentBlock(scheduleStore.session.id)"
+                >Reset</button>
+              </div>
               <button class="btn-sm btn-danger" @click="sendAction('complete')">End Day</button>
             </div>
           </div>
@@ -306,7 +313,8 @@ h1 { font-size: 1.75rem; font-weight: 700; }
 }
 
 .current-block-timer { display: flex; justify-content: center; margin: 1rem 0; }
-.session-actions { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }
+.session-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; gap: 0.5rem; }
+.session-actions-left { display: flex; gap: 0.5rem; flex-wrap: wrap; }
 
 .btn-sm {
   padding: 0.4rem 0.9rem;