Build Clank’s prompt-first landing and live project board

[Acksell]

Turn the landing prompt into the entry point for building an app. Cloud/local and website/mobile choices feed a central prompt; local mode shows the install commands. Inline authentication preserves the idea and opens a pannable board on the same route. Each project widget contains streaming agent chat beside its preview panel, with chat/preview tabs on narrow screens.

The board uses the real gateway for starter selection, project/session creation, conversation history, permissions, sending, stopping, and preview lifecycle. Websites render in isolated iframes. Expo previews require the Clank phone app: show the Android download while the preview starts, then a locally generated QR code, direct app link, and copy action. Expo never renders a browser iframe. Onboarding also requires the phone app for mobile development from a laptop/cloud workspace.

Layout is stored per account in the current browser. Invalid storage and reconnects are recoverable, and transcript reconciliation preserves live output while history loads. Root and workspace routes are excluded from session recording.

Validation: 91 frontend tests passed, with two environment-dependent checks skipped; production build passed. New component tests cover Expo phone handoff, setup before readiness, preserved signed links, and web iframe behavior. Desktop and mobile browser checks covered ready/loading states and the copy action; the rendered QR screenshot decoded to the exact expected deep link. Earlier in this PR, the opt-in integration passed against real disposable gateway/host processes, including streamed replies, signed embedded HTML, cookies, and overlay suppression. Physical-phone handoff, Supabase signup, and deployed cross-site HTTPS embeds still need environment smoke tests before production.

Requires supaclank/clank#273, a matching PUBLIC_PREVIEW_ROOT_DOMAIN, and cloud starter repositories. Friendly Web app/Mobile app shortcuts map directly to Svelte/Expo clone URLs in the frontend; no backend template classification or one-per-category restriction is required. The public Svelte starter is published with passing CI. Native mobile redesign and anonymous accounts are deferred. The landing page remains an initial iteration; the next design pass will retain more of the previous page.

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}