Business account login to dashboard flow¶

Path: Subdomain URL → Login → Dashboard

Login Page (petfolio-business-login-wireframe.html)
- Business context clearly displayed (subdomain)
- Email/password login
- Alternative: OAuth login (Google Workspace, Microsoft 365)
- Forgot password link
- Sign up link
Business Dashboard (business-home-wireframe.html)
- Personalized greeting: "Hello, {User Name}"
- Header with business branding and user info
- Sidebar navigation with key sections:
  - Main: Dashboard, Appointments, Clients, Pets
  - Management: Team Members, Services, Reports
  - Settings: Business Profile, Integrations, Account Settings
- Main content area (placeholder for dashboard widgets)
- Responsive: Mobile menu toggle, collapsible sidebar

sequenceDiagram
    participant User
    participant UI
    participant Google as Google OAuth
    participant API

    User->>UI: Click "Continue with Google Workspace"
    UI->>Google: Redirect to OAuth consent screen
    Google-->>User: Show consent / account picker
    User->>Google: Grant consent
    Google-->>UI: Redirect with ID token
    UI->>API: POST /api/auth/google-login { idToken }
    API->>API: Validate token via JWKS
    API->>API: Find or create User + Account
    API-->>UI: { accessToken, refreshToken, user }
    UI->>UI: Store tokens, update auth state
    UI-->>User: Redirect to dashboard

Business account login to dashboard flow¶

Wireframe¶