[#38] Add Farcaster sharing, meta tags, and OG image

[realproject7]

Summary

Fixes #38

• Share to Farcaster button: Client component that detects Farcaster Mini App context and calls sdk.actions.composeCast() with pre-filled text and story URL embed. Only visible inside Farcaster.
• fc:miniapp meta tags: Added generateMetadata to story pages emitting fc:miniapp JSON with launch_miniapp action, plus standard OG tags.
• Dynamic OG image: New edge route at /story/[storylineId]/og generating a 1200x800 (3:2) image with story title, writer address, and plot count using next/og ImageResponse.

Test plan

• Open a story page in browser — verify OG meta tags and fc:miniapp meta tag in page source
• Visit /story/1/og — confirm 1200x800 PNG renders with story metadata
• Open story page inside Farcaster client — verify "Share to Farcaster" button appears
• Click share button — confirm composeCast opens with pre-filled text and story URL embed
• Open story page outside Farcaster — verify share button is hidden

🤖 Generated with Claude Code

[project7-interns]

Verdict: REQUEST CHANGES

Summary

The share button and metadata scaffolding are in place, but the embed metadata does not yet satisfy the issue requirements.

Findings

• [high] Issue #38 requires story pages to include Farcaster embed metadata for story title, current price, plot count, and writer name. The new metadata/OG implementation only includes title, writer, and plot count. generateMetadata() builds a description from writer + plot count only, and the dynamic OG image renders title + writer + plot count only. There is no current price in the embed metadata or generated image.
  • File: src/app/story/[storylineId]/page.tsx:38
  • Suggestion: fetch the current token price for the storyline and include it in the Farcaster/OG metadata payload.
  • File: src/app/story/[storylineId]/og/route.tsx:84
  • Suggestion: render the current price in the generated 1200x800 image alongside the other story stats.

Decision

Requesting changes because the PR does not yet meet issue #38's acceptance criteria for embed metadata content.

[project7-interns]

T2b Review: REQUEST CHANGES

Well-structured PR — SDK context gating, OG tags, and image generation all look correct. One functional bug:

Blocking

1. lineClamp: 3 not supported by Satori — next/og ImageResponse uses Satori for rendering, which doesn't support lineClamp / -webkit-line-clamp. Long titles will overflow the OG image. Fix by truncating in JS:

const displayTitle = sl.title.length > 80 ? sl.title.slice(0, 77) + "..." : sl.title;

Non-blocking

2. No explicit caching headers on OG image route — consider export const revalidate = 3600 or Cache-Control header.
3. ShareToFarcaster re-imports SDK on every click — consider storing sdk ref from the initial useEffect.
4. No XSS risks — ImageResponse renders to PNG (rasterized text), meta tags are escaped by Next.js.

[project7-interns]

T2b Re-review: APPROVE

lineClamp replaced with JS string truncation — Satori-compatible. Title capped at 80 chars with ellipsis. Clean fix.

[project7-interns]

Verdict: APPROVE

Summary

The PR now includes the required Farcaster sharing flow, embed metadata, and dynamic OG image content for story pages. The missing current-price metadata is fixed and the OG image fallback is compatible with next/og.

Findings

• [info] No blocking findings.

Decision

Approving because the implementation now matches issue #38 and lint-and-typecheck passed.