initial commit

2026-07-27 14:42:23 +02:00
commit 833c68a189
257 changed files with 17947 additions and 0 deletions
@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+
+import '../theme/status_colors.dart';
+import '../theme/theme_x.dart';
+
+/// A dot + label badge encoding state — service up/down/unknown, backup or
+/// update success/fail, node reachable/unreachable. The same component
+/// everywhere a status appears so a given [Severity] always reads the same
+/// color, matching the design rule that status color is reserved and never
+/// doubles as the brand accent.
+class StatusPill extends StatelessWidget {
+  const StatusPill({super.key, required this.label, required this.severity});
+
+  final String label;
+  final Severity severity;
+
+  @override
+  Widget build(BuildContext context) {
+    final color = severity.resolve(context.status, muted: context.colors.outline);
+
+    return Container(
+      padding: const EdgeInsets.fromLTRB(7, 3, 9, 3),
+      decoration: BoxDecoration(
+        // 8% tint, not 14% — measured against the dark surface, a same-hue
+        // tint background caps critical's text contrast around ~3.5:1 no
+        // matter the blend ratio (text and background converge toward the
+        // same hue as alpha rises, and approach the plain-surface ceiling
+        // as it falls); 8% is close to that ceiling while keeping
+        // good/warning/serious comfortably at 4.5:1+. Below AA-for-text on
+        // its own, mitigated the same way the design system's status
+        // palette always mitigates this: label text, never color alone.
+        color: severity == Severity.neutral
+            ? context.colors.surfaceContainerHighest
+            : Color.alphaBlend(color.withValues(alpha: 0.08), context.colors.surface),
+        borderRadius: BorderRadius.circular(999),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Container(
+            width: 6,
+            height: 6,
+            decoration: BoxDecoration(color: color, shape: BoxShape.circle),
+          ),
+          const SizedBox(width: 6),
+          Text(
+            label,
+            style: context.text.labelMedium?.copyWith(
+              color: severity == Severity.neutral ? context.colors.onSurfaceVariant : color,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}