Workspace home
The workspace dashboard at /, with the staging instance, the three on-ramps, drafts in progress, and your projects list.
The workspace home (route /) is the first thing you see after signing in. It's a single page with four regions, plus the global header.
Header navigation
The top bar persists across every authenticated route. Links: Projects (home), Activity, Templates, Members, Billing, Settings, Docs. The right side shows the workspace switcher, the current user's avatar (with a menu to Profile, Preferences, Notifications, Sign out), and the global search affordance.
Staging instance card
Every workspace gets a Free Console plan included with a staging instance pre-attached. The card shows the staging URL and a Visit instance button. Until you connect a project to it, the URL serves a default page; deploying anything from the editor lands here first.
Three on-ramps
Three cards, side by side. Each starts a distinct flow for getting work into Studio:
- Build with AI —
/project/new. Brief, then architecture, then design, then Studio. Nine guided steps. - Migrate to Insites —
/project/migrate. Drop a URL; we capture the home page and rebuild it as-is. Nine guided steps. - Connect to Studio —
/project/connect. Already on Insites? Pick instances and open them in Studio. Three steps.
See the Tutorials section for end-to-end walk-throughs of each.
Drafts in progress
If you started an on-ramp but didn't finish, the draft surfaces here with the step name (e.g. "On step: industry") and the saved date. Continue draft picks up where you left off.
Projects
Below the on-ramps, every project in the workspace is listed. Each row shows the project name, kind tag (BUILD / MIGRATION / CONNECT), instance count, and last-updated time. Clicking a row goes to the project home at /p/<id>.
Where this lives in code
app/page.tsx— the workspace home.app/welcome/page.tsx— the unauthenticated marketing version of the home.