Commitefb11c5unknown_key
polish(code-browse): file viewer + commit detail + new-repo + profile (parallel session 3.E)
polish(code-browse): file viewer + commit detail + new-repo + profile (parallel session 3.E)
Polishes 8 code-browse surfaces in src/routes/web.tsx to match the 2026
design language Agent A established on the repo-home (.repo-home-*),
issues, pulls, and dashboard surfaces:
- GET /new — Hero with eyebrow + gradient display title "Spin up a
repository", helper subtitle, polished visibility radio cards
(public / private with descriptions), AI-native callout, animated
orb, gradient hairline.
- GET /:owner (profile) — Hero with gradient avatar, "Developer"
eyebrow + "Joined Mon YYYY", gradient display name, handle, bio,
follower/following/repo meta links, follow button. Profile README
card chrome, repositories section head with count chip, empty
state with "Create your first" CTA.
- GET /:owner/:repo/tree/:ref{.+$} — Tree header row combining branch
switcher + file/dir count + search pill, breadcrumb below.
- GET /:owner/:repo/blob/:ref{.+$} — Polished file-header card with
icon, name, KB-formatted size, line count, and Raw/Blame/History/
Edit pills (Edit highlighted accent).
- GET /:owner/:repo/commits/:ref? — Hero with count + branch chip,
commit list wrapped in a card, branch switcher in toolbar.
- GET /:owner/:repo/commit/:sha — High-impact polish. Card with SHA
pill + verification badge in eyebrow, display title for subject,
monospace body box for the long message, author/parents meta row,
diff stats bar (files changed + additions/deletions colored),
polished checks block.
- GET /:owner/:repo/blame/:ref{.+$} — Polished blame header with
icon, name, BLAME tag chip, line/contributor count, action pills.
- GET /:owner/:repo/search — Hero with eyebrow + gradient title,
search input with leading magnifier icon, results count head,
file-grouped result cards with match-count chip, polished empty
state.
All new CSS lives in a single shared `codeBrowseCss` constant injected
via `<style>` per handler, namespaced by surface prefix:
.new-repo-* .profile-* .tree-* .blob-* .commits-*
.commit-detail-* .blame-* .search-*
The .repo-home-* handler (GET /:owner/:repo) is untouched — Agent A's
session-2.A polish is preserved verbatim. No shared view files
(layout.tsx, components.tsx, ui.tsx) were modified. No logic, auth,
data-fetching, or routing behaviour changed — visual rendering only.
Tests: 2011 pass, 2 skip, 0 fail (unchanged from baseline). tsc clean.
https://claude.ai/code/session_01KdpgsaGpmEExJAz3yhFLvx1 file changed+1426−217efb11c51daa5ce5d280b77976519056fe1eaa0f7
1 changed file+1426−217
Modifiedsrc/routes/web.tsx+1426−217View fileUnifiedSplit
Large file (1,816 lines). Load full file