PhantomLabsAI / PhantomPulse — MVP UI Checklist

Goal: launch-ready marketing + client dashboard with clear navigation, correct auth flows, and basic empty/loading/error states.

P0 (must-have for launch)

Global UX / navigation

• Top navigation works from every page (Home sections should navigate to /#how-it-works, /#pricing, /#faq when not on /).
• Mobile menu closes on navigation and after route changes.
• Active route indication for dashboard sidebar (already present) + “current page” heading.

Client auth

• “Apply Now” takes users to registration by default (currently /client/auth defaults to login due to logic).
• Login vs Register default behavior matches copy and URL params (mode=login|register).
• Clear error copy on invalid credentials / existing account.
• Password requirements displayed on register.

Compliance/required pages

• Add routable pages linked in footer: Privacy Policy, Terms of Service, and Risk Disclosure (trading/financial disclaimer).
• Add Contact page or clear support email.

Dashboard critical states

• Dashboard pages show explicit loading state for initial fetches (client/me, accounts, etc.), and error state with retry.
• Empty states with a clear next action:
  • Overview: no accounts → CTA to “Connect Account”
  • Accounts: no accounts → CTA already present
  • Webhooks: no webhooks → CTA to generate first token
  • Signals: no data / AI disabled → explain what to do

Commerce

• Products page: clear pricing, what’s included, and purchase flow.
• Order success page: confirm next steps and provide dashboard/login CTA.

P1 (strongly recommended)

Information architecture

• Add a lightweight /dashboard/settings (profile, password change, delete account, billing/support links).
• Add “Getting Started” page/stepper inside dashboard (connect account → pick bot → generate webhook → view signals/journal).

UI polish

• Replace placeholder metrics (--, $0.00) with “Coming soon” label + tooltip.
• Consistent CTA labels: “Sign up / Apply” vs “Create account”.
• Add breadcrumbs on /dashboard/accounts/:id.

Accessibility

• Ensure buttons that are icons have aria-label.
• Ensure focus trap/keyboard nav works in dialogs.

Performance

• Code-split large dashboard pages (Vite build warning: single chunk > 500KB).

P2 (nice-to-have / cleanup)

• Remove or route client/src/pages/ClientDashboard.tsx (currently unused/legacy).
• Add /changelog or /status.
• Add product comparison table and FAQ deep links.
• Add skeleton components for dashboard lists.