Objective
Turn the existing Queen control room into a one-screen web strategy cabinet in the original T27 visual language. Use the already shipped React Three Fiber research city as the game scene; do not add a Unity WebGL runtime.
Observable contract
Desktop
- At a viewport of at least 1280x720, the Queen route presents one bounded command cabinet with a top status bar, strategic view controls, a central operational viewport, a live Bee fleet rail, and an activity/review HUD.
- Kanban, Mission Map, Factory/Research City, and Technology Tree remain switchable views of the same live public ledger.
- The primary cabinet fits one viewport; large datasets scroll inside their own panels rather than turning the route into a long marketing page.
Bee fleet
- Render eight physical hangar positions because the verified runtime policy supports a maximum of eight.
- Only provider-backed slots may appear busy or idle. Positions above the live
workers.capacity must be labelled locked/unpowered and must not be counted as workers.
- Keep canonical issue links, live activity, review counts, and the 5-second/2-second polling contracts.
Visual language
- Preserve the original TRINITY logo, black/green/gold palette, triangular geometry, monospace telemetry, and T27 typography.
- Borrow strategy-game information architecture, not third-party artwork, terminology, or trade dress.
Accessibility and responsive behavior
- RU and EN labels remain equivalent.
- Controls are keyboard operable and expose pressed/selected state.
- Mobile uses a stacked cabinet with horizontal/contained panel scrolling.
prefers-reduced-motion: reduce removes ambient orbit, scan, and construction motion while retaining all information.
Non-regression
- No fake tasks, synthetic Bees, private messages, credentials, or visual motion presented as throughput.
- Public-ledger-only boundary remains intact.
- Existing Queen factory, research-city, language, cycle-geometry, hardware-foundry, typecheck, and production build gates pass.
Boundary
apps/website/src/pages/Queen.tsx
apps/website/src/pages/Queen.css
apps/website/src/components/QueenFactory.tsx
apps/website/qa/queen-game-cabinet-contract.mjs
apps/website/package.json
Objective
Turn the existing Queen control room into a one-screen web strategy cabinet in the original T27 visual language. Use the already shipped React Three Fiber research city as the game scene; do not add a Unity WebGL runtime.
Observable contract
Desktop
Bee fleet
workers.capacitymust be labelled locked/unpowered and must not be counted as workers.Visual language
Accessibility and responsive behavior
prefers-reduced-motion: reduceremoves ambient orbit, scan, and construction motion while retaining all information.Non-regression
Boundary
apps/website/src/pages/Queen.tsxapps/website/src/pages/Queen.cssapps/website/src/components/QueenFactory.tsxapps/website/qa/queen-game-cabinet-contract.mjsapps/website/package.json