feat(website): turn hero into an interactive DM2Text demo

[postigodev]

What changed

• replaces the static Instagram screenshot with a DOM-built Instagram Direct demo
• renders 126 scrollable demo messages with timestamps, replies, photos, and shared Reel-style cards
• uses a real stock portrait for the fake contact (clara.zk / Clara Z.)
• keeps the message ••• action available throughout the conversation
• mirrors the extension's injected Copy context action, including the same icon and dialog language
• selects N messages ending at the clicked anchor and formats text with the same rules as the extension (selectEndingAt / formatTranscript semantics)
• writes the generated transcript to the visitor's real clipboard instead of populating the right panel automatically
• turns the right panel into a pasteboard so the visitor can manually paste and inspect the copied result
• makes Unsend remove that message from the demo DOM, so it is excluded from subsequent copies
• makes the composer interactive: visitors can send text messages or add demo photo/Reel messages and then copy them too
• keeps the website framework-free at runtime with inline vanilla JS and no emitted JS bundle

Privacy / scope

Everything stays inside the synthetic hero demo. It does not inspect Instagram, access real DMs, or send conversation data anywhere. Clipboard writes only happen after the visitor presses Copy.

Verification

• Vercel preview build for head c57a2c9582a63087f581068d8facde7a20058ec3 completed successfully
• GitHub CI run #12 for the same head completed successfully
• website output tests assert the 126-message demo, clipboard behavior, paste zone, and unsend controls

Local website/pnpm verify still cannot be run in the execution sandbox because outbound DNS/package access is unavailable; Vercel is the authoritative Astro build check here.

[vercel]

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

Project	Deployment	Actions	Updated
dm2text	Ready	Preview	Sep 1, 2026 5:16am UTC