feat: wayfinding system across chapters, HUD and project plates; cut boot log, headlight and ops strip

src/components/JourneyHud.vue

@@ -1,17 +1,29 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, onMounted, onUnmounted, shallowRef } from 'vue';
 import type { JourneySnapshot } from '@/journey/types';
+import { bucharestClock } from '@/lib/operations';
 
 const props = defineProps<{
   journey: JourneySnapshot;
   sectionLabel: string;
+  exit?: string | undefined;
 }>();
 
 const routePercent = computed(() => `${Math.round(Math.min(1, Math.max(0, props.journey.routeProgress)) * 100)}%`);
+
+// The dash clock is decorative and CSS-generated, so SSR and hydrated text stay identical.
+const clock = shallowRef<string | undefined>(undefined);
+let timer = 0;
+onMounted(() => {
+  const tick = (): void => { clock.value = bucharestClock(new Date()); };
+  tick();
+  timer = window.setInterval(tick, 30_000);
+});
+onUnmounted(() => window.clearInterval(timer));
 </script>
 
 <template>
-  <aside class="journey-hud" aria-hidden="true">
+  <aside class="journey-hud" aria-hidden="true" :data-exit="exit" :data-clock="clock">
     <span class="journey-hud__route"><span>ROUTE</span> <strong>{{ routePercent }}</strong></span>
     <span class="journey-hud__section">{{ sectionLabel }}</span>
     <strong v-if="journey.arrived" class="journey-hud__arrival">ARRIVED</strong>