ui: improve respawn controller layout and filter action log noise

- Stack timers row vertically (timers on top, action log below)
- Reduce action log height to 60px since it's now full width
- Filter action log to show only important entries:
  - Commands sent to console
  - Plan-check with action taken
  - Step completions
- Skip timer starts/cancels, detection updates, ai-check status

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-25 19:59:42 +01:00
co-authored by Claude Opus 4.5
parent c6b16bf815
commit 40df0748c5
15 changed files with 2931 additions and 16 deletions
+9
View File
@@ -2247,6 +2247,15 @@ class ClaudemanApp {
// ========== Countdown Timer Display Methods ==========
addActionLogEntry(sessionId, action) {
// Filter to important actions only
// Skip: timer starts/cancels, detection updates, ai-check status
// Keep: command (sent to console), plan-check (with action), step (completions)
if (action.type === 'timer' || action.type === 'timer-cancel') return;
if (action.type === 'detection') return;
if (action.type === 'ai-check') return;
if (action.type === 'plan-check' && !action.detail.includes('sending')) return;
if (action.type === 'step' && !action.detail.includes('completed')) return;
if (!this.respawnActionLogs[sessionId]) {
this.respawnActionLogs[sessionId] = [];
}
+5 -5
View File
@@ -470,8 +470,8 @@ body {
.respawn-timers-row {
display: flex;
align-items: flex-start;
gap: 1rem;
flex-direction: column;
gap: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid rgba(34, 197, 94, 0.15);
margin-top: 0.35rem;
@@ -479,7 +479,7 @@ body {
.respawn-countdown-timers {
display: flex;
gap: 0.5rem;
gap: 0.4rem;
flex-wrap: wrap;
}
@@ -520,8 +520,8 @@ body {
}
.respawn-action-log {
flex: 1;
max-height: 100px;
width: 100%;
max-height: 60px;
overflow-y: auto;
font-size: 0.7rem;
opacity: 0.9;