Fix the Stage 1 Dashboard UX defects found in assembled review

The assembled Stage 1 Dashboard was reviewed by hand on a desktop, with the sidebar collapsed, and on an iPhone. This fixes what that review found, and records the decisions in ADR 0064: - Discover is its own page at /settings/discover, with Installed and Updates beneath it as children. There is no Browse item any more. /settings/discover/browse is still read, as an alias, and is respelled in place. Parents and children now read as a hierarchy: a guide line, text-only children, a disclosure chevron, and parent and current states that look different. - The sidebar is navigation only. Display pairing moves from the sidebar and drawer to Settings -> Displays: the paired displays, a deliberate Add display dialog, and revocation. Nothing takes focus on arrival; the code field is focused only once Add display is chosen. - Collapsed icons are centred. Nav-link layout moves from inline styles to the shell stylesheet, and every collapsed item is one square centred on the rail. - /settings is an overview of the installation: displays paired, modules installed and running, and a line for each other area. It reads only existing endpoints. - Phones get a sticky, safe-area-aware header holding the menu trigger and the page name. New pages start at the top, and focus no longer scrolls content under the header. - @ekklesia/ui draws checkbox and radio indicators from tokens rather than accent-color, so the selected state is the strong accent in Light and Dark alike. Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-15 20:37:32 -05:00
parent 186668915b
commit 405e509bcb
31 changed files with 2346 additions and 611 deletions
@@ -2,7 +2,9 @@
 <html lang="en" style="min-width: 0; scrollbar-gutter: stable">
  <head>
    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <!-- viewport-fit=cover lets the shell lay itself out around a notch, a status bar, and a home
+         indicator with env(safe-area-inset-*) (ADR 0064), rather than the browser letterboxing it. -->
+    <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport" />
    <!-- The API's origin (ADR 0045). The API serving this page fills it in at startup; empty means
         this page's own origin, the same-origin topology. Never an inline script, so a strict
         script-src needs no exception for it. -->