b86e95f08e
All checks were successful
Consolidate route catalog (agent-driven) and apps table (deployment-
driven) into a single GET /api/v1/catalog?environment={slug} endpoint.
Apps table is authoritative; agent data enriches with live health,
routes, and metrics. Unmanaged apps (agents without App record) appear
with managed=false.
- Add CatalogController merging App records + agent registry + ClickHouse
- Add CatalogApp DTO with deployment summary, managed flag, health
- Change AppController and DeploymentController to accept slugs (not UUIDs)
- Add AppRepository.findBySlug() and AppService.getBySlug()
- Replace useRouteCatalog() with useCatalog() across all UI components
- Navigate to /apps/{slug} instead of /apps/{UUID}
- Update sidebar, search, and all catalog lookups to use slug
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
86 lines
2.5 KiB
TypeScript
86 lines
2.5 KiB
TypeScript
import { useQuery } from '@tanstack/react-query';
|
|
import { config } from '../../config';
|
|
import { useAuthStore } from '../../auth/auth-store';
|
|
import { useRefreshInterval } from './use-refresh-interval';
|
|
|
|
export interface CatalogRoute {
|
|
routeId: string;
|
|
exchangeCount: number;
|
|
lastSeen: string | null;
|
|
fromEndpointUri: string | null;
|
|
routeState: string | null;
|
|
}
|
|
|
|
export interface CatalogAgent {
|
|
instanceId: string;
|
|
displayName: string;
|
|
state: string;
|
|
tps: number;
|
|
}
|
|
|
|
export interface DeploymentSummary {
|
|
status: string;
|
|
replicas: string;
|
|
version: number;
|
|
}
|
|
|
|
export interface CatalogApp {
|
|
slug: string;
|
|
displayName: string;
|
|
managed: boolean;
|
|
environmentSlug: string;
|
|
health: 'live' | 'stale' | 'dead' | 'offline';
|
|
agentCount: number;
|
|
routes: CatalogRoute[];
|
|
agents: CatalogAgent[];
|
|
exchangeCount: number;
|
|
deployment: DeploymentSummary | null;
|
|
}
|
|
|
|
export function useCatalog(environment?: string) {
|
|
const refetchInterval = useRefreshInterval(15_000);
|
|
return useQuery({
|
|
queryKey: ['catalog', environment],
|
|
queryFn: async () => {
|
|
const token = useAuthStore.getState().accessToken;
|
|
const params = new URLSearchParams();
|
|
if (environment) params.set('environment', environment);
|
|
const qs = params.toString();
|
|
const res = await fetch(`${config.apiBaseUrl}/catalog${qs ? `?${qs}` : ''}`, {
|
|
headers: {
|
|
Authorization: `Bearer ${token}`,
|
|
'X-Cameleer-Protocol-Version': '1',
|
|
},
|
|
});
|
|
if (!res.ok) throw new Error('Failed to load catalog');
|
|
return res.json() as Promise<CatalogApp[]>;
|
|
},
|
|
placeholderData: (prev) => prev,
|
|
refetchInterval,
|
|
});
|
|
}
|
|
|
|
export function useRouteMetrics(from?: string, to?: string, appId?: string) {
|
|
const refetchInterval = useRefreshInterval(30_000);
|
|
return useQuery({
|
|
queryKey: ['routes', 'metrics', from, to, appId],
|
|
queryFn: async () => {
|
|
const token = useAuthStore.getState().accessToken;
|
|
const params = new URLSearchParams();
|
|
if (from) params.set('from', from);
|
|
if (to) params.set('to', to);
|
|
if (appId) params.set('appId', appId);
|
|
const res = await fetch(`${config.apiBaseUrl}/routes/metrics?${params}`, {
|
|
headers: {
|
|
Authorization: `Bearer ${token}`,
|
|
'X-Cameleer-Protocol-Version': '1',
|
|
},
|
|
});
|
|
if (!res.ok) throw new Error('Failed to load route metrics');
|
|
return res.json();
|
|
},
|
|
placeholderData: (prev: unknown) => prev,
|
|
refetchInterval,
|
|
});
|
|
}
|