UI Gallery
The UI Gallery is the browseable visual index for reusable Humidity Intelligence dashboard examples.
Use it to compare mobile, tablet, wall-panel, and legacy-compatible card layouts before choosing which generated dashboard style to export or adapt.
The repository remains the canonical source for dashboard YAML, preview assets, contribution rules, generated-card compatibility, and review history:
This Wiki page is a visual navigation layer. It must not define new entity semantics, backend behavior, lane priority, generated-card logic, diagnostics, migration requirements, or release state.
For a real Home Assistant install, prefer cards exported by
humidity_intelligence.dump_cards so placeholders match your generated entities.
The V2 dashboard previews below are exact live 2.0.10-beta.7 captures. Home
Assistant was restarted, the beta.7 cards were freshly exported with dump_cards or
view_cards, the complete Manual-card YAML was replaced, and the
dashboard/browser cache was refreshed before capture.
They are package-and-card UI evidence only. They do not prove soak completion, Stable approval, release approval, or HACS publication. The two before/after images are editorial comparisons built from refreshed beta.7 UI evidence, not continuous playback records.
- Style: mobile-first V2 control surface with air-quality lane active state
- Optimised for: phones and narrow dashboard panels
- Source template:
custom_components/humidity_intelligence/ui/cards/v2_mobile.yaml - Required custom cards:
card-mod,button-card,mod-card,apexcharts-card - Canonical files: example notes, card YAML
- Style: tablet-friendly V2 control surface with the Zone 1 cooking lane selected
- Optimised for: tablets, wall panels, and wider dashboard views
- Source template:
custom_components/humidity_intelligence/ui/cards/v2_tablet.yaml - Required custom cards:
card-mod,button-card,mod-card,apexcharts-card - Canonical files: example notes, card YAML
The alert logic and deterministic lane order are unchanged. These editorial comparisons show how beta.7 connects the same backend facts into explanations that are easier to scan.
The same alert decision: what triggered it, which zone responds, and why HI selected it.
What happened, why it happened, and what HI is doing.
| State | Public preview |
|---|---|
| Manual override — HI steps back and says so |  |
| Disabled — automatic control is intentionally off |  |
| Output fault — uncertainty remains visible |  |
| Bathroom response — room, zone, and observed output together |  |
| High-humidity alert — danger, source, zone, and response stay explicit |  |
| Monitoring honestly when an output is unknown |  |
The Monitoring/Unknown source is lower resolution, so it is supporting state evidence rather than a primary README or site image.
- Style: legacy-compatible mobile layout with comfort band and humidity constellation
- Optimised for: phones and users keeping a V1-style dashboard presentation
- Source template:
custom_components/humidity_intelligence/ui/cards/v1_mobile.yaml - Required custom cards:
card-mod,button-card,mod-card,apexcharts-card - Canonical files: example notes, card YAML
Submit new examples through repository pull requests, not direct Wiki edits.
Every accepted example should include:
ui-gallery/<card-id>/README.md-
ui-gallery/<card-id>/card.yamlordashboard.yaml ui-gallery/<card-id>/preview.png
Gallery examples must preserve backend truth, use canonical HI entities or sanitized placeholders, document required frontend cards, and exclude private entity IDs, addresses, device IDs, tokens, internal URLs, and personal data.
| Previous | Next |
|---|---|
| Generated Dashboards | Services Reference |