Task · GTO-0008

Restyle the embedded admin console onto design system v2 (family follower)

Status
To Do
Labels
design-system
Updated
2026-08-31

Description

The v2 design is committed at design/console-v2/: this repo’s Console v2 canvas, graph2otel-implementation-spec.md, implementation-spec.md (THE FAMILY SPEC from tailscale2otel - its section 1 is the shared token block, byte-identical across tailscale2otel, opnsense2otel, graph2otel and codexlb2otel; copy it, never edit it per repo), and internal/admin/ holding a draft restyled page.html.tmpl - treat the draft as reference, not finished code. Read both specs in full before any code change.

Scope: Go html/template + inline CSS/vanilla JS + go:embed stays; no framework, no build step, no CDN, no external network request. Fonts self-hosted per the family spec. Light default honouring prefers-color-scheme with the existing data-theme toggle kept and winning. The family standards apply (underline tabs, word+shape health badge, dense-table standard); this repo’s differentiator is the sparkline/trend small-chart standard (axis, grid, petrol-derived series, both themes), drawn in its canvas and defined in its spec as a reusable family pattern; Config and Cardinality derive from the family patterns. SEQUENCING: tailscale2otel task TSO-0103 lands first; if it extended the shared token block, inherit the extended version.

Acceptance Criteria

Definition of Done

View the source file on GitHub