# oanoian/mcp_project-ai architecture

> Architecture diagram of the GitHub repository oanoian/mcp_project-ai, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-30). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/oanoian/mcp_project-ai
- Repository: https://github.com/oanoian/mcp_project-ai

## Overview

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: [`src/App.tsx`](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx) (Command Center), [`src/core/schemas.ts`](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/schemas.ts) (Swarm Schemas), [`src/core/data.ts`](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/data.ts) (Agent Generation), [`src/core/security-data.ts`](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/security-data.ts) (Security Data)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_application["Dashboard UI"]
  node_app["Command Center<br/>[App.tsx]"]
  node_dashboard["System Dashboard<br/>[App.tsx]"]
  node_architecture["Architecture View<br/>[App.tsx]"]
  node_teams["Team Management<br/>[App.tsx]"]
  node_providers["Provider Gateway View<br/>[App.tsx]"]
  node_taskqueue["Task Queue View<br/>[App.tsx]"]
  node_mcpconfig["MCP Configuration<br/>[App.tsx]"]
  node_logs["System Logs<br/>[App.tsx]"]
  node_toast["Toast Notifications<br/>[Toast.tsx]"]
end

subgraph group_domain["Swarm Data"]
  node_agents["Agent Generation<br/>[data.ts]"]
  node_tasks["Task Generation<br/>[data.ts]"]
  node_systemschemas["Swarm Schemas<br/>[schemas.ts]"]
end

subgraph group_security["Security View"]
  node_securityview["Security View<br/>[App.tsx]"]
  node_securitydata["Security Data<br/>[security-data.ts]"]
  node_securityschemas["Security Schemas"]
end

subgraph group_runtime["Client Runtime"]
  node_entry["Browser Entry<br/>[main.tsx]"]
  node_store["Application State<br/>[store.ts]"]
  node_simulation["Realtime Simulation"]
end

node_visitor(("Dashboard User"))

node_visitor -->|"opens"| node_entry
node_entry -->|"renders"| node_app
node_app -->|"generates"| node_agents
node_app -->|"generates"| node_tasks
node_app -->|"initializes"| node_store
node_simulation -->|"updates"| node_store
node_app -->|"uses"| node_simulation
node_agents -->|"types with"| node_systemschemas
node_tasks -->|"types with"| node_systemschemas
node_app -->|"uses"| node_systemschemas
node_app -->|"uses"| node_securitydata
node_securitydata -->|"types with"| node_securityschemas
node_app -->|"uses"| node_securityschemas
node_app -->|"renders"| node_dashboard
node_app -->|"renders"| node_architecture
node_app -->|"renders"| node_teams
node_app -->|"renders"| node_providers
node_app -->|"renders"| node_taskqueue
node_app -->|"renders"| node_mcpconfig
node_app -->|"renders"| node_logs
node_app -->|"renders"| node_securityview
node_app -->|"uses"| node_toast

click node_entry "https://github.com/oanoian/mcp_project-ai/blob/main/src/main.tsx"
click node_app "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_dashboard "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_architecture "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_teams "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_providers "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_taskqueue "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_mcpconfig "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_logs "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_securityview "https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx"
click node_toast "https://github.com/oanoian/mcp_project-ai/blob/main/src/components/Toast.tsx"
click node_agents "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/data.ts"
click node_tasks "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/data.ts"
click node_systemschemas "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/schemas.ts"
click node_securitydata "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/security-data.ts"
click node_securityschemas "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/security-schemas.ts"
click node_store "https://github.com/oanoian/mcp_project-ai/blob/main/src/core/store.ts"
click node_simulation "https://github.com/oanoian/mcp_project-ai/blob/main/src/hooks/useRealtimeSimulation.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app,node_dashboard,node_architecture,node_teams,node_providers,node_taskqueue,node_mcpconfig,node_logs,node_toast,node_visitor toneBlue
class node_agents,node_tasks,node_systemschemas toneAmber
class node_securityview,node_securitydata,node_securityschemas toneMint
class node_entry,node_store,node_simulation toneRose
```

## Components

### Dashboard UI

- [Command Center](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [System Dashboard](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Architecture View](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Team Management](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Provider Gateway View](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Task Queue View](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [MCP Configuration](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [System Logs](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Toast Notifications](https://github.com/oanoian/mcp_project-ai/blob/main/src/components/Toast.tsx): `src/components/Toast.tsx`

### Swarm Data

- [Agent Generation](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/data.ts): `src/core/data.ts`
- [Task Generation](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/data.ts): `src/core/data.ts`
- [Swarm Schemas](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/schemas.ts): `src/core/schemas.ts`

### Security View

- [Security View](https://github.com/oanoian/mcp_project-ai/blob/main/src/App.tsx): `src/App.tsx`
- [Security Data](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/security-data.ts): `src/core/security-data.ts`
- [Security Schemas](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/security-schemas.ts): `src/core/security-schemas.ts`

### Client Runtime

- [Browser Entry](https://github.com/oanoian/mcp_project-ai/blob/main/src/main.tsx): `src/main.tsx`
- [Application State](https://github.com/oanoian/mcp_project-ai/blob/main/src/core/store.ts): `src/core/store.ts`
- [Realtime Simulation](https://github.com/oanoian/mcp_project-ai/blob/main/src/hooks/useRealtimeSimulation.ts): `src/hooks/useRealtimeSimulation.ts`

### Other components

- **Dashboard User**

## Connections

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