PR detail page redesigned with tabs and diff viewer
The gitpulse PR detail page now shows richer metadata up front—merged status, size assessment, and category breakdown—before the headline. Story and technical content live in separate tabs, with code blocks rendering line numbers and diffs getting green/red coloring.
The gitpulse PR detail page has been rebuilt from the ground up. A new metadata row sits above the headline, showing whether a PR was merged, a visual size indicator with five bars, and a segmented category breakdown with percentages. The old flat layout that buried this info in a paragraph is gone.
The author subtitle now includes an avatar and a direct link back to the PR on GitHub with the full title visible—a small touch that makes navigation easier on mobile. Story and technical descriptions moved from a collapsible details block into proper tabs, switching cleanly between the narrative and implementation.
Code blocks now render with line numbers. Diff content gets special treatment: a Code view shows the post-state with diff markers stripped, while a Diff view displays the familiar green additions and red deletions with old/new line gutters and hunk headers.
A new local data fetch script mirrors the deployed site's data into the project, so running yarn data:fetch && yarn dev gives developers real stories to preview locally.
The commit page (/commit/[sha]/[slug]) intentionally stayed as-is—porting the same treatment there is flagged as a straightforward follow-up.