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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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