Problem
The design token scale defines --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px but 16 sites hardcode off-token values, in both directions:
Above scale (10–12px, 999px):
- ConsolidatePanel.svelte:316 (
999), 358, 407, 428 (10), 443 (999), 528 (12)
- ContextPreviewPanel.svelte:225 (
10)
- LifecycleView.svelte:587 (
10)
- RoomsView.svelte:333 (
10)
Below scale (2–3px, token min is 4):
- Dashboard.svelte:297, 305, 323 (3px)
- DocumentsView.svelte:1304, 1319 (3px)
- GraphView.svelte:631 (3px)
- MemoryDetail.svelte:401, 421, 563 (3px, 2px)
- MemoryEditor.svelte:374, 464 (3px)
- MemoryList.svelte:483 (3px)
- NamespacesView.svelte:168 (3px)
- RoomsView.svelte:354, 362, 372, 378 (3px)
- ToolsView.svelte:463, 464 (3px)
Impact: nested corners are non-concentric across pages (miifb #1), pages feel like different design languages.
Fix
Mechanical sweep:
3px → var(--radius-sm) (4px)10px/12px → var(--radius-lg) (8px)999px pill shapes: keep only where a pill is intended (badges), otherwise var(--radius-lg)
Deliberately a separate PR from behavioral fixes — pure CSS tokenization, easy review.
Source
Full-app UI audit (miifb principle 1: concentric border radius).
Problem
The design token scale defines
--radius-sm: 4px; --radius-md: 6px; --radius-lg: 8pxbut 16 sites hardcode off-token values, in both directions:Above scale (10–12px, 999px):
999), 358, 407, 428 (10), 443 (999), 528 (12)10)10)10)Below scale (2–3px, token min is 4):
Impact: nested corners are non-concentric across pages (miifb #1), pages feel like different design languages.
Fix
Mechanical sweep:
3px→var(--radius-sm)(4px)10px/12px→var(--radius-lg)(8px)999pxpill shapes: keep only where a pill is intended (badges), otherwisevar(--radius-lg)Deliberately a separate PR from behavioral fixes — pure CSS tokenization, easy review.
Source
Full-app UI audit (miifb principle 1: concentric border radius).