What Problem This Solves

The Gateway Host section in Settings rendered eight identical label/value rows (Host, Address, OS, Runtime, Uptime, CPU, Memory, Disk) — a full-width wall of table rows where every fact had equal visual weight. Resource pressure (the numbers an operator actually scans for) was buried in prose like "271 MB free of 32 GB" with no visual signal, and the card took more vertical space than any other card on the page.

Why This Change Was Made

Reshapes the card into two scannable groups: an identity block (machine name, OS · arch, Node · PID, LAN address as a mono chip) and per-resource stat tiles for CPU, Memory, and Disk. Each tile shows a big headline number (1-minute load, % used) over a usage meter that shifts tone at 75% (warn) and 92% (critical), with the exact free/total figures kept as the detail line. Uptime moved into a header badge ("Up 6d"). The same system.info data is shown — nothing was dropped: hostname and CPU model/load averages stay as tooltips, and the disk tile still hides when the gateway reports no disk info. Loading keeps placeholder tiles so the card doesn't jump when the first snapshot lands, and the unavailable-RPC path still hides the card entirely.

User Impact

Operators can read gateway health at a glance in Settings → General: three meters make CPU/memory/disk pressure visible immediately (the card polls system.info every 10s, so meters track live), and the card shrinks to roughly a third of its previous height. No behavior, config, or protocol changes.

Before

After — host under pressure

After — healthy host

Evidence

• Unit tests rewritten for the new structure and extended: identity block content, address chip, uptime badge, per-tile values/details/tooltips, meter aria-valuenow, tone escalation (ok → warn → critical), loading placeholders without meters, and the unchanged unavailable-RPC hide path. pnpm test ui/src/pages/config/quick.test.ts on Blacksmith Testbox: 1 file, 20 tests passed.
• Screenshots above are deterministic captures from the Control UI e2e mock-gateway harness (installMockGateway with a fixed system.info fixture) at both pressure profiles, dark mode.
• Only quick-settings CSS (new qs-system/qs-stat/qs-meter classes on existing design tokens) and the renderSystemCard renderer changed; no core, protocol, or config surface touched.