feat(ui): add started time display in timer banner

- Show start time in timer banner (e.g., "Started: 14:30")
- Style with monospace font for consistent width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-18 22:37:02 +01:00
co-authored by Claude Opus 4.5
parent 4678e78b95
commit e6e3bf094b
3 changed files with 12 additions and 0 deletions
+6
View File
@@ -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();
}
+1
View File
@@ -49,6 +49,7 @@
<div class="timer-progress-fill" id="timerProgress"></div>
</div>
<div class="timer-meta">
<span id="timerStarted" class="timer-started">Started: --:--</span>
<span id="timerTasks">0 tasks completed</span>
<span id="timerCost">$0.00</span>
<button class="btn btn-sm btn-danger" onclick="app.stopCurrentRun()">Stop</button>
+5
View File
@@ -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;