Atlas Platform · Issues
ATL-341
Rate limiter returns 429 on valid API keys under burst load
MJ
ATL-340
OAuth token refresh fails silently after 7-day expiry window
LC
ATL-338
Migration script drops nullable columns on rollback path
RP
ATL-335
Webhook delivery retries ignore Retry-After header
TD
ATL-332
Add request tracing to the edge handler for latency debugging
SK
Component Anatomy
Sidebar at two collapse states
240px expanded → 48px icon-only. Labels, badges, and section headers adapt; tooltips fill the gap.
Expanded
240px
Collapsed
48px · icon-only
01
Active state = 3 signals
Background tint
#eef0fc + text color shift to #4339c8 + icon inherits the accent. In collapsed mode, the dot/icon alone carries it — no background needed at 48px because the accent-colored dot is distinctive enough.02
Badge → dot on collapse
Expanded: numeric badge
12 tells you the count. Collapsed: a 7px accent dot replaces it (count is in the tooltip). The dot signals "has items" without demanding the same attention as a number.03
Section headers → dividers
Expanded: uppercase tracked label "WORKSPACE". Collapsed: a 1px hairline
margin: 8px 12px preserves grouping without text. The divider is the section header's ghost — it marks the boundary the label used to name.04
Tooltip delay = 400ms
transition: opacity 0.15s 0.4s — the 0.4s delay prevents tooltip flicker when the cursor sweeps across icons. Tooltip content includes badge count: "Inbox · 3 unread" not just "Inbox."05
Row height = 32px (expanded)
Navigation density. 32px is the sweet spot: tall enough for a 16px icon + vertical centering, short enough to show 8+ items per section without scrolling. Collapsed items keep the same 32px so the transition is seamless.
06
Mobile = slide-out drawer
At ≤768px the sidebar detaches to
position: fixed + translateX(-100%). Hamburger button appears in the topbar. Overlay dims content. The sidebar keeps its full 240px width — collapsing to 48px on mobile would be unusable.