Appearance
Workspace tour
Atlas is a single workspace built from a small set of repeatable surfaces. Every page in Functionality is a panel that lives somewhere on this canvas. This page is the orientation tour.
The root component is OSINTDashboard.jsx — sometimes called the "operations console" in older docs.
The four zones
┌──────────────────────────────────────────────────────────────┐
│ Header — search, status, user menu │
├──────────┬───────────────────────────────────────┬───────────┤
│ │ │ │
│ Sidebar │ Main canvas (panels) │ Right rail│
│ (nav) │ globe / market / dashboards / news │ (detail) │
│ │ │ │
├──────────┴───────────────────────────────────────┴───────────┤
│ Sub-bar — context-aware filters (layer-specific) │
└──────────────────────────────────────────────────────────────┘Header
Top strip across the workspace. Hosts:
- The Atlas logo (returns to default layout).
- The command bar — global symbol/screen/permalink search.
- Status indicators — connection to backend, websocket health.
- User menu — opens Settings or signs out.
header.* keys cover this surface in frontend/src/i18n/en.json.
Sidebar (left)
Navigation between top-level panels: globe, markets, watchlist, news, dashboards, AI chat, portfolios. Click an icon to swap the main canvas panel. The sidebar component is Sidebar.jsx.
The live-feed widget at the bottom (sidebar.liveFeed, sidebar.aircraft, sidebar.vessels, sidebar.stream) shows aggregate counts of currently-tracked entities.
Main canvas
Whatever panel you've focused. One of:
- 3D Globe
- Market panel
- Market dashboards
- News
- Watchlist
- Security dashboard
- AI chat
- Portfolios
- Custom dashboards
Most panels can be popped out into a separate browser window for multi-monitor setups (marketDashboards.popOut).
Right rail (detail card)
Contextual to the focused selection:
- A vessel or aircraft pin → telemetry, route, live status (
detail.*keys). - A symbol focused in the Market panel → quick fundamentals + headline news.
- A news article → article detail with actions (open source, generate intel, share).
The detail card always represents one thing — the active selection.
Sub-bar
Just below the header. Layer-specific or panel-specific filters. On the globe it shows AIS / ADS-B filters (subbar.*); on a market dashboard it shows the time-range selector; on news it shows the source filter.
Panels are composable
Most workflows combine 2–3 panels. Common combos:
- Globe (main) + News (right rail) for OSINT.
- Market panel (main) + Watchlist (sidebar) + AI chat (drawer) for trading.
- Custom dashboard for a layout you keep across sessions.
Tips
- Get familiar with the command bar early — it cuts navigation time more than any other shortcut.
- Use custom dashboards once you know which panels you reach for most days.
- Detail cards are dismissible (
detail.dismiss) — pop them away when you don't need them.