UI: Claude-like warm beige theme + System Health engine-status fix

[engkimo]

Two small changes.

1. style(ui): Claude-like warm beige light theme

Flip the dark palette to a warm cream/beige light theme — background `#f4f1ea`, warm near-black text `#33312b`, surface `#fbf9f3`, border `#e3ded2`, terracotta accent `#c15f3c`, warmed status colors. Variable-driven via `globals.css :root` + `theme.ts`; `html.dark` removed; TaskGraph and code-block hardcoded dark hex converted to theme vars.

2. fix(api): System Health shows real engine status

`/api/settings/health` referenced a non-existent `container.engine_registry`, so every agent engine fell to `status=skip` and the UI only showed ollama + database. Now reads `container.agent_drivers` keyed by `AgentEngineType`.

Note: health still reflects `is_available()` (binary + key presence), which is shallow — e.g. a present-but-broken CLI can still report `ok`. Verified separately via real calls: claude_code ✓, gemini_cli ✓, ollama ✓, codex_cli ✗ (host CLI issue, not app).

🤖 Generated with Claude Code

Summary by CodeRabbit

• Style

  • Transitioned application theme from dark to light mode with a warm beige color palette
  • Updated styling across all UI components including code blocks, task graphs, and execution result displays
  • Applied consistent light theme colors and styling throughout the interface

• Refactor

  • Enhanced engine availability detection and reporting in the health check endpoint

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

The PR contains two independent changes: a backend health endpoint refactor and a frontend theme migration. The engine availability check now uses AgentEngineType enum resolution with container.agent_drivers, handling missing drivers and conversion failures gracefully. The UI migrates from a dark Morphic palette to a warm light beige palette by updating theme constants, CSS variables, removing the dark class from the root HTML, and updating component styling throughout.

Changes

Health Endpoint Engine Availability

Layer / File(s)	Summary
Engine availability check with AgentEngineType resolution interface/api/routes/settings.py	Engine availability loop refactored to use container.agent_drivers keyed by AgentEngineType, with enum conversion and error handling for missing drivers or invalid engine names. Availability is reported via driver.is_available() with ok/warn mapping.

UI Theme Migration to Light Palette

Layer / File(s)	Summary
Theme color palette and CSS variables ui/lib/theme.ts, ui/app/globals.css	Theme palette switched from dark values to light warm beige colors in theme.colors and statusStyles. CSS custom properties in :root updated with corresponding shadcn semantic variable mappings (--card, --primary, --secondary, --muted, --destructive, --input, --ring).
Root layout dark class removal ui/app/layout.tsx	The dark class is removed from the root HTML element in RootLayout, allowing light theme CSS variables to take effect by default.
Component theme styling updates ui/components/CodeBlock.tsx, ui/components/ExecutionResult.tsx, ui/components/TaskGraph.tsx	Components updated to use theme-based Tailwind classes (bg-muted, bg-card, text-foreground, accent colors) instead of hardcoded dark values. Subtask and goal node borders, execution output backgrounds, and code block text colors align with the new light palette.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 The rabbit hops through themes both dark and bright,
From Morphic shadows to a warm, beige light,
CSS variables dance in place,
While engines poll with graceful grace,
A gentle shift—the palette takes its flight! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes both main changes: a UI theme switch to warm beige and a system health endpoint fix for engine status.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/ui-beige-theme-and-health

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}