From 0eb56edb6ddb4b218a5782197d0c60243f937d60 Mon Sep 17 00:00:00 2001 From: Kjell Tore Guttormsen Date: Sun, 10 May 2026 16:15:02 +0200 Subject: [PATCH] feat(voyage): implement renderTopbar with badge--scope-voyage and breadcrumb --- .../voyage/playground/voyage-playground.html | 49 +++++++++++++++---- 1 file changed, 40 insertions(+), 9 deletions(-) diff --git a/plugins/voyage/playground/voyage-playground.html b/plugins/voyage/playground/voyage-playground.html index d74fff3..5e80bff 100644 --- a/plugins/voyage/playground/voyage-playground.html +++ b/plugins/voyage/playground/voyage-playground.html @@ -475,15 +475,7 @@ -
-
Voyage Annotation Playground
-
v4.2 · brief / plan / review
-
- -
-
+
0 ? '' : ''; + var label = escapeHtml(c.label || ''); + var node = c.href + ? '' + label + '' + : '' + label + ''; + return sep + node; + }).join(''); + host.innerHTML = + '' + + '' + + 'Voyage Annotation Playground' + + 'Voyage' + + '' + + '' + + '
' + + '
' + + '' + + '' + + '
'; + } + // ---- DOM wiring ---------------------------------------------------- function $(id) { return document.getElementById(id); } @@ -1504,6 +1531,10 @@ playground first-run shows a complete round-trip-able artifact. // Sun icon (☀) in dark mode, moon icon (☾) in light mode. Click toggles // data-theme + colorScheme, persists to localStorage('voyage-theme'). wireThemeToggle(); + + // Step 8 (v4.3) — initial topbar render with single-crumb (voyage root). + // renderDashboard / drill-down (Wave 3) re-renders with deeper crumbs. + renderTopbar([{ label: 'Hjem' }]); } function setThemeLabel(theme) {