Visual Tour & Screenshots

Krypton is the user interface family for vibey, delivering autonomous software engineering from your phone, your desktop, or your code editor. Every screen is designed with intentional craft, dark-mode surfaces, live telemetry, and zero human blocking.


📱 Krypton Mobile & Web App (clients/app)

Built with React Native and Expo (SDK 57) for iOS, Android, and Web browsers. It connects securely to the local or remote vibey hub with zero human stall.

Frontier Chat Interface & "Add to session"

Frontier Chat Experience

Krypton Mobile Chat

Conversational transcript with inline token pills (resume.md, #, pagebreak), quick action bar (Copy, Share, TTS, Feedback, Retry), and floating composer with model selection and audio controls.

"Add to session" Modal

Add to session modal

Bottom sheet modal with Camera, Photos, and Files tiles, project selection, device routing, and toggles for Research, Connectors, Skills, Memory, and Health.

Usage Telemetry & Settings

Usage & Limits

Usage and Limits

Real-time pace warnings, current session progress, weekly limits with reset timers, and usage credit toggles.

Settings & Theme Switcher

Settings Screen

Pro badge header, upgrade card, capabilities and connectors lists, and 3-card visual Color Mode selector (Light, Dark, System).

Projects, Decision Gates & Pairing

Home Dashboard

Projects Dashboard

Active project orbitals, cycle progress, and human intervention alerts.

Human Decision Gates

Decision Gates

Review gates requiring human sign-off before entering BUILD or deployment.

Device Pairing

Hub Pairing

Zero-trust pairing with the local vibey hub via QR code or host token.


🖥️ Krypton Desktop App (clients/desktop)

Native desktop application for macOS and Linux (GTK 4 and libadwaita).

Main Workspace & Live Inspector

Desktop Chat Session

Krypton Desktop Chat

Desktop session runner with full navigation sidebar, live hub connectivity pulse, structured tool execution cards, and model selector.

Live Telemetry & Inspector Drawer

Desktop Inspector Drawer

Side-panel inspector detailing smooth-weighted round-robin (SWRR) engine pools, queue depths across delivery phases, active worktree directories, and real-time ledger events.

Desktop Preferences Dialog

Desktop Settings

Engine preferences, sovereign GPT-OSS default toggles, hub connectivity, and auto-connect settings.


🧩 Krypton VS Code Extension (clients/vscode)

Right-side chat participant and steering engine for VS Code, VSCodium, and Cursor.

VS Code Right-Hand Chat Participant

Krypton VS Code Extension

Integrated editor experience with Krypton docked on the right side, showing tool calls, model picker, and phase coordination while you edit code.


🚀 Regenerating Screenshots

To regenerate all screenshots across the entire codebase at any time, run:

python3 scripts/generate_screenshots.py

This renders every screen into screenshots/ and synchronizes the assets into docs/img/screenshots/.