← gallery · 10 · Empty State Dashboard v0.8 · NEW DELIVERABLE
ARGUS
--:--:--
--- · --- --
Server Online
Active Sessions
0
Claude Code
CPU Usage
0%
4-core avg
Memory
0%
-- / -- GB
Uptime
14d 3h
Since Apr 30
Load avg 0.00
Processes —
Claude Sessions
3 active
kpmg
/home/claude/shared-kpmg/repositories/genai-api
active 3m
argus
/home/claude/od-workspace/projects
active 9m
simcitymanager
/home/claude/simcitymanager
idle 1h
Recent Activity
today
✓
kpmg — genai-api: routes updated
3 files · +47 −12 lines
14:31
▲
argus — dashboard build complete
10-empty-state-dashboard.html
14:29
◉
New session started — kpmg
claude-sonnet-4-6
13:58
✓
simcitymanager — SEO pass complete
index.html · sitemap.xml · robots.txt
12:44
!
kpmg — build warning: 2 lint errors
genai-ui/src/components/Chat.tsx
12:31
kpmg
argus
OD
Grafana
New Palette Tokens (Evolved)
--void#0A0A0A
--bg#141414
--surface#1C1C1C
--raised#232323
--orange (keep)#C15F3C
--green (keep)#3FB950
--blue (new)#4D9EDA
--red (deepened)#C0392B
Design Decisions
Glassmorphism System
  • backdrop-filter: blur(24px) saturate(160%) on all dashboard cards
  • --glass-bg: rgba(18,16,14, 0.72) — warm dark, not cool gray
  • Active cards: border shifts to --glass-active (orange-tinted)
  • Two glow budgets: sessions card + Open pane CTA only
  • Inner gradient highlight (135deg, 4% white) simulates specular
Live Indicators
  • Orange dot pulse: sessions card + Claude Sessions header (2 max)
  • Green dot pulse: server-online pill (separate budget, separate color)
  • Session color coding: orange=kpmg, blue=argus, green=personal
  • FAB overlay ghosted at bottom-right (real FABs sit above this layer)
  • Clock updates every second; gauges count up on load
Palette Evolution
  • Background: #1E1E1E → #141414 (deeper, more drama under glass)
  • Borders: #3E3E42 → #252525 (warmer, no VS Code purple tint)
  • Orange: #C15F3C (kept — already perfect evolution from #F36B21)
  • Added --blue: #4D9EDA for session diversity + memory gauge
  • Added --void: #0A0A0A for dashboard background (deepest layer)
Implementation Notes
  • Real data from argus-sessions-api (JSON endpoint, poll every 30s)
  • CPU/memory: server-stats endpoint or adb shell top parsing
  • Quick-launch pills: same pane list as drawer RECENT PANES
  • Clock already shown by clockPill — can hide clockPill in empty state
  • Idle → screensaver: dim to 20% brightness after 5min inactivity