Repository navigation
Quieter, lighter matrix: plain levels, class and scan icons, cells link to the server page - #77
Conversation
The level pills on every column and the class pills on every row were
outlined and coloured, so they repeated across the whole table and drew
the eye away from the status glyphs. Levels are now ink-2 mono text like
the party, the access and auth classes one line ("public · oauth"),
and the per-row "scan" word a faint trace glyph that strengthens on
row hover or focus. A derived class keeps a dashed mark.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
Generated by the screenshots workflow for #77.
The recently revised test read the faded node's opacity mid-transition and failed with values like 0.36 or 0.217. toHaveCSS retries until the transition ends. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
|
CI on bbbc9c9 failed only on Generated by Claude Code |
|
On 841e2b2 the e2e suite is green: 447 passed, including the standards-map fix. The only failure left is Lighthouse on This is not from this PR. Generated by Claude Code |
Access and auth classes become two small line glyphs after each server's name (globe or padlock; two arrows, key or dash), with the words as the tooltip and hidden text. Unknown is the dashed ring of a recorded unknown; a class nobody has stated is fainter. The legend shows each glyph beside its word. Rows are back to one line. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
Each of the ~900 cells carried an inline copy of its observation for a details popover and the island's dialog. Those copies were 70% of the /mcp/ page (1.2 MB, about 22,000 elements) and kept Lighthouse's blocking time over budget. The server page already sets out every record, with its earlier observations, so a cell is now a link to its feature's row there (#<feature-id>, highlighted by :target). The page drops to 0.49 MB and its main-thread work on load roughly halves. ObservationDetail and the cell dialog (M10) go. Spec 001's acceptance scenario 2 is amended; the e2e tests follow the link instead. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh
|
9ddfc6c fixes the Lighthouse failure on Each cell now links to its feature's row on the server page (
Jan still has to choose between this and keeping slimmer popovers. If Jan picks the popovers, this commit gets reverted. Generated by Claude Code |
Requested by Jan · project thread
What this changes
Jan found the pills on the MCP matrix repetitive and loud, and the "scan" links too, and asked for icons. Three things repeated across the whole table, and each one competed with the status glyphs, which are the data:
--ink-2, like the AS/RS party under itpublicoauth)--ink-2. The rows are one line again--signalon its own hover<details>popover (and, with JS, a dialog) holding a copy of the observation/mcp/servers/<id>/#<feature-id>), highlighted with:target"scan" next to a server's nameThe class icons (
ClassIcon.astro) are one stroked path each, with no colour:The words stay as the tooltip and as visually hidden text.
Why levels stay text. Levels have an order (MUST > SHOULD > MAY). Any icon set for them would read as a strength scale, and the dot and ring shapes are already taken by the status glyphs and by the changed and new marks. That keeps to "Neutral. Nothing is ranked or scored."
Why cells now link to the server page. Lighthouse's performance check on
/mcp/has failed onmainsince #74 (0.93–0.94 against a 0.95 minimum, blocking time around 300 ms against 200 ms). The ~900 inline observation copies were about 70% of the page: 1.2 MB and about 22,000 elements. The server page already shows every record, with its earlier observations.ObservationDetailand the cell dialog (M10) are removed.The phone group switcher from #64 is unchanged. On phones the classes stay hidden, as before.
Also in this PR: the standards-map "recently revised" e2e test now waits for the fade to settle (
toHaveCSS) instead of reading the opacity while the fade is still running. It flaked onmaintoo.Screenshots
From
astro preview, 1440px and 390px. The cells look the same in the link version.Row and legend, at 2×:
The screenshots were committed once for stable URLs and removed in the next commit, so the squashed diff has no images.
Code checklist
pnpm checkpasses.refresh-screenshotslabel.docs/scanner.md,docs/design.md, spec 001 and the accessibility page are updated.🤖 Generated with Claude Code
https://claude.ai/code/session_01EqAPiJogKVL56XAubsugEh