oanoian/mcp_project-ai

How oanoian/mcp_project-ai works

This repository implements a React command-center dashboard that presents an AI-swarm orchestration system through generated data and a real-time simulation; it does not contain the MCP server or provider execution services described in the README. The main user flow is browser entry → dashboard initialization → generated swarm state → interactive views, with periodic simulated updates. The UI also covers teams, tasks, providers, architecture, security, MCP configuration, and logs. Relationships for the dashboard’s major capabilities are based on README descriptions and App.tsx references; unsampled implementation details are not inferred.

Main entry points: App.tsx Command Center · schemas.ts Swarm Schemas · data.ts Agent Generation · security-data.ts Security Data

Components 19

Dashboard UI

Command Center src/App.tsx
System Dashboard src/App.tsx
Architecture View src/App.tsx
Team Management src/App.tsx
Provider Gateway View src/App.tsx
Task Queue View src/App.tsx
MCP Configuration src/App.tsx
System Logs src/App.tsx
Toast Notifications src/components/Toast.tsx

Swarm Data

Agent Generation src/core/data.ts
Task Generation src/core/data.ts
Swarm Schemas src/core/schemas.ts

Security View

Security View src/App.tsx
Security Data src/core/security-data.ts
Security Schemas src/core/security-schemas.ts

Client Runtime

Browser Entry src/main.tsx
Application State src/core/store.ts
Realtime Simulation src/hooks/useRealtimeSimulation.ts

Other components

Dashboard User

Connections 22

Dashboard User → Browser Entry: opens README.md
Browser Entry → Command Center: renders src/main.tsx
Command Center → Agent Generation: generates src/App.tsx
Command Center → Task Generation: generates src/App.tsx
Command Center → Application State: initializes src/App.tsx
Realtime Simulation → Application State: updates src/hooks/useRealtimeSimulation.ts
Command Center → Realtime Simulation: uses src/App.tsx
Agent Generation → Swarm Schemas: types with src/core/data.ts
Task Generation → Swarm Schemas: types with src/core/data.ts
Command Center → Swarm Schemas: uses src/App.tsx
Command Center → Security Data: uses src/App.tsx
Security Data → Security Schemas: types with src/core/security-data.ts
Command Center → Security Schemas: uses src/App.tsx
Command Center → System Dashboard: renders README.md
Command Center → Architecture View: renders README.md
Command Center → Team Management: renders README.md
Command Center → Provider Gateway View: renders README.md
Command Center → Task Queue View: renders README.md
Command Center → MCP Configuration: renders README.md
Command Center → System Logs: renders README.md
Command Center → Security View: renders src/App.tsx
Command Center → Toast Notifications: uses src/App.tsx

More TypeScript diagrams: kevinrivm/vocero-crm · midea-ai/sema-code-core · pkmn/ps · pnp/cli-microsoft365-mcp-server · podman-container-tools/podman.io

Drawn by GitDiagram on September 30, 2026 from the repository's file tree, README and source files. Read as Markdown ·