@pablo2410/shared-ui 0.17.2 → 0.18.0

package/dist/{HealthFooter-BnDhAj0x.d.ts → HealthFooter-C5K9s38i.d.ts}

@@ -167,7 +167,7 @@ interface DashboardLayoutProps {
     isActive?: (itemPath: string, activePath: string) => boolean;
     /** URL for the "← Service Hub" link at the top of the nav (full-page nav). */
     serviceHubUrl?: string;
-    /** URL for the "Portal" link in the header (right of the enterprise badge).
+    /** URL for the "Portal" link in the header (right of the reporting toolbar).
      * Omit to hide the link. Defaults to the platform portal root when not
      * explicitly disabled — pass `null` to hide it. */
     portalUrl?: string | null;
@@ -185,7 +185,10 @@ interface DashboardLayoutProps {
     userSettingsUrl?: string;
     /** App-provided hierarchy navigator rendered in the header breadcrumb slot. */
     hierarchyNavigator?: ReactNode;
-    /** Selected enterprise — drives the header enterprise badge. */
+    /** Selected enterprise — passed to the user menu's diagnostic label
+     * (EnterpriseDebugLabel) and, where a hierarchy navigator is supplied,
+     * already visible via the breadcrumb; no longer rendered as a separate
+     * header badge (removed as redundant with both). */
     enterprise?: DashboardLayoutEnterprise | null;
     /** App-provided reporting toolbar rendered on the right of the header. */
     reportingToolbar?: ReactNode;

package/dist/{chunk-LPLB6L7Q.js → chunk-KXUNOSMZ.js}

@@ -311,13 +311,6 @@ function UserMenu({
     ] })
   ] });
 }
-function EnterpriseBadge({ enterprise }) {
-  if (!enterprise) return null;
-  return /* @__PURE__ */ jsxs4("div", { className: "shell-hidden shell-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({
   section,
   marginTop,
@@ -484,7 +477,6 @@ function DashboardShell({
             ] }),
             /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 shrink-0", children: [
               reportingToolbar,
-              /* @__PURE__ */ jsx4(EnterpriseBadge, { enterprise }),
               portalUrl2 && /* @__PURE__ */ jsxs4(
                 "a",
                 {
@@ -1097,4 +1089,4 @@ export {
   policyDeploymentConfig,
   SERVICE_CONFIGS
 };
-//# sourceMappingURL=chunk-LPLB6L7Q.js.map
+//# sourceMappingURL=chunk-KXUNOSMZ.js.map

package/dist/chunk-KXUNOSMZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/SharedSidebar.tsx","../src/layout/DashboardLayout.tsx","../src/layout/CrossServiceNav.tsx","../src/layout/HealthFooter.tsx","../src/layout/EnterpriseDebugLabel.tsx","../src/layout/DashboardLayoutSkeleton.tsx","../src/layout/SharedPageHeader.tsx","../src/layout/SharedFooter.tsx","../src/layout/ServiceFooter.tsx","../src/layout/createServiceLayout.tsx","../src/layout/serviceConfigs.ts"],"sourcesContent":["/**\n * SharedSidebar — Config-driven sidebar component for all Oplytics subdomains.\n *\n * Replaces per-subdomain DashboardLayout sidebar implementations with a single\n * shared component. Each subdomain provides its own configuration (menu items,\n * service name, feature flags) and gets a consistent sidebar experience.\n *\n * Features:\n *   - Resizable sidebar with localStorage persistence\n *   - Collapsible icon mode with tooltips\n *   - Service branding (icon + name) in header\n *   - \"Back to Service Hub/Portal\" link (configurable)\n *   - Grouped menu sections with optional section labels\n *   - Admin-only menu items (role-gated)\n *   - User avatar footer with optional logout dropdown\n *   - Mobile-responsive with auto-collapse\n *\n * Usage:\n *   import { createServiceLayout } from \"@shared/components/SharedSidebar\";\n *   const MyLayout = createServiceLayout({ serviceName: \"SQDCP\", ... });\n *   // Then use <MyLayout>{children}</MyLayout> in your routes\n *\n * @module shared/components/SharedSidebar\n */\n\nimport React, { CSSProperties, useEffect, useRef, useState } from \"react\";\n\n/* ── Types ── */\n\nexport interface MenuItem {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  path: string;\n  /** Optional badge text (e.g. count) */\n  badge?: string | number;\n  /**\n   * Optional accent classes applied to this item's icon + label at all times\n   * (active or not) — e.g. \"text-purple-400\" to flag a premium/upsell item.\n   * Omit for the default muted/active-primary treatment every other item uses.\n   */\n  accentClassName?: string;\n}\n\nexport interface MenuSection {\n  /** Section label displayed above items */\n  label?: string;\n  /** Alias for label — used by DashboardLayout */\n  title?: string;\n  items: MenuItem[];\n  adminOnly?: boolean;\n  /**\n   * Optional accent classes applied to the section label text — e.g.\n   * \"text-purple-400\" for a \"Premium Service\" heading. Omit for the\n   * default muted-foreground treatment.\n   */\n  labelClassName?: string;\n}\n\nexport interface SharedSidebarConfig {\n  /** Display name shown in sidebar header */\n  serviceName: string;\n  /** Icon component rendered next to service name */\n  serviceIcon: React.ReactNode;\n  /** Primary navigation items */\n  menuSections: MenuSection[];\n  /** Show \"Back to Service Hub\" / \"Back to Portal\" link at top of nav */\n  backLink?: {\n    label: string;\n    path: string;\n  };\n  /** localStorage key prefix for sidebar width persistence */\n  storageKeyPrefix?: string;\n  /** Default sidebar width in pixels (default: 260) */\n  defaultWidth?: number;\n  /** Minimum sidebar width in pixels (default: 200) */\n  minWidth?: number;\n  /** Maximum sidebar width in pixels (default: 480) */\n  maxWidth?: number;\n}\n\nexport interface SharedSidebarProps {\n  config: SharedSidebarConfig;\n  /** Current route location */\n  location: string;\n  /** Navigate to a path */\n  setLocation: (path: string) => void;\n  /** Current user object (null if not authenticated) */\n  user: { name?: string; email?: string; role?: string } | null;\n  /** Logout handler */\n  onLogout?: () => void;\n  /** Whether sidebar is collapsed */\n  isCollapsed: boolean;\n  /** Toggle sidebar collapsed state */\n  toggleSidebar: () => void;\n  /** Whether user has admin role */\n  isAdmin: boolean;\n  /** Children rendered in SidebarInset main area */\n  children: React.ReactNode;\n}\n\n/* ── Constants ── */\n\nconst ADMIN_ROLES = [\"enterprise_admin\", \"platform_admin\", \"admin\", \"superuser\"];\n\n/* ── Helpers ── */\n\nexport function isAdminRole(role?: string): boolean {\n  return !!role && ADMIN_ROLES.includes(role);\n}\n\nexport function getInitials(name?: string): string {\n  if (!name) return \"U\";\n  return name\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n\n/**\n * Determines if a menu item is active based on current location.\n * Exact match for root paths, startsWith for nested paths.\n */\nexport function isMenuItemActive(itemPath: string, location: string, basePath?: string): boolean {\n  if (basePath) {\n    // For subdomain routes with a base path (e.g., /app/policy-deployment)\n    if (itemPath === basePath) return location === basePath;\n    return location.startsWith(itemPath);\n  }\n  // For root-level routes\n  if (itemPath === \"/\") return location === \"/\";\n  return location.startsWith(itemPath);\n}\n\n/* ── Resize Hook ── */\n\nexport function useSidebarResize(config: {\n  storageKey: string;\n  defaultWidth: number;\n  minWidth: number;\n  maxWidth: number;\n}) {\n  const [width, setWidth] = useState(() => {\n    if (typeof window === \"undefined\") return config.defaultWidth;\n    const saved = localStorage.getItem(config.storageKey);\n    return saved ? parseInt(saved, 10) : config.defaultWidth;\n  });\n  const [isResizing, setIsResizing] = useState(false);\n  const startX = useRef(0);\n  const startWidth = useRef(config.defaultWidth);\n\n  useEffect(() => {\n    localStorage.setItem(config.storageKey, String(width));\n  }, [width, config.storageKey]);\n\n  useEffect(() => {\n    if (!isResizing) return;\n    const onMove = (e: MouseEvent) => {\n      const newWidth = Math.min(\n        config.maxWidth,\n        Math.max(config.minWidth, startWidth.current + (e.clientX - startX.current))\n      );\n      setWidth(newWidth);\n    };\n    const onUp = () => {\n      setIsResizing(false);\n    };\n    document.addEventListener(\"mousemove\", onMove);\n    document.addEventListener(\"mouseup\", onUp);\n    document.body.style.cursor = \"col-resize\";\n    document.body.style.userSelect = \"none\";\n    return () => {\n      document.removeEventListener(\"mousemove\", onMove);\n      document.removeEventListener(\"mouseup\", onUp);\n      document.body.style.cursor = \"\";\n      document.body.style.userSelect = \"\";\n    };\n  }, [isResizing, config.minWidth, config.maxWidth]);\n\n  const startResize = (e: React.MouseEvent) => {\n    setIsResizing(true);\n    startX.current = e.clientX;\n    startWidth.current = width;\n  };\n\n  return { width, isResizing, startResize };\n}\n\n/* ── Export config type for subdomain use ── */\nexport type { SharedSidebarConfig as SidebarConfig };\n","/**\n * DashboardLayout — the canonical sidebar + header shell for every Oplytics\n * subdomain (the \"Policy Deployment\" gold-standard layout, consolidated).\n *\n * Built on the shadcn `Sidebar` primitives shipped from `@pablo2410/shared-ui/primitives`.\n * It renders an identical chrome across services:\n *   - Collapsible icon sidebar with a brand header (icon + service name)\n *   - \"← Service Hub\" link pinned to the top of the nav\n *   - Grouped, optionally admin-gated menu sections\n *   - Settings footer\n *   - Sticky top header with a hierarchy-breadcrumb slot, reporting-toolbar\n *     slot, and a user menu\n *\n * The component is intentionally app-agnostic: it imports no app hooks\n * (`useAuth`, `useHierarchy`, router). Apps pass identity, navigation state,\n * and their hierarchy navigator / reporting toolbar in as props/slots.\n *\n * Oplytics dark theme: #0D1220 header, #1E2738 border, #8C34E9 accent.\n */\nimport { type ReactNode } from \"react\";\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n  useSidebar,\n  Avatar,\n  AvatarFallback,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../primitives\";\nimport { portalUrl as buildPortalUrl } from \"../services/platformDomain\";\nimport { useIsMobile } from \"../primitives/useMobile\";\nimport { ArrowLeft, ExternalLink, LogOut, PanelLeft, Settings } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { type MenuItem, type MenuSection, isMenuItemActive } from \"./SharedSidebar\";\nimport { CrossServiceNav } from \"./CrossServiceNav\";\nimport type { CrossServiceLink } from \"../services/crossNav\";\nimport { HealthFooter } from \"./HealthFooter\";\nimport { EnterpriseDebugLabel } from \"./EnterpriseDebugLabel\";\n\n/* ── Re-export sidebar types ── */\nexport type { MenuItem, MenuSection };\n\n/* ── Types ── */\n\nexport interface DashboardLayoutUser {\n  name?: string;\n  email?: string;\n  role?: string;\n  avatarUrl?: string;\n  /** The user's stable identifier (typically the JWT `openId` claim).\n   * Optional — only used by the HealthFooter diagnostic strip. */\n  openId?: string;\n  /** The enterprise id from the JWT (`enterpriseId` claim). May be null\n   * for platform_admin users who haven't selected an active enterprise.\n   * Optional — only used by the HealthFooter diagnostic strip. */\n  enterpriseId?: number | null;\n}\n\nexport interface DashboardLayoutEnterprise {\n  /** The enterprise id the org-hierarchy is currently scoped to. Optional\n   * — only used by the HealthFooter diagnostic strip; the visible header\n   * badge only needs `name` (and optionally `code`). */\n  id?: number;\n  name: string;\n  code?: string;\n}\n\nexport interface DashboardLayoutProps {\n  /** Service/module name shown in the sidebar brand header (e.g. \"OEE Manager\").\n   * Stays constant across navigation — for a per-route secondary label\n   * (e.g. the active section name), pass `sectionLabel` instead of changing\n   * this on navigate. */\n  serviceName: string;\n  /** Optional secondary label shown next to `serviceName`, separated by a\n   * \"›\" (e.g. serviceName=\"Admin Controls\", sectionLabel=\"Users\" renders\n   * \"Admin Controls › Users\"). Typically the active nav item's label —\n   * update this per route instead of swapping `serviceName` itself, so the\n   * primary brand name stays stable while navigating. */\n  sectionLabel?: string;\n  /** Service icon (a lucide icon element), shown in the sidebar brand + header. */\n  serviceIcon?: ReactNode;\n  /** Primary navigation sections. */\n  menuSections: MenuSection[];\n  /** Admin-only navigation sections, rendered when `isAdmin` is true. */\n  adminSections?: MenuSection[];\n  /** Whether the current user may see `adminSections`. */\n  isAdmin?: boolean;\n  /** Current route (the app's router supplies this). */\n  activePath: string;\n  /** Navigate handler (the app's router supplies this). */\n  onNavigate: (path: string) => void;\n  /** Optional override for active-item detection. */\n  isActive?: (itemPath: string, activePath: string) => boolean;\n  /** URL for the \"← Service Hub\" link at the top of the nav (full-page nav). */\n  serviceHubUrl?: string;\n  /** URL for the \"Portal\" link in the header (right of the reporting toolbar).\n   * Omit to hide the link. Defaults to the platform portal root when not\n   * explicitly disabled — pass `null` to hide it. */\n  portalUrl?: string | null;\n  /** Direct links to sibling services, rendered under the Service Hub link.\n   * Build with `buildCrossServiceLinks` (services/crossNav) so provisioning\n   * gating and the ?oh= hierarchy carry-over are handled consistently. */\n  crossServiceLinks?: CrossServiceLink[];\n  /** Footer \"Settings\" route. Omit to hide the footer. */\n  settingsPath?: string;\n  /** Authenticated user (drives the header user menu). */\n  user?: DashboardLayoutUser | null;\n  /** Sign-out handler invoked from the user menu. */\n  onLogout?: () => void;\n  /** \"User Settings\" target in the user menu (full-page nav). */\n  userSettingsUrl?: string;\n  /** App-provided hierarchy navigator rendered in the header breadcrumb slot. */\n  hierarchyNavigator?: ReactNode;\n  /** Selected enterprise — passed to the user menu's diagnostic label\n   * (EnterpriseDebugLabel) and, where a hierarchy navigator is supplied,\n   * already visible via the breadcrumb; no longer rendered as a separate\n   * header badge (removed as redundant with both). */\n  enterprise?: DashboardLayoutEnterprise | null;\n  /** App-provided reporting toolbar rendered on the right of the header. */\n  reportingToolbar?: ReactNode;\n  /** Whether the sidebar starts expanded. Defaults to `!isMobile`. */\n  defaultOpen?: boolean;\n  /** Extra footer rendered fixed at the bottom (e.g. a debug/health bar).\n   * Coexists with `showHealthFooter` — pass both if you want both. */\n  footer?: ReactNode;\n  /** When true AND the current user has `role === \"platform_admin\"`, the\n   * shell renders the standardised platform-admin diagnostic strip\n   * (`HealthFooter`) fixed at the bottom of the viewport. Subdomains\n   * opt in with one prop and inherit any future improvements to the\n   * strip without code changes. */\n  showHealthFooter?: boolean;\n  /**\n   * Deployed-build info shown in the HealthFooter diagnostic strip\n   * (build: version · commit · date). The consuming app supplies these from\n   * its own build-time constants (e.g. Vite `define` of __BUILD_DATE__ /\n   * __COMMIT_HASH__) and passes them down — globals can't be read from inside\n   * this pre-compiled package, so they must arrive as props.\n   */\n  buildDate?: string;\n  commitHash?: string;\n  buildVersion?: string;\n  /** Main content. */\n  children: ReactNode;\n}\n\n/* Defaults resolve the platform domain at render time (see platformDomain). */\nconst defaultServiceHubUrl = () => buildPortalUrl(\"/app\");\nconst defaultUserSettingsUrl = () => buildPortalUrl(\"/account\");\nconst defaultPortalUrl = () => buildPortalUrl(\"/\");\n\n/* ── Header: user menu ── */\n\nfunction UserMenu({\n  user,\n  onLogout,\n  userSettingsUrl = defaultUserSettingsUrl(),\n  enterprise,\n}: {\n  user: DashboardLayoutUser;\n  onLogout?: () => void;\n  userSettingsUrl?: string;\n  /** Active enterprise, used to render the TEMP diagnostic chip inside the menu. */\n  enterprise?: { id?: number | null; name?: string | null } | null;\n}) {\n  const initials = (user.name || \"U\")\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <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]\">\n          <Avatar className=\"h-7 w-7 border border-[#2A2A3E]\">\n            <AvatarFallback className=\"text-[10px] font-medium bg-[#8C34E9]/20 text-[#C084FC]\">\n              {initials}\n            </AvatarFallback>\n          </Avatar>\n          <span className=\"shell-hidden shell-md:block text-xs text-[#E2E8F0] truncate max-w-[100px]\">\n            {user.name || \"User\"}\n          </span>\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-48 bg-[#0D1220] border-[#1E2738]\">\n        <div className=\"px-3 py-2 border-b border-[#1E2738]\">\n          <p className=\"text-xs font-medium text-[#E2E8F0] truncate\">{user.name}</p>\n          <p className=\"text-[10px] text-[#596475] truncate\">{user.role}</p>\n        </div>\n        {/* TEMP DIAGNOSTIC — remove once subdomain enterprise-data issue is fixed.\n            Lives inside the user menu (below the name, above User Settings) to keep\n            it out of the header bar. */}\n        <div className=\"px-2 py-2 border-b border-[#1E2738]\">\n          <EnterpriseDebugLabel\n            selectionEnterpriseId={enterprise?.id ?? null}\n            cookieEnterpriseName={enterprise?.name ?? null}\n          />\n        </div>\n        <DropdownMenuItem\n          onClick={() => {\n            window.location.href = userSettingsUrl;\n          }}\n          className=\"text-xs text-[#E2E8F0] hover:bg-[#1E2738] cursor-pointer focus:bg-[#1E2738]\"\n        >\n          <Settings className=\"h-3.5 w-3.5 mr-2 text-[#8890A0]\" />\n          User Settings\n        </DropdownMenuItem>\n        <DropdownMenuSeparator className=\"bg-[#1E2738]\" />\n        <DropdownMenuItem\n          onClick={() => onLogout?.()}\n          className=\"text-xs text-[#EF4444] hover:bg-[#EF4444]/10 cursor-pointer focus:bg-[#EF4444]/10 focus:text-[#EF4444]\"\n        >\n          <LogOut className=\"h-3.5 w-3.5 mr-2\" />\n          Sign Out\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* ── Sidebar nav section ── */\n\nfunction NavSection({\n  section,\n  marginTop,\n  isCollapsed,\n  resolveActive,\n  onNavigate,\n}: {\n  section: MenuSection;\n  marginTop?: boolean;\n  isCollapsed: boolean;\n  resolveActive: (path: string) => boolean;\n  onNavigate: (path: string) => void;\n}) {\n  const label = section.title ?? section.label;\n  return (\n    <>\n      {label && (\n        <div className={cn(\"px-4 py-2\", marginTop && \"mt-2\")}>\n          {!isCollapsed && (\n            <span\n              className={cn(\n                \"text-xs font-medium uppercase tracking-wider\",\n                section.labelClassName ?? \"text-muted-foreground\",\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </div>\n      )}\n      <SidebarMenu className=\"px-2 py-1\">\n        {section.items.map((item: MenuItem) => {\n          const active = resolveActive(item.path);\n          const Icon = item.icon;\n          return (\n            <SidebarMenuItem key={item.path}>\n              <SidebarMenuButton\n                isActive={active}\n                onClick={() => onNavigate(item.path)}\n                tooltip={item.label}\n                className=\"h-10 transition-all font-normal\"\n              >\n                {Icon && (\n                  <Icon\n                    className={cn(\n                      \"h-4 w-4\",\n                      item.accentClassName ?? (active && \"text-primary\"),\n                    )}\n                  />\n                )}\n                <span className={cn(item.accentClassName)}>{item.label}</span>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          );\n        })}\n      </SidebarMenu>\n    </>\n  );\n}\n\n/* ── Inner shell (runs inside SidebarProvider, so it can call useSidebar) ── */\n\nfunction DashboardShell({\n  serviceName,\n  sectionLabel,\n  serviceIcon,\n  menuSections,\n  adminSections,\n  isAdmin = false,\n  activePath,\n  onNavigate,\n  isActive,\n  serviceHubUrl = defaultServiceHubUrl(),\n  portalUrl = defaultPortalUrl(),\n  crossServiceLinks,\n  settingsPath,\n  user,\n  onLogout,\n  userSettingsUrl,\n  hierarchyNavigator,\n  enterprise,\n  reportingToolbar,\n  footer,\n  showHealthFooter,\n  buildDate,\n  commitHash,\n  buildVersion,\n  children,\n}: DashboardLayoutProps) {\n  const { toggleSidebar, state } = useSidebar();\n  const isCollapsed = state === \"collapsed\";\n\n  const navigate = onNavigate;\n  const resolveActive = (path: string) =>\n    isActive ? isActive(path, activePath) : isMenuItemActive(path, activePath);\n\n  return (\n    <>\n      <Sidebar collapsible=\"icon\" className=\"border-r-0\">\n        <SidebarHeader className={cn(sectionLabel && !isCollapsed ? \"h-16\" : \"h-16 justify-center\")}>\n          <div className=\"flex items-center gap-3 px-2 transition-all w-full\">\n            <button\n              onClick={toggleSidebar}\n              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\"\n              aria-label=\"Toggle navigation\"\n            >\n              <PanelLeft className=\"h-4 w-4 text-muted-foreground\" />\n            </button>\n            {!isCollapsed ? (\n              <div className=\"flex items-center gap-2 min-w-0\">\n                {serviceIcon && (\n                  <span className=\"text-[#8C34E9] shrink-0\">{serviceIcon}</span>\n                )}\n                <span className=\"flex flex-col min-w-0 leading-tight\">\n                  <span className=\"font-semibold tracking-tight truncate\">\n                    {serviceName}\n                  </span>\n                  {sectionLabel && (\n                    <span className=\"text-xs text-[#8890A0] truncate\">\n                      {sectionLabel}\n                    </span>\n                  )}\n                </span>\n              </div>\n            ) : null}\n          </div>\n        </SidebarHeader>\n\n        <SidebarContent className=\"gap-0\">\n          {/* Service Hub — pinned to the top of the nav */}\n          {serviceHubUrl && (\n            <SidebarMenu className=\"px-2 pt-2 pb-1\">\n              <SidebarMenuItem>\n                <SidebarMenuButton\n                  onClick={() => {\n                    window.location.href = serviceHubUrl;\n                  }}\n                  tooltip=\"Back to Service Hub\"\n                  className=\"h-10 transition-all font-normal text-muted-foreground hover:text-foreground\"\n                >\n                  <ArrowLeft className=\"h-4 w-4\" />\n                  <span>Service Hub</span>\n                </SidebarMenuButton>\n              </SidebarMenuItem>\n            </SidebarMenu>\n          )}\n\n          {/* Cross-service links — jump straight to a sibling service */}\n          <CrossServiceNav links={crossServiceLinks ?? []} />\n\n          {/* Primary navigation */}\n          {menuSections.map((section, i) => (\n            <NavSection\n              key={section.title ?? section.label ?? `section-${i}`}\n              section={section}\n              isCollapsed={isCollapsed}\n              resolveActive={resolveActive}\n              onNavigate={navigate}\n            />\n          ))}\n\n          {/* Admin-only navigation */}\n          {isAdmin &&\n            adminSections?.map((section, i) => (\n              <NavSection\n                key={section.title ?? section.label ?? `admin-${i}`}\n                section={section}\n                marginTop\n                isCollapsed={isCollapsed}\n                resolveActive={resolveActive}\n                onNavigate={navigate}\n              />\n            ))}\n        </SidebarContent>\n\n        {settingsPath && (\n          <SidebarFooter className=\"p-2\">\n            <SidebarMenu>\n              <SidebarMenuItem>\n                <SidebarMenuButton\n                  onClick={() => navigate(settingsPath)}\n                  tooltip=\"Settings\"\n                  className=\"h-10 transition-all font-normal text-muted-foreground hover:text-foreground\"\n                >\n                  <Settings className=\"h-4 w-4\" />\n                  <span>Settings</span>\n                </SidebarMenuButton>\n              </SidebarMenuItem>\n            </SidebarMenu>\n          </SidebarFooter>\n        )}\n      </Sidebar>\n\n      <SidebarInset>\n        <header\n          className={cn(\n            \"flex items-center justify-between h-14 px-4\",\n            \"bg-[#0D1220]/95 border-b border-[#1E2738]\",\n            \"backdrop-blur supports-[backdrop-filter]:backdrop-blur\",\n            \"sticky top-0 z-40\"\n          )}\n        >\n          {/* LEFT: mobile trigger + service icon + hierarchy breadcrumb */}\n          <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n            <SidebarTrigger className=\"h-9 w-9 rounded-lg bg-background shrink-0 shell-md:hidden\" />\n            {serviceIcon && (\n              <span className=\"text-[#8C34E9] shrink-0 shell-hidden shell-sm:block\">{serviceIcon}</span>\n            )}\n            {hierarchyNavigator && (\n              <div className=\"min-w-0 overflow-x-auto scrollbar-none\">{hierarchyNavigator}</div>\n            )}\n          </div>\n\n          {/* RIGHT: reporting toolbar + portal link + user menu */}\n          <div className=\"flex items-center gap-2 shrink-0\">\n            {reportingToolbar}\n            {portalUrl && (\n              <a\n                href={portalUrl}\n                className=\"shell-hidden shell-md:flex items-center gap-1 px-2 py-1 rounded-md text-[10px] text-[#8890A0] hover:text-[#E2E8F0] hover:bg-[#1E2738] transition-colors\"\n                title=\"Back to Portal\"\n              >\n                <ExternalLink className=\"h-3 w-3\" />\n                <span>Portal</span>\n              </a>\n            )}\n            <div className=\"w-px h-6 bg-[#1E2738] shell-hidden shell-md:block\" />\n            {user && (\n              <UserMenu\n                user={user}\n                onLogout={onLogout}\n                userSettingsUrl={userSettingsUrl}\n                enterprise={enterprise}\n              />\n            )}\n          </div>\n        </header>\n\n        <main className=\"flex-1 p-4 md:p-6 pb-14\">{children}</main>\n      </SidebarInset>\n\n      {footer}\n\n      {/* Standardised platform-admin diagnostic strip — opt-in via prop. */}\n      {showHealthFooter && user?.role === \"platform_admin\" && (\n        <HealthFooter\n          user={user}\n          enterprise={enterprise}\n          buildDate={buildDate}\n          commitHash={commitHash}\n          buildVersion={buildVersion}\n        />\n      )}\n    </>\n  );\n}\n\n/* ── Public component ── */\n\nexport function DashboardLayout(props: DashboardLayoutProps) {\n  const isMobile = useIsMobile();\n  return (\n    <SidebarProvider defaultOpen={props.defaultOpen ?? !isMobile}>\n      <DashboardShell {...props} />\n    </SidebarProvider>\n  );\n}\n","/**\n * CrossServiceNav — sidebar block of direct links to sibling Oplytics\n * services, rendered directly under the \"← Service Hub\" back link.\n *\n * Built on the same Sidebar primitives as the rest of the nav so it works\n * both inside the shared DashboardLayout shell and in bespoke sidebars\n * (e.g. Policy Deployment) — any consumer inside a <SidebarProvider>.\n *\n * Link entries come from `buildCrossServiceLinks` (services/crossNav), which\n * owns provisioning/gating and appends the ?oh= hierarchy selection param.\n * Navigation is a full page load, matching the Service Hub link.\n */\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"../primitives\";\nimport {\n  ClipboardCheck,\n  Gauge,\n  LayoutGrid,\n  Target,\n  ExternalLink,\n  type LucideIcon,\n} from \"lucide-react\";\nimport type { CrossServiceLink } from \"../services/crossNav\";\n\n/** Catalog icon names → lucide components for the live core services. */\nconst ICONS: Record<string, LucideIcon> = {\n  Target,\n  LayoutGrid,\n  Gauge,\n  ClipboardCheck,\n};\n\nexport interface CrossServiceNavProps {\n  /** Display-ready links from buildCrossServiceLinks. Renders nothing when empty. */\n  links: CrossServiceLink[];\n  /** Section label above the links (hidden when the sidebar is collapsed). */\n  label?: string;\n}\n\nexport function CrossServiceNav({\n  links,\n  label = \"Services\",\n}: CrossServiceNavProps) {\n  const { state } = useSidebar();\n  const isCollapsed = state === \"collapsed\";\n\n  if (links.length === 0) return null;\n\n  return (\n    <>\n      {!isCollapsed && (\n        <div className=\"px-4 pt-2\">\n          <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n            {label}\n          </span>\n        </div>\n      )}\n      <SidebarMenu className=\"px-2 py-1\">\n        {links.map((link) => {\n          const Icon = ICONS[link.icon] ?? ExternalLink;\n          return (\n            <SidebarMenuItem key={link.slug}>\n              <SidebarMenuButton\n                onClick={() => {\n                  window.location.href = link.url;\n                }}\n                tooltip={link.name}\n                className=\"h-10 transition-all font-normal text-muted-foreground hover:text-foreground\"\n              >\n                <Icon className=\"h-4 w-4\" />\n                <span>{link.name}</span>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          );\n        })}\n      </SidebarMenu>\n    </>\n  );\n}\n","/**\n * HealthFooter — thin fixed strip at the bottom of the viewport that prints\n * the current platform-admin diagnostic context. Used to verify the\n * end-to-end auth + hierarchy resolution: JWT role, JWT-stamped enterprise id,\n * the enterprise the hierarchy actually selected, and the openId of the\n * signed-in user.\n *\n * Ported from oplytics-policy-deployment/client/src/components/PolicyDeploymentLayout.tsx\n * so every subdomain that adopts the canonical shell gets the same strip\n * automatically. Use `DashboardLayout` / `OplyticsServiceShell`'s\n * `showHealthFooter` prop to auto-render this for platform_admin only —\n * or render it manually via the existing `footer` slot for full control.\n *\n *   role: platform_admin   jwt.eid: 30002   hierarchy.eid: 30002\n *   enterprise: Lincoln Electric            user: KxULoAniQat2Vm7Z9Ds32m\n */\nimport type { CSSProperties } from \"react\";\n\n// Build stamp — injected at each app's build time via Vite `define`\n// (see the app's vite.config.ts). Lets the diagnostic strip show exactly which\n// build/commit is deployed and when it was built — so you can tell at a glance\n// whether the live site is running the latest code.\ndeclare const __BUILD_DATE__: string;\ndeclare const __COMMIT_HASH__: string;\ndeclare const __APP_VERSION__: string;\n\n/** Format an ISO build timestamp as a compact \"9 Jul 07:37Z\" (UTC). */\nfunction formatBuildDate(iso?: string): string | undefined {\n  if (!iso) return undefined;\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return undefined;\n  const day = d.getUTCDate();\n  const month = d.toLocaleString(\"en-GB\", { month: \"short\", timeZone: \"UTC\" });\n  const hh = String(d.getUTCHours()).padStart(2, \"0\");\n  const mm = String(d.getUTCMinutes()).padStart(2, \"0\");\n  return `${day} ${month} ${hh}:${mm}Z`;\n}\n\nexport interface HealthFooterUser {\n  /** JWT role string (e.g. \"platform_admin\"). */\n  role?: string;\n  /** The user's stable identifier (typically the JWT `openId` claim). */\n  openId?: string;\n  /** The enterprise id from the JWT (`enterpriseId` claim). May be null\n   * for platform_admin users who haven't selected an active enterprise. */\n  enterpriseId?: number | null;\n}\n\nexport interface HealthFooterEnterprise {\n  /** The enterprise id the org-hierarchy is currently scoped to. */\n  id?: number;\n  /** Human-readable name of the scoped enterprise. */\n  name?: string;\n}\n\nexport interface HealthFooterProps {\n  user?: HealthFooterUser | null;\n  enterprise?: HealthFooterEnterprise | null;\n  /** Optional extra CSS class for the container. */\n  className?: string;\n  /** Optional inline style override (z-index, etc.). */\n  style?: CSSProperties;\n  /** Override the build version (default: build-time __APP_VERSION__). */\n  buildVersion?: string;\n  /** Override the build/deploy timestamp, ISO (default: build-time __BUILD_DATE__). */\n  buildDate?: string;\n  /** Override the deployed commit hash (default: build-time __COMMIT_HASH__). */\n  commitHash?: string;\n}\n\nexport function HealthFooter({\n  user,\n  enterprise,\n  className,\n  style,\n  buildVersion,\n  buildDate,\n  commitHash,\n}: HealthFooterProps) {\n  const version =\n    buildVersion ?? (typeof __APP_VERSION__ !== \"undefined\" ? __APP_VERSION__ : undefined);\n  const commit =\n    commitHash ?? (typeof __COMMIT_HASH__ !== \"undefined\" ? __COMMIT_HASH__ : undefined);\n  const builtAt = formatBuildDate(\n    buildDate ?? (typeof __BUILD_DATE__ !== \"undefined\" ? __BUILD_DATE__ : undefined),\n  );\n  const buildStamp = [version && `v${version}`, commit, builtAt].filter(Boolean).join(\" · \");\n\n  return (\n    <div\n      className={\n        \"fixed bottom-0 left-0 right-0 h-8 bg-zinc-900 border-t border-zinc-800 \" +\n        \"flex items-center px-4 gap-6 text-[11px] text-zinc-400 z-50 font-mono\" +\n        (className ? ` ${className}` : \"\")\n      }\n      style={style}\n      data-slot=\"health-footer\"\n    >\n      <span>\n        role: <span className=\"text-zinc-200\">{user?.role ?? \"–\"}</span>\n      </span>\n      <span>\n        jwt.eid:{\" \"}\n        <span className=\"text-zinc-200\">{user?.enterpriseId ?? \"null\"}</span>\n      </span>\n      <span>\n        hierarchy.eid:{\" \"}\n        <span className=\"text-zinc-200\">{enterprise?.id ?? \"–\"}</span>\n      </span>\n      <span>\n        enterprise:{\" \"}\n        <span className=\"text-zinc-200\">{enterprise?.name ?? \"–\"}</span>\n      </span>\n      <span>\n        user: <span className=\"text-zinc-200\">{user?.openId ?? \"–\"}</span>\n      </span>\n      {buildStamp && (\n        <span className=\"ml-auto text-zinc-500\" title=\"Deployed build (version · commit · build date UTC)\">\n          build: <span className=\"text-zinc-300\">{buildStamp}</span>\n        </span>\n      )}\n    </div>\n  );\n}\n","/**\n * EnterpriseDebugLabel — TEMPORARY DIAGNOSTIC chip.\n *\n * ⚠️ This is a problem-fixing aid, NOT permanent UI. Remove once the\n * subdomain \"wrong enterprise data\" issue is resolved.\n *\n * Purpose: make it plainly visible, on every page (portal + all subdomains),\n * WHICH enterprise the loaded data actually belongs to — and surface the\n * desync that causes subdomains to show the wrong enterprise's data.\n *\n * It compares two ids that are supposed to agree:\n *   • cookie  — the active-enterprise cookie (ACTIVE_ENTERPRISE_COOKIE), the\n *               single cross-subdomain source of truth that the backend uses\n *               to scope ALL data (via applyEnterpriseOverride).\n *   • sel     — the UI hierarchy selection's enterprise id.\n * When they diverge, the chip turns red and shows \"≠\" — that's the bug.\n *\n * Self-contained: reads the cookie directly and reads the hierarchy selection\n * defensively, so it can render even on pages mounted outside a hierarchy\n * provider (it just omits the selection comparison in that case).\n */\nimport { useEffect, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { readActiveEnterpriseCookie } from \"../hierarchy\";\n\nexport interface EnterpriseDebugLabelProps {\n  /**\n   * The selection's enterprise id, if the host app can supply it (e.g. from\n   * useOrgHierarchy().selection.enterprise?.id). Optional — when omitted, only\n   * the cookie id is shown. Passing it enables the cookie-vs-selection mismatch\n   * check, which is the most useful diagnostic.\n   */\n  selectionEnterpriseId?: number | null;\n  /**\n   * Optional enterprise name to show alongside the cookie id for readability.\n   */\n  cookieEnterpriseName?: string | null;\n  className?: string;\n}\n\nexport function EnterpriseDebugLabel({\n  selectionEnterpriseId,\n  cookieEnterpriseName,\n  className,\n}: EnterpriseDebugLabelProps) {\n  // Read the cookie on the client. Re-read on focus/visibility so a switch made\n  // in another tab/subdomain is reflected without a manual reload.\n  const [cookieId, setCookieId] = useState<string | null>(null);\n  useEffect(() => {\n    const read = () => setCookieId(readActiveEnterpriseCookie());\n    read();\n    window.addEventListener(\"focus\", read);\n    document.addEventListener(\"visibilitychange\", read);\n    return () => {\n      window.removeEventListener(\"focus\", read);\n      document.removeEventListener(\"visibilitychange\", read);\n    };\n  }, []);\n\n  const cookieNum = cookieId !== null && cookieId !== \"\" ? Number(cookieId) : null;\n  const hasSelection = selectionEnterpriseId !== undefined && selectionEnterpriseId !== null;\n  const mismatch = hasSelection && cookieNum !== null && cookieNum !== selectionEnterpriseId;\n  const noActive = cookieNum === null;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 px-2 py-1 rounded-md border font-mono text-[10px] leading-none whitespace-nowrap\",\n        mismatch\n          ? \"bg-[#EF4444]/15 border-[#EF4444]/40 text-[#FCA5A5]\"\n          : noActive\n            ? \"bg-[#F59E0B]/15 border-[#F59E0B]/40 text-[#FCD34D]\"\n            : \"bg-[#10B981]/10 border-[#10B981]/30 text-[#6EE7B7]\",\n        className\n      )}\n      title=\"TEMP DIAGNOSTIC: enterprise the loaded data is scoped to (cookie) vs. the UI hierarchy selection. Remove once subdomain data issue is fixed.\"\n    >\n      <span aria-hidden>🔍</span>\n      {noActive ? (\n        <span>no active enterprise (cookie unset)</span>\n      ) : (\n        <>\n          <span>\n            data ENT #{cookieNum}\n            {cookieEnterpriseName ? ` · ${cookieEnterpriseName}` : \"\"}\n          </span>\n          {hasSelection && (\n            <span>\n              {mismatch ? \" ⚠ ≠ sel #\" : \" · sel #\"}\n              {selectionEnterpriseId}\n            </span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n","/**\n * DashboardLayoutSkeleton — loading skeleton for DashboardLayout.\n *\n * Shows a sidebar + content skeleton while auth state is loading.\n * Oplytics dark theme.\n */\nimport { cn } from \"../utils/cn\";\n\nfunction Skeleton({ className }: { className?: string }) {\n  return (\n    <div\n      className={cn(\n        \"animate-pulse rounded-md bg-[#1E2738]\",\n        className\n      )}\n    />\n  );\n}\n\nexport interface DashboardLayoutSkeletonProps {\n  className?: string;\n}\n\nexport function DashboardLayoutSkeleton({ className }: DashboardLayoutSkeletonProps) {\n  return (\n    <div className={cn(\"flex min-h-screen bg-[#0A0E1A]\", className)}>\n      {/* Sidebar skeleton */}\n      <div className=\"w-[260px] border-r border-[#1E2738] bg-[#0D1220] p-4 space-y-6\">\n        {/* Logo area */}\n        <div className=\"flex items-center gap-3 px-2\">\n          <Skeleton className=\"h-8 w-8 rounded-md\" />\n          <Skeleton className=\"h-4 w-24\" />\n        </div>\n\n        {/* Menu items */}\n        <div className=\"space-y-2 px-2\">\n          <Skeleton className=\"h-9 w-full rounded-lg\" />\n          <Skeleton className=\"h-9 w-full rounded-lg\" />\n          <Skeleton className=\"h-9 w-full rounded-lg\" />\n          <Skeleton className=\"h-9 w-full rounded-lg\" />\n        </div>\n\n        {/* Section divider */}\n        <div className=\"px-2\">\n          <Skeleton className=\"h-3 w-16 mb-3\" />\n          <Skeleton className=\"h-9 w-full rounded-lg\" />\n          <Skeleton className=\"h-9 w-full rounded-lg mt-2\" />\n        </div>\n\n        {/* User profile area at bottom */}\n        <div className=\"absolute bottom-4 left-4 right-4\">\n          <div className=\"flex items-center gap-3 px-1\">\n            <Skeleton className=\"h-8 w-8 rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-3 w-20\" />\n              <Skeleton className=\"h-2 w-32\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Main content skeleton */}\n      <div className=\"flex-1 p-6 space-y-4\">\n        {/* Page header */}\n        <div className=\"flex items-center justify-between\">\n          <Skeleton className=\"h-8 w-48 rounded-lg\" />\n          <Skeleton className=\"h-9 w-24 rounded-lg\" />\n        </div>\n\n        {/* Stats cards */}\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n          <Skeleton className=\"h-24 rounded-xl\" />\n          <Skeleton className=\"h-24 rounded-xl\" />\n          <Skeleton className=\"h-24 rounded-xl\" />\n          <Skeleton className=\"h-24 rounded-xl\" />\n        </div>\n\n        {/* Main content area */}\n        <Skeleton className=\"h-64 rounded-xl\" />\n\n        {/* Table-like area */}\n        <div className=\"space-y-2\">\n          <Skeleton className=\"h-10 w-full rounded-lg\" />\n          <Skeleton className=\"h-10 w-full rounded-lg\" />\n          <Skeleton className=\"h-10 w-full rounded-lg\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n","/**\n * SharedPageHeader — standard page header for all Oplytics subdomains.\n *\n * Displays: page title, optional subtitle, optional breadcrumbs,\n * optional action buttons, and optional HierarchyNavigator.\n *\n * Oplytics dark theme: #0A0E1A bg, #8C34E9 accent, #E2E8F0 text, #8890A0 muted\n */\nimport { cn } from \"../utils/cn\";\nimport { ChevronLeft } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nexport interface SharedPageHeaderProps {\n  /** Page title */\n  title: string;\n  /** Optional subtitle / description */\n  subtitle?: string;\n  /** Optional icon to display before the title */\n  icon?: ReactNode;\n  /** Optional back button handler — shows a back arrow when provided */\n  onBack?: () => void;\n  /** Optional action buttons to render on the right side */\n  actions?: ReactNode;\n  /** Optional breadcrumb trail (e.g. HierarchyNavigator) */\n  breadcrumbs?: ReactNode;\n  /** Whether to show a bottom border (default: true) */\n  showBorder?: boolean;\n  /** Compact mode — smaller spacing and text (default: false) */\n  compact?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n  /** Children rendered below the header row */\n  children?: ReactNode;\n}\n\nexport function SharedPageHeader({\n  title,\n  subtitle,\n  icon,\n  onBack,\n  actions,\n  breadcrumbs,\n  showBorder = true,\n  compact = false,\n  className,\n  children,\n}: SharedPageHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"w-full\",\n        showBorder && \"border-b border-[#1E2738]\",\n        compact ? \"px-4 py-3\" : \"px-6 py-4\",\n        className\n      )}\n    >\n      {/* Breadcrumbs row */}\n      {breadcrumbs && (\n        <div className={cn(\"mb-2\", compact && \"mb-1\")}>\n          {breadcrumbs}\n        </div>\n      )}\n\n      {/* Main header row */}\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          {/* Back button */}\n          {onBack && (\n            <button\n              onClick={onBack}\n              className={cn(\n                \"shrink-0 p-1.5 rounded-md\",\n                \"text-[#8890A0] hover:text-[#E2E8F0] hover:bg-[#1E2738]\",\n                \"transition-colors cursor-pointer\",\n                \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]\"\n              )}\n              aria-label=\"Go back\"\n            >\n              <ChevronLeft className={compact ? \"h-4 w-4\" : \"h-5 w-5\"} />\n            </button>\n          )}\n\n          {/* Icon */}\n          {icon && (\n            <div className=\"shrink-0 text-[#8C34E9]\">\n              {icon}\n            </div>\n          )}\n\n          {/* Title + subtitle */}\n          <div className=\"min-w-0\">\n            <h1\n              className={cn(\n                \"font-semibold text-[#E2E8F0] truncate\",\n                \"font-[Montserrat,sans-serif]\",\n                compact ? \"text-lg\" : \"text-xl\"\n              )}\n            >\n              {title}\n            </h1>\n            {subtitle && (\n              <p\n                className={cn(\n                  \"text-[#8890A0] truncate mt-0.5\",\n                  \"font-[Space_Grotesk,sans-serif]\",\n                  compact ? \"text-xs\" : \"text-sm\"\n                )}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        </div>\n\n        {/* Action buttons */}\n        {actions && (\n          <div className=\"shrink-0 flex items-center gap-2\">\n            {actions}\n          </div>\n        )}\n      </div>\n\n      {/* Optional children below header */}\n      {children && (\n        <div className={cn(\"mt-3\", compact && \"mt-2\")}>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * SharedFooter — standard footer for all Oplytics subdomains.\n *\n * Displays: Oplytics branding, service links, legal links, copyright.\n * Consistent across all subdomains.\n *\n * Oplytics dark theme: #0D1220 bg, #1E2738 border, #8890A0 text, #8C34E9 accent\n */\nimport { cn } from \"../utils/cn\";\nimport { platformUrl } from \"../services/platformDomain\";\nimport type { ReactNode } from \"react\";\n\ndeclare const __APP_VERSION__: string;\n\n/* ── Service definitions ── */\n\nexport interface FooterService {\n  name: string;\n  slug: string;\n  /** Local route within the portal (e.g. /services/sqdcp) */\n  localRoute: string;\n  /** External URL for the subdomain (e.g. https://sqdcp.oplyticsdigital.net) */\n  externalUrl?: string;\n}\n\n/** Standard Oplytics service list */\nexport const FOOTER_SERVICES: FooterService[] = [\n  { name: \"SQDCP\", slug: \"sqdcp\", localRoute: \"/services/sqdcp\", externalUrl: platformUrl(\"sqdcp\") },\n  { name: \"OEE Manager\", slug: \"oee-manager\", localRoute: \"/services/oee-manager\", externalUrl: platformUrl(\"oeemanager\") },\n  { name: \"Policy Deployment\", slug: \"policy-deployment\", localRoute: \"/services/policy-deployment\", externalUrl: platformUrl(\"policy\") },\n  { name: \"Action Manager\", slug: \"action-manager\", localRoute: \"/services/action-manager\", externalUrl: platformUrl(\"actionmanager\") },\n  { name: \"Safety Manager\", slug: \"safety-manager\", localRoute: \"/services/safety-manager\" },\n  { name: \"Connect\", slug: \"connect\", localRoute: \"/services/connect\", externalUrl: platformUrl(\"connect\") },\n];\n\n/* ── Footer props ── */\n\nexport interface SharedFooterProps {\n  /** Override the default service list */\n  services?: FooterService[];\n  /** Show pricing link (default: true) */\n  showPricing?: boolean;\n  /** Show sign-in link (default: true) */\n  showSignIn?: boolean;\n  /** Handler for service link clicks — receives the service */\n  onServiceClick?: (service: FooterService, e: React.MouseEvent) => void;\n  /** Handler for pricing link click */\n  onPricingClick?: (e: React.MouseEvent) => void;\n  /** Handler for sign-in link click */\n  onSignInClick?: (e: React.MouseEvent) => void;\n  /** Additional content to render in the footer */\n  children?: ReactNode;\n  /** CSS class for the footer container */\n  className?: string;\n  /** Whether to use external URLs (subdomain links) or local routes */\n  useExternalUrls?: boolean;\n  /** Current year override (default: auto) */\n  year?: number;\n}\n\n/* ── Component ── */\n\nexport function SharedFooter({\n  services = FOOTER_SERVICES,\n  showPricing = true,\n  showSignIn = true,\n  onServiceClick,\n  onPricingClick,\n  onSignInClick,\n  children,\n  className,\n  useExternalUrls = false,\n  year,\n}: SharedFooterProps) {\n  const currentYear = year ?? new Date().getFullYear();\n\n  return (\n    <footer\n      className={cn(\n        \"w-full border-t border-[#1E2738]\",\n        \"bg-[#0D1220] text-[#8890A0]\",\n        \"font-[Space_Grotesk,sans-serif]\",\n        className\n      )}\n    >\n      <div className=\"max-w-7xl mx-auto px-6 py-10\">\n        {/* Top section: Logo + columns */}\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-8 mb-8\">\n          {/* Brand column */}\n          <div className=\"md:col-span-1\">\n            <div className=\"flex items-center gap-2 mb-3\">\n              <div\n                className=\"w-7 h-7 rounded-full flex items-center justify-center\"\n                style={{ background: \"#8C34E9\" }}\n              >\n                <span className=\"text-white font-bold text-xs\">O</span>\n              </div>\n              <span className=\"text-[#E2E8F0] font-semibold text-sm font-[Montserrat,sans-serif]\">\n                Oplytics.digital\n              </span>\n            </div>\n            <p className=\"text-xs text-[#596475] leading-relaxed\">\n              Operational intelligence platform for manufacturing excellence.\n            </p>\n          </div>\n\n          {/* Services column */}\n          <div>\n            <h4 className=\"text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]\">\n              Services\n            </h4>\n            <ul className=\"space-y-2\">\n              {services.map((service) => (\n                <li key={service.slug}>\n                  <a\n                    href={useExternalUrls && service.externalUrl ? service.externalUrl : service.localRoute}\n                    onClick={onServiceClick ? (e) => onServiceClick(service, e) : undefined}\n                    className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                  >\n                    {service.name}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n\n          {/* Company column */}\n          <div>\n            <h4 className=\"text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]\">\n              Company\n            </h4>\n            <ul className=\"space-y-2\">\n              {showPricing && (\n                <li>\n                  <a\n                    href=\"/pricing\"\n                    onClick={onPricingClick}\n                    className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                  >\n                    Pricing\n                  </a>\n                </li>\n              )}\n              <li>\n                <a\n                  href=\"/about\"\n                  className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                >\n                  About\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"/contact\"\n                  className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                >\n                  Contact\n                </a>\n              </li>\n            </ul>\n          </div>\n\n          {/* Legal column */}\n          <div>\n            <h4 className=\"text-[#E2E8F0] font-medium text-xs uppercase tracking-wider mb-3 font-[Montserrat,sans-serif]\">\n              Legal\n            </h4>\n            <ul className=\"space-y-2\">\n              <li>\n                <a\n                  href=\"/privacy\"\n                  className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                >\n                  Privacy Policy\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"/terms\"\n                  className=\"text-xs text-[#8890A0] hover:text-[#E2E8F0] transition-colors\"\n                >\n                  Terms of Service\n                </a>\n              </li>\n            </ul>\n            {showSignIn && (\n              <div className=\"mt-4\">\n                <a\n                  href=\"/login\"\n                  onClick={onSignInClick}\n                  className=\"text-xs text-[#8C34E9] hover:text-[#A855F7] transition-colors font-medium\"\n                >\n                  Sign In\n                </a>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Custom content */}\n        {children}\n\n        {/* Bottom bar */}\n        <div className=\"pt-6 border-t border-[#1E2738] flex flex-col sm:flex-row items-center justify-between gap-3\">\n          <p className=\"text-xs text-[#596475]\">\n            &copy; {currentYear} Oplytics.digital. All rights reserved.\n          </p>\n          <p className=\"text-xs text-[#3E4A5C]\">\n            Built for manufacturing excellence\n          </p>\n          {typeof __APP_VERSION__ !== \"undefined\" && (\n            <p className=\"text-xs text-[#3E4A5C]\">\n              Platform v{__APP_VERSION__}\n            </p>\n          )}\n        </div>\n      </div>\n    </footer>\n  );\n}\n","/**\n * ServiceFooter — slim status bar for all Oplytics subdomain services.\n *\n * ~36px horizontal strip: [Logo + Tagline] [Health Monitor] [Copyright + Version]\n * Health monitor is visible only when showHealthMonitor is true (typically platform_admin).\n *\n * Oplytics dark theme: #0D1220 bg, #1E2738 border, #596475/#3E4A5C text, #8C34E9 accent\n */\nimport { cn } from \"../utils/cn\";\n\ndeclare const __APP_VERSION__: string;\ndeclare const __BUILD_DATE__: string;\ndeclare const __COMMIT_HASH__: string;\n\nexport interface ServiceFooterProps {\n  /** Enterprise ID for health monitor */\n  enterpriseId?: number | null;\n  /** Enterprise display name */\n  enterpriseName?: string;\n  /** Current user's role */\n  userRole?: string;\n  /** Current user's email */\n  userEmail?: string;\n  /** Deployment environment */\n  environment?: \"production\" | \"staging\" | \"development\";\n  /** Build version / commit hash */\n  buildVersion?: string;\n  /**\n   * Build/deploy timestamp — when the currently-served bundle was built.\n   * ISO string (e.g. \"2026-07-09T07:37:31Z\"). Falls back to the build-time\n   * __BUILD_DATE__ constant. Rendered as a short date+time so you can tell at\n   * a glance whether the deployed code is the latest (root-cause aid).\n   */\n  buildDate?: string;\n  /** Short commit hash of the deployed build (e.g. \"c3af23f\"). Falls back to __COMMIT_HASH__. */\n  commitHash?: string;\n  /** Show health monitor strip (default: false) */\n  showHealthMonitor?: boolean;\n  /** CSS class for the footer container */\n  className?: string;\n}\n\n/** Format an ISO build timestamp as a compact \"9 Jul 07:37\" (UTC) for the footer. */\nfunction formatBuildDate(iso?: string): string | undefined {\n  if (!iso) return undefined;\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return undefined;\n  const day = d.getUTCDate();\n  const month = d.toLocaleString(\"en-GB\", { month: \"short\", timeZone: \"UTC\" });\n  const hh = String(d.getUTCHours()).padStart(2, \"0\");\n  const mm = String(d.getUTCMinutes()).padStart(2, \"0\");\n  return `${day} ${month} ${hh}:${mm}Z`;\n}\n\nconst ENV_LABELS: Record<string, { label: string; color: string }> = {\n  production:  { label: \"prod\",  color: \"#10b981\" },\n  staging:     { label: \"stg\",   color: \"#f59e0b\" },\n  development: { label: \"dev\",   color: \"#8C34E9\" },\n};\n\nexport function ServiceFooter({\n  enterpriseId,\n  enterpriseName,\n  userRole,\n  userEmail,\n  environment,\n  buildVersion,\n  buildDate,\n  commitHash,\n  showHealthMonitor = false,\n  className,\n}: ServiceFooterProps) {\n  const currentYear = new Date().getFullYear();\n  const env = environment ? ENV_LABELS[environment] : null;\n  const version = buildVersion ?? (typeof __APP_VERSION__ !== \"undefined\" ? __APP_VERSION__ : undefined);\n  const commit = commitHash ?? (typeof __COMMIT_HASH__ !== \"undefined\" ? __COMMIT_HASH__ : undefined);\n  const builtAt = formatBuildDate(\n    buildDate ?? (typeof __BUILD_DATE__ !== \"undefined\" ? __BUILD_DATE__ : undefined),\n  );\n  // A single \"build stamp\" combining version + commit + build date, e.g.\n  // \"v.0.9.2 · c3af23f · 9 Jul 07:37Z\". Any missing piece is simply omitted.\n  const buildStamp = [version && `v.${version}`, commit, builtAt]\n    .filter(Boolean)\n    .join(\" · \");\n\n  return (\n    <footer\n      className={cn(\n        \"w-full border-t border-[#1E2738] bg-[#0D1220]\",\n        \"flex items-center justify-between px-4\",\n        \"h-9 min-h-[36px] shrink-0\",\n        \"font-[Montserrat,sans-serif]\",\n        className,\n      )}\n    >\n      {/* Left: Logo + Tagline */}\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <div\n          className=\"w-5 h-5 rounded-full flex items-center justify-center shrink-0\"\n          style={{ background: \"#8C34E9\" }}\n        >\n          <span className=\"text-white font-bold\" style={{ fontSize: 9 }}>O</span>\n        </div>\n        <span className=\"text-[10px] text-[#596475] whitespace-nowrap shell-hidden shell-sm:inline\">\n          Operational Excellence. One Digital Platform.\n        </span>\n      </div>\n\n      {/* Center: Health Monitor (admin only) */}\n      {showHealthMonitor && (\n        <div className=\"flex items-center gap-1.5 text-[10px] text-[#3E4A5C] min-w-0 overflow-hidden\">\n          {enterpriseName && (\n            <>\n              <span className=\"whitespace-nowrap\">\n                <span className=\"text-[#596475]\">{enterpriseName}</span>\n                {enterpriseId != null && (\n                  <span className=\"text-[#3E4A5C]\"> ({enterpriseId})</span>\n                )}\n              </span>\n              <Separator />\n            </>\n          )}\n          {userEmail && (\n            <>\n              <span className=\"whitespace-nowrap text-[#596475]\">{userEmail}</span>\n              {userRole && (\n                <span className=\"text-[#3E4A5C]\"> ({userRole})</span>\n              )}\n              <Separator />\n            </>\n          )}\n          {env && (\n            <>\n              <span className=\"whitespace-nowrap\">\n                ENV:{\" \"}\n                <span style={{ color: env.color }} className=\"font-semibold\">\n                  {env.label}\n                </span>\n              </span>\n              <Separator />\n            </>\n          )}\n          {buildStamp && (\n            <span className=\"whitespace-nowrap text-[#3E4A5C] font-mono\" title=\"Deployed build\">\n              {buildStamp}\n            </span>\n          )}\n        </div>\n      )}\n\n      {/* Right: Copyright + build stamp (when health monitor hidden) */}\n      <div className=\"flex items-center gap-2 text-[10px] text-[#3E4A5C] whitespace-nowrap shrink-0\">\n        <span>&copy; {currentYear} Oplytics.digital</span>\n        {!showHealthMonitor && buildStamp && (\n          <>\n            <Separator />\n            <span className=\"font-mono\" title=\"Deployed build\">{buildStamp}</span>\n          </>\n        )}\n      </div>\n    </footer>\n  );\n}\n\nfunction Separator() {\n  return (\n    <span className=\"text-[#1E2738] select-none\" aria-hidden>\n      |\n    </span>\n  );\n}\n","/**\n * createServiceLayout — Factory function that generates a complete DashboardLayout\n * for any Oplytics subdomain from a SharedSidebarConfig.\n *\n * This is the primary API for subdomains. Instead of each subdomain maintaining\n * its own 200-350 line DashboardLayout, they call:\n *\n *   const SQDCPLayout = createServiceLayout({ serviceName: \"SQDCP\", ... });\n *\n * And get a fully-featured layout with:\n *   - Resizable sidebar with all standard features\n *   - SharedPageHeader integration\n *   - ReportingToolbar integration (optional)\n *   - HierarchyProvider wrapping (optional)\n *   - Auth gate with loading skeleton + sign-in fallback (optional)\n *   - User footer with logout dropdown\n *\n * @module shared/components/createServiceLayout\n */\n\nimport React from \"react\";\nimport type { SharedSidebarConfig, MenuSection } from \"./SharedSidebar\";\nimport { isAdminRole, getInitials, isMenuItemActive, useSidebarResize } from \"./SharedSidebar\";\n\n/* ── Service Layout Configuration ── */\n\nexport interface ServiceLayoutConfig extends SharedSidebarConfig {\n  /** Show SharedPageHeader above content (default: true) */\n  showPageHeader?: boolean;\n  /** SharedPageHeader props — passed through when showPageHeader is true */\n  pageHeaderProps?: {\n    showHierarchy?: boolean;\n    hierarchyMaxDepth?: number;\n    showSidebarTrigger?: boolean;\n  };\n  /** Show ReportingToolbar in the header (default: false) */\n  showReportingToolbar?: boolean;\n  /** Module name passed to ReportingToolbar */\n  reportingModuleName?: string;\n  /** Wrap layout in HierarchyProvider (default: false) */\n  wrapHierarchyProvider?: boolean;\n  /** Show auth gate — loading skeleton + sign-in fallback (default: true) */\n  showAuthGate?: boolean;\n  /** Report submit handler */\n  onReportSubmit?: (report: any) => Promise<void> | void;\n  /** Feedback submit handler */\n  onFeedbackSubmit?: (feedback: any) => Promise<void> | void;\n}\n\n/**\n * Creates a service-specific layout component from configuration.\n *\n * NOTE: This is a blueprint/factory specification. The actual React component\n * is assembled by each subdomain using their local UI primitives (Sidebar,\n * SidebarProvider, etc.) since these are not shared across subdomains yet.\n *\n * When subdomain consolidation (#311) is complete, this factory will directly\n * render the shared UI primitives. Until then, subdomains use this config\n * to standardise their DashboardLayout implementations.\n *\n * @example\n * ```tsx\n * // In SQDCP's DashboardLayout.tsx:\n * import { sqdcpLayoutConfig } from \"./sqdcp-config\";\n * // Use sqdcpLayoutConfig.menuSections, .backLink, etc. to build the layout\n * ```\n */\nexport function defineServiceLayout(config: ServiceLayoutConfig): ServiceLayoutConfig {\n  return {\n    defaultWidth: 260,\n    minWidth: 200,\n    maxWidth: 480,\n    showPageHeader: true,\n    showReportingToolbar: false,\n    wrapHierarchyProvider: false,\n    showAuthGate: true,\n    ...config,\n    storageKeyPrefix: config.storageKeyPrefix || config.serviceName.toLowerCase().replace(/\\s+/g, \"-\"),\n  };\n}\n\n/* ── Pre-built Service Configurations ── */\n\n// These are the canonical configurations for each subdomain.\n// Subdomains should import and use these instead of defining their own.\n\nexport { isAdminRole, getInitials, isMenuItemActive, useSidebarResize };\n","/**\n * Canonical Service Layout Configurations for all Oplytics subdomains.\n *\n * Each subdomain imports its config from here and uses it to build its\n * DashboardLayout. This ensures consistency across all services while\n * allowing per-service customisation (menu items, features, etc.).\n *\n * When subdomain consolidation (#311) is complete, these configs will\n * drive the shared createServiceLayout factory directly.\n *\n * @module shared/components/serviceConfigs\n */\n\nimport type { ServiceLayoutConfig } from \"./createServiceLayout\";\nimport { portalUrl } from \"../services/platformDomain\";\n\n/* ── Icon placeholder types ── */\n// Icons are imported locally by each subdomain from lucide-react.\n// These configs use string identifiers that map to icon components.\n\nexport interface MenuItemConfig {\n  iconName: string;\n  label: string;\n  path: string;\n}\n\nexport interface MenuSectionConfig {\n  label?: string;\n  items: MenuItemConfig[];\n  adminOnly?: boolean;\n}\n\nexport interface ServiceConfig {\n  serviceName: string;\n  serviceAbbreviation: string;\n  serviceIconName: string;\n  menuSections: MenuSectionConfig[];\n  backLink?: {\n    label: string;\n    path: string;\n  };\n  showPageHeader: boolean;\n  showReportingToolbar: boolean;\n  reportingModuleName?: string;\n  wrapHierarchyProvider: boolean;\n  showAuthGate: boolean;\n  storageKeyPrefix: string;\n  defaultWidth: number;\n  minWidth: number;\n  maxWidth: number;\n}\n\n/* ── SQDCP ── */\n\nexport const sqdcpConfig: ServiceConfig = {\n  serviceName: \"SQDCP\",\n  serviceAbbreviation: \"S\",\n  serviceIconName: \"BarChart3\",\n  menuSections: [\n    {\n      items: [\n        { iconName: \"LayoutDashboard\", label: \"Dashboard\", path: \"/\" },\n        { iconName: \"PenLine\", label: \"Data Entry\", path: \"/entry\" },\n        { iconName: \"ClipboardList\", label: \"Action Tracker\", path: \"/actions\" },\n        { iconName: \"FileText\", label: \"Reports\", path: \"/reports\" },\n        { iconName: \"Settings\", label: \"Admin\", path: \"/admin\" },\n      ],\n    },\n  ],\n  showPageHeader: true,\n  showReportingToolbar: true,\n  reportingModuleName: \"SQDCP\",\n  wrapHierarchyProvider: false,\n  showAuthGate: false,\n  storageKeyPrefix: \"sqdcp-sidebar\",\n  defaultWidth: 260,\n  minWidth: 200,\n  maxWidth: 480,\n};\n\n/* ── OEE Manager ── */\n\nexport const oeeManagerConfig: ServiceConfig = {\n  serviceName: \"OEE Manager\",\n  serviceAbbreviation: \"o\",\n  serviceIconName: \"BarChart3\",\n  menuSections: [\n    {\n      items: [\n        { iconName: \"BarChart3\", label: \"Dashboard\", path: \"/\" },\n        { iconName: \"Database\", label: \"Data Input\", path: \"/data-input\" },\n        { iconName: \"Clock\", label: \"Downtime\", path: \"/downtime\" },\n        { iconName: \"Settings\", label: \"Settings\", path: \"/settings\" },\n      ],\n    },\n  ],\n  backLink: {\n    label: \"Back to Portal\",\n    path: portalUrl(),\n  },\n  showPageHeader: true,\n  showReportingToolbar: true,\n  reportingModuleName: \"OEE Enterprise Manager\",\n  wrapHierarchyProvider: false,\n  showAuthGate: false,\n  storageKeyPrefix: \"oee-sidebar\",\n  defaultWidth: 240,\n  minWidth: 200,\n  maxWidth: 400,\n};\n\n/* ── Action Manager ── */\n\nexport const actionManagerConfig: ServiceConfig = {\n  serviceName: \"Action Manager\",\n  serviceAbbreviation: \"A\",\n  serviceIconName: \"LayoutDashboard\",\n  menuSections: [\n    {\n      items: [\n        { iconName: \"LayoutDashboard\", label: \"Dashboard\", path: \"/\" },\n        { iconName: \"Users\", label: \"Teams\", path: \"/teams\" },\n      ],\n    },\n  ],\n  showPageHeader: true,\n  showReportingToolbar: false,\n  reportingModuleName: \"Action Manager\",\n  wrapHierarchyProvider: false,\n  showAuthGate: true,\n  storageKeyPrefix: \"actionmanager-sidebar\",\n  defaultWidth: 280,\n  minWidth: 200,\n  maxWidth: 480,\n};\n\n/* ── Business Hub ── */\n\nexport const businessHubConfig: ServiceConfig = {\n  serviceName: \"Business Hub\",\n  serviceAbbreviation: \"B\",\n  serviceIconName: \"LayoutDashboard\",\n  menuSections: [\n    {\n      items: [\n        { iconName: \"LayoutDashboard\", label: \"Dashboard\", path: \"/\" },\n        { iconName: \"Users\", label: \"Analytics\", path: \"/analytics\" },\n      ],\n    },\n  ],\n  showPageHeader: true,\n  showReportingToolbar: false,\n  reportingModuleName: \"Business Hub\",\n  wrapHierarchyProvider: false,\n  showAuthGate: true,\n  storageKeyPrefix: \"businesshub-sidebar\",\n  defaultWidth: 280,\n  minWidth: 200,\n  maxWidth: 480,\n};\n\n/* ── Policy Deployment ── */\n\nexport const policyDeploymentConfig: ServiceConfig = {\n  serviceName: \"Policy Deployment\",\n  serviceAbbreviation: \"PD\",\n  serviceIconName: \"FileStack\",\n  menuSections: [\n    {\n      label: \"Analysis\",\n      items: [\n        { iconName: \"LayoutGrid\", label: \"Dashboard\", path: \"/app/policy-deployment\" },\n        { iconName: \"Grid3X3\", label: \"X-Matrix\", path: \"/app/policy-deployment/xmatrix\" },\n        { iconName: \"BarChart3\", label: \"Bowling Chart\", path: \"/app/policy-deployment/bowling\" },\n        { iconName: \"FolderKanban\", label: \"Action Plans\", path: \"/app/policy-deployment/actions\" },\n        { iconName: \"GitBranchPlus\", label: \"Catchball\", path: \"/app/policy-deployment/catchball\" },\n        { iconName: \"Target\", label: \"Deployments\", path: \"/app/policy-deployment/deployments\" },\n      ],\n    },\n    {\n      label: \"Administration\",\n      adminOnly: true,\n      items: [\n        { iconName: \"Settings\", label: \"Manage Policy\", path: \"/app/policy-deployment/manage\" },\n        { iconName: \"Plug\", label: \"Integrations\", path: \"/app/policy-deployment/integrations\" },\n      ],\n    },\n  ],\n  backLink: {\n    label: \"Service Hub\",\n    path: \"/app\",\n  },\n  showPageHeader: true,\n  showReportingToolbar: true,\n  reportingModuleName: \"Policy Deployment\",\n  wrapHierarchyProvider: true,\n  showAuthGate: true,\n  storageKeyPrefix: \"policy-sidebar\",\n  defaultWidth: 260,\n  minWidth: 200,\n  maxWidth: 480,\n};\n\n/* ── All configs indexed by service key ── */\n\nexport const SERVICE_CONFIGS = {\n  sqdcp: sqdcpConfig,\n  oeeManager: oeeManagerConfig,\n  actionManager: actionManagerConfig,\n  businessHub: businessHubConfig,\n  policyDeployment: policyDeploymentConfig,\n} as const;\n\nexport type ServiceKey = keyof typeof SERVICE_CONFIGS;\n"],"mappings":"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","names":["ExternalLink","jsx","jsxs","useEffect","useState","Fragment","jsx","jsxs","useState","useEffect","Fragment","jsx","jsxs","portalUrl","ExternalLink","jsx","jsxs","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","formatBuildDate"]}

package/dist/insights/index.d.ts

@@ -52,4 +52,13 @@ interface OpiInsightsShellProps {
  */
 declare function OpiInsightsShell({ children, headline, footerNote, skin, title, open: openProp, onOpenChange, }: OpiInsightsShellProps): react_jsx_runtime.JSX.Element;
 
-export { type InsightSeverity, OpiBadgeChip, OpiInsightsShell, type OpiInsightsShellProps, type OpiInsightsSkin, OpiScoreDial, OpiSectionHeading, severityColor };
+interface OpiAskBarProps {
+    /** Sends the question (with prior thread already appended by the caller if desired) and resolves with Opi's reply. */
+    onAsk: (question: string) => Promise<string>;
+    /** Placeholder for the input. Defaults to a generic prompt. */
+    placeholder?: string;
+    skin?: OpiInsightsSkin;
+}
+declare function OpiAskBar({ onAsk, placeholder, skin }: OpiAskBarProps): react_jsx_runtime.JSX.Element;
+
+export { type InsightSeverity, OpiAskBar, type OpiAskBarProps, OpiBadgeChip, OpiInsightsShell, type OpiInsightsShellProps, type OpiInsightsSkin, OpiScoreDial, OpiSectionHeading, severityColor };

package/dist/insights/index.js

@@ -172,7 +172,92 @@ function OpiInsightsShell({
     }
   );
 }
+
+// src/insights/OpiAskBar.tsx
+import { useState as useState2 } from "react";
+import { Sparkles as Sparkles2, Send, Loader2 } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var defaultSkin2 = {
+  accent: "#14b8a6",
+  panelBg: "#0e1624",
+  panelBorder: "1px solid #1e2738",
+  mutedText: "#596475",
+  bodyText: "#c0c6d0",
+  softText: "#8890a0"
+};
+function OpiAskBar({ onAsk, placeholder = "Ask Opi about this\u2026", skin = defaultSkin2 }) {
+  const [thread, setThread] = useState2([]);
+  const [input, setInput] = useState2("");
+  const [pending, setPending] = useState2(false);
+  const [error, setError] = useState2(null);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const question = input.trim();
+    if (!question || pending) return;
+    setThread((prev) => [...prev, { role: "user", content: question }]);
+    setInput("");
+    setPending(true);
+    setError(null);
+    try {
+      const reply = await onAsk(question);
+      setThread((prev) => [...prev, { role: "assistant", content: reply }]);
+    } catch {
+      setError("Couldn't reach Opi just then \u2014 give it another go.");
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "pt-1 -mx-4 -mb-3.5 px-4 pb-3.5", style: { borderTop: skin.panelBorder }, children: [
+    thread.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "space-y-2 py-3 max-h-64 overflow-y-auto", children: [
+      thread.map((m, i) => /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "text-[11px] leading-relaxed rounded-lg px-2.5 py-2",
+          style: m.role === "user" ? { background: "rgba(255,255,255,0.04)", color: skin.bodyText } : { background: `${skin.accent}14`, color: skin.bodyText, border: `1px solid ${skin.accent}26` },
+          children: [
+            m.role === "assistant" && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 mb-1", style: { color: skin.accent }, children: [
+              /* @__PURE__ */ jsx2(Sparkles2, { size: 10 }),
+              /* @__PURE__ */ jsx2("span", { className: "text-[9px] font-bold uppercase tracking-wide", children: "Opi" })
+            ] }),
+            m.content
+          ]
+        },
+        i
+      )),
+      pending && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 text-[10px]", style: { color: skin.mutedText }, children: [
+        /* @__PURE__ */ jsx2(Loader2, { size: 11, className: "animate-spin" }),
+        "Thinking\u2026"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx2("p", { className: "text-[10px] pb-2", style: { color: "#ef4444" }, children: error }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "flex items-center gap-1.5 pt-2", children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          placeholder,
+          disabled: pending,
+          className: "flex-1 min-w-0 rounded-md px-2.5 py-1.5 text-[11px] outline-none",
+          style: { background: "#0b0f1a", border: skin.panelBorder, color: skin.bodyText }
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "submit",
+          disabled: !input.trim() || pending,
+          className: "shrink-0 w-7 h-7 rounded-md flex items-center justify-center transition-opacity disabled:opacity-40",
+          style: { background: `${skin.accent}26`, color: skin.accent },
+          title: "Ask Opi",
+          children: /* @__PURE__ */ jsx2(Send, { size: 12 })
+        }
+      )
+    ] })
+  ] });
+}
 export {
+  OpiAskBar,
   OpiBadgeChip,
   OpiInsightsShell,
   OpiScoreDial,

package/dist/insights/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/insights/OpiInsightsShell.tsx"],"sourcesContent":["/**\n * OpiInsightsShell — the standard collapsible \"Opi Insights\" AI coaching\n * sidebar chrome, shared by every Oplytics subdomain service.\n *\n * This is deliberately shell-only: it owns the collapsible rail, header,\n * \"Powered by AI\" badge, and the small set of visual primitives every\n * service's AI panel tends to need (score dial, severity styling, section\n * heading, footer note). Each service supplies its OWN domain analysis and\n * renders its own content as children — same pattern as reportingToolbar\n * and hierarchyNavigator. Policy Deployment is the design source (see\n * OpiInsightsPanel there for the first real consumer) and the reference\n * for what a service-specific content tree looks like inside this shell.\n *\n * Services with their own dark-theme skin tokens (panel background, border,\n * text colors) should pass them via `skin` so the panel matches their other\n * views; omit it to fall back to the shared oplytics-theme teal/dark tokens.\n */\nimport { useState, type ReactNode } from \"react\";\nimport { Sparkles, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { OPLYTICS_COLORS } from \"../theme\";\n\nexport type InsightSeverity = \"good\" | \"watch\" | \"gap\";\n\nexport interface OpiInsightsSkin {\n  accent: string;\n  panelBg: string;\n  panelBorder: string;\n  mutedText: string;\n  bodyText: string;\n  softText: string;\n}\n\nconst defaultSkin: OpiInsightsSkin = {\n  accent: OPLYTICS_COLORS.accentTeal,\n  panelBg: \"#0e1624\",\n  panelBorder: \"1px solid #1e2738\",\n  mutedText: \"#596475\",\n  bodyText: \"#c0c6d0\",\n  softText: \"#8890a0\",\n};\n\nexport function severityColor(severity: InsightSeverity): { text: string; bg: string; border: string } {\n  switch (severity) {\n    case \"good\":\n      return { text: \"#10b981\", bg: \"rgba(16,185,129,0.1)\", border: \"rgba(16,185,129,0.25)\" };\n    case \"watch\":\n      return { text: \"#f59e0b\", bg: \"rgba(245,158,11,0.1)\", border: \"rgba(245,158,11,0.25)\" };\n    case \"gap\":\n      return { text: \"#ef4444\", bg: \"rgba(239,68,68,0.1)\", border: \"rgba(239,68,68,0.25)\" };\n  }\n}\n\n/** Small \"Powered by AI\" chip — the standard cross-service Opi AI marker. */\nexport function OpiBadgeChip({ skin = defaultSkin }: { skin?: OpiInsightsSkin }) {\n  return (\n    <span\n      className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[9px] font-medium uppercase tracking-wide\"\n      style={{ background: \"#0b0f1a\", color: skin.accent, border: `1px solid ${skin.accent}33` }}\n    >\n      <span\n        className=\"w-2.5 h-2.5 rounded-full\"\n        style={{ background: `radial-gradient(circle at 30% 30%, ${skin.accent}, #0d5a63 70%)` }}\n      />\n      Powered by AI\n    </span>\n  );\n}\n\n/** Circular 0-100 score dial — green/amber/red by threshold, used for any composite score. */\nexport function OpiScoreDial({ score, size = 56 }: { score: number; size?: number }) {\n  const radius = (size - 6) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (score / 100) * circumference;\n  const color = score >= 75 ? \"#10b981\" : score >= 45 ? \"#f59e0b\" : \"#ef4444\";\n  return (\n    <div className=\"relative shrink-0\" style={{ width: size, height: size }}>\n      <svg width={size} height={size} className=\"-rotate-90\">\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke=\"rgba(255,255,255,0.06)\" strokeWidth={4} />\n        <circle\n          cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke={color} strokeWidth={4}\n          strokeLinecap=\"round\" strokeDasharray={circumference} strokeDashoffset={offset}\n          style={{ transition: \"stroke-dashoffset 0.6s ease-out\" }}\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <span className=\"text-sm font-bold text-white\">{score}</span>\n      </div>\n    </div>\n  );\n}\n\n/** Section label with an icon — used to group the panel's content into named sections. */\nexport function OpiSectionHeading({\n  icon,\n  title,\n  skin = defaultSkin,\n}: {\n  icon: ReactNode;\n  title: string;\n  skin?: OpiInsightsSkin;\n}) {\n  return (\n    <div className=\"flex items-center gap-2 mb-2.5\">\n      <span style={{ color: skin.accent }}>{icon}</span>\n      <h4 className=\"text-[11px] font-bold uppercase tracking-wider\" style={{ color: skin.softText }}>\n        {title}\n      </h4>\n    </div>\n  );\n}\n\nexport interface OpiInsightsShellProps {\n  /** Panel content — build with OpiSectionHeading/OpiScoreDial/severityColor etc. */\n  children: ReactNode;\n  /** Optional headline shown above the badge (e.g. a one-line AI summary). */\n  headline?: ReactNode;\n  /** Footer note — defaults to the standard \"mocked pending real engine\" preview notice. */\n  footerNote?: ReactNode;\n  /** Service-specific dark-theme tokens; falls back to the shared theme's teal/dark defaults. */\n  skin?: OpiInsightsSkin;\n  /** Panel title in the header. Defaults to \"Opi Insights\". */\n  title?: string;\n  /** Controlled open state. Omit to let the shell manage its own collapse state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * The collapsible teal Opi Insights rail. Renders nothing if collapsed\n * except a slim vertical tab; expanded, it's a fixed-width sticky sidebar\n * with a header, scrollable content area, and footer note.\n */\nexport function OpiInsightsShell({\n  children,\n  headline,\n  footerNote = \"Preview build — coaching logic is mocked pending the real Opi engine.\",\n  skin = defaultSkin,\n  title = \"Opi Insights\",\n  open: openProp,\n  onOpenChange,\n}: OpiInsightsShellProps) {\n  const [openState, setOpenState] = useState(true);\n  const open = openProp ?? openState;\n  const setOpen = (value: boolean) => {\n    setOpenState(value);\n    onOpenChange?.(value);\n  };\n\n  if (!open) {\n    return (\n      <button\n        onClick={() => setOpen(true)}\n        className=\"flex flex-col items-center gap-2 py-4 px-1.5 rounded-l-lg shrink-0 self-start sticky top-4 transition-colors hover:brightness-110\"\n        style={{ background: skin.panelBg, border: skin.panelBorder, borderRight: \"none\" }}\n        title={`Open ${title}`}\n      >\n        <Sparkles size={14} style={{ color: skin.accent }} />\n        <span\n          className=\"text-[10px] font-semibold uppercase tracking-wider\"\n          style={{ color: skin.accent, writingMode: \"vertical-rl\" }}\n        >\n          {title}\n        </span>\n        <ChevronLeft size={12} style={{ color: skin.mutedText }} />\n      </button>\n    );\n  }\n\n  return (\n    <aside\n      className=\"w-[300px] shrink-0 rounded-lg overflow-hidden self-start sticky top-4 max-h-[calc(100vh-6rem)] flex flex-col\"\n      style={{ background: skin.panelBg, border: skin.panelBorder }}\n    >\n      <div\n        className=\"flex items-center justify-between gap-2 px-4 py-3 shrink-0\"\n        style={{ background: \"linear-gradient(135deg, #0d5a63 0%, #0b3a40 100%)\" }}\n      >\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <div\n            className=\"w-6 h-6 rounded-md flex items-center justify-center shrink-0\"\n            style={{ background: `${skin.accent}26` }}\n          >\n            <Sparkles size={13} style={{ color: skin.accent }} />\n          </div>\n          <span className=\"text-xs font-bold text-white truncate\">{title}</span>\n        </div>\n        <button\n          onClick={() => setOpen(false)}\n          className=\"p-1 rounded hover:bg-white/10 transition-colors shrink-0\"\n          title=\"Collapse\"\n        >\n          <ChevronRight size={14} className=\"text-white/70\" />\n        </button>\n      </div>\n\n      <div className=\"overflow-y-auto px-4 py-3.5 space-y-5\">\n        {headline && (\n          <div>\n            <p className=\"text-[12px] leading-relaxed mb-2\" style={{ color: skin.bodyText }}>\n              {headline}\n            </p>\n            <OpiBadgeChip skin={skin} />\n          </div>\n        )}\n        {children}\n      </div>\n\n      {footerNote && (\n        <div\n          className=\"px-4 py-2 text-[9px] text-center shrink-0\"\n          style={{ color: skin.mutedText, borderTop: skin.panelBorder }}\n        >\n          {footerNote}\n        </div>\n      )}\n    </aside>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/insights/OpiInsightsShell.tsx","../../src/insights/OpiAskBar.tsx"],"sourcesContent":["/**\n * OpiInsightsShell — the standard collapsible \"Opi Insights\" AI coaching\n * sidebar chrome, shared by every Oplytics subdomain service.\n *\n * This is deliberately shell-only: it owns the collapsible rail, header,\n * \"Powered by AI\" badge, and the small set of visual primitives every\n * service's AI panel tends to need (score dial, severity styling, section\n * heading, footer note). Each service supplies its OWN domain analysis and\n * renders its own content as children — same pattern as reportingToolbar\n * and hierarchyNavigator. Policy Deployment is the design source (see\n * OpiInsightsPanel there for the first real consumer) and the reference\n * for what a service-specific content tree looks like inside this shell.\n *\n * Services with their own dark-theme skin tokens (panel background, border,\n * text colors) should pass them via `skin` so the panel matches their other\n * views; omit it to fall back to the shared oplytics-theme teal/dark tokens.\n */\nimport { useState, type ReactNode } from \"react\";\nimport { Sparkles, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { OPLYTICS_COLORS } from \"../theme\";\n\nexport type InsightSeverity = \"good\" | \"watch\" | \"gap\";\n\nexport interface OpiInsightsSkin {\n  accent: string;\n  panelBg: string;\n  panelBorder: string;\n  mutedText: string;\n  bodyText: string;\n  softText: string;\n}\n\nconst defaultSkin: OpiInsightsSkin = {\n  accent: OPLYTICS_COLORS.accentTeal,\n  panelBg: \"#0e1624\",\n  panelBorder: \"1px solid #1e2738\",\n  mutedText: \"#596475\",\n  bodyText: \"#c0c6d0\",\n  softText: \"#8890a0\",\n};\n\nexport function severityColor(severity: InsightSeverity): { text: string; bg: string; border: string } {\n  switch (severity) {\n    case \"good\":\n      return { text: \"#10b981\", bg: \"rgba(16,185,129,0.1)\", border: \"rgba(16,185,129,0.25)\" };\n    case \"watch\":\n      return { text: \"#f59e0b\", bg: \"rgba(245,158,11,0.1)\", border: \"rgba(245,158,11,0.25)\" };\n    case \"gap\":\n      return { text: \"#ef4444\", bg: \"rgba(239,68,68,0.1)\", border: \"rgba(239,68,68,0.25)\" };\n  }\n}\n\n/** Small \"Powered by AI\" chip — the standard cross-service Opi AI marker. */\nexport function OpiBadgeChip({ skin = defaultSkin }: { skin?: OpiInsightsSkin }) {\n  return (\n    <span\n      className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[9px] font-medium uppercase tracking-wide\"\n      style={{ background: \"#0b0f1a\", color: skin.accent, border: `1px solid ${skin.accent}33` }}\n    >\n      <span\n        className=\"w-2.5 h-2.5 rounded-full\"\n        style={{ background: `radial-gradient(circle at 30% 30%, ${skin.accent}, #0d5a63 70%)` }}\n      />\n      Powered by AI\n    </span>\n  );\n}\n\n/** Circular 0-100 score dial — green/amber/red by threshold, used for any composite score. */\nexport function OpiScoreDial({ score, size = 56 }: { score: number; size?: number }) {\n  const radius = (size - 6) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (score / 100) * circumference;\n  const color = score >= 75 ? \"#10b981\" : score >= 45 ? \"#f59e0b\" : \"#ef4444\";\n  return (\n    <div className=\"relative shrink-0\" style={{ width: size, height: size }}>\n      <svg width={size} height={size} className=\"-rotate-90\">\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke=\"rgba(255,255,255,0.06)\" strokeWidth={4} />\n        <circle\n          cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke={color} strokeWidth={4}\n          strokeLinecap=\"round\" strokeDasharray={circumference} strokeDashoffset={offset}\n          style={{ transition: \"stroke-dashoffset 0.6s ease-out\" }}\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <span className=\"text-sm font-bold text-white\">{score}</span>\n      </div>\n    </div>\n  );\n}\n\n/** Section label with an icon — used to group the panel's content into named sections. */\nexport function OpiSectionHeading({\n  icon,\n  title,\n  skin = defaultSkin,\n}: {\n  icon: ReactNode;\n  title: string;\n  skin?: OpiInsightsSkin;\n}) {\n  return (\n    <div className=\"flex items-center gap-2 mb-2.5\">\n      <span style={{ color: skin.accent }}>{icon}</span>\n      <h4 className=\"text-[11px] font-bold uppercase tracking-wider\" style={{ color: skin.softText }}>\n        {title}\n      </h4>\n    </div>\n  );\n}\n\nexport interface OpiInsightsShellProps {\n  /** Panel content — build with OpiSectionHeading/OpiScoreDial/severityColor etc. */\n  children: ReactNode;\n  /** Optional headline shown above the badge (e.g. a one-line AI summary). */\n  headline?: ReactNode;\n  /** Footer note — defaults to the standard \"mocked pending real engine\" preview notice. */\n  footerNote?: ReactNode;\n  /** Service-specific dark-theme tokens; falls back to the shared theme's teal/dark defaults. */\n  skin?: OpiInsightsSkin;\n  /** Panel title in the header. Defaults to \"Opi Insights\". */\n  title?: string;\n  /** Controlled open state. Omit to let the shell manage its own collapse state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * The collapsible teal Opi Insights rail. Renders nothing if collapsed\n * except a slim vertical tab; expanded, it's a fixed-width sticky sidebar\n * with a header, scrollable content area, and footer note.\n */\nexport function OpiInsightsShell({\n  children,\n  headline,\n  footerNote = \"Preview build — coaching logic is mocked pending the real Opi engine.\",\n  skin = defaultSkin,\n  title = \"Opi Insights\",\n  open: openProp,\n  onOpenChange,\n}: OpiInsightsShellProps) {\n  const [openState, setOpenState] = useState(true);\n  const open = openProp ?? openState;\n  const setOpen = (value: boolean) => {\n    setOpenState(value);\n    onOpenChange?.(value);\n  };\n\n  if (!open) {\n    return (\n      <button\n        onClick={() => setOpen(true)}\n        className=\"flex flex-col items-center gap-2 py-4 px-1.5 rounded-l-lg shrink-0 self-start sticky top-4 transition-colors hover:brightness-110\"\n        style={{ background: skin.panelBg, border: skin.panelBorder, borderRight: \"none\" }}\n        title={`Open ${title}`}\n      >\n        <Sparkles size={14} style={{ color: skin.accent }} />\n        <span\n          className=\"text-[10px] font-semibold uppercase tracking-wider\"\n          style={{ color: skin.accent, writingMode: \"vertical-rl\" }}\n        >\n          {title}\n        </span>\n        <ChevronLeft size={12} style={{ color: skin.mutedText }} />\n      </button>\n    );\n  }\n\n  return (\n    <aside\n      className=\"w-[300px] shrink-0 rounded-lg overflow-hidden self-start sticky top-4 max-h-[calc(100vh-6rem)] flex flex-col\"\n      style={{ background: skin.panelBg, border: skin.panelBorder }}\n    >\n      <div\n        className=\"flex items-center justify-between gap-2 px-4 py-3 shrink-0\"\n        style={{ background: \"linear-gradient(135deg, #0d5a63 0%, #0b3a40 100%)\" }}\n      >\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <div\n            className=\"w-6 h-6 rounded-md flex items-center justify-center shrink-0\"\n            style={{ background: `${skin.accent}26` }}\n          >\n            <Sparkles size={13} style={{ color: skin.accent }} />\n          </div>\n          <span className=\"text-xs font-bold text-white truncate\">{title}</span>\n        </div>\n        <button\n          onClick={() => setOpen(false)}\n          className=\"p-1 rounded hover:bg-white/10 transition-colors shrink-0\"\n          title=\"Collapse\"\n        >\n          <ChevronRight size={14} className=\"text-white/70\" />\n        </button>\n      </div>\n\n      <div className=\"overflow-y-auto px-4 py-3.5 space-y-5\">\n        {headline && (\n          <div>\n            <p className=\"text-[12px] leading-relaxed mb-2\" style={{ color: skin.bodyText }}>\n              {headline}\n            </p>\n            <OpiBadgeChip skin={skin} />\n          </div>\n        )}\n        {children}\n      </div>\n\n      {footerNote && (\n        <div\n          className=\"px-4 py-2 text-[9px] text-center shrink-0\"\n          style={{ color: skin.mutedText, borderTop: skin.panelBorder }}\n        >\n          {footerNote}\n        </div>\n      )}\n    </aside>\n  );\n}\n","/**\n * OpiAskBar — the follow-up chat input for the Opi Insights panel.\n *\n * The shell and every service's analysis content are read-only displays;\n * this is the one interactive surface where a user can ask Opi a question\n * about what's on screen. Transport-agnostic by design: each consuming\n * app has its own way of reaching the portal's `ai.askOpi` endpoint (same-\n * origin tRPC in the portal itself, a cross-origin client elsewhere), so\n * this component takes a plain `onAsk(question)` callback rather than\n * knowing about tRPC. Renders its own short message thread above the\n * input; the shell just places it as the last child.\n */\nimport { useState, type FormEvent } from \"react\";\nimport { Sparkles, Send, Loader2 } from \"lucide-react\";\nimport type { OpiInsightsSkin } from \"./OpiInsightsShell\";\n\ninterface AskMessage {\n  role: \"user\" | \"assistant\";\n  content: string;\n}\n\nexport interface OpiAskBarProps {\n  /** Sends the question (with prior thread already appended by the caller if desired) and resolves with Opi's reply. */\n  onAsk: (question: string) => Promise<string>;\n  /** Placeholder for the input. Defaults to a generic prompt. */\n  placeholder?: string;\n  skin?: OpiInsightsSkin;\n}\n\nconst defaultSkin: OpiInsightsSkin = {\n  accent: \"#14b8a6\",\n  panelBg: \"#0e1624\",\n  panelBorder: \"1px solid #1e2738\",\n  mutedText: \"#596475\",\n  bodyText: \"#c0c6d0\",\n  softText: \"#8890a0\",\n};\n\nexport function OpiAskBar({ onAsk, placeholder = \"Ask Opi about this…\", skin = defaultSkin }: OpiAskBarProps) {\n  const [thread, setThread] = useState<AskMessage[]>([]);\n  const [input, setInput] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    const question = input.trim();\n    if (!question || pending) return;\n\n    setThread((prev) => [...prev, { role: \"user\", content: question }]);\n    setInput(\"\");\n    setPending(true);\n    setError(null);\n\n    try {\n      const reply = await onAsk(question);\n      setThread((prev) => [...prev, { role: \"assistant\", content: reply }]);\n    } catch {\n      setError(\"Couldn't reach Opi just then — give it another go.\");\n    } finally {\n      setPending(false);\n    }\n  };\n\n  return (\n    <div className=\"pt-1 -mx-4 -mb-3.5 px-4 pb-3.5\" style={{ borderTop: skin.panelBorder }}>\n      {thread.length > 0 && (\n        <div className=\"space-y-2 py-3 max-h-64 overflow-y-auto\">\n          {thread.map((m, i) => (\n            <div\n              key={i}\n              className=\"text-[11px] leading-relaxed rounded-lg px-2.5 py-2\"\n              style={\n                m.role === \"user\"\n                  ? { background: \"rgba(255,255,255,0.04)\", color: skin.bodyText }\n                  : { background: `${skin.accent}14`, color: skin.bodyText, border: `1px solid ${skin.accent}26` }\n              }\n            >\n              {m.role === \"assistant\" && (\n                <div className=\"flex items-center gap-1 mb-1\" style={{ color: skin.accent }}>\n                  <Sparkles size={10} />\n                  <span className=\"text-[9px] font-bold uppercase tracking-wide\">Opi</span>\n                </div>\n              )}\n              {m.content}\n            </div>\n          ))}\n          {pending && (\n            <div className=\"flex items-center gap-1.5 text-[10px]\" style={{ color: skin.mutedText }}>\n              <Loader2 size={11} className=\"animate-spin\" />\n              Thinking…\n            </div>\n          )}\n        </div>\n      )}\n\n      {error && (\n        <p className=\"text-[10px] pb-2\" style={{ color: \"#ef4444\" }}>\n          {error}\n        </p>\n      )}\n\n      <form onSubmit={handleSubmit} className=\"flex items-center gap-1.5 pt-2\">\n        <input\n          value={input}\n          onChange={(e) => setInput(e.target.value)}\n          placeholder={placeholder}\n          disabled={pending}\n          className=\"flex-1 min-w-0 rounded-md px-2.5 py-1.5 text-[11px] outline-none\"\n          style={{ background: \"#0b0f1a\", border: skin.panelBorder, color: skin.bodyText }}\n        />\n        <button\n          type=\"submit\"\n          disabled={!input.trim() || pending}\n          className=\"shrink-0 w-7 h-7 rounded-md flex items-center justify-center transition-opacity disabled:opacity-40\"\n          style={{ background: `${skin.accent}26`, color: skin.accent }}\n          title=\"Ask Opi\"\n        >\n          <Send size={12} />\n        </button>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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","names":["useState","Sparkles","jsx","jsxs","defaultSkin"]}

package/dist/layout/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SharedSidebarConfig } from '../HealthFooter-BnDhAj0x.js';
-export { C as CrossServiceNav, d as CrossServiceNavProps, D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser, H as HealthFooter, e as HealthFooterEnterprise, f as HealthFooterProps, g as HealthFooterUser, M as MenuItem, h as MenuSection, i as SharedSidebarProps, j as getInitials, k as isAdminRole, l as isMenuItemActive, u as useSidebarResize } from '../HealthFooter-BnDhAj0x.js';
+import { S as SharedSidebarConfig } from '../HealthFooter-C5K9s38i.js';
+export { C as CrossServiceNav, d as CrossServiceNavProps, D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser, H as HealthFooter, e as HealthFooterEnterprise, f as HealthFooterProps, g as HealthFooterUser, M as MenuItem, h as MenuSection, i as SharedSidebarProps, j as getInitials, k as isAdminRole, l as isMenuItemActive, u as useSidebarResize } from '../HealthFooter-C5K9s38i.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import '../crossNav-Bz0RXU_F.js';

package/dist/layout/index.js

@@ -19,7 +19,7 @@ import {
   policyDeploymentConfig,
   sqdcpConfig,
   useSidebarResize
-} from "../chunk-LPLB6L7Q.js";
+} from "../chunk-KXUNOSMZ.js";
 import "../chunk-4QJMLQSH.js";
 import "../chunk-WTR6SNOE.js";
 import "../chunk-IEBZGU6X.js";

package/dist/shell/index.d.ts

@@ -1,5 +1,5 @@
-import { D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser } from '../HealthFooter-BnDhAj0x.js';
-export { C as CrossServiceNav, d as CrossServiceNavProps, H as HealthFooter, e as HealthFooterEnterprise, f as HealthFooterProps, g as HealthFooterUser, M as MenuItem, h as MenuSection } from '../HealthFooter-BnDhAj0x.js';
+import { D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser } from '../HealthFooter-C5K9s38i.js';
+export { C as CrossServiceNav, d as CrossServiceNavProps, H as HealthFooter, e as HealthFooterEnterprise, f as HealthFooterProps, g as HealthFooterUser, M as MenuItem, h as MenuSection } from '../HealthFooter-C5K9s38i.js';
 export { C as CrossServiceLink, b as buildCrossServiceLinks } from '../crossNav-Bz0RXU_F.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -76,7 +76,7 @@ type ServiceShellProps = DashboardLayoutProps;
  */
 type ServiceShellUser = DashboardLayoutUser;
 /**
- * Currently-scoped enterprise — drives the header enterprise badge.
+ * Currently-scoped enterprise — passed to the user menu's diagnostic label.
  */
 type ServiceShellEnterprise = DashboardLayoutEnterprise;
 

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   CrossServiceNav,
   DashboardLayout,
   HealthFooter
-} from "../chunk-LPLB6L7Q.js";
+} from "../chunk-KXUNOSMZ.js";
 import "../chunk-4QJMLQSH.js";
 import "../chunk-WTR6SNOE.js";
 import "../chunk-IEBZGU6X.js";

package/dist/shell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/index.ts"],"sourcesContent":["/**\n * @pablo2410/shared-ui/shell — Oplytics Service Shell\n *\n * The single composed chrome (sidebar + header + breadcrumb + reporting +\n * footer + user menu) used by every Oplytics subdomain. Subdomains become\n * a ~50-line adapter that supplies *data and identity*, nothing visual.\n * One PR to shared-ui + a coordinated version bump propagates a chrome\n * change to every service.\n *\n * Composition: re-exports the existing `DashboardLayout` from\n * `@pablo2410/shared-ui/layout` under the clearer canonical name\n * `OplyticsServiceShell`. The two are the same component; consumers\n * should prefer `/shell` going forward — `/layout` will be marked\n * `@deprecated` once every subdomain has migrated and removed in\n * shared-ui v1.0 (see oplytics-subdomains tracking epic).\n *\n * CSS: ship `dist/shell/oplytics-shell.css` containing every Tailwind v4\n * utility this shell uses (built by `pnpm build:shell-css`). Consumers\n * `@import` it once in their own `index.css` and never need an\n * `@source` directive.\n *\n *   ```css\n *   @import \"tailwindcss\";\n *   @import \"@pablo2410/shared-ui/theme/oplytics-theme.css\";\n *   @import \"@pablo2410/shared-ui/shell/oplytics-shell.css\";\n *   ```\n *\n * Usage:\n *\n *   ```tsx\n *   import { OplyticsServiceShell } from \"@pablo2410/shared-ui/shell\";\n *\n *   <OplyticsServiceShell\n *     serviceName=\"Connect\"\n *     serviceIcon={<Zap />}\n *     menuSections={menuSections}\n *     adminSections={adminSections}\n *     isAdmin={user?.role === \"platform_admin\"}\n *     activePath={location}\n *     onNavigate={setLocation}\n *     user={user}\n *     onLogout={logout}\n *     enterprise={selection.enterprise}\n *     hierarchyNavigator={<HierarchyNavigator hierarchy={hierarchy} />}\n *     reportingToolbar={<ReportingToolbar … />}\n *   >\n *     <Routes />\n *   </OplyticsServiceShell>\n *   ```\n */\n\nimport {\n  DashboardLayout,\n  type DashboardLayoutProps,\n  type DashboardLayoutUser,\n  type DashboardLayoutEnterprise,\n  type MenuItem,\n  type MenuSection,\n  HealthFooter,\n  type HealthFooterProps,\n  type HealthFooterUser,\n  type HealthFooterEnterprise,\n  CrossServiceNav,\n  type CrossServiceNavProps,\n} from \"../layout\";\nimport {\n  buildCrossServiceLinks,\n  type CrossServiceLink,\n} from \"../services/crossNav\";\n\n/**\n * The canonical composed Oplytics chrome.\n *\n * This is the same React component as `DashboardLayout` in\n * `@pablo2410/shared-ui/layout`, re-exported under a clearer name.\n * Consumers should prefer `OplyticsServiceShell` going forward.\n */\nconst OplyticsServiceShell = DashboardLayout;\n\n/**\n * Props accepted by `OplyticsServiceShell`.\n * (Alias of `DashboardLayoutProps`.)\n */\ntype ServiceShellProps = DashboardLayoutProps;\n\n/**\n * Authenticated user passed to the shell. Small enough to fit both\n * stateless-JWT subdomains (Connect, Policy Deployment) and DB-backed\n * ones (OEE Manager).\n */\ntype ServiceShellUser = DashboardLayoutUser;\n\n/**\n * Currently-scoped enterprise — drives the header enterprise badge.\n */\ntype ServiceShellEnterprise = DashboardLayoutEnterprise;\n\nexport {\n  OplyticsServiceShell,\n  type ServiceShellProps,\n  type ServiceShellUser,\n  type ServiceShellEnterprise,\n  type MenuItem,\n  type MenuSection,\n  HealthFooter,\n  type HealthFooterProps,\n  type HealthFooterUser,\n  type HealthFooterEnterprise,\n  CrossServiceNav,\n  type CrossServiceNavProps,\n  buildCrossServiceLinks,\n  type CrossServiceLink,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6EA,IAAM,uBAAuB;","names":[]}
+{"version":3,"sources":["../../src/shell/index.ts"],"sourcesContent":["/**\n * @pablo2410/shared-ui/shell — Oplytics Service Shell\n *\n * The single composed chrome (sidebar + header + breadcrumb + reporting +\n * footer + user menu) used by every Oplytics subdomain. Subdomains become\n * a ~50-line adapter that supplies *data and identity*, nothing visual.\n * One PR to shared-ui + a coordinated version bump propagates a chrome\n * change to every service.\n *\n * Composition: re-exports the existing `DashboardLayout` from\n * `@pablo2410/shared-ui/layout` under the clearer canonical name\n * `OplyticsServiceShell`. The two are the same component; consumers\n * should prefer `/shell` going forward — `/layout` will be marked\n * `@deprecated` once every subdomain has migrated and removed in\n * shared-ui v1.0 (see oplytics-subdomains tracking epic).\n *\n * CSS: ship `dist/shell/oplytics-shell.css` containing every Tailwind v4\n * utility this shell uses (built by `pnpm build:shell-css`). Consumers\n * `@import` it once in their own `index.css` and never need an\n * `@source` directive.\n *\n *   ```css\n *   @import \"tailwindcss\";\n *   @import \"@pablo2410/shared-ui/theme/oplytics-theme.css\";\n *   @import \"@pablo2410/shared-ui/shell/oplytics-shell.css\";\n *   ```\n *\n * Usage:\n *\n *   ```tsx\n *   import { OplyticsServiceShell } from \"@pablo2410/shared-ui/shell\";\n *\n *   <OplyticsServiceShell\n *     serviceName=\"Connect\"\n *     serviceIcon={<Zap />}\n *     menuSections={menuSections}\n *     adminSections={adminSections}\n *     isAdmin={user?.role === \"platform_admin\"}\n *     activePath={location}\n *     onNavigate={setLocation}\n *     user={user}\n *     onLogout={logout}\n *     enterprise={selection.enterprise}\n *     hierarchyNavigator={<HierarchyNavigator hierarchy={hierarchy} />}\n *     reportingToolbar={<ReportingToolbar … />}\n *   >\n *     <Routes />\n *   </OplyticsServiceShell>\n *   ```\n */\n\nimport {\n  DashboardLayout,\n  type DashboardLayoutProps,\n  type DashboardLayoutUser,\n  type DashboardLayoutEnterprise,\n  type MenuItem,\n  type MenuSection,\n  HealthFooter,\n  type HealthFooterProps,\n  type HealthFooterUser,\n  type HealthFooterEnterprise,\n  CrossServiceNav,\n  type CrossServiceNavProps,\n} from \"../layout\";\nimport {\n  buildCrossServiceLinks,\n  type CrossServiceLink,\n} from \"../services/crossNav\";\n\n/**\n * The canonical composed Oplytics chrome.\n *\n * This is the same React component as `DashboardLayout` in\n * `@pablo2410/shared-ui/layout`, re-exported under a clearer name.\n * Consumers should prefer `OplyticsServiceShell` going forward.\n */\nconst OplyticsServiceShell = DashboardLayout;\n\n/**\n * Props accepted by `OplyticsServiceShell`.\n * (Alias of `DashboardLayoutProps`.)\n */\ntype ServiceShellProps = DashboardLayoutProps;\n\n/**\n * Authenticated user passed to the shell. Small enough to fit both\n * stateless-JWT subdomains (Connect, Policy Deployment) and DB-backed\n * ones (OEE Manager).\n */\ntype ServiceShellUser = DashboardLayoutUser;\n\n/**\n * Currently-scoped enterprise — passed to the user menu's diagnostic label.\n */\ntype ServiceShellEnterprise = DashboardLayoutEnterprise;\n\nexport {\n  OplyticsServiceShell,\n  type ServiceShellProps,\n  type ServiceShellUser,\n  type ServiceShellEnterprise,\n  type MenuItem,\n  type MenuSection,\n  HealthFooter,\n  type HealthFooterProps,\n  type HealthFooterUser,\n  type HealthFooterEnterprise,\n  CrossServiceNav,\n  type CrossServiceNavProps,\n  buildCrossServiceLinks,\n  type CrossServiceLink,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6EA,IAAM,uBAAuB;","names":[]}