@pablo2410/shared-ui 0.5.0 → 0.6.1

package/dist/layout/index.js

@@ -1,832 +1,24 @@
 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
-};
+  DashboardLayout,
+  DashboardLayoutSkeleton,
+  FOOTER_SERVICES,
+  SERVICE_CONFIGS,
+  ServiceFooter,
+  SharedFooter,
+  SharedPageHeader,
+  actionManagerConfig,
+  businessHubConfig,
+  defineServiceLayout,
+  getInitials,
+  isAdminRole,
+  isMenuItemActive,
+  oeeManagerConfig,
+  policyDeploymentConfig,
+  sqdcpConfig,
+  useSidebarResize
+} from "../chunk-MAKRKBBI.js";
+import "../chunk-JT3XLKKD.js";
+import "../chunk-LTUYIBMA.js";
 export {
   DashboardLayout,
   DashboardLayoutSkeleton,