From 78ac614d397700bb77d061d78afdaf0096f97316 Mon Sep 17 00:00:00 2001
From: Ben Schellenberger <benrain@gmail.com>
Date: Thu, 16 Apr 2026 05:23:52 -0400
Subject: [PATCH 1/4] fix(home): render index per request for git-rain host
 detection

- Disable prerender on / so data-featured and copy match the request host.
- Use lowercase hostname for git-rain matching.
- Show prototype switcher only in dev, on preview hosts, or ?proto=1; hide
  Domain row when host already implies rain.
- Style testkit/harness section borders; remove CSS-only hide for proto bar.

Made-with: Cursor
---
 src/pages/index.astro | 52 ++++++++++++++++++++++++++++++-------------
 src/styles/global.css | 16 +++++++++++--
 2 files changed, 51 insertions(+), 17 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index b824c55..2f26d18 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,4 +1,7 @@
 ---
+/** Per-request hostname selects featured product — must not prerender to static HTML. */
+export const prerender = false;
+
 import BaseLayout from '../layouts/BaseLayout.astro';
 import LayoutCurrent from '../components/LayoutCurrent.astro';
 import LayoutA from '../components/LayoutA.astro';
@@ -6,12 +9,25 @@ import LayoutB from '../components/LayoutB.astro';
 import LayoutC from '../components/LayoutC.astro';
 
 const hostname = Astro.url.hostname;
+const hostLower = hostname.toLowerCase();
 const featuredParam = Astro.url.searchParams.get('featured');
 const layoutParam = Astro.url.searchParams.get('layout');
 
+/** Dev / preview only — hide on canonical and mirror marketing domains */
+const showProtoSwitcher =
+	import.meta.env.DEV ||
+	Astro.url.searchParams.get('proto') === '1' ||
+	hostLower === 'localhost' ||
+	hostLower.startsWith('127.') ||
+	hostLower.endsWith('.workers.dev') ||
+	hostLower.endsWith('.pages.dev');
+
+/** Hostname already selects rain; hide Domain row so the bar is not a second “tester” */
+const showProtoDomainGroup = showProtoSwitcher && !hostLower.includes('git-rain');
+
 const featured: 'fire' | 'rain' = featuredParam === 'rain' ? 'rain'
 	: featuredParam === 'fire' ? 'fire'
-	: hostname.includes('git-rain') ? 'rain'
+	: hostLower.includes('git-rain') ? 'rain'
 	: 'fire';
 
 const layout: 'current' | 'a' | 'b' | 'c' = layoutParam === 'a' ? 'a'
@@ -39,21 +55,27 @@ function protoUrl(f: string, l: string): string {
 	{layout === 'c' && <LayoutC featured={featured} />}
 	{layout === 'current' && <LayoutCurrent featured={featured} />}
 
-	<div class="proto-toggle" aria-label="Prototype switcher">
-		<div class="proto-toggle__group">
-			<span class="proto-toggle__label">Domain</span>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': featured === 'fire' }]} href={protoUrl('fire', layout)}>fire.*</a>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': featured === 'rain' }]} href={protoUrl('rain', layout)}>rain.*</a>
-		</div>
-		<div class="proto-toggle__sep"></div>
-		<div class="proto-toggle__group">
-			<span class="proto-toggle__label">Layout</span>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'current' }]} href={protoUrl(featured, 'current')}>now</a>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'a' }]} href={protoUrl(featured, 'a')}>A</a>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'b' }]} href={protoUrl(featured, 'b')}>B</a>
-			<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'c' }]} href={protoUrl(featured, 'c')}>C</a>
+	{showProtoSwitcher && (
+		<div class="proto-toggle" aria-label="Prototype switcher">
+			{showProtoDomainGroup && (
+				<>
+					<div class="proto-toggle__group">
+						<span class="proto-toggle__label">Domain</span>
+						<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': featured === 'fire' }]} href={protoUrl('fire', layout)}>fire.*</a>
+						<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': featured === 'rain' }]} href={protoUrl('rain', layout)}>rain.*</a>
+					</div>
+					<div class="proto-toggle__sep" aria-hidden="true"></div>
+				</>
+			)}
+			<div class="proto-toggle__group">
+				<span class="proto-toggle__label">Layout</span>
+				<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'current' }]} href={protoUrl(featured, 'current')}>now</a>
+				<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'a' }]} href={protoUrl(featured, 'a')}>A</a>
+				<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'b' }]} href={protoUrl(featured, 'b')}>B</a>
+				<a class:list={['proto-toggle__btn', { 'proto-toggle__btn--active': layout === 'c' }]} href={protoUrl(featured, 'c')}>C</a>
+			</div>
 		</div>
-	</div>
+	)}
 
 	<script>
 		import { initInstallPickers } from '../scripts/install-pickers.ts';
diff --git a/src/styles/global.css b/src/styles/global.css
index deb6675..a619413 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -381,6 +381,19 @@ a:hover {
 	scroll-margin-top: 5.5rem;
 }
 
+/* Library sections — top stripe + tinted dividers (same tokens as .site-nav a[data-project]) */
+#testkit.section,
+#testkit.feature-row {
+	border-top: 3px solid var(--color-testkit);
+	border-bottom-color: color-mix(in srgb, var(--color-testkit) 45%, var(--color-border));
+}
+
+#harness.section,
+#harness.feature-row {
+	border-top: 3px solid var(--color-harness);
+	border-bottom-color: color-mix(in srgb, var(--color-harness) 45%, var(--color-border));
+}
+
 .js [data-reveal] {
 	opacity: 0;
 	transform: translateY(14px);
@@ -804,9 +817,8 @@ a:hover {
 	.section--rich .wrap { grid-template-columns: 1fr; }
 }
 
-/* Prototype switcher — hidden in production; re-enable by removing display:none */
+/* Prototype switcher — only rendered on dev/preview hosts (see index.astro); opt-in with ?proto=1 */
 .proto-toggle {
-	display: none;
 	position: fixed;
 	bottom: var(--space-lg);
 	left: 50%;

From c31e4ab13fad2832dfe21cdb471192fe26cc4254 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 16 Apr 2026 09:27:54 +0000
Subject: [PATCH 2/4] fix(index): preserve proto=1 in prototype switcher links
 on production

---
 src/pages/index.astro | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2f26d18..24df599 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,6 +12,7 @@ const hostname = Astro.url.hostname;
 const hostLower = hostname.toLowerCase();
 const featuredParam = Astro.url.searchParams.get('featured');
 const layoutParam = Astro.url.searchParams.get('layout');
+const keepProtoQuery = Astro.url.searchParams.get('proto') === '1';
 
 /** Dev / preview only — hide on canonical and mirror marketing domains */
 const showProtoSwitcher =
@@ -43,6 +44,7 @@ const description = featured === 'rain'
 
 function protoUrl(f: string, l: string): string {
 	const parts: string[] = [];
+	if (keepProtoQuery) parts.push('proto=1');
 	if (f !== 'fire') parts.push(`featured=${f}`);
 	if (l !== 'current') parts.push(`layout=${l}`);
 	return parts.length ? `?${parts.join('&')}` : '?';

From 55d16f3f5836d14f8f62d9e3b4a0df1184bad2c3 Mon Sep 17 00:00:00 2001
From: Ben Schellenberger <benrain@gmail.com>
Date: Thu, 16 Apr 2026 05:31:06 -0400
Subject: [PATCH 3/4] fix(home): hide Domain/Layout debug bar unless ?proto=1

Keep proto=1 on switcher links so layout/domain changes do not drop the bar.

Made-with: Cursor
---
 src/pages/index.astro | 16 +++++-----------
 src/styles/global.css |  2 +-
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2f26d18..e42704e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -13,16 +13,10 @@ const hostLower = hostname.toLowerCase();
 const featuredParam = Astro.url.searchParams.get('featured');
 const layoutParam = Astro.url.searchParams.get('layout');
 
-/** Dev / preview only — hide on canonical and mirror marketing domains */
-const showProtoSwitcher =
-	import.meta.env.DEV ||
-	Astro.url.searchParams.get('proto') === '1' ||
-	hostLower === 'localhost' ||
-	hostLower.startsWith('127.') ||
-	hostLower.endsWith('.workers.dev') ||
-	hostLower.endsWith('.pages.dev');
+/** Debug bar (Domain / Layout): hidden unless explicitly enabled with ?proto=1 */
+const showProtoSwitcher = Astro.url.searchParams.get('proto') === '1';
 
-/** Hostname already selects rain; hide Domain row so the bar is not a second “tester” */
+/** On git-rain hosts, hostname already picks rain — hide Domain row when bar is open */
 const showProtoDomainGroup = showProtoSwitcher && !hostLower.includes('git-rain');
 
 const featured: 'fire' | 'rain' = featuredParam === 'rain' ? 'rain'
@@ -42,10 +36,10 @@ const description = featured === 'rain'
 	: 'Multi-repo checkpoint with git-fire, reverse sync with git-rain, plus git-testkit and git-harness for serious Git automation and tests.';
 
 function protoUrl(f: string, l: string): string {
-	const parts: string[] = [];
+	const parts: string[] = ['proto=1'];
 	if (f !== 'fire') parts.push(`featured=${f}`);
 	if (l !== 'current') parts.push(`layout=${l}`);
-	return parts.length ? `?${parts.join('&')}` : '?';
+	return `?${parts.join('&')}`;
 }
 ---
 
diff --git a/src/styles/global.css b/src/styles/global.css
index a619413..5d6b815 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -817,7 +817,7 @@ a:hover {
 	.section--rich .wrap { grid-template-columns: 1fr; }
 }
 
-/* Prototype switcher — only rendered on dev/preview hosts (see index.astro); opt-in with ?proto=1 */
+/* Prototype switcher — only in DOM when ?proto=1 (see index.astro) */
 .proto-toggle {
 	position: fixed;
 	bottom: var(--space-lg);

From f8ddff1ed6551b024396ec35e052e2a675c0868d Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 16 Apr 2026 09:39:03 +0000
Subject: [PATCH 4/4] fix(home): restore proto bar on dev/preview; keep proto=1
 in links

CodeRabbit asked to carry proto=1 through protoUrl for production ?proto=1.
Use URLSearchParams and only append proto when the request opted in.

Re-show the switcher on localhost, 127.*, and Cloudflare preview hosts per
the PR description, while still hiding it on canonical marketing domains.

Co-authored-by: Ben Schellenberger <bschellenberger2600@users.noreply.github.com>
---
 src/pages/index.astro | 21 +++++++++++++++------
 src/styles/global.css |  2 +-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index e42704e..d170fdc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,9 +12,16 @@ const hostname = Astro.url.hostname;
 const hostLower = hostname.toLowerCase();
 const featuredParam = Astro.url.searchParams.get('featured');
 const layoutParam = Astro.url.searchParams.get('layout');
+const protoGate = Astro.url.searchParams.get('proto') === '1';
 
-/** Debug bar (Domain / Layout): hidden unless explicitly enabled with ?proto=1 */
-const showProtoSwitcher = Astro.url.searchParams.get('proto') === '1';
+/** Dev / preview, or production opt-in via ?proto=1 — hide on canonical marketing domains otherwise */
+const showProtoSwitcher =
+	import.meta.env.DEV ||
+	protoGate ||
+	hostLower === 'localhost' ||
+	hostLower.startsWith('127.') ||
+	hostLower.endsWith('.workers.dev') ||
+	hostLower.endsWith('.pages.dev');
 
 /** On git-rain hosts, hostname already picks rain — hide Domain row when bar is open */
 const showProtoDomainGroup = showProtoSwitcher && !hostLower.includes('git-rain');
@@ -36,10 +43,12 @@ const description = featured === 'rain'
 	: 'Multi-repo checkpoint with git-fire, reverse sync with git-rain, plus git-testkit and git-harness for serious Git automation and tests.';
 
 function protoUrl(f: string, l: string): string {
-	const parts: string[] = ['proto=1'];
-	if (f !== 'fire') parts.push(`featured=${f}`);
-	if (l !== 'current') parts.push(`layout=${l}`);
-	return `?${parts.join('&')}`;
+	const params = new URLSearchParams();
+	if (f !== 'fire') params.set('featured', f);
+	if (l !== 'current') params.set('layout', l);
+	if (protoGate) params.set('proto', '1');
+	const qs = params.toString();
+	return qs ? `?${qs}` : '?';
 }
 ---
 
diff --git a/src/styles/global.css b/src/styles/global.css
index 5d6b815..50c3e94 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -817,7 +817,7 @@ a:hover {
 	.section--rich .wrap { grid-template-columns: 1fr; }
 }
 
-/* Prototype switcher — only in DOM when ?proto=1 (see index.astro) */
+/* Prototype switcher — only in DOM when enabled server-side (see index.astro) */
 .proto-toggle {
 	position: fixed;
 	bottom: var(--space-lg);