feat(files): browsable Files page, table restyle, dark-mode polish#591
Conversation
Files page:
- New /repos/[id]/files index with a navigable treemap hero (size by
importance or LOC, color by health or language, folder drill-down) plus a
virtualized, sortable, filterable file table that links to the per-file page
- Jump-to-file in the command palette (lazy, cached, ranked) and a Files
sidebar entry
- Backend GET /api/repos/{id}/files returns slim per-file rows (importance,
health, churn, coverage, language) joined from batched reads with
percentiles computed once
Tables:
- Shared transparent restyle: floating uppercase headers under a single rule,
faint --color-table-divider row hairlines, square corners, comfier density,
underline-on-hover for primary cells
- Applied to the ResponsiveTable primitive, markdown and prose tables, and the
per-area data tables (blast-radius, git, security, symbols, coverage,
dead-code, health)
Dark mode:
- Darker dark-mode adjustments to the brand palette, sigma graph colors, and
global tokens
|
✅ Health: 7.6 (unchanged) 🚨 Change risk: high (riskier than 82% of this repo's commits · raw 9.6/10)
🩹 Review priority (files here with the most recent bug-fix history — defects cluster, so review these first)
🔥 Hotspots touched (5)
2 more
🔗 Hidden coupling (3 files)
💀 Dead code (1 finding)
📊 Full report · ⭐ Star Repowise · 📥 Install bot · Last updated 2026-06-24 17:52 UTC |
Files page
A canonical, browsable Files surface so you can find and jump to any file.
health or language, with folder drill-down and breadcrumb. Renders only the
current folder's direct children, so it stays fast on large repos.
(importance, health, churn, LOC, coverage, name), language and test filters,
and a folder-scoping toggle that follows the treemap drill.
entry in the sidebar.
GET /api/repos/{id}/filesreturns slim per-file rows joined frombatched reads (graph nodes, degree metrics, health metrics, git metadata),
with importance and churn percentiles computed once. No N+1.
Table restyle
A consistent, cleaner look across every table.
--color-table-dividerrow hairlines, square corners, comfier density, and underline-on-hover for
primary link cells.
ResponsiveTableprimitive, markdown and prose tables,and the per-area data tables (blast-radius, git, security, symbols, coverage,
dead-code, health).
Dark mode
global tokens.
Checks
uiandwebtype-checks passruffclean