Dashboard
Last updated:
The WebSandbox dashboard — your control centre for managing workspaces, viewing recent activity, and accessing account settings.
Overview
After signing in, you land on the dashboard at /dashboard. The layout is divided into:
- Workspace grid — cards for each of your workspaces with a thumbnail, name, last modified date, and framework icon
- Sidebar navigation — links to workspaces, settings, billing, and support
- Header bar — global search, notifications, and account avatar
Workspace List
Your workspaces are listed as cards in the main content area. Each card shows:
- Workspace thumbnail — an auto-generated screenshot of the last preview state
- Name and description — editable by hovering the card and clicking the edit icon
- Framework badge — detected automatically from
package.json - Last modified — relative timestamp (e.g., "2 hours ago")
- Actions menu — rename, duplicate, export as ZIP, delete
Click any workspace card to open it in the editor. Use the sort and filter controls above the grid to sort by name, date, or framework.
Recent Activity
The activity feed on the right side of the dashboard shows a chronological log of your workspace interactions:
- Workspace created / opened / deleted
- Git commits pushed
- Collaborators added
- Billing events (plan changes, invoice generated)
Quick Actions
The New Workspace button (top-right of the grid) opens the workspace creation flow. You can also use keyboard shortcuts on the dashboard:
| Action | Shortcut |
|---|---|
| New workspace | N |
| Search workspaces | / |
| Open settings | S |
Account Section
Click your avatar in the top-right corner to access:
- Profile — update name, avatar, and public bio
- Settings — editor preferences, theme, notifications
- Billing — current plan, usage, invoices
- Sign out