c7360cf0bb
docs/web-ui.md (1315 lines) split into three sub-files: - docs/web-ui/shape.md — shared SPA skeleton, SSE multiplexing, Worker-death self-heal, terminal pane, listener bind, relative paths, atomic repaint, side panel - docs/web-ui/dashboard.md — SW4RM/Y3R/SYST3M/SCH3DUL3S/S3TT1NGS tabs, container row, topology tree, selection bar, approval card, dashboard endpoints + event channel - docs/web-ui/agent.md — header, terminal, composer, inbox, live view, slash commands, per-agent endpoints, stats page docs/web-ui.md replaced with a thin index linking all three. Section anchors in docs (gateway.md, gotchas.md), Rust doc comments (hive-ag3nt/src/web_ui.rs), and nix/templates/weston-vnc.nix updated to point at the correct sub-file. README and CLAUDE.md file-map updated with sub-file links. Inline // comments in frontend source left unchanged (they reference the index which redirects to the right sub-file).
41 lines
No EOL
1.8 KiB
Markdown
41 lines
No EOL
1.8 KiB
Markdown
# Web UI
|
|
|
|
Two web surfaces share the same skeleton: the dashboard (port 7000)
|
|
and the per-agent UIs (every container — including the manager —
|
|
hashes into :8100-8999 via `lifecycle::agent_web_port`'s FNV-1a).
|
|
Both are SPAs — `GET /` returns a static shell, `/api/state`
|
|
returns JSON, JS renders. No full-page reloads.
|
|
|
|
This doc has been split for readability. Pick the section you need:
|
|
|
|
- **[Shape (shared by both)](web-ui/shape.md)** — shared SPA
|
|
skeleton, SSE multiplexing, terminal pane, listener bind,
|
|
per-agent relative paths, `data-async` form pattern, side panel,
|
|
atomic repaint.
|
|
- **[Dashboard layout](web-ui/dashboard.md)** — tab contents
|
|
(SW4RM, Y3R C4LL, SYST3M, SCH3DUL3S, S3TT1NGS), container row,
|
|
topology tree, selection bar, approval card, browser
|
|
notifications, dashboard endpoints + event channel.
|
|
- **[Per-agent page](web-ui/agent.md)** — header, main terminal,
|
|
composer, side panel + inbox, live view, slash commands,
|
|
per-agent endpoints, stats page.
|
|
|
|
## Reading paths
|
|
|
|
- **"How does the dashboard SPA stay live without polling?"** →
|
|
[`web-ui/shape.md`](web-ui/shape.md) (SSE multiplexing,
|
|
Worker-death self-heal, atomic repaint).
|
|
- **"What does a container row contain?"** →
|
|
[`web-ui/dashboard.md`](web-ui/dashboard.md) (Container row,
|
|
Topology tree, Selection bar).
|
|
- **"What endpoints does the dashboard expose?"** →
|
|
[`web-ui/dashboard.md`](web-ui/dashboard.md) (Dashboard
|
|
endpoints, Dashboard event channel).
|
|
- **"How does the per-agent terminal render tool calls?"** →
|
|
[`web-ui/agent.md`](web-ui/agent.md) (Live view).
|
|
- **"What slash commands does the agent accept?"** →
|
|
[`web-ui/agent.md`](web-ui/agent.md) (Terminal-embedded prompt).
|
|
- **"What are the per-agent HTTP endpoints?"** →
|
|
[`web-ui/agent.md`](web-ui/agent.md) (Per-agent endpoints).
|
|
</content>
|
|
</invoke> |