@pablo2410/shared-ui 0.5.0 → 0.6.0

package/dist/chunk-MAKRKBBI.js

@@ -0,0 +1,850 @@
+import {
+  cn
+} from "./chunk-JT3XLKKD.js";
+import {
+  Avatar,
+  AvatarFallback,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+  useIsMobile,
+  useSidebar
+} from "./chunk-LTUYIBMA.js";
+
+// src/layout/SharedSidebar.tsx
+import { useEffect, useRef, useState } from "react";
+var ADMIN_ROLES = ["enterprise_admin", "platform_admin", "admin", "superuser"];
+function isAdminRole(role) {
+  return !!role && ADMIN_ROLES.includes(role);
+}
+function getInitials(name) {
+  if (!name) return "U";
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+}
+function isMenuItemActive(itemPath, location, basePath) {
+  if (basePath) {
+    if (itemPath === basePath) return location === basePath;
+    return location.startsWith(itemPath);
+  }
+  if (itemPath === "/") return location === "/";
+  return location.startsWith(itemPath);
+}
+function useSidebarResize(config) {
+  const [width, setWidth] = useState(() => {
+    if (typeof window === "undefined") return config.defaultWidth;
+    const saved = localStorage.getItem(config.storageKey);
+    return saved ? parseInt(saved, 10) : config.defaultWidth;
+  });
+  const [isResizing, setIsResizing] = useState(false);
+  const startX = useRef(0);
+  const startWidth = useRef(config.defaultWidth);
+  useEffect(() => {
+    localStorage.setItem(config.storageKey, String(width));
+  }, [width, config.storageKey]);
+  useEffect(() => {
+    if (!isResizing) return;
+    const onMove = (e) => {
+      const newWidth = Math.min(
+        config.maxWidth,
+        Math.max(config.minWidth, startWidth.current + (e.clientX - startX.current))
+      );
+      setWidth(newWidth);
+    };
+    const onUp = () => {
+      setIsResizing(false);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+    return () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [isResizing, config.minWidth, config.maxWidth]);
+  const startResize = (e) => {
+    setIsResizing(true);
+    startX.current = e.clientX;
+    startWidth.current = width;
+  };
+  return { width, isResizing, startResize };
+}
+
+// src/layout/DashboardLayout.tsx
+import { ArrowLeft, LogOut, PanelLeft, Settings } from "lucide-react";
+import { Fragment, jsx, jsxs } 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({
+  user,
+  onLogout,
+  userSettingsUrl = DEFAULT_USER_SETTINGS_URL
+}) {
+  const initials = (user.name || "U").split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("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__ */ jsx(Avatar, { className: "h-7 w-7 border border-[#2A2A3E]", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px] font-medium bg-[#8C34E9]/20 text-[#C084FC]", children: initials }) }),
+      /* @__PURE__ */ jsx("span", { className: "hidden md:block text-xs text-[#E2E8F0] truncate max-w-[100px]", children: user.name || "User" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-48 bg-[#0D1220] border-[#1E2738]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-[#1E2738]", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-[#E2E8F0] truncate", children: user.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-[#596475] truncate", children: user.role })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => {
+            window.location.href = userSettingsUrl;
+          },
+          className: "text-xs text-[#E2E8F0] hover:bg-[#1E2738] cursor-pointer focus:bg-[#1E2738]",
+          children: [
+            /* @__PURE__ */ jsx(Settings, { className: "h-3.5 w-3.5 mr-2 text-[#8890A0]" }),
+            "User Settings"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "bg-[#1E2738]" }),
+      /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => onLogout?.(),
+          className: "text-xs text-[#EF4444] hover:bg-[#EF4444]/10 cursor-pointer focus:bg-[#EF4444]/10 focus:text-[#EF4444]",
+          children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "h-3.5 w-3.5 mr-2" }),
+            "Sign Out"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function EnterpriseBadge({ enterprise }) {
+  if (!enterprise) return null;
+  return /* @__PURE__ */ jsxs("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__ */ jsx("div", { className: "h-4 w-4 rounded-sm bg-[#8C34E9]/30 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-[8px] font-bold text-[#C084FC]", children: enterprise.name.charAt(0).toUpperCase() }) }),
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-[#C084FC] truncate max-w-[80px]", children: enterprise.code || enterprise.name })
+  ] });
+}
+function NavSection({
+  section,
+  marginTop,
+  isCollapsed,
+  resolveActive,
+  onNavigate
+}) {
+  const label = section.title ?? section.label;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsx("div", { className: cn("px-4 py-2", marginTop && "mt-2"), children: !isCollapsed && /* @__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: section.items.map((item) => {
+      const active = resolveActive(item.path);
+      const Icon = item.icon;
+      return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+        SidebarMenuButton,
+        {
+          isActive: active,
+          onClick: () => onNavigate(item.path),
+          tooltip: item.label,
+          className: "h-10 transition-all font-normal",
+          children: [
+            Icon && /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4", active && "text-primary") }),
+            /* @__PURE__ */ jsx("span", { children: item.label })
+          ]
+        }
+      ) }, item.path);
+    }) })
+  ] });
+}
+function DashboardShell({
+  serviceName,
+  serviceIcon,
+  menuSections,
+  adminSections,
+  isAdmin = false,
+  activePath,
+  onNavigate,
+  isActive,
+  serviceHubUrl = DEFAULT_SERVICE_HUB_URL,
+  settingsPath,
+  user,
+  onLogout,
+  userSettingsUrl,
+  hierarchyNavigator,
+  enterprise,
+  reportingToolbar,
+  footer,
+  children
+}) {
+  const { toggleSidebar, state } = useSidebar();
+  const isCollapsed = state === "collapsed";
+  const navigate = onNavigate;
+  const resolveActive = (path) => isActive ? isActive(path, activePath) : isMenuItemActive(path, activePath);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", className: "border-r-0", children: [
+      /* @__PURE__ */ jsx(SidebarHeader, { className: "h-16 justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-2 transition-all w-full", children: [
+        /* @__PURE__ */ jsx(
+          "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__ */ jsx(PanelLeft, { className: "h-4 w-4 text-muted-foreground" })
+          }
+        ),
+        !isCollapsed ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          serviceIcon && /* @__PURE__ */ jsx("span", { className: "text-[#8C34E9] shrink-0", children: serviceIcon }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold tracking-tight truncate", children: serviceName })
+        ] }) : null
+      ] }) }),
+      /* @__PURE__ */ jsxs(SidebarContent, { className: "gap-0", children: [
+        serviceHubUrl && /* @__PURE__ */ jsx(SidebarMenu, { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+          SidebarMenuButton,
+          {
+            onClick: () => {
+              window.location.href = serviceHubUrl;
+            },
+            tooltip: "Back to Service Hub",
+            className: "h-10 transition-all font-normal text-muted-foreground hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { children: "Service Hub" })
+            ]
+          }
+        ) }) }),
+        menuSections.map((section, i) => /* @__PURE__ */ jsx(
+          NavSection,
+          {
+            section,
+            isCollapsed,
+            resolveActive,
+            onNavigate: navigate
+          },
+          section.title ?? section.label ?? `section-${i}`
+        )),
+        isAdmin && adminSections?.map((section, i) => /* @__PURE__ */ jsx(
+          NavSection,
+          {
+            section,
+            marginTop: true,
+            isCollapsed,
+            resolveActive,
+            onNavigate: navigate
+          },
+          section.title ?? section.label ?? `admin-${i}`
+        ))
+      ] }),
+      settingsPath && /* @__PURE__ */ jsx(SidebarFooter, { className: "p-2", children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+        SidebarMenuButton,
+        {
+          onClick: () => navigate(settingsPath),
+          tooltip: "Settings",
+          className: "h-10 transition-all font-normal text-muted-foreground hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: "Settings" })
+          ]
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(SidebarInset, { children: [
+      /* @__PURE__ */ jsxs(
+        "header",
+        {
+          className: cn(
+            "flex items-center justify-between h-14 px-4",
+            "bg-[#0D1220]/95 border-b border-[#1E2738]",
+            "backdrop-blur supports-[backdrop-filter]:backdrop-blur",
+            "sticky top-0 z-40"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx(SidebarTrigger, { className: "h-9 w-9 rounded-lg bg-background shrink-0 md:hidden" }),
+              serviceIcon && /* @__PURE__ */ jsx("span", { className: "text-[#8C34E9] shrink-0 hidden sm:block", children: serviceIcon }),
+              hierarchyNavigator && /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-x-auto scrollbar-none", children: hierarchyNavigator })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+              reportingToolbar,
+              /* @__PURE__ */ jsx(EnterpriseBadge, { enterprise }),
+              /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-[#1E2738] hidden md:block" }),
+              user && /* @__PURE__ */ jsx(UserMenu, { user, onLogout, userSettingsUrl })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("main", { className: "flex-1 p-4 md:p-6 pb-14", children })
+    ] }),
+    footer
+  ] });
+}
+function DashboardLayout(props) {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsx(SidebarProvider, { defaultOpen: props.defaultOpen ?? !isMobile, children: /* @__PURE__ */ jsx(DashboardShell, { ...props }) });
+}
+
+// src/layout/DashboardLayoutSkeleton.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Skeleton({ className }) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: cn(
+        "animate-pulse rounded-md bg-[#1E2738]",
+        className
+      )
+    }
+  );
+}
+function DashboardLayoutSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs2("div", { className: cn("flex min-h-screen bg-[#0A0E1A]", className), children: [
+    /* @__PURE__ */ jsxs2("div", { className: "w-[260px] border-r border-[#1E2738] bg-[#0D1220] p-4 space-y-6", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 px-2", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-8 w-8 rounded-md" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-4 w-24" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2 px-2", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "px-2", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-16 mb-3" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-full rounded-lg mt-2" })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "absolute bottom-4 left-4 right-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 px-1", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-20" }),
+          /* @__PURE__ */ jsx2(Skeleton, { className: "h-2 w-32" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex-1 p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-8 w-48 rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-24 rounded-lg" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-24 rounded-xl" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-24 rounded-xl" })
+      ] }),
+      /* @__PURE__ */ jsx2(Skeleton, { className: "h-64 rounded-xl" }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-10 w-full rounded-lg" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/layout/SharedPageHeader.tsx
+import { ChevronLeft } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SharedPageHeader({
+  title,
+  subtitle,
+  icon,
+  onBack,
+  actions,
+  breadcrumbs,
+  showBorder = true,
+  compact = false,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "w-full",
+        showBorder && "border-b border-[#1E2738]",
+        compact ? "px-4 py-3" : "px-6 py-4",
+        className
+      ),
+      children: [
+        breadcrumbs && /* @__PURE__ */ jsx3("div", { className: cn("mb-2", compact && "mb-1"), children: breadcrumbs }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 min-w-0", children: [
+            onBack && /* @__PURE__ */ jsx3(
+              "button",
+              {
+                onClick: onBack,
+                className: cn(
+                  "shrink-0 p-1.5 rounded-md",
+                  "text-[#8890A0] hover:text-[#E2E8F0] hover:bg-[#1E2738]",
+                  "transition-colors cursor-pointer",
+                  "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]"
+                ),
+                "aria-label": "Go back",
+                children: /* @__PURE__ */ jsx3(ChevronLeft, { className: compact ? "h-4 w-4" : "h-5 w-5" })
+              }
+            ),
+            icon && /* @__PURE__ */ jsx3("div", { className: "shrink-0 text-[#8C34E9]", children: icon }),
+            /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx3(
+                "h1",
+                {
+                  className: cn(
+                    "font-semibold text-[#E2E8F0] truncate",
+                    "font-[Montserrat,sans-serif]",
+                    compact ? "text-lg" : "text-xl"
+                  ),
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsx3(
+                "p",
+                {
+                  className: cn(
+                    "text-[#8890A0] truncate mt-0.5",
+                    "font-[Space_Grotesk,sans-serif]",
+                    compact ? "text-xs" : "text-sm"
+                  ),
+                  children: subtitle
+                }
+              )
+            ] })
+          ] }),
+          actions && /* @__PURE__ */ jsx3("div", { className: "shrink-0 flex items-center gap-2", children: actions })
+        ] }),
+        children && /* @__PURE__ */ jsx3("div", { className: cn("mt-3", compact && "mt-2"), children })
+      ]
+    }
+  );
+}
+
+// src/layout/SharedFooter.tsx
+import { jsx as jsx4, jsxs as jsxs4 } 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" },
+  { name: "Policy Deployment", slug: "policy-deployment", localRoute: "/services/policy-deployment", externalUrl: "https://policy.oplytics.digital" },
+  { name: "Action Manager", slug: "action-manager", localRoute: "/services/action-manager", externalUrl: "https://actions.oplytics.digital" },
+  { name: "Safety Manager", slug: "safety-manager", localRoute: "/services/safety-manager" },
+  { name: "Connect", slug: "connect", localRoute: "/services/connect", externalUrl: "https://connect.oplytics.digital" }
+];
+function SharedFooter({
+  services = FOOTER_SERVICES,
+  showPricing = true,
+  showSignIn = true,
+  onServiceClick,
+  onPricingClick,
+  onSignInClick,
+  children,
+  className,
+  useExternalUrls = false,
+  year
+}) {
+  const currentYear = year ?? (/* @__PURE__ */ new Date()).getFullYear();
+  return /* @__PURE__ */ jsx4(
+    "footer",
+    {
+      className: cn(
+        "w-full border-t border-[#1E2738]",
+        "bg-[#0D1220] text-[#8890A0]",
+        "font-[Space_Grotesk,sans-serif]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs4("div", { className: "max-w-7xl mx-auto px-6 py-10", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 mb-8", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 mb-3", children: [
+              /* @__PURE__ */ jsx4(
+                "div",
+                {
+                  className: "w-7 h-7 rounded-full flex items-center justify-center",
+                  style: { background: "#8C34E9" },
+                  children: /* @__PURE__ */ jsx4("span", { className: "text-white font-bold text-xs", children: "O" })
+                }
+              ),
+              /* @__PURE__ */ jsx4("span", { className: "text-[#E2E8F0] font-semibold text-sm font-[Montserrat,sans-serif]", children: "Oplytics.digital" })
+            ] }),
+            /* @__PURE__ */ jsx4("p", { className: "text-xs text-[#596475] leading-relaxed", children: "Operational intelligence platform for manufacturing excellence." })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Services" }),
+            /* @__PURE__ */ jsx4("ul", { className: "space-y-2", children: services.map((service) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+              "a",
+              {
+                href: useExternalUrls && service.externalUrl ? service.externalUrl : service.localRoute,
+                onClick: onServiceClick ? (e) => onServiceClick(service, e) : void 0,
+                className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                children: service.name
+              }
+            ) }, service.slug)) })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Company" }),
+            /* @__PURE__ */ jsxs4("ul", { className: "space-y-2", children: [
+              showPricing && /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+                "a",
+                {
+                  href: "/pricing",
+                  onClick: onPricingClick,
+                  className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                  children: "Pricing"
+                }
+              ) }),
+              /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+                "a",
+                {
+                  href: "/about",
+                  className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                  children: "About"
+                }
+              ) }),
+              /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+                "a",
+                {
+                  href: "/contact",
+                  className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                  children: "Contact"
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("h4", { className: "text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]", children: "Legal" }),
+            /* @__PURE__ */ jsxs4("ul", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+                "a",
+                {
+                  href: "/privacy",
+                  className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                  children: "Privacy Policy"
+                }
+              ) }),
+              /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+                "a",
+                {
+                  href: "/terms",
+                  className: "text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors",
+                  children: "Terms of Service"
+                }
+              ) })
+            ] }),
+            showSignIn && /* @__PURE__ */ jsx4("div", { className: "mt-4", children: /* @__PURE__ */ jsx4(
+              "a",
+              {
+                href: "/login",
+                onClick: onSignInClick,
+                className: "text-xs text-[#8C34E9] hover:text-[#A855F7] transition-colors font-medium",
+                children: "Sign In"
+              }
+            ) })
+          ] })
+        ] }),
+        children,
+        /* @__PURE__ */ jsxs4("div", { className: "pt-6 border-t border-[#1E2738] flex flex-col sm:flex-row items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs4("p", { className: "text-xs text-[#596475]", children: [
+            "\xA9 ",
+            currentYear,
+            " Oplytics.digital. All rights reserved."
+          ] }),
+          /* @__PURE__ */ jsx4("p", { className: "text-xs text-[#3E4A5C]", children: "Built for manufacturing excellence" }),
+          typeof __APP_VERSION__ !== "undefined" && /* @__PURE__ */ jsxs4("p", { className: "text-xs text-[#3E4A5C]", children: [
+            "Platform v",
+            __APP_VERSION__
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/layout/ServiceFooter.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var ENV_LABELS = {
+  production: { label: "prod", color: "#10b981" },
+  staging: { label: "stg", color: "#f59e0b" },
+  development: { label: "dev", color: "#8C34E9" }
+};
+function ServiceFooter({
+  enterpriseId,
+  enterpriseName,
+  userRole,
+  userEmail,
+  environment,
+  buildVersion,
+  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__ */ jsxs5(
+    "footer",
+    {
+      className: cn(
+        "w-full border-t border-[#1E2738] bg-[#0D1220]",
+        "flex items-center justify-between px-4",
+        "h-9 min-h-[36px] shrink-0",
+        "font-[Montserrat,sans-serif]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx5(
+            "div",
+            {
+              className: "w-5 h-5 rounded-full flex items-center justify-center shrink-0",
+              style: { background: "#8C34E9" },
+              children: /* @__PURE__ */ jsx5("span", { className: "text-white font-bold", style: { fontSize: 9 }, children: "O" })
+            }
+          ),
+          /* @__PURE__ */ jsx5("span", { className: "text-[10px] text-[#596475] whitespace-nowrap hidden sm:inline", children: "Operational Excellence. One Digital Platform." })
+        ] }),
+        showHealthMonitor && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5 text-[10px] text-[#3E4A5C] min-w-0 overflow-hidden", children: [
+          enterpriseName && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            /* @__PURE__ */ jsxs5("span", { className: "whitespace-nowrap", children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-[#596475]", children: enterpriseName }),
+              enterpriseId != null && /* @__PURE__ */ jsxs5("span", { className: "text-[#3E4A5C]", children: [
+                " (",
+                enterpriseId,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx5(Separator, {})
+          ] }),
+          userEmail && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            /* @__PURE__ */ jsx5("span", { className: "whitespace-nowrap text-[#596475]", children: userEmail }),
+            userRole && /* @__PURE__ */ jsxs5("span", { className: "text-[#3E4A5C]", children: [
+              " (",
+              userRole,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx5(Separator, {})
+          ] }),
+          env && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            /* @__PURE__ */ jsxs5("span", { className: "whitespace-nowrap", children: [
+              "ENV:",
+              " ",
+              /* @__PURE__ */ jsx5("span", { style: { color: env.color }, className: "font-semibold", children: env.label })
+            ] }),
+            /* @__PURE__ */ jsx5(Separator, {})
+          ] }),
+          version && /* @__PURE__ */ jsxs5("span", { className: "whitespace-nowrap text-[#3E4A5C] font-mono", children: [
+            "v.",
+            version
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-[10px] text-[#3E4A5C] whitespace-nowrap shrink-0", children: [
+          /* @__PURE__ */ jsxs5("span", { children: [
+            "\xA9 ",
+            currentYear,
+            " Oplytics.digital"
+          ] }),
+          !showHealthMonitor && version && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            /* @__PURE__ */ jsx5(Separator, {}),
+            /* @__PURE__ */ jsxs5("span", { className: "font-mono", children: [
+              "v.",
+              version
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Separator() {
+  return /* @__PURE__ */ jsx5("span", { className: "text-[#1E2738] select-none", "aria-hidden": true, children: "|" });
+}
+
+// src/layout/createServiceLayout.tsx
+function defineServiceLayout(config) {
+  return {
+    defaultWidth: 260,
+    minWidth: 200,
+    maxWidth: 480,
+    showPageHeader: true,
+    showReportingToolbar: false,
+    wrapHierarchyProvider: false,
+    showAuthGate: true,
+    ...config,
+    storageKeyPrefix: config.storageKeyPrefix || config.serviceName.toLowerCase().replace(/\s+/g, "-")
+  };
+}
+
+// src/layout/serviceConfigs.ts
+var sqdcpConfig = {
+  serviceName: "SQDCP",
+  serviceAbbreviation: "S",
+  serviceIconName: "BarChart3",
+  menuSections: [
+    {
+      items: [
+        { iconName: "LayoutDashboard", label: "Dashboard", path: "/" },
+        { iconName: "PenLine", label: "Data Entry", path: "/entry" },
+        { iconName: "ClipboardList", label: "Action Tracker", path: "/actions" },
+        { iconName: "FileText", label: "Reports", path: "/reports" },
+        { iconName: "Settings", label: "Admin", path: "/admin" }
+      ]
+    }
+  ],
+  showPageHeader: true,
+  showReportingToolbar: true,
+  reportingModuleName: "SQDCP",
+  wrapHierarchyProvider: false,
+  showAuthGate: false,
+  storageKeyPrefix: "sqdcp-sidebar",
+  defaultWidth: 260,
+  minWidth: 200,
+  maxWidth: 480
+};
+var oeeManagerConfig = {
+  serviceName: "OEE Manager",
+  serviceAbbreviation: "o",
+  serviceIconName: "BarChart3",
+  menuSections: [
+    {
+      items: [
+        { iconName: "BarChart3", label: "Dashboard", path: "/" },
+        { iconName: "Database", label: "Data Input", path: "/data-input" },
+        { iconName: "Clock", label: "Downtime", path: "/downtime" },
+        { iconName: "Settings", label: "Settings", path: "/settings" }
+      ]
+    }
+  ],
+  backLink: {
+    label: "Back to Portal",
+    path: "https://portal.oplytics.digital"
+  },
+  showPageHeader: true,
+  showReportingToolbar: true,
+  reportingModuleName: "OEE Enterprise Manager",
+  wrapHierarchyProvider: false,
+  showAuthGate: false,
+  storageKeyPrefix: "oee-sidebar",
+  defaultWidth: 240,
+  minWidth: 200,
+  maxWidth: 400
+};
+var actionManagerConfig = {
+  serviceName: "Action Manager",
+  serviceAbbreviation: "A",
+  serviceIconName: "LayoutDashboard",
+  menuSections: [
+    {
+      items: [
+        { iconName: "LayoutDashboard", label: "Dashboard", path: "/" },
+        { iconName: "Users", label: "Teams", path: "/teams" }
+      ]
+    }
+  ],
+  showPageHeader: true,
+  showReportingToolbar: false,
+  reportingModuleName: "Action Manager",
+  wrapHierarchyProvider: false,
+  showAuthGate: true,
+  storageKeyPrefix: "actionmanager-sidebar",
+  defaultWidth: 280,
+  minWidth: 200,
+  maxWidth: 480
+};
+var businessHubConfig = {
+  serviceName: "Business Hub",
+  serviceAbbreviation: "B",
+  serviceIconName: "LayoutDashboard",
+  menuSections: [
+    {
+      items: [
+        { iconName: "LayoutDashboard", label: "Dashboard", path: "/" },
+        { iconName: "Users", label: "Analytics", path: "/analytics" }
+      ]
+    }
+  ],
+  showPageHeader: true,
+  showReportingToolbar: false,
+  reportingModuleName: "Business Hub",
+  wrapHierarchyProvider: false,
+  showAuthGate: true,
+  storageKeyPrefix: "businesshub-sidebar",
+  defaultWidth: 280,
+  minWidth: 200,
+  maxWidth: 480
+};
+var policyDeploymentConfig = {
+  serviceName: "Policy Deployment",
+  serviceAbbreviation: "PD",
+  serviceIconName: "FileStack",
+  menuSections: [
+    {
+      label: "Analysis",
+      items: [
+        { iconName: "LayoutGrid", label: "Dashboard", path: "/app/policy-deployment" },
+        { iconName: "Grid3X3", label: "X-Matrix", path: "/app/policy-deployment/xmatrix" },
+        { iconName: "BarChart3", label: "Bowling Chart", path: "/app/policy-deployment/bowling" },
+        { iconName: "FolderKanban", label: "Action Plans", path: "/app/policy-deployment/actions" },
+        { iconName: "GitBranchPlus", label: "Catchball", path: "/app/policy-deployment/catchball" },
+        { iconName: "Target", label: "Deployments", path: "/app/policy-deployment/deployments" }
+      ]
+    },
+    {
+      label: "Administration",
+      adminOnly: true,
+      items: [
+        { iconName: "Settings", label: "Manage Policy", path: "/app/policy-deployment/manage" },
+        { iconName: "Plug", label: "Integrations", path: "/app/policy-deployment/integrations" }
+      ]
+    }
+  ],
+  backLink: {
+    label: "Service Hub",
+    path: "/app"
+  },
+  showPageHeader: true,
+  showReportingToolbar: true,
+  reportingModuleName: "Policy Deployment",
+  wrapHierarchyProvider: true,
+  showAuthGate: true,
+  storageKeyPrefix: "policy-sidebar",
+  defaultWidth: 260,
+  minWidth: 200,
+  maxWidth: 480
+};
+var SERVICE_CONFIGS = {
+  sqdcp: sqdcpConfig,
+  oeeManager: oeeManagerConfig,
+  actionManager: actionManagerConfig,
+  businessHub: businessHubConfig,
+  policyDeployment: policyDeploymentConfig
+};
+
+export {
+  isAdminRole,
+  getInitials,
+  isMenuItemActive,
+  useSidebarResize,
+  DashboardLayout,
+  DashboardLayoutSkeleton,
+  SharedPageHeader,
+  FOOTER_SERVICES,
+  SharedFooter,
+  ServiceFooter,
+  defineServiceLayout,
+  sqdcpConfig,
+  oeeManagerConfig,
+  actionManagerConfig,
+  businessHubConfig,
+  policyDeploymentConfig,
+  SERVICE_CONFIGS
+};
+//# sourceMappingURL=chunk-MAKRKBBI.js.map