panel-redesign: vendor Bulma 1.0.4 and the Tabler icon subset
Stage 0, step 1. Nothing links the new files yet; the old panel is unchanged.
- static/bulma.min.css: css/bulma.min.css of npm bulma@1.0.4, byte for
byte (tarball integrity checked against the registry;
sha256 67fa26df1ca9e95d8f2adc7c04fa1b15fa3d24257470ebc10cc68b9aab914bee).
- static/tabler-icons.css + tabler-icons.woff2: @tabler/icons-webfont
3.49.0 subset with fontTools pyftsubset to the 57 icons the mockups use
(the plan said 58; the count is 57).
- NOTICE and development.md § Vendored front-end list both, MIT.
- Roadmap: panel-redesign is agreed (owner, 2026-10-09), 6/27; the entry no
longer says 29 screens or that Health is undecided.
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
This commit is contained in:
Claude Haiku 5.5
@@ -180,6 +180,9 @@ the tree are AGPL-3.0-compatible.
|
||||
|---|---|---|---|
|
||||
| `internal/web/view/static/htmx.min.js` | 2.0.4 | <https://github.com/bigskysoftware/htmx> | 0BSD |
|
||||
| `internal/web/view/static/ibm-plex-*.woff2` | latin subset | <https://github.com/IBM/plex> | SIL OFL 1.1 (`OFL.txt` beside the files) |
|
||||
| `internal/web/view/static/bulma.min.css` | 1.0.4 | <https://github.com/jgthms/bulma> | MIT |
|
||||
| `internal/web/view/static/tabler-icons.css` | 3.49.0 (57-icon subset) | <https://github.com/tabler/tabler-icons> | MIT |
|
||||
| `internal/web/view/static/tabler-icons.woff2` | 3.49.0 (57-icon subset) | <https://github.com/tabler/tabler-icons> | MIT |
|
||||
|
||||
### E2e module (`test/e2e/go.mod`)
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
# Plan: panel-redesign
|
||||
|
||||
**Status:** candidate
|
||||
**Status:** agreed (owner, 2026-10-09)
|
||||
**Date:** 2026-09-21 (replaces the 2026-09-08 givens)
|
||||
**Version:** `2.0.0` MAJOR — a breaking release by the owner's decision (§ No compatibility).
|
||||
|
||||
@@ -300,7 +300,7 @@ The kit is, in `internal/web/view`:
|
||||
| `components.go` | the typed input of every partial — `Head{Kicker, Title, Lead, Postmark, Actions}`, `Box{No, Title, End, Help, Variant}`, `Record{Name, Status, Host, Type, Value, InDNS}`, `Fact{Label, Value, Big}`, `SideMenu{Groups}`, `Tag{Status, Label}`, … — so a page passes a struct, not a `dict` it composes itself. A partial's input is part of its definition: components.html documents the look, `components.go` the data |
|
||||
| template functions | `status_tag` (status → `tag is-… is-light`), `copy_field`, `wbr_at` (`<wbr>` after `@` in table cells) |
|
||||
| `static/panel.css` | `panel/theme.css` + `shared/brand.css`, no rule the mockups do not have; the old stylesheet is deleted at the end, not merged |
|
||||
| `static/bulma.min.css`, icons | vendored, pinned by checksum; the icon font subset to the icons the mockups use (58 today), not the whole Tabler set |
|
||||
| `static/bulma.min.css`, icons | vendored, pinned by checksum; the icon font subset to the icons the mockups use (57 today), not the whole Tabler set |
|
||||
| `layout.html` | the shell: navbar with the wordmark, perforated edge, sibling strip, user menu, footer; the signed-out variant |
|
||||
| `GET /server/components` | the kit page, global role only: every partial in every state rendered from fixtures — the mockup `components.html` rebuilt by the real templates |
|
||||
|
||||
@@ -461,7 +461,7 @@ reviewed.
|
||||
- Weakening CSP; a JS bundler; a front-end framework.
|
||||
|
||||
## Implementation checklist
|
||||
No code until the roadmap status is **agreed**. Stages are ordered for
|
||||
Roadmap status: **agreed** (owner, 2026-10-09). Stages are ordered for
|
||||
development, not by feature priority (owner, 2026-10-09). Stage 1 touches no
|
||||
file under `internal/web/view` and may run alongside stage 0; stage 2 starts
|
||||
only when both are done. Every stage-2 step ends with the evidence of
|
||||
@@ -477,7 +477,7 @@ only when both are done. Every stage-2 step ends with the evidence of
|
||||
|
||||
**Stage 0 — foundation and component kit** (§ Component kit)
|
||||
|
||||
- [ ] Vendor Bulma 1.0.4 and the icon subset (MIT) under `/static`, NOTICE and development.md rows, pinned checksum — **Haiku**
|
||||
- [x] Vendor Bulma 1.0.4 and the icon subset (MIT) under `/static`, NOTICE and development.md rows, pinned checksum — **Haiku**
|
||||
- [ ] Guard tests from § Enforcement and `TestRoutesFollowNavigation`, red against today's panel where expected, with the `legacyPages` ratchet listing every page; `design-first` CI step including the ratchet and the history-blob check (§ Against resurrected pages) — **Opus**
|
||||
- [ ] `panel.css` from `panel/theme.css` + `shared/brand.css`; `components.html` partials with typed inputs in `components.go`; `status_tag`, `copy_field`, `wbr_at` — **Sonnet**
|
||||
- [ ] `layout.html`: navbar, perforated edge, sibling strip, user menu, footer, visibility flags; the signed-out shell — **Sonnet**
|
||||
|
||||
+9
-7
@@ -39,7 +39,7 @@ in `git log` and [CHANGELOG.md](../CHANGELOG.md).
|
||||
| panel-notifications | E-mail notifications about important events | candidate | — | — |
|
||||
| delivery-log-storage | Keep a message's `mail.log` lines with its send-log row | candidate | — | — |
|
||||
| password-reset | Password reset by e-mail | candidate | — | — |
|
||||
| panel-redesign | Panel redesign (accepted mockups, design contract) | candidate | 5/27 | [plans/panel-redesign.md](plans/panel-redesign.md) |
|
||||
| panel-redesign | Panel redesign (accepted mockups, design contract) | agreed | 6/27 | [plans/panel-redesign.md](plans/panel-redesign.md) |
|
||||
| schema-squash | Squash SQLite migrations into a 2.x baseline | **2.x** | — | — |
|
||||
|
||||
**Recommended order** (not binding; owner, 2026-10-09: feature order follows
|
||||
@@ -408,7 +408,7 @@ Not drawn yet.
|
||||
**Goal:** a panel an operator opens a few times a year and still finds their
|
||||
way in — the important things in view, details one or two clicks away, one
|
||||
visual language, no page tuning its own width. The design is drawn and
|
||||
accepted: 29 screens and a components page under
|
||||
accepted: 33 screens and a components page under
|
||||
[docs/assets/panel-redesign/](assets/panel-redesign/index.html) (Bulma base,
|
||||
postmark / numbered heads / perforated edge, icons). Contract and checklist:
|
||||
[plans/panel-redesign.md](plans/panel-redesign.md).
|
||||
@@ -419,10 +419,12 @@ Server) and paths are renamed to match. **No compatibility is kept** (owner,
|
||||
2026-09-21): no redirects, the migration chain is replaced by one baseline
|
||||
and 2.0 starts from an empty data directory — the only live installation is
|
||||
the owner's. Inbound domains become delegable to a
|
||||
domain administrator, separately from outbound. Four things the mockups show need their own decision and are not
|
||||
smuggled in with the restyle: queue as a table (`postqueue -j`), inbound
|
||||
queue, inbound log (rides on inbound-antispam-panel), Server › Health. No CSP
|
||||
change, no JavaScript widgets, no second framework.
|
||||
domain administrator, separately from outbound. Server › Health is built
|
||||
with the restyle (decided 2026-10-09). Three things the mockups show keep
|
||||
their own decision and are not smuggled in: queue as a table
|
||||
(`postqueue -j`), inbound queue, inbound log (rides on
|
||||
inbound-antispam-panel) — until then both queues ship the old content in the
|
||||
new shell. No CSP change, no JavaScript widgets, no second framework.
|
||||
|
||||
**Done when:** every page renders with the component skeleton recorded in
|
||||
`panel/outlines.json`, the guard tests in the plan are green with no
|
||||
@@ -434,7 +436,7 @@ of their own — answered by guard tests that land before the templates, a
|
||||
`design-first` CI step and evidence-based acceptance (plan § Enforcement).
|
||||
Competes with feature work; Bulma is ~680 kB minified, embedded once.
|
||||
|
||||
**Version:** `2.0.0` MAJOR; `candidate` until agreed.
|
||||
**Version:** `2.0.0` MAJOR; `agreed` (owner, 2026-10-09).
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user