feat: route log odometer and lit mile markers for profile and experience

tests/unit/SceneCanvas.test.ts

@@ -448,4 +448,32 @@ describe("JourneyHud", () => {
     expect(window.get(".journey-hud__subline").text()).toBe("MAINTENANCE WINDOW \u00b7 03:12");
     window.unmount();
   });
+
+  it("rolls the ROUTE LOG index on odometer digits keyed by value", async () => {
+    const hud = mount(JourneyHud, {
+      props: {
+        journey: journey({ activeSectionId: "experience" }),
+        sectionLabel: "Experience",
+        subline: "LOG 01/04 \u00b7 AUG 2025 \u2192 PRESENT \u00b7 TRUPA LUI R\u0102ZU\u0218",
+      },
+    });
+    const subline = hud.get(".journey-hud__subline");
+    expect(subline.text()).toBe("LOG 01/04 \u00b7 AUG 2025 \u2192 PRESENT \u00b7 TRUPA LUI R\u0102ZU\u0218");
+    expect(hud.findAll(".route-odo__digit").map((digit) => digit.text())).toEqual(["0", "1"]);
+    const tens = hud.findAll(".route-odo__digit")[0]!.element;
+    const ones = hud.findAll(".route-odo__digit")[1]!.element;
+    const pulse = hud.get(".journey-hud__log-pulse").element;
+    await hud.setProps({ subline: "LOG 02/04 \u00b7 JUN 2025 \u2192 AUG 2025 \u00b7 CCF \u00b7 REWIND" });
+    const digits = hud.findAll(".route-odo__digit");
+    expect(digits.map((digit) => digit.text())).toEqual(["0", "2"]);
+    expect(digits[0]!.element).toBe(tens);
+    expect(digits[1]!.element).not.toBe(ones);
+    expect(hud.get(".journey-hud__log-pulse").element).not.toBe(pulse);
+    expect(hud.get(".journey-hud__subline").attributes("data-rewind")).toBe("true");
+    await hud.setProps({ subline: "" });
+    expect(hud.findAll(".route-odo").length).toBe(0);
+    expect(hud.find(".journey-hud__log-pulse").exists()).toBe(false);
+    expect(hud.get(".journey-hud__subline").text()).toBe("");
+    hud.unmount();
+  });
 });