Context
Part of epic #6504's visual/ui-kit track. apps/loopover-miner-ui/index.html:3 hardcodes class="dark" with no theme switcher, even though packages/loopover-ui-kit/src/theme.css already defines full light tokens and a working .dark-class toggle mechanism — it's just never wired up in this app. apps/loopover-miner-ui/index.html:8 still reads <title>Gittensory Miner</title>, a stale-brand leak from the completed repo rename. __root.tsx:8-39 is a flat 4-link <nav> with no active-route highlighting, and packages/loopover-ui-kit/src/components/sidebar.tsx ships a full sidebar component that goes unused here.
Requirements
- Wire the existing theme toggle (from
packages/loopover-ui-kit/src/theme.css's .dark-class mechanism) into apps/loopover-miner-ui's header, removing the hardcoded class="dark" in index.html.
- Fix
index.html:8's <title> from "Gittensory Miner" to the current brand.
- Restyle
__root.tsx's header/nav with active-route highlighting, matching the visual language packages/loopover-ui-kit establishes elsewhere.
- Do NOT adopt
sidebar.tsx as primary navigation for this app — per the epic's explicit boundary, it's reserved for the chat rail's mobile-sheet mechanism only (a separate child issue).
Deliverables
Test Coverage Requirements
99%+ Codecov patch coverage on every changed line and branch, plus a regression test for the new/changed behavior (note: apps/** UI code may fall outside the strict Codecov patch gate — check coverage.include — but a before/after screenshot table per this repo's UI-PR convention is still required for any visual change).
Expected Outcome
The miner dashboard supports light/dark theme switching, shows its current correct brand in the browser tab, and highlights the active route in nav.
Links & Resources
Epic: #6504. apps/loopover-miner-ui/index.html:3,8, apps/loopover-miner-ui/src/routes/__root.tsx:8-39, packages/loopover-ui-kit/src/theme.css:17,107-169,172-228.
Context
Part of epic #6504's visual/ui-kit track.
apps/loopover-miner-ui/index.html:3hardcodesclass="dark"with no theme switcher, even thoughpackages/loopover-ui-kit/src/theme.cssalready defines full light tokens and a working.dark-class toggle mechanism — it's just never wired up in this app.apps/loopover-miner-ui/index.html:8still reads<title>Gittensory Miner</title>, a stale-brand leak from the completed repo rename.__root.tsx:8-39is a flat 4-link<nav>with no active-route highlighting, andpackages/loopover-ui-kit/src/components/sidebar.tsxships a full sidebar component that goes unused here.Requirements
packages/loopover-ui-kit/src/theme.css's.dark-class mechanism) intoapps/loopover-miner-ui's header, removing the hardcodedclass="dark"inindex.html.index.html:8's<title>from "Gittensory Miner" to the current brand.__root.tsx's header/nav with active-route highlighting, matching the visual languagepackages/loopover-ui-kitestablishes elsewhere.sidebar.tsxas primary navigation for this app — per the epic's explicit boundary, it's reserved for the chat rail's mobile-sheet mechanism only (a separate child issue).Deliverables
<title>fixedTest Coverage Requirements
99%+ Codecov patch coverage on every changed line and branch, plus a regression test for the new/changed behavior (note: apps/** UI code may fall outside the strict Codecov patch gate — check coverage.include — but a before/after screenshot table per this repo's UI-PR convention is still required for any visual change).
Expected Outcome
The miner dashboard supports light/dark theme switching, shows its current correct brand in the browser tab, and highlights the active route in nav.
Links & Resources
Epic: #6504.
apps/loopover-miner-ui/index.html:3,8,apps/loopover-miner-ui/src/routes/__root.tsx:8-39,packages/loopover-ui-kit/src/theme.css:17,107-169,172-228.