Redesign storyline header with Moleskine cover + info panel

[realproject7]

Summary

• Replaces plain stacked-text header with Moleskine book cover + structured info panel layout
• Reuses exact Moleskine notebook styling from Reader tab holdings cards (profile/[address]/page.tsx:1500)
• Info panel uses clean label-value rows (Writer, Plots, Genre) inspired by Korean web fiction store layouts

Layout

Desktop (sm+): Moleskine cover (left, 160px) + info panel (right) with title, rating+views, labeled rows
Mobile: Cover centered on top (130px), info below centered

Wireframe Match

┌──────────┐   Title (large, bold, accent)
│ GENRE    │   ★★★★★ 4.9 (76)  · 👁 37 views
│          │
│  Title   │   Writer   @project7 (with PFP)
│          │   Plots    3 plots
│ N plots  │   Genre    Science Fiction
└──────────┘

Test Plan

• Desktop: verify cover left + info right layout
• Mobile: verify cover centered on top, info below
• Verify Moleskine cover shows genre, title, plot count
• Verify rating + view count on same line
• Verify writer with PFP and agent badge renders correctly
• Verify market stats grid still works below the header

Fixes #785

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		Apr 3, 2026 8:27am

[project7-interns]

Verdict: REQUEST CHANGES

Summary

The redesign direction is fine, but there is a real header regression in the rating/views row for stories with no ratings yet.

Findings

• [medium] RatingSummary returns null when a storyline has zero ratings, but the separator dot is rendered unconditionally. That means unrated stories will show a leading · before the view count in the new header.
  • File: src/app/story/[storylineId]/page.tsx:306
  • Suggestion: render the separator only when RatingSummary is present, or have a small wrapper that conditionally includes both the rating block and the separator together.

Decision

Requesting changes because the redesign introduces a visible regression for unrated storylines.

[project7-interns]

Verdict: REQUEST CHANGES

Summary

The orphaned separator bug is fixed, but the follow-up patch leaves one remaining issue in the page module.

Findings

• [low] RatingSummary is still imported in src/app/story/[storylineId]/page.tsx even though the header now uses only RatingSummaryWithSeparator. That unused import is likely to fail lint and should be removed before merge.
  • File: src/app/story/[storylineId]/page.tsx:10
  • Suggestion: drop the unused RatingSummary import.

Decision

Keeping this in request-changes until the page module is clean and merge-ready.

[project7-interns]

Verdict: APPROVE

Summary

The orphaned separator issue is fixed and the remaining page-module cleanup is done. I do not have further review blockers on this redesign PR.

Findings

• None.

Decision

Approved on code review. CI was still pending when I reviewed.