dangernoodle-io / TaipanMiner / 25197016560

90%

push

github

refactor(webui): TA-309 phase 2 — CSS primitives + component splits (#284)

Second slice of the Svelte audit. No behavior changes intended.

## ui-kit primitives

Hoisted to webui/ui-kit/styles/utilities.css with a comment-block primer
documenting each primitive so future components reach for them:
- .conn-dot connection indicator (+ .connected/.disconnected/.unknown
  modifiers + pulse animation)
- .spinner with size modifier (.spinner.lg)
- .tag.pending uppercase warning badge
- .status-pill with state modifiers
  (.on/.off/.active/.rejected/.pending)
- .card-footer dashed-top section divider (+ .flush borderless variant)
- .field-key / .field-val label-value chunks
- .btn.outline.danger destructive outline button
- .modal-backdrop + .modal-panel base modal shell
- .card h2 + .section-head accent-uppercase heading

Per-component scoped CSS shrunk significantly: Hero -176, Diagnostics
-95, Pool -110, PoolRow -54, others smaller. utilities.css +213.

## component splits

- Hero.svelte 376 → 200 lines: extracted RejectStrip (rejected-share
  breakdown row) and RollingRates (1m/10m/1h table) as components.
  Hero is now pure orchestration.
- Pool.svelte switching/reconnecting overlay → ModalSpinner component
  (centered modal with .spinner.lg, matches RebootOverlay's visual).
- AlertBanner decoupled from stores: now accepts an alerts: Alert[]
  prop. App.svelte derives the list reactively from stats/connected/
  power/pool and passes it down.

## ConfirmDialog

Wired into Pool.svelte handleRemove flow (split into handleRemove
opens dialog / doRemove executes). Removed leftover autofocus.

## chart axis fix

History.svelte y-axis size set to 72px on both sides so 'TH/s' labels
don't clip on the left edge.

## deferred

Diagnostics SSE state machine extraction was attempted but caused a
runtime hang in the dev server when navigating to the page; reverted.
Will revisit as a focused PR with proper testing.

## verification

- npm run check: 0 errors, 0 warn... (continued)

664 of 782 branches covered (84.91%)

Branch coverage included in aggregate %.

1488 of 1511 relevant lines covered (98.48%)

275324.85 hits per line