feature plus ux rearrangements

frontend/src/routes/admin/+page.svelte

@@ -49,6 +49,19 @@
 			</div>
 		</Card>
 
+		<Card cols={1} title="Platform Flags" accent="#f59e0b">
+			<p class="hint">Global feature flags (public read-only for fams; toggled here).</p>
+			<div class="flag-row">
+				<span class="flag-name">debug</span>
+				<form method="POST" action="?/togglePlatformFlag" use:enhance>
+					<input type="hidden" name="flag" value="debug" />
+					<button type="submit" class="toggle-btn" class:active={data.platformFlags?.debug}>
+						{data.platformFlags?.debug ? 'ON' : 'OFF'}
+					</button>
+				</form>
+			</div>
+		</Card>
+
 		<Card cols={2} title="Families" accent="#059669">
 			<table class="fam-table">
 				<thead>
@@ -57,7 +70,6 @@
 						<th>Parent</th>
 						<th>Members</th>
 						<th>Claims</th>
-						<th>Debug</th>
 						<th>Actions</th>
 					</tr>
 				</thead>
@@ -65,7 +77,7 @@
 					{#each data.fams as fam}
 						<tr>
 							<td>
-								<a href="/{fam.slug}/admin">{fam.name}</a>
+								<a href="/{fam.slug}">{fam.name}</a>
 								<span class="slug">/{fam.slug}</span>
 							</td>
 							<td>{fam.parentEmail || '—'}</td>
@@ -78,20 +90,7 @@
 								{/if}
 							</td>
 							<td>
-								<form method="POST" action="?/toggleFeatureFlag" use:enhance>
-									<input type="hidden" name="famId" value={fam.id} />
-									<input type="hidden" name="flag" value="debugMode" />
-									<button
-										type="submit"
-										class="toggle-btn"
-										class:active={fam.featureFlags?.debugMode}
-									>
-										{fam.featureFlags?.debugMode ? 'ON' : 'OFF'}
-									</button>
-								</form>
-							</td>
-							<td>
-								<a href="/{fam.slug}/admin" class="link">Dashboard</a>
+								<a href="/{fam.slug}" class="link">Dashboard</a>
 								<a href="/{fam.slug}" class="link">View</a>
 							</td>
 						</tr>
@@ -211,6 +210,18 @@
 		background: #059669;
 		color: white;
 	}
+	.flag-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 0.5rem;
+		padding: 0.35rem 0;
+	}
+	.flag-name {
+		font-family: monospace;
+		font-size: 0.85rem;
+		color: #374151;
+	}
 	.link {
 		color: #2563eb;
 		text-decoration: none;