# AgentOS Frontend

Pure HTML + CSS + JavaScript frontend for the AgentOS swarm platform.

## Tech Stack

- **HTML** — Semantic structure
- **CSS** — Pure CSS, no frameworks
- **JavaScript** — Vanilla JS, no dependencies
- **GitHub Pages** — Autonomous static hosting

## Why No Frameworks?

GitHub Pages allows any interface. We use pure web standards:
- Faster load times
- No build step required
- Zero dependencies
- Works forever

## Structure

```
agentos-frontend/
├── pages/
│   └── index.html      # Main landing page
├── css/
│   └── agentos.css     # All styles
├── js/
│   └── agentos-live.js # Live data fetcher + terminal animation
└── deploy/
    └── (GitHub Actions handles deployment)
```

## Live Data

The frontend fetches real-time status from the `.agentos` runtime via GitHub raw content URLs:
- Git bucket count from `gitbucket/index/manifest.json`
- Problem registry from `pnp/problem_registry.json`
- Skills registry from `skills/registry.json`

## Autonomous Deploy

GitHub Pages deploys automatically on push to `main` when `agentos-frontend/**` changes.

The workflow:
1. Copies `pages/index.html` → `docs/`
2. Copies `css/` and `js/` → `docs/`
3. Deploys `docs/` to `gh-pages` branch via `peaceiris/actions-gh-pages`

### Manual build

```bash
npm run build:frontend
```

### URL

After deploy: `https://snapkittywest.github.io/snapkitty-agentos/`