aggregate metrics trends

Author: simonredfern

apps/api-manager/src/lib/config/insightMessages.ts

@@ -13,7 +13,8 @@ const routeDescriptions: Array<{ pattern: RegExp; description: string }> = [
   { pattern: /^\/customers\/account-links/, description: "Customer Account Links" },
   { pattern: /^\/consumers\/[^/]+/, description: "API Consumer" },
   { pattern: /^\/consumers$/, description: "API Consumers list" },
-  { pattern: /^\/aggregate-metrics/, description: "Aggregate Metrics" },
+  { pattern: /^\/aggregate-metrics-trends/, description: "Aggregate Metrics Over Time" },
+  { pattern: /^\/aggregate-metrics/, description: "Live Aggregate Metrics" },
   { pattern: /^\/connector-metrics/, description: "Connector Metrics" },
   { pattern: /^\/connector-traces/, description: "Connector Traces" },
   { pattern: /^\/connector-counts/, description: "Connector Counts" },

apps/api-manager/src/lib/config/navigation.ts

@@ -237,7 +237,12 @@ function buildMetricsItems(): NavigationItem[] {
     { href: "/metrics", label: "API Metrics", iconComponent: BarChart3 },
     {
       href: "/aggregate-metrics",
-      label: "Aggregate Metrics",
+      label: "Live Aggregate Metrics",
+      iconComponent: BarChart3,
+    },
+    {
+      href: "/aggregate-metrics-trends",
+      label: "Aggregate Metrics Over Time",
       iconComponent: BarChart3,
     },
     {
@@ -737,7 +742,7 @@ export const navSections: NavigationSection[] = [
   { id: "system", label: "System", iconComponent: Server, items: systemItems, basePaths: ["/system"] },
   { id: "signals", label: "Signals", iconComponent: Radio, items: signalsItems, basePaths: ["/system/signal-publish", "/system/signal-channels", "/system/signal-channels-stats"] },
   { id: "integration", label: "Integration", iconComponent: Plug, items: integrationItems, basePaths: ["/integration"] },
-  { id: "metrics", label: "Metrics", iconComponent: BarChart3, items: metricsItems, basePaths: ["/metrics", "/aggregate-metrics", "/connector-metrics", "/connector-traces", "/connector-counts"] },
+  { id: "metrics", label: "Metrics", iconComponent: BarChart3, items: metricsItems, basePaths: ["/metrics", "/aggregate-metrics", "/aggregate-metrics-trends", "/connector-metrics", "/connector-traces", "/connector-counts"] },
   { id: "abac", label: "ABAC", iconComponent: Lock, items: abacItems, basePaths: ["/abac"] },
   { id: "products", label: "API Products", iconComponent: Package, items: productsItems, basePaths: ["/products"] },
   { id: "financial-products", label: "Financial Products", iconComponent: Banknote, items: financialProductsItems, basePaths: ["/products/financial", "/products/collections"] },

apps/api-manager/src/lib/utils/roleChecker.ts

@@ -202,6 +202,9 @@ export const SITE_MAP: Record<string, PageRoleConfig> = {
   "/aggregate-metrics": {
     required: [{ role: "CanReadAggregateMetrics" }],
   },
+  "/aggregate-metrics-trends": {
+    required: [{ role: "CanReadAggregateMetrics" }],
+  },
   "/connector-traces": {
     required: [{ role: "CanGetConnectorTrace" }],
   },

apps/api-manager/src/routes/(protected)/aggregate-metrics-trends/+page.server.ts

@@ -0,0 +1,10 @@
+import type { PageServerLoad } from './$types';
+import { error } from '@sveltejs/kit';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	const session = locals.session;
+	if (!session?.data?.user) {
+		throw error(401, 'Unauthorized');
+	}
+	return {};
+};