Added Connector Metrics

Author: simonredfern

src/lib/components/Navigation.svelte

@@ -33,10 +33,26 @@
           { href: "/", label: "Home", icon: "🏠", available: true },
 
           {
-            href: "/metrics",
             label: "Metrics",
             icon: "📊",
             available: true,
+            subItems: [
+              {
+                href: "/metrics",
+                label: "API Metrics",
+                icon: "📈",
+              },
+              {
+                href: "/aggregate-metrics",
+                label: "Aggregate Metrics",
+                icon: "📊",
+              },
+              {
+                href: "/connector-metrics",
+                label: "Connector Metrics",
+                icon: "🔗",
+              },
+            ],
           },
           {
             label: "Dynamic Entities",
@@ -77,6 +93,23 @@
               },
             ],
           },
+          {
+            label: "Products",
+            icon: "📦",
+            available: true,
+            subItems: [
+              {
+                href: "/products",
+                label: "Products",
+                icon: "📋",
+              },
+              {
+                href: "/products/collections",
+                label: "Product Collections",
+                icon: "🗂️",
+              },
+            ],
+          },
         ].filter((item) => item.available)
       : [],
   );

src/lib/config/navigation.ts

@@ -153,32 +153,37 @@ export function getActiveIntegrationMenuItem(pathname: string) {
   return found || integrationItems[0]; // fallback to first item
 }
 
-// API Metrics navigation items
-function buildApiMetricsItems(): NavigationItem[] {
+// Metrics navigation items
+function buildMetricsItems(): NavigationItem[] {
   const items: NavigationItem[] = [
-    { href: "/metrics", label: "Metrics", iconComponent: BarChart3 },
+    { href: "/metrics", label: "API Metrics", iconComponent: BarChart3 },
     {
       href: "/aggregate-metrics",
       label: "Aggregate Metrics",
       iconComponent: BarChart3,
     },
+    {
+      href: "/connector-metrics",
+      label: "Connector Metrics",
+      iconComponent: Plug,
+    },
   ];
 
   return items;
 }
 
-export const apiMetricsItems = buildApiMetricsItems();
+export const metricsItems = buildMetricsItems();
 
-export function getActiveApiMetricsMenuItem(pathname: string) {
-  const found = apiMetricsItems.find((item) => {
+export function getActiveMetricsMenuItem(pathname: string) {
+  const found = metricsItems.find((item) => {
     // Skip external links for active menu detection
     if (item.external) {
       return false;
     }
     return pathname.startsWith(item.href);
   });
 
-  return found || apiMetricsItems[0]; // fallback to first item
+  return found || metricsItems[0]; // fallback to first item
 }
 
 // RBAC navigation items

src/routes/(protected)/aggregate-metrics/+page.svelte

@@ -622,7 +622,7 @@
           </div>
           <button
             class="refresh-btn"
-            on:click={refreshMetrics}
+            onclick={refreshMetrics}
             style="display: block; margin: 0 auto;"
           >
             🔄 Refresh Data

src/routes/(protected)/connector-metrics/+page.server.ts

@@ -0,0 +1,22 @@
+import { createLogger } from "$lib/utils/logger";
+import { error } from "@sveltejs/kit";
+import type { PageServerLoad } from "./$types";
+
+const logger = createLogger("ConnectorMetricsPageServer");
+
+export const load: PageServerLoad = async ({ locals }) => {
+  const session = locals.session;
+
+  if (!session?.data?.user) {
+    throw error(401, "Unauthorized");
+  }
+
+  // Get user entitlements from session for role checking
+  const userEntitlements = (session.data.user as any)?.entitlements?.list || [];
+  const requiredRoles = [{ role: "CanGetConnectorMetrics" }];
+
+  return {
+    userEntitlements,
+    requiredRoles,
+  };
+};