@elevasis/ui 2.75.0 → 2.76.0

package/dist/{chunk-SB3IHM5Y.js → chunk-K55TU6CC.js}

@@ -1,8 +1,7 @@
-import { mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-R6NMRXNO.js';
-import { PRESETS, getPreset, AppBackground, generateShades } from './chunk-RBGVNPA6.js';
-import { HTTP_HEADERS, ApiClientProvider, useApiClient } from './chunk-ZG6YJUT4.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-ICHDIVQO.js';
-import { topbarHeight, sidebarTransitionDuration, sidebarBottomSectionHeight, SubshellSidebarSection, sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize, SubshellNavItem } from './chunk-MISHPEJX.js';
+import { mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-4WLAVUPS.js';
+import { PRESETS, getPreset, AppBackground, generateShades } from './chunk-RXZ3XDBM.js';
+import { HTTP_HEADERS, ApiClientProvider, useApiClient } from './chunk-JZQNUQE4.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-KXNRTJAE.js';
 import { CardHeader } from './chunk-62GVNH5U.js';
 import { InitializationContext, useInitialization, InitializationProvider } from './chunk-P45GQ3ZW.js';
 import { SessionIdParamSchema, CreateSessionSchema } from './chunk-2GIJBHZT.js';
@@ -11,24 +10,24 @@ import { getStatusIcon } from './chunk-BLXJEIQS.js';
 import { invalidateOrgScopedQueries, OrganizationProvider } from './chunk-UD657ICS.js';
 import { OrganizationContext, useOrganization } from './chunk-DD3CCMCZ.js';
 import { ProfileProvider } from './chunk-RT4KRGZT.js';
-import { LabelSchema, DescriptionSchema, PathSchema, ModelIdSchema, IconNameSchema, SystemLifecycleSchema, OntologyIdSchema, SystemPathSchema, ActionInvocationSchema, SystemIdSchema, NodeIdStringSchema, JsonValueSchema, SystemInterfaceRefSchema, EntitiesDomainSchema, ActionsDomainSchema, DEFAULT_ORGANIZATION_MODEL_ACTIONS, OntologyScopeSchema, DEFAULT_ONTOLOGY_SCOPE, SystemsDomainSchema, DEFAULT_ORGANIZATION_MODEL_SYSTEMS, formatOntologyId, isSystemLifecycleVisible, listResolvedOntologyRecords, getErrorInfo, getErrorTitle, formatErrorMessage, compileOrganizationOntology, listAllSystems, ontologyGraphNodeId, parseOntologyId, getSystem, STALE_TIME_DEFAULT, GC_TIME_SHORT, STALE_TIME_MONITORING, getResourceIcon, formatTimeAgo, resolveReadinessRemedy, getResourcesForSystem, formatRelativeTime, PAGE_SIZE_DEFAULT, devOnlyFor, topLevel, parentOf, ancestorsOf, childrenOf, findById, findByPath, systemLifecycleAllowsAccess, resolveSystemConfig, defaultPathFor } from './chunk-A2SB32YV.js';
-import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime, REFETCH_INTERVAL_DASHBOARD, debounce } from './chunk-Y6I3IC45.js';
+import { LabelSchema, DescriptionSchema, PathSchema, ModelIdSchema, IconNameSchema, SystemLifecycleSchema, OntologyIdSchema, SystemPathSchema, ActionInvocationSchema, SystemIdSchema, NodeIdStringSchema, JsonValueSchema, SystemInterfaceRefSchema, EntitiesDomainSchema, ActionsDomainSchema, DEFAULT_ORGANIZATION_MODEL_ACTIONS, OntologyScopeSchema, DEFAULT_ONTOLOGY_SCOPE, SystemsDomainSchema, DEFAULT_ORGANIZATION_MODEL_SYSTEMS, formatOntologyId, isSystemLifecycleVisible, listResolvedOntologyRecords, getErrorInfo, getErrorTitle, formatErrorMessage, compileOrganizationOntology, listAllSystems, ontologyGraphNodeId, parseOntologyId, getSystem, STALE_TIME_DEFAULT, GC_TIME_SHORT, STALE_TIME_MONITORING, getResourceIcon, formatTimeAgo, resolveReadinessRemedy, getResourcesForSystem, formatRelativeTime, PAGE_SIZE_DEFAULT, devOnlyFor, topLevel, parentOf, ancestorsOf, childrenOf, findById, findByPath, systemLifecycleAllowsAccess, resolveSystemConfig, defaultPathFor } from './chunk-5ZK7K7YP.js';
+import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_DASHBOARD, debounce } from './chunk-Y6I3IC45.js';
 import { ResourceStatusColors } from './chunk-6SSQGWK7.js';
 import { ElevasisServiceContext, useElevasisServices, ElevasisServiceProvider } from './chunk-BI5VDO2K.js';
-import { brandWorkOsOrgId } from './chunk-MQZE7SUI.js';
+import { brandWorkOsOrgId, brandSupabaseOrgId } from './chunk-MQZE7SUI.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { createContext, lazy, forwardRef, useContext, useRef, useState, useMemo, cloneElement, useLayoutEffect, useEffect, useCallback, useId, Suspense } from 'react';
+import { createContext, lazy, forwardRef, useContext, useRef, useState, useMemo, useEffect, useCallback, Children, Fragment as Fragment$1, cloneElement, useLayoutEffect, useId, Suspense } from 'react';
 import { QueryClientProvider, useQuery, useQueryClient, useMutation, useQueries, QueryClient } from '@tanstack/react-query';
 import { z } from 'zod';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconListDetails, IconChecklist, IconShare, IconLayoutGrid, IconColumns, IconFileInvoice, IconList, IconBuilding, IconAddressBook, IconArticle, IconBriefcase, IconBrain, IconTarget, IconActivity, IconCode, IconSettings, IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconShieldLock, IconTopologyStar3, IconApps, IconBolt, IconSearch, IconChartBar, IconUsers, IconInfoCircle, IconMessagePlus, IconDatabase, IconGitBranch, IconDashboard, IconBuildingStore, IconUser, IconPlug, IconTargetArrow, IconBook, IconArchive, IconTool, IconCalendar, IconPencil, IconRoute, IconLock, IconMinus, IconTrendingUp, IconTrendingDown, IconChevronUp, IconChevronDown, IconChevronRight, IconAlertCircle, IconBan, IconInbox, IconHeartHandshake, IconUserOff, IconMailForward, IconBell, IconCalendarEvent, IconCalendarCancel, IconMessageReply, IconCircleCheck, IconCreditCard, IconArrowRight, IconPlus, IconDownload, IconChartLine, IconPlayerPlay, IconFilter, IconCategory, IconTrophy, IconClockExclamation, IconAdjustmentsHorizontal, IconCircleX, IconCircleDashed, IconMessage, IconTrash, IconExclamationMark, IconCheckbox, IconPhone, IconSitemap, IconFolder, IconHistory, IconCopy, IconStarFilled, IconStar, IconCircleCheckFilled } from '@tabler/icons-react';
-import { Box, Center, Stack, Title, Text, Modal, Space, Button, TextInput, useComputedColorScheme, Group, Loader, Badge, Collapse, ScrollArea, Card, UnstyledButton, ThemeIcon, Select, Alert, Code, Popover, Tooltip as Tooltip$1, ActionIcon, Paper, Grid, Timeline, NumberFormatter, SimpleGrid, SegmentedControl, useMantineTheme, RangeSlider, Textarea, Divider, useTree, Tree, mergeThemeOverrides, MantineProvider, Checkbox, Tabs, Pagination } from '@mantine/core';
-import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, YAxis, Tooltip, ReferenceLine as ReferenceLine$1, Area, PieChart, Pie, Cell } from 'recharts';
+import { UnstyledButton, Box, Group, ThemeIcon, Center, Stack, Title, Text, Modal, Button, Loader, Badge, Collapse, ScrollArea, Card, Select, Alert, Code, Popover, Tooltip, ActionIcon, Paper, Grid, Timeline, Divider, Space, TextInput, useComputedColorScheme, NumberFormatter, SimpleGrid, SegmentedControl, useMantineTheme, RangeSlider, Textarea, useTree, Tree, mergeThemeOverrides, MantineProvider, Checkbox, Tabs, Pagination } from '@mantine/core';
 import { useDisclosure, useClipboard } from '@mantine/hooks';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import { useNavigate, useLocation, useSearch } from '@tanstack/react-router';
+import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, ReferenceLine as ReferenceLine$1, Area, PieChart, Pie, Cell } from 'recharts';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import { useForm } from '@mantine/form';
@@ -3594,6 +3593,28 @@ var clientsManifest = {
   key: "clients",
   systemId: "client-management"
 };
+
+// src/components/layout/constants.ts
+var sidebarWidth = 240;
+var sidebarCollapsedWidth = 72;
+var sidebarTransitionDuration = 200;
+var sidebarHoverDelay = 100;
+var topbarHeight = 54;
+var sidebarBottomSectionHeight = 71;
+var sidebarBottomSectionCollapsedHeight = 59;
+var sidebarItemHeight = 42;
+var sidebarItemPadding = 10;
+var sidebarItemGap = 4;
+var sidebarSectionPadding = "var(--mantine-spacing-sm)";
+var sidebarSubLinkIndent = 44;
+var sidebarIconSize = 24;
+var sidebarIconStroke = 1.6;
+var sidebarIconInnerSize = 20;
+var sidebarToggleIconSize = 20;
+var sidebarSubLinkPaddingY = 6;
+var sidebarSubLinkPaddingX = 10;
+var sidebarGroupChevronSize = 14;
+var subshellNavItemIconSize = 14;
 var VIEWPORT_SLACK = 4;
 var SCROLL_SLACK = 1;
 function detectUnboundedScroll(metrics) {
@@ -3833,6 +3854,185 @@ var SubshellSidebar = ({
     }
   );
 };
+var activeColor = "var(--color-primary)";
+var defaultColor = "var(--color-text-subtle)";
+var hoverColor = "var(--color-text)";
+var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+var SubshellNavItem = ({
+  icon: Icon,
+  label,
+  isActive = false,
+  onClick,
+  description,
+  badge,
+  disabled = false,
+  href
+}) => {
+  const handleAnchorClick = disabled ? void 0 : (event) => {
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {
+      return;
+    }
+    event.preventDefault();
+    onClick();
+  };
+  const sharedStyle = {
+    width: "100%",
+    padding: "var(--mantine-spacing-xs)",
+    backgroundColor: isActive ? activeBg : "transparent",
+    borderRadius: "var(--mantine-radius-default)",
+    transition: `all var(--duration-fast) var(--easing)`,
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    color: "inherit",
+    textDecoration: "none",
+    display: "block"
+  };
+  const handleMouseEnter = (e) => {
+    if (!isActive && !disabled) {
+      e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
+      textElements.forEach((el) => {
+        el.style.color = hoverColor;
+      });
+    }
+  };
+  const handleMouseLeave = (e) => {
+    if (!isActive && !disabled) {
+      e.currentTarget.style.backgroundColor = "transparent";
+      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
+      textElements.forEach((el) => {
+        el.style.color = defaultColor;
+      });
+    }
+  };
+  const inner = /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          size: subshellNavItemIconSize,
+          style: {
+            flexShrink: 0,
+            opacity: isActive ? 1 : 0.6,
+            color: isActive ? activeColor : defaultColor
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "sm",
+          fw: isActive ? 600 : 400,
+          style: {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            flex: 1,
+            fontFamily: "var(--elevasis-font-family-subtitle)",
+            color: isActive ? activeColor : defaultColor,
+            transition: `color var(--duration-fast) var(--easing)`
+          },
+          "data-text-element": true,
+          children: label
+        }
+      ),
+      badge && /* @__PURE__ */ jsx("div", { style: { flexShrink: 0 }, children: badge })
+    ] }),
+    description && /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        c: "dimmed",
+        style: {
+          paddingLeft: "22px",
+          lineHeight: 1.2,
+          color: isActive ? activeColor : defaultColor,
+          opacity: isActive ? 0.8 : 0.6,
+          transition: `all var(--duration-fast) var(--easing)`,
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        "data-text-element": true,
+        children: description
+      }
+    )
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      UnstyledButton,
+      {
+        component: "a",
+        href,
+        onClick: handleAnchorClick,
+        style: sharedStyle,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: disabled ? void 0 : onClick,
+      disabled,
+      style: sharedStyle,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: inner
+    }
+  );
+};
+var SubshellSidebarSection = ({
+  icon: Icon,
+  label,
+  rightSection,
+  withTopBorder = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      p: "sm",
+      style: {
+        borderTop: withTopBorder ? "1px solid var(--color-border)" : void 0,
+        borderBottom: "1px solid var(--color-border)"
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          ThemeIcon,
+          {
+            variant: "light",
+            size: sidebarIconSize,
+            style: {
+              backgroundColor: "var(--color-surface)",
+              color: "var(--color-primary)",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            c: "var(--color-text)",
+            style: {
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              flex: 1,
+              fontSize: "var(--mantine-font-size-md)",
+              fontWeight: 500,
+              lineHeight: 1.2
+            },
+            children: label
+          }
+        ),
+        rightSection
+      ] })
+    }
+  );
+};
 var AppearanceContext = createContext(null);
 function AppearanceProvider({ value, children }) {
   return /* @__PURE__ */ jsx(AppearanceContext.Provider, { value, children });
@@ -3987,7 +4187,7 @@ function membershipPermissions(membership) {
 }
 function resolveOrganizationId(organization) {
   const membership = organization?.currentMembership;
-  return organization?.currentSupabaseOrganizationId ?? membership?.organizationId ?? membership?.organization?.id ?? null;
+  return organization?.currentSupabaseOrganizationId ?? brandSupabaseOrgId(membership?.organizationId ?? membership?.organization?.id ?? null);
 }
 function toAccessMembership(membership, organizationId, permissions) {
   if (!membership || !organizationId) return null;
@@ -4063,6 +4263,12 @@ var executionsKeys = {
   ],
   execution: (orgId, resourceId, executionId) => [...executionsKeys.all, "execution", orgId, resourceId, executionId]
 };
+
+// src/hooks/executions/executionStatus.ts
+var TERMINAL_EXECUTION_STATUSES = ["completed", "failed", "warning"];
+function isExecutionInFlight(status) {
+  return status !== void 0 && status !== null && !TERMINAL_EXECUTION_STATUSES.includes(status);
+}
 function useExecutions(resourceId, resourceStatus, limit, offset) {
   const { apiRequest, workOSOrganizationId, isReady } = useElevasisServices();
   return useQuery({
@@ -4112,1792 +4318,1860 @@ var CustomModal = ({ children, opened, onClose, loading, style, size }) => {
     }
   );
 };
-var ConfirmationModal = ({
-  opened,
-  onClose,
-  loading,
-  icon,
-  confirmationHandler,
-  style,
+function EmptyState({ icon: Icon, title, description, action, py = "xl" }) {
+  return /* @__PURE__ */ jsx(Center, { py, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "xs", children: [
+    /* @__PURE__ */ jsx(Icon, { size: 48, style: { opacity: 0.5 } }),
+    /* @__PURE__ */ jsx(Title, { order: 4, children: title }),
+    description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: description }),
+    action && /* @__PURE__ */ jsx(Button, { variant: "light", onClick: action.onClick, leftSection: action.icon, mt: "sm", children: action.label })
+  ] }) });
+}
+function TabCountBadge({ count, isLoading }) {
+  return /* @__PURE__ */ jsx(Box, { miw: 20, h: 20, style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: isLoading ? /* @__PURE__ */ jsx(Loader, { size: 12 }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", circle: count < 10, children: count }) });
+}
+function TrendIndicator({ current, previous, inverse }) {
+  const change = previous === 0 ? 0 : (current - previous) / previous * 100;
+  const isPositive = inverse ? change < 0 : change > 0;
+  const isFlat = Math.abs(change) < 0.1;
+  const color = isFlat ? "gray" : isPositive ? "green" : "red";
+  const Icon = isFlat ? IconMinus : change > 0 ? IconTrendingUp : IconTrendingDown;
+  return /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Icon, { size: 12 }),
+    /* @__PURE__ */ jsx(Badge, { size: "sm", color, variant: "light", children: isFlat ? "No change" : `${isPositive ? "+" : ""}${Math.abs(change).toFixed(1)}%` })
+  ] });
+}
+function CollapsibleSection({
   title,
-  text,
-  buttonText,
-  buttonColor,
-  centerText
-}) => {
-  const styledIcon = cloneElement(icon, {
-    size: 55,
-    strokeWidth: 1.5
-  });
-  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
-    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
-    /* @__PURE__ */ jsx(Space, { h: 16 }),
-    /* @__PURE__ */ jsx(Center, { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Text, { size: "lg", c: "var(--color-text)", children: title }) }),
-    /* @__PURE__ */ jsx(Space, { h: 16 }),
-    text && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", style: { textAlign: centerText ? "center" : "left" }, children: text }),
-      /* @__PURE__ */ jsx(Space, { h: 16 })
-    ] }),
-    /* @__PURE__ */ jsx(Button, { color: buttonColor, fullWidth: true, onClick: confirmationHandler, loading, children: buttonText || "Confirm" })
+  count,
+  countLabel,
+  children,
+  emptyMessage,
+  defaultExpanded = true,
+  maxHeight = 300
+}) {
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  const isEmpty = count === 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        borderRadius: "8px",
+        padding: "8px",
+        border: "1px solid var(--color-border)",
+        boxShadow: "var(--standard-box-shadow)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Group,
+          {
+            gap: "xs",
+            mb: expanded ? "xs" : 0,
+            justify: "space-between",
+            align: "center",
+            style: { cursor: "pointer" },
+            onClick: () => setExpanded(!expanded),
+            children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", style: { flex: 1 }, children: [
+                typeof title === "string" ? /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    fw: 600,
+                    size: "sm",
+                    c: "var(--color-text)",
+                    style: { fontFamily: "var(--elevasis-font-family-subtitle)" },
+                    children: title
+                  }
+                ) : title,
+                count !== void 0 && countLabel && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
+                  count,
+                  " ",
+                  count === 1 ? countLabel.replace(/s$/, "") : countLabel
+                ] })
+              ] }),
+              expanded ? /* @__PURE__ */ jsx(IconChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 16 })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Collapse, { in: expanded, children: isEmpty && emptyMessage ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: emptyMessage }) : /* @__PURE__ */ jsx(ScrollArea, { h: maxHeight, type: "scroll", offsetScrollbars: true, children }) })
+      ]
+    }
+  );
+}
+var PageTitleCaption = ({ title, caption, rightSection }) => {
+  const renderCaption = () => {
+    if (!caption) return null;
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { style: { fontFamily: "var(--elevasis-font-family-subtitle)", color: "var(--color-text-dimmed)" }, children: caption }) });
+  };
+  const titleContent = /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(Title, { order: 1, children: title }),
+    /* @__PURE__ */ jsx(Space, { h: "4" }),
+    renderCaption()
+  ] });
+  if (!rightSection) {
+    return titleContent;
+  }
+  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "end", children: [
+    titleContent,
+    rightSection
   ] });
 };
-var ConfirmationInputModal = ({
-  opened,
-  onClose,
-  loading,
-  icon,
-  confirmationHandler,
+function StatsCardSkeleton({ chartHeight = 200 }) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: chartHeight, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
+}
+function ListSkeleton({ rows = 3, rowHeight = 50 }) {
+  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Center, { mih: rows * rowHeight, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
+}
+function DetailCardSkeleton({ rows = 3 }) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: rows * 60 + 100, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
+}
+var NavigationButton = ({
+  icon: Icon,
+  label,
+  isCollapsed = false,
+  hasSubItems = false,
+  isExpanded = false,
+  isActive = false,
+  hasActiveBackground = false,
+  onClick,
   style,
-  title,
-  text,
-  buttonText,
-  buttonColor,
-  inputValue,
-  onInputChange,
-  expectedValue,
-  placeholder
+  transitionDuration = 200
 }) => {
-  const styledIcon = cloneElement(icon, {
-    size: 55,
-    strokeWidth: 1.5
-  });
-  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
-    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
-    /* @__PURE__ */ jsx(Space, { h: 16 }),
-    /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Title, { order: 3, children: title }) }),
-    /* @__PURE__ */ jsx(Space, { h: 16 }),
-    text && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: text }),
-      /* @__PURE__ */ jsx(Space, { h: 8 })
-    ] }),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        placeholder: placeholder || "Enter confirmation text",
-        value: inputValue,
-        onChange: (event) => onInputChange(event.currentTarget.value)
-      }
-    ),
-    /* @__PURE__ */ jsx(Space, { h: 16 }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        color: buttonColor,
-        fullWidth: true,
-        onClick: confirmationHandler,
-        loading,
-        disabled: inputValue !== expectedValue,
-        children: buttonText || "Confirm"
+  const activeColor2 = "var(--color-primary)";
+  const textColor = isActive ? activeColor2 : "var(--color-text)";
+  const bgColor = hasActiveBackground ? `color-mix(in srgb, ${activeColor2} 10%, transparent)` : "transparent";
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick?.();
+      },
+      style: {
+        height: sidebarItemHeight,
+        display: "flex",
+        alignItems: "center",
+        width: "100%",
+        padding: sidebarItemPadding,
+        color: textColor,
+        backgroundColor: bgColor,
+        transition: `all ${transitionDuration}ms var(--easing)`,
+        cursor: "pointer",
+        overflow: "hidden",
+        borderRadius: "var(--mantine-radius-default)",
+        ...style
+      },
+      onMouseEnter: (e) => {
+        if (!hasActiveBackground) {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!hasActiveBackground) {
+          e.currentTarget.style.backgroundColor = "transparent";
+        }
+      },
+      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: 0, style: { width: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              flex: hasSubItems && !isCollapsed ? 1 : "initial",
+              minWidth: 0,
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                ThemeIcon,
+                {
+                  variant: "light",
+                  size: sidebarIconSize,
+                  style: {
+                    backgroundColor: isActive ? activeColor2 : "var(--color-surface)",
+                    color: isActive ? "white" : activeColor2,
+                    marginRight: isCollapsed ? 0 : "var(--mantine-spacing-sm)",
+                    transition: `margin ${transitionDuration}ms var(--easing)`,
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
+                }
+              ),
+              !isCollapsed && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    fontFamily: "var(--elevasis-font-family-subtitle)",
+                    fontSize: "var(--mantine-font-size-md)",
+                    fontWeight: isActive ? 600 : 500,
+                    color: textColor,
+                    transition: `opacity ${transitionDuration}ms var(--easing)`,
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        hasSubItems && !isCollapsed && /* @__PURE__ */ jsx(
+          IconChevronRight,
+          {
+            size: 14,
+            stroke: 1.5,
+            style: {
+              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
+              transition: `transform var(--duration-fast) var(--easing)`,
+              color: "var(--color-text-subtle)",
+              flexShrink: 0,
+              marginLeft: "auto"
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+function CustomSelector({
+  value,
+  onChange,
+  data,
+  leftSection,
+  placeholder,
+  w,
+  withCheckIcon = false,
+  disabled
+}) {
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      value,
+      onChange,
+      data,
+      leftSection,
+      placeholder,
+      w,
+      size: "xs",
+      variant: "unstyled",
+      withCheckIcon,
+      disabled,
+      styles: {
+        wrapper: {
+          border: "1px solid var(--color-border)",
+          borderRadius: "var(--mantine-radius-default)",
+          backgroundColor: "var(--color-surface)",
+          transition: "border-color 150ms ease, background-color 150ms ease",
+          "&:hover": {
+            borderColor: "var(--color-border-hover, var(--mantine-color-dark-3))"
+          }
+        },
+        input: {
+          fontSize: "var(--mantine-font-size-xs)",
+          fontWeight: 500,
+          height: "30px",
+          minHeight: "30px",
+          paddingLeft: leftSection ? "30px" : void 0,
+          borderRadius: "var(--mantine-radius-default)",
+          cursor: "pointer"
+        },
+        section: {
+          color: "var(--color-text-subtle)"
+        },
+        dropdown: {
+          border: "1px solid var(--color-border)",
+          backgroundColor: "var(--color-surface)",
+          boxShadow: "var(--card-shadow)"
+        },
+        option: {
+          fontSize: "var(--mantine-font-size-xs)"
+        }
       }
-    )
+    }
+  );
+}
+function APIErrorAlert({
+  error,
+  title,
+  showRequestId = true,
+  icon = /* @__PURE__ */ jsx(IconAlertCircle, {}),
+  color = "red"
+}) {
+  const { message, code, requestId, retryAfter } = getErrorInfo(error);
+  const alertTitle = title || getErrorTitle(code);
+  return /* @__PURE__ */ jsxs(Alert, { icon, title: alertTitle, color, variant: "light", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", children: message }),
+    retryAfter && /* @__PURE__ */ jsxs(Text, { size: "sm", mt: "xs", children: [
+      "Please wait ",
+      retryAfter,
+      " seconds before retrying."
+    ] }),
+    showRequestId && requestId && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: "xs", children: [
+      "Request ID: ",
+      /* @__PURE__ */ jsx(Code, { children: requestId })
+    ] })
   ] });
-};
-function ChartFrame({ h, debounceMs = 150, children }) {
-  const ref = useRef(null);
-  const [width, setWidth] = useState(0);
-  useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const w = el.getBoundingClientRect().width;
-    if (w > 0) setWidth(w);
-  }, []);
+}
+async function hashOrganizationModel(model) {
+  if (typeof globalThis.crypto?.subtle?.digest !== "function") return null;
+  const parsed = OrganizationModelSchema.safeParse(model);
+  if (!parsed.success) return null;
+  const bytes = new TextEncoder().encode(canonicalStringifyOrganizationModel(parsed.data));
+  const digest = await globalThis.crypto.subtle.digest("SHA-256", bytes);
+  return Array.from(new Uint8Array(digest)).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+function useOrganizationModelDrift(organizationModel) {
+  const { apiRequest, isReady } = useElevasisServices();
+  const [buildTimeHash, setBuildTimeHash] = useState(null);
   useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    let timeout;
-    const ro = new ResizeObserver((entries) => {
-      if (timeout !== void 0) window.clearTimeout(timeout);
-      const nextWidth = entries[0]?.contentRect.width ?? 0;
-      timeout = window.setTimeout(() => {
-        if (nextWidth > 0) setWidth(nextWidth);
-      }, debounceMs);
+    let cancelled = false;
+    void hashOrganizationModel(organizationModel).then((hash) => {
+      if (!cancelled) setBuildTimeHash(hash);
     });
-    ro.observe(el);
     return () => {
-      ro.disconnect();
-      if (timeout !== void 0) window.clearTimeout(timeout);
+      cancelled = true;
     };
-  }, [debounceMs]);
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: h, position: "relative" }, children: width > 0 && /* @__PURE__ */ jsx("div", { style: { width, height: h }, children }) });
+  }, [organizationModel]);
+  const { data, isLoading } = useQuery({
+    queryKey: ["organization-model-snapshot"],
+    queryFn: () => apiRequest("/organization-model/snapshot"),
+    enabled: isReady,
+    staleTime: STALE_TIME_MONITORING,
+    gcTime: GC_TIME_SHORT,
+    refetchOnWindowFocus: false,
+    // An org with no active deployment 503s here. That is a real condition with
+    // its own surfaces; retrying it on every mount would only add noise.
+    retry: false
+  });
+  const deployedHash = data?.snapshotHash ?? null;
+  return {
+    hasDrifted: Boolean(buildTimeHash && deployedHash && buildTimeHash !== deployedHash),
+    buildTimeHash,
+    deployedHash,
+    activeDeploymentId: data?.activeDeploymentId ?? null,
+    isLoading: isLoading || buildTimeHash === null
+  };
 }
-var THEME_DERIVED = {
-  grid: "var(--color-border)",
-  gridLine: "var(--color-border)",
-  tickText: "var(--mantine-color-dimmed)",
-  tooltipBg: "var(--glass-background)",
-  tooltipBorder: "var(--color-border)",
-  tooltipText: "var(--mantine-color-dimmed)",
-  dotStroke: "var(--mantine-color-body)"
-};
-var DARK = {
-  cyan: "#00e5ff",
-  cyanDim: "#00b8d4",
-  blue: "#448aff",
-  green: "#00ff88",
-  greenDim: "#00c853",
-  red: "#ff1744",
-  redDim: "#d50000",
-  yellow: "#ffab00",
-  magenta: "#ff4081",
-  ...THEME_DERIVED,
-  cardGlow: "0 0 30px rgba(0, 229, 255, 0.06)"
+function OrganizationModelDriftActionIcon({
+  organizationModel,
+  message
+}) {
+  const { hasDrifted, buildTimeHash, deployedHash } = useOrganizationModelDrift(organizationModel);
+  const [opened, { toggle, close }] = useDisclosure(false);
+  if (!hasDrifted) return null;
+  const label = "Organization model out of date";
+  return /* @__PURE__ */ jsxs(Popover, { opened, onChange: close, onDismiss: close, width: 340, position: "bottom-end", withArrow: true, shadow: "md", children: [
+    /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(Tooltip, { label, disabled: opened, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "lg", onClick: toggle, "aria-label": label, children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--color-warning)" }) }) }) }),
+    /* @__PURE__ */ jsx(Popover.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: label }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", children: message ?? "This app was built against an older organization model than the one currently deployed. Navigation, knowledge, and systems pages may not match what the platform is running. Redeploy the app to catch up." }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+        "built ",
+        /* @__PURE__ */ jsx(Code, { children: buildTimeHash?.slice(0, 12) }),
+        " \xB7 deployed ",
+        /* @__PURE__ */ jsx(Code, { children: deployedHash?.slice(0, 12) })
+      ] })
+    ] }) })
+  ] });
+}
+function CenteredErrorState({ error, title, h = 300, py }) {
+  return /* @__PURE__ */ jsx(Center, { h, py, children: /* @__PURE__ */ jsx(APIErrorAlert, { error, title }) });
+}
+
+// src/components/display/StatCard.module.css.js
+var StatCard_module_css_default = { "heroCard": "heroCard", "iconRing": "iconRing", "iconRingSm": "iconRingSm", "heroValue": "heroValue", "heroValueSm": "heroValueSm", "heroLabel": "heroLabel", "heroLabelSm": "heroLabelSm" };
+function StatCard(props) {
+  if (props.variant === "hero") {
+    return /* @__PURE__ */ jsx(HeroStatCard, { ...props });
+  }
+  const { label, value, icon: IconComponent, color } = props;
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color, children: /* @__PURE__ */ jsx(IconComponent, { size: 18 }) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
+      /* @__PURE__ */ jsx(Text, { size: "lg", fw: 600, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: value })
+    ] })
+  ] }) });
+}
+function HeroStatCard({
+  icon: IconComponent,
+  value,
+  label,
+  valueColor,
+  isLoading,
+  size = "sm",
+  children
+}) {
+  const sm = size === "sm";
+  const iconSize = sm ? 36 : 46;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsx(Center, { mih: iconSize + 16, children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) });
+  }
+  return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx("div", { className: sm ? StatCard_module_css_default.iconRingSm : StatCard_module_css_default.iconRing, children: /* @__PURE__ */ jsx(IconComponent, { size: sm ? 18 : 22 }) }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { flex: children ? 1 : void 0 }, children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: sm ? StatCard_module_css_default.heroValueSm : StatCard_module_css_default.heroValue,
+          style: valueColor ? { color: valueColor } : void 0,
+          children: value
+        }
+      ),
+      children ? /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label }),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children })
+      ] }) : /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label })
+    ] })
+  ] }) });
+}
+function StatCardSkeleton() {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: 60, children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) });
+}
+var jsonTheme = Object.fromEntries(
+  Object.entries(oneDark).map(([key, value]) => [
+    key,
+    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
+  ])
+);
+function JsonViewer({ data, maxHeight, fontSize = "0.8rem" }) {
+  const jsonString = typeof data === "string" ? data : JSON.stringify(data, null, 2);
+  return /* @__PURE__ */ jsx(
+    Prism,
+    {
+      language: "json",
+      style: jsonTheme,
+      customStyle: {
+        margin: 0,
+        fontSize,
+        maxHeight,
+        overflow: maxHeight ? "auto" : void 0,
+        overflowX: "auto"
+      },
+      children: jsonString
+    }
+  );
+}
+var subtleMarkdownComponents = {
+  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, c: "var(--color-text-subtle)", style: { whiteSpace: "pre-wrap" }, children })
 };
-var LIGHT = {
-  cyan: "#0091ea",
-  cyanDim: "#0277bd",
-  blue: "#4d8af0",
-  green: "#00a854",
-  greenDim: "#00873e",
-  red: "#d32f2f",
-  redDim: "#b71c1c",
-  yellow: "#f9a825",
-  magenta: "#c51162",
-  ...THEME_DERIVED,
-  cardGlow: "0 0 20px rgba(0, 145, 234, 0.06)"
+var subtleMarkdownWrapperStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8
 };
-function useCyberColors() {
-  const scheme = useComputedColorScheme("dark");
-  return useMemo(() => scheme === "dark" ? DARK : LIGHT, [scheme]);
+function ContextViewer({ data }) {
+  return /* @__PURE__ */ jsx(ContextNode, { data, depth: 0 });
 }
-function getSeriesColor(key, colors) {
-  switch (key) {
-    case "Success Rate":
-      return colors.cyan;
-    case "Executions":
-      return colors.blue;
-    case "Success Count":
-      return colors.green;
-    case "Error Count":
-      return colors.red;
-    default:
-      return colors.cyan;
+function ContextNode({ data, depth }) {
+  if (data === null || data === void 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No context provided" });
+  }
+  if (typeof data === "string") {
+    return /* @__PURE__ */ jsx(StyledMarkdown, { components: subtleMarkdownComponents, style: subtleMarkdownWrapperStyle, children: data });
+  }
+  if (typeof data === "number" || typeof data === "boolean") {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", children: String(data) });
   }
+  if (Array.isArray(data)) {
+    return /* @__PURE__ */ jsx(ArrayView, { items: data, depth });
+  }
+  if (typeof data === "object") {
+    return /* @__PURE__ */ jsx(ObjectView, { data, depth });
+  }
+  return /* @__PURE__ */ jsx(Text, { size: "sm", children: String(data) });
 }
-var ReferenceLine = ReferenceLine$1;
-function CyberDefs({ colors, isLight }) {
-  const gradMul = isLight ? 0.5 : 1;
-  const gradients = [
-    { id: "gradCyan", color: colors.cyan, opacity: 0.35 * gradMul },
-    { id: "gradBlue", color: colors.blue, opacity: 0.3 * gradMul },
-    { id: "gradGreen", color: colors.green, opacity: 0.3 * gradMul },
-    { id: "gradRed", color: colors.red, opacity: 0.3 * gradMul },
-    { id: "gradYellow", color: colors.yellow, opacity: 0.3 * gradMul }
-  ];
-  const glowMul = isLight ? 0.25 : 1;
-  const filters = [
-    { id: "glowCyan", std: 3 * glowMul },
-    { id: "glowBlue", std: 3 * glowMul },
-    { id: "glowGreen", std: 2.5 * glowMul },
-    { id: "glowRed", std: 2.5 * glowMul },
-    { id: "glowYellow", std: 2.5 * glowMul }
-  ];
-  return /* @__PURE__ */ jsxs("defs", { children: [
-    gradients.map((g) => /* @__PURE__ */ jsxs("linearGradient", { id: g.id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: g.color, stopOpacity: g.opacity }),
-      /* @__PURE__ */ jsx("stop", { offset: "60%", stopColor: g.color, stopOpacity: g.opacity * 0.2 }),
-      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: g.color, stopOpacity: 0 })
-    ] }, g.id)),
-    filters.map((f) => /* @__PURE__ */ jsxs("filter", { id: f.id, x: "-20%", y: "-20%", width: "140%", height: "140%", children: [
-      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: f.std, result: "blur" }),
-      /* @__PURE__ */ jsxs("feMerge", { children: [
-        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-      ] })
-    ] }, f.id)),
-    /* @__PURE__ */ jsxs("filter", { id: "dotGlow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
-      /* @__PURE__ */ jsxs("feMerge", { children: [
-        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("filter", { id: "pulseGlow", x: "-30%", y: "-30%", width: "160%", height: "160%", children: [
-      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "5", result: "blur" }),
-      /* @__PURE__ */ jsxs("feMerge", { children: [
-        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-      ] })
-    ] })
-  ] });
+var ACRONYMS = ["AI", "URL", "UUID", "ID", "API", "HTTP", "JSON"];
+function formatLabel(key) {
+  const titleCased = key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  return titleCased.replace(
+    new RegExp(`\\b(${ACRONYMS.map((a) => a[0] + a.slice(1).toLowerCase()).join("|")})\\b`, "g"),
+    (match) => match.toUpperCase()
+  );
 }
-function PulseDefs({ series, colors, isLight }) {
-  return /* @__PURE__ */ jsx("defs", { children: series.map((s, i) => {
-    const color = colors[s.color ?? "cyan"];
-    const dur = "6s";
-    const delay = "0s";
-    const keyTimes = "0;0.3;1";
-    const keySplines = "0.33 0 0.67 1;0 0 1 1";
-    const animateProps = {
-      dur,
-      keyTimes,
-      keySplines,
-      repeatCount: "indefinite",
-      calcMode: "spline",
-      begin: delay
-    };
-    return /* @__PURE__ */ jsxs("linearGradient", { id: `pulse-${i}`, x1: "0", y1: "0", x2: "1", y2: "0", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: color, stopOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "-0.15;1.0;1.0", ...animateProps }) }),
-      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: isLight ? "white" : color, stopOpacity: isLight ? 0.6 : 0.9, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "-0.075;1.075;1.075", ...animateProps }) }),
-      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: color, stopOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "0;1.15;1.15", ...animateProps }) })
-    ] }, i);
-  }) });
+function hasMarkdown(value) {
+  return /(\*\*.+\*\*|^#{1,6}\s|^\s*[-*]\s|\[.+\]\(.+\)|^\|.+\|$|^>\s|```)/.test(value);
 }
-function CyberActiveDot({
-  cx,
-  cy,
-  color,
-  dotStroke
-}) {
-  if (cx == null || cy == null) return null;
-  return /* @__PURE__ */ jsxs("g", { filter: "url(#dotGlow)", children: [
-    /* @__PURE__ */ jsxs("circle", { cx, cy, r: 6, fill: "none", stroke: color, strokeWidth: 2, opacity: 0.5, children: [
-      /* @__PURE__ */ jsx("animate", { attributeName: "r", from: "4", to: "10", dur: "1.2s", repeatCount: "indefinite" }),
-      /* @__PURE__ */ jsx("animate", { attributeName: "opacity", from: "0.6", to: "0", dur: "1.2s", repeatCount: "indefinite" })
+function NestedSection({ title, children }) {
+  const [expanded, setExpanded] = useState(true);
+  return /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+    /* @__PURE__ */ jsxs(Group, { gap: 4, style: { cursor: "pointer", userSelect: "none" }, onClick: () => setExpanded((v) => !v), children: [
+      expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: title })
     ] }),
-    /* @__PURE__ */ jsx("circle", { cx, cy, r: 4, fill: color, stroke: dotStroke, strokeWidth: 2 })
+    expanded && /* @__PURE__ */ jsx(Box, { pl: "sm", style: { borderLeft: "2px solid var(--color-border)" }, children })
   ] });
 }
-function CyberTooltipContent({
-  active,
-  payload,
-  label,
-  colors,
-  labelFormatter,
-  valueFormatter
-}) {
-  if (!active || !payload?.length) return null;
-  const filtered = payload.filter((entry) => !entry.name?.startsWith("_pulse_"));
-  if (!filtered.length) return null;
-  const displayLabel = label && labelFormatter ? labelFormatter(label) : label;
-  return /* @__PURE__ */ jsxs(
-    "div",
+function PrimitiveValue({ value }) {
+  if (value === null || value === void 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "\u2014" });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children: value ? "Yes" : "No" });
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children: value.toLocaleString() });
+  }
+  const str = String(value);
+  if (hasMarkdown(str)) {
+    return /* @__PURE__ */ jsx(StyledMarkdown, { components: subtleMarkdownComponents, children: str });
+  }
+  return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, c: "var(--color-text-subtle)", style: { whiteSpace: "pre-wrap" }, children: str });
+}
+function ArrayView({ items, depth }) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "Empty list" });
+  }
+  const allPrimitive = items.every((item) => typeof item !== "object" || item === null);
+  if (allPrimitive) {
+    return /* @__PURE__ */ jsx(Stack, { gap: 2, children: items.map((item, i) => /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-start", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { userSelect: "none" }, children: "\u2022" }),
+      /* @__PURE__ */ jsx(PrimitiveValue, { value: item })
+    ] }, i)) });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: items.map((item, i) => /* @__PURE__ */ jsx(Paper, { p: "sm", style: { border: "1px solid var(--color-border)" }, children: /* @__PURE__ */ jsx(ContextNode, { data: item, depth: depth + 1 }) }, i)) });
+}
+function ObjectView({ data, depth }) {
+  const entries = Object.entries(data);
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "Empty" });
+  }
+  const simpleEntries = [];
+  const complexEntries = [];
+  for (const [key, value] of entries) {
+    if (value === null || value === void 0 || typeof value === "boolean" || typeof value === "number") {
+      simpleEntries.push([key, value]);
+    } else if (typeof value === "string") {
+      if (hasMarkdown(value) || value.length > 120) {
+        complexEntries.push([key, value]);
+      } else {
+        simpleEntries.push([key, value]);
+      }
+    } else {
+      complexEntries.push([key, value]);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: 10, children: [
+    simpleEntries.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: 6, children: simpleEntries.map(([key, value]) => /* @__PURE__ */ jsxs(Group, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "sm",
+          style: { minWidth: 140, flexShrink: 0, fontFamily: "var(--mantine-font-family-headings)" },
+          children: formatLabel(key)
+        }
+      ),
+      /* @__PURE__ */ jsx(PrimitiveValue, { value })
+    ] }, key)) }),
+    complexEntries.map(([key, value]) => /* @__PURE__ */ jsx(NestedSection, { title: formatLabel(key), children: /* @__PURE__ */ jsx(ContextNode, { data: value, depth: depth + 1 }) }, key))
+  ] });
+}
+var TIME_RANGE_OPTIONS = [
+  { value: "1h", label: "Last 1 hour" },
+  { value: "24h", label: "Last 24 hours" },
+  { value: "7d", label: "Last 7 days" },
+  { value: "30d", label: "Last 30 days" }
+];
+function TimeRangeSelector({ value, onChange, width = 180 }) {
+  return /* @__PURE__ */ jsx(
+    CustomSelector,
     {
-      style: {
-        background: colors.tooltipBg,
-        border: `1px solid ${colors.tooltipBorder}`,
-        borderRadius: 8,
-        padding: "10px 14px",
-        backdropFilter: "var(--glass-blur)",
-        WebkitBackdropFilter: "var(--glass-blur)",
-        boxShadow: "var(--standard-box-shadow)",
-        fontFamily: "var(--mantine-font-family-monospace, monospace)",
-        minWidth: 160
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              fontSize: 11,
-              color: colors.tickText,
-              marginBottom: 8,
-              letterSpacing: "0.05em",
-              textTransform: "uppercase",
-              borderBottom: `1px solid ${colors.tooltipBorder}`,
-              paddingBottom: 6
-            },
-            children: displayLabel
-          }
-        ),
-        filtered.map((entry) => {
-          const color = entry.color || getSeriesColor(entry.dataKey, colors);
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                gap: 16,
-                padding: "3px 0",
-                fontSize: 12
-              },
-              children: [
-                /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        width: 8,
-                        height: 8,
-                        borderRadius: "50%",
-                        backgroundColor: color,
-                        boxShadow: `0 0 6px ${color}`
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { style: { color: colors.tooltipText }, children: entry.name ?? entry.dataKey })
-                ] }),
-                /* @__PURE__ */ jsx("span", { style: { color, fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: entry.value != null && valueFormatter ? valueFormatter(entry.value) : String(entry.value) })
-              ]
-            },
-            entry.dataKey
-          );
-        })
-      ]
+      value,
+      onChange: (newValue) => newValue && onChange(newValue),
+      data: TIME_RANGE_OPTIONS,
+      leftSection: /* @__PURE__ */ jsx(IconClock, { size: 16, color: "var(--color-text-subtle)" }),
+      w: width,
+      withCheckIcon: true
     }
   );
 }
-function CyberLegendItem({ color, label }) {
-  return /* @__PURE__ */ jsxs(Group, { gap: 8, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          width: 10,
-          height: 10,
-          borderRadius: "50%",
-          backgroundColor: color,
-          boxShadow: `0 0 8px ${color}, 0 0 16px ${color}40`
+function useStableAccessToken() {
+  const { getAccessToken } = useAuthContext();
+  const getAccessTokenRef = useRef(getAccessToken);
+  getAccessTokenRef.current = getAccessToken;
+  return useCallback(() => {
+    return getAccessTokenRef.current();
+  }, []);
+}
+function useSessionCheck() {
+  const { user } = useAuthContext();
+  const queryClient = useQueryClient();
+  const organization = useContext(OrganizationContext);
+  const currentWorkOSOrganizationId = organization?.currentWorkOSOrganizationId ?? null;
+  const currentSupabaseOrganizationId = organization?.currentSupabaseOrganizationId ?? null;
+  const isCheckingRef = useRef(false);
+  const hadUserRef = useRef(false);
+  if (user) {
+    hadUserRef.current = true;
+  }
+  useEffect(() => {
+    const handleVisibilityChange = async () => {
+      if (isCheckingRef.current || document.visibilityState !== "visible") {
+        return;
+      }
+      isCheckingRef.current = true;
+      try {
+        if (!user && hadUserRef.current) {
+          window.location.replace("/login");
+          return;
+        }
+        if (user) {
+          await queryClient.cancelQueries();
+          invalidateOrgScopedQueries(queryClient, [currentWorkOSOrganizationId, currentSupabaseOrganizationId]);
         }
+      } finally {
+        isCheckingRef.current = false;
       }
-    ),
-    /* @__PURE__ */ jsx(Text, { size: "xs", style: { color: "var(--color-text-subtle)", letterSpacing: "0.03em" }, children: label })
-  ] });
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("focus", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("focus", handleVisibilityChange);
+    };
+  }, [user, queryClient, currentWorkOSOrganizationId, currentSupabaseOrganizationId]);
 }
-var COLOR_MAP = {
-  cyan: { gradient: "url(#gradCyan)", filter: "url(#glowCyan)", key: "cyan" },
-  blue: { gradient: "url(#gradBlue)", filter: "url(#glowBlue)", key: "blue" },
-  green: { gradient: "url(#gradGreen)", filter: "url(#glowGreen)", key: "green" },
-  red: { gradient: "url(#gradRed)", filter: "url(#glowRed)", key: "red" },
-  yellow: { gradient: "url(#gradYellow)", filter: "url(#glowYellow)", key: "yellow" }
-};
-function CyberAreaChart({
-  data,
-  series,
-  xDataKey = "time",
-  height = 300,
-  yAxisLabel,
-  yDomain,
-  yTickFormatter,
-  showGrid = true,
-  showZeroBaseline = true,
-  baselineColor,
-  lineOnly = false,
-  margin = { top: 8, right: 20, left: 0, bottom: 0 },
-  xTickFormatter,
-  tooltipFormatter
+
+// src/auth/guards/computeProtectedRouteGate.ts
+var DEFAULT_WAIT_FOR_ORGANIZATION = true;
+function computeProtectedRouteGate({
+  isInitializing,
+  userReady,
+  allReady,
+  error,
+  waitForOrganization
 }) {
-  const isLight = useComputedColorScheme("dark") === "light";
-  const colors = useCyberColors();
-  const [ready, setReady] = useState(false);
-  useEffect(() => {
-    const frame = requestAnimationFrame(() => setReady(true));
-    return () => cancelAnimationFrame(frame);
-  }, []);
-  const allZero = useMemo(() => {
-    if (!showZeroBaseline || !data.length) return false;
-    return data.every((row) => series.every((s) => row[s.dataKey] === 0));
-  }, [data, series, showZeroBaseline]);
-  if (!ready || !data.length) return /* @__PURE__ */ jsx(Box, { style: { height } });
-  const gridProps = {
-    stroke: colors.gridLine,
-    strokeDasharray: "3 6",
-    strokeOpacity: 1
-  };
-  const xAxisConfig = {
-    stroke: "none",
-    tick: {
-      fill: colors.tickText,
-      fontSize: 11,
-      fontFamily: "var(--mantine-font-family-monospace, monospace)"
-    },
-    tickLine: false,
-    axisLine: { stroke: colors.grid, strokeWidth: 1 }
-  };
-  const yTickStyle = {
-    fill: colors.tickText,
-    fontSize: 11,
-    fontFamily: "var(--mantine-font-family-monospace, monospace)"
-  };
-  return /* @__PURE__ */ jsx(Box, { style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin, children: [
-    /* @__PURE__ */ jsx(CyberDefs, { colors, isLight }),
-    /* @__PURE__ */ jsx(PulseDefs, { series, colors, isLight }),
-    showGrid && /* @__PURE__ */ jsx(CartesianGrid, { ...gridProps }),
-    /* @__PURE__ */ jsx(XAxis, { dataKey: xDataKey, ...xAxisConfig, tickFormatter: xTickFormatter }),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        domain: yDomain ?? [0, (max) => Math.max(max, 1)],
-        stroke: "none",
-        tick: yTickStyle,
-        tickFormatter: yTickFormatter,
-        tickLine: false,
-        axisLine: { stroke: colors.grid, strokeWidth: 1 },
-        label: yAxisLabel ? {
-          value: yAxisLabel,
-          angle: -90,
-          position: "insideLeft",
-          offset: 0,
-          style: { fill: colors.tickText, fontSize: 11 }
-        } : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        content: /* @__PURE__ */ jsx(CyberTooltipContent, { colors, labelFormatter: xTickFormatter, valueFormatter: tooltipFormatter }),
-        cursor: { stroke: colors.cyan, strokeOpacity: 0.2 }
+  const unauthenticated = !isInitializing && !userReady && error?.layer !== "profile";
+  const blockingError = !isInitializing && !!error && error.layer !== "organization";
+  const waitingForOrg = !isInitializing && waitForOrganization && !allReady && error?.layer !== "organization";
+  const showFallback = isInitializing || !blockingError && (unauthenticated || waitingForOrg);
+  return { unauthenticated, blockingError, showFallback };
+}
+function ProtectedRoute({
+  children,
+  redirectTo = "/login",
+  fallback = null,
+  errorFallback,
+  waitForOrganization = DEFAULT_WAIT_FOR_ORGANIZATION
+}) {
+  const { userReady, allReady, isInitializing, error, retry } = useInitialization();
+  const { signIn, canRecover } = useAuthContext();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const hasRedirected = useRef(false);
+  const { unauthenticated, blockingError, showFallback } = computeProtectedRouteGate({
+    isInitializing,
+    userReady,
+    allReady,
+    error,
+    waitForOrganization
+  });
+  useEffect(() => {
+    if (unauthenticated && !hasRedirected.current) {
+      hasRedirected.current = true;
+      const searchStr = location.searchStr ?? "";
+      const returnTo = location.pathname + searchStr;
+      if (canRecover()) {
+        signIn({ state: { returnTo: returnTo !== "/" ? returnTo : void 0 } });
+      } else {
+        navigate({
+          to: redirectTo,
+          search: returnTo !== "/" ? { returnTo } : {}
+        });
       }
-    ),
-    allZero && (() => {
-      const bColor = colors[baselineColor ?? series[0]?.color ?? "cyan"];
-      const glow = isLight ? `drop-shadow(0 0 2px ${bColor})` : `drop-shadow(0 0 4px ${bColor}) drop-shadow(0 0 8px ${bColor})`;
-      return /* @__PURE__ */ jsx(ReferenceLine, { y: 0, stroke: bColor, strokeWidth: isLight ? 1.5 : 2, style: { filter: glow } });
-    })(),
-    series.map((s) => {
-      const cm = COLOR_MAP[s.color ?? "cyan"];
-      const strokeColor = colors[cm.key];
-      return /* @__PURE__ */ jsx(
-        Area,
-        {
-          type: "monotone",
-          dataKey: s.dataKey,
-          name: s.name ?? s.dataKey,
-          stroke: strokeColor,
-          strokeWidth: lineOnly ? 3 : 2,
-          fill: lineOnly ? "transparent" : cm.gradient,
-          filter: cm.filter,
-          dot: false,
-          activeDot: /* @__PURE__ */ jsx(CyberActiveDot, { color: strokeColor, dotStroke: colors.dotStroke }),
-          animationBegin: 100,
-          animationDuration: s.animationDuration ?? 1200,
-          animationEasing: "ease-out"
-        },
-        s.dataKey
-      );
-    }),
-    !isLight && series.map((s, i) => /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: "monotone",
-        dataKey: s.dataKey,
-        name: `_pulse_${s.dataKey}`,
-        stroke: `url(#pulse-${i})`,
-        strokeWidth: 3,
-        fill: "none",
-        filter: "url(#pulseGlow)",
-        dot: false,
-        activeDot: false,
-        tooltipType: "none",
-        isAnimationActive: false,
-        style: { pointerEvents: "none" }
-      },
-      `pulse-${s.dataKey}`
-    ))
-  ] }) }) });
+    }
+  }, [unauthenticated, signIn, canRecover, navigate, redirectTo, location]);
+  if (blockingError) {
+    return errorFallback ? /* @__PURE__ */ jsx(Fragment, { children: errorFallback(error, retry) }) : null;
+  }
+  if (showFallback) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
 }
-function CyberDonutTooltip({
-  active,
-  payload,
-  colors
+function useOptionalNavigate() {
+  try {
+    return useNavigate();
+  } catch {
+    return null;
+  }
+}
+function renderFallback(fallback, answer) {
+  return typeof fallback === "function" ? fallback(answer) : fallback ?? null;
+}
+function AccessGuard({
+  accessKey,
+  children,
+  fallback = null,
+  loadingFallback = null,
+  redirectTo = null
 }) {
-  if (!active || !payload?.length) return null;
-  const entry = payload[0];
-  if (!entry) return null;
-  const color = entry.payload?.color ?? colors.cyan;
-  return /* @__PURE__ */ jsxs(
-    "div",
+  const answer = useAccess(accessKey);
+  const navigate = useOptionalNavigate();
+  const hasRedirected = useRef(false);
+  useEffect(() => {
+    if (!answer.isReady || answer.allowed || !redirectTo || hasRedirected.current) return;
+    hasRedirected.current = true;
+    if (navigate) {
+      navigate({ to: redirectTo });
+      return;
+    }
+    if (typeof window !== "undefined") {
+      window.location.assign(redirectTo);
+    }
+  }, [answer.allowed, answer.isReady, navigate, redirectTo]);
+  if (!answer.isReady) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
+  if (!answer.allowed) return /* @__PURE__ */ jsx(Fragment, { children: renderFallback(fallback, answer) });
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function PageNotFound() {
+  const { currentPath, navigate } = useRouterContext();
+  const { user, isLoading } = useAuthContext();
+  const isAuthPage = currentPath === "/login" || currentPath === "/auth-redirect";
+  const shouldShowSidebar = user && !isLoading && !isAuthPage;
+  const height = shouldShowSidebar ? "100%" : "100vh";
+  return /* @__PURE__ */ jsx(Center, { h: height, bg: "var(--color-background)", children: /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", children: [
+    /* @__PURE__ */ jsx(IconInfoCircle, { size: 60, color: "var(--color-text-subtle)" }),
+    /* @__PURE__ */ jsx(Title, { order: 1, children: "Page Not Found" }),
+    /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "lg", children: "The page you are looking for does not exist." }),
+    /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(Button, { size: "md", onClick: () => navigate("/"), children: "Go Home" }) })
+  ] }) });
+}
+function FeatureUnavailableState({ path }) {
+  const { navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(
+    Center,
     {
       style: {
-        background: colors.tooltipBg,
-        border: `1px solid ${colors.tooltipBorder}`,
-        borderRadius: 8,
-        padding: "8px 12px",
-        backdropFilter: "var(--glass-blur)",
-        WebkitBackdropFilter: "var(--glass-blur)",
-        boxShadow: "var(--standard-box-shadow)",
-        fontFamily: "var(--mantine-font-family-monospace, monospace)",
-        display: "flex",
-        alignItems: "center",
-        gap: 10
+        flex: 1,
+        minHeight: "100%",
+        width: "100%",
+        padding: 24,
+        background: "linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent)"
       },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: 8,
-              height: 8,
-              borderRadius: "50%",
-              backgroundColor: color,
-              boxShadow: `0 0 6px ${color}`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { style: { color: colors.tooltipText, fontSize: 12 }, children: entry.name }),
-        /* @__PURE__ */ jsx("span", { style: { color, fontWeight: 600, fontSize: 12, fontVariantNumeric: "tabular-nums" }, children: entry.value })
-      ]
-    }
-  );
-}
-function CyberDonut({
-  title,
-  segments,
-  centerValue,
-  centerLabel,
-  centerValueColor = "var(--mantine-color-text)",
-  glowId,
-  colors,
-  size = 120,
-  innerRadius = 36,
-  outerRadius = 52,
-  isLoading,
-  showLegend = true
-}) {
-  const filtered = segments.filter((s) => s.value > 0);
-  const isEmpty = filtered.length === 0;
-  const pieData = isEmpty ? [{ name: "Empty", value: 1, color: "var(--color-border)" }] : filtered;
-  return /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
-    title && /* @__PURE__ */ jsx(
-      Text,
-      {
-        size: "xs",
-        fw: 600,
-        style: { color: "var(--color-text)", letterSpacing: "0.03em", textTransform: "uppercase" },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsxs(Box, { style: { width: size, height: size, position: "relative" }, children: [
-      /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { children: [
-        !isEmpty && /* @__PURE__ */ jsx("defs", { children: filtered.map((_, i) => /* @__PURE__ */ jsxs("filter", { id: `${glowId}-${i}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: [
-          /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
-          /* @__PURE__ */ jsxs("feMerge", { children: [
-            /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
-            /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-          ] })
-        ] }, i)) }),
-        /* @__PURE__ */ jsx(
-          Pie,
-          {
-            data: pieData,
-            cx: "50%",
-            cy: "50%",
-            innerRadius,
-            outerRadius,
-            paddingAngle: isEmpty ? 0 : 3,
-            dataKey: "value",
-            stroke: "none",
-            animationBegin: 100,
-            animationDuration: 1e3,
-            animationEasing: "ease-out",
-            isAnimationActive: !isEmpty,
-            children: pieData.map((entry, i) => /* @__PURE__ */ jsx(
-              Cell,
-              {
-                fill: entry.color,
-                style: {
-                  filter: isEmpty ? void 0 : `url(#${glowId}-${i})`,
-                  fillOpacity: isEmpty ? 0.3 : 0.9
-                }
-              },
-              entry.name
-            ))
-          }
-        ),
-        !isEmpty && /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(CyberDonutTooltip, { colors }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs(
-        "div",
+      children: /* @__PURE__ */ jsxs(
+        Stack,
         {
+          align: "center",
+          gap: "md",
           style: {
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            transform: "translate(-50%, -50%)",
-            textAlign: "center",
-            pointerEvents: "none"
+            maxWidth: 560,
+            padding: "32px 28px",
+            borderRadius: 24,
+            border: "1px solid var(--color-border)",
+            background: "color-mix(in srgb, var(--glass-background) 86%, transparent)",
+            boxShadow: "var(--card-shadow)",
+            backdropFilter: "var(--glass-blur)",
+            textAlign: "center"
           },
           children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  fontSize: 18,
-                  fontWeight: 700,
-                  fontFamily: "var(--mantine-font-family-monospace, monospace)",
-                  color: centerValueColor,
-                  lineHeight: 1
-                },
-                children: isLoading ? "-" : centerValue
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  fontSize: 8,
-                  color: "var(--mantine-color-dimmed)",
-                  letterSpacing: "0.05em",
-                  textTransform: "uppercase",
-                  marginTop: 2
-                },
-                children: centerLabel
-              }
-            )
+            /* @__PURE__ */ jsx(IconBan, { size: 44, stroke: 1.8, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
+              /* @__PURE__ */ jsx(Title, { order: 2, children: "This section is unavailable" }),
+              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", maw: 420, children: path ? `The requested route ${path} is currently disabled in this workspace.` : "The requested subsection is currently disabled in this workspace." })
+            ] }),
+            /* @__PURE__ */ jsx(Group, { gap: "sm", justify: "center", children: /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/"), children: "Go home" }) })
           ]
         }
       )
-    ] }),
-    showLegend && /* @__PURE__ */ jsx(Stack, { gap: 4, style: { width: "100%" }, children: segments.map((seg) => /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", px: "xs", children: [
-      /* @__PURE__ */ jsx(CyberLegendItem, { color: seg.color, label: seg.name }),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "xs",
-          fw: 600,
-          style: {
-            fontFamily: "var(--mantine-font-family-monospace, monospace)",
-            fontVariantNumeric: "tabular-nums"
-          },
-          children: isLoading ? "-" : seg.value
-        }
-      )
-    ] }, seg.name)) })
-  ] });
-}
-function EmptyState({ icon: Icon, title, description, action, py = "xl" }) {
-  return /* @__PURE__ */ jsx(Center, { py, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "xs", children: [
-    /* @__PURE__ */ jsx(Icon, { size: 48, style: { opacity: 0.5 } }),
-    /* @__PURE__ */ jsx(Title, { order: 4, children: title }),
-    description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: description }),
-    action && /* @__PURE__ */ jsx(Button, { variant: "light", onClick: action.onClick, leftSection: action.icon, mt: "sm", children: action.label })
-  ] }) });
-}
-function TabCountBadge({ count, isLoading }) {
-  return /* @__PURE__ */ jsx(Box, { miw: 20, h: 20, style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: isLoading ? /* @__PURE__ */ jsx(Loader, { size: 12 }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", circle: count < 10, children: count }) });
+    }
+  );
 }
-function TrendIndicator({ current, previous, inverse }) {
-  const change = previous === 0 ? 0 : (current - previous) / previous * 100;
-  const isPositive = inverse ? change < 0 : change > 0;
-  const isFlat = Math.abs(change) < 0.1;
-  const color = isFlat ? "gray" : isPositive ? "green" : "red";
-  const Icon = isFlat ? IconMinus : change > 0 ? IconTrendingUp : IconTrendingDown;
-  return /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Icon, { size: 12 }),
-    /* @__PURE__ */ jsx(Badge, { size: "sm", color, variant: "light", children: isFlat ? "No change" : `${isPositive ? "+" : ""}${Math.abs(change).toFixed(1)}%` })
-  ] });
+function resolveSystemPath(accessKey) {
+  try {
+    return normalizeAccessKey(accessKey).systemPath;
+  } catch {
+    return typeof accessKey === "string" ? accessKey : accessKey.systemPath;
+  }
 }
-function CollapsibleSection({
+function UnavailableCard({
+  icon,
   title,
-  count,
-  countLabel,
-  children,
-  emptyMessage,
-  defaultExpanded = true,
-  maxHeight = 300
+  description,
+  devHint
 }) {
-  const [expanded, setExpanded] = useState(defaultExpanded);
-  const isEmpty = count === 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(
+    Center,
     {
       style: {
-        borderRadius: "8px",
-        padding: "8px",
-        border: "1px solid var(--color-border)",
-        boxShadow: "var(--standard-box-shadow)"
+        flex: 1,
+        minHeight: "100%",
+        width: "100%",
+        padding: 24,
+        background: "linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent)"
       },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Group,
-          {
-            gap: "xs",
-            mb: expanded ? "xs" : 0,
-            justify: "space-between",
-            align: "center",
-            style: { cursor: "pointer" },
-            onClick: () => setExpanded(!expanded),
-            children: [
-              /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", style: { flex: 1 }, children: [
-                typeof title === "string" ? /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    fw: 600,
-                    size: "sm",
-                    c: "var(--color-text)",
-                    style: { fontFamily: "var(--elevasis-font-family-subtitle)" },
-                    children: title
-                  }
-                ) : title,
-                count !== void 0 && countLabel && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
-                  count,
-                  " ",
-                  count === 1 ? countLabel.replace(/s$/, "") : countLabel
-                ] })
-              ] }),
-              expanded ? /* @__PURE__ */ jsx(IconChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 16 })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Collapse, { in: expanded, children: isEmpty && emptyMessage ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: emptyMessage }) : /* @__PURE__ */ jsx(ScrollArea, { h: maxHeight, type: "scroll", offsetScrollbars: true, children }) })
-      ]
+      children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          align: "center",
+          gap: "md",
+          style: {
+            maxWidth: 560,
+            padding: "32px 28px",
+            borderRadius: 24,
+            border: "1px solid var(--color-border)",
+            background: "color-mix(in srgb, var(--glass-background) 86%, transparent)",
+            boxShadow: "var(--card-shadow)",
+            backdropFilter: "var(--glass-blur)",
+            textAlign: "center"
+          },
+          children: [
+            icon,
+            /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
+              /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
+              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", maw: 420, children: description }),
+              devHint ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", maw: 420, children: devHint }) : null
+            ] })
+          ]
+        }
+      )
     }
   );
 }
-var PageTitleCaption = ({ title, caption, rightSection }) => {
-  const renderCaption = () => {
-    if (!caption) return null;
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { style: { fontFamily: "var(--elevasis-font-family-subtitle)", color: "var(--color-text-dimmed)" }, children: caption }) });
-  };
-  const titleContent = /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx(Title, { order: 1, children: title }),
-    /* @__PURE__ */ jsx(Space, { h: "4" }),
-    renderCaption()
-  ] });
-  if (!rightSection) {
-    return titleContent;
+function SystemUnavailableState({ accessKey, reason }) {
+  const systems = useOptionalElevasisSystems();
+  const systemPath2 = resolveSystemPath(accessKey);
+  if (reason === "unknown-access-key") {
+    const isDev = import.meta.env?.DEV ?? false;
+    return /* @__PURE__ */ jsx(
+      UnavailableCard,
+      {
+        icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 44, stroke: 1.8, color: "var(--color-warning)" }),
+        title: "System not declared",
+        description: `"${systemPath2}" is not declared in this organization's model, so this route cannot resolve.`,
+        devHint: isDev ? "Dev: declare this System in core/config/organization-model/systems.ts." : null
+      }
+    );
   }
-  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "end", children: [
-    titleContent,
-    rightSection
-  ] });
-};
-function StatsCardSkeleton({ chartHeight = 200 }) {
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: chartHeight, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
-}
-function ListSkeleton({ rows = 3, rowHeight = 50 }) {
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Center, { mih: rows * rowHeight, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
-}
-function DetailCardSkeleton({ rows = 3 }) {
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: rows * 60 + 100, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) });
+  if (reason === "system-not-active") {
+    const system = systems?.organizationModel ? getSystem(systems.organizationModel, systemPath2) : void 0;
+    const lifecycle = system?.lifecycle ?? "inactive";
+    return /* @__PURE__ */ jsx(
+      UnavailableCard,
+      {
+        icon: /* @__PURE__ */ jsx(IconBan, { size: 44, stroke: 1.8, color: "var(--color-text-subtle)" }),
+        title: "System unavailable",
+        description: `${system?.label ?? systemPath2} (${systemPath2}) is currently "${lifecycle}" and not reachable in this workspace.`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(NoAccessState, {});
 }
-var NavigationButton = ({
-  icon: Icon,
-  label,
-  isCollapsed = false,
-  hasSubItems = false,
-  isExpanded = false,
-  isActive = false,
-  hasActiveBackground = false,
+function ResourceCard({
+  resource,
   onClick,
+  layout = "stack",
+  rightSection,
+  topSection,
+  lastRunLabel,
   style,
-  transitionDuration = 200
-}) => {
-  const activeColor = "var(--color-primary)";
-  const textColor = isActive ? activeColor : "var(--color-text)";
-  const bgColor = hasActiveBackground ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent";
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick?.();
-      },
-      style: {
-        height: sidebarItemHeight,
-        display: "flex",
-        alignItems: "center",
-        width: "100%",
-        padding: sidebarItemPadding,
-        color: textColor,
-        backgroundColor: bgColor,
-        transition: `all ${transitionDuration}ms var(--easing)`,
-        cursor: "pointer",
-        overflow: "hidden",
-        borderRadius: "var(--mantine-radius-default)",
-        ...style
-      },
-      onMouseEnter: (e) => {
-        if (!hasActiveBackground) {
-          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-        }
-      },
-      onMouseLeave: (e) => {
-        if (!hasActiveBackground) {
-          e.currentTarget.style.backgroundColor = "transparent";
-        }
-      },
-      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: 0, style: { width: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsxs(
-          Box,
+  ...rest
+}) {
+  const Icon = getResourceIcon(resource.type);
+  if (!Icon) {
+    return /* @__PURE__ */ jsx(Card, { shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxs(Text, { children: [
+      "Invalid resource type: ",
+      resource.type
+    ] }) });
+  }
+  const cardStyle = {
+    cursor: "pointer",
+    ...layout === "grid" || layout === "card" ? { transition: "box-shadow var(--duration-fast) var(--easing)" } : {},
+    ...style
+  };
+  const iconSize = layout === "grid" ? 28 : 20;
+  const details = /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(Icon, { size: iconSize, color: "var(--color-primary)" }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            fw: 600,
+            size: "sm",
+            style: { fontFamily: "var(--elevasis-font-family-subtitle)" },
+            ...layout === "stack" ? { lineClamp: 1 } : { truncate: true },
+            children: resource.name
+          }
+        ),
+        /* @__PURE__ */ jsx(Badge, { variant: "light", size: layout === "grid" ? "xs" : "sm", children: resource.type })
+      ] }),
+      resource.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ...layout === "stack" ? { lineClamp: 1 } : { truncate: true }, children: resource.description }),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "xs", children: [
+          "v",
+          resource.version
+        ] }),
+        /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "outline", size: layout === "grid" ? "xs" : "sm", children: resource.status.toUpperCase() })
+      ] }),
+      lastRunLabel && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lastRunLabel }),
+      /* @__PURE__ */ jsx(Text, { size: layout === "grid" ? "sm" : "xs", c: "dimmed", ff: "monospace", children: resource.resourceId })
+    ] })
+  ] });
+  if (layout === "card") {
+    return /* @__PURE__ */ jsx(
+      Card,
+      {
+        withBorder: true,
+        padding: 0,
+        style: cardStyle,
+        onClick: () => onClick(resource),
+        "data-resource-id": rest["data-resource-id"],
+        children: /* @__PURE__ */ jsxs(Stack, { gap: 8, p: "sm", pb: "xs", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(Icon, { size: 20, color: "var(--color-primary)", style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, truncate: true, children: resource.name })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", style: { flexShrink: 0 }, children: [
+              resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
+                "v",
+                resource.version
+              ] }),
+              /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "light", size: "sm", children: resource.status.toUpperCase() })
+            ] })
+          ] }),
+          resource.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, children: resource.description }),
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", wrap: "nowrap", children: [
+            rightSection || /* @__PURE__ */ jsx("span", {}),
+            lastRunLabel && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { whiteSpace: "nowrap" }, children: lastRunLabel })
+          ] }),
+          topSection
+        ] })
+      }
+    );
+  }
+  if (layout === "row") {
+    const [hovered, setHovered] = useState(false);
+    return /* @__PURE__ */ jsx(
+      Card,
+      {
+        padding: 0,
+        style: {
+          cursor: "pointer",
+          border: "1px solid var(--color-border)",
+          transition: "background 150ms ease",
+          background: hovered ? "var(--active-background)" : "var(--color-surface)",
+          ...style
+        },
+        onClick: () => onClick(resource),
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        "data-resource-id": rest["data-resource-id"],
+        children: /* @__PURE__ */ jsxs(
+          "div",
           {
             style: {
-              display: "flex",
+              display: "grid",
+              gridTemplateColumns: "18px 200px 120px 1fr 180px 200px 14px",
               alignItems: "center",
-              flex: hasSubItems && !isCollapsed ? 1 : "initial",
-              minWidth: 0,
-              overflow: "hidden"
+              gap: "var(--mantine-spacing-sm)"
             },
             children: [
+              /* @__PURE__ */ jsx(Icon, { size: 18, color: "var(--color-primary)" }),
+              /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", truncate: true, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: resource.name }),
+              /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+                resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
+                  "v",
+                  resource.version
+                ] }),
+                /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "light", size: "sm", children: resource.status.toUpperCase() })
+              ] }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, style: { minWidth: 0 }, children: resource.description || "" }),
+              /* @__PURE__ */ jsx("div", { style: { whiteSpace: "nowrap" }, children: rightSection }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { whiteSpace: "nowrap", textAlign: "right" }, children: lastRunLabel || "" }),
               /* @__PURE__ */ jsx(
-                ThemeIcon,
-                {
-                  variant: "light",
-                  size: sidebarIconSize,
-                  style: {
-                    backgroundColor: isActive ? activeColor : "var(--color-surface)",
-                    color: isActive ? "white" : activeColor,
-                    marginRight: isCollapsed ? 0 : "var(--mantine-spacing-sm)",
-                    transition: `margin ${transitionDuration}ms var(--easing)`,
-                    flexShrink: 0
-                  },
-                  children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
-                }
-              ),
-              !isCollapsed && /* @__PURE__ */ jsx(
-                Box,
+                IconChevronRight,
                 {
+                  size: 14,
                   style: {
-                    fontFamily: "var(--elevasis-font-family-subtitle)",
-                    fontSize: "var(--mantine-font-size-md)",
-                    fontWeight: isActive ? 600 : 500,
-                    color: textColor,
-                    transition: `opacity ${transitionDuration}ms var(--easing)`,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis"
-                  },
-                  children: label
+                    opacity: hovered ? 0.7 : 0,
+                    transition: "opacity 150ms ease"
+                  }
                 }
               )
             ]
           }
-        ),
-        hasSubItems && !isCollapsed && /* @__PURE__ */ jsx(
-          IconChevronRight,
-          {
-            size: 14,
-            stroke: 1.5,
-            style: {
-              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
-              transition: `transform var(--duration-fast) var(--easing)`,
-              color: "var(--color-text-subtle)",
-              flexShrink: 0,
-              marginLeft: "auto"
-            }
-          }
         )
-      ] })
-    }
-  );
-};
-function CustomSelector({
-  value,
-  onChange,
-  data,
-  leftSection,
-  placeholder,
-  w,
-  withCheckIcon = false,
-  disabled
-}) {
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      value,
-      onChange,
-      data,
-      leftSection,
-      placeholder,
-      w,
-      size: "xs",
-      variant: "unstyled",
-      withCheckIcon,
-      disabled,
-      styles: {
-        wrapper: {
-          border: "1px solid var(--color-border)",
-          borderRadius: "var(--mantine-radius-default)",
-          backgroundColor: "var(--color-surface)",
-          transition: "border-color 150ms ease, background-color 150ms ease",
-          "&:hover": {
-            borderColor: "var(--color-border-hover, var(--mantine-color-dark-3))"
-          }
-        },
-        input: {
-          fontSize: "var(--mantine-font-size-xs)",
-          fontWeight: 500,
-          height: "30px",
-          minHeight: "30px",
-          paddingLeft: leftSection ? "30px" : void 0,
-          borderRadius: "var(--mantine-radius-default)",
-          cursor: "pointer"
-        },
-        section: {
-          color: "var(--color-text-subtle)"
-        },
-        dropdown: {
-          border: "1px solid var(--color-border)",
-          backgroundColor: "var(--color-surface)",
-          boxShadow: "var(--card-shadow)"
-        },
-        option: {
-          fontSize: "var(--mantine-font-size-xs)"
-        }
       }
-    }
-  );
-}
-function APIErrorAlert({
-  error,
-  title,
-  showRequestId = true,
-  icon = /* @__PURE__ */ jsx(IconAlertCircle, {}),
-  color = "red"
-}) {
-  const { message, code, requestId, retryAfter } = getErrorInfo(error);
-  const alertTitle = title || getErrorTitle(code);
-  return /* @__PURE__ */ jsxs(Alert, { icon, title: alertTitle, color, variant: "light", children: [
-    /* @__PURE__ */ jsx(Text, { size: "sm", children: message }),
-    retryAfter && /* @__PURE__ */ jsxs(Text, { size: "sm", mt: "xs", children: [
-      "Please wait ",
-      retryAfter,
-      " seconds before retrying."
-    ] }),
-    showRequestId && requestId && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: "xs", children: [
-      "Request ID: ",
-      /* @__PURE__ */ jsx(Code, { children: requestId })
-    ] })
-  ] });
-}
-async function hashOrganizationModel(model) {
-  if (typeof globalThis.crypto?.subtle?.digest !== "function") return null;
-  const parsed = OrganizationModelSchema.safeParse(model);
-  if (!parsed.success) return null;
-  const bytes = new TextEncoder().encode(canonicalStringifyOrganizationModel(parsed.data));
-  const digest = await globalThis.crypto.subtle.digest("SHA-256", bytes);
-  return Array.from(new Uint8Array(digest)).map((b) => b.toString(16).padStart(2, "0")).join("");
-}
-function useOrganizationModelDrift(organizationModel) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const [buildTimeHash, setBuildTimeHash] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    void hashOrganizationModel(organizationModel).then((hash) => {
-      if (!cancelled) setBuildTimeHash(hash);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [organizationModel]);
-  const { data, isLoading } = useQuery({
-    queryKey: ["organization-model-snapshot"],
-    queryFn: () => apiRequest("/organization-model/snapshot"),
-    enabled: isReady,
-    staleTime: STALE_TIME_MONITORING,
-    gcTime: GC_TIME_SHORT,
-    refetchOnWindowFocus: false,
-    // An org with no active deployment 503s here. That is a real condition with
-    // its own surfaces; retrying it on every mount would only add noise.
-    retry: false
-  });
-  const deployedHash = data?.snapshotHash ?? null;
-  return {
-    hasDrifted: Boolean(buildTimeHash && deployedHash && buildTimeHash !== deployedHash),
-    buildTimeHash,
-    deployedHash,
-    activeDeploymentId: data?.activeDeploymentId ?? null,
-    isLoading: isLoading || buildTimeHash === null
-  };
-}
-function OrganizationModelDriftActionIcon({
-  organizationModel,
-  message
-}) {
-  const { hasDrifted, buildTimeHash, deployedHash } = useOrganizationModelDrift(organizationModel);
-  const [opened, { toggle, close }] = useDisclosure(false);
-  if (!hasDrifted) return null;
-  const label = "Organization model out of date";
-  return /* @__PURE__ */ jsxs(Popover, { opened, onChange: close, onDismiss: close, width: 340, position: "bottom-end", withArrow: true, shadow: "md", children: [
-    /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(Tooltip$1, { label, disabled: opened, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "lg", onClick: toggle, "aria-label": label, children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--color-warning)" }) }) }) }),
-    /* @__PURE__ */ jsx(Popover.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: label }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", children: message ?? "This app was built against an older organization model than the one currently deployed. Navigation, knowledge, and systems pages may not match what the platform is running. Redeploy the app to catch up." }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-        "built ",
-        /* @__PURE__ */ jsx(Code, { children: buildTimeHash?.slice(0, 12) }),
-        " \xB7 deployed ",
-        /* @__PURE__ */ jsx(Code, { children: deployedHash?.slice(0, 12) })
-      ] })
-    ] }) })
-  ] });
-}
-function CenteredErrorState({ error, title, h = 300, py }) {
-  return /* @__PURE__ */ jsx(Center, { h, py, children: /* @__PURE__ */ jsx(APIErrorAlert, { error, title }) });
-}
-
-// src/components/display/StatCard.module.css.js
-var StatCard_module_css_default = { "heroCard": "heroCard", "iconRing": "iconRing", "iconRingSm": "iconRingSm", "heroValue": "heroValue", "heroValueSm": "heroValueSm", "heroLabel": "heroLabel", "heroLabelSm": "heroLabelSm" };
-function StatCard(props) {
-  if (props.variant === "hero") {
-    return /* @__PURE__ */ jsx(HeroStatCard, { ...props });
+    );
   }
-  const { label, value, icon: IconComponent, color } = props;
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-    /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color, children: /* @__PURE__ */ jsx(IconComponent, { size: 18 }) }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
-      /* @__PURE__ */ jsx(Text, { size: "lg", fw: 600, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: value })
-    ] })
-  ] }) });
-}
-function HeroStatCard({
-  icon: IconComponent,
-  value,
-  label,
-  valueColor,
-  isLoading,
-  size = "sm",
-  children
-}) {
-  const sm = size === "sm";
-  const iconSize = sm ? 36 : 46;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsx(Center, { mih: iconSize + 16, children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) });
+  if (layout === "grid") {
+    return /* @__PURE__ */ jsx(
+      Card,
+      {
+        withBorder: true,
+        padding: "sm",
+        style: cardStyle,
+        onClick: () => onClick(resource),
+        "data-resource-id": rest["data-resource-id"],
+        children: /* @__PURE__ */ jsxs(Grid, { gutter: "sm", align: "center", children: [
+          /* @__PURE__ */ jsx(Grid.Col, { span: 8, children: details }),
+          rightSection && /* @__PURE__ */ jsx(Grid.Col, { span: 4, children: /* @__PURE__ */ jsx(Group, { justify: "flex-end", gap: "md", wrap: "nowrap", children: rightSection }) })
+        ] })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx("div", { className: sm ? StatCard_module_css_default.iconRingSm : StatCard_module_css_default.iconRing, children: /* @__PURE__ */ jsx(IconComponent, { size: sm ? 18 : 22 }) }),
-    /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { flex: children ? 1 : void 0 }, children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: sm ? StatCard_module_css_default.heroValueSm : StatCard_module_css_default.heroValue,
-          style: valueColor ? { color: valueColor } : void 0,
-          children: value
-        }
-      ),
-      children ? /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children })
-      ] }) : /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label })
-    ] })
-  ] }) });
-}
-function StatCardSkeleton() {
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { mih: 60, children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) });
-}
-var jsonTheme = Object.fromEntries(
-  Object.entries(oneDark).map(([key, value]) => [
-    key,
-    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
-  ])
-);
-function JsonViewer({ data, maxHeight, fontSize = "0.8rem" }) {
-  const jsonString = typeof data === "string" ? data : JSON.stringify(data, null, 2);
   return /* @__PURE__ */ jsx(
-    Prism,
+    Card,
     {
-      language: "json",
-      style: jsonTheme,
-      customStyle: {
-        margin: 0,
-        fontSize,
-        maxHeight,
-        overflow: maxHeight ? "auto" : void 0,
-        overflowX: "auto"
-      },
-      children: jsonString
+      shadow: "sm",
+      withBorder: true,
+      style: cardStyle,
+      onClick: () => onClick(resource),
+      "data-resource-id": rest["data-resource-id"],
+      children: /* @__PURE__ */ jsx(Stack, { children: details })
     }
   );
 }
-var subtleMarkdownComponents = {
-  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, c: "var(--color-text-subtle)", style: { whiteSpace: "pre-wrap" }, children })
-};
-var subtleMarkdownWrapperStyle = {
-  display: "flex",
-  flexDirection: "column",
-  gap: 8
+
+// src/components/display/ElevasisLoader.module.css.js
+var ElevasisLoader_module_css_default = { "wrapper": "wrapper", "loader": "loader", "chevron": "chevron", "c1": "c1", "c2": "c2", "c3": "c3" };
+var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_module_css_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_module_css_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c1}`, points: "5,36 20,25 35,36" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c2}`, points: "9,23 20,14 31,23" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c3}`, points: "13,11 20,5 27,11" })
+] }) }));
+ElevasisLoader.displayName = "ElevasisLoader";
+var SIZE_MAP = {
+  sm: { dot: 7, inner: 6, outer: 12 },
+  md: { dot: 10, inner: 8, outer: 16 },
+  lg: { dot: 12, inner: 10, outer: 20 }
 };
-function ContextViewer({ data }) {
-  return /* @__PURE__ */ jsx(ContextNode, { data, depth: 0 });
+function GlowDot({ color, size = "md" }) {
+  const { dot, inner, outer } = SIZE_MAP[size];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: dot,
+        height: dot,
+        borderRadius: "50%",
+        backgroundColor: color,
+        boxShadow: `0 0 ${inner}px ${color}, 0 0 ${outer}px ${color}40`,
+        flexShrink: 0
+      }
+    }
+  );
 }
-function ContextNode({ data, depth }) {
-  if (data === null || data === void 0) {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No context provided" });
-  }
-  if (typeof data === "string") {
-    return /* @__PURE__ */ jsx(StyledMarkdown, { components: subtleMarkdownComponents, style: subtleMarkdownWrapperStyle, children: data });
-  }
-  if (typeof data === "number" || typeof data === "boolean") {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", children: String(data) });
-  }
-  if (Array.isArray(data)) {
-    return /* @__PURE__ */ jsx(ArrayView, { items: data, depth });
-  }
-  if (typeof data === "object") {
-    return /* @__PURE__ */ jsx(ObjectView, { data, depth });
-  }
-  return /* @__PURE__ */ jsx(Text, { size: "sm", children: String(data) });
-}
-var ACRONYMS = ["AI", "URL", "UUID", "ID", "API", "HTTP", "JSON"];
-function formatLabel(key) {
-  const titleCased = key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-  return titleCased.replace(
-    new RegExp(`\\b(${ACRONYMS.map((a) => a[0] + a.slice(1).toLowerCase()).join("|")})\\b`, "g"),
-    (match) => match.toUpperCase()
-  );
-}
-function hasMarkdown(value) {
-  return /(\*\*.+\*\*|^#{1,6}\s|^\s*[-*]\s|\[.+\]\(.+\)|^\|.+\|$|^>\s|```)/.test(value);
-}
-function NestedSection({ title, children }) {
-  const [expanded, setExpanded] = useState(true);
-  return /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
-    /* @__PURE__ */ jsxs(Group, { gap: 4, style: { cursor: "pointer", userSelect: "none" }, onClick: () => setExpanded((v) => !v), children: [
-      expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: title })
-    ] }),
-    expanded && /* @__PURE__ */ jsx(Box, { pl: "sm", style: { borderLeft: "2px solid var(--color-border)" }, children })
-  ] });
-}
-function PrimitiveValue({ value }) {
-  if (value === null || value === void 0) {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "\u2014" });
-  }
-  if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children: value ? "Yes" : "No" });
-  }
-  if (typeof value === "number") {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children: value.toLocaleString() });
-  }
-  const str = String(value);
-  if (hasMarkdown(str)) {
-    return /* @__PURE__ */ jsx(StyledMarkdown, { components: subtleMarkdownComponents, children: str });
-  }
-  return /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, c: "var(--color-text-subtle)", style: { whiteSpace: "pre-wrap" }, children: str });
+var STATUS_COLORS = {
+  // Project
+  active: void 0,
+  on_track: "green",
+  at_risk: "yellow",
+  blocked: "red",
+  completed: "teal",
+  paused: "gray",
+  // Milestone
+  upcoming: "gray",
+  in_progress: void 0,
+  overdue: "red",
+  // Task
+  pending: "gray",
+  planned: "gray",
+  submitted: "yellow",
+  approved: "green",
+  rejected: "red",
+  revision_requested: "orange",
+  cancelled: "gray",
+  // Note
+  call_note: void 0,
+  status_update: "green",
+  issue: "yellow",
+  blocker: "red",
+  agent_learning: "grape"
+};
+function StatusBadge({ status, ...props }) {
+  const label = status.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+  const color = Object.prototype.hasOwnProperty.call(STATUS_COLORS, status) ? STATUS_COLORS[status] : "gray";
+  return /* @__PURE__ */ jsx(Badge, { variant: "light", color, size: "sm", ...props, children: label });
 }
-function ArrayView({ items, depth }) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "Empty list" });
-  }
-  const allPrimitive = items.every((item) => typeof item !== "object" || item === null);
-  if (allPrimitive) {
-    return /* @__PURE__ */ jsx(Stack, { gap: 2, children: items.map((item, i) => /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-start", children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { userSelect: "none" }, children: "\u2022" }),
-      /* @__PURE__ */ jsx(PrimitiveValue, { value: item })
-    ] }, i)) });
+var ICON_MAP = {
+  deal_created: IconPlus,
+  stage_change: IconArrowRight,
+  discovery_submitted: IconFileText,
+  proposal_generated: IconFileText,
+  proposal_sent: IconSend,
+  proposal_reviewed: IconEye,
+  closed_lost: IconX,
+  fees_updated: IconCreditCard,
+  closed_won: IconCircleCheck,
+  reply_received: IconMessageReply,
+  booking_cancelled: IconCalendarCancel,
+  booking_rescheduled: IconCalendarEvent,
+  reminder_sent: IconBell,
+  reply_sent_to_lead: IconMailForward,
+  followup_email_sent: IconMailForward,
+  no_show: IconUserOff,
+  moved_to_nurturing: IconHeartHandshake
+};
+function ActivityTimeline({ activities }) {
+  if (!activities.length) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "No activity events yet" });
   }
-  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: items.map((item, i) => /* @__PURE__ */ jsx(Paper, { p: "sm", style: { border: "1px solid var(--color-border)" }, children: /* @__PURE__ */ jsx(ContextNode, { data: item, depth: depth + 1 }) }, i)) });
+  const sorted = [...activities].reverse();
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Timeline, { active: sorted.length - 1, bulletSize: 28, lineWidth: 2, color: "var(--color-primary)", children: sorted.map((activity, index) => {
+    const Icon = ICON_MAP[activity.type] || IconActivity;
+    return /* @__PURE__ */ jsx(
+      Timeline.Item,
+      {
+        bullet: /* @__PURE__ */ jsx(ThemeIcon, { size: 28, variant: "filled", color: "var(--color-primary)", radius: "xl", children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+        children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: activity.title }),
+          activity.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: activity.description }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            formatTimeAgo(activity.occurredAt),
+            activity.actor && ` by ${activity.actor}`
+          ] })
+        ] })
+      },
+      index
+    );
+  }) }) });
 }
-function ObjectView({ data, depth }) {
-  const entries = Object.entries(data);
-  if (entries.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "Empty" });
-  }
-  const simpleEntries = [];
-  const complexEntries = [];
-  for (const [key, value] of entries) {
-    if (value === null || value === void 0 || typeof value === "boolean" || typeof value === "number") {
-      simpleEntries.push([key, value]);
-    } else if (typeof value === "string") {
-      if (hasMarkdown(value) || value.length > 120) {
-        complexEntries.push([key, value]);
-      } else {
-        simpleEntries.push([key, value]);
-      }
-    } else {
-      complexEntries.push([key, value]);
+var DEFAULT_META_COLUMN_WIDTH = 170;
+function OverviewListRow({
+  icon,
+  iconColor = "var(--color-primary)",
+  iconBackground = "var(--surface-primary-faint)",
+  iconTooltip,
+  title,
+  meta,
+  metaWidth = DEFAULT_META_COLUMN_WIDTH,
+  onClick
+}) {
+  const themeIcon = /* @__PURE__ */ jsx(
+    ThemeIcon,
+    {
+      size: "sm",
+      variant: "light",
+      style: {
+        backgroundColor: iconBackground,
+        color: iconColor,
+        flexShrink: 0
+      },
+      children: icon
     }
-  }
-  return /* @__PURE__ */ jsxs(Stack, { gap: 10, children: [
-    simpleEntries.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: 6, children: simpleEntries.map(([key, value]) => /* @__PURE__ */ jsxs(Group, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "sm",
-          style: { minWidth: 140, flexShrink: 0, fontFamily: "var(--mantine-font-family-headings)" },
-          children: formatLabel(key)
-        }
-      ),
-      /* @__PURE__ */ jsx(PrimitiveValue, { value })
-    ] }, key)) }),
-    complexEntries.map(([key, value]) => /* @__PURE__ */ jsx(NestedSection, { title: formatLabel(key), children: /* @__PURE__ */ jsx(ContextNode, { data: value, depth: depth + 1 }) }, key))
-  ] });
-}
-var TIME_RANGE_OPTIONS = [
-  { value: "1h", label: "Last 1 hour" },
-  { value: "24h", label: "Last 24 hours" },
-  { value: "7d", label: "Last 7 days" },
-  { value: "30d", label: "Last 30 days" }
-];
-function TimeRangeSelector({ value, onChange, width = 180 }) {
-  return /* @__PURE__ */ jsx(
-    CustomSelector,
+  );
+  return /* @__PURE__ */ jsxs(
+    Group,
     {
-      value,
-      onChange: (newValue) => newValue && onChange(newValue),
-      data: TIME_RANGE_OPTIONS,
-      leftSection: /* @__PURE__ */ jsx(IconClock, { size: 16, color: "var(--color-text-subtle)" }),
-      w: width,
-      withCheckIcon: true
+      gap: "sm",
+      wrap: "nowrap",
+      py: 7,
+      px: "xs",
+      justify: "space-between",
+      onClick,
+      style: {
+        cursor: onClick ? "pointer" : "default",
+        borderRadius: "var(--mantine-radius-sm)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", style: { flex: 1, minWidth: 0 }, children: [
+          iconTooltip ? /* @__PURE__ */ jsx(Tooltip, { label: iconTooltip, withArrow: true, children: themeIcon }) : themeIcon,
+          typeof title === "string" ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "sm",
+              fw: 600,
+              style: {
+                color: "var(--color-text)",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                minWidth: 0
+              },
+              children: title
+            }
+          ) : title
+        ] }),
+        meta && /* @__PURE__ */ jsx(Group, { gap: 6, wrap: "nowrap", justify: "flex-end", style: { width: metaWidth, flexShrink: 0 }, children: meta })
+      ]
     }
   );
 }
-function useStableAccessToken() {
-  const { getAccessToken } = useAuthContext();
-  const getAccessTokenRef = useRef(getAccessToken);
-  getAccessTokenRef.current = getAccessToken;
-  return useCallback(() => {
-    return getAccessTokenRef.current();
-  }, []);
-}
-function useSessionCheck() {
-  const { user } = useAuthContext();
-  const queryClient = useQueryClient();
-  const organization = useContext(OrganizationContext);
-  const currentWorkOSOrganizationId = organization?.currentWorkOSOrganizationId ?? null;
-  const currentSupabaseOrganizationId = organization?.currentSupabaseOrganizationId ?? null;
-  const isCheckingRef = useRef(false);
-  const hadUserRef = useRef(false);
-  if (user) {
-    hadUserRef.current = true;
-  }
-  useEffect(() => {
-    const handleVisibilityChange = async () => {
-      if (isCheckingRef.current || document.visibilityState !== "visible") {
-        return;
-      }
-      isCheckingRef.current = true;
-      try {
-        if (!user && hadUserRef.current) {
-          window.location.replace("/login");
-          return;
-        }
-        if (user) {
-          await queryClient.cancelQueries();
-          invalidateOrgScopedQueries(queryClient, [currentWorkOSOrganizationId, currentSupabaseOrganizationId]);
-        }
-      } finally {
-        isCheckingRef.current = false;
-      }
-    };
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    window.addEventListener("focus", handleVisibilityChange);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-      window.removeEventListener("focus", handleVisibilityChange);
-    };
-  }, [user, queryClient, currentWorkOSOrganizationId, currentSupabaseOrganizationId]);
+function OverviewList({ children }) {
+  const items = Children.toArray(children).filter(Boolean);
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: items.map((child, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    child,
+    index < items.length - 1 && /* @__PURE__ */ jsx(Divider, {})
+  ] }, index)) });
 }
-
-// src/auth/guards/computeProtectedRouteGate.ts
-var DEFAULT_WAIT_FOR_ORGANIZATION = true;
-function computeProtectedRouteGate({
-  isInitializing,
-  userReady,
-  allReady,
-  error,
-  waitForOrganization
+function SystemReadinessAlert({
+  ready,
+  actionLabel,
+  fallbackNote,
+  reason,
+  serverError
 }) {
-  const unauthenticated = !isInitializing && !userReady && error?.layer !== "profile";
-  const blockingError = !isInitializing && !!error && error.layer !== "organization";
-  const waitingForOrg = !isInitializing && waitForOrganization && !allReady && error?.layer !== "organization";
-  const showFallback = isInitializing || !blockingError && (unauthenticated || waitingForOrg);
-  return { unauthenticated, blockingError, showFallback };
+  if (ready && !serverError) return null;
+  const primaryIssue = serverError?.issues[0];
+  const remedy = primaryIssue ? resolveReadinessRemedy(primaryIssue) : void 0;
+  return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+      actionLabel,
+      " are disabled until System Interface readiness passes.",
+      fallbackNote ? ` ${fallbackNote}` : "",
+      reason ? ` ${reason}` : ""
+    ] }),
+    serverError?.issues.length ? /* @__PURE__ */ jsx(Stack, { gap: 2, children: serverError.issues.map((issue, index) => /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+      /* @__PURE__ */ jsxs(Text, { span: true, fw: 600, children: [
+        issue.family,
+        ":"
+      ] }),
+      " ",
+      issue.message
+    ] }, `${issue.family}-${issue.code}-${index}`)) }) : null,
+    remedy ? /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: remedy }) : null
+  ] }) });
 }
-function ProtectedRoute({
-  children,
-  redirectTo = "/login",
-  fallback = null,
-  errorFallback,
-  waitForOrganization = DEFAULT_WAIT_FOR_ORGANIZATION
-}) {
-  const { userReady, allReady, isInitializing, error, retry } = useInitialization();
-  const { signIn, canRecover } = useAuthContext();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const hasRedirected = useRef(false);
-  const { unauthenticated, blockingError, showFallback } = computeProtectedRouteGate({
-    isInitializing,
-    userReady,
-    allReady,
-    error,
-    waitForOrganization
+var ConfirmationModal = ({
+  opened,
+  onClose,
+  loading,
+  icon,
+  confirmationHandler,
+  style,
+  title,
+  text,
+  buttonText,
+  buttonColor,
+  centerText
+}) => {
+  const styledIcon = cloneElement(icon, {
+    size: 55,
+    strokeWidth: 1.5
   });
-  useEffect(() => {
-    if (unauthenticated && !hasRedirected.current) {
-      hasRedirected.current = true;
-      const searchStr = location.searchStr ?? "";
-      const returnTo = location.pathname + searchStr;
-      if (canRecover()) {
-        signIn({ state: { returnTo: returnTo !== "/" ? returnTo : void 0 } });
-      } else {
-        navigate({
-          to: redirectTo,
-          search: returnTo !== "/" ? { returnTo } : {}
-        });
+  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
+    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(Center, { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Text, { size: "lg", c: "var(--color-text)", children: title }) }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    text && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", style: { textAlign: centerText ? "center" : "left" }, children: text }),
+      /* @__PURE__ */ jsx(Space, { h: 16 })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { color: buttonColor, fullWidth: true, onClick: confirmationHandler, loading, children: buttonText || "Confirm" })
+  ] });
+};
+var ConfirmationInputModal = ({
+  opened,
+  onClose,
+  loading,
+  icon,
+  confirmationHandler,
+  style,
+  title,
+  text,
+  buttonText,
+  buttonColor,
+  inputValue,
+  onInputChange,
+  expectedValue,
+  placeholder
+}) => {
+  const styledIcon = cloneElement(icon, {
+    size: 55,
+    strokeWidth: 1.5
+  });
+  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
+    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Title, { order: 3, children: title }) }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    text && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: text }),
+      /* @__PURE__ */ jsx(Space, { h: 8 })
+    ] }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        placeholder: placeholder || "Enter confirmation text",
+        value: inputValue,
+        onChange: (event) => onInputChange(event.currentTarget.value)
       }
-    }
-  }, [unauthenticated, signIn, canRecover, navigate, redirectTo, location]);
-  if (blockingError) {
-    return errorFallback ? /* @__PURE__ */ jsx(Fragment, { children: errorFallback(error, retry) }) : null;
-  }
-  if (showFallback) {
-    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-function useOptionalNavigate() {
-  try {
-    return useNavigate();
-  } catch {
-    return null;
-  }
-}
-function renderFallback(fallback, answer) {
-  return typeof fallback === "function" ? fallback(answer) : fallback ?? null;
-}
-function AccessGuard({
-  accessKey,
-  children,
-  fallback = null,
-  loadingFallback = null,
-  redirectTo = null
-}) {
-  const answer = useAccess(accessKey);
-  const navigate = useOptionalNavigate();
-  const hasRedirected = useRef(false);
+    ),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: buttonColor,
+        fullWidth: true,
+        onClick: confirmationHandler,
+        loading,
+        disabled: inputValue !== expectedValue,
+        children: buttonText || "Confirm"
+      }
+    )
+  ] });
+};
+function ChartFrame({ h, debounceMs = 150, children }) {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const w = el.getBoundingClientRect().width;
+    if (w > 0) setWidth(w);
+  }, []);
   useEffect(() => {
-    if (!answer.isReady || answer.allowed || !redirectTo || hasRedirected.current) return;
-    hasRedirected.current = true;
-    if (navigate) {
-      navigate({ to: redirectTo });
-      return;
-    }
-    if (typeof window !== "undefined") {
-      window.location.assign(redirectTo);
-    }
-  }, [answer.allowed, answer.isReady, navigate, redirectTo]);
-  if (!answer.isReady) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
-  if (!answer.allowed) return /* @__PURE__ */ jsx(Fragment, { children: renderFallback(fallback, answer) });
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-function PageNotFound() {
-  const { currentPath, navigate } = useRouterContext();
-  const { user, isLoading } = useAuthContext();
-  const isAuthPage = currentPath === "/login" || currentPath === "/auth-redirect";
-  const shouldShowSidebar = user && !isLoading && !isAuthPage;
-  const height = shouldShowSidebar ? "100%" : "100vh";
-  return /* @__PURE__ */ jsx(Center, { h: height, bg: "var(--color-background)", children: /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", children: [
-    /* @__PURE__ */ jsx(IconInfoCircle, { size: 60, color: "var(--color-text-subtle)" }),
-    /* @__PURE__ */ jsx(Title, { order: 1, children: "Page Not Found" }),
-    /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "lg", children: "The page you are looking for does not exist." }),
-    /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(Button, { size: "md", onClick: () => navigate("/"), children: "Go Home" }) })
-  ] }) });
+    const el = ref.current;
+    if (!el) return;
+    let timeout;
+    const ro = new ResizeObserver((entries) => {
+      if (timeout !== void 0) window.clearTimeout(timeout);
+      const nextWidth = entries[0]?.contentRect.width ?? 0;
+      timeout = window.setTimeout(() => {
+        if (nextWidth > 0) setWidth(nextWidth);
+      }, debounceMs);
+    });
+    ro.observe(el);
+    return () => {
+      ro.disconnect();
+      if (timeout !== void 0) window.clearTimeout(timeout);
+    };
+  }, [debounceMs]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: h, position: "relative" }, children: width > 0 && /* @__PURE__ */ jsx("div", { style: { width, height: h }, children }) });
 }
-function FeatureUnavailableState({ path }) {
-  const { navigate } = useRouterContext();
-  return /* @__PURE__ */ jsx(
-    Center,
-    {
-      style: {
-        flex: 1,
-        minHeight: "100%",
-        width: "100%",
-        padding: 24,
-        background: "linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent)"
-      },
-      children: /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          align: "center",
-          gap: "md",
-          style: {
-            maxWidth: 560,
-            padding: "32px 28px",
-            borderRadius: 24,
-            border: "1px solid var(--color-border)",
-            background: "color-mix(in srgb, var(--glass-background) 86%, transparent)",
-            boxShadow: "var(--card-shadow)",
-            backdropFilter: "var(--glass-blur)",
-            textAlign: "center"
-          },
-          children: [
-            /* @__PURE__ */ jsx(IconBan, { size: 44, stroke: 1.8, color: "var(--color-text-subtle)" }),
-            /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
-              /* @__PURE__ */ jsx(Title, { order: 2, children: "This section is unavailable" }),
-              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", maw: 420, children: path ? `The requested route ${path} is currently disabled in this workspace.` : "The requested subsection is currently disabled in this workspace." })
-            ] }),
-            /* @__PURE__ */ jsx(Group, { gap: "sm", justify: "center", children: /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/"), children: "Go home" }) })
-          ]
-        }
-      )
-    }
-  );
+var THEME_DERIVED = {
+  grid: "var(--color-border)",
+  gridLine: "var(--color-border)",
+  tickText: "var(--mantine-color-dimmed)",
+  tooltipBg: "var(--glass-background)",
+  tooltipBorder: "var(--color-border)",
+  tooltipText: "var(--mantine-color-dimmed)",
+  dotStroke: "var(--mantine-color-body)"
+};
+var DARK = {
+  cyan: "#00e5ff",
+  cyanDim: "#00b8d4",
+  blue: "#448aff",
+  green: "#00ff88",
+  greenDim: "#00c853",
+  red: "#ff1744",
+  redDim: "#d50000",
+  yellow: "#ffab00",
+  magenta: "#ff4081",
+  ...THEME_DERIVED,
+  cardGlow: "0 0 30px rgba(0, 229, 255, 0.06)"
+};
+var LIGHT = {
+  cyan: "#0091ea",
+  cyanDim: "#0277bd",
+  blue: "#4d8af0",
+  green: "#00a854",
+  greenDim: "#00873e",
+  red: "#d32f2f",
+  redDim: "#b71c1c",
+  yellow: "#f9a825",
+  magenta: "#c51162",
+  ...THEME_DERIVED,
+  cardGlow: "0 0 20px rgba(0, 145, 234, 0.06)"
+};
+function useCyberColors() {
+  const scheme = useComputedColorScheme("dark");
+  return useMemo(() => scheme === "dark" ? DARK : LIGHT, [scheme]);
 }
-function resolveSystemPath(accessKey) {
-  try {
-    return normalizeAccessKey(accessKey).systemPath;
-  } catch {
-    return typeof accessKey === "string" ? accessKey : accessKey.systemPath;
+function getSeriesColor(key, colors) {
+  switch (key) {
+    case "Success Rate":
+      return colors.cyan;
+    case "Executions":
+      return colors.blue;
+    case "Success Count":
+      return colors.green;
+    case "Error Count":
+      return colors.red;
+    default:
+      return colors.cyan;
   }
 }
-function UnavailableCard({
-  icon,
-  title,
-  description,
-  devHint
+var ReferenceLine = ReferenceLine$1;
+function CyberDefs({ colors, isLight }) {
+  const gradMul = isLight ? 0.5 : 1;
+  const gradients = [
+    { id: "gradCyan", color: colors.cyan, opacity: 0.35 * gradMul },
+    { id: "gradBlue", color: colors.blue, opacity: 0.3 * gradMul },
+    { id: "gradGreen", color: colors.green, opacity: 0.3 * gradMul },
+    { id: "gradRed", color: colors.red, opacity: 0.3 * gradMul },
+    { id: "gradYellow", color: colors.yellow, opacity: 0.3 * gradMul }
+  ];
+  const glowMul = isLight ? 0.25 : 1;
+  const filters = [
+    { id: "glowCyan", std: 3 * glowMul },
+    { id: "glowBlue", std: 3 * glowMul },
+    { id: "glowGreen", std: 2.5 * glowMul },
+    { id: "glowRed", std: 2.5 * glowMul },
+    { id: "glowYellow", std: 2.5 * glowMul }
+  ];
+  return /* @__PURE__ */ jsxs("defs", { children: [
+    gradients.map((g) => /* @__PURE__ */ jsxs("linearGradient", { id: g.id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: g.color, stopOpacity: g.opacity }),
+      /* @__PURE__ */ jsx("stop", { offset: "60%", stopColor: g.color, stopOpacity: g.opacity * 0.2 }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: g.color, stopOpacity: 0 })
+    ] }, g.id)),
+    filters.map((f) => /* @__PURE__ */ jsxs("filter", { id: f.id, x: "-20%", y: "-20%", width: "140%", height: "140%", children: [
+      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: f.std, result: "blur" }),
+      /* @__PURE__ */ jsxs("feMerge", { children: [
+        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+      ] })
+    ] }, f.id)),
+    /* @__PURE__ */ jsxs("filter", { id: "dotGlow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
+      /* @__PURE__ */ jsxs("feMerge", { children: [
+        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("filter", { id: "pulseGlow", x: "-30%", y: "-30%", width: "160%", height: "160%", children: [
+      /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "5", result: "blur" }),
+      /* @__PURE__ */ jsxs("feMerge", { children: [
+        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+      ] })
+    ] })
+  ] });
+}
+function PulseDefs({ series, colors, isLight }) {
+  return /* @__PURE__ */ jsx("defs", { children: series.map((s, i) => {
+    const color = colors[s.color ?? "cyan"];
+    const dur = "6s";
+    const delay = "0s";
+    const keyTimes = "0;0.3;1";
+    const keySplines = "0.33 0 0.67 1;0 0 1 1";
+    const animateProps = {
+      dur,
+      keyTimes,
+      keySplines,
+      repeatCount: "indefinite",
+      calcMode: "spline",
+      begin: delay
+    };
+    return /* @__PURE__ */ jsxs("linearGradient", { id: `pulse-${i}`, x1: "0", y1: "0", x2: "1", y2: "0", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: color, stopOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "-0.15;1.0;1.0", ...animateProps }) }),
+      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: isLight ? "white" : color, stopOpacity: isLight ? 0.6 : 0.9, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "-0.075;1.075;1.075", ...animateProps }) }),
+      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: color, stopOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "offset", values: "0;1.15;1.15", ...animateProps }) })
+    ] }, i);
+  }) });
+}
+function CyberActiveDot({
+  cx,
+  cy,
+  color,
+  dotStroke
 }) {
-  return /* @__PURE__ */ jsx(
-    Center,
+  if (cx == null || cy == null) return null;
+  return /* @__PURE__ */ jsxs("g", { filter: "url(#dotGlow)", children: [
+    /* @__PURE__ */ jsxs("circle", { cx, cy, r: 6, fill: "none", stroke: color, strokeWidth: 2, opacity: 0.5, children: [
+      /* @__PURE__ */ jsx("animate", { attributeName: "r", from: "4", to: "10", dur: "1.2s", repeatCount: "indefinite" }),
+      /* @__PURE__ */ jsx("animate", { attributeName: "opacity", from: "0.6", to: "0", dur: "1.2s", repeatCount: "indefinite" })
+    ] }),
+    /* @__PURE__ */ jsx("circle", { cx, cy, r: 4, fill: color, stroke: dotStroke, strokeWidth: 2 })
+  ] });
+}
+function CyberTooltipContent({
+  active,
+  payload,
+  label,
+  colors,
+  labelFormatter,
+  valueFormatter
+}) {
+  if (!active || !payload?.length) return null;
+  const filtered = payload.filter((entry) => !entry.name?.startsWith("_pulse_"));
+  if (!filtered.length) return null;
+  const displayLabel = label && labelFormatter ? labelFormatter(label) : label;
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
       style: {
-        flex: 1,
-        minHeight: "100%",
-        width: "100%",
-        padding: 24,
-        background: "linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent)"
+        background: colors.tooltipBg,
+        border: `1px solid ${colors.tooltipBorder}`,
+        borderRadius: 8,
+        padding: "10px 14px",
+        backdropFilter: "var(--glass-blur)",
+        WebkitBackdropFilter: "var(--glass-blur)",
+        boxShadow: "var(--standard-box-shadow)",
+        fontFamily: "var(--mantine-font-family-monospace, monospace)",
+        minWidth: 160
       },
-      children: /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          align: "center",
-          gap: "md",
-          style: {
-            maxWidth: 560,
-            padding: "32px 28px",
-            borderRadius: 24,
-            border: "1px solid var(--color-border)",
-            background: "color-mix(in srgb, var(--glass-background) 86%, transparent)",
-            boxShadow: "var(--card-shadow)",
-            backdropFilter: "var(--glass-blur)",
-            textAlign: "center"
-          },
-          children: [
-            icon,
-            /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
-              /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
-              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", maw: 420, children: description }),
-              devHint ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", maw: 420, children: devHint }) : null
-            ] })
-          ]
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: 11,
+              color: colors.tickText,
+              marginBottom: 8,
+              letterSpacing: "0.05em",
+              textTransform: "uppercase",
+              borderBottom: `1px solid ${colors.tooltipBorder}`,
+              paddingBottom: 6
+            },
+            children: displayLabel
+          }
+        ),
+        filtered.map((entry) => {
+          const color = entry.color || getSeriesColor(entry.dataKey, colors);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: 16,
+                padding: "3px 0",
+                fontSize: 12
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        width: 8,
+                        height: 8,
+                        borderRadius: "50%",
+                        backgroundColor: color,
+                        boxShadow: `0 0 6px ${color}`
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { style: { color: colors.tooltipText }, children: entry.name ?? entry.dataKey })
+                ] }),
+                /* @__PURE__ */ jsx("span", { style: { color, fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: entry.value != null && valueFormatter ? valueFormatter(entry.value) : String(entry.value) })
+              ]
+            },
+            entry.dataKey
+          );
+        })
+      ]
     }
   );
 }
-function SystemUnavailableState({ accessKey, reason }) {
-  const systems = useOptionalElevasisSystems();
-  const systemPath2 = resolveSystemPath(accessKey);
-  if (reason === "unknown-access-key") {
-    const isDev = import.meta.env?.DEV ?? false;
-    return /* @__PURE__ */ jsx(
-      UnavailableCard,
-      {
-        icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 44, stroke: 1.8, color: "var(--color-warning)" }),
-        title: "System not declared",
-        description: `"${systemPath2}" is not declared in this organization's model, so this route cannot resolve.`,
-        devHint: isDev ? "Dev: declare this System in core/config/organization-model/systems.ts." : null
-      }
-    );
-  }
-  if (reason === "system-not-active") {
-    const system = systems?.organizationModel ? getSystem(systems.organizationModel, systemPath2) : void 0;
-    const lifecycle = system?.lifecycle ?? "inactive";
-    return /* @__PURE__ */ jsx(
-      UnavailableCard,
+function CyberLegendItem({ color, label }) {
+  return /* @__PURE__ */ jsxs(Group, { gap: 8, children: [
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        icon: /* @__PURE__ */ jsx(IconBan, { size: 44, stroke: 1.8, color: "var(--color-text-subtle)" }),
-        title: "System unavailable",
-        description: `${system?.label ?? systemPath2} (${systemPath2}) is currently "${lifecycle}" and not reachable in this workspace.`
+        style: {
+          width: 10,
+          height: 10,
+          borderRadius: "50%",
+          backgroundColor: color,
+          boxShadow: `0 0 8px ${color}, 0 0 16px ${color}40`
+        }
       }
-    );
-  }
-  return /* @__PURE__ */ jsx(NoAccessState, {});
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "xs", style: { color: "var(--color-text-subtle)", letterSpacing: "0.03em" }, children: label })
+  ] });
 }
-function ResourceCard({
-  resource,
-  onClick,
-  layout = "stack",
-  rightSection,
-  topSection,
-  lastRunLabel,
-  style,
-  ...rest
+var COLOR_MAP = {
+  cyan: { gradient: "url(#gradCyan)", filter: "url(#glowCyan)", key: "cyan" },
+  blue: { gradient: "url(#gradBlue)", filter: "url(#glowBlue)", key: "blue" },
+  green: { gradient: "url(#gradGreen)", filter: "url(#glowGreen)", key: "green" },
+  red: { gradient: "url(#gradRed)", filter: "url(#glowRed)", key: "red" },
+  yellow: { gradient: "url(#gradYellow)", filter: "url(#glowYellow)", key: "yellow" }
+};
+function CyberAreaChart({
+  data,
+  series,
+  xDataKey = "time",
+  height = 300,
+  yAxisLabel,
+  yDomain,
+  yTickFormatter,
+  showGrid = true,
+  showZeroBaseline = true,
+  baselineColor,
+  lineOnly = false,
+  margin = { top: 8, right: 20, left: 0, bottom: 0 },
+  xTickFormatter,
+  tooltipFormatter
 }) {
-  const Icon = getResourceIcon(resource.type);
-  if (!Icon) {
-    return /* @__PURE__ */ jsx(Card, { shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-      "Invalid resource type: ",
-      resource.type
-    ] }) });
-  }
-  const cardStyle = {
-    cursor: "pointer",
-    ...layout === "grid" || layout === "card" ? { transition: "box-shadow var(--duration-fast) var(--easing)" } : {},
-    ...style
-  };
-  const iconSize = layout === "grid" ? 28 : 20;
-  const details = /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx(Icon, { size: iconSize, color: "var(--color-primary)" }),
-    /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            fw: 600,
-            size: "sm",
-            style: { fontFamily: "var(--elevasis-font-family-subtitle)" },
-            ...layout === "stack" ? { lineClamp: 1 } : { truncate: true },
-            children: resource.name
-          }
-        ),
-        /* @__PURE__ */ jsx(Badge, { variant: "light", size: layout === "grid" ? "xs" : "sm", children: resource.type })
-      ] }),
-      resource.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ...layout === "stack" ? { lineClamp: 1 } : { truncate: true }, children: resource.description }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "xs", children: [
-          "v",
-          resource.version
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "outline", size: layout === "grid" ? "xs" : "sm", children: resource.status.toUpperCase() })
-      ] }),
-      lastRunLabel && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lastRunLabel }),
-      /* @__PURE__ */ jsx(Text, { size: layout === "grid" ? "sm" : "xs", c: "dimmed", ff: "monospace", children: resource.resourceId })
-    ] })
-  ] });
-  if (layout === "card") {
-    return /* @__PURE__ */ jsx(
-      Card,
+  const isLight = useComputedColorScheme("dark") === "light";
+  const colors = useCyberColors();
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    const frame = requestAnimationFrame(() => setReady(true));
+    return () => cancelAnimationFrame(frame);
+  }, []);
+  const allZero = useMemo(() => {
+    if (!showZeroBaseline || !data.length) return false;
+    return data.every((row) => series.every((s) => row[s.dataKey] === 0));
+  }, [data, series, showZeroBaseline]);
+  if (!ready || !data.length) return /* @__PURE__ */ jsx(Box, { style: { height } });
+  const gridProps = {
+    stroke: colors.gridLine,
+    strokeDasharray: "3 6",
+    strokeOpacity: 1
+  };
+  const xAxisConfig = {
+    stroke: "none",
+    tick: {
+      fill: colors.tickText,
+      fontSize: 11,
+      fontFamily: "var(--mantine-font-family-monospace, monospace)"
+    },
+    tickLine: false,
+    axisLine: { stroke: colors.grid, strokeWidth: 1 }
+  };
+  const yTickStyle = {
+    fill: colors.tickText,
+    fontSize: 11,
+    fontFamily: "var(--mantine-font-family-monospace, monospace)"
+  };
+  return /* @__PURE__ */ jsx(Box, { style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin, children: [
+    /* @__PURE__ */ jsx(CyberDefs, { colors, isLight }),
+    /* @__PURE__ */ jsx(PulseDefs, { series, colors, isLight }),
+    showGrid && /* @__PURE__ */ jsx(CartesianGrid, { ...gridProps }),
+    /* @__PURE__ */ jsx(XAxis, { dataKey: xDataKey, ...xAxisConfig, tickFormatter: xTickFormatter }),
+    /* @__PURE__ */ jsx(
+      YAxis,
       {
-        withBorder: true,
-        padding: 0,
-        style: cardStyle,
-        onClick: () => onClick(resource),
-        "data-resource-id": rest["data-resource-id"],
-        children: /* @__PURE__ */ jsxs(Stack, { gap: 8, p: "sm", pb: "xs", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", justify: "space-between", children: [
-            /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx(Icon, { size: 20, color: "var(--color-primary)", style: { flexShrink: 0 } }),
-              /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, truncate: true, children: resource.name })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-              resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
-                "v",
-                resource.version
-              ] }),
-              /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "light", size: "sm", children: resource.status.toUpperCase() })
-            ] })
-          ] }),
-          resource.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, children: resource.description }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", wrap: "nowrap", children: [
-            rightSection || /* @__PURE__ */ jsx("span", {}),
-            lastRunLabel && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { whiteSpace: "nowrap" }, children: lastRunLabel })
-          ] }),
-          topSection
-        ] })
+        domain: yDomain ?? [0, (max) => Math.max(max, 1)],
+        stroke: "none",
+        tick: yTickStyle,
+        tickFormatter: yTickFormatter,
+        tickLine: false,
+        axisLine: { stroke: colors.grid, strokeWidth: 1 },
+        label: yAxisLabel ? {
+          value: yAxisLabel,
+          angle: -90,
+          position: "insideLeft",
+          offset: 0,
+          style: { fill: colors.tickText, fontSize: 11 }
+        } : void 0
       }
-    );
-  }
-  if (layout === "row") {
-    const [hovered, setHovered] = useState(false);
-    return /* @__PURE__ */ jsx(
-      Card,
+    ),
+    /* @__PURE__ */ jsx(
+      Tooltip$1,
       {
-        padding: 0,
-        style: {
-          cursor: "pointer",
-          border: "1px solid var(--color-border)",
-          transition: "background 150ms ease",
-          background: hovered ? "var(--active-background)" : "var(--color-surface)",
-          ...style
-        },
-        onClick: () => onClick(resource),
-        onMouseEnter: () => setHovered(true),
-        onMouseLeave: () => setHovered(false),
-        "data-resource-id": rest["data-resource-id"],
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "grid",
-              gridTemplateColumns: "18px 200px 120px 1fr 180px 200px 14px",
-              alignItems: "center",
-              gap: "var(--mantine-spacing-sm)"
-            },
-            children: [
-              /* @__PURE__ */ jsx(Icon, { size: 18, color: "var(--color-primary)" }),
-              /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", truncate: true, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: resource.name }),
-              /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
-                resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
-                  "v",
-                  resource.version
-                ] }),
-                /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "light", size: "sm", children: resource.status.toUpperCase() })
-              ] }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, style: { minWidth: 0 }, children: resource.description || "" }),
-              /* @__PURE__ */ jsx("div", { style: { whiteSpace: "nowrap" }, children: rightSection }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { whiteSpace: "nowrap", textAlign: "right" }, children: lastRunLabel || "" }),
-              /* @__PURE__ */ jsx(
-                IconChevronRight,
-                {
-                  size: 14,
-                  style: {
-                    opacity: hovered ? 0.7 : 0,
-                    transition: "opacity 150ms ease"
-                  }
-                }
-              )
-            ]
-          }
-        )
+        content: /* @__PURE__ */ jsx(CyberTooltipContent, { colors, labelFormatter: xTickFormatter, valueFormatter: tooltipFormatter }),
+        cursor: { stroke: colors.cyan, strokeOpacity: 0.2 }
       }
-    );
-  }
-  if (layout === "grid") {
-    return /* @__PURE__ */ jsx(
-      Card,
+    ),
+    allZero && (() => {
+      const bColor = colors[baselineColor ?? series[0]?.color ?? "cyan"];
+      const glow = isLight ? `drop-shadow(0 0 2px ${bColor})` : `drop-shadow(0 0 4px ${bColor}) drop-shadow(0 0 8px ${bColor})`;
+      return /* @__PURE__ */ jsx(ReferenceLine, { y: 0, stroke: bColor, strokeWidth: isLight ? 1.5 : 2, style: { filter: glow } });
+    })(),
+    series.map((s) => {
+      const cm = COLOR_MAP[s.color ?? "cyan"];
+      const strokeColor = colors[cm.key];
+      return /* @__PURE__ */ jsx(
+        Area,
+        {
+          type: "monotone",
+          dataKey: s.dataKey,
+          name: s.name ?? s.dataKey,
+          stroke: strokeColor,
+          strokeWidth: lineOnly ? 3 : 2,
+          fill: lineOnly ? "transparent" : cm.gradient,
+          filter: cm.filter,
+          dot: false,
+          activeDot: /* @__PURE__ */ jsx(CyberActiveDot, { color: strokeColor, dotStroke: colors.dotStroke }),
+          animationBegin: 100,
+          animationDuration: s.animationDuration ?? 1200,
+          animationEasing: "ease-out"
+        },
+        s.dataKey
+      );
+    }),
+    !isLight && series.map((s, i) => /* @__PURE__ */ jsx(
+      Area,
       {
-        withBorder: true,
-        padding: "sm",
-        style: cardStyle,
-        onClick: () => onClick(resource),
-        "data-resource-id": rest["data-resource-id"],
-        children: /* @__PURE__ */ jsxs(Grid, { gutter: "sm", align: "center", children: [
-          /* @__PURE__ */ jsx(Grid.Col, { span: 8, children: details }),
-          rightSection && /* @__PURE__ */ jsx(Grid.Col, { span: 4, children: /* @__PURE__ */ jsx(Group, { justify: "flex-end", gap: "md", wrap: "nowrap", children: rightSection }) })
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      shadow: "sm",
-      withBorder: true,
-      style: cardStyle,
-      onClick: () => onClick(resource),
-      "data-resource-id": rest["data-resource-id"],
-      children: /* @__PURE__ */ jsx(Stack, { children: details })
-    }
-  );
+        type: "monotone",
+        dataKey: s.dataKey,
+        name: `_pulse_${s.dataKey}`,
+        stroke: `url(#pulse-${i})`,
+        strokeWidth: 3,
+        fill: "none",
+        filter: "url(#pulseGlow)",
+        dot: false,
+        activeDot: false,
+        tooltipType: "none",
+        isAnimationActive: false,
+        style: { pointerEvents: "none" }
+      },
+      `pulse-${s.dataKey}`
+    ))
+  ] }) }) });
 }
-
-// src/components/display/ElevasisLoader.module.css.js
-var ElevasisLoader_module_css_default = { "wrapper": "wrapper", "loader": "loader", "chevron": "chevron", "c1": "c1", "c2": "c2", "c3": "c3" };
-var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_module_css_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_module_css_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c1}`, points: "5,36 20,25 35,36" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c2}`, points: "9,23 20,14 31,23" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c3}`, points: "13,11 20,5 27,11" })
-] }) }));
-ElevasisLoader.displayName = "ElevasisLoader";
-var SIZE_MAP = {
-  sm: { dot: 7, inner: 6, outer: 12 },
-  md: { dot: 10, inner: 8, outer: 16 },
-  lg: { dot: 12, inner: 10, outer: 20 }
-};
-function GlowDot({ color, size = "md" }) {
-  const { dot, inner, outer } = SIZE_MAP[size];
-  return /* @__PURE__ */ jsx(
+function CyberDonutTooltip({
+  active,
+  payload,
+  colors
+}) {
+  if (!active || !payload?.length) return null;
+  const entry = payload[0];
+  if (!entry) return null;
+  const color = entry.payload?.color ?? colors.cyan;
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
-        width: dot,
-        height: dot,
-        borderRadius: "50%",
-        backgroundColor: color,
-        boxShadow: `0 0 ${inner}px ${color}, 0 0 ${outer}px ${color}40`,
-        flexShrink: 0
-      }
+        background: colors.tooltipBg,
+        border: `1px solid ${colors.tooltipBorder}`,
+        borderRadius: 8,
+        padding: "8px 12px",
+        backdropFilter: "var(--glass-blur)",
+        WebkitBackdropFilter: "var(--glass-blur)",
+        boxShadow: "var(--standard-box-shadow)",
+        fontFamily: "var(--mantine-font-family-monospace, monospace)",
+        display: "flex",
+        alignItems: "center",
+        gap: 10
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              backgroundColor: color,
+              boxShadow: `0 0 6px ${color}`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { color: colors.tooltipText, fontSize: 12 }, children: entry.name }),
+        /* @__PURE__ */ jsx("span", { style: { color, fontWeight: 600, fontSize: 12, fontVariantNumeric: "tabular-nums" }, children: entry.value })
+      ]
     }
   );
 }
-var STATUS_COLORS = {
-  // Project
-  active: void 0,
-  on_track: "green",
-  at_risk: "yellow",
-  blocked: "red",
-  completed: "teal",
-  paused: "gray",
-  // Milestone
-  upcoming: "gray",
-  in_progress: void 0,
-  overdue: "red",
-  // Task
-  pending: "gray",
-  planned: "gray",
-  submitted: "yellow",
-  approved: "green",
-  rejected: "red",
-  revision_requested: "orange",
-  cancelled: "gray",
-  // Note
-  call_note: void 0,
-  status_update: "green",
-  issue: "yellow",
-  blocker: "red",
-  agent_learning: "grape"
-};
-function StatusBadge({ status, ...props }) {
-  const label = status.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-  const color = Object.prototype.hasOwnProperty.call(STATUS_COLORS, status) ? STATUS_COLORS[status] : "gray";
-  return /* @__PURE__ */ jsx(Badge, { variant: "light", color, size: "sm", ...props, children: label });
-}
-var ICON_MAP = {
-  deal_created: IconPlus,
-  stage_change: IconArrowRight,
-  discovery_submitted: IconFileText,
-  proposal_generated: IconFileText,
-  proposal_sent: IconSend,
-  proposal_reviewed: IconEye,
-  closed_lost: IconX,
-  fees_updated: IconCreditCard,
-  closed_won: IconCircleCheck,
-  reply_received: IconMessageReply,
-  booking_cancelled: IconCalendarCancel,
-  booking_rescheduled: IconCalendarEvent,
-  reminder_sent: IconBell,
-  reply_sent_to_lead: IconMailForward,
-  followup_email_sent: IconMailForward,
-  no_show: IconUserOff,
-  moved_to_nurturing: IconHeartHandshake
-};
-function ActivityTimeline({ activities }) {
-  if (!activities.length) {
-    return /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "No activity events yet" });
-  }
-  const sorted = [...activities].reverse();
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Timeline, { active: sorted.length - 1, bulletSize: 28, lineWidth: 2, color: "var(--color-primary)", children: sorted.map((activity, index) => {
-    const Icon = ICON_MAP[activity.type] || IconActivity;
-    return /* @__PURE__ */ jsx(
-      Timeline.Item,
+function CyberDonut({
+  title,
+  segments,
+  centerValue,
+  centerLabel,
+  centerValueColor = "var(--mantine-color-text)",
+  glowId,
+  colors,
+  size = 120,
+  innerRadius = 36,
+  outerRadius = 52,
+  isLoading,
+  showLegend = true
+}) {
+  const filtered = segments.filter((s) => s.value > 0);
+  const isEmpty = filtered.length === 0;
+  const pieData = isEmpty ? [{ name: "Empty", value: 1, color: "var(--color-border)" }] : filtered;
+  return /* @__PURE__ */ jsxs(Stack, { gap: 6, align: "center", children: [
+    title && /* @__PURE__ */ jsx(
+      Text,
       {
-        bullet: /* @__PURE__ */ jsx(ThemeIcon, { size: 28, variant: "filled", color: "var(--color-primary)", radius: "xl", children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
-        children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: activity.title }),
-          activity.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: activity.description }),
-          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            formatTimeAgo(activity.occurredAt),
-            activity.actor && ` by ${activity.actor}`
+        size: "xs",
+        fw: 600,
+        style: { color: "var(--color-text)", letterSpacing: "0.03em", textTransform: "uppercase" },
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { style: { width: size, height: size, position: "relative" }, children: [
+      /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { children: [
+        !isEmpty && /* @__PURE__ */ jsx("defs", { children: filtered.map((_, i) => /* @__PURE__ */ jsxs("filter", { id: `${glowId}-${i}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: [
+          /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2", result: "blur" }),
+          /* @__PURE__ */ jsxs("feMerge", { children: [
+            /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+            /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
           ] })
-        ] })
-      },
-      index
-    );
-  }) }) });
-}
-function SystemReadinessAlert({
-  ready,
-  actionLabel,
-  fallbackNote,
-  reason,
-  serverError
-}) {
-  if (ready && !serverError) return null;
-  const primaryIssue = serverError?.issues[0];
-  const remedy = primaryIssue ? resolveReadinessRemedy(primaryIssue) : void 0;
-  return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-      actionLabel,
-      " are disabled until System Interface readiness passes.",
-      fallbackNote ? ` ${fallbackNote}` : "",
-      reason ? ` ${reason}` : ""
+        ] }, i)) }),
+        /* @__PURE__ */ jsx(
+          Pie,
+          {
+            data: pieData,
+            cx: "50%",
+            cy: "50%",
+            innerRadius,
+            outerRadius,
+            paddingAngle: isEmpty ? 0 : 3,
+            dataKey: "value",
+            stroke: "none",
+            animationBegin: 100,
+            animationDuration: 1e3,
+            animationEasing: "ease-out",
+            isAnimationActive: !isEmpty,
+            children: pieData.map((entry, i) => /* @__PURE__ */ jsx(
+              Cell,
+              {
+                fill: entry.color,
+                style: {
+                  filter: isEmpty ? void 0 : `url(#${glowId}-${i})`,
+                  fillOpacity: isEmpty ? 0.3 : 0.9
+                }
+              },
+              entry.name
+            ))
+          }
+        ),
+        !isEmpty && /* @__PURE__ */ jsx(Tooltip$1, { content: /* @__PURE__ */ jsx(CyberDonutTooltip, { colors }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            textAlign: "center",
+            pointerEvents: "none"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 700,
+                  fontFamily: "var(--mantine-font-family-monospace, monospace)",
+                  color: centerValueColor,
+                  lineHeight: 1
+                },
+                children: isLoading ? "-" : centerValue
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: 8,
+                  color: "var(--mantine-color-dimmed)",
+                  letterSpacing: "0.05em",
+                  textTransform: "uppercase",
+                  marginTop: 2
+                },
+                children: centerLabel
+              }
+            )
+          ]
+        }
+      )
     ] }),
-    serverError?.issues.length ? /* @__PURE__ */ jsx(Stack, { gap: 2, children: serverError.issues.map((issue, index) => /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-      /* @__PURE__ */ jsxs(Text, { span: true, fw: 600, children: [
-        issue.family,
-        ":"
-      ] }),
-      " ",
-      issue.message
-    ] }, `${issue.family}-${issue.code}-${index}`)) }) : null,
-    remedy ? /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: remedy }) : null
-  ] }) });
+    showLegend && /* @__PURE__ */ jsx(Stack, { gap: 4, style: { width: "100%" }, children: segments.map((seg) => /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", px: "xs", children: [
+      /* @__PURE__ */ jsx(CyberLegendItem, { color: seg.color, label: seg.name }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "xs",
+          fw: 600,
+          style: {
+            fontFamily: "var(--mantine-font-family-monospace, monospace)",
+            fontVariantNumeric: "tabular-nums"
+          },
+          children: isLoading ? "-" : seg.value
+        }
+      )
+    ] }, seg.name)) })
+  ] });
 }
 var GRANULARITY_MAP = {
   "1h": "hour",
@@ -6053,7 +6327,7 @@ function CostTrendChart({ data, summaryData, isLoading, error }) {
           " ",
           /* @__PURE__ */ jsx(NumberFormatter, { prefix: "$", value: projectedMonthlyCost, thousandSeparator: true, decimalScale: 2 })
         ] }),
-        /* @__PURE__ */ jsx(Tooltip$1, { label: `Projection confidence: ${confidence}`, children: /* @__PURE__ */ jsx(IconInfoCircle, { size: 12, color: "var(--color-text-subtle)" }) })
+        /* @__PURE__ */ jsx(Tooltip, { label: `Projection confidence: ${confidence}`, children: /* @__PURE__ */ jsx(IconInfoCircle, { size: 12, color: "var(--color-text-subtle)" }) })
       ] }),
       /* @__PURE__ */ jsxs(
         Text,
@@ -6654,11 +6928,11 @@ function useResources() {
 }
 function CheckpointGroup({ name, count, isActive, onClick }) {
   const theme = useMantineTheme();
-  const activeColor = theme.colors[theme.primaryColor][6];
+  const activeColor2 = theme.colors[theme.primaryColor][6];
   const defaultTextColor = "var(--color-text)";
-  const textColor = isActive ? activeColor : defaultTextColor;
+  const textColor = isActive ? activeColor2 : defaultTextColor;
   const fontWeight = isActive ? 600 : 500;
-  const activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+  const activeBg2 = `color-mix(in srgb, ${activeColor2} 10%, transparent)`;
   return /* @__PURE__ */ jsx(
     UnstyledButton,
     {
@@ -6669,7 +6943,7 @@ function CheckpointGroup({ name, count, isActive, onClick }) {
         width: "100%",
         padding: theme.spacing.xs,
         borderRadius: theme.radius.sm,
-        backgroundColor: isActive ? activeBg : "transparent",
+        backgroundColor: isActive ? activeBg2 : "transparent",
         transition: `all var(--duration-fast) var(--easing)`,
         cursor: "pointer"
       },
@@ -7359,12 +7633,7 @@ function TaskRow({ task, onClick }) {
     }
   );
 }
-function MyTasksPanel({
-  onTaskClick,
-  onSeeAll,
-  footer,
-  showSectionLabel = true
-}) {
+function MyTasksPanel({ onTaskClick, onSeeAll, footer, showSectionLabel = true }) {
   const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
   const tasks = data ?? [];
   const total = tasks.length;
@@ -7641,6 +7910,43 @@ var leadGenManifest = {
   icon: IconTarget,
   sidebar: SalesSidebar
 };
+var SEOSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSearch, label: "SEO" });
+};
+var NAV_ITEMS = [
+  { label: "SEO Pages", to: "/seo", icon: IconChartBar, exact: true },
+  { label: "Metrics", to: "/seo/metrics", icon: IconTrendingUp, exact: false }
+];
+var SEOSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", style: { flex: 1, overflowY: "auto" }, children: NAV_ITEMS.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SubshellNavItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        href: item.to,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) });
+};
+var SEOSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(SEOSidebarTop, {}),
+    /* @__PURE__ */ jsx(SEOSidebarMiddle, {})
+  ] });
+};
+
+// src/features/seo/manifest.ts
+var seoManifest = {
+  key: "seo",
+  systemId: "seo",
+  sidebar: SEOSidebar
+};
 var deliveryManifest = {
   key: "delivery",
   systemId: PROJECTS_SYSTEM_ID,
@@ -8045,6 +8351,7 @@ var DEFAULT_ORGANIZATION_GRAPH_FILTERS = {
   showIntegrations: true,
   domainFilters: {}
 };
+var ORGANIZATION_NODE_ID = "organization-model";
 
 // src/hooks/operations/shared/queryKeys.ts
 var operationsKeys = {
@@ -8614,7 +8921,16 @@ var ExecutionLogsSidebar = () => {
         label: "Recent Executions",
         rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
           runningCount > 0 && /* @__PURE__ */ jsx(Badge, { variant: "filled", size: "sm", children: runningCount }),
-          filteredExecutions.length > 0 && /* @__PURE__ */ jsx(ActionIcon, { onClick: () => setDeleteModalOpen(true), variant: "subtle", color: "var(--color-error)", size: "sm", children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
+          filteredExecutions.length > 0 && /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              onClick: () => setDeleteModalOpen(true),
+              variant: "subtle",
+              color: "var(--color-error)",
+              size: "sm",
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 16 })
+            }
+          )
         ] })
       }
     ),
@@ -8819,7 +9135,8 @@ function filterSystems(model, searchQuery, statusFilter, resourceKinds, rollupMo
     return { path, system, metrics, resources };
   }).filter((entry) => {
     if (statusFilter !== "all" && statusForCounts(entry.metrics.resourceCount) !== statusFilter) return false;
-    if (resourceKinds.length > 0 && !entry.resources.some((resource) => resourceKinds.includes(resource.kind))) return false;
+    if (resourceKinds.length > 0 && !entry.resources.some((resource) => resourceKinds.includes(resource.kind)))
+      return false;
     if (!query) return true;
     const haystack = [
       entry.path,
@@ -8971,7 +9288,17 @@ function SystemsSidebar() {
       /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
         /* @__PURE__ */ jsx(Button, { component: "a", href: "/operations/resources", variant: "subtle", size: "xs", justify: "flex-start", children: "Resources" }),
         /* @__PURE__ */ jsx(Button, { component: "a", href: "/knowledge/command-view", variant: "subtle", size: "xs", justify: "flex-start", children: "Command View" }),
-        /* @__PURE__ */ jsx(Button, { component: "a", href: activePath ? `/knowledge/by-system/${activePath}` : "/knowledge", variant: "subtle", size: "xs", justify: "flex-start", children: "Knowledge" })
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            component: "a",
+            href: activePath ? `/knowledge/by-system/${activePath}` : "/knowledge",
+            variant: "subtle",
+            size: "xs",
+            justify: "flex-start",
+            children: "Knowledge"
+          }
+        )
       ] })
     ] }) })
   ] });
@@ -9305,7 +9632,6 @@ function useInFlightExecutions(resourceId, options = {}) {
     refetchInterval: options.refetchInterval
   });
 }
-var REFETCH_INTERVAL_RUNNING = 2e3;
 function useExecution(resourceId, executionId) {
   const { apiRequest, workOSOrganizationId, isReady } = useElevasisServices();
   return useQuery({
@@ -9314,7 +9640,7 @@ function useExecution(resourceId, executionId) {
     enabled: isReady && !!resourceId && !!executionId,
     refetchInterval: (query) => {
       const data = query.state.data;
-      return data?.status === "running" ? REFETCH_INTERVAL_RUNNING : false;
+      return isExecutionInFlight(data?.status) ? REFETCH_INTERVAL_RUNNING : false;
     }
   });
 }
@@ -13125,7 +13451,7 @@ function TrailingCopySlot({ command, label, showCopy, favorite, hovered, concept
   );
 }
 function ConceptInfoControl({ description }) {
-  return /* @__PURE__ */ jsx(Tooltip$1, { label: description, withArrow: true, multiline: true, maw: 260, position: "right", openDelay: 200, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Tooltip, { label: description, withArrow: true, multiline: true, maw: 260, position: "right", openDelay: 200, children: /* @__PURE__ */ jsx(
     "span",
     {
       "aria-label": "Concept definition",
@@ -13568,7 +13894,7 @@ function RequestActionIcon({
 }) {
   const [opened, { open, close }] = useDisclosure(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip$1, { label: tooltip, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: open, "aria-label": tooltip, children: /* @__PURE__ */ jsx(IconMessagePlus, { size: 18, color: "var(--color-text-subtle)" }) }) }),
+    /* @__PURE__ */ jsx(Tooltip, { label: tooltip, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: open, "aria-label": tooltip, children: /* @__PURE__ */ jsx(IconMessagePlus, { size: 18, color: "var(--color-text-subtle)" }) }) }),
     /* @__PURE__ */ jsx(RequestModal, { opened, onClose: close, affectedPage })
   ] });
 }
@@ -13887,12 +14213,12 @@ function SystemShell({ children }) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
   const SidebarComponent = routeMatch.system.sidebar;
-  const sidebarWidth = typeof routeMatch.system.sidebarWidth === "function" ? routeMatch.system.sidebarWidth({ currentPath }) : routeMatch.system.sidebarWidth ?? defaultSystemSidebarWidth;
-  if (sidebarWidth === 0) {
+  const sidebarWidth2 = typeof routeMatch.system.sidebarWidth === "function" ? routeMatch.system.sidebarWidth({ currentPath }) : routeMatch.system.sidebarWidth ?? defaultSystemSidebarWidth;
+  if (sidebarWidth2 === 0) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
   return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
-    /* @__PURE__ */ jsx(SubshellSidebar, { width: sidebarWidth, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
+    /* @__PURE__ */ jsx(SubshellSidebar, { width: sidebarWidth2, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
     /* @__PURE__ */ jsx(SubshellRightSideContainer, { children })
   ] });
 }
@@ -13976,13 +14302,10 @@ function ElevasisUIProvider({ theme, children, ...coreProps }) {
     }
   );
 }
-function createTestSystemsProvider({
-  organizationModel,
-  systems = []
-} = {}) {
+function createTestSystemsProvider({ organizationModel, systems = [] } = {}) {
   return function TestSystemsProvider({ children }) {
     return /* @__PURE__ */ jsx(ElevasisSystemsProvider, { systems, organizationModel, children });
   };
 }
 
-export { APIErrorAlert, AccessGuard, AccessKeys, ActivityTimeline, ActivityTrendChart, AgentResourceEntrySchema, AppearanceContext, AppearanceProvider, CONTENT_ITEMS, CRM_ITEMS, CenteredErrorState, ChartFrame, CheckpointGroup, CollapsibleSection, CombinedTrendChart, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, ConfirmationInputModal, ConfirmationModal, ContentSidebar, ContentSidebarMiddle, ContextViewer, CostTrendChart, CrmActionsProvider, CrmSidebarMiddle, CustomModal, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DEFAULT_CONTENT_VOCABULARY, DEFAULT_ORGANIZATION_GRAPH_FILTERS, DEFAULT_WAIT_FOR_ORGANIZATION, DetailCardSkeleton, EMPTY_LIST_ACTIONS, ElevasisCoreProvider, ElevasisLoader, ElevasisSystemsProvider, ElevasisUIProvider, EmptyState, FILTERABLE_DOMAIN_KEYS, FeatureUnavailableState, GlowDot, HeroStatsRow, IdentityDomainSchema, IntegrationResourceEntrySchema, JsonViewer, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KnowledgeSearchBar, KnowledgeTree, LEAD_GEN_ITEMS, LeadGenSidebarMiddle, ListActionsProvider, ListSkeleton, MyReviewQueuePanel, MyTasksPanel, NavigationButton, NoAccessState, NotificationProvider, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, ORGANIZATION_GRAPH_EDGE_KIND_LABELS, ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS, ORGANIZATION_GRAPH_NODE_KIND_LABELS, ORGANIZATION_GRAPH_NODE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_ORDER, OperationsService, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationModelDriftActionIcon, PageNotFound, PageTitleCaption, ProtectedRoute, QuickCreateActions, RequestActionIcon, RequestModal, ResourceCard, ResourcesSidebar, RoleSchema, SAVED_VIEW_PRESETS, SYSTEM_RESOURCE_KINDS, SavedViewsPanel, ScriptResourceEntrySchema, SemanticIcon, SessionListItem, SessionsSidebar, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SurfaceDefinitionSchema, SystemReadinessAlert, SystemShell, SystemUnavailableState, TabCountBadge, TimeRangeSelector, TrendIndicator, WorkflowResourceEntrySchema, acquisitionListKeys, aggregateSystemMetrics, buildKnowledgeOmTreeData, buildOrganizationGraph, clientsManifest, collectResourceFilterFacets, computeProtectedRouteGate, contentKeys, contentManifest, createTestSystemsProvider, crmManifest, dealKeys, dealTaskKeys, deliveryManifest, deriveContentBoard, executionsKeys, extendSemanticIconRegistry, filterByDomainFilters, findKnowledgeTreeNodeByValue, findListActionByAction, findOmTreeGroup, formatResourceAttribution, getAllBuildTemplates, getConceptDefinition, getContentItemIdentity, getCrmPipelineCatalog, getKnowledgeDomainFolderCommand, getKnowledgeGraphNodeCommand, getKnowledgeIconToken, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getKnowledgeTreeFolderCommand, getLeadGenStageCatalog, getListActionWorkflowId, getOntologyDomainLabel, getPrimaryOntologyItemsForDomain, getResourceFilterFacetIds, getSemanticIconComponent, getSeriesColor, getSessionView, getSharedOrganizationGraph, isAwaitingReview, isSessionCapable, joinSourceAssetDetails, knowledgeManifest, labelResourceFilterFacet, leadGenManifest, monitoringManifest, normaliseConceptKey, observabilityKeys, operationsKeys, operationsManifest, pickCoverSourceAsset, pickLatestRunAt, projectNavigationGroups, projectNavigationSurfaces, readItemSourceAssets, requestTopbarActionManifest, requestsKeys, resolveContentStepResource, resolveContentVocabulary, resolveContentWorkspaceRoute, resolveCurrentContentStep, resolveReviewTarget, resolveSemanticIconComponent, selectDeclaredSystems, sessionsKeys, settingsManifest, submittedRequestsManifest, sumStatusCounts, useAccess, useAddContentItemSourceAsset, useAppearance, useArchiveSession, useArchivedLogs, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCommandQueue, useCommandQueueTask, useCommandQueueTotals, useCommandViewDomainFilters, useCompleteDealTask, useContentConfig, useContentDistribution, useContentDistributionMetrics, useContentDistributions, useContentItem, useContentItemAttempts, useContentItemSourceAssetDetails, useContentItemSourceAssets, useContentItems, useContentPipelineSummary, useContentSourceAsset, useContentSourceAssets, useCostBreakdown, useCostByModel, useCostTrends, useCreateContentDistribution, useCreateContentItem, useCreateContentSourceAsset, useCreateDealTask, useCreateList, useCreateSession, useCrmActions, useCyberColors, useDashboardMetrics, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteDeal, useDeleteExecution, useDeleteList, useDeleteSession, useDeleteTask, useElevasisSystems, useEndSession, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorTrends, useExecuteAsync, useExecuteResource, useExecution, useExecutionLogSSE, useExecutionPanelState, useExecutionSSE, useExecutions, useInFlightExecutions, useLeadGenActionRegistry, useLeadGenBulkActions, useLeadGenHeaderActions, useLeadGenRowActions, useList, useListActions, useListExecutions, useListProgress, useListRecords, useLists, useListsTelemetry, useNotificationAdapter, useOptionalElevasisSystems, useOrganizationModelDrift, usePaginationState, usePatchTask, useRecentExecutionsByResource, useRemoveContentItemSourceAsset, useReorderContentItemSourceAssets, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResolvedOrganizationModel, useResourceDefinition, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useRetryExecution, useReviewContentItem, useSSEConnection, useSession, useSessionCheck, useSessions, useStableAccessToken, useStatusFilter, useSubmitAction, useSubmitRequest, useSystemHealth, useSystemsViewState, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateContentDistribution, useUpdateContentItem, useUpdateContentItemSourceAsset, useUpdateContentSourceAsset, useUpdateList, useUpdateListConfig, useWorkflowExecution };
+export { APIErrorAlert, AccessGuard, AccessKeys, ActivityTimeline, ActivityTrendChart, AgentResourceEntrySchema, AppearanceContext, AppearanceProvider, CONTENT_ITEMS, CRM_ITEMS, CenteredErrorState, ChartFrame, CheckpointGroup, CollapsibleSection, CombinedTrendChart, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, ConfirmationInputModal, ConfirmationModal, ContentSidebar, ContentSidebarMiddle, ContextViewer, CostTrendChart, CrmActionsProvider, CrmSidebarMiddle, CustomModal, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DEFAULT_CONTENT_VOCABULARY, DEFAULT_ORGANIZATION_GRAPH_FILTERS, DEFAULT_WAIT_FOR_ORGANIZATION, DetailCardSkeleton, EMPTY_LIST_ACTIONS, ElevasisCoreProvider, ElevasisLoader, ElevasisSystemsProvider, ElevasisUIProvider, EmptyState, FILTERABLE_DOMAIN_KEYS, FeatureUnavailableState, GlowDot, HeroStatsRow, IdentityDomainSchema, IntegrationResourceEntrySchema, JsonViewer, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KnowledgeSearchBar, KnowledgeTree, LEAD_GEN_ITEMS, LeadGenSidebarMiddle, ListActionsProvider, ListSkeleton, MyReviewQueuePanel, MyTasksPanel, NavigationButton, NoAccessState, NotificationProvider, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, ORGANIZATION_GRAPH_EDGE_KIND_LABELS, ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS, ORGANIZATION_GRAPH_NODE_KIND_LABELS, ORGANIZATION_GRAPH_NODE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_ORDER, ORGANIZATION_NODE_ID, OperationsService, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationModelDriftActionIcon, OverviewList, OverviewListRow, PageNotFound, PageTitleCaption, ProtectedRoute, QuickCreateActions, RequestActionIcon, RequestModal, ResourceCard, ResourcesSidebar, RoleSchema, SAVED_VIEW_PRESETS, SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, SYSTEM_RESOURCE_KINDS, SavedViewsPanel, ScriptResourceEntrySchema, SemanticIcon, SessionListItem, SessionsSidebar, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, SubshellContainer, SubshellContentContainer, SubshellNavItem, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SubshellSidebarSection, SurfaceDefinitionSchema, SystemReadinessAlert, SystemShell, SystemUnavailableState, TERMINAL_EXECUTION_STATUSES, TabCountBadge, TimeRangeSelector, TrendIndicator, WorkflowResourceEntrySchema, acquisitionListKeys, aggregateSystemMetrics, buildKnowledgeOmTreeData, buildOrganizationGraph, clientsManifest, collectResourceFilterFacets, computeProtectedRouteGate, contentKeys, contentManifest, createTestSystemsProvider, crmManifest, dealKeys, dealTaskKeys, deliveryManifest, deriveContentBoard, executionsKeys, extendSemanticIconRegistry, filterByDomainFilters, findKnowledgeTreeNodeByValue, findListActionByAction, findOmTreeGroup, formatResourceAttribution, getAllBuildTemplates, getConceptDefinition, getContentItemIdentity, getCrmPipelineCatalog, getKnowledgeDomainFolderCommand, getKnowledgeGraphNodeCommand, getKnowledgeIconToken, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getKnowledgeTreeFolderCommand, getLeadGenStageCatalog, getListActionWorkflowId, getOntologyDomainLabel, getPrimaryOntologyItemsForDomain, getResourceFilterFacetIds, getSemanticIconComponent, getSeriesColor, getSessionView, getSharedOrganizationGraph, isAwaitingReview, isExecutionInFlight, isSessionCapable, joinSourceAssetDetails, knowledgeManifest, labelResourceFilterFacet, leadGenManifest, monitoringManifest, normaliseConceptKey, observabilityKeys, operationsKeys, operationsManifest, pickCoverSourceAsset, pickLatestRunAt, projectNavigationGroups, projectNavigationSurfaces, readItemSourceAssets, requestTopbarActionManifest, requestsKeys, resolveContentStepResource, resolveContentVocabulary, resolveContentWorkspaceRoute, resolveCurrentContentStep, resolveReviewTarget, resolveSemanticIconComponent, selectDeclaredSystems, seoManifest, sessionsKeys, settingsManifest, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, submittedRequestsManifest, subshellNavItemIconSize, sumStatusCounts, topbarHeight, useAccess, useAddContentItemSourceAsset, useAppearance, useArchiveSession, useArchivedLogs, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCommandQueue, useCommandQueueTask, useCommandQueueTotals, useCommandViewDomainFilters, useCompleteDealTask, useContentConfig, useContentDistribution, useContentDistributionMetrics, useContentDistributions, useContentItem, useContentItemAttempts, useContentItemSourceAssetDetails, useContentItemSourceAssets, useContentItems, useContentPipelineSummary, useContentSourceAsset, useContentSourceAssets, useCostBreakdown, useCostByModel, useCostTrends, useCreateContentDistribution, useCreateContentItem, useCreateContentSourceAsset, useCreateDealTask, useCreateList, useCreateSession, useCrmActions, useCyberColors, useDashboardMetrics, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteDeal, useDeleteExecution, useDeleteList, useDeleteSession, useDeleteTask, useElevasisSystems, useEndSession, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorTrends, useExecuteAsync, useExecuteResource, useExecution, useExecutionLogSSE, useExecutionPanelState, useExecutionSSE, useExecutions, useInFlightExecutions, useLeadGenActionRegistry, useLeadGenBulkActions, useLeadGenHeaderActions, useLeadGenRowActions, useList, useListActions, useListExecutions, useListProgress, useListRecords, useLists, useListsTelemetry, useNotificationAdapter, useOptionalElevasisSystems, useOrganizationModelDrift, usePaginationState, usePatchTask, useRecentExecutionsByResource, useRemoveContentItemSourceAsset, useReorderContentItemSourceAssets, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResolvedOrganizationModel, useResourceDefinition, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useRetryExecution, useReviewContentItem, useSSEConnection, useSession, useSessionCheck, useSessions, useStableAccessToken, useStatusFilter, useSubmitAction, useSubmitRequest, useSystemHealth, useSystemsViewState, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateContentDistribution, useUpdateContentItem, useUpdateContentItemSourceAsset, useUpdateContentSourceAsset, useUpdateList, useUpdateListConfig, useWorkflowExecution };