• • Sonna Console — developer portal with API keys, webhooks, analytics, and request log
• • Product switcher — seamlessly switch between Admin, Creative, and Console
• • Usage ring on avatar — real-time credit usage indicator in the header
• • Notification center — bell icon with unread dot and scrollable panel
• • Theme submenu in user dropdown — Light, Dark, System with circular transition

// New route structure
/admin          → Sonna Admin (admin only)
/app/creative   → Sonna Creative (all users)
/app/console    → Sonna Console (all users)

• • Landing page is now the root route (/) — no more /landing redirect
• • Role-based login — admin goes to /admin, user goes to /app/creative
• • Logout clears session cookies and redirects correctly
• • callbackUrl support — redirects back to the protected page after login

• • Product switcher with role-based visibility
• • Active sidebar item automatically highlighted based on current pathname
• • Collapsible nav groups with animated chevron
• • Avatar with initials fallback replaced the Sonna Logo in nav user

• • Usage ring on avatar uses CSS variable --primary, adapts to any theme
• • Progress bar in user dropdown follows --primary / --destructive
• • All hardcoded `hsl(var(--x))` replaced with `var(--x)` for oklch compatibility

• • Admin dashboard with analytics charts and data tables
• • Mail, Tasks, Chat, Calendar, Users management apps
• • Settings with Account, Billing, Appearance, Notifications, Connections
• • Dark mode and light mode with system preference detection
• • Sonna Creative overview with Text-to-Speech, Image & Video, Music Generation