# Dashboard

> Skill for the Dashboard area of paddock. 80 symbols across 16 files.

- Skill: `racecraft-lab/dashboard` (Agent Skill)
- Install (CLI): `npx skillmds@latest add racecraft-lab/dashboard`
- Raw SKILL.md: https://api.skillmd.com/api/skills/racecraft-lab/dashboard/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: racecraft-lab (https://skillmd.com/u/racecraft-lab)
- Updated: 2026-08-19
- Page: https://skillmd.com/skills/racecraft-lab/dashboard

---


# Dashboard

80 symbols | 16 files | Cohesion: 90%

## When to Use

- Working with code in `src/`
- Understanding how MetricCard, formatTokensShort, AgentIcon work
- Modifying dashboard-related functionality

## Key Files

| File | Symbols |
|------|---------|
| `src/components/dashboard/widget-primitives.tsx` | MetricCard, formatTokensShort, AgentIcon, GatewayIcon, ActivityIconMini (+14) |
| `src/components/dashboard/widget-grid.tsx` | validLayout, handleDragStart, handleDragEnter, handleDrop, nextLayout (+6) |
| `src/components/dashboard/agent-network.tsx` | CrownIcon, BotIcon, ClockIcon, GroupIcon, FileIcon (+5) |
| `src/components/dashboard/stats-grid.tsx` | MonitorIcon, PulseCircleIcon, ChatIcon, UptimeIcon, WarningTriangleIcon (+3) |
| `src/components/dashboard/dashboard.tsx` | Dashboard, dispositionLabel, dispositionColor, shortDate, Last7dTriageTotalsWidget (+2) |
| `src/components/dashboard/sessions-list.tsx` | SessionCard, getSessionTypeIcon, getModelColor, getRoleBadge, getCurrentTask (+1) |
| `src/lib/utils.ts` | formatUptime, formatAge, parseTokenUsage, generateNodePosition |
| `src/lib/dashboard-widgets.ts` | getWidgetById, getDefaultLayout, getAvailableWidgets |
| `src/components/dashboard/widgets/briefing-bar-widget.tsx` | BriefingBarWidget, BriefingItem |
| `src/components/dashboard/empty-state-launchpad.tsx` | EmptyStateLaunchpad, StepCard |

## Entry Points

Start here when exploring this area:

- **`MetricCard`** (Function) — `src/components/dashboard/widget-primitives.tsx:90`
- **`formatTokensShort`** (Function) — `src/components/dashboard/widget-primitives.tsx:232`
- **`AgentIcon`** (Function) — `src/components/dashboard/widget-primitives.tsx:276`
- **`GatewayIcon`** (Function) — `src/components/dashboard/widget-primitives.tsx:285`
- **`ActivityIconMini`** (Function) — `src/components/dashboard/widget-primitives.tsx:294`

## Key Symbols

| Symbol | Type | File | Line |
|--------|------|------|------|
| `MetricCard` | Function | `src/components/dashboard/widget-primitives.tsx` | 90 |
| `formatTokensShort` | Function | `src/components/dashboard/widget-primitives.tsx` | 232 |
| `AgentIcon` | Function | `src/components/dashboard/widget-primitives.tsx` | 276 |
| `GatewayIcon` | Function | `src/components/dashboard/widget-primitives.tsx` | 285 |
| `ActivityIconMini` | Function | `src/components/dashboard/widget-primitives.tsx` | 294 |
| `TaskIcon` | Function | `src/components/dashboard/widget-primitives.tsx` | 302 |
| `TokenIcon` | Function | `src/components/dashboard/widget-primitives.tsx` | 358 |
| `CostIcon` | Function | `src/components/dashboard/widget-primitives.tsx` | 367 |
| `MetricCardsWidget` | Function | `src/components/dashboard/widgets/metric-cards-widget.tsx` | 15 |
| `BriefingBarWidget` | Function | `src/components/dashboard/widgets/briefing-bar-widget.tsx` | 4 |
| `getPluginPanel` | Function | `src/lib/plugins.ts` | 102 |
| `getProviderHealth` | Function | `src/components/dashboard/widget-primitives.tsx` | 246 |
| `getLocalOsStatus` | Function | `src/components/dashboard/widget-primitives.tsx` | 252 |
| `getMcHealth` | Function | `src/components/dashboard/widget-primitives.tsx` | 260 |
| `EmptyStateLaunchpad` | Function | `src/components/dashboard/empty-state-launchpad.tsx` | 21 |
| `Dashboard` | Function | `src/components/dashboard/dashboard.tsx` | 232 |
| `OnboardingChecklistWidget` | Function | `src/components/dashboard/widgets/onboarding-checklist-widget.tsx` | 14 |
| `check` | Function | `src/components/dashboard/widgets/onboarding-checklist-widget.tsx` | 26 |
| `getWidgetById` | Function | `src/lib/dashboard-widgets.ts` | 170 |
| `validLayout` | Function | `src/components/dashboard/widget-grid.tsx` | 63 |

## Execution Flows

| Flow | Type | Steps |
|------|------|-------|
| `ContentRouter → PanelHref` | cross_community | 4 |
| `ContentRouter → SafePrefetch` | cross_community | 4 |
| `ContentRouter → StartNavigationTiming` | cross_community | 4 |

## Connected Areas

| Area | Connections |
|------|-------------|
| Panels | 7 calls |

## How to Explore

1. `gitnexus_context({name: "MetricCard"})` — see callers and callees
2. `gitnexus_query({query: "dashboard"})` — find related execution flows
3. Read key files listed above for implementation details