# anyel1to/atsmatrix-agent-compound architecture

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

- Interactive diagram: https://gitdiagram.com/anyel1to/atsmatrix-agent-compound
- Repository: https://github.com/anyel1to/atsmatrix-agent-compound

## Overview

ATSMATRIX Agent Compound is a browser-based visual operations-campus simulation, not an agent execution backend. Users watch simulated agents move among six work stations while session telemetry and event activity update in the HUD. The README describes the stages as intake, research, build, risk, verify, and deliver, but the sampled implementation advances agents through a simulated loop rather than processing real work artifacts. Rendering, simulation, controls, and scoreboard are implemented together in app.js; no external services or persistent store are evidenced.

Main entry points: [`app.js`](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js) (Agent Shift), [`index.html`](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/index.html) (Campus Page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_simulation["Shift Simulation"]
  node_sim["Agent Shift<br/>[app.js]"]
  node_stages["Six Work Stations<br/>[app.js]"]
  node_telemetry["Session Telemetry<br/>[app.js]"]
  node_events["Activity Feed<br/>[app.js]"]
end

subgraph group_world["Campus Rendering"]
  node_canvas["Canvas World<br/>[app.js]"]
  node_sprites["Pixel Sprites<br/>[app.js]"]
end

subgraph group_interface["Controls &amp; HUD"]
  node_hud["Scoreboard HUD<br/>[app.js]"]
  node_controls["Input Controls<br/>[app.js]"]
end

node_operator(("Operator"))
node_page["Campus Page<br/>[index.html]"]

node_operator -->|"opens"| node_page
node_page -.->|"hosts"| node_sim
node_operator -->|"acts on"| node_controls
node_controls -->|"pins / pauses"| node_sim
node_sim -->|"advances jobs"| node_stages
node_sim -->|"updates"| node_telemetry
node_sim -->|"logs"| node_events
node_sim -.->|"drives frame"| node_canvas
node_canvas -->|"draws"| node_sprites
node_telemetry -->|"supplies metrics"| node_hud
node_events -.->|"shows activity"| node_hud
node_canvas -.->|"displays campus"| node_operator
node_hud -->|"displays status"| node_operator

click node_page "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/index.html"
click node_sim "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_stages "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_telemetry "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_events "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_canvas "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_sprites "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_hud "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"
click node_controls "https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js"

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_sim,node_stages,node_telemetry,node_events toneBlue
class node_canvas,node_sprites toneAmber
class node_hud,node_controls toneMint
class node_operator toneIndigo
class node_page toneTeal
```

## Components

### Shift Simulation

- [Agent Shift](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`
- [Six Work Stations](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`
- [Session Telemetry](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`
- [Activity Feed](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`

### Campus Rendering

- [Canvas World](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`
- [Pixel Sprites](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`

### Controls & HUD

- [Scoreboard HUD](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`
- [Input Controls](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/app.js): `app.js`

### Other components

- **Operator**
- [Campus Page](https://github.com/anyel1to/atsmatrix-agent-compound/blob/main/index.html): `index.html`

## Connections

- Operator → Campus Page: opens (evidence: `README.md`)
- Campus Page → Agent Shift: hosts
- Operator → Input Controls: acts on (evidence: `README.md`)
- Input Controls → Agent Shift: pins / pauses (evidence: `app.js`)
- Agent Shift → Six Work Stations: advances jobs (evidence: `app.js`)
- Agent Shift → Session Telemetry: updates (evidence: `app.js`)
- Agent Shift → Activity Feed: logs (evidence: `app.js`)
- Agent Shift → Canvas World: drives frame (evidence: `app.js`)
- Canvas World → Pixel Sprites: draws (evidence: `app.js`)
- Session Telemetry → Scoreboard HUD: supplies metrics (evidence: `app.js`)
- Activity Feed → Scoreboard HUD: shows activity (evidence: `app.js`)
- Canvas World → Operator: displays campus
- Scoreboard HUD → Operator: displays status (evidence: `README.md`)