feat: migrate UI to @cameleer/design-system, add backend endpoints

Backend:
- Add agent_events table (V5) and lifecycle event recording
- Add route catalog endpoint (GET /routes/catalog)
- Add route metrics endpoint (GET /routes/metrics)
- Add agent events endpoint (GET /agents/events-log)
- Enrich AgentInstanceResponse with tps, errorRate, activeRoutes, uptimeSeconds
- Add TimescaleDB retention/compression policies (V6)

Frontend:
- Replace custom Mission Control UI with @cameleer/design-system components
- Rebuild all pages: Dashboard, ExchangeDetail, RoutesMetrics, AgentHealth,
  AgentInstance, RBAC, AuditLog, OIDC, DatabaseAdmin, OpenSearchAdmin, Swagger
- New LayoutShell with design system AppShell, Sidebar, TopBar, CommandPalette
- Consume design system from Gitea npm registry (@cameleer/design-system@0.0.1)
- Add .npmrc for scoped registry, update Dockerfile with REGISTRY_TOKEN arg

CI:
- Pass REGISTRY_TOKEN build-arg to UI Docker build step

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/router.tsx

@@ -1,46 +1,58 @@
 import { createBrowserRouter, Navigate } from 'react-router';
-import { lazy, Suspense } from 'react';
-import { AppShell } from './components/layout/AppShell';
 import { ProtectedRoute } from './auth/ProtectedRoute';
 import { LoginPage } from './auth/LoginPage';
 import { OidcCallback } from './auth/OidcCallback';
-import { ExecutionExplorer } from './pages/executions/ExecutionExplorer';
-import { OidcAdminPage } from './pages/admin/OidcAdminPage';
-import { RoutePage } from './pages/routes/RoutePage';
-import { AppScopedView } from './pages/dashboard/AppScopedView';
+import { LayoutShell } from './components/LayoutShell';
+import { lazy, Suspense } from 'react';
+import { Spinner } from '@cameleer/design-system';
 
-const SwaggerPage = lazy(() => import('./pages/swagger/SwaggerPage').then(m => ({ default: m.SwaggerPage })));
-const DatabaseAdminPage = lazy(() => import('./pages/admin/DatabaseAdminPage').then(m => ({ default: m.DatabaseAdminPage })));
-const OpenSearchAdminPage = lazy(() => import('./pages/admin/OpenSearchAdminPage').then(m => ({ default: m.OpenSearchAdminPage })));
-const AuditLogPage = lazy(() => import('./pages/admin/AuditLogPage').then(m => ({ default: m.AuditLogPage })));
-const RbacPage = lazy(() => import('./pages/admin/rbac/RbacPage').then(m => ({ default: m.RbacPage })));
+const Dashboard = lazy(() => import('./pages/Dashboard/Dashboard'));
+const ExchangeDetail = lazy(() => import('./pages/ExchangeDetail/ExchangeDetail'));
+const RoutesMetrics = lazy(() => import('./pages/Routes/RoutesMetrics'));
+const AgentHealth = lazy(() => import('./pages/AgentHealth/AgentHealth'));
+const AgentInstance = lazy(() => import('./pages/AgentInstance/AgentInstance'));
+const RbacPage = lazy(() => import('./pages/Admin/RbacPage'));
+const AuditLogPage = lazy(() => import('./pages/Admin/AuditLogPage'));
+const OidcConfigPage = lazy(() => import('./pages/Admin/OidcConfigPage'));
+const DatabaseAdminPage = lazy(() => import('./pages/Admin/DatabaseAdminPage'));
+const OpenSearchAdminPage = lazy(() => import('./pages/Admin/OpenSearchAdminPage'));
+const SwaggerPage = lazy(() => import('./pages/Swagger/SwaggerPage'));
+
+function SuspenseWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Suspense fallback={<div style={{ display: 'flex', justifyContent: 'center', padding: '4rem' }}><Spinner size="lg" /></div>}>
+      {children}
+    </Suspense>
+  );
+}
 
 export const router = createBrowserRouter([
-  {
-    path: '/login',
-    element: <LoginPage />,
-  },
-  {
-    path: '/oidc/callback',
-    element: <OidcCallback />,
-  },
+  { path: '/login', element: <LoginPage /> },
+  { path: '/oidc/callback', element: <OidcCallback /> },
   {
     element: <ProtectedRoute />,
     children: [
       {
-        element: <AppShell />,
+        element: <LayoutShell />,
         children: [
-          { index: true, element: <Navigate to="/executions" replace /> },
-          { path: 'executions', element: <ExecutionExplorer /> },
-          { path: 'apps/:group', element: <AppScopedView /> },
-          { path: 'apps/:group/routes/:routeId', element: <RoutePage /> },
-          { path: 'admin', element: <Navigate to="/admin/database" replace /> },
-          { path: 'admin/database', element: <Suspense fallback={null}><DatabaseAdminPage /></Suspense> },
-          { path: 'admin/opensearch', element: <Suspense fallback={null}><OpenSearchAdminPage /></Suspense> },
-          { path: 'admin/audit', element: <Suspense fallback={null}><AuditLogPage /></Suspense> },
-          { path: 'admin/oidc', element: <OidcAdminPage /> },
-          { path: 'admin/rbac', element: <Suspense fallback={null}><RbacPage /></Suspense> },
-          { path: 'swagger', element: <Suspense fallback={null}><SwaggerPage /></Suspense> },
+          { index: true, element: <Navigate to="/apps" replace /> },
+          { path: 'apps', element: <SuspenseWrapper><Dashboard /></SuspenseWrapper> },
+          { path: 'apps/:appId', element: <SuspenseWrapper><Dashboard /></SuspenseWrapper> },
+          { path: 'apps/:appId/:routeId', element: <SuspenseWrapper><Dashboard /></SuspenseWrapper> },
+          { path: 'exchanges/:id', element: <SuspenseWrapper><ExchangeDetail /></SuspenseWrapper> },
+          { path: 'routes', element: <SuspenseWrapper><RoutesMetrics /></SuspenseWrapper> },
+          { path: 'routes/:appId', element: <SuspenseWrapper><RoutesMetrics /></SuspenseWrapper> },
+          { path: 'routes/:appId/:routeId', element: <SuspenseWrapper><RoutesMetrics /></SuspenseWrapper> },
+          { path: 'agents', element: <SuspenseWrapper><AgentHealth /></SuspenseWrapper> },
+          { path: 'agents/:appId', element: <SuspenseWrapper><AgentHealth /></SuspenseWrapper> },
+          { path: 'agents/:appId/:instanceId', element: <SuspenseWrapper><AgentInstance /></SuspenseWrapper> },
+          { path: 'admin', element: <Navigate to="/admin/rbac" replace /> },
+          { path: 'admin/rbac', element: <SuspenseWrapper><RbacPage /></SuspenseWrapper> },
+          { path: 'admin/audit', element: <SuspenseWrapper><AuditLogPage /></SuspenseWrapper> },
+          { path: 'admin/oidc', element: <SuspenseWrapper><OidcConfigPage /></SuspenseWrapper> },
+          { path: 'admin/database', element: <SuspenseWrapper><DatabaseAdminPage /></SuspenseWrapper> },
+          { path: 'admin/opensearch', element: <SuspenseWrapper><OpenSearchAdminPage /></SuspenseWrapper> },
+          { path: 'api-docs', element: <SuspenseWrapper><SwaggerPage /></SuspenseWrapper> },
         ],
       },
     ],