Part one of #3866, which went red as one change. This part changes only the markup; the stylesheet and docs/DESIGN.md are part two.
Done:
[ ] /system's panels, rows, bars and histograms are drawn with §5's card, row and badge from src/web/ui.ts and §5's classes. None of .bt-bar.bt-grid.bt-group.bt-hist.bt-name.bt-procs.bt-row.bt-val appears in the page's HTML. .sys-pair is #4146's; leave it alone. The page still streams and does not refresh itself.
[ ] Do not delete the rules from src/web/style/content.ts and do not edit docs/DESIGN.md. Part two does that, and the design check stays green because the classes are still defined and named.
[ ] Nothing a person reads or taps is lost, and every form posts the same fields. A test asserts the old names are absent and the words, links and forms are present.
Files: src/web/pages/system.ts, a test.
Before pushing, run bun x tsc --noEmit, bun test test/design-lint.test.ts and the page's tests. No screenshots: the sandbox has no browser.
Part one of #3866, which went red as one change. This part changes only the markup; the stylesheet and docs/DESIGN.md are part two.
Done:
src/web/ui.tsand §5's classes. None of.bt-bar.bt-grid.bt-group.bt-hist.bt-name.bt-procs.bt-row.bt-valappears in the page's HTML..sys-pairis #4146's; leave it alone. The page still streams and does not refresh itself.src/web/style/content.tsand do not edit docs/DESIGN.md. Part two does that, and the design check stays green because the classes are still defined and named.Files: src/web/pages/system.ts, a test. Before pushing, run
bun x tsc --noEmit,bun test test/design-lint.test.tsand the page's tests. No screenshots: the sandbox has no browser.