# Wellness components

> 6 Wellness components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Daily Summary, Engine Card, Engine Details, Health Reports, CupTracker, Vitals.

Source: https://docs.nasaqui.com/components/groups/wellness

- [Daily Summary](https://docs.nasaqui.com/components/daily-summary): One day at a glance with water, meals by safety, caffeine by kind, focus sessions, shutdown violations, steps, sleep, energy, heart rate and weight, plus a day switcher.
- [Engine Card](https://docs.nasaqui.com/components/engine-card): One Health Debug protocol engine's live state as a card, with a state badge, the engine's readout and its log action. Seven engines, one component.
- [Engine Details](https://docs.nasaqui.com/components/engine-details): One protocol engine's own page with its live card, per-day history, record timeline and the fixed protocol it follows.
- [Health Reports](https://docs.nasaqui.com/components/health-reports): Health reports over a period with averages that skip missing days, a one-figure trend chart, meals and caffeine per day, and each engine's days on and off protocol.
- [CupTracker](https://docs.nasaqui.com/components/health-trackers): Daily health trackers. A unit-count cup row, pinned quick-log strip, classified food catalogue, item builder with an entry-completeness ring and a flagged entries disclosure.
- [Vitals](https://docs.nasaqui.com/components/vitals): Body readings from a scale or wearable with BMI and its category, plus progress towards the targets the person set.