@countermeasure-platform/web-components 1.3.4-dev.35.1 → 1.3.5-dev.36.1

package/dist/react/layout/core-app-chrome.d.ts

@@ -0,0 +1,14 @@
+import { CoreAppChromeMount, CoreAppChromeMountOptions, CoreAppSidebarPresetOptions, CoreAppTopbarPresetOptions } from '../../layout/core-app-chrome';
+export interface CoreAppChromeProps extends Omit<CoreAppChromeMountOptions, 'sidebarContainer' | 'topbarContainer' | 'topbar'> {
+    className?: string;
+    sidebarClassName?: string;
+    topbarClassName?: string;
+    topbar?: Omit<CoreAppTopbarPresetOptions, 'container'> | false;
+}
+export type { CoreAppChromeMount, CoreAppSidebarPresetOptions, CoreAppTopbarPresetOptions };
+declare function CoreAppChrome({ className, sidebarClassName, topbarClassName, basePath, pathname, scope, sidebarUser, sidebarFooterActions, topbarUser, topbarActions, sidebar, topbar, preserveTopbarActions, topbarActionSelector, clearContainers, }: CoreAppChromeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CoreAppChrome {
+    var displayName: string;
+}
+export { CoreAppChrome };
+//# sourceMappingURL=core-app-chrome.d.ts.map

package/dist/react/layout/core-app-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-chrome.d.ts","sourceRoot":"","sources":["../../../src/react/layout/core-app-chrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAChC,MAAM,8BAA8B,CAAA;AAGrC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,yBAAyB,EACzB,kBAAkB,GAAG,iBAAiB,GAAG,QAAQ,CAClD;IACC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,GAAG,KAAK,CAAA;CAC/D;AAED,YAAY,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAA;AAE3F,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,aAAa,EACb,OAAO,EACP,MAAW,EACX,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,GAChB,EAAE,kBAAkB,2CAkEpB;kBAlFQ,aAAa;;;AAsFtB,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/react/layout/core-app-chrome.js

@@ -0,0 +1,46 @@
+import { mountCoreAppChrome as e } from "../../layout/core-app-chrome.js";
+import { t } from "../../utils-BC9GT6Pr.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/react/layout/core-app-chrome.tsx
+function a({ className: a, sidebarClassName: o, topbarClassName: s, basePath: c, pathname: l, scope: u, sidebarUser: d, sidebarFooterActions: f, topbarUser: p, topbarActions: m, sidebar: h, topbar: g = {}, preserveTopbarActions: _, topbarActionSelector: v, clearContainers: y }) {
+	let b = n.useRef(null), x = n.useRef(null), S = n.useRef(null);
+	return n.useEffect(() => {
+		let t = b.current, n = g === !1 ? void 0 : x.current;
+		if (t === null || g !== !1 && n === null) return;
+		let r = { sidebarContainer: t };
+		return c !== void 0 && (r.basePath = c), l !== void 0 && (r.pathname = l), u !== void 0 && (r.scope = u), d !== void 0 && (r.sidebarUser = d), f !== void 0 && (r.sidebarFooterActions = f), p !== void 0 && (r.topbarUser = p), m !== void 0 && (r.topbarActions = m), h !== void 0 && (r.sidebar = h), _ !== void 0 && (r.preserveTopbarActions = _), v !== void 0 && (r.topbarActionSelector = v), y !== void 0 && (r.clearContainers = y), g !== !1 && n != null && (r.topbarContainer = n, r.topbar = g), S.current = e(r), () => {
+			S.current?.destroy(), S.current = null;
+		};
+	}, [
+		c,
+		l,
+		u,
+		d,
+		f,
+		p,
+		m,
+		h,
+		g,
+		_,
+		v,
+		y
+	]), /* @__PURE__ */ i("div", {
+		"data-slot": "core-app-chrome",
+		className: t(a),
+		children: [/* @__PURE__ */ r("div", {
+			ref: b,
+			"data-slot": "core-app-sidebar",
+			className: t(o)
+		}), g === !1 ? null : /* @__PURE__ */ r("div", {
+			ref: x,
+			"data-slot": "core-app-topbar",
+			className: t(s)
+		})]
+	});
+}
+a.displayName = "CoreAppChrome";
+//#endregion
+export { a as CoreAppChrome };
+
+//# sourceMappingURL=core-app-chrome.js.map

package/dist/react/layout/core-app-chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-chrome.js","names":[],"sources":["../../../src/react/layout/core-app-chrome.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  mountCoreAppChrome,\n  type CoreAppChromeMount,\n  type CoreAppChromeMountOptions,\n  type CoreAppSidebarPresetOptions,\n  type CoreAppTopbarPresetOptions,\n} from '../../layout/core-app-chrome'\nimport { cn } from '../primitives/utils'\n\nexport interface CoreAppChromeProps extends Omit<\n  CoreAppChromeMountOptions,\n  'sidebarContainer' | 'topbarContainer' | 'topbar'\n> {\n  className?: string\n  sidebarClassName?: string\n  topbarClassName?: string\n  topbar?: Omit<CoreAppTopbarPresetOptions, 'container'> | false\n}\n\nexport type { CoreAppChromeMount, CoreAppSidebarPresetOptions, CoreAppTopbarPresetOptions }\n\nfunction CoreAppChrome({\n  className,\n  sidebarClassName,\n  topbarClassName,\n  basePath,\n  pathname,\n  scope,\n  sidebarUser,\n  sidebarFooterActions,\n  topbarUser,\n  topbarActions,\n  sidebar,\n  topbar = {},\n  preserveTopbarActions,\n  topbarActionSelector,\n  clearContainers,\n}: CoreAppChromeProps) {\n  const sidebarContainerRef = React.useRef<HTMLDivElement>(null)\n  const topbarContainerRef = React.useRef<HTMLDivElement>(null)\n  const mountRef = React.useRef<CoreAppChromeMount | null>(null)\n\n  React.useEffect(() => {\n    const sidebarContainer = sidebarContainerRef.current\n    const topbarContainer = topbar === false ? undefined : topbarContainerRef.current\n\n    if (sidebarContainer === null || (topbar !== false && topbarContainer === null)) {\n      return\n    }\n\n    const mountOptions: CoreAppChromeMountOptions = { sidebarContainer }\n\n    if (basePath !== undefined) mountOptions.basePath = basePath\n    if (pathname !== undefined) mountOptions.pathname = pathname\n    if (scope !== undefined) mountOptions.scope = scope\n    if (sidebarUser !== undefined) mountOptions.sidebarUser = sidebarUser\n    if (sidebarFooterActions !== undefined) mountOptions.sidebarFooterActions = sidebarFooterActions\n    if (topbarUser !== undefined) mountOptions.topbarUser = topbarUser\n    if (topbarActions !== undefined) mountOptions.topbarActions = topbarActions\n    if (sidebar !== undefined) mountOptions.sidebar = sidebar\n    if (preserveTopbarActions !== undefined)\n      mountOptions.preserveTopbarActions = preserveTopbarActions\n    if (topbarActionSelector !== undefined) mountOptions.topbarActionSelector = topbarActionSelector\n    if (clearContainers !== undefined) mountOptions.clearContainers = clearContainers\n\n    if (topbar !== false && topbarContainer !== undefined && topbarContainer !== null) {\n      mountOptions.topbarContainer = topbarContainer\n      mountOptions.topbar = topbar\n    }\n\n    mountRef.current = mountCoreAppChrome(mountOptions)\n\n    return () => {\n      mountRef.current?.destroy()\n      mountRef.current = null\n    }\n  }, [\n    basePath,\n    pathname,\n    scope,\n    sidebarUser,\n    sidebarFooterActions,\n    topbarUser,\n    topbarActions,\n    sidebar,\n    topbar,\n    preserveTopbarActions,\n    topbarActionSelector,\n    clearContainers,\n  ])\n\n  return (\n    <div data-slot=\"core-app-chrome\" className={cn(className)}>\n      <div\n        ref={sidebarContainerRef}\n        data-slot=\"core-app-sidebar\"\n        className={cn(sidebarClassName)}\n      />\n      {topbar === false ? null : (\n        <div ref={topbarContainerRef} data-slot=\"core-app-topbar\" className={cn(topbarClassName)} />\n      )}\n    </div>\n  )\n}\n\nCoreAppChrome.displayName = 'CoreAppChrome'\n\nexport { CoreAppChrome }\n"],"mappings":";;;;;AAuBA,SAAS,EAAc,EACrB,cACA,qBACA,oBACA,aACA,aACA,UACA,gBACA,yBACA,eACA,kBACA,YACA,YAAS,CAAC,GACV,0BACA,yBACA,sBACqB;CACrB,IAAM,IAAsB,EAAM,OAAuB,IAAI,GACvD,IAAqB,EAAM,OAAuB,IAAI,GACtD,IAAW,EAAM,OAAkC,IAAI;CAmD7D,OAjDA,EAAM,gBAAgB;EACpB,IAAM,IAAmB,EAAoB,SACvC,IAAkB,MAAW,KAAQ,KAAA,IAAY,EAAmB;EAE1E,IAAI,MAAqB,QAAS,MAAW,MAAS,MAAoB,MACxE;EAGF,IAAM,IAA0C,EAAE,oBAAiB;EAsBnE,OApBI,MAAa,KAAA,MAAW,EAAa,WAAW,IAChD,MAAa,KAAA,MAAW,EAAa,WAAW,IAChD,MAAU,KAAA,MAAW,EAAa,QAAQ,IAC1C,MAAgB,KAAA,MAAW,EAAa,cAAc,IACtD,MAAyB,KAAA,MAAW,EAAa,uBAAuB,IACxE,MAAe,KAAA,MAAW,EAAa,aAAa,IACpD,MAAkB,KAAA,MAAW,EAAa,gBAAgB,IAC1D,MAAY,KAAA,MAAW,EAAa,UAAU,IAC9C,MAA0B,KAAA,MAC5B,EAAa,wBAAwB,IACnC,MAAyB,KAAA,MAAW,EAAa,uBAAuB,IACxE,MAAoB,KAAA,MAAW,EAAa,kBAAkB,IAE9D,MAAW,MAAS,KAAqD,SAC3E,EAAa,kBAAkB,GAC/B,EAAa,SAAS,IAGxB,EAAS,UAAU,EAAmB,CAAY,SAErC;GAEX,AADA,EAAS,SAAS,QAAQ,GAC1B,EAAS,UAAU;EACrB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,OAAD;EAAK,aAAU;EAAkB,WAAW,EAAG,CAAS;YAAxD,CACE,kBAAC,OAAD;GACE,KAAK;GACL,aAAU;GACV,WAAW,EAAG,CAAgB;EAC/B,CAAA,GACA,MAAW,KAAQ,OAClB,kBAAC,OAAD;GAAK,KAAK;GAAoB,aAAU;GAAkB,WAAW,EAAG,CAAe;EAAI,CAAA,CAE1F;;AAET;AAEA,EAAc,cAAc"}

package/dist/react/layout/index.d.ts

@@ -1,5 +1,6 @@
 export { AppShell, type AppShellProps } from './app-shell';
 export { BrowserLayout, type BrowserLayoutProps } from './browser-layout';
+export { CoreAppChrome, type CoreAppChromeMount, type CoreAppChromeProps, type CoreAppSidebarPresetOptions, type CoreAppTopbarPresetOptions, } from './core-app-chrome';
 export { DetailHeader, type DetailHeaderProps } from './detail-header';
 export { PageHeader, type PageHeaderProps } from './page-header';
 export { SubNav, type SubNavItem, type SubNavProps } from './sub-nav';

package/dist/react/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,GAChC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/react/layout/index.js

@@ -1,4 +1,5 @@
 import { AppShell as e } from "./app-shell.js";
 import { i as t, n, r, t as i } from "../../layout-64M2la9A.js";
-import { PageHeader as a } from "./page-header.js";
-export { e as AppShell, t as BrowserLayout, r as DetailHeader, i as PageFrame, a as PageHeader, n as SubNav };
+import { CoreAppChrome as a } from "./core-app-chrome.js";
+import { PageHeader as o } from "./page-header.js";
+export { e as AppShell, t as BrowserLayout, a as CoreAppChrome, r as DetailHeader, i as PageFrame, o as PageHeader, n as SubNav };

package/dist/react.js

@@ -20,99 +20,100 @@ import "./react/hooks/index.js";
 import { BrandLockup as Ne, ConnectorLogo as Pe, CounterMeasureBrandLockup as Fe, CounterMeasureLogo as Ie, CounterMeasureWordmark as Le, CountermeasureBrandLockup as Re, CountermeasureLogo as ze, CountermeasureWordmark as Be, Diamond as Ve, Wordmark as He } from "./react/brand.js";
 import { AppShell as Ue } from "./react/layout/app-shell.js";
 import { i as We, n as Ge, r as Ke, t as qe } from "./layout-64M2la9A.js";
-import { PageHeader as Je } from "./react/layout/page-header.js";
-import { Badge as Ye, badgeVariants as Xe, severityBadge as Ze, statusBadge as Qe } from "./react/primitives/badge.js";
-import { Dialog as $e, DialogClose as et, DialogContent as tt, DialogDescription as nt, DialogFooter as rt, DialogHeader as it, DialogOverlay as at, DialogPortal as ot, DialogTitle as st, DialogTrigger as ct } from "./react/primitives/dialog.js";
-import { a as lt, c as ut, d as dt, i as ft, l as pt, n as mt, o as ht, r as gt, s as _t, t as vt, u as yt } from "./alert-dialog-BGze9wyy.js";
-import { Sheet as bt, SheetClose as xt, SheetContent as St, SheetDescription as Ct, SheetFooter as wt, SheetHeader as Tt, SheetOverlay as Et, SheetPortal as Dt, SheetTitle as Ot, SheetTrigger as kt } from "./react/primitives/sheet.js";
-import { a as At, i as jt, n as Mt, o as Nt, r as Pt, t as Ft } from "./dropdown-menu-B_FFd_Mm.js";
-import { Input as It } from "./react/primitives/input.js";
-import { Textarea as Lt } from "./react/primitives/textarea.js";
-import { Checkbox as Rt } from "./react/primitives/checkbox.js";
-import { t as zt } from "./label-BY4iF5od.js";
-import { t as Bt } from "./switch-Cn_U9KJN.js";
-import { a as Vt, c as Ht, i as Ut, l as Wt, n as Gt, o as Kt, r as qt, s as Jt, t as Yt, u as Xt } from "./select-C1sq2inY.js";
-import { i as Zt, n as Qt, r as $t, t as en } from "./tabs-5EFeoEID.js";
-import { Skeleton as tn } from "./react/primitives/skeleton.js";
-import { Collapsible as nn, CollapsibleContent as rn, CollapsibleTrigger as an } from "./react/primitives/collapsible.js";
-import { a as on, i as sn, n as cn, r as ln, t as un } from "./tooltip-jbccdZ73.js";
-import { SlidePanel as dn } from "./react/primitives/slide-panel.js";
-import { HeatmapLegend as fn } from "./react/primitives/heatmap-legend.js";
-import { HeatmapToolbar as pn } from "./react/primitives/heatmap-toolbar.js";
-import { AnimatedCounter as mn, AnimatedPercentage as hn, AnimatedScore as gn } from "./react/primitives/animated-counter.js";
-import { RippleContainer as _n, useRipple as vn } from "./react/primitives/ripple.js";
-import { Field as yn } from "./react/primitives/field.js";
-import { a as bn, c as xn, i as Sn, l as Cn, n as wn, o as Tn, r as En, s as Dn, t as On, u as kn } from "./primitives-Cya96raJ.js";
-import { Kbd as An } from "./react/primitives/kbd.js";
-import { n as jn, t as Mn } from "./radio-group-DN8T45dA.js";
-import { n as Nn, t as Pn } from "./scroll-area-C6KoFGKu.js";
-import { t as Fn } from "./separator-Ti4x5X1W.js";
-import { t as In } from "./slider-DCYaTI8V.js";
-import { Spinner as Ln } from "./react/primitives/spinner.js";
-import { i as Rn, n as zn, r as Bn, t as Vn } from "./toggle-BqCEqHr6.js";
-import { Alert as Hn, AlertDescription as Un, AlertTitle as Wn, alertVariants as Gn } from "./react/primitives/alert.js";
-import { AspectRatio as Kn } from "./react/primitives/aspect-ratio.js";
-import { Avatar as qn, AvatarFallback as Jn, AvatarGroup as Yn, AvatarImage as Xn, avatarVariants as Zn } from "./react/primitives/avatar.js";
-import { CodeBlock as Qn } from "./react/primitives/code-block.js";
-import { CodeViewer as $n } from "./react/primitives/code-viewer.js";
-import { EmptyState as er } from "./react/primitives/empty-state.js";
-import { HoverCard as tr, HoverCardContent as nr, HoverCardTrigger as rr } from "./react/primitives/hover-card.js";
-import { MarkdownViewer as ir } from "./react/primitives/markdown-viewer.js";
-import { NotificationCenter as ar, NotificationCenterItem as or } from "./react/primitives/notification-center.js";
-import { Popover as sr, PopoverAnchor as cr, PopoverClose as lr, PopoverContent as ur, PopoverTrigger as dr } from "./react/primitives/popover.js";
-import { SeverityIndicator as fr, severityVariants as pr } from "./react/primitives/severity-indicator.js";
-import { StatCard as mr, trendVariants as hr } from "./react/primitives/stat-card.js";
-import { StatusDot as gr } from "./react/primitives/status-dot.js";
-import { Blockquote as _r, H1 as vr, H2 as yr, H3 as br, H4 as xr, InlineCode as Sr, Large as Cr, Lead as wr, Muted as Tr, P as Er, Small as Dr } from "./react/primitives/typography.js";
-import { UptimeBar as Or } from "./react/primitives/uptime-bar.js";
-import { ContextMenu as kr, ContextMenuContent as Ar, ContextMenuItem as jr, ContextMenuLabel as Mr, ContextMenuSeparator as Nr, ContextMenuShortcut as Pr, ContextMenuTrigger as Fr } from "./react/primitives/context-menu.js";
-import { CopyButton as Ir, copyButtonVariants as Lr } from "./react/primitives/copy-button.js";
-import { DataTable as Rr } from "./react/primitives/data-table.js";
-import { Modal as zr, ModalBody as Br, ModalClose as Vr, ModalContent as Hr, ModalDescription as Ur, ModalFooter as Wr, ModalHeader as Gr, ModalOverlay as Kr, ModalTitle as qr, ModalTrigger as Jr } from "./react/primitives/modal.js";
-import { CommandPalette as Yr, Search as Xr } from "./react/primitives/search.js";
-import { SplitPane as Zr } from "./react/primitives/split-pane.js";
-import { StatusBar as Qr, StatusBarItem as $r, StatusBarSection as ei, StatusBarSeparator as ti } from "./react/primitives/status-bar.js";
-import { TreeItem as ni, TreeView as ri } from "./react/primitives/tree-view.js";
-import { Breadcrumb as ii, BreadcrumbEllipsis as ai, BreadcrumbItem as oi, BreadcrumbLink as si, BreadcrumbList as ci, BreadcrumbPage as li, BreadcrumbSeparator as ui } from "./react/primitives/breadcrumb.js";
-import { Drawer as di, DrawerClose as fi, DrawerContent as pi, DrawerDescription as mi, DrawerFooter as hi, DrawerHeader as gi, DrawerOverlay as _i, DrawerPortal as vi, DrawerTitle as yi, DrawerTrigger as bi } from "./react/primitives/drawer.js";
-import { a as xi, c as Si, i as Ci, l as wi, n as Ti, o as Ei, r as Di, s as Oi, t as ki } from "./navigation-menu-BO6a4SOI.js";
-import { Stepper as Ai, StepperItem as ji } from "./react/primitives/stepper.js";
-import { Calendar as Mi } from "./react/primitives/calendar.js";
-import { ColorPicker as Ni } from "./react/primitives/color-picker.js";
-import { CronEditor as Pi, cronToHuman as Fi, formatCron as Ii, getNextRuns as Li, isValidCron as Ri, parseCron as zi } from "./react/primitives/cron-editor.js";
-import { DatePicker as Bi, DateRangePicker as Vi, DateTimePicker as Hi } from "./react/primitives/date-picker.js";
-import { DirectionContext as Ui, DirectionProvider as Wi, useDirection as Gi } from "./react/primitives/direction.js";
-import { TagInput as Ki } from "./react/primitives/tag-input.js";
-import { AreaChart as qi } from "./react/primitives/chart-area.js";
-import { BarChart as Ji } from "./react/primitives/chart-bar.js";
-import { CandlestickChart as Yi } from "./react/primitives/chart-candlestick.js";
-import { FunnelChart as Xi } from "./react/primitives/chart-funnel.js";
-import { GaugeChart as Zi } from "./react/primitives/chart-gauge.js";
-import { HeatmapChart as Qi } from "./react/primitives/chart-heatmap.js";
-import { LineChart as $i } from "./react/primitives/chart-line.js";
-import { PieChart as ea } from "./react/primitives/chart-pie.js";
-import { RadarChart as ta } from "./react/primitives/chart-radar.js";
-import { SankeyChart as na } from "./react/primitives/chart-sankey.js";
-import { ScatterChart as ra } from "./react/primitives/chart-scatter.js";
-import { SparklineChart as ia } from "./react/primitives/chart-sparkline.js";
-import { TreemapChart as aa } from "./react/primitives/chart-treemap.js";
-import { WaterfallChart as oa } from "./react/primitives/chart-waterfall.js";
-import { ErrorBoundary as sa } from "./react/primitives/error-boundary.js";
-import { FileTree as ca } from "./react/primitives/file-tree.js";
-import { FlowDiagram as la } from "./react/primitives/flow-diagram.js";
-import { JsonPathBrowser as ua } from "./react/primitives/json-path-browser.js";
-import { KanbanBoard as da, KanbanCard as fa, KanbanColumn as pa } from "./react/primitives/kanban.js";
-import { Map as ma } from "./react/primitives/map.js";
-import { MermaidDiagram as ha } from "./react/primitives/mermaid-diagram.js";
-import { NetworkGraph as ga } from "./react/primitives/network-graph.js";
-import { RuleEditor as _a } from "./react/primitives/rule-editor.js";
-import { Terminal as va } from "./react/primitives/terminal.js";
-import { Timeline as ya, TimelineItem as ba } from "./react/primitives/timeline.js";
-import { AttackPath as xa, AttackPathStep as Sa, stepVariants as Ca } from "./react/primitives/attack-path.js";
-import { CvssBadge as wa, cvssBadgeVariants as Ta } from "./react/primitives/cvss-badge.js";
-import { DetectionStatusBadge as Ea, DetectionStatusList as Da, DetectionStatusRow as Oa, severityBadgeVariants as ka, statusDotVariants as Aa, statusLabelVariants as ja } from "./react/primitives/detection-status.js";
-import { MitreMatrix as Ma, techniqueVariants as Na } from "./react/primitives/mitre-matrix.js";
-import { VulnerabilityCard as Pa, severityBadgeVariants as Fa, statusBadgeVariants as Ia } from "./react/primitives/vulnerability-card.js";
-import { FlowNodeCard as La, MetricTile as Ra, StatCard as za, UptimeBar as Ba } from "./react/threat-visuals.js";
-import { ThemeStudio as Va } from "./react/theme-studio.js";
-export { Hn as Alert, Un as AlertDescription, vt as AlertDialog, mt as AlertDialogAction, gt as AlertDialogCancel, ft as AlertDialogContent, lt as AlertDialogDescription, ht as AlertDialogFooter, _t as AlertDialogHeader, ut as AlertDialogOverlay, pt as AlertDialogPortal, yt as AlertDialogTitle, dt as AlertDialogTrigger, Wn as AlertTitle, mn as AnimatedCounter, z as AnimatedEdge, hn as AnimatedPercentage, gn as AnimatedScore, Ue as AppShell, qi as AreaChart, Kn as AspectRatio, J as AtomicRedTeamLogo, xa as AttackPath, Sa as AttackPathStep, qn as Avatar, Jn as AvatarFallback, Yn as AvatarGroup, Xn as AvatarImage, Ye as Badge, Ji as BarChart, _r as Blockquote, Ne as BrandLockup, ii as Breadcrumb, ai as BreadcrumbEllipsis, oi as BreadcrumbItem, si as BreadcrumbLink, ci as BreadcrumbList, li as BreadcrumbPage, ui as BreadcrumbSeparator, We as BrowserLayout, Ce as Button, Mi as Calendar, Yi as CandlestickChart, le as Card, ue as CardBody, de as CardHeader, fe as CardTitle, a as Carousel, n as CarouselContent, i as CarouselItem, t as CarouselNext, e as CarouselPrevious, wn as ChartFrame, Sn as ChatDrawer, En as ChatInput, Rt as Checkbox, F as ChronicleLogo, pe as CircularProgress, Qn as CodeBlock, $n as CodeViewer, nn as Collapsible, rn as CollapsibleContent, an as CollapsibleTrigger, Ni as ColorPicker, Yr as CommandPalette, Pe as ConnectorLogo, M as ConnectorNode, kr as ContextMenu, Ar as ContextMenuContent, jr as ContextMenuItem, Mr as ContextMenuLabel, Nr as ContextMenuSeparator, Pr as ContextMenuShortcut, Fr as ContextMenuTrigger, Ir as CopyButton, Fe as CounterMeasureBrandLockup, Ie as CounterMeasureLogo, Le as CounterMeasureWordmark, Re as CountermeasureBrandLockup, ze as CountermeasureLogo, Be as CountermeasureWordmark, Pi as CronEditor, I as CrowdStrikeLogo, wa as CvssBadge, bn as DashboardMetricCard, Cn as DataField, Rr as DataTable, Bi as DatePicker, Vi as DateRangePicker, Hi as DateTimePicker, W as DefaultConnectorLogo, Ke as DetailHeader, Ea as DetectionStatusBadge, Da as DetectionStatusList, Oa as DetectionStatusRow, $e as Dialog, et as DialogClose, tt as DialogContent, nt as DialogDescription, rt as DialogFooter, it as DialogHeader, at as DialogOverlay, ot as DialogPortal, st as DialogTitle, ct as DialogTrigger, Ve as Diamond, Ui as DirectionContext, Wi as DirectionProvider, di as Drawer, fi as DrawerClose, pi as DrawerContent, mi as DrawerDescription, hi as DrawerFooter, gi as DrawerHeader, _i as DrawerOverlay, vi as DrawerPortal, yi as DrawerTitle, bi as DrawerTrigger, Ft as DropdownMenu, Mt as DropdownMenuContent, Pt as DropdownMenuItem, jt as DropdownMenuLabel, At as DropdownMenuSeparator, Nt as DropdownMenuTrigger, V as ElasticLogo, er as EmptyState, sa as ErrorBoundary, yn as Field, ca as FileTree, la as FlowDiagram, La as FlowNodeCard, Xi as FunnelChart, Zi as GaugeChart, vr as H1, yr as H2, br as H3, xr as H4, Qi as HeatmapChart, fn as HeatmapLegend, pn as HeatmapToolbar, tr as HoverCard, nr as HoverCardContent, rr as HoverCardTrigger, Sr as InlineCode, It as Input, ua as JsonPathBrowser, da as KanbanBoard, fa as KanbanCard, pa as KanbanColumn, An as Kbd, zt as Label, Cr as Large, wr as Lead, U as LibraryNode, $i as LineChart, ma as Map, ir as MarkdownViewer, D as Menubar, S as MenubarCheckboxItem, T as MenubarContent, y as MenubarGroup, p as MenubarItem, C as MenubarLabel, E as MenubarMenu, m as MenubarPortal, b as MenubarRadioGroup, O as MenubarRadioItem, h as MenubarSeparator, g as MenubarShortcut, w as MenubarSub, x as MenubarSubContent, v as MenubarSubTrigger, _ as MenubarTrigger, ha as MermaidDiagram, kn as MetadataGrid, Ra as MetricTile, R as MitreLogo, Ma as MitreMatrix, zr as Modal, Br as ModalBody, Vr as ModalClose, Hr as ModalContent, Ur as ModalDescription, Wr as ModalFooter, Gr as ModalHeader, Kr as ModalOverlay, qr as ModalTitle, Jr as ModalTrigger, Tr as Muted, ki as NavigationMenu, Ti as NavigationMenuContent, Di as NavigationMenuIndicator, Ci as NavigationMenuItem, xi as NavigationMenuLink, Ei as NavigationMenuList, Oi as NavigationMenuTrigger, Si as NavigationMenuViewport, ga as NetworkGraph, ar as NotificationCenter, or as NotificationCenterItem, L as OpenCTILogo, Er as P, qe as PageFrame, Je as PageHeader, f as Pagination, c as PaginationContent, u as PaginationEllipsis, s as PaginationItem, o as PaginationLink, l as PaginationNext, d as PaginationPrevious, ea as PieChart, K as PlatformNode, sr as Popover, cr as PopoverAnchor, lr as PopoverClose, ur as PopoverContent, dr as PopoverTrigger, me as Progress, On as QueryBoundary, ta as RadarChart, Mn as RadioGroup, jn as RadioGroupItem, _n as RippleContainer, _a as RuleEditor, na as SankeyChart, ra as ScatterChart, Dn as ScoreRing, Pn as ScrollArea, Nn as ScrollBar, Xr as Search, xn as SectionPanel, Yt as Select, Gt as SelectContent, qt as SelectGroup, Ut as SelectItem, Vt as SelectLabel, Kt as SelectScrollDownButton, Jt as SelectScrollUpButton, Ht as SelectSeparator, Wt as SelectTrigger, Xt as SelectValue, j as SentinelLogo, Fn as Separator, fr as SeverityIndicator, bt as Sheet, xt as SheetClose, St as SheetContent, Ct as SheetDescription, wt as SheetFooter, Tt as SheetHeader, Et as SheetOverlay, Dt as SheetPortal, Ot as SheetTitle, kt as SheetTrigger, Y as SigmaLogo, tn as Skeleton, dn as SlidePanel, In as Slider, Dr as Small, Z as SnortLogo, P as SourceNode, ia as SparklineChart, Ln as Spinner, Zr as SplitPane, N as SplunkLogo, mr as StatCard, Qr as StatusBar, $r as StatusBarItem, ei as StatusBarSection, ti as StatusBarSeparator, gr as StatusDot, Ai as Stepper, ji as StepperItem, Ge as SubNav, Bt as Switch, q as TOPOLOGY_STYLES, he as Table, ge as TableBody, _e as TableCaption, ve as TableCell, ye as TableFooter, be as TableHead, xe as TableHeader, Se as TableRow, en as Tabs, Qt as TabsContent, $t as TabsList, Zt as TabsTrigger, Ki as TagInput, X as TaniumLogo, B as TenantNode, va as Terminal, Lt as Textarea, ce as ThemeIcon, Va as ThemeStudioReact, oe as ThemeToggleButton, za as ThreatStatCard, Ba as ThreatUptimeBar, ya as Timeline, ba as TimelineItem, ae as Toast, te as ToastAction, re as ToastClose, ee as ToastDescription, Q as ToastProvider, ne as ToastTitle, Vn as Toggle, zn as ToggleGroup, Bn as ToggleGroupItem, un as Tooltip, cn as TooltipArrow, ln as TooltipContent, sn as TooltipProvider, on as TooltipTrigger, ni as TreeItem, ri as TreeView, aa as TreemapChart, Or as UptimeBar, Pa as VulnerabilityCard, oa as WaterfallChart, He as Wordmark, A as YaraLogo, Gn as alertVariants, Zn as avatarVariants, Xe as badgeVariants, H as buildGlobalPipeline, G as buildPipelineForTenant, we as buttonVariants, Lr as copyButtonVariants, Fi as cronToHuman, Ta as cvssBadgeVariants, Ii as formatCron, k as getConnectorLogo, Li as getNextRuns, Ri as isValidCron, Tn as metricIconVariants, wi as navigationMenuTriggerStyle, zi as parseCron, Ze as severityBadge, ka as severityBadgeVariants, pr as severityVariants, Qe as statusBadge, Aa as statusDotVariants, ja as statusLabelVariants, Ca as stepVariants, Na as techniqueVariants, ie as toastVariants, Rn as toggleVariants, hr as trendVariants, Te as useApi, Ae as useAuth, r as useCarousel, Me as useConsent, Gi as useDirection, De as useKeybindings, je as usePasskey, vn as useRipple, Oe as useRouter, Ee as useSSE, ke as useStorage, se as useThemeState, $ as useToast, Fa as vulnSeverityBadgeVariants, Ia as vulnStatusBadgeVariants };
+import { CoreAppChrome as Je } from "./react/layout/core-app-chrome.js";
+import { PageHeader as Ye } from "./react/layout/page-header.js";
+import { Badge as Xe, badgeVariants as Ze, severityBadge as Qe, statusBadge as $e } from "./react/primitives/badge.js";
+import { Dialog as et, DialogClose as tt, DialogContent as nt, DialogDescription as rt, DialogFooter as it, DialogHeader as at, DialogOverlay as ot, DialogPortal as st, DialogTitle as ct, DialogTrigger as lt } from "./react/primitives/dialog.js";
+import { a as ut, c as dt, d as ft, i as pt, l as mt, n as ht, o as gt, r as _t, s as vt, t as yt, u as bt } from "./alert-dialog-BGze9wyy.js";
+import { Sheet as xt, SheetClose as St, SheetContent as Ct, SheetDescription as wt, SheetFooter as Tt, SheetHeader as Et, SheetOverlay as Dt, SheetPortal as Ot, SheetTitle as kt, SheetTrigger as At } from "./react/primitives/sheet.js";
+import { a as jt, i as Mt, n as Nt, o as Pt, r as Ft, t as It } from "./dropdown-menu-B_FFd_Mm.js";
+import { Input as Lt } from "./react/primitives/input.js";
+import { Textarea as Rt } from "./react/primitives/textarea.js";
+import { Checkbox as zt } from "./react/primitives/checkbox.js";
+import { t as Bt } from "./label-BY4iF5od.js";
+import { t as Vt } from "./switch-Cn_U9KJN.js";
+import { a as Ht, c as Ut, i as Wt, l as Gt, n as Kt, o as qt, r as Jt, s as Yt, t as Xt, u as Zt } from "./select-C1sq2inY.js";
+import { i as Qt, n as $t, r as en, t as tn } from "./tabs-5EFeoEID.js";
+import { Skeleton as nn } from "./react/primitives/skeleton.js";
+import { Collapsible as rn, CollapsibleContent as an, CollapsibleTrigger as on } from "./react/primitives/collapsible.js";
+import { a as sn, i as cn, n as ln, r as un, t as dn } from "./tooltip-jbccdZ73.js";
+import { SlidePanel as fn } from "./react/primitives/slide-panel.js";
+import { HeatmapLegend as pn } from "./react/primitives/heatmap-legend.js";
+import { HeatmapToolbar as mn } from "./react/primitives/heatmap-toolbar.js";
+import { AnimatedCounter as hn, AnimatedPercentage as gn, AnimatedScore as _n } from "./react/primitives/animated-counter.js";
+import { RippleContainer as vn, useRipple as yn } from "./react/primitives/ripple.js";
+import { Field as bn } from "./react/primitives/field.js";
+import { a as xn, c as Sn, i as Cn, l as wn, n as Tn, o as En, r as Dn, s as On, t as kn, u as An } from "./primitives-Cya96raJ.js";
+import { Kbd as jn } from "./react/primitives/kbd.js";
+import { n as Mn, t as Nn } from "./radio-group-DN8T45dA.js";
+import { n as Pn, t as Fn } from "./scroll-area-C6KoFGKu.js";
+import { t as In } from "./separator-Ti4x5X1W.js";
+import { t as Ln } from "./slider-DCYaTI8V.js";
+import { Spinner as Rn } from "./react/primitives/spinner.js";
+import { i as zn, n as Bn, r as Vn, t as Hn } from "./toggle-BqCEqHr6.js";
+import { Alert as Un, AlertDescription as Wn, AlertTitle as Gn, alertVariants as Kn } from "./react/primitives/alert.js";
+import { AspectRatio as qn } from "./react/primitives/aspect-ratio.js";
+import { Avatar as Jn, AvatarFallback as Yn, AvatarGroup as Xn, AvatarImage as Zn, avatarVariants as Qn } from "./react/primitives/avatar.js";
+import { CodeBlock as $n } from "./react/primitives/code-block.js";
+import { CodeViewer as er } from "./react/primitives/code-viewer.js";
+import { EmptyState as tr } from "./react/primitives/empty-state.js";
+import { HoverCard as nr, HoverCardContent as rr, HoverCardTrigger as ir } from "./react/primitives/hover-card.js";
+import { MarkdownViewer as ar } from "./react/primitives/markdown-viewer.js";
+import { NotificationCenter as or, NotificationCenterItem as sr } from "./react/primitives/notification-center.js";
+import { Popover as cr, PopoverAnchor as lr, PopoverClose as ur, PopoverContent as dr, PopoverTrigger as fr } from "./react/primitives/popover.js";
+import { SeverityIndicator as pr, severityVariants as mr } from "./react/primitives/severity-indicator.js";
+import { StatCard as hr, trendVariants as gr } from "./react/primitives/stat-card.js";
+import { StatusDot as _r } from "./react/primitives/status-dot.js";
+import { Blockquote as vr, H1 as yr, H2 as br, H3 as xr, H4 as Sr, InlineCode as Cr, Large as wr, Lead as Tr, Muted as Er, P as Dr, Small as Or } from "./react/primitives/typography.js";
+import { UptimeBar as kr } from "./react/primitives/uptime-bar.js";
+import { ContextMenu as Ar, ContextMenuContent as jr, ContextMenuItem as Mr, ContextMenuLabel as Nr, ContextMenuSeparator as Pr, ContextMenuShortcut as Fr, ContextMenuTrigger as Ir } from "./react/primitives/context-menu.js";
+import { CopyButton as Lr, copyButtonVariants as Rr } from "./react/primitives/copy-button.js";
+import { DataTable as zr } from "./react/primitives/data-table.js";
+import { Modal as Br, ModalBody as Vr, ModalClose as Hr, ModalContent as Ur, ModalDescription as Wr, ModalFooter as Gr, ModalHeader as Kr, ModalOverlay as qr, ModalTitle as Jr, ModalTrigger as Yr } from "./react/primitives/modal.js";
+import { CommandPalette as Xr, Search as Zr } from "./react/primitives/search.js";
+import { SplitPane as Qr } from "./react/primitives/split-pane.js";
+import { StatusBar as $r, StatusBarItem as ei, StatusBarSection as ti, StatusBarSeparator as ni } from "./react/primitives/status-bar.js";
+import { TreeItem as ri, TreeView as ii } from "./react/primitives/tree-view.js";
+import { Breadcrumb as ai, BreadcrumbEllipsis as oi, BreadcrumbItem as si, BreadcrumbLink as ci, BreadcrumbList as li, BreadcrumbPage as ui, BreadcrumbSeparator as di } from "./react/primitives/breadcrumb.js";
+import { Drawer as fi, DrawerClose as pi, DrawerContent as mi, DrawerDescription as hi, DrawerFooter as gi, DrawerHeader as _i, DrawerOverlay as vi, DrawerPortal as yi, DrawerTitle as bi, DrawerTrigger as xi } from "./react/primitives/drawer.js";
+import { a as Si, c as Ci, i as wi, l as Ti, n as Ei, o as Di, r as Oi, s as ki, t as Ai } from "./navigation-menu-BO6a4SOI.js";
+import { Stepper as ji, StepperItem as Mi } from "./react/primitives/stepper.js";
+import { Calendar as Ni } from "./react/primitives/calendar.js";
+import { ColorPicker as Pi } from "./react/primitives/color-picker.js";
+import { CronEditor as Fi, cronToHuman as Ii, formatCron as Li, getNextRuns as Ri, isValidCron as zi, parseCron as Bi } from "./react/primitives/cron-editor.js";
+import { DatePicker as Vi, DateRangePicker as Hi, DateTimePicker as Ui } from "./react/primitives/date-picker.js";
+import { DirectionContext as Wi, DirectionProvider as Gi, useDirection as Ki } from "./react/primitives/direction.js";
+import { TagInput as qi } from "./react/primitives/tag-input.js";
+import { AreaChart as Ji } from "./react/primitives/chart-area.js";
+import { BarChart as Yi } from "./react/primitives/chart-bar.js";
+import { CandlestickChart as Xi } from "./react/primitives/chart-candlestick.js";
+import { FunnelChart as Zi } from "./react/primitives/chart-funnel.js";
+import { GaugeChart as Qi } from "./react/primitives/chart-gauge.js";
+import { HeatmapChart as $i } from "./react/primitives/chart-heatmap.js";
+import { LineChart as ea } from "./react/primitives/chart-line.js";
+import { PieChart as ta } from "./react/primitives/chart-pie.js";
+import { RadarChart as na } from "./react/primitives/chart-radar.js";
+import { SankeyChart as ra } from "./react/primitives/chart-sankey.js";
+import { ScatterChart as ia } from "./react/primitives/chart-scatter.js";
+import { SparklineChart as aa } from "./react/primitives/chart-sparkline.js";
+import { TreemapChart as oa } from "./react/primitives/chart-treemap.js";
+import { WaterfallChart as sa } from "./react/primitives/chart-waterfall.js";
+import { ErrorBoundary as ca } from "./react/primitives/error-boundary.js";
+import { FileTree as la } from "./react/primitives/file-tree.js";
+import { FlowDiagram as ua } from "./react/primitives/flow-diagram.js";
+import { JsonPathBrowser as da } from "./react/primitives/json-path-browser.js";
+import { KanbanBoard as fa, KanbanCard as pa, KanbanColumn as ma } from "./react/primitives/kanban.js";
+import { Map as ha } from "./react/primitives/map.js";
+import { MermaidDiagram as ga } from "./react/primitives/mermaid-diagram.js";
+import { NetworkGraph as _a } from "./react/primitives/network-graph.js";
+import { RuleEditor as va } from "./react/primitives/rule-editor.js";
+import { Terminal as ya } from "./react/primitives/terminal.js";
+import { Timeline as ba, TimelineItem as xa } from "./react/primitives/timeline.js";
+import { AttackPath as Sa, AttackPathStep as Ca, stepVariants as wa } from "./react/primitives/attack-path.js";
+import { CvssBadge as Ta, cvssBadgeVariants as Ea } from "./react/primitives/cvss-badge.js";
+import { DetectionStatusBadge as Da, DetectionStatusList as Oa, DetectionStatusRow as ka, severityBadgeVariants as Aa, statusDotVariants as ja, statusLabelVariants as Ma } from "./react/primitives/detection-status.js";
+import { MitreMatrix as Na, techniqueVariants as Pa } from "./react/primitives/mitre-matrix.js";
+import { VulnerabilityCard as Fa, severityBadgeVariants as Ia, statusBadgeVariants as La } from "./react/primitives/vulnerability-card.js";
+import { FlowNodeCard as Ra, MetricTile as za, StatCard as Ba, UptimeBar as Va } from "./react/threat-visuals.js";
+import { ThemeStudio as Ha } from "./react/theme-studio.js";
+export { Un as Alert, Wn as AlertDescription, yt as AlertDialog, ht as AlertDialogAction, _t as AlertDialogCancel, pt as AlertDialogContent, ut as AlertDialogDescription, gt as AlertDialogFooter, vt as AlertDialogHeader, dt as AlertDialogOverlay, mt as AlertDialogPortal, bt as AlertDialogTitle, ft as AlertDialogTrigger, Gn as AlertTitle, hn as AnimatedCounter, z as AnimatedEdge, gn as AnimatedPercentage, _n as AnimatedScore, Ue as AppShell, Ji as AreaChart, qn as AspectRatio, J as AtomicRedTeamLogo, Sa as AttackPath, Ca as AttackPathStep, Jn as Avatar, Yn as AvatarFallback, Xn as AvatarGroup, Zn as AvatarImage, Xe as Badge, Yi as BarChart, vr as Blockquote, Ne as BrandLockup, ai as Breadcrumb, oi as BreadcrumbEllipsis, si as BreadcrumbItem, ci as BreadcrumbLink, li as BreadcrumbList, ui as BreadcrumbPage, di as BreadcrumbSeparator, We as BrowserLayout, Ce as Button, Ni as Calendar, Xi as CandlestickChart, le as Card, ue as CardBody, de as CardHeader, fe as CardTitle, a as Carousel, n as CarouselContent, i as CarouselItem, t as CarouselNext, e as CarouselPrevious, Tn as ChartFrame, Cn as ChatDrawer, Dn as ChatInput, zt as Checkbox, F as ChronicleLogo, pe as CircularProgress, $n as CodeBlock, er as CodeViewer, rn as Collapsible, an as CollapsibleContent, on as CollapsibleTrigger, Pi as ColorPicker, Xr as CommandPalette, Pe as ConnectorLogo, M as ConnectorNode, Ar as ContextMenu, jr as ContextMenuContent, Mr as ContextMenuItem, Nr as ContextMenuLabel, Pr as ContextMenuSeparator, Fr as ContextMenuShortcut, Ir as ContextMenuTrigger, Lr as CopyButton, Je as CoreAppChrome, Fe as CounterMeasureBrandLockup, Ie as CounterMeasureLogo, Le as CounterMeasureWordmark, Re as CountermeasureBrandLockup, ze as CountermeasureLogo, Be as CountermeasureWordmark, Fi as CronEditor, I as CrowdStrikeLogo, Ta as CvssBadge, xn as DashboardMetricCard, wn as DataField, zr as DataTable, Vi as DatePicker, Hi as DateRangePicker, Ui as DateTimePicker, W as DefaultConnectorLogo, Ke as DetailHeader, Da as DetectionStatusBadge, Oa as DetectionStatusList, ka as DetectionStatusRow, et as Dialog, tt as DialogClose, nt as DialogContent, rt as DialogDescription, it as DialogFooter, at as DialogHeader, ot as DialogOverlay, st as DialogPortal, ct as DialogTitle, lt as DialogTrigger, Ve as Diamond, Wi as DirectionContext, Gi as DirectionProvider, fi as Drawer, pi as DrawerClose, mi as DrawerContent, hi as DrawerDescription, gi as DrawerFooter, _i as DrawerHeader, vi as DrawerOverlay, yi as DrawerPortal, bi as DrawerTitle, xi as DrawerTrigger, It as DropdownMenu, Nt as DropdownMenuContent, Ft as DropdownMenuItem, Mt as DropdownMenuLabel, jt as DropdownMenuSeparator, Pt as DropdownMenuTrigger, V as ElasticLogo, tr as EmptyState, ca as ErrorBoundary, bn as Field, la as FileTree, ua as FlowDiagram, Ra as FlowNodeCard, Zi as FunnelChart, Qi as GaugeChart, yr as H1, br as H2, xr as H3, Sr as H4, $i as HeatmapChart, pn as HeatmapLegend, mn as HeatmapToolbar, nr as HoverCard, rr as HoverCardContent, ir as HoverCardTrigger, Cr as InlineCode, Lt as Input, da as JsonPathBrowser, fa as KanbanBoard, pa as KanbanCard, ma as KanbanColumn, jn as Kbd, Bt as Label, wr as Large, Tr as Lead, U as LibraryNode, ea as LineChart, ha as Map, ar as MarkdownViewer, D as Menubar, S as MenubarCheckboxItem, T as MenubarContent, y as MenubarGroup, p as MenubarItem, C as MenubarLabel, E as MenubarMenu, m as MenubarPortal, b as MenubarRadioGroup, O as MenubarRadioItem, h as MenubarSeparator, g as MenubarShortcut, w as MenubarSub, x as MenubarSubContent, v as MenubarSubTrigger, _ as MenubarTrigger, ga as MermaidDiagram, An as MetadataGrid, za as MetricTile, R as MitreLogo, Na as MitreMatrix, Br as Modal, Vr as ModalBody, Hr as ModalClose, Ur as ModalContent, Wr as ModalDescription, Gr as ModalFooter, Kr as ModalHeader, qr as ModalOverlay, Jr as ModalTitle, Yr as ModalTrigger, Er as Muted, Ai as NavigationMenu, Ei as NavigationMenuContent, Oi as NavigationMenuIndicator, wi as NavigationMenuItem, Si as NavigationMenuLink, Di as NavigationMenuList, ki as NavigationMenuTrigger, Ci as NavigationMenuViewport, _a as NetworkGraph, or as NotificationCenter, sr as NotificationCenterItem, L as OpenCTILogo, Dr as P, qe as PageFrame, Ye as PageHeader, f as Pagination, c as PaginationContent, u as PaginationEllipsis, s as PaginationItem, o as PaginationLink, l as PaginationNext, d as PaginationPrevious, ta as PieChart, K as PlatformNode, cr as Popover, lr as PopoverAnchor, ur as PopoverClose, dr as PopoverContent, fr as PopoverTrigger, me as Progress, kn as QueryBoundary, na as RadarChart, Nn as RadioGroup, Mn as RadioGroupItem, vn as RippleContainer, va as RuleEditor, ra as SankeyChart, ia as ScatterChart, On as ScoreRing, Fn as ScrollArea, Pn as ScrollBar, Zr as Search, Sn as SectionPanel, Xt as Select, Kt as SelectContent, Jt as SelectGroup, Wt as SelectItem, Ht as SelectLabel, qt as SelectScrollDownButton, Yt as SelectScrollUpButton, Ut as SelectSeparator, Gt as SelectTrigger, Zt as SelectValue, j as SentinelLogo, In as Separator, pr as SeverityIndicator, xt as Sheet, St as SheetClose, Ct as SheetContent, wt as SheetDescription, Tt as SheetFooter, Et as SheetHeader, Dt as SheetOverlay, Ot as SheetPortal, kt as SheetTitle, At as SheetTrigger, Y as SigmaLogo, nn as Skeleton, fn as SlidePanel, Ln as Slider, Or as Small, Z as SnortLogo, P as SourceNode, aa as SparklineChart, Rn as Spinner, Qr as SplitPane, N as SplunkLogo, hr as StatCard, $r as StatusBar, ei as StatusBarItem, ti as StatusBarSection, ni as StatusBarSeparator, _r as StatusDot, ji as Stepper, Mi as StepperItem, Ge as SubNav, Vt as Switch, q as TOPOLOGY_STYLES, he as Table, ge as TableBody, _e as TableCaption, ve as TableCell, ye as TableFooter, be as TableHead, xe as TableHeader, Se as TableRow, tn as Tabs, $t as TabsContent, en as TabsList, Qt as TabsTrigger, qi as TagInput, X as TaniumLogo, B as TenantNode, ya as Terminal, Rt as Textarea, ce as ThemeIcon, Ha as ThemeStudioReact, oe as ThemeToggleButton, Ba as ThreatStatCard, Va as ThreatUptimeBar, ba as Timeline, xa as TimelineItem, ae as Toast, te as ToastAction, re as ToastClose, ee as ToastDescription, Q as ToastProvider, ne as ToastTitle, Hn as Toggle, Bn as ToggleGroup, Vn as ToggleGroupItem, dn as Tooltip, ln as TooltipArrow, un as TooltipContent, cn as TooltipProvider, sn as TooltipTrigger, ri as TreeItem, ii as TreeView, oa as TreemapChart, kr as UptimeBar, Fa as VulnerabilityCard, sa as WaterfallChart, He as Wordmark, A as YaraLogo, Kn as alertVariants, Qn as avatarVariants, Ze as badgeVariants, H as buildGlobalPipeline, G as buildPipelineForTenant, we as buttonVariants, Rr as copyButtonVariants, Ii as cronToHuman, Ea as cvssBadgeVariants, Li as formatCron, k as getConnectorLogo, Ri as getNextRuns, zi as isValidCron, En as metricIconVariants, Ti as navigationMenuTriggerStyle, Bi as parseCron, Qe as severityBadge, Aa as severityBadgeVariants, mr as severityVariants, $e as statusBadge, ja as statusDotVariants, Ma as statusLabelVariants, wa as stepVariants, Pa as techniqueVariants, ie as toastVariants, zn as toggleVariants, gr as trendVariants, Te as useApi, Ae as useAuth, r as useCarousel, Me as useConsent, Ki as useDirection, De as useKeybindings, je as usePasskey, yn as useRipple, Oe as useRouter, Ee as useSSE, ke as useStorage, se as useThemeState, $ as useToast, Ia as vulnSeverityBadgeVariants, La as vulnStatusBadgeVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@countermeasure-platform/web-components",
-  "version": "1.3.4-dev.35.1",
+  "version": "1.3.5-dev.36.1",
   "description": "Shared web components for CounterMeasure applications - consolidates common frontend functionality across projects.",
   "type": "module",
   "main": "./dist/index.js",
@@ -1520,6 +1520,11 @@
       "import": "./dist/react/layout/app-shell.js",
       "types": "./dist/react/layout/app-shell.d.ts"
     },
+    "./react/layout/core-app-chrome": {
+      "source": "./src/react/layout/core-app-chrome.tsx",
+      "import": "./dist/react/layout/core-app-chrome.js",
+      "types": "./dist/react/layout/core-app-chrome.d.ts"
+    },
     "./react/layout/page-header": {
       "source": "./src/react/layout/page-header.tsx",
       "import": "./dist/react/layout/page-header.js",

package/src/react/layout/core-app-chrome.test.tsx

@@ -0,0 +1,124 @@
+import { render } from '@testing-library/react'
+import { describe, expect, it, beforeEach } from 'vitest'
+
+import { CoreAppChrome } from './core-app-chrome'
+
+describe('CoreAppChrome React wrapper', () => {
+  beforeEach(() => {
+    localStorage.clear()
+    window.history.replaceState({}, '', '/app')
+  })
+
+  it('mounts the vanilla native core chrome inside React host elements', () => {
+    const { container } = render(
+      <CoreAppChrome
+        basePath="/app"
+        pathname="/app/jobs"
+        scope={{
+          label: 'Tenant',
+          value: 'all',
+          options: [{ id: 'all', label: 'All Tenants' }],
+        }}
+      />
+    )
+
+    const sidebar = container.querySelector<HTMLElement>('.sidebar')
+    const topbar = container.querySelector<HTMLElement>('.cmm-topbar')
+    const active = container.querySelector<HTMLElement>('[data-item-id="jobs"]')
+
+    expect(container.querySelector('[data-slot="core-app-chrome"]')).toBeTruthy()
+    expect(sidebar?.classList.contains('sidebar--product')).toBe(true)
+    expect(sidebar?.getAttribute('data-sidebar')).toBe('cm')
+    expect(active?.classList.contains('sidebar__item--active')).toBe(true)
+    expect(topbar?.querySelector('.cmm-topbar__product')?.textContent).toBe('CounterMeasure Core')
+    expect(topbar?.querySelector('.cmm-topbar__current')?.textContent).toBe('Jobs')
+    expect(container.querySelector('.sidebar__scope-current')?.textContent).toBe('All Tenants')
+  })
+
+  it('remounts through the vanilla API when route props change', () => {
+    const { container, rerender } = render(<CoreAppChrome basePath="/app" pathname="/app/jobs" />)
+
+    expect(container.querySelector('.cmm-topbar__current')?.textContent).toBe('Jobs')
+    expect(
+      container.querySelector('[data-item-id="jobs"]')?.classList.contains('sidebar__item--active')
+    ).toBe(true)
+
+    rerender(<CoreAppChrome basePath="/app" pathname="/app/runners" />)
+
+    expect(container.querySelector('.cmm-topbar__current')?.textContent).toBe('Runners')
+    expect(
+      container
+        .querySelector('[data-item-id="runners"]')
+        ?.classList.contains('sidebar__item--active')
+    ).toBe(true)
+    expect(container.querySelectorAll('.sidebar')).toHaveLength(1)
+    expect(container.querySelectorAll('.cmm-topbar')).toHaveLength(1)
+  })
+
+  it('supports sidebar-only mounts and host class names', () => {
+    const { container } = render(
+      <CoreAppChrome
+        className="chrome-host"
+        sidebarClassName="sidebar-host"
+        topbar={false}
+        basePath="/app"
+        pathname="/app"
+      />
+    )
+
+    expect(
+      container.querySelector('[data-slot="core-app-chrome"]')?.classList.contains('chrome-host')
+    ).toBe(true)
+    expect(
+      container.querySelector('[data-slot="core-app-sidebar"]')?.classList.contains('sidebar-host')
+    ).toBe(true)
+    expect(container.querySelector('.sidebar')).toBeTruthy()
+    expect(container.querySelector('.cmm-topbar')).toBeNull()
+  })
+
+  it('passes custom vanilla mount options through without duplicating behavior in React', () => {
+    const customAction = {
+      id: 'custom',
+      label: 'Custom Action',
+      attributes: { 'data-custom-action': true },
+    }
+
+    const { container } = render(
+      <CoreAppChrome
+        basePath="/app"
+        pathname="/app/custom"
+        preserveTopbarActions={false}
+        topbarActionSelector="[data-preserve-me]"
+        clearContainers={false}
+        sidebar={{
+          sections: [
+            {
+              id: 'custom',
+              items: [{ id: 'custom-item', label: 'Custom Item', href: '/app/custom' }],
+            },
+          ],
+          activeItemId: 'custom-item',
+          collapsible: false,
+          mobileBackdrop: false,
+        }}
+        topbar={{
+          product: 'Core React',
+          current: 'Custom Current',
+          actions: [customAction],
+        }}
+      />
+    )
+
+    expect(container.querySelector('[data-item-id="custom-item"]')?.textContent).toContain(
+      'Custom Item'
+    )
+    expect(
+      container
+        .querySelector('[data-item-id="custom-item"]')
+        ?.classList.contains('sidebar__item--active')
+    ).toBe(true)
+    expect(container.querySelector('.cmm-topbar__product')?.textContent).toBe('Core React')
+    expect(container.querySelector('.cmm-topbar__current')?.textContent).toBe('Custom Current')
+    expect(container.querySelector('[data-custom-action]')).toBeTruthy()
+  })
+})

package/src/react/layout/core-app-chrome.tsx

@@ -0,0 +1,110 @@
+import * as React from 'react'
+
+import {
+  mountCoreAppChrome,
+  type CoreAppChromeMount,
+  type CoreAppChromeMountOptions,
+  type CoreAppSidebarPresetOptions,
+  type CoreAppTopbarPresetOptions,
+} from '../../layout/core-app-chrome'
+import { cn } from '../primitives/utils'
+
+export interface CoreAppChromeProps extends Omit<
+  CoreAppChromeMountOptions,
+  'sidebarContainer' | 'topbarContainer' | 'topbar'
+> {
+  className?: string
+  sidebarClassName?: string
+  topbarClassName?: string
+  topbar?: Omit<CoreAppTopbarPresetOptions, 'container'> | false
+}
+
+export type { CoreAppChromeMount, CoreAppSidebarPresetOptions, CoreAppTopbarPresetOptions }
+
+function CoreAppChrome({
+  className,
+  sidebarClassName,
+  topbarClassName,
+  basePath,
+  pathname,
+  scope,
+  sidebarUser,
+  sidebarFooterActions,
+  topbarUser,
+  topbarActions,
+  sidebar,
+  topbar = {},
+  preserveTopbarActions,
+  topbarActionSelector,
+  clearContainers,
+}: CoreAppChromeProps) {
+  const sidebarContainerRef = React.useRef<HTMLDivElement>(null)
+  const topbarContainerRef = React.useRef<HTMLDivElement>(null)
+  const mountRef = React.useRef<CoreAppChromeMount | null>(null)
+
+  React.useEffect(() => {
+    const sidebarContainer = sidebarContainerRef.current
+    const topbarContainer = topbar === false ? undefined : topbarContainerRef.current
+
+    if (sidebarContainer === null || (topbar !== false && topbarContainer === null)) {
+      return
+    }
+
+    const mountOptions: CoreAppChromeMountOptions = { sidebarContainer }
+
+    if (basePath !== undefined) mountOptions.basePath = basePath
+    if (pathname !== undefined) mountOptions.pathname = pathname
+    if (scope !== undefined) mountOptions.scope = scope
+    if (sidebarUser !== undefined) mountOptions.sidebarUser = sidebarUser
+    if (sidebarFooterActions !== undefined) mountOptions.sidebarFooterActions = sidebarFooterActions
+    if (topbarUser !== undefined) mountOptions.topbarUser = topbarUser
+    if (topbarActions !== undefined) mountOptions.topbarActions = topbarActions
+    if (sidebar !== undefined) mountOptions.sidebar = sidebar
+    if (preserveTopbarActions !== undefined)
+      mountOptions.preserveTopbarActions = preserveTopbarActions
+    if (topbarActionSelector !== undefined) mountOptions.topbarActionSelector = topbarActionSelector
+    if (clearContainers !== undefined) mountOptions.clearContainers = clearContainers
+
+    if (topbar !== false && topbarContainer !== undefined && topbarContainer !== null) {
+      mountOptions.topbarContainer = topbarContainer
+      mountOptions.topbar = topbar
+    }
+
+    mountRef.current = mountCoreAppChrome(mountOptions)
+
+    return () => {
+      mountRef.current?.destroy()
+      mountRef.current = null
+    }
+  }, [
+    basePath,
+    pathname,
+    scope,
+    sidebarUser,
+    sidebarFooterActions,
+    topbarUser,
+    topbarActions,
+    sidebar,
+    topbar,
+    preserveTopbarActions,
+    topbarActionSelector,
+    clearContainers,
+  ])
+
+  return (
+    <div data-slot="core-app-chrome" className={cn(className)}>
+      <div
+        ref={sidebarContainerRef}
+        data-slot="core-app-sidebar"
+        className={cn(sidebarClassName)}
+      />
+      {topbar === false ? null : (
+        <div ref={topbarContainerRef} data-slot="core-app-topbar" className={cn(topbarClassName)} />
+      )}
+    </div>
+  )
+}
+
+CoreAppChrome.displayName = 'CoreAppChrome'
+
+export { CoreAppChrome }

package/src/react/layout/index.ts

@@ -1,5 +1,12 @@
 export { AppShell, type AppShellProps } from './app-shell'
 export { BrowserLayout, type BrowserLayoutProps } from './browser-layout'
+export {
+  CoreAppChrome,
+  type CoreAppChromeMount,
+  type CoreAppChromeProps,
+  type CoreAppSidebarPresetOptions,
+  type CoreAppTopbarPresetOptions,
+} from './core-app-chrome'
 export { DetailHeader, type DetailHeaderProps } from './detail-header'
 export { PageHeader, type PageHeaderProps } from './page-header'
 export { SubNav, type SubNavItem, type SubNavProps } from './sub-nav'