updated apps

custom_components/maintenance_supporter/frontend-src/status-constants.ts

@@ -0,0 +1,34 @@
+/** Status colors + icons — THE single source for every renderer.
+ *
+ * Dependency-free on purpose: the dashboard strategy bundle must stay lean
+ * (HA's strategy loader has a 5 s whenDefined timeout, and pulling styles.ts
+ * would drag Lit + locale machinery in). styles.ts re-exports these for the
+ * panel/card, the strategy imports them directly. A DRY audit (2026-07-10)
+ * found the strategy hardcoding its own icon set — the auto-generated
+ * "Overdue" view wore the panel's DUE-SOON icon. Import from here instead.
+ */
+
+export const STATUS_COLORS: Record<string, string> = {
+  ok: "var(--success-color, #4caf50)",
+  due_soon: "var(--warning-color, #ff9800)",
+  overdue: "var(--error-color, #f44336)",
+  // Theme-token first so it adapts to dark/custom themes (was a bare #ff5722).
+  triggered: "var(--deep-orange-color, #ff5722)",
+  // v2.10.0: archived is a neutral, greyed-out state (retired but retained).
+  archived: "var(--disabled-color, #9e9e9e)",
+  // v2.20 (N3): paused is frozen-but-present — info blue, clearly not urgent.
+  paused: "var(--info-color, #2196f3)",
+};
+
+export const STATUS_ICONS: Record<string, string> = {
+  ok: "mdi:check-circle",
+  due_soon: "mdi:alert-circle",
+  overdue: "mdi:alert-octagon",
+  triggered: "mdi:bell-alert",
+  archived: "mdi:archive-outline",
+  paused: "mdi:pause-circle-outline",
+  completed: "mdi:check-circle",
+  skipped: "mdi:skip-next",
+  missed: "mdi:calendar-remove",
+  reset: "mdi:refresh",
+};