Create an Integrated System Status Page with Real-Time Health Monitoring

[jamespepper81]

Problem

Currently, there is no public-facing way for users or internal team members to check the operational status of our services. Having an integrated status page is essential for transparency and user trust—both for analysts and end users. Lack of visibility into the system's health hampers incident awareness and support effectiveness.

User Story

As a user, I want to visit a /status page on www.bitsleuth.ai, so that I can see the real-time health of the platform's key services and know if there are any ongoing incidents.

Acceptance Criteria

1. Create a user-friendly, responsive page at the /status endpoint, styled consistently with the overall site UI.
2. Display a list of all critical services (e.g., Website, API, Database, Mobile App services, Blockchain Node/Indexers, Notification Services).
3. Each service must have a clear, visually distinct status ("Operational", "Degraded Performance", "Partial Outage", "Major Outage"). Use color coding and icons to enhance clarity.
4. Show relevant system metrics per service (e.g., response time, uptime %, recent incidents if available).
5. The status page should automatically update (e.g., via polling or websockets) to reflect current state without manual refresh.
6. If any incident/maintenance event is ongoing, summarize the event at the top of the page.
7. Ensure accessibility (WCAG 2.1 AA) and mobile usability.

Additional Notes

• Consider integrating with external monitoring (e.g., UptimeRobot, StatusCake, custom API) for automatic updates.
• Build with scalability in mind, such that new services can be easily added.
• Optionally, allow users to subscribe to updates (email/RSS) for transparency.

---

Repository context:
This website is built with Next.js 15 and focuses on Bitcoin transparency, secure key management, and AI-powered blockchain tools. The solution must align with the secure, transparent, and user-centric ethos described in the repo description.