refactor(settings): ClideSettings — one live-preferences facade (D-101)

Introduce ClideSettings, a single widget-facing facade for the app's live
user preferences, namespaced by concern: ClideSettings.fonts.monoOf(context)
/ .fonts.uiOf(context), ClideSettings.theme.of(context),
ClideSettings.i18n.of(context). "Plumb once, use many."

Fonts are carried by a new root-provided ClideSettingsScope (resolved from the
font settings in root_shell, rebuilt on change); theme and i18n delegate to
their existing live providers (ClideTheme / the I18n service) so there's one
source of truth and their many consumers migrate incrementally rather than in
a big-bang. Reads outside a scope fall back to the bundled font defaults, so a
widget renders without a provider (isolated tests).

Migrate ~93 monospace-font call sites across 33 files from the clideMonoFamily
const to ClideSettings.fonts.monoOf(context) — pure refactor, identical family
when no override is set. 11 context-less helper sites (markdown static spans,
a few top-level/static builders) keep the const for now and are tracked in
T-472. Records D-101; updates the ui-design skill's font-family rule.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

lib/builtin/claude/src/claude_banner.dart

@@ -37,10 +37,13 @@ class ClaudeBanner extends StatelessWidget {
           const SizedBox(height: 18),
           ClideText('Claude', fontSize: clideFontDialogTitle, color: claudeAccent, fontWeight: FontWeight.w500),
           const SizedBox(height: 2),
-          ClideText(role, fontSize: clideFontSmall, muted: true, fontFamily: clideMonoFamily),
+          ClideText(role, fontSize: clideFontSmall, muted: true, fontFamily: ClideSettings.fonts.monoOf(context)),
           const SizedBox(height: 16),
           if (ws != null) ClideText(ws, fontSize: clideFontCaption, muted: true),
-          if (statusLine != null) ...[const SizedBox(height: 2), ClideText(statusLine!, fontSize: clideFontSmall, muted: true, fontFamily: clideMonoFamily)],
+          if (statusLine != null) ...[
+            const SizedBox(height: 2),
+            ClideText(statusLine!, fontSize: clideFontSmall, muted: true, fontFamily: ClideSettings.fonts.monoOf(context)),
+          ],
           const SizedBox(height: 16),
           const ClideText('Warming up — your conversation will appear here.', fontSize: clideFontSmall, muted: true),
         ],

lib/builtin/claude/src/claude_pane.dart

@@ -132,12 +132,13 @@ class _ClaudePaneState extends State<ClaudePane> {
     final seg = statusSegmentsAroundMode(_status);
     final mode = _status.permissionMode;
 
-    Widget text(String t) => ClideText(t, fontSize: clideFontSmall, fontFamily: clideMonoFamily, color: tokens.statusBarForeground, maxLines: 1);
+    Widget text(String t) =>
+        ClideText(t, fontSize: clideFontSmall, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.statusBarForeground, maxLines: 1);
 
     final children = <Widget>[];
     void add(Widget w) {
       if (children.isNotEmpty) {
-        children.add(ClideText('  ·  ', fontSize: clideFontSmall, fontFamily: clideMonoFamily, color: tokens.globalTextMuted, maxLines: 1));
+        children.add(ClideText('  ·  ', fontSize: clideFontSmall, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.globalTextMuted, maxLines: 1));
       }
       children.add(w);
     }
@@ -857,7 +858,13 @@ class _ModeBadge extends StatelessWidget {
     return Semantics(
       label: 'permission mode: ${permissionModeLabel(mode)}',
       excludeSemantics: true,
-      child: ClideText(permissionModeLabel(mode), fontSize: clideFontSmall, fontFamily: clideMonoFamily, color: permissionModeColor(mode, tokens), maxLines: 1),
+      child: ClideText(
+        permissionModeLabel(mode),
+        fontSize: clideFontSmall,
+        fontFamily: ClideSettings.fonts.monoOf(context),
+        color: permissionModeColor(mode, tokens),
+        maxLines: 1,
+      ),
     );
   }
 }

lib/builtin/claude/src/conversation_card.dart

@@ -241,13 +241,13 @@ class _ConversationCardState extends State<ConversationCard> {
         if (widget.collapsible) _caret(tokens),
         // Header label size matches ClideCollapserCard (clideFontCaption) so
         // neighbouring cards in the conversation stream align (T-344).
-        ClideText(widget.label, fontSize: clideFontCaption, color: widget.accent, fontFamily: clideMonoFamily),
+        ClideText(widget.label, fontSize: clideFontCaption, color: widget.accent, fontFamily: ClideSettings.fonts.monoOf(context)),
         // While collapsed, show a one-line gist next to the label so the card
         // still says what it holds.
         if (_collapsed && summary != null) ...[
           const SizedBox(width: 10),
           Expanded(
-            child: ClideText(summary, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: clideMonoFamily, maxLines: 1),
+            child: ClideText(summary, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: ClideSettings.fonts.monoOf(context), maxLines: 1),
           ),
         ] else
           const Spacer(),
@@ -322,7 +322,7 @@ class _ConversationCardState extends State<ConversationCard> {
     padding: const EdgeInsets.only(top: 8, bottom: 4),
     child: Row(
       children: [
-        ClideText(label, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: clideMonoFamily),
+        ClideText(label, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: ClideSettings.fonts.monoOf(context)),
         const SizedBox(width: 8),
         Expanded(child: Container(height: 1, color: tokens.panelBorder)),
       ],
@@ -349,7 +349,7 @@ class _ConversationCardState extends State<ConversationCard> {
             onTap: items[i].onTap,
             builder: (_, hovered, pressed) => Padding(
               padding: const EdgeInsets.only(left: 10),
-              child: ClideText(items[i].label, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: clideMonoFamily),
+              child: ClideText(items[i].label, fontSize: clideFontMeta, color: tokens.globalTextMuted, fontFamily: ClideSettings.fonts.monoOf(context)),
             ),
           ),
         ),

lib/builtin/claude/src/model_picker_card.dart

@@ -147,9 +147,14 @@ class _ModelPickerCardState extends State<ModelPickerCard> {
           children: [
             Row(
               children: [
-                ClideText(widget.title, fontSize: clideFontSmall, fontFamily: clideMonoFamily, color: tokens.statusInfo),
+                ClideText(widget.title, fontSize: clideFontSmall, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.statusInfo),
                 const Spacer(),
-                ClideText('↑↓ · 1-${widget.models.length} · Enter · Esc', fontSize: clideFontMeta, fontFamily: clideMonoFamily, color: tokens.globalTextMuted),
+                ClideText(
+                  '↑↓ · 1-${widget.models.length} · Enter · Esc',
+                  fontSize: clideFontMeta,
+                  fontFamily: ClideSettings.fonts.monoOf(context),
+                  color: tokens.globalTextMuted,
+                ),
               ],
             ),
             const SizedBox(height: 8),

lib/builtin/claude/src/prompt_card.dart

@@ -122,7 +122,7 @@ class _ToolPromptCardState extends State<ToolPromptCard> {
           crossAxisAlignment: CrossAxisAlignment.start,
           mainAxisSize: MainAxisSize.min,
           children: [
-            ClideText(label, fontSize: clideFontSmall, fontFamily: clideMonoFamily, color: accent),
+            ClideText(label, fontSize: clideFontSmall, fontFamily: ClideSettings.fonts.monoOf(context), color: accent),
             const SizedBox(height: 8),
             ...children,
           ],
@@ -362,14 +362,21 @@ class _ToolPromptCardState extends State<ToolPromptCard> {
               border: Border.all(color: tokens.statusInfo),
               borderRadius: BorderRadius.circular(4),
             ),
-            child: ClideText(text, fontSize: clideFontMeta, fontFamily: clideMonoFamily, color: tokens.globalForeground),
+            child: ClideText(text, fontSize: clideFontMeta, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.globalForeground),
           ),
         );
       } else {
-        chips.add(ClideText(text, fontSize: clideFontMeta, fontFamily: clideMonoFamily, color: done ? tokens.statusSuccess : tokens.globalTextMuted));
+        chips.add(
+          ClideText(
+            text,
+            fontSize: clideFontMeta,
+            fontFamily: ClideSettings.fonts.monoOf(context),
+            color: done ? tokens.statusSuccess : tokens.globalTextMuted,
+          ),
+        );
       }
     }
-    chips.add(ClideText('Review', fontSize: clideFontMeta, fontFamily: clideMonoFamily, color: tokens.globalTextMuted));
+    chips.add(ClideText('Review', fontSize: clideFontMeta, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.globalTextMuted));
     chips.add(ClideText('›', color: tokens.globalTextMuted, fontSize: 15));
     return Wrap(spacing: 10, runSpacing: 6, crossAxisAlignment: WrapCrossAlignment.center, children: chips);
   }
@@ -399,7 +406,8 @@ class _ToolPromptCardState extends State<ToolPromptCard> {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        if (q.header.isNotEmpty) ClideText(q.header.toUpperCase(), fontSize: clideFontMeta, fontFamily: clideMonoFamily, color: tokens.globalTextMuted),
+        if (q.header.isNotEmpty)
+          ClideText(q.header.toUpperCase(), fontSize: clideFontMeta, fontFamily: ClideSettings.fonts.monoOf(context), color: tokens.globalTextMuted),
         Padding(
           padding: const EdgeInsets.only(top: 2, bottom: 6),
           child: ClideText(q.question, color: tokens.globalForeground),

lib/builtin/claude/src/team_panel_host.dart

@@ -178,7 +178,7 @@ class _TeammateTile extends StatelessWidget {
               children: [
                 Container(width: 3, height: 13, color: accent),
                 const SizedBox(width: 6),
-                ClideText(member.name, fontSize: clideFontSmall, color: accent, fontFamily: clideMonoFamily),
+                ClideText(member.name, fontSize: clideFontSmall, color: accent, fontFamily: ClideSettings.fonts.monoOf(context)),
                 const SizedBox(width: 8),
                 Expanded(
                   child: ClideText(