feat(web): dashboard UI that runs the SDK live

[MohtashamMurshid]

Summary

Adds a real /dashboard to apps/web that drives the public @getdesign/sdk end-to-end:

• Paste a URL, bring your own Daytona + OpenAI keys, hit Generate.
• The browser POSTs to a new /api/design route, which calls streamDesign from the SDK and pipes events back as newline-delimited JSON.
• The UI shows live per-phase progress (crawl → capture → visual → describe → extract → synthesize → render), elapsed time, and surfaces errors inline.
• When the run completes, the generated design.md renders in a code surface with Copy and Download actions (download produces <host>.design.md).
• Runs are intentionally not persisted — this is the live dashboard, not a runs database.

Walkthrough

dashboard_run_demo.mp4
Form fill → submit → live per-phase progress → SDK-sourced error surfaced inline (Response from https://linear.app exceeded 1000000 bytes is the agent crawler's own size guard, confirming the SDK is actually invoked).

Dashboard idle state
Idle state with empty form, pending progress, and empty result placeholder.

Dashboard success state with design.md viewer
Success state showing all phases OK and the generated design.md with copy + download. (Captured with a temporary local DASHBOARD_DEMO=1 env flag that was reverted before commit; not present in the merged code.)

Dashboard error state
Error state when the SDK fails mid-run.

Files

• apps/web/app/api/design/route.ts — Node runtime POST handler; validates input, drives streamDesign, streams application/x-ndjson.
• apps/web/app/dashboard/page.tsx — Marketing-shell page, robots: noindex.
• apps/web/app/dashboard/_components/dashboard-header.tsx
• apps/web/app/dashboard/_components/dashboard-runner.tsx — client form + stream consumer.
• apps/web/app/dashboard/_components/phase-list.tsx — phase indicators.
• apps/web/app/dashboard/_components/result-viewer.tsx — design.md viewer + copy/download.
• apps/web/app/dashboard/_components/types.ts
• apps/web/app/_components/nav.tsx — adds DASHBOARD link.
• apps/web/package.json, bun.lock — adds @getdesign/sdk as workspace:*.

Design notes

• Uses the existing dark, dashed-frame styling so the dashboard reads as part of the same product as / and /design.
• Credentials are POSTed in a JSON body (never in a URL query) and can optionally be remembered in localStorage for the current browser only. The server never persists them.
• Stream protocol: application/x-ndjson, one DesignStreamEvent JSON per line; the client parses on newlines and updates phase state, the final result, or surfaces an error.
• maxDuration = 300 and runtime = "nodejs" on the route so the agent has room to capture + synthesize.

Verification

• ✅ bun run typecheck (in apps/web)
• ✅ bun run build (in apps/web) — new /dashboard static route and dynamic /api/design function show up in route table
• ✅ API rejects invalid URL and missing credentials with 400
• ✅ End-to-end stream test against a live URL: the SDK is invoked and emits the error event back through the stream into the UI (see demo video)
• ✅ Mocked success path renders the design.md viewer with copy + download (see success screenshot)

_{To show artifacts inline, enable in settings.}

  

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
getdesign	Error		May 25, 2026 8:24am
getdesign-docs	Ready	Preview, Comment	May 25, 2026 8:24am
studio-site	Ready	Preview, Comment	May 25, 2026 8:24am

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: f2e86aee-ed81-4c61-b4ac-1889393a2409

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch cursor/dashboard-ui-ba70

---

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 and usage tips.}