From 4eb361f20485fd7ca8c807abea10e0e6acc7f55c Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Sun, 25 Jan 2026 20:02:29 +0100
Subject: [PATCH] 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>
---
 CLAUDE.md                 |  2 +-
 package.json              |  2 +-
 src/web/public/styles.css | 16 ++++++++++------
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index 323fbe75..c14f2895 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -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.
 
-**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
 
diff --git a/package.json b/package.json
index f034a0ba..951892d4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "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",
   "type": "module",
   "main": "dist/index.js",
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 0942c31b..d00a3e76 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -470,8 +470,8 @@ body {
 
 .respawn-timers-row {
   display: flex;
-  flex-direction: column;
-  gap: 0.35rem;
+  align-items: flex-start;
+  gap: 1rem;
   padding-top: 0.35rem;
   border-top: 1px solid rgba(34, 197, 94, 0.15);
   margin-top: 0.35rem;
@@ -520,8 +520,8 @@ body {
 }
 
 .respawn-action-log {
-  width: 100%;
-  max-height: 60px;
+  flex: 1;
+  max-height: 100px;
   overflow-y: auto;
   font-size: 0.7rem;
   opacity: 0.9;
@@ -617,8 +617,12 @@ body {
 }
 
 .detection-status {
-  color: var(--text-muted);
-  font-size: 0.7rem;
+  color: var(--text);
+  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 {