refactor: simplify respawn controller display and improve CLAUDE.md

Respawn banner changes:
- Human-friendly state labels (e.g., "Kickstarting..." vs "waiting_kickstart")
- Removed redundant "→ waiting for" text
- Simplified AI check display (only shows when actively checking)
- Shorter cycle counter (#1 vs "Cycle 1")
- Fixed NaN timer bug with validation
- Flatter HTML structure

CLAUDE.md improvements:
- Reorganized Commands section into clear subsections
- Test port allocation in table format
- Simplified TypeScript config section
- Removed duplicate keyboard shortcuts (already in README)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-25 04:57:09 +01:00
co-authored by Claude Opus 4.5
parent 071960aba9
commit c6588ce352
4 changed files with 134 additions and 147 deletions
+8 -14
View File
@@ -70,25 +70,19 @@
<div class="respawn-banner-row">
<span class="respawn-indicator">&#x21BB;</span>
<span class="respawn-state" id="respawnState">Watching</span>
<span class="respawn-detection" id="respawnDetection">
<span class="detection-status" id="detectionStatus"></span>
<span class="detection-waiting" id="detectionWaiting"></span>
<span class="detection-confidence" id="detectionConfidence"></span>
<span class="detection-ai-check" id="detectionAiCheck" style="display: none;"></span>
</span>
<span class="respawn-cycles">Cycle <span id="respawnCycleCount">0</span></span>
<span class="detection-status" id="detectionStatus"></span>
<span class="detection-waiting" id="detectionWaiting" style="display: none;"></span>
<span class="detection-confidence" id="detectionConfidence"></span>
<span class="detection-ai-check" id="detectionAiCheck" style="display: none;"></span>
<span class="respawn-spacer"></span>
<span class="respawn-cycles">#<span id="respawnCycleCount">0</span></span>
<span class="respawn-timer" id="respawnTimer" style="display: none;"></span>
<span class="respawn-tokens" id="respawnTokens" style="display: none;"></span>
<span class="respawn-step" id="respawnStep"></span>
<button class="btn-icon-only" onclick="app.stopRespawn()" title="Stop Respawn">&#x25A0;</button>
</div>
<div class="respawn-timers-row" id="respawnTimersRow" style="display: none;">
<div class="respawn-countdown-timers" id="respawnCountdownTimers">
<!-- Dynamically populated countdown timers -->
</div>
<div class="respawn-action-log" id="respawnActionLog">
<!-- Recent actions scrolling list -->
</div>
<div class="respawn-countdown-timers" id="respawnCountdownTimers"></div>
<div class="respawn-action-log" id="respawnActionLog"></div>
</div>
</div>