# Web UI Design Specification ## Aesthetic - **Theme**: Soft Rounded + Blue Accent. - **Consistency**: Should align with the TUI layout plan. ## Layout - **Sidebar**: Centralized navigation. - **Main Area**: Dynamic content based on selection. - **Event Log**: Easily accessible (Source of Truth). ## Components - **Cards**: For task summaries, status updates. - **Badges**: For status (e.g., `CLAIMED`, `PENDING`, `COMPLETED`). - **Progress Bars**: For multi-step task progress. - **Service Layer**: Placeholders for `apps/server` endpoints. ## UX Priorities - Clear hierarchy. - Intuitive navigation. - Avoid clutter (maintain information density).