From 0fb6d49be075597fa0812325c7419789d19bcbe8 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Wed, 10 Jun 2026 23:39:24 -0700
Subject: fix: restore timer controls visibility

---
 src/components/TimerView.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src/components/TimerView.tsx')

diff --git a/src/components/TimerView.tsx b/src/components/TimerView.tsx
index b43973c..47c104a 100644
--- a/src/components/TimerView.tsx
+++ b/src/components/TimerView.tsx
@@ -2,6 +2,7 @@ import type { CSSProperties } from 'react';
 import { invoke } from '@tauri-apps/api/core';
 import { useTimerStore, TimerPhase } from '../store/timerStore';
 import { useTaskStore } from '../store/taskStore';
+import { AmbientControl } from './AmbientControl';
 
 const RING_SIZE = 280;
 const STROKE = 8;
@@ -78,6 +79,10 @@ export function TimerView() {
     await invoke('reset_timer');
     await syncFromBackend();
   };
+  const handleClearSessions = async () => {
+    await invoke('clear_session_count');
+    await syncFromBackend();
+  };
 
   return (
     <div
@@ -88,9 +93,14 @@ export function TimerView() {
         justifyContent: 'center',
         gap: '20px',
         flex: 1,
-        padding: '24px 20px',
+        padding: '24px 20px 32px',
+        overflow: 'auto',
       }}
     >
+      <div style={{ width: 'min(100%, 520px)' }}>
+        <AmbientControl />
+      </div>
+
       {/* Eyebrow */}
       <span className="eyebrow" style={{ letterSpacing: '0.18em' }}>
         {eyebrowText(phase, sessionCount)}
@@ -204,6 +214,7 @@ export function TimerView() {
 
         <GhostButton onClick={handleSkip}>Skip</GhostButton>
         <GhostButton onClick={handleReset}>Reset</GhostButton>
+        <GhostButton onClick={handleClearSessions}>Clear Streak</GhostButton>
       </div>
     </div>
   );
-- 
cgit v1.3-2-g0d8e