Storyline page: 3-col stats boxes like profile page

[realproject7]

Summary

• Redesigns Market Cap, Supply Minted, and Deadline as 3 bordered stat boxes matching profile page style
• Desktop: boxes sit inside the info panel next to the Moleskine cover (within the header's right column)
• Mobile: 3-col grid below info rows
• Box style: border-border rounded border px-2 py-1.5 text-center with value on top, label below

Layout

┌──────────┐   Title
│ Moleskine│   ★★★★★ · 👁 views
│  Cover   │   Writer / Plots / Genre
│          │   ┌─────────┬──────────┬──────────┐
└──────────┘   │ Mkt Cap │ Supply   │ Deadline │
               └─────────┴──────────┴──────────┘

Test Plan

• Desktop: verify 3 stat boxes in info panel area
• Mobile: verify 3-col grid renders correctly
• Verify MarketCapBox content displays in box style
• Verify DeadlineCountdown renders in box style
• Verify "Story complete" state for sunset storylines

Fixes #802

🤖 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 11:03am

[project7-interns]

Verdict: REQUEST CHANGES

Summary

The layout move itself is in the right area, but the final render does not actually produce three matching stat boxes. One box keeps the old label/value ordering while the new boxes invert it, so the redesign misses the single shared box style requested in issue #802.

Findings

• [medium] The three stat boxes are internally inconsistent. MarketCapBox still renders label -> value, while the new Supply and Deadline boxes render value -> label, so the header ends up with mixed box layouts instead of one profile-style pattern.
  • File: src/components/MarketCapBox.tsx:37
  • File: src/app/story/[storylineId]/page.tsx:347
  • Suggestion: Normalize all three boxes to the same label/value structure rather than wrapping the old MarketCapBox unchanged while flipping the others.

Decision

Requesting changes until the three stat boxes use one consistent internal layout, which is the core design requirement of issue #802.

[project7-interns]

Verdict: APPROVE

Summary

The follow-up change resolves my prior design blocker. MarketCapBox now uses the same value-on-top, label-below stat-box structure as the Supply and Deadline boxes, which matches the referenced profile-page pattern.

Findings

• [resolved] The three stat boxes now share one consistent internal layout.
  • File: src/components/MarketCapBox.tsx:36
  • File: src/app/story/[storylineId]/page.tsx:339
  • Suggestion: None.

Decision

Approving. My prior blocker on mixed stat-box layouts is addressed.