Simplify the practical lab interface

[skjshr]

What changed

• reduce the persistent header to the brand and one menu
• replace the visible connection, facts, investigation, and history pulls with one per-screen tool shelf
• give the map most of the viewport and move the selected location CTA ahead of the map on mobile
• move map legend, visual themes, session controls, and secondary information behind explicit disclosure
• update the interaction contract and regression tests for the new hierarchy

Why

The previous layout stacked navigation, introduction, objective, four disclosure pulls, a toolbar, the map, and the selected-node CTA. On mobile the map and primary action started below the initial viewport, forcing beginners to decode the interface before they could act.

User impact

The first view now contains only the current task, objective, map or hypothesis choice, and primary action. Additional complexity appears only after the learner opens the labelled menu or tool shelf.

Validation

• npm run check
• browser verification at the default desktop viewport
• browser verification at 390x844: no horizontal overflow, primary CTA visible before the map, scrollable map region, bottom-sheet disclosure

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
examserver-lab-origin	Ready	Preview, Comment	Jul 28, 2026 5:58am

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: fade02b976

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Return focus after choosing a screen

When a keyboard user activates either screen command, closeMenu() collapses the <details> while focus remains on the now-hidden menu button. This leaves no visible focus indication until the user tabs again; move focus to the menu <summary> before or after closing, as endSession() already does.

Useful? React with 👍 / 👎.