# dashboard module context
# Auto-loaded by Windsurf when editing files in apps/dashboard/

## Purpose
Next.js 15 human oversight dashboard. Shows agent payments, spend controls, pending approvals.

## Key Rules
- Next.js 15 App Router — all pages in app/, all API routes in app/api/*/route.ts
- DB access: import from `@swigpay/agent-wallet` (workspace package) — never import better-sqlite3 directly
- Polling: 5-second setInterval in useEffect for live transaction feed
- No external API calls from frontend — all Solana/DB data via /api/ routes
- Tailwind CSS only — no CSS modules, no inline styles
- Dark theme: bg-gray-950 base, green accents for confirmed, yellow for pending, red for rejected

## API Routes
- GET /api/agents — agent config + payment history
- GET /api/transactions — all payments, ?pending=true for pending only
- POST /api/approve — { id, action: "approve"|"reject" }

## Component Pattern
- "use client" directive on interactive components (polling, buttons)
- Server components for static layouts
- Keep each component under 150 lines