feat(analytics): add useMetricView client experience

apps/dev-playground/client/src/lib/nav.ts

@@ -13,6 +13,7 @@ import {
   SearchIcon,
   ServerIcon,
   ShieldIcon,
+  SigmaIcon,
   Wand2Icon,
   ZapIcon,
 } from "lucide-react";
@@ -64,6 +65,13 @@ export const NAV_GROUPS: ReadonlyArray<NavGroup> = [
           "Same dashboard — served over Apache Arrow streaming for zero-copy speed.",
         icon: ZapIcon,
       },
+      {
+        to: "/metric-views",
+        label: "Metric Views",
+        description:
+          "Measure a governed UC metric view with useMetricView — labels and formats from injected metadata.",
+        icon: SigmaIcon,
+      },
       {
         to: "/lakebase",
         label: "Lakebase",

apps/dev-playground/client/src/routeTree.gen.ts

@@ -18,6 +18,7 @@ import { Route as SmartDashboardRouteRouteImport } from './routes/smart-dashboar
 import { Route as ServingRouteRouteImport } from './routes/serving.route'
 import { Route as ReconnectRouteRouteImport } from './routes/reconnect.route'
 import { Route as PolicyMatrixRouteRouteImport } from './routes/policy-matrix.route'
+import { Route as MetricViewsRouteRouteImport } from './routes/metric-views.route'
 import { Route as LakebaseRouteRouteImport } from './routes/lakebase.route'
 import { Route as JobsRouteRouteImport } from './routes/jobs.route'
 import { Route as GenieRouteRouteImport } from './routes/genie.route'
@@ -74,6 +75,11 @@ const PolicyMatrixRouteRoute = PolicyMatrixRouteRouteImport.update({
   path: '/policy-matrix',
   getParentRoute: () => rootRouteImport,
 } as any)
+const MetricViewsRouteRoute = MetricViewsRouteRouteImport.update({
+  id: '/metric-views',
+  path: '/metric-views',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const LakebaseRouteRoute = LakebaseRouteRouteImport.update({
   id: '/lakebase',
   path: '/lakebase',
@@ -136,6 +142,7 @@ export interface FileRoutesByFullPath {
   '/genie': typeof GenieRouteRoute
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
+  '/metric-views': typeof MetricViewsRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
   '/serving': typeof ServingRouteRoute
@@ -157,6 +164,7 @@ export interface FileRoutesByTo {
   '/genie': typeof GenieRouteRoute
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
+  '/metric-views': typeof MetricViewsRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
   '/serving': typeof ServingRouteRoute
@@ -179,6 +187,7 @@ export interface FileRoutesById {
   '/genie': typeof GenieRouteRoute
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
+  '/metric-views': typeof MetricViewsRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
   '/serving': typeof ServingRouteRoute
@@ -202,6 +211,7 @@ export interface FileRouteTypes {
     | '/genie'
     | '/jobs'
     | '/lakebase'
+    | '/metric-views'
     | '/policy-matrix'
     | '/reconnect'
     | '/serving'
@@ -223,6 +233,7 @@ export interface FileRouteTypes {
     | '/genie'
     | '/jobs'
     | '/lakebase'
+    | '/metric-views'
     | '/policy-matrix'
     | '/reconnect'
     | '/serving'
@@ -244,6 +255,7 @@ export interface FileRouteTypes {
     | '/genie'
     | '/jobs'
     | '/lakebase'
+    | '/metric-views'
     | '/policy-matrix'
     | '/reconnect'
     | '/serving'
@@ -266,6 +278,7 @@ export interface RootRouteChildren {
   GenieRouteRoute: typeof GenieRouteRoute
   JobsRouteRoute: typeof JobsRouteRoute
   LakebaseRouteRoute: typeof LakebaseRouteRoute
+  MetricViewsRouteRoute: typeof MetricViewsRouteRoute
   PolicyMatrixRouteRoute: typeof PolicyMatrixRouteRoute
   ReconnectRouteRoute: typeof ReconnectRouteRoute
   ServingRouteRoute: typeof ServingRouteRoute
@@ -342,6 +355,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PolicyMatrixRouteRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/metric-views': {
+      id: '/metric-views'
+      path: '/metric-views'
+      fullPath: '/metric-views'
+      preLoaderRoute: typeof MetricViewsRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/lakebase': {
       id: '/lakebase'
       path: '/lakebase'
@@ -426,6 +446,7 @@ const rootRouteChildren: RootRouteChildren = {
   GenieRouteRoute: GenieRouteRoute,
   JobsRouteRoute: JobsRouteRoute,
   LakebaseRouteRoute: LakebaseRouteRoute,
+  MetricViewsRouteRoute: MetricViewsRouteRoute,
   PolicyMatrixRouteRoute: PolicyMatrixRouteRoute,
   ReconnectRouteRoute: ReconnectRouteRoute,
   ServingRouteRoute: ServingRouteRoute,