@pablo2410/shared-ui 0.9.2 → 0.9.4

package/dist/{chunk-O4Y6TELY.js → chunk-POOTKX4M.js}

@@ -1,6 +1,6 @@
 import {
   readActiveEnterpriseCookie
-} from "./chunk-YVMCOFHL.js";
+} from "./chunk-ZLOUWBQN.js";
 import {
   Avatar,
   AvatarFallback,
@@ -90,43 +90,110 @@ function useSidebarResize(config) {
 // src/layout/DashboardLayout.tsx
 import { ArrowLeft, LogOut, PanelLeft, Settings } from "lucide-react";
 
+// src/layout/CrossServiceNav.tsx
+import {
+  ClipboardCheck,
+  Gauge,
+  LayoutGrid,
+  Target,
+  ExternalLink
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ICONS = {
+  Target,
+  LayoutGrid,
+  Gauge,
+  ClipboardCheck
+};
+function CrossServiceNav({
+  links,
+  label = "Services"
+}) {
+  const { state } = useSidebar();
+  const isCollapsed = state === "collapsed";
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isCollapsed && /* @__PURE__ */ jsx("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: label }) }),
+    /* @__PURE__ */ jsx(SidebarMenu, { className: "px-2 py-1", children: links.map((link) => {
+      const Icon = ICONS[link.icon] ?? ExternalLink;
+      return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+        SidebarMenuButton,
+        {
+          onClick: () => {
+            window.location.href = link.url;
+          },
+          tooltip: link.name,
+          className: "h-10 transition-all font-normal text-muted-foreground hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: link.name })
+          ]
+        }
+      ) }, link.slug);
+    }) })
+  ] });
+}
+
 // src/layout/HealthFooter.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function formatBuildDate(iso) {
+  if (!iso) return void 0;
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return void 0;
+  const day = d.getUTCDate();
+  const month = d.toLocaleString("en-GB", { month: "short", timeZone: "UTC" });
+  const hh = String(d.getUTCHours()).padStart(2, "0");
+  const mm = String(d.getUTCMinutes()).padStart(2, "0");
+  return `${day} ${month} ${hh}:${mm}Z`;
+}
 function HealthFooter({
   user,
   enterprise,
   className,
-  style
+  style,
+  buildVersion,
+  buildDate,
+  commitHash
 }) {
-  return /* @__PURE__ */ jsxs(
+  const version = buildVersion ?? (typeof __APP_VERSION__ !== "undefined" ? __APP_VERSION__ : void 0);
+  const commit = commitHash ?? (typeof __COMMIT_HASH__ !== "undefined" ? __COMMIT_HASH__ : void 0);
+  const builtAt = formatBuildDate(
+    buildDate ?? (typeof __BUILD_DATE__ !== "undefined" ? __BUILD_DATE__ : void 0)
+  );
+  const buildStamp = [version && `v${version}`, commit, builtAt].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: "fixed bottom-0 left-0 right-0 h-8 bg-zinc-900 border-t border-zinc-800 flex items-center px-4 gap-6 text-[11px] text-zinc-400 z-50 font-mono" + (className ? ` ${className}` : ""),
       style,
       "data-slot": "health-footer",
       children: [
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           "role: ",
-          /* @__PURE__ */ jsx("span", { className: "text-zinc-200", children: user?.role ?? "\u2013" })
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-200", children: user?.role ?? "\u2013" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           "jwt.eid:",
           " ",
-          /* @__PURE__ */ jsx("span", { className: "text-zinc-200", children: user?.enterpriseId ?? "null" })
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-200", children: user?.enterpriseId ?? "null" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           "hierarchy.eid:",
           " ",
-          /* @__PURE__ */ jsx("span", { className: "text-zinc-200", children: enterprise?.id ?? "\u2013" })
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-200", children: enterprise?.id ?? "\u2013" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           "enterprise:",
           " ",
-          /* @__PURE__ */ jsx("span", { className: "text-zinc-200", children: enterprise?.name ?? "\u2013" })
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-200", children: enterprise?.name ?? "\u2013" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           "user: ",
-          /* @__PURE__ */ jsx("span", { className: "text-zinc-200", children: user?.openId ?? "\u2013" })
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-200", children: user?.openId ?? "\u2013" })
+        ] }),
+        buildStamp && /* @__PURE__ */ jsxs2("span", { className: "ml-auto text-zinc-500", title: "Deployed build (version \xB7 commit \xB7 build date UTC)", children: [
+          "build: ",
+          /* @__PURE__ */ jsx2("span", { className: "text-zinc-300", children: buildStamp })
         ] })
       ]
     }
@@ -135,7 +202,7 @@ function HealthFooter({
 
 // src/layout/EnterpriseDebugLabel.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function EnterpriseDebugLabel({
   selectionEnterpriseId,
   cookieEnterpriseName,
@@ -156,7 +223,7 @@ function EnterpriseDebugLabel({
   const hasSelection = selectionEnterpriseId !== void 0 && selectionEnterpriseId !== null;
   const mismatch = hasSelection && cookieNum !== null && cookieNum !== selectionEnterpriseId;
   const noActive = cookieNum === null;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
@@ -166,14 +233,14 @@ function EnterpriseDebugLabel({
       ),
       title: "TEMP DIAGNOSTIC: enterprise the loaded data is scoped to (cookie) vs. the UI hierarchy selection. Remove once subdomain data issue is fixed.",
       children: [
-        /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: "\u{1F50D}" }),
-        noActive ? /* @__PURE__ */ jsx2("span", { children: "no active enterprise (cookie unset)" }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsxs2("span", { children: [
+        /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u{1F50D}" }),
+        noActive ? /* @__PURE__ */ jsx3("span", { children: "no active enterprise (cookie unset)" }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsxs3("span", { children: [
             "data ENT #",
             cookieNum,
             cookieEnterpriseName ? ` \xB7 ${cookieEnterpriseName}` : ""
           ] }),
-          hasSelection && /* @__PURE__ */ jsxs2("span", { children: [
+          hasSelection && /* @__PURE__ */ jsxs3("span", { children: [
             mismatch ? " \u26A0 \u2260 sel #" : " \xB7 sel #",
             selectionEnterpriseId
           ] })
@@ -184,7 +251,7 @@ function EnterpriseDebugLabel({
 }
 
 // src/layout/DashboardLayout.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_SERVICE_HUB_URL = "https://portal.oplytics.digital/app";
 var DEFAULT_USER_SETTINGS_URL = "https://portal.oplytics.digital/account";
 function UserMenu({
@@ -194,24 +261,24 @@ function UserMenu({
   enterprise
 }) {
   const initials = (user.name || "U").split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx3(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3("button", { className: "flex items-center gap-2 rounded-md px-2 py-1 hover:bg-[#1E2738] transition-colors outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]", children: [
-      /* @__PURE__ */ jsx3(Avatar, { className: "h-7 w-7 border border-[#2A2A3E]", children: /* @__PURE__ */ jsx3(AvatarFallback, { className: "text-[10px] font-medium bg-[#8C34E9]/20 text-[#C084FC]", children: initials }) }),
-      /* @__PURE__ */ jsx3("span", { className: "hidden md:block text-xs text-[#E2E8F0] truncate max-w-[100px]", children: user.name || "User" })
+  return /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4("button", { className: "flex items-center gap-2 rounded-md px-2 py-1 hover:bg-[#1E2738] transition-colors outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]", children: [
+      /* @__PURE__ */ jsx4(Avatar, { className: "h-7 w-7 border border-[#2A2A3E]", children: /* @__PURE__ */ jsx4(AvatarFallback, { className: "text-[10px] font-medium bg-[#8C34E9]/20 text-[#C084FC]", children: initials }) }),
+      /* @__PURE__ */ jsx4("span", { className: "hidden md:block text-xs text-[#E2E8F0] truncate max-w-[100px]", children: user.name || "User" })
     ] }) }),
-    /* @__PURE__ */ jsxs3(DropdownMenuContent, { align: "end", className: "w-48 bg-[#0D1220] border-[#1E2738]", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "px-3 py-2 border-b border-[#1E2738]", children: [
-        /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium text-[#E2E8F0] truncate", children: user.name }),
-        /* @__PURE__ */ jsx3("p", { className: "text-[10px] text-[#596475] truncate", children: user.role })
+    /* @__PURE__ */ jsxs4(DropdownMenuContent, { align: "end", className: "w-48 bg-[#0D1220] border-[#1E2738]", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "px-3 py-2 border-b border-[#1E2738]", children: [
+        /* @__PURE__ */ jsx4("p", { className: "text-xs font-medium text-[#E2E8F0] truncate", children: user.name }),
+        /* @__PURE__ */ jsx4("p", { className: "text-[10px] text-[#596475] truncate", children: user.role })
       ] }),
-      /* @__PURE__ */ jsx3("div", { className: "px-2 py-2 border-b border-[#1E2738]", children: /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("div", { className: "px-2 py-2 border-b border-[#1E2738]", children: /* @__PURE__ */ jsx4(
         EnterpriseDebugLabel,
         {
           selectionEnterpriseId: enterprise?.id ?? null,
           cookieEnterpriseName: enterprise?.name ?? null
         }
       ) }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(
         DropdownMenuItem,
         {
           onClick: () => {
@@ -219,19 +286,19 @@ function UserMenu({
           },
           className: "text-xs text-[#E2E8F0] hover:bg-[#1E2738] cursor-pointer focus:bg-[#1E2738]",
           children: [
-            /* @__PURE__ */ jsx3(Settings, { className: "h-3.5 w-3.5 mr-2 text-[#8890A0]" }),
+            /* @__PURE__ */ jsx4(Settings, { className: "h-3.5 w-3.5 mr-2 text-[#8890A0]" }),
             "User Settings"
           ]
         }
       ),
-      /* @__PURE__ */ jsx3(DropdownMenuSeparator, { className: "bg-[#1E2738]" }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsx4(DropdownMenuSeparator, { className: "bg-[#1E2738]" }),
+      /* @__PURE__ */ jsxs4(
         DropdownMenuItem,
         {
           onClick: () => onLogout?.(),
           className: "text-xs text-[#EF4444] hover:bg-[#EF4444]/10 cursor-pointer focus:bg-[#EF4444]/10 focus:text-[#EF4444]",
           children: [
-            /* @__PURE__ */ jsx3(LogOut, { className: "h-3.5 w-3.5 mr-2" }),
+            /* @__PURE__ */ jsx4(LogOut, { className: "h-3.5 w-3.5 mr-2" }),
             "Sign Out"
           ]
         }
@@ -241,9 +308,9 @@ function UserMenu({
 }
 function EnterpriseBadge({ enterprise }) {
   if (!enterprise) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "hidden lg:flex items-center gap-1.5 px-2 py-1 rounded-md bg-[#8C34E9]/10 border border-[#8C34E9]/20", children: [
-    /* @__PURE__ */ jsx3("div", { className: "h-4 w-4 rounded-sm bg-[#8C34E9]/30 flex items-center justify-center", children: /* @__PURE__ */ jsx3("span", { className: "text-[8px] font-bold text-[#C084FC]", children: enterprise.name.charAt(0).toUpperCase() }) }),
-    /* @__PURE__ */ jsx3("span", { className: "text-[10px] font-medium text-[#C084FC] truncate max-w-[80px]", children: enterprise.code || enterprise.name })
+  return /* @__PURE__ */ jsxs4("div", { className: "hidden lg:flex items-center gap-1.5 px-2 py-1 rounded-md bg-[#8C34E9]/10 border border-[#8C34E9]/20", children: [
+    /* @__PURE__ */ jsx4("div", { className: "h-4 w-4 rounded-sm bg-[#8C34E9]/30 flex items-center justify-center", children: /* @__PURE__ */ jsx4("span", { className: "text-[8px] font-bold text-[#C084FC]", children: enterprise.name.charAt(0).toUpperCase() }) }),
+    /* @__PURE__ */ jsx4("span", { className: "text-[10px] font-medium text-[#C084FC] truncate max-w-[80px]", children: enterprise.code || enterprise.name })
   ] });
 }
 function NavSection({
@@ -254,12 +321,12 @@ function NavSection({
   onNavigate
 }) {
   const label = section.title ?? section.label;
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    label && /* @__PURE__ */ jsx3("div", { className: cn("px-4 py-2", marginTop && "mt-2"), children: !isCollapsed && /* @__PURE__ */ jsx3("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: label }) }),
-    /* @__PURE__ */ jsx3(SidebarMenu, { className: "px-2 py-1", children: section.items.map((item) => {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    label && /* @__PURE__ */ jsx4("div", { className: cn("px-4 py-2", marginTop && "mt-2"), children: !isCollapsed && /* @__PURE__ */ jsx4("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: label }) }),
+    /* @__PURE__ */ jsx4(SidebarMenu, { className: "px-2 py-1", children: section.items.map((item) => {
       const active = resolveActive(item.path);
       const Icon = item.icon;
-      return /* @__PURE__ */ jsx3(SidebarMenuItem, { children: /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsx4(SidebarMenuItem, { children: /* @__PURE__ */ jsxs4(
         SidebarMenuButton,
         {
           isActive: active,
@@ -267,8 +334,8 @@ function NavSection({
           tooltip: item.label,
           className: "h-10 transition-all font-normal",
           children: [
-            Icon && /* @__PURE__ */ jsx3(Icon, { className: cn("h-4 w-4", active && "text-primary") }),
-            /* @__PURE__ */ jsx3("span", { children: item.label })
+            Icon && /* @__PURE__ */ jsx4(Icon, { className: cn("h-4 w-4", active && "text-primary") }),
+            /* @__PURE__ */ jsx4("span", { children: item.label })
           ]
         }
       ) }, item.path);
@@ -285,6 +352,7 @@ function DashboardShell({
   onNavigate,
   isActive,
   serviceHubUrl = DEFAULT_SERVICE_HUB_URL,
+  crossServiceLinks,
   settingsPath,
   user,
   onLogout,
@@ -294,31 +362,34 @@ function DashboardShell({
   reportingToolbar,
   footer,
   showHealthFooter,
+  buildDate,
+  commitHash,
+  buildVersion,
   children
 }) {
   const { toggleSidebar, state } = useSidebar();
   const isCollapsed = state === "collapsed";
   const navigate = onNavigate;
   const resolveActive = (path) => isActive ? isActive(path, activePath) : isMenuItemActive(path, activePath);
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3(Sidebar, { collapsible: "icon", className: "border-r-0", children: [
-      /* @__PURE__ */ jsx3(SidebarHeader, { className: "h-16 justify-center", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 px-2 transition-all w-full", children: [
-        /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4(Sidebar, { collapsible: "icon", className: "border-r-0", children: [
+      /* @__PURE__ */ jsx4(SidebarHeader, { className: "h-16 justify-center", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-2 transition-all w-full", children: [
+        /* @__PURE__ */ jsx4(
           "button",
           {
             onClick: toggleSidebar,
             className: "h-8 w-8 flex items-center justify-center hover:bg-accent rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring shrink-0",
             "aria-label": "Toggle navigation",
-            children: /* @__PURE__ */ jsx3(PanelLeft, { className: "h-4 w-4 text-muted-foreground" })
+            children: /* @__PURE__ */ jsx4(PanelLeft, { className: "h-4 w-4 text-muted-foreground" })
           }
         ),
-        !isCollapsed ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 min-w-0", children: [
-          serviceIcon && /* @__PURE__ */ jsx3("span", { className: "text-[#8C34E9] shrink-0", children: serviceIcon }),
-          /* @__PURE__ */ jsx3("span", { className: "font-semibold tracking-tight truncate", children: serviceName })
+        !isCollapsed ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 min-w-0", children: [
+          serviceIcon && /* @__PURE__ */ jsx4("span", { className: "text-[#8C34E9] shrink-0", children: serviceIcon }),
+          /* @__PURE__ */ jsx4("span", { className: "font-semibold tracking-tight truncate", children: serviceName })
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ jsxs3(SidebarContent, { className: "gap-0", children: [
-        serviceHubUrl && /* @__PURE__ */ jsx3(SidebarMenu, { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx3(SidebarMenuItem, { children: /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(SidebarContent, { className: "gap-0", children: [
+        serviceHubUrl && /* @__PURE__ */ jsx4(SidebarMenu, { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx4(SidebarMenuItem, { children: /* @__PURE__ */ jsxs4(
           SidebarMenuButton,
           {
             onClick: () => {
@@ -327,12 +398,13 @@ function DashboardShell({
             tooltip: "Back to Service Hub",
             className: "h-10 transition-all font-normal text-muted-foreground hover:text-foreground",
             children: [
-              /* @__PURE__ */ jsx3(ArrowLeft, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx3("span", { children: "Service Hub" })
+              /* @__PURE__ */ jsx4(ArrowLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx4("span", { children: "Service Hub" })
             ]
           }
         ) }) }),
-        menuSections.map((section, i) => /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(CrossServiceNav, { links: crossServiceLinks ?? [] }),
+        menuSections.map((section, i) => /* @__PURE__ */ jsx4(
           NavSection,
           {
             section,
@@ -342,7 +414,7 @@ function DashboardShell({
           },
           section.title ?? section.label ?? `section-${i}`
         )),
-        isAdmin && adminSections?.map((section, i) => /* @__PURE__ */ jsx3(
+        isAdmin && adminSections?.map((section, i) => /* @__PURE__ */ jsx4(
           NavSection,
           {
             section,
@@ -354,21 +426,21 @@ function DashboardShell({
           section.title ?? section.label ?? `admin-${i}`
         ))
       ] }),
-      settingsPath && /* @__PURE__ */ jsx3(SidebarFooter, { className: "p-2", children: /* @__PURE__ */ jsx3(SidebarMenu, { children: /* @__PURE__ */ jsx3(SidebarMenuItem, { children: /* @__PURE__ */ jsxs3(
+      settingsPath && /* @__PURE__ */ jsx4(SidebarFooter, { className: "p-2", children: /* @__PURE__ */ jsx4(SidebarMenu, { children: /* @__PURE__ */ jsx4(SidebarMenuItem, { children: /* @__PURE__ */ jsxs4(
         SidebarMenuButton,
         {
           onClick: () => navigate(settingsPath),
           tooltip: "Settings",
           className: "h-10 transition-all font-normal text-muted-foreground hover:text-foreground",
           children: [
-            /* @__PURE__ */ jsx3(Settings, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx3("span", { children: "Settings" })
+            /* @__PURE__ */ jsx4(Settings, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx4("span", { children: "Settings" })
           ]
         }
       ) }) }) })
     ] }),
-    /* @__PURE__ */ jsxs3(SidebarInset, { children: [
-      /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(SidebarInset, { children: [
+      /* @__PURE__ */ jsxs4(
         "header",
         {
           className: cn(
@@ -378,16 +450,16 @@ function DashboardShell({
             "sticky top-0 z-40"
           ),
           children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx3(SidebarTrigger, { className: "h-9 w-9 rounded-lg bg-background shrink-0 md:hidden" }),
-              serviceIcon && /* @__PURE__ */ jsx3("span", { className: "text-[#8C34E9] shrink-0 hidden sm:block", children: serviceIcon }),
-              hierarchyNavigator && /* @__PURE__ */ jsx3("div", { className: "min-w-0 overflow-x-auto scrollbar-none", children: hierarchyNavigator })
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx4(SidebarTrigger, { className: "h-9 w-9 rounded-lg bg-background shrink-0 md:hidden" }),
+              serviceIcon && /* @__PURE__ */ jsx4("span", { className: "text-[#8C34E9] shrink-0 hidden sm:block", children: serviceIcon }),
+              hierarchyNavigator && /* @__PURE__ */ jsx4("div", { className: "min-w-0 overflow-x-auto scrollbar-none", children: hierarchyNavigator })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 shrink-0", children: [
               reportingToolbar,
-              /* @__PURE__ */ jsx3(EnterpriseBadge, { enterprise }),
-              /* @__PURE__ */ jsx3("div", { className: "w-px h-6 bg-[#1E2738] hidden md:block" }),
-              user && /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(EnterpriseBadge, { enterprise }),
+              /* @__PURE__ */ jsx4("div", { className: "w-px h-6 bg-[#1E2738] hidden md:block" }),
+              user && /* @__PURE__ */ jsx4(
                 UserMenu,
                 {
                   user,
@@ -400,21 +472,30 @@ function DashboardShell({
           ]
         }
       ),
-      /* @__PURE__ */ jsx3("main", { className: "flex-1 p-4 md:p-6 pb-14", children })
+      /* @__PURE__ */ jsx4("main", { className: "flex-1 p-4 md:p-6 pb-14", children })
     ] }),
     footer,
-    showHealthFooter && user?.role === "platform_admin" && /* @__PURE__ */ jsx3(HealthFooter, { user, enterprise })
+    showHealthFooter && user?.role === "platform_admin" && /* @__PURE__ */ jsx4(
+      HealthFooter,
+      {
+        user,
+        enterprise,
+        buildDate,
+        commitHash,
+        buildVersion
+      }
+    )
   ] });
 }
 function DashboardLayout(props) {
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx3(SidebarProvider, { defaultOpen: props.defaultOpen ?? !isMobile, children: /* @__PURE__ */ jsx3(DashboardShell, { ...props }) });
+  return /* @__PURE__ */ jsx4(SidebarProvider, { defaultOpen: props.defaultOpen ?? !isMobile, children: /* @__PURE__ */ jsx4(DashboardShell, { ...props }) });
 }
 
 // src/layout/DashboardLayoutSkeleton.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function Skeleton({ className }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       className: cn(
@@ -425,47 +506,47 @@ function Skeleton({ className }) {
   );
 }
 function DashboardLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs4("div", { className: cn("flex min-h-screen bg-[#0A0E1A]", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "w-[260px] border-r border-[#1E2738] bg-[#0D1220] p-4 space-y-6", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-2", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-8 w-8 rounded-md" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-4 w-24" })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex min-h-screen bg-[#0A0E1A]", className), children: [
+    /* @__PURE__ */ jsxs5("div", { className: "w-[260px] border-r border-[#1E2738] bg-[#0D1220] p-4 space-y-6", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 px-2", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-8 w-8 rounded-md" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-4 w-24" })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "space-y-2 px-2", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg" })
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2 px-2", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg" })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "px-2", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-3 w-16 mb-3" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-full rounded-lg mt-2" })
+      /* @__PURE__ */ jsxs5("div", { className: "px-2", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-3 w-16 mb-3" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-full rounded-lg mt-2" })
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "absolute bottom-4 left-4 right-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-1", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx4(Skeleton, { className: "h-3 w-20" }),
-          /* @__PURE__ */ jsx4(Skeleton, { className: "h-2 w-32" })
+      /* @__PURE__ */ jsx5("div", { className: "absolute bottom-4 left-4 right-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 px-1", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx5(Skeleton, { className: "h-3 w-20" }),
+          /* @__PURE__ */ jsx5(Skeleton, { className: "h-2 w-32" })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex-1 p-6 space-y-4", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-8 w-48 rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-9 w-24 rounded-lg" })
+    /* @__PURE__ */ jsxs5("div", { className: "flex-1 p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-8 w-48 rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-9 w-24 rounded-lg" })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-24 rounded-xl" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-24 rounded-xl" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-24 rounded-xl" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-24 rounded-xl" })
+      /* @__PURE__ */ jsxs5("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-24 rounded-xl" })
       ] }),
-      /* @__PURE__ */ jsx4(Skeleton, { className: "h-64 rounded-xl" }),
-      /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-10 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-10 w-full rounded-lg" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-10 w-full rounded-lg" })
+      /* @__PURE__ */ jsx5(Skeleton, { className: "h-64 rounded-xl" }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-10 w-full rounded-lg" })
       ] })
     ] })
   ] });
@@ -473,7 +554,7 @@ function DashboardLayoutSkeleton({ className }) {
 
 // src/layout/SharedPageHeader.tsx
 import { ChevronLeft } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function SharedPageHeader({
   title,
   subtitle,
@@ -486,7 +567,7 @@ function SharedPageHeader({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -496,10 +577,10 @@ function SharedPageHeader({
         className
       ),
       children: [
-        breadcrumbs && /* @__PURE__ */ jsx5("div", { className: cn("mb-2", compact && "mb-1"), children: breadcrumbs }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 min-w-0", children: [
-            onBack && /* @__PURE__ */ jsx5(
+        breadcrumbs && /* @__PURE__ */ jsx6("div", { className: cn("mb-2", compact && "mb-1"), children: breadcrumbs }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 min-w-0", children: [
+            onBack && /* @__PURE__ */ jsx6(
               "button",
               {
                 onClick: onBack,
@@ -510,12 +591,12 @@ function SharedPageHeader({
                   "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]"
                 ),
                 "aria-label": "Go back",
-                children: /* @__PURE__ */ jsx5(ChevronLeft, { className: compact ? "h-4 w-4" : "h-5 w-5" })
+                children: /* @__PURE__ */ jsx6(ChevronLeft, { className: compact ? "h-4 w-4" : "h-5 w-5" })
               }
             ),
-            icon && /* @__PURE__ */ jsx5("div", { className: "shrink-0 text-[#8C34E9]", children: icon }),
-            /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx5(
+            icon && /* @__PURE__ */ jsx6("div", { className: "shrink-0 text-[#8C34E9]", children: icon }),
+            /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx6(
                 "h1",
                 {
                   className: cn(
@@ -526,7 +607,7 @@ function SharedPageHeader({
                   children: title
                 }
               ),
-              subtitle && /* @__PURE__ */ jsx5(
+              subtitle && /* @__PURE__ */ jsx6(
                 "p",
                 {
                   className: cn(
@@ -539,16 +620,16 @@ function SharedPageHeader({
               )
             ] })
           ] }),
-          actions && /* @__PURE__ */ jsx5("div", { className: "shrink-0 flex items-center gap-2", children: actions })
+          actions && /* @__PURE__ */ jsx6("div", { className: "shrink-0 flex items-center gap-2", children: actions })
         ] }),
-        children && /* @__PURE__ */ jsx5("div", { className: cn("mt-3", compact && "mt-2"), children })
+        children && /* @__PURE__ */ jsx6("div", { className: cn("mt-3", compact && "mt-2"), children })
       ]
     }
   );
 }
 
 // src/layout/SharedFooter.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var FOOTER_SERVICES = [
   { name: "SQDCP", slug: "sqdcp", localRoute: "/services/sqdcp", externalUrl: "https://sqdcp.oplytics.digital" },
   { name: "OEE Manager", slug: "oee-manager", localRoute: "/services/oee-manager", externalUrl: "https://oee.oplytics.digital" },
@@ -570,7 +651,7 @@ function SharedFooter({
   year
 }) {
   const currentYear = year ?? (/* @__PURE__ */ new Date()).getFullYear();
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "footer",
     {
       className: cn(
@@ -579,25 +660,25 @@ function SharedFooter({
         "font-[Space_Grotesk,sans-serif]",
         className
       ),
-      children: /* @__PURE__ */ jsxs6("div", { className: "max-w-7xl mx-auto px-6 py-10", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 mb-8", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "md:col-span-1", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 mb-3", children: [
-              /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsxs7("div", { className: "max-w-7xl mx-auto px-6 py-10", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 mb-8", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 mb-3", children: [
+              /* @__PURE__ */ jsx7(
                 "div",
                 {
                   className: "w-7 h-7 rounded-full flex items-center justify-center",
                   style: { background: "#8C34E9" },
-                  children: /* @__PURE__ */ jsx6("span", { className: "text-white font-bold text-xs", children: "O" })
+                  children: /* @__PURE__ */ jsx7("span", { className: "text-white font-bold text-xs", children: "O" })
                 }
               ),
-              /* @__PURE__ */ jsx6("span", { className: "text-[#E2E8F0] font-semibold text-sm font-[Montserrat,sans-serif]", children: "Oplytics.digital" })
+              /* @__PURE__ */ jsx7("span", { className: "text-[#E2E8F0] font-semibold text-sm font-[Montserrat,sans-serif]", children: "Oplytics.digital" })
             ] }),
-            /* @__PURE__ */ jsx6("p", { className: "text-xs text-[#596475] leading-relaxed", children: "Operational intelligence platform for manufacturing excellence." })
+            /* @__PURE__ */ jsx7("p", { className: "text-xs text-[#596475] leading-relaxed", children: "Operational intelligence platform for manufacturing excellence." })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Services" }),
-            /* @__PURE__ */ jsx6("ul", { className: "space-y-2", children: services.map((service) => /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Services" }),
+            /* @__PURE__ */ jsx7("ul", { className: "space-y-2", children: services.map((service) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
               "a",
               {
                 href: useExternalUrls && service.externalUrl ? service.externalUrl : service.localRoute,
@@ -607,10 +688,10 @@ function SharedFooter({
               }
             ) }, service.slug)) })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Company" }),
-            /* @__PURE__ */ jsxs6("ul", { className: "space-y-2", children: [
-              showPricing && /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Company" }),
+            /* @__PURE__ */ jsxs7("ul", { className: "space-y-2", children: [
+              showPricing && /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
                 "a",
                 {
                   href: "/pricing",
@@ -619,7 +700,7 @@ function SharedFooter({
                   children: "Pricing"
                 }
               ) }),
-              /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
                 "a",
                 {
                   href: "/about",
@@ -627,7 +708,7 @@ function SharedFooter({
                   children: "About"
                 }
               ) }),
-              /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
                 "a",
                 {
                   href: "/contact",
@@ -637,10 +718,10 @@ function SharedFooter({
               ) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Legal" }),
-            /* @__PURE__ */ jsxs6("ul", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Legal" }),
+            /* @__PURE__ */ jsxs7("ul", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
                 "a",
                 {
                   href: "/privacy",
@@ -648,7 +729,7 @@ function SharedFooter({
                   children: "Privacy Policy"
                 }
               ) }),
-              /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
                 "a",
                 {
                   href: "/terms",
@@ -657,7 +738,7 @@ function SharedFooter({
                 }
               ) })
             ] }),
-            showSignIn && /* @__PURE__ */ jsx6("div", { className: "mt-4", children: /* @__PURE__ */ jsx6(
+            showSignIn && /* @__PURE__ */ jsx7("div", { className: "mt-4", children: /* @__PURE__ */ jsx7(
               "a",
               {
                 href: "/login",
@@ -669,14 +750,14 @@ function SharedFooter({
           ] })
         ] }),
         children,
-        /* @__PURE__ */ jsxs6("div", { className: "pt-6 border-t border-[#1E2738] flex flex-col sm:flex-row items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs6("p", { className: "text-xs text-[#596475]", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "pt-6 border-t border-[#1E2738] flex flex-col sm:flex-row items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs7("p", { className: "text-xs text-[#596475]", children: [
             "\xA9 ",
             currentYear,
             " Oplytics.digital. All rights reserved."
           ] }),
-          /* @__PURE__ */ jsx6("p", { className: "text-xs text-[#3E4A5C]", children: "Built for manufacturing excellence" }),
-          typeof __APP_VERSION__ !== "undefined" && /* @__PURE__ */ jsxs6("p", { className: "text-xs text-[#3E4A5C]", children: [
+          /* @__PURE__ */ jsx7("p", { className: "text-xs text-[#3E4A5C]", children: "Built for manufacturing excellence" }),
+          typeof __APP_VERSION__ !== "undefined" && /* @__PURE__ */ jsxs7("p", { className: "text-xs text-[#3E4A5C]", children: [
             "Platform v",
             __APP_VERSION__
           ] })
@@ -687,7 +768,17 @@ function SharedFooter({
 }
 
 // src/layout/ServiceFooter.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function formatBuildDate2(iso) {
+  if (!iso) return void 0;
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return void 0;
+  const day = d.getUTCDate();
+  const month = d.toLocaleString("en-GB", { month: "short", timeZone: "UTC" });
+  const hh = String(d.getUTCHours()).padStart(2, "0");
+  const mm = String(d.getUTCMinutes()).padStart(2, "0");
+  return `${day} ${month} ${hh}:${mm}Z`;
+}
 var ENV_LABELS = {
   production: { label: "prod", color: "#10b981" },
   staging: { label: "stg", color: "#f59e0b" },
@@ -700,13 +791,20 @@ function ServiceFooter({
   userEmail,
   environment,
   buildVersion,
+  buildDate,
+  commitHash,
   showHealthMonitor = false,
   className
 }) {
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const env = environment ? ENV_LABELS[environment] : null;
   const version = buildVersion ?? (typeof __APP_VERSION__ !== "undefined" ? __APP_VERSION__ : void 0);
-  return /* @__PURE__ */ jsxs7(
+  const commit = commitHash ?? (typeof __COMMIT_HASH__ !== "undefined" ? __COMMIT_HASH__ : void 0);
+  const builtAt = formatBuildDate2(
+    buildDate ?? (typeof __BUILD_DATE__ !== "undefined" ? __BUILD_DATE__ : void 0)
+  );
+  const buildStamp = [version && `v.${version}`, commit, builtAt].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs8(
     "footer",
     {
       className: cn(
@@ -717,63 +815,57 @@ function ServiceFooter({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx8(
             "div",
             {
               className: "w-5 h-5 rounded-full flex items-center justify-center shrink-0",
               style: { background: "#8C34E9" },
-              children: /* @__PURE__ */ jsx7("span", { className: "text-white font-bold", style: { fontSize: 9 }, children: "O" })
+              children: /* @__PURE__ */ jsx8("span", { className: "text-white font-bold", style: { fontSize: 9 }, children: "O" })
             }
           ),
-          /* @__PURE__ */ jsx7("span", { className: "text-[10px] text-[#596475] whitespace-nowrap hidden sm:inline", children: "Operational Excellence. One Digital Platform." })
+          /* @__PURE__ */ jsx8("span", { className: "text-[10px] text-[#596475] whitespace-nowrap hidden sm:inline", children: "Operational Excellence. One Digital Platform." })
         ] }),
-        showHealthMonitor && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5 text-[10px] text-[#3E4A5C] min-w-0 overflow-hidden", children: [
-          enterpriseName && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsxs7("span", { className: "whitespace-nowrap", children: [
-              /* @__PURE__ */ jsx7("span", { className: "text-[#596475]", children: enterpriseName }),
-              enterpriseId != null && /* @__PURE__ */ jsxs7("span", { className: "text-[#3E4A5C]", children: [
+        showHealthMonitor && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5 text-[10px] text-[#3E4A5C] min-w-0 overflow-hidden", children: [
+          enterpriseName && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+            /* @__PURE__ */ jsxs8("span", { className: "whitespace-nowrap", children: [
+              /* @__PURE__ */ jsx8("span", { className: "text-[#596475]", children: enterpriseName }),
+              enterpriseId != null && /* @__PURE__ */ jsxs8("span", { className: "text-[#3E4A5C]", children: [
                 " (",
                 enterpriseId,
                 ")"
               ] })
             ] }),
-            /* @__PURE__ */ jsx7(Separator, {})
+            /* @__PURE__ */ jsx8(Separator, {})
           ] }),
-          userEmail && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsx7("span", { className: "whitespace-nowrap text-[#596475]", children: userEmail }),
-            userRole && /* @__PURE__ */ jsxs7("span", { className: "text-[#3E4A5C]", children: [
+          userEmail && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+            /* @__PURE__ */ jsx8("span", { className: "whitespace-nowrap text-[#596475]", children: userEmail }),
+            userRole && /* @__PURE__ */ jsxs8("span", { className: "text-[#3E4A5C]", children: [
               " (",
               userRole,
               ")"
             ] }),
-            /* @__PURE__ */ jsx7(Separator, {})
+            /* @__PURE__ */ jsx8(Separator, {})
           ] }),
-          env && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsxs7("span", { className: "whitespace-nowrap", children: [
+          env && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+            /* @__PURE__ */ jsxs8("span", { className: "whitespace-nowrap", children: [
               "ENV:",
               " ",
-              /* @__PURE__ */ jsx7("span", { style: { color: env.color }, className: "font-semibold", children: env.label })
+              /* @__PURE__ */ jsx8("span", { style: { color: env.color }, className: "font-semibold", children: env.label })
             ] }),
-            /* @__PURE__ */ jsx7(Separator, {})
+            /* @__PURE__ */ jsx8(Separator, {})
           ] }),
-          version && /* @__PURE__ */ jsxs7("span", { className: "whitespace-nowrap text-[#3E4A5C] font-mono", children: [
-            "v.",
-            version
-          ] })
+          buildStamp && /* @__PURE__ */ jsx8("span", { className: "whitespace-nowrap text-[#3E4A5C] font-mono", title: "Deployed build", children: buildStamp })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-[10px] text-[#3E4A5C] whitespace-nowrap shrink-0", children: [
-          /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-[10px] text-[#3E4A5C] whitespace-nowrap shrink-0", children: [
+          /* @__PURE__ */ jsxs8("span", { children: [
             "\xA9 ",
             currentYear,
             " Oplytics.digital"
           ] }),
-          !showHealthMonitor && version && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsx7(Separator, {}),
-            /* @__PURE__ */ jsxs7("span", { className: "font-mono", children: [
-              "v.",
-              version
-            ] })
+          !showHealthMonitor && buildStamp && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+            /* @__PURE__ */ jsx8(Separator, {}),
+            /* @__PURE__ */ jsx8("span", { className: "font-mono", title: "Deployed build", children: buildStamp })
           ] })
         ] })
       ]
@@ -781,7 +873,7 @@ function ServiceFooter({
   );
 }
 function Separator() {
-  return /* @__PURE__ */ jsx7("span", { className: "text-[#1E2738] select-none", "aria-hidden": true, children: "|" });
+  return /* @__PURE__ */ jsx8("span", { className: "text-[#1E2738] select-none", "aria-hidden": true, children: "|" });
 }
 
 // src/layout/createServiceLayout.tsx
@@ -949,6 +1041,7 @@ export {
   getInitials,
   isMenuItemActive,
   useSidebarResize,
+  CrossServiceNav,
   HealthFooter,
   EnterpriseDebugLabel,
   DashboardLayout,
@@ -965,4 +1058,4 @@ export {
   policyDeploymentConfig,
   SERVICE_CONFIGS
 };
-//# sourceMappingURL=chunk-O4Y6TELY.js.map
+//# sourceMappingURL=chunk-POOTKX4M.js.map