feat: add diagnostics and telemetry runtime

src/presentation/routes/app-router.tsx

@@ -105,9 +105,16 @@ function InvalidRouteSurface({ code }: { code: string }) {
   );
 }
 
-function RouteLifecycle({ definition }: { definition: RouteDefinition }) {
+function RouteLifecycle({
+  definition,
+  buildId,
+}: {
+  definition: RouteDefinition;
+  buildId: string;
+}) {
   const location = useLocation();
   const { message, resolve } = useLocale();
+  const { diagnostics } = useApplication();
   useEffect(() => {
     document.title = message("route.documentTitle", {
       title: resolve(`route.${definition.routeId}.title`),
@@ -122,7 +129,19 @@ function RouteLifecycle({ definition }: { definition: RouteDefinition }) {
     } catch {
       // Non-browser test hosts may not implement scrolling.
     }
-  }, [definition, location.key, location.pathname, message, resolve]);
+    diagnostics.reportRouteChanged({
+      routeId: definition.routeId,
+      buildId,
+    });
+  }, [
+    buildId,
+    definition,
+    diagnostics,
+    location.key,
+    location.pathname,
+    message,
+    resolve,
+  ]);
   return null;
 }
 
@@ -244,7 +263,7 @@ function RegisteredRoute({
   const content = (
     <RouteInputContext.Provider value={parsed.data}>
       <CanonicalRouteRedirect input={parsed.data} />
-      <RouteLifecycle definition={definition} />
+      <RouteLifecycle definition={definition} buildId={buildId} />
       <Suspense fallback={<RouteLoadingSurface definition={definition} />}>
         <ChunkRecoveryBoundary
           chunkId={definition.chunkId}