feat(ui): add mobile responsiveness and favicon

- Add comprehensive responsive styles for tablets (1024px), phones (768px, 480px)
- Add touch optimization media query for larger tap targets
- Add SVG favicon with lightning bolt icon
- Add meta description and theme-color tags
- Add dynamic page title updates based on session/timer state
- Update README with keyboard shortcuts documentation

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-18 22:04:02 +01:00
co-authored by Claude Opus 4.5
parent 070c3f92e7
commit f8b84a9465
4 changed files with 293 additions and 2 deletions
+13
View File
@@ -50,6 +50,9 @@ The web interface provides:
- **Resource Display**: Real-time memory usage and message count per session
- **Respawn Controls**: Start/stop respawn controller with configurable settings
- **Case Management**: Create new project workspaces with CLAUDE.md templates
- **Keyboard Shortcuts**: Quick access to common actions (Ctrl+Enter, Ctrl+K, Ctrl+L)
- **Toast Notifications**: Non-intrusive status updates and alerts
- **Mobile Support**: Responsive design optimized for tablets and phones
- **Modern UI**: Gradient backgrounds, smooth animations, and polished styling
#### Quick Start Button
@@ -74,6 +77,16 @@ The Quick Start button will:
- Start an interactive Claude terminal
- Focus the terminal so you can start working immediately
#### Keyboard Shortcuts
| Shortcut | Action |
|----------|--------|
| `Ctrl+Enter` | Quick Start (create case + interactive session) |
| `Ctrl+K` | Kill all sessions |
| `Ctrl+L` | Clear terminal |
| `Ctrl+1/2/3` | Switch tabs (Run/Cases/Settings) |
| `Escape` | Close modals |
### CLI Usage
```bash