When the sidebar is collapsed to a 56px icon rail, hovering expands it
as a translucent overlay (240px) on top of the page content for quick
sub-menu access. Left 56px stays solid, the overlapping portion uses
subtle backdrop-filter blur. Auto-closes on navigation or mouse leave.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add amber dot indicators to group headers with hover scale effect
- Replace hard divider lines with gradient fade separators
- Active nav item gets rounded pill with amber glow box-shadow
- Section chevrons start subtle (25% opacity), reveal on hover
- Expand/collapse adds opacity fade alongside CSS grid height animation
- Chevron rotation uses spring-like cubic-bezier bounce easing
- Child items get gradient guide line and active dot indicator
- Press feedback via scale(0.98) on :active for all nav items
- Collapsed rail active state uses small amber left bar
- Footer divider uses gradient fade, version text fades on collapse
- Sidebar background uses subtle vertical gradient
- Right edge border gets amber-tinted gradient glow at center
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The exception-dashboard showed a "Live updates unavailable" error banner
immediately on page load because the SSE event stream endpoint returns an
error on fresh installs. The SSE stream is a live-update enhancement, not
critical functionality. Silently degrade when the stream is unavailable
instead of showing an alarming error banner.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
