94d1e81852
Replaces the filtered RoutesMetrics view at /routes/:appId/:routeId with a dedicated RouteDetail page showing route diagram, processor stats table, performance charts, recent executions, and client-side grouped error patterns. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
62 lines
3.5 KiB
TypeScript
62 lines
3.5 KiB
TypeScript
import { createBrowserRouter, Navigate } from 'react-router';
|
|
import { ProtectedRoute } from './auth/ProtectedRoute';
|
|
import { LoginPage } from './auth/LoginPage';
|
|
import { OidcCallback } from './auth/OidcCallback';
|
|
import { LayoutShell } from './components/LayoutShell';
|
|
import { lazy, Suspense } from 'react';
|
|
import { Spinner } from '@cameleer/design-system';
|
|
|
|
const Dashboard = lazy(() => import('./pages/Dashboard/Dashboard'));
|
|
const ExchangeDetail = lazy(() => import('./pages/ExchangeDetail/ExchangeDetail'));
|
|
const RoutesMetrics = lazy(() => import('./pages/Routes/RoutesMetrics'));
|
|
const RouteDetail = lazy(() => import('./pages/Routes/RouteDetail'));
|
|
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 /> },
|
|
{
|
|
element: <ProtectedRoute />,
|
|
children: [
|
|
{
|
|
element: <LayoutShell />,
|
|
children: [
|
|
{ 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><RouteDetail /></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> },
|
|
],
|
|
},
|
|
],
|
|
},
|
|
]);
|