Skip to content

Turn the Queen dashboard into a one-screen strategy cabinet #890

Description

@gHashTag

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions