refactor: rename internal Fai* design system + fai_ helpers to chain

The Studio design system, widgets and helpers carried a Fai* / fai_ prefix (FaiSpace, FaiColors, FaiTheme, FaiLog, 17 fai_*.dart files, the faiBinary* l10n keys). Studio is the Ch∆In product, so rename them to Chain* / chain_ — carefully preserving English fail/failure/failed. Also fix stale references: the 'fai' binary in l10n strings -> 'chain', FAI_* env vars (FAI_BIN/DATA_DIR/MODULES_DIR/TODAY/BOOTSTRAP_TOKEN) -> CHAIN_*, fai_platform -> fai_chain, fai_hub -> chain_hub. Vendor security-hook tooling (FAI_BANNED_TERMS_FILE) + the .fai bundle ext left. flutter analyze + test: clean (20 passed). Signed-off-by: flemming-it <stefan.a.flemming@googlemail.com>
2026-06-16 17:53:17 +02:00 · 2026-06-16 17:53:17 +02:00 · 891acd2ba2
commit 891acd2ba2
parent 68d23ab7dd
52 changed files with 1225 additions and 1225 deletions
--- a/lib/widgets/chain_data_row.dart
+++ b/lib/widgets/chain_data_row.dart
@ -0,0 +1,134 @@
+// ChainDataRow — Linear-style dense list row used by the audit
+// stream. Hover-elevation, accent-coloured leading stripe, mono
+// timestamp, expressive type badge.
+
+import 'package:flutter/material.dart';
+
+import '../theme/theme.dart';
+import '../theme/tokens.dart';
+
+class ChainDataRow extends StatefulWidget {
+  /// Coloured leading stripe (4px). Used to encode event type
+  /// (success / warning / failure) at a glance.
+  final Color accent;
+
+  /// Left-most column: a short, monospaced label (timestamp, id).
+  final String leading;
+
+  /// Title in the middle. Usually the event type, in mono.
+  final String title;
+
+  /// Subtitle on the right of title. Free-form, lighter colour.
+  final String subtitle;
+
+  /// Right-most column: trailing label (duration, etc).
+  final String? trailing;
+
+  /// Optional tap handler.
+  final VoidCallback? onTap;
+
+  const ChainDataRow({
+    super.key,
+    required this.accent,
+    required this.leading,
+    required this.title,
+    required this.subtitle,
+    this.trailing,
+    this.onTap,
+  });
+
+  @override
+  State<ChainDataRow> createState() => _FaiDataRowState();
+}
+
+class _FaiDataRowState extends State<ChainDataRow> {
+  bool _hovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return MouseRegion(
+      onEnter: (_) => setState(() => _hovered = true),
+      onExit: (_) => setState(() => _hovered = false),
+      cursor: widget.onTap != null
+          ? SystemMouseCursors.click
+          : SystemMouseCursors.basic,
+      child: GestureDetector(
+        onTap: widget.onTap,
+        behavior: HitTestBehavior.opaque,
+        child: AnimatedContainer(
+          duration: ChainMotion.fast,
+          decoration: BoxDecoration(
+            color: _hovered
+                ? theme.colorScheme.surfaceContainerHigh
+                : theme.colorScheme.surfaceContainer,
+            borderRadius: BorderRadius.circular(ChainRadius.sm),
+            border: Border.all(
+              color: _hovered
+                  ? theme.colorScheme.outline
+                  : theme.colorScheme.outlineVariant,
+            ),
+          ),
+          padding: const EdgeInsets.symmetric(
+            horizontal: ChainSpace.md,
+            vertical: ChainSpace.sm,
+          ),
+          child: Row(
+            children: [
+              Container(
+                width: 3,
+                height: 24,
+                decoration: BoxDecoration(
+                  color: widget.accent,
+                  borderRadius: BorderRadius.circular(2),
+                ),
+              ),
+              const SizedBox(width: ChainSpace.md),
+              SizedBox(
+                width: 88,
+                child: Text(
+                  widget.leading,
+                  style: ChainTheme.mono(
+                    size: 11,
+                    color: theme.colorScheme.onSurfaceVariant,
+                  ),
+                ),
+              ),
+              SizedBox(
+                width: 200,
+                child: Text(
+                  widget.title,
+                  style: ChainTheme.mono(
+                    size: 12,
+                    weight: FontWeight.w500,
+                    color: theme.colorScheme.onSurface,
+                  ),
+                ),
+              ),
+              Expanded(
+                child: Text(
+                  widget.subtitle,
+                  style: theme.textTheme.bodySmall?.copyWith(
+                    color: theme.colorScheme.onSurfaceVariant,
+                  ),
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ),
+              if (widget.trailing != null)
+                Padding(
+                  padding: const EdgeInsets.only(left: ChainSpace.md),
+                  child: Text(
+                    widget.trailing!,
+                    style: ChainTheme.mono(
+                      size: 11,
+                      color: theme.colorScheme.onSurfaceVariant,
+                    ),
+                  ),
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}