`README.md`

41 lines
# Agent Abrams — Task Pipeline Kanban

A single self-contained `index.html` — a self-animating agent task-pipeline board.
Task cards flow **Queued → Running → Done → Shipped** with smooth column-to-column
slides, then recycle back to Queued so the board never empties. Pure CSS/JS, no build,
no dependencies. Just open `index.html`.

## Features

- **FLIP slide animation** — cards live in natural flex flow inside scrollable columns;
  cross-column moves animate via First-Last-Invert-Play, so they never overflow or overlap.
- **Timed auto-advance** — each card has a randomized dwell window per stage, so work
  flows steadily instead of clumping.
- **Agent avatars** — colored dot with initials + agent name per card (Orion, Vega, Nova…).
- **Live per-card timer** and an animated progress bar on Running cards.
- **Per-column counts** that bump on change, plus header telemetry:
  uptime, total shipped, throughput/min.
- **Dark neon UI** — glassmorphism, animated grid backdrop, per-column accent glow.
- Honors `prefers-reduced-motion`.

## Interactive controls (top-right)

| Control | Action |
|---------|--------|
| **+ Task** | Queue a new task immediately |
| **1× / 2× / 4×** | Cycle simulation speed (rescales pending hops live) |
| **⏸ Pause** | Freeze the pipeline — a virtual clock keeps timers & throughput honest |
| **Click a card** | Manually advance it to the next column |

## How it works

A virtual clock (`now()`) subtracts accumulated paused time, so pausing freezes every
timer and the throughput stat rather than letting wall-clock drift skew the numbers.
Speed changes rescale each card's remaining time in place. Cards that reach Shipped are
re-themed with a fresh agent + title and slid back to Queued, keeping a constant
population without churning DOM nodes.

Started from Kimi K2.5's Model Arena artifact; rebuilt the positioning engine
(absolute-stride → FLIP-in-flow), replaced random-roll advancement with timed dwell,
and added the control surface + telemetry.