feat(docs-site): public usage dashboard at opencodex.me/dashboard

devlog/_plan/261107_telemetry_dashboard/060_review_round.md

@@ -108,3 +108,20 @@ D20 Dashboard: GitHub release download totals follow pagination (per_page=100, f
   gets one budget per /64; requests without cf-connecting-ip all share one budget.
 - Installs without an installer (the standalone `ocx.exe`, npm) meet SignPath's install-time conditions
   only through the first-run notice (CLI prompt or dashboard popup); D21 accepts that reading.
+
+## Delivery (round 1)
+
+| Layer | Fix commit | Merged upward as |
+| --- | --- | --- |
+| 1 plan | `3e4597d1ba` | — |
+| 2 client core | `9e0284d392` | `64ac26aa7d` (layer 1 merged in) |
+| 3 GUI | `5b6092ca14` | `ea8175f2b7` |
+| 4 collector | `057c57e8be` | `54019606ff` |
+| 5 docs | `d8fc29c2c1` | `4ebb3c1499` |
+| 6 dashboard | `ea78acfa0f` | `bed30cf2b7` |
+
+The layer 5 merge conflicted where layers 2 and 5 both rewrote the privacy statement (README, seven
+translations, `readme/i18n-manifest.json`, `code-signing.md`, Turkish `code-signing.md`) and
+`structure/telemetry.md`. Layer 5's text was kept: it carries the same D12 statement plus the guide link,
+and its structure doc is a superset of layer 2's. Layer 2's README test passes against it. Branches move by
+merge commits, never by force-push.

docs-site/src/components/Header.astro

@@ -47,6 +47,7 @@ const fr = {
 	'Architecture': 'Architecture',
 	'Proxy API Formats': 'Formats de l’API proxy',
 	'Management API': 'API de gestion',
+	'Dashboard': 'Tableau de bord',
 	'Contributing': 'Contribuer',
 	'Main': 'Navigation principale',
 	'Select language': 'Choisir la langue',
@@ -145,6 +146,11 @@ const groups: NavGroup[] = [
 	},
 ];
 
+const dashboard: NavLink = {
+	label: t('Dashboard', '대시보드', '仪表盘', 'Дашборд', 'ダッシュボード', '儀表板', 'Panel'),
+	href: `${prefix}dashboard/`,
+};
+
 const contributing: NavLink = {
 	label: t('Contributing', '기여하기', '贡献', 'Участие в проекте', 'コントリビュート', '貢獻', 'Katkıda Bulunma'),
 	href: `${prefix}contributing/`,
@@ -178,6 +184,9 @@ const contributing: NavLink = {
 					</li>
 				))
 			}
+			<li class="nav-item">
+				<a class="nav-link" href={dashboard.href}>{dashboard.label}</a>
+			</li>
 			<li class="nav-item">
 				<a class="nav-link" href={contributing.href}>{contributing.label}</a>
 			</li>
@@ -280,6 +289,7 @@ const contributing: NavLink = {
 						</ul>
 					</div>
 				))}
+				<a class="lp-menu-contrib" href={dashboard.href}>{dashboard.label}</a>
 				<a class="lp-menu-contrib" href={contributing.href}>{contributing.label}</a>
 			</div>
 		</div>
@@ -289,7 +299,7 @@ const contributing: NavLink = {
 <style>
 	.header {
 		display: flex;
-		gap: var(--sl-nav-gap);
+		gap: clamp(0.25rem, 0.55vw, 0.625rem);
 		justify-content: space-between;
 		align-items: center;
 		height: 100%;
@@ -300,17 +310,21 @@ const contributing: NavLink = {
 		backdrop-filter: var(--ocx-glass-blur, blur(22px));
 		-webkit-backdrop-filter: var(--ocx-glass-blur, blur(22px));
 		box-shadow: 0 4px 24px rgb(0 0 0 / 0.07);
-		padding-inline: 1rem;
+		padding-inline: clamp(0.5rem, 0.8vw, 0.875rem);
 	}
 
 	.title-wrapper {
 		overflow: clip;
 		padding: 0.25rem;
 		margin: -0.25rem;
-		min-width: 0;
+		flex-shrink: 0;
 	}
 
-	.title-wrapper :global(.site-title) { min-height: 44px; }
+	.title-wrapper :global(.site-title) {
+		min-height: 44px;
+		gap: 0.5rem;
+		flex-shrink: 0;
+	}
 	:global(.sl-skip-link:focus) { min-height: 44px; }
 
 	.search-wrapper,
@@ -351,7 +365,7 @@ const contributing: NavLink = {
 	   its enlarged hit area while keeping every header action visible. */
 	@media (max-width: 49.99rem) {
 		.header { gap: 0.25rem; padding-inline: 0.5rem; }
-		.title-wrapper { flex: 1; }
+		.title-wrapper { flex: 1; min-width: 0; flex-shrink: 1; }
 		.title-wrapper :global(.site-title) { gap: 0.375rem; font-size: 1rem; }
 		.title-wrapper :global(.site-title img) { width: 28px; height: 28px; flex-shrink: 0; }
 		.search-wrapper :global(button[data-open-modal]) {
@@ -373,11 +387,11 @@ const contributing: NavLink = {
 	}
 
 	.right-group {
-		gap: 1rem;
+		gap: clamp(0.25rem, 0.45vw, 0.5rem);
 		align-items: center;
 	}
 	.header-preferences {
-		gap: 0.125rem;
+		gap: 0.0625rem;
 		align-items: center;
 	}
 	.right-group::before {
@@ -394,15 +408,15 @@ const contributing: NavLink = {
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		gap: 0.375rem;
+		gap: 0.25rem;
 		min-height: 44px;
-		padding: 0.375rem 0.75rem;
+		padding: 0.375rem clamp(0.35rem, 0.55vw, 0.625rem);
 		border: 0;
 		border-radius: var(--ocx-radius-pill, 999px);
 		background: transparent;
 		color: var(--sl-color-gray-2);
 		font: inherit;
-		font-size: var(--sl-text-sm);
+		font-size: clamp(0.75rem, 0.85vw, var(--sl-text-sm));
 		font-weight: 500;
 		line-height: 1;
 		white-space: nowrap;
@@ -497,14 +511,23 @@ const contributing: NavLink = {
 		display: none;
 	}
 
+	@media (min-width: 50rem) {
+		.search-wrapper :global(button[data-open-modal]) {
+			width: auto;
+			padding-inline: clamp(0.5rem, 0.7vw, 0.75rem);
+			gap: clamp(0.25rem, 0.45vw, 0.5rem);
+			font-size: clamp(0.75rem, 0.85vw, var(--sl-text-sm));
+		}
+	}
+
 	@media (min-width: 72rem) {
 		.glass-nav {
 			display: block;
 		}
 		.glass-nav > ul {
 			display: flex;
 			align-items: center;
-			gap: 0.125rem;
+			gap: 0.0625rem;
 			list-style: none;
 			margin: 0;
 			padding: 0;
@@ -515,14 +538,14 @@ const contributing: NavLink = {
 		.nav-link {
 			display: inline-flex;
 			align-items: center;
-			gap: 0.375rem;
-			padding: 0.375rem 0.875rem;
+			gap: 0.25rem;
+			padding: 0.375rem clamp(0.35rem, 0.6vw, 0.7rem);
 			border: 0;
 			border-radius: var(--ocx-radius-pill, 999px);
 			background: transparent;
 			color: var(--sl-color-gray-2);
 			font: inherit;
-			font-size: var(--sl-text-sm);
+			font-size: clamp(0.75rem, 0.85vw, var(--sl-text-sm));
 			font-weight: 500;
 			line-height: 1;
 			text-decoration: none;