VirtOffice

KO | EN

gitlite — search

#awesome-list #artificial-intelligence #privacy #java #electron #chatgpt #open-source #editor #gpt #bash

(★ 9)

Animated 3D virtual office for Hermes AgentOS subagents — real-time isometric AI visualization, Three.js.

파일 탐색기

ZIP 다운로드

- - bug_report.md
  - config.yml
  - feature_request.md
- - ci.yml
  - codeql.yml
- CODEOWNERS
- dependabot.yml
- PULL_REQUEST_TEMPLATE.md
- - banner.svg
  - screenshot-mobile.png
  - screenshot.png
- - dashboard.png
  - landing.png
  - main.mobile.png
  - main.viewport.full.png
  - main.viewport.png
- HERMES_INTEGRATION.md
- screenshot.png
- index.html
- office.html
- example_agent_emitter.py
- hermes_bridge.py
- screenshot.py
.dockerignore
.env.example
.gitignore
agents.json
agents.json.example
AUDIT_REPORT.md
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
docker-compose.yml
Dockerfile
FIXES.md
hermes-office.service
install.ps1
install.sh
j1.yaml
LICENSE
README.md
requirements.txt
SECURITY.md
server.py

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![VirtOffice banner](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/assets/banner.svg)

**A real-time 3D virtual office that turns your AI agent fleet into animated avatars** — for teams running Hermes AgentOS subagents.

</div>

![VirtOffice screenshot](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/assets/screenshot.png)

## What This Is

Agent dashboards usually show a table of statuses — accurate, but hard to read at a glance. VirtOffice maps each agent to an animated 3D character that works at its desk, walks to a meeting, or steps away, so the state of the fleet is visible the moment you look. It pairs a zero-dependency Python server with a Three.js floor plan and streams live state over SSE, polling, or webhooks.

## Quick Start

```bash
git clone https://github.com/OneByJorah/VirtOffice.git
cd VirtOffice
python3 server.py
```

Open **http://localhost:9502**. No `pip install` is required — the server is pure Python stdlib.

### Docker

```bash
docker compose up -d
# Open http://localhost:9502
```

## Features

- **3D agent avatars** — idle breathing, walking cycles, typing arms, and gesturing during meetings.
- **Real-time updates** — SSE, API polling, and webhook push keep the office in sync.
- **Interactive UI** — click to inspect agents, zoom/rotate the camera, and read floating chat bubbles and stats panels.
- **Rich office environment** — server room with blinking LEDs, meeting area and whiteboard, kitchen, lounge, phone booths, ping-pong table, bookshelves, and plants.
- **Multi-source data** — Hermes Agent API, a static `agents.json`, webhook push, or built-in demo mode.
- **Zero-dependency server** — Python stdlib only; no packages to install.
- **Hermes bridge** — auto-discovers agents from `~/.hermes/` and emits live JSON.
- **Docker Compose** — one-command deployment with a healthcheck.

## Data Sources

1. **Hermes Agent API** — polls a Hermes AgentOS snapshot endpoint.
2. **Static JSON** — serves agent data from `agents.json` (with an `agents.json.example` template).
3. **Webhook push** — `POST /webhook/agents` with agent payloads.
4. **Demo mode** — built-in sample agents when no source is configured.

```bash
# Emit live agent state from Hermes (one-shot, or watch every 15s)
python3 scripts/hermes_bridge.py --watch

# Push directly to a running dashboard
python3 scripts/hermes_bridge.py --webhook http://localhost:9502/webhook/agents
```

## Architecture

```
┌─────────────┐     SSE / REST poll      ┌──────────────┐   ┌─────────────────┐
│   Browser   │ ◄──────────────────────► │    Python    │ ◄─┤   Hermes API    │
│  Three.js   │                          │    Server    │   │   agents.json   │
│  3D Office  │                          │  stdlib HTTP │   │   Webhook Push  │
└─────────────┘                          └──────────────┘   └─────────────────┘
                                                 │
                                           ┌─────┴─────┐
                                           │   Demo     │
                                           │   Mode     │
                                           └───────────┘
```

## Environment Zones

| Zone | Description |
|------|-------------|
| **Server Room** | Glass-walled room with rack servers and blinking LEDs |
| **Meeting Area** | Round table with chairs, whiteboard with growth chart |
| **Kitchen** | Counter, fridge, coffee machine, microwave |
| **Lounge** | Sofa, coffee table, TV, bookshelf |
| **Workstations** | Individual desks with monitors, keyboards, personalized decor |
| **Phone Booths** | Red soundproof booths for private calls |
| **Recreation** | Ping-pong table with paddles |

## Configuration

| Variable | Default | Description |
|----------|---------|-------------|
| `PORT` | `9502` | Server port |
| `HOST` | `127.0.0.1` | Bind address (`0.0.0.0` in Docker Compose) |
| `HERMES_AGENT_API` | — | Hermes agent snapshot endpoint |
| `AGENTS_JSON_PATH` | `./agents.json` | Agents JSON file path |
| `POLL_INTERVAL_SECONDS` | `5` | API polling interval |
| `ENABLE_SSE` | `true` | Enable Server-Sent Events |

> [!NOTE]
> `.env` is read by Docker Compose. When running `python3 server.py` directly, pass configuration as environment variables instead.

## Project Structure

```
VirtOffice/
├── server.py                  # Python stdlib HTTP server (zero dependencies)
├── public/
│   ├── index.html             # Landing page
│   └── office.html            # 3D Three.js office application
├── scripts/
│   ├── hermes_bridge.py       # Hermes AgentOS integration
│   └── example_agent_emitter.py
├── agents.json                # Agent data file
├── docker-compose.yml
├── Dockerfile
└── .env.example
```

## Use Cases

1. **Agent fleet monitoring** — watch which subagents are busy, idle, or in handoff at a glance.
2. **Demos and streams** — a visual backdrop for showing an autonomous agent team working.
3. **Local dev observability** — point the bridge at `~/.hermes/` and see agent state without a terminal.

## Tech Stack

Python (stdlib HTTP server) · Three.js · Server-Sent Events · Docker · Docker Compose

## Screenshots

| View | |
|---|---|
| ![main viewport](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/screenshots/main.viewport.full.png) | ![dashboard](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/screenshots/dashboard.png) |
| ![landing page](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/screenshots/landing.png) | ![mobile](https://raw.githubusercontent.com/OneByJorah/VirtOffice/main/docs/screenshots/main.mobile.png) |

## Contributing

Contributions are welcome. See [CONTRIBUTING.md](CONTRIBUTING.md); all contributions follow the [Code of Conduct](CODE_OF_CONDUCT.md). [Open an issue](https://github.com/OneByJorah/VirtOffice/issues).

## License

MIT — see [LICENSE](LICENSE).

## Connect

- [jorahone.com](https://jorahone.com)
- [GitHub Org](https://github.com/OneByJorah)
- [info@jorahone.com](mailto:info@jorahone.com)

VirtOffice

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README