@burdenoff/microfe-vibecontrols
VibeControls microfrontend for Burdenoff products - a modern development environment management system providing centralized control over agents, sessions, vibes, and modules.
Overview
This microfrontend provides:
- Agents Management: Control and monitor development agents
- Sessions: Terminal and SSH session management
- Vibes: Project workflow management
- Modules: Extensible module system
- SSH Connections: Remote connection management
- Port Forwarding: Network tunnel management
Development
# Install dependencies
bun install
# Start dev server (http://localhost:5149)
bun run dev
# Generate GraphQL types
bun run codegen
# Type checking
bun run type:check
# Linting
bun run lint
# Formatting
bun run format
# Build
bun run build
# Run all checks
bun run sanity
Integration
import { VibeControlsRoot, setVibeControlsConfig } from '@burdenoff/microfe-vibecontrols';
// Configure at runtime
setVibeControlsConfig({
apiGatewayUrl: 'http://localhost:3726/graphql',
authToken: 'your-token',
workspaceId: 'ws-1',
tenantId: 'tenant-1',
});
// Use in your app
<VibeControlsRoot
basePath="/vibecontrols"
navigate={navigate}
currentUser={user}
registerNavItems={registerNavItems}
registerFooterItems={registerFooterItems}
onAgentSelect={(agent) => console.log('Agent selected:', agent)}
onSessionStart={(session) => console.log('Session started:', session)}
onVibeActivate=(vibe) => console.log('Vibe activated:', vibe)}
/>
Routes
/- Overview dashboard/agents- Agents management/sessions- Sessions management/vibes- Vibes/projects management
Architecture
- React 19 + TypeScript 5.9
- Apollo Client for GraphQL (with SSE support)
- Zustand for state management
- React Router v7 for routing
- TailwindCSS v4 for styling
- Vite 7 for build tooling
Port
Development server runs on port 5149.
License
Proprietary - Copyright Burdenoff Consultancy Services Pvt. Ltd.