@cere/cere-design-system 0.1.0 → 0.2.0

package/dist/chunk-GTBKQXXI.js

@@ -0,0 +1,1472 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkPFZZJZ64js = require('./chunk-PFZZJZ64.js');
+
+
+var _chunk2EBCST6Xjs = require('./chunk-2EBCST6X.js');
+
+
+var _chunkLVJSKRX3js = require('./chunk-LVJSKRX3.js');
+
+
+var _chunk72TQ56EPjs = require('./chunk-72TQ56EP.js');
+
+
+
+var _chunkXZZZ4MZVjs = require('./chunk-XZZZ4MZV.js');
+
+// src/components/layout/Logo.tsx
+var _Stack = require('@mui/material/Stack'); var _Stack2 = _interopRequireDefault(_Stack);
+var _styles = require('@mui/material/styles');
+var _SvgIcon = require('@mui/material/SvgIcon');
+var _jsxruntime = require('react/jsx-runtime');
+var sizesMap = {
+  large: 38,
+  medium: 32,
+  small: 24
+};
+var Container = _styles.styled.call(void 0, (0, _Stack2.default))({
+  [`& .${_SvgIcon.svgIconClasses.root}`]: {
+    fontSize: "inherit"
+  }
+});
+var Logo = ({ children, size = "medium", icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2EBCST6Xjs.CereIcon, { color: "primary" }) }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { direction: "row", alignItems: "center", spacing: 2, fontSize: sizesMap[size], children: [
+  icon,
+  children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Stack2.default, { children })
+] });
+
+// src/components/layout/Dialog.tsx
+var _Dialog = require('@mui/material/Dialog'); var _Dialog2 = _interopRequireDefault(_Dialog);
+var _DialogTitle = require('@mui/material/DialogTitle'); var _DialogTitle2 = _interopRequireDefault(_DialogTitle);
+var _DialogContent = require('@mui/material/DialogContent'); var _DialogContent2 = _interopRequireDefault(_DialogContent);
+var _DialogActions = require('@mui/material/DialogActions'); var _DialogActions2 = _interopRequireDefault(_DialogActions);
+var _Button = require('@mui/material/Button'); var _Button2 = _interopRequireDefault(_Button);
+var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
+var _Box = require('@mui/material/Box'); var _Box2 = _interopRequireDefault(_Box);
+var _Typography = require('@mui/material/Typography'); var _Typography2 = _interopRequireDefault(_Typography);
+var _Divider = require('@mui/material/Divider'); var _Divider2 = _interopRequireDefault(_Divider);
+var _CircularProgress = require('@mui/material/CircularProgress'); var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
+var _Close = require('@mui/icons-material/Close'); var _Close2 = _interopRequireDefault(_Close);
+
+var Dialog = ({
+  open,
+  title,
+  onClose,
+  onSubmit,
+  submitLabel = "Save",
+  cancelLabel = "Cancel",
+  isLoading = false,
+  disableSubmit = false,
+  showActions = true,
+  headerAction,
+  fullWidth = true,
+  maxWidth = "md",
+  children,
+  dividers = true,
+  confirmBeforeClose = false,
+  customActions,
+  ...dialogProps
+}) => {
+  const handleCloseAttempt = (e) => {
+    if (e) e.stopPropagation();
+    onClose();
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _Dialog2.default,
+    {
+      open,
+      onClose: (_, reason) => {
+        if (confirmBeforeClose) return;
+        if (reason === "backdropClick" || reason === "escapeKeyDown") {
+          onClose();
+        }
+      },
+      fullWidth,
+      maxWidth,
+      ...dialogProps,
+      PaperProps: {
+        sx: { minHeight: dialogProps.fullScreen ? void 0 : "auto" },
+        ...dialogProps.PaperProps
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _DialogTitle2.default, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center" }, children: typeof title === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "h6", children: title }) : title }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center" }, children: [
+            headerAction,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _IconButton2.default,
+              {
+                edge: "end",
+                color: "inherit",
+                onClick: handleCloseAttempt,
+                "aria-label": "close",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, {})
+              }
+            )
+          ] })
+        ] }),
+        dividers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Divider2.default, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DialogContent2.default, { dividers, children }),
+        (showActions || customActions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          dividers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Divider2.default, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DialogActions2.default, { children: customActions || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _Button2.default,
+              {
+                onClick: handleCloseAttempt,
+                disabled: isLoading,
+                children: cancelLabel
+              }
+            ),
+            onSubmit && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _Button2.default,
+              {
+                variant: "contained",
+                color: "primary",
+                onClick: onSubmit,
+                disabled: disableSubmit || isLoading,
+                startIcon: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CircularProgress2.default, { size: 20 }) : void 0,
+                children: submitLabel
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/layout/KpiCard.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
+
+
+
+var toneColor = (tone, theme) => {
+  switch (tone) {
+    case "violet":
+      return theme.palette.primary.main;
+    case "blue":
+      return theme.palette.info.main;
+    case "green":
+      return theme.palette.success.main;
+    case "orange":
+      return theme.palette.warning.main;
+    case "pink":
+      return _nullishCoalesce(_optionalChain([theme, 'access', _2 => _2.palette, 'access', _3 => _3.secondary, 'optionalAccess', _4 => _4.main]), () => ( theme.palette.primary.main));
+    case "neutral":
+    default:
+      return theme.palette.grey[300];
+  }
+};
+var KpiCard = React.forwardRef(
+  function KpiCard2({ icon, label, value, sub, tone = "neutral", ...rest }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        "data-tone": tone,
+        ...rest,
+        sx: (theme) => ({
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+          gap: 0.5,
+          padding: 2,
+          paddingLeft: 2.5,
+          borderRadius: 1.5,
+          backgroundColor: theme.palette.background.paper,
+          border: `1px solid ${theme.palette.divider}`,
+          overflow: "hidden",
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            left: 0,
+            top: 0,
+            bottom: 0,
+            width: 4,
+            backgroundColor: toneColor(tone, theme)
+          }
+        }),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+            icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "inline-flex", color: "text.secondary" }, children: icon }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "eyebrow", component: "span", children: label })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "panelTitle", component: "div", children: value }),
+          sub && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "body2", sx: { color: "text.secondary" }, children: sub })
+        ]
+      }
+    );
+  }
+);
+
+// src/components/layout/AgentAvatar.tsx
+
+
+
+var hashSeed = (seed) => {
+  let h = 5381;
+  for (let i = 0; i < seed.length; i += 1) {
+    h = (h << 5) + h + seed.charCodeAt(i) & 4294967295;
+  }
+  return Math.abs(h);
+};
+var palette = (theme) => [
+  theme.palette.primary.main,
+  theme.palette.primary.dark,
+  _nullishCoalesce(_optionalChain([theme, 'access', _5 => _5.palette, 'access', _6 => _6.secondary, 'optionalAccess', _7 => _7.main]), () => ( theme.palette.primary.main))
+];
+var AgentAvatar = React2.forwardRef(
+  function AgentAvatar2({ seed, name, size = 40, shadow = false, iconUrl, ariaLabel, ...rest }, ref) {
+    const initial = (_nullishCoalesce(_optionalChain([name, 'optionalAccess', _8 => _8.trim, 'call', _9 => _9(), 'optionalAccess', _10 => _10[0]]), () => ( "?"))).toUpperCase();
+    const radius = Math.round(size * 0.28);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        role: "img",
+        "aria-label": _nullishCoalesce(ariaLabel, () => ( name)),
+        ...rest,
+        sx: (theme) => {
+          const colors = palette(theme);
+          const paletteIndex = hashSeed(seed) % colors.length;
+          return {
+            width: size,
+            height: size,
+            borderRadius: `${radius}px`,
+            backgroundColor: colors[paletteIndex],
+            color: theme.palette.common.white,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontWeight: 700,
+            fontSize: Math.round(size * 0.42),
+            lineHeight: 1,
+            overflow: "hidden",
+            flexShrink: 0,
+            boxShadow: shadow ? theme.shadows[3] : "inset 0 1px 0 rgba(255,255,255,0.2)",
+            userSelect: "none"
+          };
+        },
+        children: iconUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _Box2.default,
+          {
+            component: "img",
+            src: iconUrl,
+            alt: "",
+            sx: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", children: initial })
+      }
+    );
+  }
+);
+
+// src/components/layout/NumberedList.tsx
+
+
+
+
+var toneColors = (tone, theme) => {
+  switch (tone) {
+    case "blue":
+      return { bg: theme.palette.info.light, fg: theme.palette.info.dark };
+    case "green":
+      return { bg: theme.palette.success.light, fg: theme.palette.success.dark };
+    case "orange":
+      return { bg: theme.palette.warning.light, fg: theme.palette.warning.dark };
+    case "pink":
+      return {
+        bg: _nullishCoalesce(_optionalChain([theme, 'access', _11 => _11.palette, 'access', _12 => _12.secondary, 'optionalAccess', _13 => _13.light]), () => ( theme.palette.primary.light)),
+        fg: _nullishCoalesce(_optionalChain([theme, 'access', _14 => _14.palette, 'access', _15 => _15.secondary, 'optionalAccess', _16 => _16.main]), () => ( theme.palette.primary.main))
+      };
+    case "neutral":
+      return { bg: theme.palette.grey[100], fg: theme.palette.text.primary };
+    case "violet":
+    default:
+      return { bg: theme.palette.primary.light, fg: theme.palette.primary.main };
+  }
+};
+var NumberedList = React3.forwardRef(
+  function NumberedList2({ items, tone = "violet", startAt = 1, ...rest }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        component: "ol",
+        "data-tone": tone,
+        ...rest,
+        sx: (theme) => {
+          const { bg, fg } = toneColors(tone, theme);
+          return {
+            listStyle: "none",
+            margin: 0,
+            padding: 0,
+            display: "flex",
+            flexDirection: "column",
+            gap: 1.5,
+            "--numbered-list-bg": bg,
+            "--numbered-list-fg": fg
+          };
+        },
+        children: items.map((item, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _Box2.default,
+          {
+            component: "li",
+            sx: { display: "flex", alignItems: "flex-start", gap: 1.5 },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _Box2.default,
+                {
+                  "aria-hidden": "true",
+                  sx: {
+                    flexShrink: 0,
+                    width: 28,
+                    height: 28,
+                    borderRadius: "50%",
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontWeight: 700,
+                    fontSize: 13,
+                    backgroundColor: "var(--numbered-list-bg)",
+                    color: "var(--numbered-list-fg)"
+                  },
+                  children: startAt + idx
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "subtitle1", component: "div", children: item.title }),
+                item.detail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _Typography2.default,
+                  {
+                    variant: "body2",
+                    component: "div",
+                    sx: { color: "text.secondary", mt: 0.25 },
+                    children: item.detail
+                  }
+                )
+              ] }),
+              item.cta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { flexShrink: 0 }, children: item.cta })
+            ]
+          },
+          `${idx}-${item.title}`
+        ))
+      }
+    );
+  }
+);
+
+// src/components/layout/Drawer.tsx
+
+var _Drawer = require('@mui/material/Drawer'); var _Drawer2 = _interopRequireDefault(_Drawer);
+
+
+
+
+
+var _Tabs = require('@mui/material/Tabs'); var _Tabs2 = _interopRequireDefault(_Tabs);
+var _Tab = require('@mui/material/Tab'); var _Tab2 = _interopRequireDefault(_Tab);
+
+
+// src/components/layout/drawerWidth.ts
+function resolveDrawerWidth(width, theme, defaultWidth) {
+  if (width === void 0) {
+    return { width: defaultWidth };
+  }
+  if (typeof width === "number" || typeof width === "string") {
+    return { width };
+  }
+  const base = _nullishCoalesce(width.xs, () => ( defaultWidth));
+  const css = { width: base };
+  ["sm", "md", "lg", "xl"].forEach((bp) => {
+    const value = width[bp];
+    if (value !== void 0) {
+      css[theme.breakpoints.up(bp)] = { width: value };
+    }
+  });
+  return css;
+}
+
+// src/components/layout/Drawer.tsx
+
+var StyledDrawer = _styles.styled.call(void 0, _Drawer2.default, {
+  shouldForwardProp: (prop) => prop !== "width" && prop !== "miniWidth" && prop !== "collapsed" && prop !== "topOffset"
+})(({ theme, width, miniWidth = 72, collapsed, topOffset = 0 }) => {
+  const widthCss = collapsed ? { width: miniWidth } : resolveDrawerWidth(width, theme, 240);
+  return {
+    ...widthCss,
+    flexShrink: 0,
+    "& .MuiDrawer-paper": {
+      ...widthCss,
+      boxSizing: "border-box",
+      boxShadow: "0px 2px 10px rgba(0, 0, 0, 0.05)",
+      transition: theme.transitions.create(["width", "top", "height"], {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.enteringScreen
+      }),
+      overflow: "visible",
+      // Let internal content handle scrolling
+      display: "flex",
+      flexDirection: "column",
+      top: `${topOffset}px !important`,
+      height: topOffset > 0 ? `calc(100% - ${topOffset}px) !important` : "100%",
+      zIndex: `${theme.zIndex.modal} !important`
+      // Use modal zIndex to be above everything except AppBar (which is modal + 1)
+    }
+  };
+});
+var Drawer = React.default.forwardRef(function Drawer2({
+  width,
+  miniWidth = 72,
+  collapsed = false,
+  title,
+  header,
+  showCloseButton,
+  tabs,
+  activeTab = 0,
+  onTabChange,
+  footer,
+  contentProps,
+  anchor = "right",
+  variant = "temporary",
+  topOffset = 0,
+  children,
+  onClose,
+  ...props
+}, ref) {
+  const defaultWidth = variant === "temporary" || variant === "persistent" ? 400 : 240;
+  const finalWidth = _nullishCoalesce(width, () => ( defaultWidth));
+  const shouldShowClose = _nullishCoalesce(showCloseButton, () => ( (variant === "temporary" || variant === "persistent")));
+  const hasHeader = title || header || shouldShowClose || tabs;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledDrawer,
+    {
+      ref,
+      width: finalWidth,
+      miniWidth,
+      collapsed,
+      anchor,
+      variant,
+      topOffset,
+      onClose,
+      ModalProps: {
+        ...props.ModalProps,
+        style: {
+          zIndex: topOffset > 0 ? void 0 : void 0
+          // Let styled component handle zIndex
+        }
+      },
+      BackdropProps: {
+        ...props.BackdropProps,
+        style: {
+          backgroundColor: "rgba(0, 0, 0, 0.5)"
+        }
+      },
+      ...props,
+      children: [
+        hasHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _Box2.default,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                p: 2,
+                minHeight: 64,
+                borderBottom: 1,
+                borderColor: "divider"
+              },
+              children: header || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { flex: 1 }, children: typeof title === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "h6", children: title }) : title }),
+                shouldShowClose && onClose && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _IconButton2.default,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onClose(e, "backdropClick");
+                    },
+                    size: "small",
+                    sx: { ml: 1 },
+                    "aria-label": "close",
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, {})
+                  }
+                )
+              ] })
+            }
+          ),
+          tabs && tabs.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _Tabs2.default,
+            {
+              value: activeTab,
+              onChange: (_, newValue) => _optionalChain([onTabChange, 'optionalCall', _17 => _17(newValue)]),
+              variant: tabs.length > 4 ? "scrollable" : "standard",
+              scrollButtons: tabs.length > 4 ? "auto" : false,
+              sx: {
+                borderBottom: 1,
+                borderColor: "divider",
+                px: 2,
+                "& .MuiTabs-scrollableContainer": {
+                  overflow: "auto"
+                }
+              },
+              children: tabs.map((tab, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Tab2.default, { label: tab }, index))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _Box2.default,
+          {
+            sx: {
+              flex: 1,
+              overflow: "auto",
+              display: "flex",
+              flexDirection: "column"
+            },
+            ...contentProps,
+            children
+          }
+        ),
+        footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Divider2.default, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _Box2.default,
+            {
+              sx: {
+                p: 2,
+                borderTop: 1,
+                borderColor: "divider"
+              },
+              children: footer
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+
+// src/components/layout/MetaField.tsx
+
+
+
+
+var MetaField = React.default.forwardRef(function MetaField2({ label, value, mono = false, title }, ref) {
+  const resolvedTitle = _nullishCoalesce(title, () => ( (typeof value === "string" ? value : void 0)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { ref, sx: { display: "flex", flexDirection: "column", gap: 0.25, minWidth: 0 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Typography2.default,
+      {
+        variant: "caption",
+        sx: {
+          color: "text.secondary",
+          textTransform: "uppercase",
+          letterSpacing: 0.4,
+          fontSize: 10,
+          fontWeight: 600
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Typography2.default,
+      {
+        variant: "body2",
+        sx: {
+          fontFamily: mono ? "monospace" : void 0,
+          fontSize: 13,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        title: resolvedTitle,
+        children: value
+      }
+    )
+  ] });
+});
+
+// src/components/layout/ScrollableRow.tsx
+
+
+
+var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
+var _ChevronRight = require('@mui/icons-material/ChevronRight'); var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
+
+var EDGE_TOLERANCE_PX = 4;
+var ScrollableRow = ({
+  children,
+  leftLabel = "Scroll left",
+  rightLabel = "Scroll right",
+  minNudge = 160,
+  nudgeFraction = 0.6
+}) => {
+  const scrollerRef = _react.useRef.call(void 0, null);
+  const [canLeft, setCanLeft] = _react.useState.call(void 0, false);
+  const [canRight, setCanRight] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const el = scrollerRef.current;
+    if (!el) return;
+    const update = () => {
+      setCanLeft(el.scrollLeft > EDGE_TOLERANCE_PX);
+      setCanRight(el.scrollLeft + el.clientWidth < el.scrollWidth - EDGE_TOLERANCE_PX);
+    };
+    update();
+    el.addEventListener("scroll", update, { passive: true });
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
+    _optionalChain([ro, 'optionalAccess', _18 => _18.observe, 'call', _19 => _19(el)]);
+    for (const c of Array.from(el.children)) _optionalChain([ro, 'optionalAccess', _20 => _20.observe, 'call', _21 => _21(c)]);
+    const mo = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
+      for (const c of Array.from(el.children)) _optionalChain([ro, 'optionalAccess', _22 => _22.observe, 'call', _23 => _23(c)]);
+      update();
+    }) : null;
+    _optionalChain([mo, 'optionalAccess', _24 => _24.observe, 'call', _25 => _25(el, { childList: true })]);
+    return () => {
+      el.removeEventListener("scroll", update);
+      _optionalChain([ro, 'optionalAccess', _26 => _26.disconnect, 'call', _27 => _27()]);
+      _optionalChain([mo, 'optionalAccess', _28 => _28.disconnect, 'call', _29 => _29()]);
+    };
+  }, []);
+  const nudge = (dir) => {
+    const el = scrollerRef.current;
+    if (!el) return;
+    el.scrollBy({ left: dir * Math.max(minNudge, el.clientWidth * nudgeFraction), behavior: "smooth" });
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { position: "relative", flex: 1, minWidth: 0 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Box2.default,
+      {
+        ref: scrollerRef,
+        "data-scrollable-row-scroller": true,
+        sx: {
+          display: "flex",
+          gap: 1,
+          overflowX: "auto",
+          overflowY: "hidden",
+          scrollbarWidth: "thin",
+          py: 0.25
+        },
+        children
+      }
+    ),
+    canLeft && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _IconButton2.default,
+      {
+        size: "small",
+        "aria-label": leftLabel,
+        onClick: () => nudge(-1),
+        sx: {
+          position: "absolute",
+          left: -6,
+          top: "50%",
+          transform: "translateY(-50%)",
+          bgcolor: "background.paper",
+          boxShadow: 1,
+          "&:hover": { bgcolor: "background.paper" }
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+      }
+    ),
+    canRight && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _IconButton2.default,
+      {
+        size: "small",
+        "aria-label": rightLabel,
+        onClick: () => nudge(1),
+        sx: {
+          position: "absolute",
+          right: -6,
+          top: "50%",
+          transform: "translateY(-50%)",
+          bgcolor: "background.paper",
+          boxShadow: 1,
+          "&:hover": { bgcolor: "background.paper" }
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+      }
+    )
+  ] });
+};
+
+// src/components/layout/SectionRow.tsx
+
+
+
+
+var SectionRow = React.default.forwardRef(function SectionRow2({ title, subtitle, action, leftLabel, rightLabel, children }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { ref, component: "section", sx: { mb: 4 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _Box2.default,
+      {
+        component: "header",
+        sx: {
+          display: "flex",
+          alignItems: "flex-end",
+          justifyContent: "space-between",
+          gap: 1.5,
+          mb: 1.5
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { minWidth: 0 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { component: "h2", variant: "h6", sx: { m: 0 }, children: title }),
+            subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "caption", sx: { color: "text.secondary" }, children: subtitle })
+          ] }),
+          action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: action })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollableRow, { leftLabel, rightLabel, children })
+  ] });
+});
+
+// src/components/layout/GradientSurface.tsx
+
+
+
+var GRADIENT_ANCHORS_0 = {
+  d1: _chunkXZZZ4MZVjs.robPaletteExtended.nearBlack2,
+  // #0d0627
+  d2: _chunkXZZZ4MZVjs.robPaletteExtended.nearBlack4,
+  // #23194b
+  ev: _chunkXZZZ4MZVjs.robPrimaryPalette.electricViolet,
+  // #8B00EC
+  fd: _chunkXZZZ4MZVjs.robPrimaryPalette.fandango
+  // #BD32A7
+};
+var PALETTES = [
+  {
+    base: `linear-gradient(115deg, ${GRADIENT_ANCHORS_0.d1} 0%, ${GRADIENT_ANCHORS_0.d2} 55%, ${GRADIENT_ANCHORS_0.ev} 130%)`,
+    blobA: GRADIENT_ANCHORS_0.fd,
+    blobB: GRADIENT_ANCHORS_0.ev
+  },
+  { base: "linear-gradient(115deg, #2a1635 0%, #5b2a55 55%, #c75a8a 130%)", blobA: "#ff7ea8", blobB: "#ffd1a8" },
+  { base: "linear-gradient(115deg, #0e2a2c 0%, #1d5d63 55%, #59c6c4 130%)", blobA: "#59c6c4", blobB: "#2bb0a0" },
+  { base: "linear-gradient(115deg, #131534 0%, #2c3a8c 55%, #6088e8 130%)", blobA: "#6088e8", blobB: "#3b5db8" },
+  { base: "linear-gradient(115deg, #1a0f30 0%, #3d2a78 55%, #8a5cf6 130%)", blobA: "#a892ff", blobB: "#6b4cf0" },
+  { base: "linear-gradient(115deg, #2b1124 0%, #6d2244 55%, #d44a7a 130%)", blobA: "#d44a7a", blobB: "#a8345e" }
+];
+var GRADIENT_PALETTE_COUNT = PALETTES.length;
+var GradientSurface = React.default.forwardRef(
+  function GradientSurface2({ index, children, sx }, ref) {
+    const wrapped = (index % GRADIENT_PALETTE_COUNT + GRADIENT_PALETTE_COUNT) % GRADIENT_PALETTE_COUNT;
+    const palette2 = PALETTES[wrapped];
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        "data-gradient-index": wrapped,
+        sx: [
+          {
+            position: "relative",
+            overflow: "hidden",
+            background: palette2.base,
+            color: "common.white",
+            "&::before, &::after": {
+              content: '""',
+              position: "absolute",
+              pointerEvents: "none",
+              borderRadius: "50%",
+              filter: "blur(6px)"
+            },
+            "&::before": {
+              width: 460,
+              height: 460,
+              top: -120,
+              right: -120,
+              opacity: 0.7,
+              background: `radial-gradient(circle, ${palette2.blobA} 0%, transparent 70%)`
+            },
+            "&::after": {
+              width: 520,
+              height: 520,
+              bottom: -180,
+              left: -160,
+              opacity: 0.55,
+              background: `radial-gradient(circle, ${palette2.blobB} 0%, transparent 70%)`
+            }
+          },
+          ...Array.isArray(sx) ? sx : [sx]
+        ],
+        children
+      }
+    );
+  }
+);
+
+// src/components/layout/DefinitionRow.tsx
+
+
+
+
+var DefinitionRow = React.default.forwardRef(
+  function DefinitionRow2({ icon, label, sublabel, value, hint, dense = false, divider = true }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        "data-density": dense ? "dense" : "normal",
+        sx: {
+          py: dense ? 0.75 : 1.25,
+          display: "flex",
+          alignItems: "center",
+          gap: 1.5,
+          ...divider && {
+            borderBottom: "1px solid",
+            borderColor: "divider",
+            "&:last-child": { borderBottom: "none" }
+          }
+        },
+        children: [
+          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center", color: "text.secondary" }, children: icon }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { minWidth: 0, flex: 1 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "body2", sx: { fontWeight: 500, lineHeight: 1.2 }, children: label }),
+            sublabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "caption", sx: { color: "text.secondary" }, children: sublabel })
+          ] }),
+          (value || hint) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _Box2.default,
+            {
+              sx: {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "flex-end",
+                textAlign: "right"
+              },
+              children: [
+                value && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "body2", sx: { color: "text.secondary" }, children: value }),
+                hint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "caption", sx: { color: "text.disabled" }, children: hint })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+// src/components/layout/PanelDialog.tsx
+
+
+
+
+
+var _Slide = require('@mui/material/Slide'); var _Slide2 = _interopRequireDefault(_Slide);
+
+
+var WIDTH_PX = {
+  sm: 420,
+  md: 640,
+  lg: 880,
+  xl: 1080
+};
+var SlideLeft = _react.forwardRef.call(void 0, 
+  function SlideLeft2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Slide2.default, { direction: "left", ref, ...props });
+  }
+);
+var SlideUp = _react.forwardRef.call(void 0, 
+  function SlideUp2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Slide2.default, { direction: "up", ref, ...props });
+  }
+);
+function PanelDialog({
+  open,
+  onClose,
+  title,
+  headerActions,
+  width = "md",
+  side = "right",
+  ariaLabel,
+  hideHeader = false,
+  paperSx,
+  backdropSx,
+  transition,
+  children
+}) {
+  const accessibleName = _nullishCoalesce(ariaLabel, () => ( (typeof title === "string" ? title : void 0)));
+  const isRight = side === "right";
+  const resolvedTransition = _nullishCoalesce(transition, () => ( (isRight ? "slide-left" : "fade")));
+  const TransitionComponent = resolvedTransition === "slide-left" ? SlideLeft : resolvedTransition === "slide-up" ? SlideUp : void 0;
+  const paperBaseSx = {
+    width: WIDTH_PX[width],
+    maxWidth: "100%",
+    // Lay paper children out as a flex column so the body can `flex: 1` and
+    // own its own scroll region.
+    display: "flex",
+    flexDirection: "column",
+    ...isRight && {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      bottom: 0,
+      margin: 0,
+      // Use dynamic viewport units so mobile browsers (esp. iOS Safari) don't
+      // pop the layout when the URL bar shows/hides.
+      maxHeight: "100dvh",
+      height: "100dvh",
+      borderRadius: 0
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _Dialog2.default,
+    {
+      open,
+      onClose,
+      slots: TransitionComponent ? { transition: TransitionComponent } : void 0,
+      slotProps: {
+        paper: {
+          "aria-label": accessibleName,
+          sx: [paperBaseSx, ...Array.isArray(paperSx) ? paperSx : [paperSx]]
+        },
+        ...backdropSx ? { backdrop: { sx: backdropSx } } : {}
+      },
+      children: [
+        !hideHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _Box2.default,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 1,
+              px: 2,
+              py: 1.5,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center", minWidth: 0 }, children: typeof title === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { variant: "h6", noWrap: true, children: title }) : title }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                headerActions,
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { "aria-label": "Close", onClick: onClose, edge: "end", size: "small", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" }) })
+              ] })
+            ]
+          }
+        ),
+        hideHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _IconButton2.default,
+          {
+            "aria-label": "Close",
+            onClick: onClose,
+            size: "small",
+            sx: {
+              position: "absolute",
+              top: 12,
+              right: 12,
+              zIndex: 2,
+              bgcolor: "background.paper",
+              boxShadow: 1,
+              "&:hover": { bgcolor: "background.paper" }
+            },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { flex: 1, overflow: "auto", minHeight: 0 }, children })
+      ]
+    }
+  );
+}
+
+// src/components/layout/SplitDialogContent.tsx
+
+
+
+var SplitDialogContent = React.default.forwardRef(
+  function SplitDialogContent2({ left, right, rightWidth = 320, collapseBelow = 860, sx }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _Box2.default,
+      {
+        ref,
+        sx: {
+          display: "grid",
+          gridTemplateColumns: `1fr ${rightWidth}px`,
+          gap: "28px",
+          // Right padding reserves room for the floating close button on PanelDialog.
+          padding: "28px 56px 36px 36px",
+          overflowY: "auto",
+          [`@media (max-width: ${collapseBelow}px)`]: {
+            gridTemplateColumns: "1fr",
+            padding: "22px 56px 28px 22px"
+          },
+          ...sx
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { display: "flex", flexDirection: "column", gap: "22px", minWidth: 0 }, children: left }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { component: "aside", sx: { display: "flex", flexDirection: "column", gap: "14px" }, children: right })
+        ]
+      }
+    );
+  }
+);
+
+// src/components/layout/List.tsx
+
+var _List = require('@mui/material/List'); var _List2 = _interopRequireDefault(_List);
+var _ListItem = require('@mui/material/ListItem'); var _ListItem2 = _interopRequireDefault(_ListItem);
+var _ListItemText = require('@mui/material/ListItemText'); var _ListItemText2 = _interopRequireDefault(_ListItemText);
+var _ListItemIcon = require('@mui/material/ListItemIcon'); var _ListItemIcon2 = _interopRequireDefault(_ListItemIcon);
+var _ListItemSecondaryAction = require('@mui/material/ListItemSecondaryAction'); var _ListItemSecondaryAction2 = _interopRequireDefault(_ListItemSecondaryAction);
+
+
+var List = React.default.forwardRef(function List2(props, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _List2.default, { ref, ...props });
+});
+var StyledListItem = _styles.styled.call(void 0, _ListItem2.default, {
+  shouldForwardProp: (prop) => prop !== "hoverable"
+})(({ hoverable = true, theme }) => ({
+  border: `1px solid ${theme.palette.grey[200]}`,
+  borderRadius: 8,
+  marginBottom: 8,
+  ...hoverable && {
+    "&:hover": {
+      backgroundColor: theme.palette.grey[50]
+    }
+  }
+}));
+var ListItem = React.default.forwardRef(function ListItem2({ primary, secondary, icon, action, hoverable = true, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledListItem, { ref, hoverable, ...props, children: [
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemIcon2.default, { children: icon }),
+    (primary || secondary) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _ListItemText2.default,
+      {
+        primary,
+        secondary
+      }
+    ),
+    children,
+    action && action
+  ] });
+});
+
+// src/components/layout/Avatar.tsx
+
+var _Avatar = require('@mui/material/Avatar'); var _Avatar2 = _interopRequireDefault(_Avatar);
+
+
+var sizeMap = {
+  small: 32,
+  medium: 40,
+  large: 56
+};
+var StyledAvatar = _styles.styled.call(void 0, _Avatar2.default, {
+  shouldForwardProp: (prop) => prop !== "avatarSize"
+})(({ avatarSize = 40, theme }) => ({
+  width: avatarSize,
+  height: avatarSize,
+  backgroundColor: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  fontWeight: 600
+}));
+var Avatar = React.default.forwardRef(function Avatar2({ size = "medium", ...props }, ref) {
+  const avatarSize = typeof size === "number" ? size : sizeMap[size];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAvatar, { ref, avatarSize, ...props });
+});
+
+// src/components/layout/Table.tsx
+
+var _Table = require('@mui/material/Table'); var _Table2 = _interopRequireDefault(_Table);
+var _TableBody = require('@mui/material/TableBody'); var _TableBody2 = _interopRequireDefault(_TableBody);
+var _TableCell = require('@mui/material/TableCell'); var _TableCell2 = _interopRequireDefault(_TableCell);
+var _TableContainer = require('@mui/material/TableContainer'); var _TableContainer2 = _interopRequireDefault(_TableContainer);
+var _TableHead = require('@mui/material/TableHead'); var _TableHead2 = _interopRequireDefault(_TableHead);
+var _TableRow = require('@mui/material/TableRow'); var _TableRow2 = _interopRequireDefault(_TableRow);
+var _TableSortLabel = require('@mui/material/TableSortLabel'); var _TableSortLabel2 = _interopRequireDefault(_TableSortLabel);
+
+
+var StyledTableContainer = _styles.styled.call(void 0, (0, _TableContainer2.default))(({ theme }) => ({
+  borderRadius: 8,
+  border: `1px solid ${theme.palette.grey[200]}`
+}));
+var StyledTableHead = _styles.styled.call(void 0, (0, _TableHead2.default))(({ theme }) => ({
+  backgroundColor: theme.palette.grey[50],
+  "& .MuiTableCell-head": {
+    fontWeight: 600,
+    color: theme.palette.text.primary
+  }
+}));
+var Table = React.default.forwardRef(function Table2({ stickyHeader = false, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTableContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Table2.default, { ref, stickyHeader, ...props, children }) });
+});
+var TableHeader = React.default.forwardRef(
+  function TableHeader2({ columns, orderBy, order = "asc", onSort }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTableHead, { ref, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TableRow2.default, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TableCell2.default, { align: column.align || "left", children: column.sortable && onSort ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _TableSortLabel2.default,
+      {
+        active: orderBy === column.id,
+        direction: orderBy === column.id ? order : "asc",
+        onClick: () => onSort(column.id),
+        children: column.label
+      }
+    ) : column.label }, column.id)) }) });
+  }
+);
+
+// src/components/layout/Grid.tsx
+var _Grid2 = require('@mui/material/Grid2'); var _Grid22 = _interopRequireDefault(_Grid2);
+
+// src/components/layout/Breadcrumbs.tsx
+
+var _Breadcrumbs = require('@mui/material/Breadcrumbs'); var _Breadcrumbs2 = _interopRequireDefault(_Breadcrumbs);
+var _Link = require('@mui/material/Link'); var _Link2 = _interopRequireDefault(_Link);
+
+
+
+var StyledBreadcrumbs = _styles.styled.call(void 0, (0, _Breadcrumbs2.default))(({ theme }) => ({
+  "& .MuiBreadcrumbs-ol": {
+    flexWrap: "nowrap"
+  },
+  "& .MuiBreadcrumbs-separator": {
+    color: theme.palette.text.secondary
+  }
+}));
+var StyledLink = _styles.styled.call(void 0, (0, _Link2.default))(({ theme }) => ({
+  color: theme.palette.primary.main,
+  textDecoration: "none",
+  "&:hover": {
+    textDecoration: "underline"
+  }
+}));
+var Breadcrumbs = React.default.forwardRef(function Breadcrumbs2({ items, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBreadcrumbs, { ref, ...props, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    if (isLast || !item.href && !item.onClick) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Typography2.default, { color: "text.primary", children: item.label }, index);
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StyledLink,
+      {
+        href: item.href,
+        onClick: (e) => {
+          if (item.onClick) {
+            e.preventDefault();
+            item.onClick();
+          }
+        },
+        children: item.label
+      },
+      index
+    );
+  }) });
+});
+
+// src/components/layout/Accordion.tsx
+
+var _Accordion = require('@mui/material/Accordion'); var _Accordion2 = _interopRequireDefault(_Accordion);
+var _AccordionSummary = require('@mui/material/AccordionSummary'); var _AccordionSummary2 = _interopRequireDefault(_AccordionSummary);
+var _AccordionDetails = require('@mui/material/AccordionDetails'); var _AccordionDetails2 = _interopRequireDefault(_AccordionDetails);
+var _ExpandMore = require('@mui/icons-material/ExpandMore'); var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
+
+
+var StyledAccordion = _styles.styled.call(void 0, (0, _Accordion2.default))(({ theme }) => ({
+  borderRadius: 8,
+  boxShadow: "none",
+  border: `1px solid ${theme.palette.grey[200]}`,
+  "&:before": {
+    display: "none"
+  },
+  "&.Mui-expanded": {
+    margin: 0
+  }
+}));
+var StyledAccordionSummary = _styles.styled.call(void 0, (0, _AccordionSummary2.default))(({ theme }) => ({
+  backgroundColor: theme.palette.grey[50],
+  borderRadius: "8px 8px 0 0",
+  "&.Mui-expanded": {
+    borderRadius: "8px 8px 0 0"
+  },
+  "& .MuiAccordionSummary-content": {
+    margin: "12px 0"
+  }
+}));
+var StyledAccordionDetails = _styles.styled.call(void 0, (0, _AccordionDetails2.default))({
+  padding: "16px"
+});
+var Accordion = React.default.forwardRef(function Accordion2({ title, children, defaultExpanded = false, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledAccordion, { ref, defaultExpanded, ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAccordionSummary, { expandIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ExpandMore2.default, {}), children: title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAccordionDetails, { children })
+  ] });
+});
+
+// src/components/layout/Paper.tsx
+
+var _Paper = require('@mui/material/Paper'); var _Paper2 = _interopRequireDefault(_Paper);
+
+
+var StyledPaper = _styles.styled.call(void 0, (0, _Paper2.default))(({ theme }) => ({
+  borderRadius: 8,
+  "&.MuiPaper-elevation": {
+    boxShadow: "0px 2px 8px rgba(0, 0, 0, 0.08)"
+  },
+  "&.MuiPaper-outlined": {
+    border: `1px solid ${theme.palette.grey[200]}`,
+    boxShadow: "none"
+  }
+}));
+var Paper = React.default.forwardRef(function Paper2({ variant = "elevation", ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledPaper,
+    {
+      ref,
+      variant,
+      elevation: variant === "elevation" ? 1 : 0,
+      ...props
+    }
+  );
+});
+
+// src/components/layout/Divider.tsx
+
+
+
+
+var StyledDivider = _styles.styled.call(void 0, (0, _Divider2.default))(({ theme }) => ({
+  borderColor: theme.palette.grey[200]
+}));
+var Divider3 = React.default.forwardRef(function Divider4(props, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDivider, { ref, ...props });
+});
+
+// src/components/layout/Stack.tsx
+
+
+// src/components/layout/Box.tsx
+
+
+// src/components/layout/Container.tsx
+var _Container = require('@mui/material/Container'); var _Container2 = _interopRequireDefault(_Container);
+
+// src/components/layout/AppBar.tsx
+var _AppBar = require('@mui/material/AppBar'); var _AppBar2 = _interopRequireDefault(_AppBar);
+var _Toolbar = require('@mui/material/Toolbar'); var _Toolbar2 = _interopRequireDefault(_Toolbar);
+
+
+var StyledAppBar = _styles.styled.call(void 0, _AppBar2.default, {
+  shouldForwardProp: (prop) => prop !== "appBarHeight"
+})(({ appBarHeight = 64, theme }) => ({
+  backgroundColor: theme.palette.background.paper,
+  borderBottom: `1px solid ${theme.palette.grey[200]}`,
+  boxShadow: "none",
+  height: appBarHeight,
+  zIndex: 1300
+}));
+var StyledToolbar = _styles.styled.call(void 0, (0, _Toolbar2.default))(({ theme }) => ({
+  height: "100%",
+  paddingLeft: theme.spacing(2),
+  paddingRight: theme.spacing(2),
+  gap: theme.spacing(2)
+}));
+var AppBar = ({ height = 64, children, ...props }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAppBar, { position: "fixed", appBarHeight: height, ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledToolbar, { children }) });
+};
+
+// src/components/layout/Collapse.tsx
+
+var _Collapse = require('@mui/material/Collapse'); var _Collapse2 = _interopRequireDefault(_Collapse);
+
+var Collapse = React.default.forwardRef(function Collapse2(props, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Collapse2.default, { ref, ...props });
+});
+
+// src/components/layout/EntityHeader/EntityHeader.tsx
+
+
+
+
+
+var _MoreHoriz = require('@mui/icons-material/MoreHoriz'); var _MoreHoriz2 = _interopRequireDefault(_MoreHoriz);
+
+var EntityHeader = React.default.forwardRef(
+  function EntityHeader2({
+    title,
+    subtitle,
+    role,
+    id,
+    primaryAction,
+    startActions,
+    endActions,
+    onCopyId,
+    onMoreOptions,
+    headingLevel = "h2",
+    divider = true
+  }, ref) {
+    const getPrimaryActionLabel = () => {
+      if (!primaryAction) return "";
+      const { label, count } = primaryAction;
+      return count !== void 0 ? `${label} (${count})` : label;
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { ref, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _Box2.default,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            px: 3,
+            py: 2,
+            gap: 1
+          },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _Box2.default,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1,
+                  flexWrap: "wrap"
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    _Box2.default,
+                    {
+                      sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 0.5
+                      },
+                      children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          _Typography2.default,
+                          {
+                            component: headingLevel,
+                            sx: {
+                              fontSize: "16px",
+                              fontWeight: 500,
+                              lineHeight: "24px",
+                              letterSpacing: "0.15px",
+                              color: _chunk72TQ56EPjs.deploymentSurfaceTokens.textPrimary
+                            },
+                            children: title
+                          }
+                        ),
+                        subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          _Typography2.default,
+                          {
+                            variant: "body2",
+                            sx: {
+                              fontSize: "11px",
+                              fontWeight: 500,
+                              lineHeight: "16px",
+                              letterSpacing: "0.5px",
+                              color: _chunk72TQ56EPjs.deploymentSurfaceTokens.textSecondary
+                            },
+                            children: subtitle
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  role && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPFZZJZ64js.RoleBadge, { label: role, color: "primary", size: "small" }),
+                  id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPFZZJZ64js.IDBlock, { id, label: "ID", entityType: "entity", onCopy: onCopyId })
+                ]
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _Box2.default,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1,
+                  flexShrink: 0
+                },
+                children: [
+                  startActions,
+                  primaryAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkLVJSKRX3js.Button,
+                    {
+                      variant: "primary",
+                      startIcon: primaryAction.icon,
+                      onClick: primaryAction.onClick,
+                      sx: {
+                        textTransform: "capitalize"
+                      },
+                      children: getPrimaryActionLabel()
+                    }
+                  ),
+                  endActions,
+                  onMoreOptions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _IconButton2.default,
+                    {
+                      onClick: onMoreOptions,
+                      size: "small",
+                      "aria-label": "More options",
+                      sx: {
+                        padding: "8px",
+                        border: `1px solid ${_chunk72TQ56EPjs.deploymentSurfaceTokens.strokeOutside}`,
+                        borderRadius: "8px",
+                        "&:hover": {
+                          backgroundColor: _chunk72TQ56EPjs.deploymentSurfaceTokens.hoverOverlay,
+                          borderColor: _chunk72TQ56EPjs.deploymentSurfaceTokens.borderDefault
+                        }
+                      },
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _MoreHoriz2.default,
+                        {
+                          sx: {
+                            fontSize: "20px",
+                            color: _chunk72TQ56EPjs.deploymentSurfaceTokens.textSecondary
+                          }
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      divider && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Divider2.default,
+        {
+          sx: {
+            borderColor: _chunk72TQ56EPjs.deploymentSurfaceTokens.strokeOutside
+          }
+        }
+      )
+    ] });
+  }
+);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Logo = Logo; exports.Dialog = Dialog; exports.KpiCard = KpiCard; exports.AgentAvatar = AgentAvatar; exports.NumberedList = NumberedList; exports.resolveDrawerWidth = resolveDrawerWidth; exports.Drawer = Drawer; exports.MetaField = MetaField; exports.ScrollableRow = ScrollableRow; exports.SectionRow = SectionRow; exports.GRADIENT_PALETTE_COUNT = GRADIENT_PALETTE_COUNT; exports.GradientSurface = GradientSurface; exports.DefinitionRow = DefinitionRow; exports.PanelDialog = PanelDialog; exports.SplitDialogContent = SplitDialogContent; exports.ListItemText = _ListItemText2.default; exports.ListItemIcon = _ListItemIcon2.default; exports.ListItemSecondaryAction = _ListItemSecondaryAction2.default; exports.List = List; exports.ListItem = ListItem; exports.Avatar = Avatar; exports.Table = Table; exports.TableHeader = TableHeader; exports.default = _Grid22.default; exports.Breadcrumbs = Breadcrumbs; exports.Accordion = Accordion; exports.Paper = Paper; exports.Divider = Divider3; exports.default2 = _Stack2.default; exports.default3 = _Box2.default; exports.default4 = _Container2.default; exports.Toolbar = _Toolbar2.default; exports.AppBar = AppBar; exports.Collapse = Collapse; exports.EntityHeader = EntityHeader;
+//# sourceMappingURL=chunk-GTBKQXXI.js.map