A tour of the workspace
Every screen in Vibeforce and what is on it — the sidebar, the dashboard, the project page, the account page and the admin area.
Vibeforce has a small number of screens. This page names all of them.
The shell
Every page except the project page shares the same frame.
The top bar carries a sidebar toggle, the Vibeforce logo (which goes to the dashboard), a Search… button showing the shortcut ⌘K, and on the right: a notification bell, a light/dark theme toggle, an app launcher and your account menu.
The sidebar, from the top:
- The project switcher. Shows the open project's name, or All projects when none is open. Its menu lists your eight most recent projects, then All projects and New project.
- Organization — Projects, People (an external link to your Vibeforce account, where members are managed) and New project.
- Projects — Starred, Recently viewed, Templates.
- Your recent projects, eight of them, under the current organization's name.
- Account — Account, and Platform admin if you are one. There is no balance beside it any more; what you have used is on your organization's AI page. See The token allowance.
- The organization switcher, at the very bottom. Shows the current organization, and its menu lets you change it or create a new one.
⌘K — the command palette
Press ⌘K (or Ctrl+K) anywhere. The box reads Search projects and pages….
It searches your projects by name and by their original prompt, which is often the faster way to find something — you remember what you asked for more reliably than what it got called. Each result shows a star if it is starred and when it was last built.
Below the projects, a Go to group with four destinations: New app, Templates, Organizations and Account.
If nothing matches: Nothing found.
The dashboard
The main screen. /dashboard.
At the top, Ready to build, <your first name>? and under it either Building in <organization> or, if you are a viewer, Viewing <organization> — you can open projects here but not change them.
Then the prompt composer, the design picker and five quick-start chips. See Creating a project.
Below that, four tabs:
| Tab | What it shows |
|---|---|
| Projects | Every project in the current organization, most recently changed first. |
| Starred | Projects you have starred. |
| Recently viewed | Projects in the order you last opened them. |
| Templates | Ten starter prompts, each a card with an icon and a one-line description. |
Every project appears as a card. Its thumbnail is the app itself, rendered live in a miniature frame — so a glance at the dashboard tells you what each project actually looks like. A project whose sandbox is not running falls back to a coloured gradient.
Hovering a card reveals a star button, an open-in-new-tab button when the app is live, and a ⋯ menu with Rename, Star/Unstar, Archive and Delete.
The project page
/project/<id>. The screen you spend the most time on. It has no sidebar.
The top bar:
- The Vibeforce logo, back to the dashboard.
- The project-name dropdown: Rename · Star/Unstar · — · Version history · Security check · Download source · — · Archive.
- A Building pill with a spinner while a run is live.
- Publish, which reads Published once the app is live.
The credit pill is gone from this bar, along with the balance it showed. What a build costs is counted at the Vibeforce account service now, against the organization owner's token allowance, and read on the organization's AI page — see The token allowance.
- The usual notification, theme, launcher and account controls.
The left column is the conversation: your messages on the right, the builder's on the left under the heading Vibeforce. While a run is live you see its text appear as it writes, and the last eight steps underneath. The composer is at the bottom.
The right column is Preview or Code — the running app, or its source.
On a phone the two columns do not fit, so a Chat | App toggle appears in the middle of the top bar.
Three panels slide in from the right when you open them from the dropdown: Version history, Security check and the Publish dialog.
The account page
/account, headed "Your profile, and where your AI settings live." Two cards:
- AI and tokens / What you have used — two rows of one card, both linking through to your organization's AI page. The first explains that builds we run count against your account's token allowance, shared with every Vibeforce product, and that switching the organization to self hosted means nothing is metered at all. The second points at the bar under the mode switch.
- Your account — two buttons out to your Vibeforce account, for your profile and your organizations.
Nothing on this page is editable. Your name, email, password, devices and organization memberships all live at your Vibeforce account.
A credit balance and its ledger used to sit here. Both are gone — see What happened to credits. Bring your own AI is also not a setting on your account: a provider key belongs to the organization a project is filed under, so the card links out to that organization's AI self hosted page. See AI configuration.
The organizations page
/organizations. One card per organization you belong to, showing its name, your role, a Current badge on the active one, and three controls: People (out to your Vibeforce account), Work here, and a button to manage it at your Vibeforce account.
A New organization button creates one, with you as its owner.
The admin area
/admin, visible only to platform administrators. It has its own sidebar and four pages — Overview, Skills, Designs and Settings — plus three links out to the Vibeforce account service: Platform AI ↗, Model catalog ↗ and AI tokens ↗, the last of which replaced the old Credits page. See Administration.
If you are not an administrator the entry does not appear anywhere, and typing the URL bounces you back to the dashboard.
The notification bell
The bell shows unread notifications from every Vibeforce product, not just this one — organization invitations, account changes, and anything the other products raise. Each item is tagged with the product it came from.
Vibeforce itself does not currently raise any notifications. Everything in the bell arrived from elsewhere.
At the bottom of the panel, All notifications, every product → takes you to the full inbox at your Vibeforce account.
Light and dark
The theme toggle in the top bar switches between light and dark. There is no "follow the system" option. Your choice is stored on your Vibeforce account, so it follows you into the other products.
Next
- The dashboard — the project list in detail.