Added prev/next back to the sample pages

Author: DavidQ

samples/shared/sampleDetailPageEnhancement.js

@@ -83,22 +83,22 @@ function removePriorGeneratedBlocks(main) {
 
 export function parseSampleFromPathname(pathname) {
   const text = String(pathname || '');
-  const direct = text.match(/\/samples\/phase(\d{2})\/(\d{4})(?:\/index\.html)?\/?$/);
+  const direct = text.match(/\/samples\/phase-?(\d{2})\/(\d{4})(?:\/index\.html)?\/?$/);
   if (direct) {
     return { phase: direct[1], id: direct[2] };
   }
 
   const parts = text.split('/').filter(Boolean);
   for (let i = 0; i < parts.length - 1; i += 1) {
-    if (/^phase\d{2}$/.test(parts[i]) && /^\d{4}$/.test(parts[i + 1])) {
-      return { phase: parts[i].slice(5), id: parts[i + 1] };
+    if (/^phase-?\d{2}$/i.test(parts[i]) && /^\d{4}$/.test(parts[i + 1])) {
+      return { phase: parts[i].replace(/^phase-?/i, ''), id: parts[i + 1] };
     }
   }
   return null;
 }
 
 export function canonicalSampleHref(sample) {
-  return '/samples/phase' + sample.phase + '/' + sample.id + '/index.html';
+  return '/samples/phase-' + sample.phase + '/' + sample.id + '/index.html';
 }
 
 export function normalizeMetadata(raw) {

src/engine/theme/mount-shared-header.js

@@ -4,3 +4,23 @@ const target = document.getElementById('shared-theme-header');
 if (target) {
   mountToolboxAidHeader(target);
 }
+
+async function mountSampleDetailEnhancementIfNeeded() {
+  const path = String(window.location.pathname || '');
+  const isSampleDetailRoute = /\/samples\/phase-?\d{2}\/\d{4}(?:\/index\.html)?\/?$/i.test(path);
+  if (!isSampleDetailRoute) {
+    return;
+  }
+  try {
+    const module = await import('/samples/shared/sampleDetailPageEnhancement.js');
+    if (typeof module.applySampleDetailEnhancement === 'function') {
+      await module.applySampleDetailEnhancement();
+    }
+  } catch {
+    // Non-fatal: sample page remains usable even if enhancement fails to load.
+  }
+}
+
+if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+  void mountSampleDetailEnhancementIfNeeded();
+}

tools/shared/platformShell.css

@@ -7,6 +7,8 @@
 }
 
 body.tools-platform-surface {
+  min-height: 100vh;
+  min-height: 100dvh;
   color: var(--text, #f7f4ff);
   background: var(--bg-gradient, linear-gradient(180deg, #c4b5fd 0%, #a78bfa 18%, #8b5cf6 36%, #7c3aed 54%, #6d28d9 74%, #5b21b6 88%, #4c1d95 100%));
 }