OUI_XFAB documentation

OUI Web UI Documentation

OUI is a feature-first Vue 3 modular monolith for real-time EAP equipment monitoring and control. This site is the navigable documentation layer; the repository handbook and authoritative documents remain the source of truth.

Explore

• Architecture guide: ownership, dependency direction, public module APIs, and runtime composition.
• Complete system architecture and Web Manager UI decision: OUI, EAPWebManager, EAP, workflows, ownership, deployment, and the linked-hybrid recommendation.
• Runtime flows: WebSocket synchronization, command lifecycle, reconnect behavior, and tool configuration.
• Security and deployment: IIS/nginx topology, removed prototype boundaries, environment rules, and release verification.
• UI libraries and versions: complete UI stack, installed versions, and npm-latest versions as of 23 August 2026.
• Verification and operations: quality gates, browser review, release checks, and troubleshooting boundaries.
• Dependency handbook: direct package purpose, ownership, version lines, and audit policy.
• Release guide: versioning, artifacts, approvals, and deployment workflows.

Interactive architecture

The OUI Runtime Architecture diagram is generated and validated with Archify. The complete system report adds interactive diagrams for the system landscape, operator command roundtrip, equipment synchronization lifecycle, and linked-hybrid UI decision.

The diagram is pinned to commit 699439d438a711b22997d11b1337ef776c058d89, passed all nine Archify showcase checks, and passed desktop containment checks at 1440x900, 1600x1000, 1920x1080, and 2048x1320 in light and dark themes.

Source of truth

The application handbook remains authoritative for repository rules. These pages summarize and link to those contracts; they do not replace AGENTS.md, docs/architecture.md, docs/dependencies.md, or docs/releasing.md.