[rpgmem]

Summary

The device test listed its 14 rows as one long list, and could call a device ready before the visitor had read the location. Closes #2065.

• Six native <details> sections, in the order the rows already had: Network, Browser, Form protections, Device settings, Display, PDF download.
  • They open and close without the test's script, so a blocker that stops the script does not lock the rows away.
  • All are closed while every row passes.
  • Each summary carries a chip that counts its rows: "N OK", "1 warning" / "N warnings", "1 failure" / "N failures", "Checking…" or "Test pending".
  • A section with a failure or a warning takes the danger or warning border, through data-ffc-state.
• Auto-open, never auto-close: a section opens by itself when one of its rows warns, fails or waits on the visitor. The script never closes it again, so the screen does not jump under the reader.
• The location step, as agreed with the maintainer:
  • Until the visitor reads the location, the row says "precision not tested yet".
  • The Device settings section opens, and the "Test my location" button now sits there, beside its row.
  • The verdict asks for the step: "One step left". A failure is still reported before the owed step.
  • The test never reads the location on its own.
• "Copy the results" still copies every row, those in closed sections included.
• CSS lives in ffc-device-check.css and uses palette tokens only: no inline style, no colour literal.

Tests

• PHPUnit DeviceCheckTest: six closed sections in order, each section holding its own rows, and the location button inside the Device settings section.
• Vitest:
  • passing sections stay closed and count their rows;
  • an owed location opens its section and the verdict asks for it;
  • reading the location finishes the test, and the section stays open;
  • a warning opens its section; a failure is named and reported first;
  • closed sections are still copied.
  • Full suite: 2,572 passed.
• Chromium render at phone width, three cases:
  • all passing: every section closed except Device settings, which shows "Test pending";
  • after reading the location: "This device is ready";
  • server blocked: Network open with a red border and "1 failure".
• Guards pass: CSS namespace, ownership, tokens, dark mode, spacing, typography, inline style, class emission, translation coverage and catalogue agreement, documentation coverage, comment language.

Docs

• The Certificates topic describes the sections and the location step.
• Strings are in the three catalogues; the CHANGELOG has an Added entry.

🤖 Generated with Claude Code

https://claude.ai/code/session_018srx5hc431EYmG4MHUr2KA