Mobile App
Your AI coding assistant, in your pocket.
What you can do from your phone
Chat with AI coding assistants, review and approve code changes, browse your codebase, manage sessions across projects, and monitor tool execution in real-time.
Navigation
The app uses a bottom navigation bar with four main tabs:
| Tab | Icon | Description |
|---|---|---|
| Projects | Grid icon | Browse repositories and start new sessions |
| Browse | Folder icon | File browser for your codebase |
| Sessions | History icon | List of all chat sessions |
| Settings | Tune icon | App configuration and preferences |
Navigation Styles
Broski offers two navigation bar styles (Settings > Customization):
- Classic - Standard bottom navigation with icons and labels
- Glassmorphic - Floating pill-style navigation with blur effect
Gestures
Common touch gestures throughout the app:
| Gesture | Action |
|---|---|
| Tap | Select, open, activate |
| Long Press | Show context menu or additional options |
| Swipe Left | Delete item (sessions, messages) |
| Pull Down | Refresh current list |
| Pinch | Zoom in file viewer (images) |
Connection Status
The connection quality indicator shows your current bridge status:
| Status | Description |
|---|---|
| 4 bars (green) | Excellent connection (<30ms latency) |
| 3 bars (green) | Good connection (50-100ms) |
| 2 bars (yellow) | Fair connection (100-200ms) |
| 1 bar (red) | Poor connection (>200ms) |
| Offline icon | Using cached data, cloud-off indicator |
Offline Mode
When connection is lost, Broski continues working with cached data:
- Offline banner - Appears at top of screen
- Cached sessions - Previous sessions and messages are available
- Read-only - Cannot send new messages until reconnected
- Tap to retry - Attempt reconnection manually
Custom Backgrounds
Broski supports custom backgrounds that persist across screens:
- Custom Image - Set a personal wallpaper from your gallery
- Background Shade - Choose from theme-based shades (Deep, Base, Raised, etc.)
- Per-Screen Control - Enable/disable background for specific screens
Configure in Settings > Customization > Tool Cards > Background.