ui: keep action log on right side, improve detection status readability

- Revert timers row to horizontal layout (timers left, action log right)
- Make detection status text more readable:
  - Larger font (0.75rem)
  - Better contrast (--text color)
  - Semi-bold weight
  - Subtle background pill

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-25 20:02:29 +01:00
co-authored by Claude Opus 4.5
parent 40df0748c5
commit 4eb361f204
3 changed files with 12 additions and 8 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ When user says "COM": 1) Increment version in BOTH `package.json` AND `CLAUDE.md
Claudeman is a Claude Code session manager with a web interface and autonomous Ralph Loop. It spawns Claude CLI processes via PTY, streams output in real-time via SSE, and supports scheduled/timed runs. Claudeman is a Claude Code session manager with a web interface and autonomous Ralph Loop. It spawns Claude CLI processes via PTY, streams output in real-time via SSE, and supports scheduled/timed runs.
**Version**: 0.1360 (must match `package.json`) **Version**: 0.1361 (must match `package.json`)
**Tech Stack**: TypeScript (ES2022/NodeNext, strict mode), Node.js, Fastify, Server-Sent Events, node-pty **Tech Stack**: TypeScript (ES2022/NodeNext, strict mode), Node.js, Fastify, Server-Sent Events, node-pty
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "claudeman", "name": "claudeman",
"version": "0.1360", "version": "0.1361",
"description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence", "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
"type": "module", "type": "module",
"main": "dist/index.js", "main": "dist/index.js",
+10 -6
View File
@@ -470,8 +470,8 @@ body {
.respawn-timers-row { .respawn-timers-row {
display: flex; display: flex;
flex-direction: column; align-items: flex-start;
gap: 0.35rem; gap: 1rem;
padding-top: 0.35rem; padding-top: 0.35rem;
border-top: 1px solid rgba(34, 197, 94, 0.15); border-top: 1px solid rgba(34, 197, 94, 0.15);
margin-top: 0.35rem; margin-top: 0.35rem;
@@ -520,8 +520,8 @@ body {
} }
.respawn-action-log { .respawn-action-log {
width: 100%; flex: 1;
max-height: 60px; max-height: 100px;
overflow-y: auto; overflow-y: auto;
font-size: 0.7rem; font-size: 0.7rem;
opacity: 0.9; opacity: 0.9;
@@ -617,8 +617,12 @@ body {
} }
.detection-status { .detection-status {
color: var(--text-muted); color: var(--text);
font-size: 0.7rem; font-size: 0.75rem;
font-weight: 500;
padding: 0.1rem 0.5rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 3px;
} }
.detection-ai-check { .detection-ai-check {