Fix remote lobby and main menu UI (Demo)

Project 📁 demo-project

Agent 🤖 codex

Created At 📅 2026-07-18 04:00:00

Git Branch 🌿 feature/lobby-fix

Git Commit 📌 6af841b89a2b

📝 Summary

This is a sample review run for Agent Review Template. It's a fake lobby connection and UI fix used to demonstrate what the site can render:

A compare view (Before/After lobby status indicator)
A single image view (main menu)
A gallery view (multi-step join flow)
An automated_test check and a needs_human check side by side

This paragraph, and the bullet list above it, are also demonstrating the summary formatting every review run gets: blank lines start new paragraphs, - renders as a bullet list, and backticks like verification: human render as inline code chips instead of breaking the layout.

👤 Items Requiring Human Confirmation

The agent requested manual human verification or left items marked as needs_human:

Two-machine remote connection test (human)
Note: Needs two physical machines to test the Steam / network lobby invite

🖼 Visual Evidence (3)

Lobby status indicator comparison

AFTER

BEFORE

↔

BEFORE

AFTER

Comparison: Lobby status indicator comparison

AFTER

Left is before the fix (no connection status indicator); right is after (added status indicator and reset button).

Main menu UI

The Windows build now reaches the main menu successfully.

Join-room flow

3 images

Step 1: enter the room code

Step 2: connecting status shown

Step 3: successfully connected and lobby loaded

🛠 Changes Made

Unified the invite-code and lobby connection flow
Added a connection generation guard to avoid stale callbacks
Fixed the UI button reset when offline

✅ Verification Checks

Astro production build & check Passed Command

📄 logs/build.txt

💡 astro check and build both reported zero errors

Unit & Integration tests Passed Auto Test

📄 logs/tests.txt

Two-machine remote connection test Needs Human Human Verification

💡 Needs two physical machines to test the Steam / network lobby invite

📋 Technical Logs

Logs recorded during command execution or automated test verification:

📄 build.txt (logs/build.txt)

Click to expand

[2026-07-18 12:00:00] Initiating build process for demo-project...
[2026-07-18 12:00:01] Running TypeScript check: astro check
[2026-07-18 12:00:03] Result: 0 errors, 0 warnings.
[2026-07-18 12:00:04] Building static bundle...
[2026-07-18 12:00:07] Completed static build in 3.12s. Output: dist/

📄 tests.txt (logs/tests.txt)

Click to expand

=== RUNNING UNIT & INTEGRATION TESTS ===
PASS src/net/lobby.test.ts (1.4s)
  ✓ handles room code join correctly (12ms)
  ✓ rejects outdated generation callback (8ms)
  ✓ cleans up state on unexpected disconnect (14ms)

Test Suites: 1 passed, 1 total
Tests:       3 passed, 3 total
Snapshots:   0 total
Time:        1.452 s