diff --git a/src/web/public/app.js b/src/web/public/app.js index ed80a5cb..635ef393 100644 --- a/src/web/public/app.js +++ b/src/web/public/app.js @@ -1073,6 +1073,12 @@ class ClaudemanApp { // Timer showTimer() { document.getElementById('timerBanner').style.display = 'block'; + // Set started time + if (this.currentRun && this.currentRun.startedAt) { + const startDate = new Date(this.currentRun.startedAt); + const timeStr = startDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + document.getElementById('timerStarted').textContent = `Started: ${timeStr}`; + } this.updateTimer(); } diff --git a/src/web/public/index.html b/src/web/public/index.html index 5095bcfe..46174e88 100644 --- a/src/web/public/index.html +++ b/src/web/public/index.html @@ -49,6 +49,7 @@
+ Started: --:-- 0 tasks completed $0.00 diff --git a/src/web/public/styles.css b/src/web/public/styles.css index 219e5ccd..67626d40 100644 --- a/src/web/public/styles.css +++ b/src/web/public/styles.css @@ -175,6 +175,11 @@ body { color: var(--text-dim); } +.timer-started { + font-family: 'SF Mono', Monaco, monospace; + color: var(--text-muted); +} + /* Main */ .main { display: grid;