fix: restore console dashboard component visibility

[WilliamWang1721]

Problem

The control console dashboard rendered all React cards, charts, and navigation through ReactPageHost on a display: contents mount node. WebKit (including mobile Safari) can drop that element from the box tree, so every console component looks like it disappeared even though the page still loads.

Fix

• Mount React console pages in a real flex host (console-runtime-host) instead of display: contents.
• Fail visibly if the host node is missing, instead of returning silently.
• Keep dashboard cards on explicit HSL token colors and the shared .card surface so text/background cannot collapse to the page color.
• Force console card surfaces in the modern CSS layer.
• Cover the host and admin dashboard with regression tests.

Preview

Local Vite preview of the admin dashboard after the fix:

控制仪表台修复后预览

All metric cards, Token trend, model distribution, and user usage table are visible.

Verification

• pnpm exec vitest run src/console/ReactPageHost.spec.ts src/console/react/DashboardPage.test.ts
• Related layout/sidebar/audit tests passed.
• python3 tools/codebase_inventory.py --check
• python3 tools/secret_scan.py

_{To show artifacts inline, enable in settings.}

  

[github-actions]

Thank you for your contribution! Before we can merge this PR, we need you to sign our Contributor License Agreement (CLA).

To sign, please reply with the following comment:

I have read the CLA Document and I hereby sign the CLA

You only need to sign once — it will be valid for all your future contributions to this project.

---

I have read the CLA Document and I hereby sign the CLA

---

_{You can retrigger this bot by commenting recheck in this Pull Request. Posted by the CLA Assistant Lite bot.}