@pablo2410/shared-ui 0.14.0 → 0.16.0

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.d.ts

@@ -1,9 +1,9 @@
-import { S as SharedSidebarConfig } from '../HealthFooter-9rZjMmqc.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-9rZjMmqc.js';
+import { S as SharedSidebarConfig } from '../HealthFooter-BIG3oto5.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-BIG3oto5.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import '../crossNav-Bd8-0qoi.js';
-import '../orgHierarchy-BLW4dt8Q.js';
+import '../crossNav-BwdA3B2h.js';
+import '../orgHierarchy-BVpunsrZ.js';
 
 interface DashboardLayoutSkeletonProps {
     className?: string;

package/dist/layout/index.js

@@ -19,12 +19,12 @@ import {
   policyDeploymentConfig,
   sqdcpConfig,
   useSidebarResize
-} from "../chunk-7I4ADEJY.js";
+} from "../chunk-EGGUAREC.js";
 import "../chunk-4QJMLQSH.js";
-import "../chunk-CYIMXOQW.js";
-import "../chunk-3E3GLIQV.js";
+import "../chunk-MZVMN77F.js";
+import "../chunk-IEBZGU6X.js";
 import "../chunk-3G43UG63.js";
-import "../chunk-PS4K7FKB.js";
+import "../chunk-HLMIR5UV.js";
 import "../chunk-NTFR5ZIF.js";
 import "../chunk-JT3XLKKD.js";
 import "../chunk-R4NOLCSI.js";

package/dist/{orgHierarchy-BLW4dt8Q.d.ts → orgHierarchy-BVpunsrZ.d.ts}

@@ -66,6 +66,14 @@ interface OrgHierarchyContextValue {
     sites: OrgHierarchyNode[];
     areas: OrgHierarchyNode[];
     assets: OrgHierarchyNode[];
+    /**
+     * The unfiltered server-scoped tree, as fetched — the same payload the
+     * filtered lists above are derived from. Exposed (rather than only the
+     * per-level filtered lists) because computing a hierarchy attribution code
+     * (see hierarchyCode.ts) needs full sibling sets at every level, not just
+     * the ones matching the current selection. `null` while loading.
+     */
+    hierarchyData: OrgHierarchyData | null;
     /** Setters — selecting a level clears all levels below it */
     selectEnterprise: (node: OrgHierarchyNode | null) => void;
     selectBusinessUnit: (node: OrgHierarchyNode | null) => void;
@@ -87,4 +95,4 @@ type OrgHierarchyLevel = (typeof ORG_HIERARCHY_LEVELS)[number];
 /** Human-readable labels for each level */
 declare const ORG_HIERARCHY_LABELS: Record<OrgHierarchyLevel, string>;
 
-export { type OrgHierarchySelection as O, type OrgHierarchyData as a, type OrgHierarchyContextValue as b, ORG_HIERARCHY_DATA_EMPTY as c, ORG_HIERARCHY_EMPTY as d, ORG_HIERARCHY_LABELS as e, ORG_HIERARCHY_LEVELS as f, type OrgHierarchyArea as g, type OrgHierarchyAsset as h, type OrgHierarchyBusinessUnit as i, type OrgHierarchyEnterprise as j, type OrgHierarchyLevel as k, type OrgHierarchyNode as l, type OrgHierarchySite as m };
+export { type OrgHierarchySelection as O, type OrgHierarchyData as a, type OrgHierarchyContextValue as b, type OrgHierarchyLevel as c, ORG_HIERARCHY_DATA_EMPTY as d, ORG_HIERARCHY_EMPTY as e, ORG_HIERARCHY_LABELS as f, ORG_HIERARCHY_LEVELS as g, type OrgHierarchyArea as h, type OrgHierarchyAsset as i, type OrgHierarchyBusinessUnit as j, type OrgHierarchyEnterprise as k, type OrgHierarchyNode as l, type OrgHierarchySite as m };

package/dist/services/index.d.ts

@@ -1,5 +1,5 @@
-export { A as ADMIN_SEE_ALL_ROLES, B as BuildCrossServiceLinksOptions, C as CrossServiceLink, S as SLUG_ALIASES, b as buildCrossServiceLinks, n as normalizeServiceSlug } from '../crossNav-Bd8-0qoi.js';
-import '../orgHierarchy-BLW4dt8Q.js';
+export { A as ADMIN_SEE_ALL_ROLES, B as BuildCrossServiceLinksOptions, C as CrossServiceLink, S as SLUG_ALIASES, b as buildCrossServiceLinks, n as normalizeServiceSlug } from '../crossNav-BwdA3B2h.js';
+import '../orgHierarchy-BVpunsrZ.js';
 
 /**
  * Platform domain resolution — single source of truth for building

package/dist/services/index.js

@@ -11,15 +11,15 @@ import {
   inDevServices,
   liveServices,
   normalizeServiceSlug
-} from "../chunk-PLS7NDDR.js";
+} from "../chunk-G7XJLTNY.js";
 import {
   DEFAULT_PLATFORM_DOMAIN,
   getPlatformDomain,
   platformUrl,
   portalUrl
 } from "../chunk-4QJMLQSH.js";
-import "../chunk-3E3GLIQV.js";
-import "../chunk-PS4K7FKB.js";
+import "../chunk-IEBZGU6X.js";
+import "../chunk-HLMIR5UV.js";
 export {
   ADMIN_SEE_ALL_ROLES,
   DEFAULT_PLATFORM_DOMAIN,

package/dist/shell/index.d.ts

@@ -1,9 +1,9 @@
-import { D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser } from '../HealthFooter-9rZjMmqc.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-9rZjMmqc.js';
-export { C as CrossServiceLink, b as buildCrossServiceLinks } from '../crossNav-Bd8-0qoi.js';
+import { D as DashboardLayout, a as DashboardLayoutEnterprise, b as DashboardLayoutProps, c as DashboardLayoutUser } from '../HealthFooter-BIG3oto5.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-BIG3oto5.js';
+export { C as CrossServiceLink, b as buildCrossServiceLinks } from '../crossNav-BwdA3B2h.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../orgHierarchy-BLW4dt8Q.js';
+import '../orgHierarchy-BVpunsrZ.js';
 
 /**
  * @pablo2410/shared-ui/shell — Oplytics Service Shell

package/dist/shell/index.js

@@ -1,16 +1,16 @@
 import {
   buildCrossServiceLinks
-} from "../chunk-PLS7NDDR.js";
+} from "../chunk-G7XJLTNY.js";
 import {
   CrossServiceNav,
   DashboardLayout,
   HealthFooter
-} from "../chunk-7I4ADEJY.js";
+} from "../chunk-EGGUAREC.js";
 import "../chunk-4QJMLQSH.js";
-import "../chunk-CYIMXOQW.js";
-import "../chunk-3E3GLIQV.js";
+import "../chunk-MZVMN77F.js";
+import "../chunk-IEBZGU6X.js";
 import "../chunk-3G43UG63.js";
-import "../chunk-PS4K7FKB.js";
+import "../chunk-HLMIR5UV.js";
 import "../chunk-NTFR5ZIF.js";
 import "../chunk-JT3XLKKD.js";
 import "../chunk-R4NOLCSI.js";