§ Cockpit · VS Code plugin

The router, in your editor's sidebar.

One design system, a second render target. Five tabs, designed for a 300px sidebar. The chrome inherits VS Code's theme so it feels native; Mooter shows through the accents, the hero card and the cow. All data is mock.

width
scenario
illustrative · mock data
auth.ts — mooter — Visual Studio Code
mooter· auth-svcClaude Code ✓
Score 4/8
Saved vs all-Opus
token-estimated · advisory
$25.9547% below
real $25.95 vs naive $48.90
mode
next prompt
Mooter Score
4/8
Subscription profile
Monthly budget
Statusline enabled
tier mix · last 30d
T0
42%
T1
27%
T2
23%
T3
8%
Moo· T0 readyCLI is the contract
1export async function authenticate(req) {
2 const token = await getToken(req)
3 if (!token) throw new AuthError()
4 return verify(token)
5}
# the cockpit lives in the sidebar — the editor stays out of the way
🐮 mooterScore 4/8Community project · not affiliated with Anthropic
honesty

Hero leads with the real $25.95 (green = genuine positive). In first-run, $0.00 is muted with a CTA — never green for a zero. Estimates carry “token-estimated · advisory”.

≤5 tabs

Exactly five tabs fit a 300px sidebar with no wrap. Arrow keys move between them; focus is visible (role=tab).

native + brand

Surfaces inherit VS Code greys; Mooter shows through rose, the warm hero card and the cow. No “green on everything.”

Install in 30s →Install for VS Code

Downloads the Cockpit extension .vsix (v0.12.1). Then run code --install-extension mooter-cockpit-0.12.1.vsix — or in VS Code, Extensions → ⋯ → Install from VSIX…. Marketplace listing coming soon.

Community project · not affiliated with Anthropic. The cockpit above is an illustrative mock — numbers are token-estimated and advisory.