⚗️ Hypatia Staging Suite

Select a page from the Table of Contents to preview it here. All smoke tests, console logs, and debug tools will populate automatically.

Click Rules tab → to see dev agent guidelines.

No page loaded

Tests

Logs

Debug

Rules

📋

Smoke Tests

Select a page to begin testing

Connecting…

Live — bridge logs

Session

Loading…

Services

Loading…

API Tester

Console Capture

Load a page to capture console errors.

Page Info

No page loaded

Currently Working On

Loading…

↗ Open in Dev Lab

Dev Agent Rules

All agents working in Staging must follow these. No exceptions. Violations block promotion.

📋 Staging Workflow

Every design starts as draft. Use draft → review → approved. Never promote without passing all tests.

To add a staging page, update STAGING_CATALOG in staging.html with section key, URL, status, and tags.

All pages must pass Quick Tests (HTTP 200, nav bar, load time, zero console errors) before draft → review.

All pages must pass Mobile 375px viewport before review → approved.

Grant access to users via Admin Panel → Community → page grant staging. The page is PAGE_MIN_ROLE=admin by default.

🧪 Required Tests to Pass

HTTP 200 — must return 200 OK. Redirects to login are only OK if the page is intentionally gated.

Load time < 3s — visible in the status bar. Optimize images, lazy-load heavy scripts.

Nav bar present — #hy-nav must render. Include nav.js in every new page.

PAGE_SLUG set — window.PAGE_SLUG='mypage' must be in every page head.

Zero console errors — JS exceptions are automatic failures. Warnings are tracked but not blocking.

Themes — use var(--bg), var(--text), var(--green) from tokens.css. New pages get dark/light free.

Bridge py_compile — any bridge change needs python3 -m py_compile user-idea-bridge.py to pass before restart.

📁 Section-Specific Rules

Gene Console — staging pipeline reference lives in staging.gene-console.bak.html. The card pipeline: draft → approved_staging → approved_production.

Project Clones — add a comment at the top: .

Telehealth — all health data pages must include a disclaimer. No real PHI in staging.

Themes — theme CSS files go in css/themes/. Add to theme-catalog.json before the theme appears in the picker.

🏷️ Status Reference

draft — work in progress

review — ready for QA

approved — all tests pass

fail — broken / needs fix

wip — actively building