Flowchart Hover Viewer

Mermaid Code

flowchart LR
    START([fa:fa-user User]) --> AUTH{fa:fa-lock Auth?}

AUTH -->|No| LOGIN[fa:fa-sign-in-alt Login]
    LOGIN --> VALIDATE{fa:fa-check Valid?}
    VALIDATE -->|No| ERROR[fa:fa-times Error]
    ERROR --> LOGIN
    VALIDATE -->|Yes| SESSION[fa:fa-key Session]

AUTH -->|Yes| CHECK{fa:fa-shield-alt Permission}
    SESSION --> CHECK

ADMIN --> AUDIT[fa:fa-clipboard-list Log]
    USER --> AUDIT
    GUEST --> AUDIT

AUDIT --> API{fa:fa-server API}
    API -->|OK| RENDER[fa:fa-paint-brush Render]
    API -->|Fail| RETRY{fa:fa-redo Retry?}
    RETRY -->|Yes| API
    RETRY -->|No| CACHE[fa:fa-database Cache]
    CACHE --> RENDER

RENDER --> END([fa:fa-flag-checkered Done])

%% Pastel Node Styles
    classDef startEnd fill:#d1fae5,stroke:#6ee7b7,color:#065f46,stroke-width:2px
    classDef decision fill:#fef3c7,stroke:#fcd34d,color:#92400e,stroke-width:2px
    classDef process fill:#e0e7ff,stroke:#a5b4fc,color:#3730a3,stroke-width:2px
    classDef error fill:#fee2e2,stroke:#fca5a5,color:#991b1b,stroke-width:2px
    classDef success fill:#dcfce7,stroke:#86efac,color:#166534,stroke-width:2px
    classDef warning fill:#fef9c3,stroke:#fde047,color:#854d0e,stroke-width:2px
    classDef info fill:#dbeafe,stroke:#93c5fd,color:#1e40af,stroke-width:2px
    classDef special fill:#f3e8ff,stroke:#d8b4fe,color:#6b21a8,stroke-width:2px

%% Apply Styles
    class START,END startEnd
    class AUTH,VALIDATE,CHECK,API,RETRY decision
    class LOGIN,SESSION,ADMIN,USER,GUEST,AUDIT,RENDER process
    class ERROR error
    class CACHE warning

Node Details (JSON)

{
    "START": "User accesses the application via browser or API endpoint.",
    "AUTH": "Check if user has valid session token in cookies/localStorage.",
    "LOGIN": "Display login form with email/password fields. Support SSO options.",
    "VALIDATE": "Verify credentials against database. Check password hash with bcrypt.",
    "ERROR": "Show validation error message. Increment failed attempt counter.",
    "SESSION": "Generate JWT token with 24h expiry. Store refresh token in HttpOnly cookie.",
    "CHECK": "Validate user role from JWT claims. Check against RBAC policy.",
    "ADMIN": "Full access dashboard with user management, analytics, and system settings.",
    "USER": "Standard dashboard with personal data, settings, and basic features.",
    "GUEST": "Read-only view with limited functionality. Prompt to register.",
    "AUDIT": "Log user action to audit trail. Include timestamp, IP, and user agent.",
    "API": "Make REST API call to backend service. Timeout: 30s, Retry: 3 times.",
    "RENDER": "Build HTML response with React/Vue components. Apply user preferences.",
    "RETRY": "Exponential backoff: 1s, 2s, 4s. Check circuit breaker status.",
    "CACHE": "Load last successful response from Redis cache. Show stale indicator.",
    "END": "Request cycle complete. Total time logged to metrics service."
}