v0.1.4-pre.008-fix.002

crates/ksp-app-config-desk/frontend/ts/main.ts

@@ -1,5 +1,5 @@
 // file: crates/ksp-app-config-desk/frontend/ts/main.ts
-// version: 3
+// version: 4
 
 import "bootstrap";
 import ResizeObserver from "resize-observer-polyfill";
@@ -47,10 +47,15 @@ function activateView(viewId: ViewId, source: "startup" | "user"): void {
     }
     const copy = viewCopy[viewId];
     const title = document.querySelector<HTMLElement>("#viewTitle");
+    const headerTitle = document.querySelector<HTMLElement>("#headerViewTitle");
     const description = document.querySelector<HTMLElement>("#viewDescription");
     if (title) {
         title.textContent = copy.title;
     }
+    if (headerTitle) {
+        headerTitle.textContent = copy.title;
+    }
+    document.title = `Config Desk — ${copy.title}`;
     if (description) {
         description.textContent = copy.description;
     }
@@ -59,6 +64,7 @@ function activateView(viewId: ViewId, source: "startup" | "user"): void {
         button.classList.toggle("active", active);
         button.setAttribute("aria-current", active ? "page" : "false");
     });
+    frontendTrace("main", "Main navigation tab state changed", { viewId, source });
     const overview = document.querySelector<HTMLElement>("#overviewPanel");
     if (overview) {
         overview.hidden = viewId !== "overview";
@@ -74,6 +80,7 @@ function bindNavigation(): void {
     document.querySelectorAll<HTMLButtonElement>("[data-view]").forEach(button => {
         button.addEventListener("click", () => {
             const requestedView = button.dataset.view;
+            frontendTrace("main", "Main navigation tab clicked", { requestedView: requestedView ?? null });
             if (requestedView && isViewId(requestedView)) {
                 activateView(requestedView, "user");
             }