@pablo2410/shared-ui 0.15.0 → 0.17.0

package/dist/chunk-ETWT3KF5.js

@@ -0,0 +1,83 @@
+// src/theme/index.ts
+var OPLYTICS_COLORS = {
+  // Backgrounds
+  bgPrimary: "#0a0e1a",
+  bgSecondary: "#0d1220",
+  bgTertiary: "#111827",
+  bgCard: "#0f1525",
+  bgCardHover: "#141b2d",
+  bgSurface: "#1a2236",
+  // Borders
+  borderDefault: "#1e2738",
+  borderSubtle: "#161e2e",
+  borderHover: "#2a3548",
+  // Text
+  textPrimary: "#ffffff",
+  textSecondary: "#c4cdd9",
+  textMuted: "#596475",
+  textDim: "#3e4a5c",
+  // Accent — Purple (Primary)
+  accentPurple: "#8C34E9",
+  accentPurpleHover: "#7928d4",
+  accentPurpleLight: "#a855f7",
+  accentPurpleBg: "rgba(140, 52, 233, 0.1)",
+  // Accent — Teal (Secondary)
+  accentTeal: "#14b8a6",
+  accentTealHover: "#0d9488",
+  accentTealLight: "#2dd4bf",
+  accentTealBg: "rgba(20, 184, 166, 0.1)",
+  // Status
+  statusSuccess: "#22c55e",
+  statusWarning: "#f59e0b",
+  statusError: "#ef4444",
+  statusInfo: "#3b82f6",
+  // Overlay
+  overlayBg: "rgba(0, 0, 0, 0.5)"
+};
+var OPLYTICS_FONTS = {
+  /** Headings — Montserrat */
+  heading: "'Montserrat', sans-serif",
+  /** Body — Space Grotesk */
+  body: "'Space Grotesk', sans-serif",
+  /** Code — JetBrains Mono */
+  mono: "'JetBrains Mono', monospace"
+};
+var OPLYTICS_FONT_LINKS = [
+  "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap",
+  "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap",
+  "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap"
+];
+var OPLYTICS_SPACING = {
+  xs: "0.25rem",
+  sm: "0.5rem",
+  md: "1rem",
+  lg: "1.5rem",
+  xl: "2rem",
+  "2xl": "3rem",
+  "3xl": "4rem"
+};
+var OPLYTICS_RADIUS = {
+  sm: "0.375rem",
+  md: "0.5rem",
+  lg: "0.75rem",
+  xl: "1rem",
+  full: "9999px"
+};
+var OPLYTICS_SHADOWS = {
+  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.3)",
+  xl: "0 20px 25px rgba(0, 0, 0, 0.3)",
+  card: "0 2px 8px rgba(0, 0, 0, 0.2)",
+  glow: "0 0 20px rgba(140, 52, 233, 0.15)"
+};
+
+export {
+  OPLYTICS_COLORS,
+  OPLYTICS_FONTS,
+  OPLYTICS_FONT_LINKS,
+  OPLYTICS_SPACING,
+  OPLYTICS_RADIUS,
+  OPLYTICS_SHADOWS
+};
+//# sourceMappingURL=chunk-ETWT3KF5.js.map

package/dist/chunk-ETWT3KF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/index.ts"],"sourcesContent":["/**\n * @oplytics/shared-ui/theme\n *\n * Oplytics.digital design tokens, theme configuration, and ThemeProvider types.\n * Single source of truth for the dark theme used across all subdomains.\n *\n * Usage:\n *   import { OPLYTICS_COLORS, OPLYTICS_FONTS } from '@oplytics/shared-ui/theme';\n *   import '@oplytics/shared-ui/theme/oplytics-theme.css';\n */\n\n// ─── Color Tokens ────────────────────────────────────────────────────────────\n\n/** Oplytics.digital canonical color palette */\nexport const OPLYTICS_COLORS = {\n  // Backgrounds\n  bgPrimary: \"#0a0e1a\",\n  bgSecondary: \"#0d1220\",\n  bgTertiary: \"#111827\",\n  bgCard: \"#0f1525\",\n  bgCardHover: \"#141b2d\",\n  bgSurface: \"#1a2236\",\n\n  // Borders\n  borderDefault: \"#1e2738\",\n  borderSubtle: \"#161e2e\",\n  borderHover: \"#2a3548\",\n\n  // Text\n  textPrimary: \"#ffffff\",\n  textSecondary: \"#c4cdd9\",\n  textMuted: \"#596475\",\n  textDim: \"#3e4a5c\",\n\n  // Accent — Purple (Primary)\n  accentPurple: \"#8C34E9\",\n  accentPurpleHover: \"#7928d4\",\n  accentPurpleLight: \"#a855f7\",\n  accentPurpleBg: \"rgba(140, 52, 233, 0.1)\",\n\n  // Accent — Teal (Secondary)\n  accentTeal: \"#14b8a6\",\n  accentTealHover: \"#0d9488\",\n  accentTealLight: \"#2dd4bf\",\n  accentTealBg: \"rgba(20, 184, 166, 0.1)\",\n\n  // Status\n  statusSuccess: \"#22c55e\",\n  statusWarning: \"#f59e0b\",\n  statusError: \"#ef4444\",\n  statusInfo: \"#3b82f6\",\n\n  // Overlay\n  overlayBg: \"rgba(0, 0, 0, 0.5)\",\n} as const;\n\n// ─── Typography ──────────────────────────────────────────────────────────────\n\n/** Oplytics.digital font stack */\nexport const OPLYTICS_FONTS = {\n  /** Headings — Montserrat */\n  heading: \"'Montserrat', sans-serif\",\n  /** Body — Space Grotesk */\n  body: \"'Space Grotesk', sans-serif\",\n  /** Code — JetBrains Mono */\n  mono: \"'JetBrains Mono', monospace\",\n} as const;\n\n/** Google Fonts CDN links for Oplytics fonts */\nexport const OPLYTICS_FONT_LINKS = [\n  \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\",\n  \"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap\",\n  \"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap\",\n] as const;\n\n// ─── Spacing & Radius ────────────────────────────────────────────────────────\n\nexport const OPLYTICS_SPACING = {\n  xs: \"0.25rem\",\n  sm: \"0.5rem\",\n  md: \"1rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n  \"2xl\": \"3rem\",\n  \"3xl\": \"4rem\",\n} as const;\n\nexport const OPLYTICS_RADIUS = {\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n  full: \"9999px\",\n} as const;\n\n// ─── Shadow ──────────────────────────────────────────────────────────────────\n\nexport const OPLYTICS_SHADOWS = {\n  sm: \"0 1px 2px rgba(0, 0, 0, 0.3)\",\n  md: \"0 4px 6px rgba(0, 0, 0, 0.3)\",\n  lg: \"0 10px 15px rgba(0, 0, 0, 0.3)\",\n  xl: \"0 20px 25px rgba(0, 0, 0, 0.3)\",\n  card: \"0 2px 8px rgba(0, 0, 0, 0.2)\",\n  glow: \"0 0 20px rgba(140, 52, 233, 0.15)\",\n} as const;\n\n// ─── ThemeProvider Types ─────────────────────────────────────────────────────\n\nexport type ThemeMode = \"dark\" | \"light\" | \"system\";\n\nexport interface ThemeContextValue {\n  theme: ThemeMode;\n  setTheme: (theme: ThemeMode) => void;\n  toggleTheme: () => void;\n  /** Resolved theme (dark or light) after system preference resolution */\n  resolvedTheme: \"dark\" | \"light\";\n}\n\nexport interface ThemeProviderProps {\n  /** Default theme mode (default: \"dark\") */\n  defaultTheme?: ThemeMode;\n  /** localStorage key for persistence (default: \"oplytics-theme\") */\n  storageKey?: string;\n  /** Children to wrap */\n  children: React.ReactNode;\n}\n\nimport React from \"react\";\n"],"mappings":";AAcO,IAAM,kBAAkB;AAAA;AAAA,EAE7B,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA;AAAA,EAGX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAGb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA;AAAA,EAGT,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAGhB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,cAAc;AAAA;AAAA,EAGd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA;AAAA,EAGZ,WAAW;AACb;AAKO,IAAM,iBAAiB;AAAA;AAAA,EAE5B,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,MAAM;AACR;AAGO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF;AAIO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAIO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/dist/{chunk-MZVMN77F.js → chunk-FJEACO5I.js}

@@ -309,8 +309,8 @@ function LevelReference({ text, compact }) {
     "span",
     {
       className: cn(
-        "block leading-none text-[9px] text-[#596475] truncate max-w-[120px]",
-        compact && "text-[8px]"
+        "block leading-none text-[8px] text-[#596475] truncate max-w-[110px]",
+        compact && "text-[7px]"
       ),
       children: text
     }
@@ -338,14 +338,14 @@ function BreadcrumbLevel({
         "div",
         {
           className: cn(
-            "flex flex-col justify-center px-2 py-1 rounded-md text-sm",
+            "flex flex-col justify-center px-1.5 py-0.5 rounded-md text-xs",
             "text-[#E2E8F0]",
-            compact && "px-1.5 py-0.5 text-xs"
+            compact && "px-1 py-0.5 text-[11px]"
           ),
           children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
-              /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[120px]", children: selected.name })
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-2.5 w-2.5" : "h-3 w-3") }),
+              /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[110px]", children: selected.name })
             ] }),
             /* @__PURE__ */ jsx2(LevelReference, { text: refText, compact })
           ]
@@ -358,16 +358,16 @@ function BreadcrumbLevel({
     "button",
     {
       className: cn(
-        "flex flex-col justify-center px-2 py-1 rounded-md text-sm",
+        "flex flex-col justify-center px-1.5 py-0.5 rounded-md text-xs",
         "text-[#E2E8F0] hover:bg-[#1E2738] hover:text-white",
         "transition-colors cursor-pointer outline-none",
         "focus-visible:ring-1 focus-visible:ring-[#8C34E9]",
-        compact && "px-1.5 py-0.5 text-xs"
+        compact && "px-1 py-0.5 text-[11px]"
       ),
       children: [
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
-          /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[120px]", children: selected.name }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-2.5 w-2.5" : "h-3 w-3") }),
+          /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[110px]", children: selected.name }),
           /* @__PURE__ */ jsx2(ChevronDown, { className: cn("shrink-0 text-[#596475]", compact ? "h-2.5 w-2.5" : "h-3 w-3") })
         ] }),
         /* @__PURE__ */ jsx2(LevelReference, { text: refText, compact })
@@ -412,9 +412,9 @@ function DrillDownPrompt({
             onClick: () => setShowLockedHint((v) => !v),
             onBlur: () => setShowLockedHint(false),
             className: cn(
-              "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+              "flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs",
               "text-[#596475] cursor-not-allowed",
-              compact && "px-1.5 py-0.5 text-xs"
+              compact && "px-1 py-0.5 text-[11px]"
             ),
             children: [
               /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
@@ -440,10 +440,10 @@ function DrillDownPrompt({
         {
           onClick: () => onSelect(nodes[0]),
           className: cn(
-            "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+            "flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs",
             "text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]",
             "transition-colors cursor-pointer",
-            compact && "px-1.5 py-0.5 text-xs"
+            compact && "px-1 py-0.5 text-[11px]"
           ),
           children: [
             /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
@@ -457,11 +457,11 @@ function DrillDownPrompt({
     "button",
     {
       className: cn(
-        "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+        "flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs",
         "text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]",
         "transition-colors cursor-pointer outline-none",
         "border border-dashed border-[#2A2A3E] hover:border-[#596475]",
-        compact && "px-1.5 py-0.5 text-xs"
+        compact && "px-1 py-0.5 text-[11px]"
       ),
       children: [
         /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
@@ -590,4 +590,4 @@ export {
   hierarchyCodeFor,
   HierarchyNavigator
 };
-//# sourceMappingURL=chunk-MZVMN77F.js.map
+//# sourceMappingURL=chunk-FJEACO5I.js.map

package/dist/chunk-FJEACO5I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hierarchy/hierarchyCode.ts","../src/hierarchy/OrgHierarchyContext.tsx","../src/hierarchy/HierarchyNavigator.tsx"],"sourcesContent":["/**\n * @oplytics/shared-ui/hierarchy — Hierarchy Attribution Code\n *\n * A human-readable, computed-not-stored label identifying which hierarchy\n * node a piece of data belongs to: `E{enterpriseId}-B{ii}-S{ii}-A{ii}-X{iii}`.\n *\n * This is a *display/debug/attribution* label only — the permanent identity\n * of every node stays its Portal-issued `int` id. Re-parenting a node changes\n * its code (sibling index can shift) but never changes historical records,\n * since nothing stores this string as a join key. Mirrors Policy Deployment's\n * `generatePolicyCode` precedent: computed lineage, not stored structure.\n *\n * Sibling index is 1-based position when siblings are sorted by `id` —\n * deterministic and stable, since there's no reorder-hierarchy UI that could\n * change insertion order without changing the id.\n */\n\nimport type { OrgHierarchyData } from \"./orgHierarchy\";\n\nexport interface HierarchyCodeInput {\n  enterpriseId: number;\n  businessUnitId?: number | null;\n  siteId?: number | null;\n  areaId?: number | null;\n  assetId?: number | null;\n}\n\nfunction siblingIndex(siblingIds: number[], targetId: number): number | null {\n  const sorted = [...siblingIds].sort((a, b) => a - b);\n  const position = sorted.indexOf(targetId);\n  return position === -1 ? null : position + 1;\n}\n\nfunction pad(n: number, width: number): string {\n  return String(n).padStart(width, \"0\");\n}\n\n/**\n * Computes a hierarchy attribution code for a node, given the full org tree.\n * Returns as much of the code as can be resolved — e.g. if `siteId` is set\n * but not found in `tree.sites`, the code stops at the last resolved segment\n * rather than throwing, since stale/cross-enterprise ids can occur during\n * migration/backfill windows.\n */\nexport function computeHierarchyCode(\n  node: HierarchyCodeInput,\n  tree: OrgHierarchyData\n): string {\n  const segments: string[] = [`E${node.enterpriseId}`];\n\n  if (node.businessUnitId == null) return segments.join(\"-\");\n  const buSiblings = tree.businessUnits\n    .filter((bu) => bu.enterpriseId === node.enterpriseId)\n    .map((bu) => bu.id);\n  const buIndex = siblingIndex(buSiblings, node.businessUnitId);\n  if (buIndex == null) return segments.join(\"-\");\n  segments.push(`B${pad(buIndex, 2)}`);\n\n  if (node.siteId == null) return segments.join(\"-\");\n  const siteSiblings = tree.sites\n    .filter((s) => s.businessUnitId === node.businessUnitId)\n    .map((s) => s.id);\n  const siteIndex = siblingIndex(siteSiblings, node.siteId);\n  if (siteIndex == null) return segments.join(\"-\");\n  segments.push(`S${pad(siteIndex, 2)}`);\n\n  if (node.areaId == null) return segments.join(\"-\");\n  const areaSiblings = tree.areas\n    .filter((a) => a.siteId === node.siteId)\n    .map((a) => a.id);\n  const areaIndex = siblingIndex(areaSiblings, node.areaId);\n  if (areaIndex == null) return segments.join(\"-\");\n  segments.push(`A${pad(areaIndex, 2)}`);\n\n  if (node.assetId == null) return segments.join(\"-\");\n  const assetSiblings = tree.assets\n    .filter((a) => a.areaId === node.areaId)\n    .map((a) => a.id);\n  const assetIndex = siblingIndex(assetSiblings, node.assetId);\n  if (assetIndex == null) return segments.join(\"-\");\n  segments.push(`X${pad(assetIndex, 3)}`);\n\n  return segments.join(\"-\");\n}\n","/**\n * OrgHierarchyContext — shared React context factory for the Organisational Hierarchy.\n *\n * Usage:\n *   const { OrgHierarchyProvider, useOrgHierarchy } = createOrgHierarchyContext({\n *     storageKey: \"oplytics-portal-org-hierarchy\",\n *     useHierarchyData: () => {\n *       const { data, isLoading } = trpc.hierarchy.flat.useQuery(...);\n *       return { data: data ?? null, isLoading };\n *     },\n *   });\n *\n * All selection state, cascade setters, breadcrumbs, and session persistence\n * are handled here — no per-subdomain duplication.\n */\nimport {\n  createContext,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  type ReactNode,\n} from \"react\";\nimport type {\n  OrgHierarchyData,\n  OrgHierarchyNode,\n  OrgHierarchySelection,\n  OrgHierarchyContextValue,\n} from \"./orgHierarchy\";\nimport { ORG_HIERARCHY_EMPTY } from \"./orgHierarchy\";\nimport { ACTIVE_ENTERPRISE_COOKIE } from \"./enterpriseOverride\";\nimport {\n  readSelectionParamFromLocation,\n  stripSelectionParamFromLocation,\n  resolveSelectionFromIds,\n  type OrgSelectionIds,\n} from \"./selectionParams\";\n\n/* ── Active-enterprise cookie (the single cross-subdomain channel) ── */\n\n/**\n * Read the Portal-set active-enterprise cookie on the client. This is the only\n * signal a subdomain has that the platform admin switched enterprise; the value\n * is the active enterprise id (or null if unset). Server-side, the same cookie\n * drives applyEnterpriseOverride + scopeHierarchyToEnterprise, so the fetched\n * hierarchy is already scoped to it — the client only needs to react to changes.\n */\nexport function readActiveEnterpriseCookie(): string | null {\n  if (typeof document === \"undefined\") return null;\n  const match = document.cookie\n    .split(\";\")\n    .map((c) => c.trim())\n    .find((c) => c.startsWith(`${ACTIVE_ENTERPRISE_COOKIE}=`));\n  if (!match) return null;\n  const value = decodeURIComponent(match.slice(ACTIVE_ENTERPRISE_COOKIE.length + 1));\n  return value.length ? value : null;\n}\n\n/* ── Factory options ── */\n\nexport interface CreateOrgHierarchyContextOptions {\n  /**\n   * Unique sessionStorage key for this subdomain's selection persistence.\n   * e.g. \"oplytics-portal-org-hierarchy\", \"oplytics-sqdcp-org-hierarchy\"\n   */\n  storageKey: string;\n\n  /**\n   * React hook that fetches the flat hierarchy data.\n   * Must return { data, isLoading } where data is OrgHierarchyData | null.\n   */\n  useHierarchyData: () => {\n    data: OrgHierarchyData | null;\n    isLoading: boolean;\n  };\n}\n\n/* ── Factory ── */\n\nexport function createOrgHierarchyContext(options: CreateOrgHierarchyContextOptions) {\n  const { storageKey, useHierarchyData } = options;\n\n  const OrgHierarchyCtx = createContext<OrgHierarchyContextValue>({\n    selection: ORG_HIERARCHY_EMPTY,\n    enterprises: [],\n    businessUnits: [],\n    sites: [],\n    areas: [],\n    assets: [],\n    selectEnterprise: () => {},\n    selectBusinessUnit: () => {},\n    selectSite: () => {},\n    selectArea: () => {},\n    selectAsset: () => {},\n    canSwitchEnterprise: false,\n    loading: true,\n    breadcrumbs: [],\n    hierarchyData: null,\n  });\n\n  function OrgHierarchyProvider({\n    children,\n    canSwitchEnterprise = false,\n    onEnterpriseSwitched,\n  }: {\n    children: ReactNode;\n    canSwitchEnterprise?: boolean;\n    /**\n     * Callback fired when a platform_admin switches enterprise.\n     * Used to persist the switch to the backend (e.g. via auth.switchEnterprise mutation).\n     * Only called when canSwitchEnterprise is true and the user explicitly changes enterprise.\n     */\n    onEnterpriseSwitched?: (enterpriseId: number | null) => void;\n  }) {\n    // Single source of truth = the server-scoped hierarchy. We deliberately do\n    // NOT restore a persisted selection on load — that is exactly what let one\n    // tab/subdomain show a different enterprise than another. We always\n    // re-derive from the server (which is scoped to the active enterprise).\n    const [selection, setSelection] = useState<OrgHierarchySelection>(ORG_HIERARCHY_EMPTY);\n\n    // Inbound cross-service deep link (?oh=ent.bu.site.area.asset). Captured\n    // once with a pure lazy initializer (StrictMode-safe); applied against the\n    // server-scoped hierarchy after it loads, then cleared. The URL param\n    // itself is stripped in the mount effect below.\n    const [pendingIds, setPendingIds] = useState<OrgSelectionIds | null>(() =>\n      readSelectionParamFromLocation(),\n    );\n\n    // On mount: drop any legacy persisted selection, and hard-reload if the\n    // active enterprise changes under us (i.e. the Portal admin switched).\n    // Reloading lets the server re-scope this app to the new enterprise — the\n    // single, identical propagation path for every subdomain. Cookies emit no\n    // change event, so we re-check whenever the tab regains focus/visibility.\n    useEffect(() => {\n      try {\n        sessionStorage.removeItem(storageKey);\n      } catch {\n        // ignore storage errors\n      }\n\n      // Clean the address bar immediately — the captured pendingIds state\n      // survives independently of the URL.\n      stripSelectionParamFromLocation();\n\n      const activeAtMount = readActiveEnterpriseCookie();\n      const reloadIfEnterpriseChanged = () => {\n        if (typeof window !== \"undefined\" && readActiveEnterpriseCookie() !== activeAtMount) {\n          window.location.reload();\n        }\n      };\n      if (typeof window !== \"undefined\") {\n        window.addEventListener(\"focus\", reloadIfEnterpriseChanged);\n        document.addEventListener(\"visibilitychange\", reloadIfEnterpriseChanged);\n        return () => {\n          window.removeEventListener(\"focus\", reloadIfEnterpriseChanged);\n          document.removeEventListener(\"visibilitychange\", reloadIfEnterpriseChanged);\n        };\n      }\n      return undefined;\n    // storageKey is stable for the lifetime of a factory instance.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Fetch hierarchy data via the provided hook\n    const { data: hierarchy, isLoading } = useHierarchyData();\n\n    // ── Derive filtered lists from flat data ──\n\n    const enterprises = useMemo<OrgHierarchyNode[]>(() => {\n      if (!hierarchy?.enterprises) return [];\n      return hierarchy.enterprises.map((e) => ({\n        id: e.id,\n        name: e.name,\n        code: e.code,\n      }));\n    }, [hierarchy]);\n\n    const businessUnits = useMemo<OrgHierarchyNode[]>(() => {\n      if (!hierarchy?.businessUnits || !selection.enterprise) return [];\n      return hierarchy.businessUnits\n        .filter((bu) => bu.enterpriseId === selection.enterprise!.id)\n        .map((bu) => ({ id: bu.id, name: bu.name, code: bu.code }));\n    }, [hierarchy, selection.enterprise]);\n\n    const sites = useMemo<OrgHierarchyNode[]>(() => {\n      if (!hierarchy?.sites || !selection.enterprise) return [];\n      let filtered = hierarchy.sites.filter(\n        (s) => s.enterpriseId === selection.enterprise!.id\n      );\n      if (selection.businessUnit) {\n        filtered = filtered.filter(\n          (s) => s.businessUnitId === selection.businessUnit!.id\n        );\n      }\n      return filtered.map((s) => ({ id: s.id, name: s.name, code: s.code }));\n    }, [hierarchy, selection.enterprise, selection.businessUnit]);\n\n    const areas = useMemo<OrgHierarchyNode[]>(() => {\n      if (!hierarchy?.areas || !selection.site) return [];\n      return hierarchy.areas\n        .filter((a) => a.siteId === selection.site!.id)\n        .map((a) => ({ id: a.id, name: a.name, code: a.code }));\n    }, [hierarchy, selection.site]);\n\n    const assets = useMemo<OrgHierarchyNode[]>(() => {\n      if (!hierarchy?.assets || !selection.area) return [];\n      return hierarchy.assets\n        .filter((a) => a.areaId === selection.area!.id)\n        .map((a) => ({ id: a.id, name: a.name, code: a.code }));\n    }, [hierarchy, selection.area]);\n\n    // Apply an inbound cross-service deep link once the scoped hierarchy is\n    // available. Resolution validates ids + parent links and keeps the deepest\n    // valid prefix; a selection that doesn't resolve to an enterprise falls\n    // through to the auto-select default below (re-triggered by clearing\n    // pendingIds). Uses setSelection directly — deliberately NOT\n    // selectEnterprise — so onEnterpriseSwitched is never fired by a deep link.\n    useEffect(() => {\n      if (!pendingIds || isLoading || !hierarchy) return;\n      const resolved = resolveSelectionFromIds(pendingIds, hierarchy);\n      if (resolved.enterprise) {\n        setSelection(resolved);\n      }\n      setPendingIds(null);\n    }, [pendingIds, isLoading, hierarchy]);\n\n    // Auto-select an enterprise on load.\n    // - Non-platform_admin (or platform_admin with only one visible\n    //   enterprise): always the first/only one, matching their access.\n    // - platform_admin with multiple enterprises: restore whichever\n    //   enterprise they last switched to, via the same\n    //   oplytics-active-enterprise cookie switchEnterprise already sets for\n    //   cross-subdomain propagation. Falls through to leaving it unselected\n    //   if the cookie is unset or names an enterprise no longer in the list.\n    useEffect(() => {\n      // A pending deep link owns the initial selection; this effect re-runs\n      // as the fallback when pendingIds clears.\n      if (pendingIds) return;\n      if (isLoading || enterprises.length === 0) return;\n      if (!selection.enterprise) {\n        if (!canSwitchEnterprise || enterprises.length === 1) {\n          setSelection((prev) => ({ ...prev, enterprise: enterprises[0] }));\n        } else {\n          const cookieId = readActiveEnterpriseCookie();\n          const restored = cookieId\n            ? enterprises.find((e) => String(e.id) === cookieId)\n            : undefined;\n          if (restored) {\n            setSelection((prev) => ({ ...prev, enterprise: restored }));\n          }\n        }\n      }\n    }, [pendingIds, isLoading, enterprises, selection.enterprise, canSwitchEnterprise]);\n\n    // ── Cascade setters ──\n\n    const selectEnterprise = useCallback((node: OrgHierarchyNode | null) => {\n      setSelection({\n        enterprise: node,\n        businessUnit: null,\n        site: null,\n        area: null,\n        asset: null,\n      });\n      // Notify backend of enterprise switch (platform_admin only)\n      if (canSwitchEnterprise && onEnterpriseSwitched) {\n        onEnterpriseSwitched(node?.id ?? null);\n      }\n    }, [canSwitchEnterprise, onEnterpriseSwitched]);\n\n    const selectBusinessUnit = useCallback((node: OrgHierarchyNode | null) => {\n      setSelection((prev) => ({\n        ...prev,\n        businessUnit: node,\n        site: null,\n        area: null,\n        asset: null,\n      }));\n    }, []);\n\n    const selectSite = useCallback((node: OrgHierarchyNode | null) => {\n      setSelection((prev) => ({\n        ...prev,\n        site: node,\n        area: null,\n        asset: null,\n      }));\n    }, []);\n\n    const selectArea = useCallback((node: OrgHierarchyNode | null) => {\n      setSelection((prev) => ({\n        ...prev,\n        area: node,\n        asset: null,\n      }));\n    }, []);\n\n    const selectAsset = useCallback((node: OrgHierarchyNode | null) => {\n      setSelection((prev) => ({\n        ...prev,\n        asset: node,\n      }));\n    }, []);\n\n    // ── Breadcrumbs ──\n\n    const breadcrumbs = useMemo(() => {\n      const crumbs: { level: string; node: OrgHierarchyNode }[] = [];\n      if (selection.enterprise)\n        crumbs.push({ level: \"Enterprise\", node: selection.enterprise });\n      if (selection.businessUnit)\n        crumbs.push({ level: \"Business Unit\", node: selection.businessUnit });\n      if (selection.site)\n        crumbs.push({ level: \"Site\", node: selection.site });\n      if (selection.area)\n        crumbs.push({ level: \"Area\", node: selection.area });\n      if (selection.asset)\n        crumbs.push({ level: \"Asset\", node: selection.asset });\n      return crumbs;\n    }, [selection]);\n\n    // ── Context value ──\n\n    const value = useMemo<OrgHierarchyContextValue>(\n      () => ({\n        selection,\n        enterprises,\n        businessUnits,\n        sites,\n        areas,\n        assets,\n        selectEnterprise,\n        selectBusinessUnit,\n        selectSite,\n        selectArea,\n        selectAsset,\n        canSwitchEnterprise,\n        loading: isLoading,\n        breadcrumbs,\n        hierarchyData: hierarchy ?? null,\n      }),\n      [\n        selection,\n        enterprises,\n        businessUnits,\n        sites,\n        areas,\n        assets,\n        selectEnterprise,\n        selectBusinessUnit,\n        selectSite,\n        selectArea,\n        selectAsset,\n        canSwitchEnterprise,\n        isLoading,\n        breadcrumbs,\n        hierarchy,\n      ]\n    );\n\n    return (\n      <OrgHierarchyCtx.Provider value={value}>\n        {children}\n      </OrgHierarchyCtx.Provider>\n    );\n  }\n\n  function useOrgHierarchy(): OrgHierarchyContextValue {\n    return useContext(OrgHierarchyCtx);\n  }\n\n  return { OrgHierarchyProvider, useOrgHierarchy };\n}\n\n/* ── Re-export types for convenience ── */\nexport type {\n  OrgHierarchyNode,\n  OrgHierarchyData,\n  OrgHierarchySelection,\n  OrgHierarchyContextValue,\n} from \"./orgHierarchy\";\n","/**\n * HierarchyNavigator — breadcrumb-style hierarchy switcher.\n *\n * Displays: Enterprise / BU / Site / Area / Asset\n * Each level is a clickable dropdown to switch context.\n * Platform admins can switch enterprises; others see their scoped enterprise.\n *\n * NOTE: This component requires the consuming app to provide:\n * - A hierarchy context via useHierarchy prop\n * - shadcn/ui DropdownMenu components via the renderDropdown prop\n *\n * For apps using the createOrgHierarchyContext factory, pass the useOrgHierarchy hook.\n *\n * Oplytics dark theme: #0A0E1A bg, #8C34E9 accent, #E2E8F0 text, #8890A0 muted\n */\nimport { cn } from \"../utils/cn\";\nimport type { OrgHierarchyNode, OrgHierarchyContextValue, OrgHierarchyData, OrgHierarchyLevel } from \"./orgHierarchy\";\nimport { computeHierarchyCode } from \"./hierarchyCode\";\nimport { ChevronRight, ChevronDown, Building2, Network, MapPin, LayoutGrid, Box } from \"lucide-react\";\nimport { useState, type ReactNode } from \"react\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"../primitives\";\n\n/* ── Level config ── */\n\ninterface LevelConfig {\n  key: OrgHierarchyLevel;\n  label: string;\n  icon: React.ElementType;\n  getNodes: () => OrgHierarchyNode[];\n  getSelected: () => OrgHierarchyNode | null;\n  onSelect: (node: OrgHierarchyNode | null) => void;\n  canSwitch?: boolean;\n}\n\n/**\n * \"Site #30002\" style reference text shown in small print under a selected\n * breadcrumb level — the raw id disambiguated by level, since ids aren't\n * unique across levels (a BU and a Site can share the same numeric id).\n */\nexport function idReference(level: OrgHierarchyLevel, label: string, id: number): string {\n  const short = level === \"businessUnit\" ? \"BU\" : label;\n  return `${short} #${id}`;\n}\n\n/**\n * Computes the E/B/S/A/X hierarchy attribution code for a selected node,\n * given the full unfiltered tree. Returns null when the tree isn't loaded\n * yet or the node can't be resolved (e.g. stale id mid-refetch) — callers\n * should just omit the sub-text rather than show a broken code.\n */\nexport function hierarchyCodeFor(\n  level: OrgHierarchyLevel,\n  selection: OrgHierarchyContextValue[\"selection\"],\n  selectedId: number,\n  tree: OrgHierarchyData | null\n): string | null {\n  if (!tree || !selection.enterprise) return null;\n  const enterpriseId = selection.enterprise.id;\n  const input = {\n    enterpriseId,\n    businessUnitId: level === \"businessUnit\" ? selectedId : selection.businessUnit?.id,\n    siteId: level === \"site\" ? selectedId : selection.site?.id,\n    areaId: level === \"area\" ? selectedId : selection.area?.id,\n    assetId: level === \"asset\" ? selectedId : selection.asset?.id,\n  };\n  const code = computeHierarchyCode(input, tree);\n  // computeHierarchyCode returns as much as it could resolve — only show it\n  // when it actually reached the level being rendered (same segment count\n  // check used implicitly by prefix length: E, B, S, A, X).\n  const expectedSegments = { enterprise: 1, businessUnit: 2, site: 3, area: 4, asset: 5 }[level];\n  if (code.split(\"-\").length < expectedSegments) return null;\n  return code;\n}\n\n/* ── Dropdown render prop types ── */\n\nexport interface DropdownRenderProps {\n  trigger: ReactNode;\n  items: Array<{\n    key: number;\n    label: string;\n    code?: string;\n    icon: React.ElementType;\n    isActive: boolean;\n    onClick: () => void;\n  }>;\n  align?: \"start\" | \"end\";\n}\n\n/* ── Single breadcrumb level ── */\n\n/**\n * Tiny muted reference line: raw id (disambiguated by level) plus the\n * computed hierarchy code, e.g. \"BU #30002 · E90011-B01\". Sits directly\n * under a breadcrumb segment's name — small enough not to compete with it,\n * but present for cross-checking against a support ticket or log line.\n */\nfunction LevelReference({ text, compact }: { text: string | null; compact?: boolean }) {\n  if (!text) return null;\n  return (\n    <span\n      className={cn(\n        \"block leading-none text-[8px] text-[#596475] truncate max-w-[110px]\",\n        compact && \"text-[7px]\"\n      )}\n    >\n      {text}\n    </span>\n  );\n}\n\nfunction BreadcrumbLevel({\n  config,\n  isLast,\n  compact,\n  renderDropdown,\n  selection,\n  hierarchyData,\n}: {\n  config: LevelConfig;\n  isLast: boolean;\n  compact?: boolean;\n  renderDropdown?: (props: DropdownRenderProps) => ReactNode;\n  selection: OrgHierarchyContextValue[\"selection\"];\n  hierarchyData: OrgHierarchyData | null;\n}) {\n  const nodes = config.getNodes();\n  const selected = config.getSelected();\n  const Icon = config.icon;\n  const canSwitch = config.canSwitch !== false;\n  const hasMultiple = nodes.length > 1;\n\n  if (!selected) return null;\n\n  const code = hierarchyCodeFor(config.key, selection, selected.id, hierarchyData);\n  const refText =\n    config.key === \"enterprise\"\n      ? null // enterprise id alone is never ambiguous with another level\n      : `${idReference(config.key, config.label, selected.id)}${code ? ` · ${code}` : \"\"}`;\n\n  // If only one option or can't switch, show as static text\n  if (!hasMultiple || !canSwitch) {\n    return (\n      <div className=\"flex items-center gap-1\">\n        <div\n          className={cn(\n            \"flex flex-col justify-center px-1.5 py-0.5 rounded-md text-xs\",\n            \"text-[#E2E8F0]\",\n            compact && \"px-1 py-0.5 text-[11px]\"\n          )}\n        >\n          <span className=\"flex items-center gap-1\">\n            <Icon className={cn(\"shrink-0 text-[#8890A0]\", compact ? \"h-2.5 w-2.5\" : \"h-3 w-3\")} />\n            <span className=\"truncate max-w-[110px]\">{selected.name}</span>\n          </span>\n          <LevelReference text={refText} compact={compact} />\n        </div>\n        {!isLast && (\n          <ChevronRight className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n        )}\n      </div>\n    );\n  }\n\n  // Multiple options — use renderDropdown if provided, otherwise basic button\n  const trigger = (\n    <button\n      className={cn(\n        \"flex flex-col justify-center px-1.5 py-0.5 rounded-md text-xs\",\n        \"text-[#E2E8F0] hover:bg-[#1E2738] hover:text-white\",\n        \"transition-colors cursor-pointer outline-none\",\n        \"focus-visible:ring-1 focus-visible:ring-[#8C34E9]\",\n        compact && \"px-1 py-0.5 text-[11px]\"\n      )}\n    >\n      <span className=\"flex items-center gap-1\">\n        <Icon className={cn(\"shrink-0 text-[#8890A0]\", compact ? \"h-2.5 w-2.5\" : \"h-3 w-3\")} />\n        <span className=\"truncate max-w-[110px]\">{selected.name}</span>\n        <ChevronDown className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-2.5 w-2.5\" : \"h-3 w-3\")} />\n      </span>\n      <LevelReference text={refText} compact={compact} />\n    </button>\n  );\n\n  const items = nodes.map((node) => ({\n    key: node.id,\n    label: node.name,\n    code: node.code,\n    icon: Icon,\n    isActive: selected.id === node.id,\n    onClick: () => config.onSelect(node),\n  }));\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {renderDropdown ? (\n        renderDropdown({ trigger, items, align: \"start\" })\n      ) : (\n        // Fallback: simple select-style rendering\n        <div className=\"relative group\">\n          {trigger}\n        </div>\n      )}\n      {!isLast && (\n        <ChevronRight className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n      )}\n    </div>\n  );\n}\n\n/* ── Drill-down prompt ── */\n\nfunction DrillDownPrompt({\n  label,\n  icon: Icon,\n  nodes,\n  onSelect,\n  compact,\n  renderDropdown,\n  canSwitch = true,\n}: {\n  label: string;\n  icon: React.ElementType;\n  nodes: OrgHierarchyNode[];\n  onSelect: (node: OrgHierarchyNode) => void;\n  compact?: boolean;\n  renderDropdown?: (props: DropdownRenderProps) => ReactNode;\n  canSwitch?: boolean;\n}) {\n  const [showLockedHint, setShowLockedHint] = useState(false);\n\n  if (nodes.length === 0) return null;\n\n  // Locked: nothing is selected yet, but this level can't be changed from\n  // here. Render static prompt text — clicking surfaces a brief explanation\n  // instead of opening the picker.\n  if (!canSwitch) {\n    return (\n      <div className=\"flex items-center gap-1\">\n        <ChevronRight className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n        <Tooltip open={showLockedHint} onOpenChange={setShowLockedHint}>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => setShowLockedHint((v) => !v)}\n              onBlur={() => setShowLockedHint(false)}\n              className={cn(\n                \"flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs\",\n                \"text-[#596475] cursor-not-allowed\",\n                compact && \"px-1 py-0.5 text-[11px]\"\n              )}\n            >\n              <Icon className={cn(\"shrink-0\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n              <span className=\"truncate\">Select {label}</span>\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>{label} can't be changed from this page</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  // Auto-select if only one option\n  if (nodes.length === 1) {\n    return (\n      <div className=\"flex items-center gap-1\">\n        <ChevronRight className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n        <button\n          onClick={() => onSelect(nodes[0])}\n          className={cn(\n            \"flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs\",\n            \"text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]\",\n            \"transition-colors cursor-pointer\",\n            compact && \"px-1 py-0.5 text-[11px]\"\n          )}\n        >\n          <Icon className={cn(\"shrink-0\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n          <span className=\"truncate\">{nodes[0].name}</span>\n        </button>\n      </div>\n    );\n  }\n\n  const trigger = (\n    <button\n      className={cn(\n        \"flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs\",\n        \"text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]\",\n        \"transition-colors cursor-pointer outline-none\",\n        \"border border-dashed border-[#2A2A3E] hover:border-[#596475]\",\n        compact && \"px-1 py-0.5 text-[11px]\"\n      )}\n    >\n      <Icon className={cn(\"shrink-0\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n      <span className=\"truncate\">Select {label}</span>\n      <ChevronDown className={cn(\"shrink-0\", compact ? \"h-2.5 w-2.5\" : \"h-3 w-3\")} />\n    </button>\n  );\n\n  const items = nodes.map((node) => ({\n    key: node.id,\n    label: node.name,\n    code: node.code,\n    icon: Icon,\n    isActive: false,\n    onClick: () => onSelect(node),\n  }));\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <ChevronRight className={cn(\"shrink-0 text-[#596475]\", compact ? \"h-3 w-3\" : \"h-3.5 w-3.5\")} />\n      {renderDropdown ? (\n        renderDropdown({ trigger, items, align: \"start\" })\n      ) : (\n        <div className=\"relative group\">\n          {trigger}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Main component ── */\n\nexport interface HierarchyNavigatorProps {\n  /** The hierarchy context value — pass from useOrgHierarchy() */\n  hierarchy: OrgHierarchyContextValue;\n  /** Show in compact mode (smaller text, tighter spacing) */\n  compact?: boolean;\n  /** Maximum depth to show (default: all 5 levels) */\n  maxDepth?: number;\n  /** CSS class for the container */\n  className?: string;\n  /**\n   * Render prop for dropdown menus. If not provided, dropdowns won't open.\n   * Consuming apps should pass a function that renders their shadcn/ui DropdownMenu.\n   */\n  renderDropdown?: (props: DropdownRenderProps) => ReactNode;\n}\n\nexport function HierarchyNavigator({\n  hierarchy: ctx,\n  compact = false,\n  maxDepth = 5,\n  className,\n  renderDropdown,\n}: HierarchyNavigatorProps) {\n  if (ctx.loading) {\n    return (\n      <div className={cn(\"flex items-center gap-2 animate-pulse\", className)}>\n        <div className=\"h-6 w-24 rounded bg-[#1E2738]\" />\n        <ChevronRight className=\"h-3.5 w-3.5 text-[#596475]\" />\n        <div className=\"h-6 w-20 rounded bg-[#1E2738]\" />\n      </div>\n    );\n  }\n\n  // Build the level configs\n  const allLevels: LevelConfig[] = [\n    {\n      key: \"enterprise\",\n      label: \"Enterprise\",\n      icon: Building2,\n      getNodes: () => ctx.enterprises,\n      getSelected: () => ctx.selection.enterprise,\n      onSelect: ctx.selectEnterprise,\n      canSwitch: ctx.canSwitchEnterprise,\n    },\n    {\n      key: \"businessUnit\",\n      label: \"Business Unit\",\n      icon: Network,\n      getNodes: () => ctx.businessUnits,\n      getSelected: () => ctx.selection.businessUnit,\n      onSelect: ctx.selectBusinessUnit,\n    },\n    {\n      key: \"site\",\n      label: \"Site\",\n      icon: MapPin,\n      getNodes: () => ctx.sites,\n      getSelected: () => ctx.selection.site,\n      onSelect: ctx.selectSite,\n    },\n    {\n      key: \"area\",\n      label: \"Area\",\n      icon: LayoutGrid,\n      getNodes: () => ctx.areas,\n      getSelected: () => ctx.selection.area,\n      onSelect: ctx.selectArea,\n    },\n    {\n      key: \"asset\",\n      label: \"Asset\",\n      icon: Box,\n      getNodes: () => ctx.assets,\n      getSelected: () => ctx.selection.asset,\n      onSelect: ctx.selectAsset,\n    },\n  ];\n  const levels = allLevels.slice(0, maxDepth);\n\n  // Determine which levels are selected and which is the next drill-down\n  const selectedLevels = levels.filter((l) => l.getSelected() !== null);\n  const nextLevel = levels.find((l) => l.getSelected() === null && l.getNodes().length > 0);\n\n  return (\n    <nav\n      className={cn(\"flex items-center flex-wrap gap-0.5\", className)}\n      aria-label=\"Hierarchy navigation\"\n    >\n      {selectedLevels.map((level, idx) => (\n        <BreadcrumbLevel\n          key={level.key}\n          config={level}\n          isLast={idx === selectedLevels.length - 1 && !nextLevel}\n          compact={compact}\n          renderDropdown={renderDropdown}\n          selection={ctx.selection}\n          hierarchyData={ctx.hierarchyData}\n        />\n      ))}\n      {nextLevel && (\n        <DrillDownPrompt\n          label={nextLevel.label}\n          icon={nextLevel.icon}\n          nodes={nextLevel.getNodes()}\n          onSelect={nextLevel.onSelect}\n          compact={compact}\n          renderDropdown={renderDropdown}\n          canSwitch={nextLevel.canSwitch !== false}\n        />\n      )}\n      {selectedLevels.length === 0 && !nextLevel && (\n        <span className=\"text-sm text-[#596475] italic\">No hierarchy data available</span>\n      )}\n    </nav>\n  );\n}\n"],"mappings":"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","names":["useState","jsx","useState"]}

package/dist/{chunk-EGGUAREC.js → chunk-NG6ZSZJU.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-4QJMLQSH.js";
 import {
   readActiveEnterpriseCookie
-} from "./chunk-MZVMN77F.js";
+} from "./chunk-FJEACO5I.js";
 import {
   Avatar,
   AvatarFallback,
@@ -1097,4 +1097,4 @@ export {
   policyDeploymentConfig,
   SERVICE_CONFIGS
 };
-//# sourceMappingURL=chunk-EGGUAREC.js.map
+//# sourceMappingURL=chunk-NG6ZSZJU.js.map

package/dist/hierarchy/index.js

@@ -5,7 +5,7 @@ import {
   hierarchyCodeFor,
   idReference,
   readActiveEnterpriseCookie
-} from "../chunk-MZVMN77F.js";
+} from "../chunk-FJEACO5I.js";
 import {
   ORG_HIERARCHY_PARAM,
   appendSelectionParam,

package/dist/insights/index.d.ts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type InsightSeverity = "good" | "watch" | "gap";
+interface OpiInsightsSkin {
+    accent: string;
+    panelBg: string;
+    panelBorder: string;
+    mutedText: string;
+    bodyText: string;
+    softText: string;
+}
+declare function severityColor(severity: InsightSeverity): {
+    text: string;
+    bg: string;
+    border: string;
+};
+/** Small "Powered by AI" chip — the standard cross-service Opi AI marker. */
+declare function OpiBadgeChip({ skin }: {
+    skin?: OpiInsightsSkin;
+}): react_jsx_runtime.JSX.Element;
+/** Circular 0-100 score dial — green/amber/red by threshold, used for any composite score. */
+declare function OpiScoreDial({ score, size }: {
+    score: number;
+    size?: number;
+}): react_jsx_runtime.JSX.Element;
+/** Section label with an icon — used to group the panel's content into named sections. */
+declare function OpiSectionHeading({ icon, title, skin, }: {
+    icon: ReactNode;
+    title: string;
+    skin?: OpiInsightsSkin;
+}): react_jsx_runtime.JSX.Element;
+interface OpiInsightsShellProps {
+    /** Panel content — build with OpiSectionHeading/OpiScoreDial/severityColor etc. */
+    children: ReactNode;
+    /** Optional headline shown above the badge (e.g. a one-line AI summary). */
+    headline?: ReactNode;
+    /** Footer note — defaults to the standard "mocked pending real engine" preview notice. */
+    footerNote?: ReactNode;
+    /** Service-specific dark-theme tokens; falls back to the shared theme's teal/dark defaults. */
+    skin?: OpiInsightsSkin;
+    /** Panel title in the header. Defaults to "Opi Insights". */
+    title?: string;
+    /** Controlled open state. Omit to let the shell manage its own collapse state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * The collapsible teal Opi Insights rail. Renders nothing if collapsed
+ * except a slim vertical tab; expanded, it's a fixed-width sticky sidebar
+ * with a header, scrollable content area, and footer note.
+ */
+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 };

package/dist/insights/index.js

@@ -0,0 +1,182 @@
+import {
+  OPLYTICS_COLORS
+} from "../chunk-ETWT3KF5.js";
+
+// src/insights/OpiInsightsShell.tsx
+import { useState } from "react";
+import { Sparkles, ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultSkin = {
+  accent: OPLYTICS_COLORS.accentTeal,
+  panelBg: "#0e1624",
+  panelBorder: "1px solid #1e2738",
+  mutedText: "#596475",
+  bodyText: "#c0c6d0",
+  softText: "#8890a0"
+};
+function severityColor(severity) {
+  switch (severity) {
+    case "good":
+      return { text: "#10b981", bg: "rgba(16,185,129,0.1)", border: "rgba(16,185,129,0.25)" };
+    case "watch":
+      return { text: "#f59e0b", bg: "rgba(245,158,11,0.1)", border: "rgba(245,158,11,0.25)" };
+    case "gap":
+      return { text: "#ef4444", bg: "rgba(239,68,68,0.1)", border: "rgba(239,68,68,0.25)" };
+  }
+}
+function OpiBadgeChip({ skin = defaultSkin }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[9px] font-medium uppercase tracking-wide",
+      style: { background: "#0b0f1a", color: skin.accent, border: `1px solid ${skin.accent}33` },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "w-2.5 h-2.5 rounded-full",
+            style: { background: `radial-gradient(circle at 30% 30%, ${skin.accent}, #0d5a63 70%)` }
+          }
+        ),
+        "Powered by AI"
+      ]
+    }
+  );
+}
+function OpiScoreDial({ score, size = 56 }) {
+  const radius = (size - 6) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - score / 100 * circumference;
+  const color = score >= 75 ? "#10b981" : score >= 45 ? "#f59e0b" : "#ef4444";
+  return /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", style: { width: size, height: size }, children: [
+    /* @__PURE__ */ jsxs("svg", { width: size, height: size, className: "-rotate-90", children: [
+      /* @__PURE__ */ jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "rgba(255,255,255,0.06)", strokeWidth: 4 }),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: size / 2,
+          cy: size / 2,
+          r: radius,
+          fill: "none",
+          stroke: color,
+          strokeWidth: 4,
+          strokeLinecap: "round",
+          strokeDasharray: circumference,
+          strokeDashoffset: offset,
+          style: { transition: "stroke-dashoffset 0.6s ease-out" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-white", children: score }) })
+  ] });
+}
+function OpiSectionHeading({
+  icon,
+  title,
+  skin = defaultSkin
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2.5", children: [
+    /* @__PURE__ */ jsx("span", { style: { color: skin.accent }, children: icon }),
+    /* @__PURE__ */ jsx("h4", { className: "text-[11px] font-bold uppercase tracking-wider", style: { color: skin.softText }, children: title })
+  ] });
+}
+function OpiInsightsShell({
+  children,
+  headline,
+  footerNote = "Preview build \u2014 coaching logic is mocked pending the real Opi engine.",
+  skin = defaultSkin,
+  title = "Opi Insights",
+  open: openProp,
+  onOpenChange
+}) {
+  const [openState, setOpenState] = useState(true);
+  const open = openProp ?? openState;
+  const setOpen = (value) => {
+    setOpenState(value);
+    onOpenChange?.(value);
+  };
+  if (!open) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(true),
+        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",
+        style: { background: skin.panelBg, border: skin.panelBorder, borderRight: "none" },
+        title: `Open ${title}`,
+        children: [
+          /* @__PURE__ */ jsx(Sparkles, { size: 14, style: { color: skin.accent } }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-[10px] font-semibold uppercase tracking-wider",
+              style: { color: skin.accent, writingMode: "vertical-rl" },
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronLeft, { size: 12, style: { color: skin.mutedText } })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "w-[300px] shrink-0 rounded-lg overflow-hidden self-start sticky top-4 max-h-[calc(100vh-6rem)] flex flex-col",
+      style: { background: skin.panelBg, border: skin.panelBorder },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between gap-2 px-4 py-3 shrink-0",
+            style: { background: "linear-gradient(135deg, #0d5a63 0%, #0b3a40 100%)" },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "w-6 h-6 rounded-md flex items-center justify-center shrink-0",
+                    style: { background: `${skin.accent}26` },
+                    children: /* @__PURE__ */ jsx(Sparkles, { size: 13, style: { color: skin.accent } })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-white truncate", children: title })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setOpen(false),
+                  className: "p-1 rounded hover:bg-white/10 transition-colors shrink-0",
+                  title: "Collapse",
+                  children: /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "text-white/70" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "overflow-y-auto px-4 py-3.5 space-y-5", children: [
+          headline && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[12px] leading-relaxed mb-2", style: { color: skin.bodyText }, children: headline }),
+            /* @__PURE__ */ jsx(OpiBadgeChip, { skin })
+          ] }),
+          children
+        ] }),
+        footerNote && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "px-4 py-2 text-[9px] text-center shrink-0",
+            style: { color: skin.mutedText, borderTop: skin.panelBorder },
+            children: footerNote
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  OpiBadgeChip,
+  OpiInsightsShell,
+  OpiScoreDial,
+  OpiSectionHeading,
+  severityColor
+};
+//# sourceMappingURL=index.js.map

package/dist/insights/index.js.map

@@ -0,0 +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":[]}

package/dist/layout/index.js

@@ -19,9 +19,9 @@ import {
   policyDeploymentConfig,
   sqdcpConfig,
   useSidebarResize
-} from "../chunk-EGGUAREC.js";
+} from "../chunk-NG6ZSZJU.js";
 import "../chunk-4QJMLQSH.js";
-import "../chunk-MZVMN77F.js";
+import "../chunk-FJEACO5I.js";
 import "../chunk-IEBZGU6X.js";
 import "../chunk-3G43UG63.js";
 import "../chunk-HLMIR5UV.js";