docs: update meta files for SettingsTab global font controls session

docs/progress.md

@@ -273,6 +273,17 @@
 - [x] Click-outside and Escape to close; aria-haspopup/aria-expanded for a11y
 - [x] Uses --ctp-* CSS vars — fully themed with active theme
 
+### Session: 2026-03-07 (continued) — Global Font Controls
+
+#### SettingsTab Font Controls + Layout Restructure
+- [x] Added font family select (9 monospace fonts + Default) with live CSS var preview
+- [x] Added font size +/- stepper (8-24px range) with live CSS var preview
+- [x] Restructured global settings: 2-column grid layout with labels above controls (replaced inline rows)
+- [x] Added --ui-font-family and --ui-font-size CSS custom properties to catppuccin.css
+- [x] app.css body rule now uses CSS vars instead of hardcoded font values
+- [x] initTheme() in theme.svelte.ts restores saved font settings on startup (try/catch, non-fatal)
+- [x] Font settings persisted as 'font_family' and 'font_size' keys in SQLite settings table
+
 ### Next Steps
 - [ ] Real-world relay testing (2 machines)
 - [ ] TLS/certificate pinning for relay connections

docs/v3-progress.md

@@ -173,3 +173,28 @@ All editor themes map to the same `--ctp-*` CSS custom property names (26 vars).
 
 #### Verification
 - No test changes needed — CSS-only change
+
+### Session: 2026-03-07 — Global Font Controls
+
+#### SettingsTab Font Family + Font Size Controls
+- [x] Added font family `<select>` with 9 monospace font options (JetBrains Mono, Fira Code, Cascadia Code, Source Code Pro, IBM Plex Mono, Hack, Inconsolata, Ubuntu Mono, monospace) + "Default" option
+- [x] Added font size +/- stepper control with numeric input (range 8-24px)
+- [x] Both controls apply live preview via CSS custom properties (`--ui-font-family`, `--ui-font-size`)
+- [x] Both settings persisted to SQLite via settings-bridge (`font_family`, `font_size` keys)
+- [x] `handleFontFamilyChange()` and `handleFontSizeChange()` functions with validation
+
+#### SettingsTab Layout Restructure
+- [x] Restructured global settings from inline `.setting-row` (label left, control right) to 2-column `.global-grid` with `.setting-field` (label above control)
+- [x] Labels now uppercase, 0.7rem, subtext0 color — consistent compact labeling
+- [x] All inputs/selects use consistent styling (surface0 bg, surface1 border, 4px radius)
+
+#### CSS Typography Variables
+- [x] Added `--ui-font-family` and `--ui-font-size` to catppuccin.css `:root` (defaults: JetBrains Mono fallback chain, 13px)
+- [x] Updated `app.css` body rule to use CSS vars instead of hardcoded font values
+
+#### Theme Store Font Restoration
+- [x] Extended `initTheme()` in `theme.svelte.ts` to load and apply saved `font_family` and `font_size` settings on startup
+- [x] Font restoration wrapped in try/catch — failures are non-fatal (CSS defaults apply)
+
+#### Verification
+- No test changes needed — UI/CSS-only changes, no logic changes

docs/v3-task_plan.md

@@ -389,6 +389,7 @@ No sidecar changes needed for v3.0.
 | AgentPane splits into ClaudeSession + TeamAgentsPanel | Team agents shown inline in right panel, not as separate panes. Saves xterm/pane slots. | 2026-03-07 |
 | Unmount/remount on group switch | Serialize xterm scrollbacks, destroy, remount new group. <100ms perceived. Frees ~80MB. | 2026-03-07 |
 | All themes map to --ctp-* CSS vars | 17 themes in 3 groups: 4 Catppuccin + 7 Editor (VSCode Dark+, Atom One Dark, Monokai, Dracula, Nord, Solarized Dark, GitHub Dark) + 6 Deep Dark (Tokyo Night, Gruvbox Dark, Ayu Dark, Poimandres, Vesper, Midnight). All map to same 26 --ctp-* CSS custom properties — zero component changes needed. | 2026-03-07 |
+| Typography via CSS custom properties | --ui-font-family and --ui-font-size defined in catppuccin.css :root, consumed by app.css body rule. Overridden at runtime by SettingsTab controls. Restored by initTheme() on startup. Persisted as font_family/font_size SQLite settings. | 2026-03-07 |
 
 ## Errors Encountered