v0.3.15-pre.005-fix.002

crates/ksp-app-raw-transaction-ingest-desk/frontend/ts/main.ts

@@ -1,5 +1,5 @@
 // file: crates/ksp-app-raw-transaction-ingest-desk/frontend/ts/main.ts
-// version: 1
+// version: 2
 
 import "bootstrap";
 import ResizeObserver from "resize-observer-polyfill";
@@ -14,6 +14,11 @@ installFrontendConsoleBridge("main");
 
 type ViewId = "routes" | "diagnostics";
 
+const viewTitles: Record<ViewId, string> = {
+    routes: "Routes",
+    diagnostics: "Diagnostics",
+};
+
 function isViewId(value: string | undefined): value is ViewId {
     return value === "routes" || value === "diagnostics";
 }
@@ -27,7 +32,11 @@ function activateView(viewId: ViewId, source: "startup" | "user"): void {
         button.classList.toggle("active", active);
         button.setAttribute("aria-current", active ? "page" : "false");
     });
-    document.title = `Raw Transaction Ingest Desk — ${viewId === "routes" ? "Routes" : "Diagnostics"}`;
+    const header = document.querySelector<HTMLElement>("#headerViewTitle");
+    if (header) {
+        header.textContent = viewTitles[viewId];
+    }
+    document.title = `Raw Transaction Ingest Desk — ${viewTitles[viewId]}`;
     frontendTrace("main", "Raw Transaction Ingest Desk view DOM updated", { viewId, source });
 }
 
@@ -83,7 +92,7 @@ function renderRouteFoundation(foundation: RawIngestRouteFoundationDto): void {
         routeRoot.replaceChildren();
         for (const routeId of foundation.routeIds) {
             const column = document.createElement("div");
-            column.className = "col-12 col-xl-6";
+            column.className = "col-12 col-xl-6 app-route-column";
             const card = document.createElement("div");
             card.className = "card h-100 shadow-sm app-route-card";
             const body = document.createElement("div");