SaaS Admin Panel Dashboard Build Spec

Design a full internal Admin Dashboard for [PRODUCT_NAME] used by [ADMIN_ROLE: support | ops | super-admin]. --- 🎯 CONTEXT Admin tasks: [USER_MANAGEMENT | BILLING_OVERRIDE | CONTENT_MODERATION | SYSTEM_LOGS — pick all that apply] Scale: [~100 | ~10K | ~1M] records — affects table patterns Auth: [RBAC roles list] --- 📐 INFORMATION ARCHITECTURE Sidebar sections: 1. Overview — system health, signups today, errors, MRR snapshot 2. Users — searchable table, impersonate, suspend, role edit 3. [WORKSPACE | ORG] management 4. Billing — subscriptions, refunds (read-only or action?) 5. Content / Assets — if applicable 6. Audit log — immutable event stream 7. Settings — feature flags, email templates Each section needs: page header, breadcrumbs, primary action button, filters, table or detail drawer pattern. --- 🎨 VISUAL DIRECTION Utilitarian, high-density, accessible. Light mode default [#FAFAFA base]. Accent [BLUE | SLATE] for actions only. Typography: [Inter acceptable here for admin] OR [Geist] for modern feel. Show danger actions in [RED] with confirm modals spec. --- 🧩 CRITICAL UX PATTERNS - User detail: slide-over drawer with tabs (Profile, Activity, Billing, Notes) - Bulk select + bulk action bar - Toast notifications for mutations - Optimistic UI rules: when allowed vs blocked - Permission gates: hide vs disable vs redirect --- ⚙️ IMPLEMENTATION Stack: [NEXT.JS + SHADCN | REACT ADMIN | CUSTOM] Deliver: route map, component list, Prisma/schema entities referenced, API endpoints table (method, path, purpose) --- ✅ Deliver wireframes in text, all microcopy, error messages, and empty states. No lorem ipsum.