Restore Asteroids Debug Mode link (?debug=1).

Scoped fix. No changes to other samples.

Author: DavidQ

docs/dev/codex_commands.md

@@ -1,20 +1,7 @@
-MODEL: GPT-5.4-codex
-REASONING: high
+MODEL: GPT-5.3-codex
+REASONING: low
 
 COMMAND:
-Create BUILD_PR_STYLE_05_COLLAPSIBLE_SYSTEM
-
-Tasks:
-1. Implement `.is-collapsible` system in theme CSS
-2. Add structure:
-   - .is-collapsible
-   - .is-collapsible__summary
-   - .is-collapsible__content
-   - .is-collapsible--collapsed
-3. Replace `hideme` usage in main index pages
-4. Apply collapsible behavior to header intro/title areas
-5. Use CSS-first approach (details/summary or similar)
-6. Add minimal JS only if necessary
-
-Output:
-<project folder>/tmp/BUILD_PR_STYLE_05_COLLAPSIBLE_SYSTEM.zip
+Restore Debug Mode link for Asteroids sample only using:
+'/games/Asteroids/index.html?debug=1'
+Do not modify other samples or introduce global link behavior.

docs/dev/commit_comment.txt

@@ -1,5 +1,2 @@
-Add shared .is-collapsible system and replace hideme usage.
-
-Enable collapsible header/intro sections for better vertical space usage.
-
-PR: BUILD_PR_STYLE_05_COLLAPSIBLE_SYSTEM
+Restore Asteroids Debug Mode link (?debug=1).
+Scoped fix. No changes to other samples.

docs/pr/BUILD_PR_RESTORE_ASTEROIDS_DEBUG_LINK.md

@@ -0,0 +1,24 @@
+# BUILD_PR — Restore Asteroids Debug Link
+
+## Purpose
+Restore the missing Debug Mode link for Asteroids sample only.
+
+## Scope
+- Target: Asteroids (Debug Showcase)
+- Add Debug link under preview (or equivalent link group)
+
+## Expected Links
+- Play: /games/Asteroids/index.html
+- Debug Mode: /games/Asteroids/index.html?debug=1
+
+## Rules
+- Only Asteroids sample modified
+- No new global patterns
+- No metadata restructuring
+- No UI/layout changes
+
+## Validation
+- Asteroids shows both Play and Debug links
+- Debug link includes ?debug=1
+- No duplicate links
+- No impact to other samples

games/index.render.js

@@ -181,12 +181,16 @@ function renderCard(row, instanceKey = "main") {
 
   const classText = row.classValues.length > 0 ? row.classValues.map((value) => value.split("/").at(-1) || value).join(", ") : "none";
   const tagText = row.tags.length > 0 ? row.tags.join(", ") : "none";
+  const asteroidDebugLink = row.id === "Asteroids"
+    ? '<p><a class="game-title-link" href="/games/Asteroids/index.html?debug=1">Debug Mode</a></p>'
+    : "";
 
   article.innerHTML = `
     ${titleHtml}
     <div class="game-badges">${badges}</div>
     ${previewHtml}
     <p>${escapeHtml(row.description)}</p>
+    ${asteroidDebugLink}
     <p>Classes: ${escapeHtml(classText)}</p>
     <p>Tags: ${escapeHtml(tagText)}</p>
     ${row.requiresService ? '<p class="game-service-note">Requires background service.</p>' : ""}