@elevasis/ui 2.0.1 → 2.0.2

package/dist/{chunk-2IJCM3VQ.js → chunk-OCP2MBTY.js}

@@ -1,9 +1,112 @@
 import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize } from './chunk-QJ2S46NI.js';
-import { Box, Group, Text, Center, Container, Stack, UnstyledButton, Collapse } from '@mantine/core';
+import { subshellNavItemIconSize, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize, sidebarGroupChevronSize } from './chunk-DT3QYZVU.js';
+import { UnstyledButton, Stack, Group, Text, Box, ThemeIcon, Center, Container, Collapse } from '@mantine/core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
 
+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
+}) => {
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: disabled ? void 0 : onClick,
+      disabled,
+      style: {
+        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
+      },
+      onMouseEnter: (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;
+          });
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!isActive && !disabled) {
+          e.currentTarget.style.backgroundColor = "transparent";
+          const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
+          textElements.forEach((el) => {
+            el.style.color = defaultColor;
+          });
+        }
+      },
+      children: /* @__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
+          }
+        )
+      ] })
+    }
+  );
+};
 var SubshellSidebarSection = ({
   icon: Icon,
   label,
@@ -19,14 +122,30 @@ var SubshellSidebarSection = ({
         borderBottom: "1px solid var(--color-border)"
       },
       children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Icon, { size: 16, color: "var(--color-text-subtle)" }),
         /* @__PURE__ */ jsx(
-          Text,
+          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,
           {
-            size: "sm",
-            fw: 600,
-            c: "var(--color-text-subtle)",
-            style: { fontFamily: "var(--mantine-font-family-headings)", flex: 1 },
+            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
           }
         ),
@@ -45,10 +164,10 @@ var PageContainer = ({ children }) => {
     /* @__PURE__ */ jsx(Container, { size: "xl", p: 0, w: "100%", children: /* @__PURE__ */ jsx(Stack, { gap: "lg", children }) })
   );
 };
-var activeColor = "var(--color-primary)";
+var activeColor2 = "var(--color-primary)";
 var defaultTextColor = "var(--color-text)";
 var subtleColor = "var(--color-text-subtle)";
-var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+var activeBg2 = `color-mix(in srgb, ${activeColor2} 10%, transparent)`;
 var CollapsibleSidebarGroup = ({
   icon: Icon,
   label,
@@ -64,8 +183,8 @@ var CollapsibleSidebarGroup = ({
   loadingComponent
 }) => {
   const showActiveStyle = !isExpanded && isActive;
-  const iconColor = showActiveStyle ? activeColor : subtleColor;
-  const textColor = showActiveStyle ? activeColor : defaultTextColor;
+  const iconColor = showActiveStyle ? activeColor2 : subtleColor;
+  const textColor = showActiveStyle ? activeColor2 : defaultTextColor;
   const fontWeight = showActiveStyle ? 600 : 500;
   const handleLabelClick = (e) => {
     if (onLabelClick) {
@@ -84,7 +203,7 @@ var CollapsibleSidebarGroup = ({
           width: "100%",
           padding: "var(--mantine-spacing-xs)",
           color: textColor,
-          backgroundColor: showActiveStyle ? activeBg : "transparent",
+          backgroundColor: showActiveStyle ? activeBg2 : "transparent",
           transition: `all var(--duration-fast) var(--easing)`,
           cursor: "pointer",
           overflow: "hidden"
@@ -106,7 +225,7 @@ var CollapsibleSidebarGroup = ({
             {
               style: { flexShrink: 0, color: iconColor, cursor: onLabelClick ? "pointer" : "inherit" },
               onClick: onLabelClick ? handleLabelClick : void 0,
-              children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, color: activeColor })
+              children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, color: activeColor2 })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -148,108 +267,5 @@ var CollapsibleSidebarGroup = ({
     ) })
   ] });
 };
-var activeColor2 = "var(--color-primary)";
-var defaultColor = "var(--color-text-subtle)";
-var hoverColor = "var(--color-text)";
-var activeBg2 = `color-mix(in srgb, ${activeColor2} 10%, transparent)`;
-var SidebarListItem = ({
-  icon: Icon,
-  label,
-  isActive = false,
-  onClick,
-  description,
-  badge,
-  disabled = false
-}) => {
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: disabled ? void 0 : onClick,
-      disabled,
-      style: {
-        width: "100%",
-        padding: "var(--mantine-spacing-xs)",
-        backgroundColor: isActive ? activeBg2 : "transparent",
-        borderRadius: "var(--mantine-radius-default)",
-        transition: `all var(--duration-fast) var(--easing)`,
-        cursor: disabled ? "not-allowed" : "pointer",
-        opacity: disabled ? 0.5 : 1
-      },
-      onMouseEnter: (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;
-          });
-        }
-      },
-      onMouseLeave: (e) => {
-        if (!isActive && !disabled) {
-          e.currentTarget.style.backgroundColor = "transparent";
-          const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
-          textElements.forEach((el) => {
-            el.style.color = defaultColor;
-          });
-        }
-      },
-      children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              size: sidebarListItemIconSize,
-              style: {
-                flexShrink: 0,
-                opacity: isActive ? 1 : 0.6,
-                color: isActive ? activeColor2 : 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 ? activeColor2 : 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 ? activeColor2 : 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
-          }
-        )
-      ] })
-    }
-  );
-};
 
-export { CollapsibleSidebarGroup, PageContainer, SidebarListItem, SubshellLoader, SubshellSidebarSection };
+export { CollapsibleSidebarGroup, PageContainer, SubshellLoader, SubshellNavItem, SubshellSidebarSection };

package/dist/{chunk-YVDYRV4Q.js → chunk-OKKGD3S6.js}

@@ -1,7 +1,7 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-YUAE4IVA.js';
-import { CardHeader, EmptyState } from './chunk-MCA6LOGM.js';
-import { useResourcesHealth } from './chunk-P6EELWRV.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-KFICYU6S.js';
+import { useResourcesHealth } from './chunk-TZOGB3X4.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
+import { CardHeader, EmptyState } from './chunk-Y3D3WFJG.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';
 import { useMemo } from 'react';

package/dist/{chunk-7QNDXJQW.js → chunk-PRLXFMNP.js}

@@ -1,6 +1,6 @@
-import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-P6EELWRV.js';
+import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-TZOGB3X4.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
-import { useNotificationAdapter } from './chunk-VB4MVOPL.js';
+import { useNotificationAdapter } from './chunk-MZPVNRPL.js';
 import { GC_TIME_SHORT, STALE_TIME_MONITORING, GC_TIME_MEDIUM, STALE_TIME_DEFAULT } from './chunk-IOKL7BKE.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { z } from 'zod';

package/dist/{chunk-ZNG35YAN.js → chunk-QRHLV74B.js}

@@ -1,12 +1,12 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-YUAE4IVA.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-MCA6LOGM.js';
-import { AppShellLoader } from './chunk-YYBM5LNJ.js';
-import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from './chunk-7QNDXJQW.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-P6EELWRV.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-KFICYU6S.js';
+import { AppShellLoader } from './chunk-YEX4MQSY.js';
+import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from './chunk-PRLXFMNP.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-TZOGB3X4.js';
 import { formatBucketTime, getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { formatDuration } from './chunk-XA34RETF.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-Y3D3WFJG.js';
 import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useState, useMemo, useCallback } from 'react';
@@ -1360,8 +1360,22 @@ function ErrorDetailsModal({ executionId, opened, onClose, organizationName }) {
     }
     return map;
   }, [resources]);
+  const resourceTypeMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (resources) {
+      for (const r of resources.workflows) {
+        map.set(r.resourceId, "workflow");
+      }
+      for (const r of resources.agents) {
+        map.set(r.resourceId, "agent");
+      }
+    }
+    return map;
+  }, [resources]);
   const primaryError = errors?.[0];
   const resolvedResourceName = primaryError ? resourceNameMap.get(primaryError.resourceId) ?? primaryError.resourceId : void 0;
+  const resolvedResourceType = primaryError ? resourceTypeMap.get(primaryError.resourceId) : void 0;
+  const resourceDetailHref = primaryError && resolvedResourceType ? `/operations/resources/${resolvedResourceType}/${primaryError.resourceId}` : null;
   const allResolved = errors?.every((e) => e.resolved) ?? false;
   const hasRetries = errors && errors.length > 1;
   const handleCopyDetails = () => {
@@ -1432,13 +1446,13 @@ ${primaryError.errorContext ? JSON.stringify(primaryError.errorContext, null, 2)
             /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
               /* @__PURE__ */ jsx(Code, { children: primaryError.executionId }),
               /* @__PURE__ */ jsx(CopyButton, { value: `"${organizationName}/${primaryError.resourceId}" ${primaryError.executionId}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy Execution Ref", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: copied ? "teal" : "gray", onClick: copy, children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }) }) }) }),
-              /* @__PURE__ */ jsx(
+              resourceDetailHref && /* @__PURE__ */ jsx(
                 ActionIcon,
                 {
                   variant: "subtle",
                   size: "sm",
                   component: "a",
-                  href: `/operations/resources/workflow/${primaryError.resourceId}`,
+                  href: resourceDetailHref,
                   target: "_blank",
                   title: "View Execution Log",
                   children: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 })
@@ -1545,16 +1559,7 @@ ${primaryError.errorContext ? JSON.stringify(primaryError.errorContext, null, 2)
         ] }),
         /* @__PURE__ */ jsxs(Group, { children: [
           /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, children: "Close" }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              component: "a",
-              href: `/operations/resources/workflow/${primaryError.resourceId}`,
-              target: "_blank",
-              leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }),
-              children: "View Execution Log"
-            }
-          )
+          resourceDetailHref && /* @__PURE__ */ jsx(Button, { component: "a", href: resourceDetailHref, target: "_blank", leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }), children: "View Execution Log" })
         ] })
       ] })
     ] })
@@ -1594,7 +1599,7 @@ function getNavigationPath2(activity) {
     case "agent_run":
       return `/operations/resources/agent/${activity.entityId}`;
     case "hitl_action":
-      return "/command-queue";
+      return "/operations/command-queue";
     case "credential_change":
       return "/settings/credentials";
     case "api_key_change":

package/dist/{chunk-5COLSYBE.js → chunk-RX4UWZZR.js}

@@ -1,4 +1,4 @@
-import { topbarHeight, sidebarTransitionDuration, sidebarBottomSectionHeight } from './chunk-QJ2S46NI.js';
+import { topbarHeight, sidebarTransitionDuration, sidebarBottomSectionHeight } from './chunk-DT3QYZVU.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 

package/dist/{chunk-C27LLJM6.js → chunk-SMJLS23U.js}

@@ -1,6 +1,6 @@
-import { NavigationButton } from './chunk-NNKKBSJN.js';
+import { NavigationButton } from './chunk-NYBEU5TE.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding } from './chunk-QJ2S46NI.js';
+import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding } from './chunk-DT3QYZVU.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, memo, useEffect, createElement, useContext, useRef, useLayoutEffect, useState } from 'react';

package/dist/{chunk-N5BS2VIA.js → chunk-TQ3HK7ZR.js}

@@ -1,14 +1,14 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { useCyberColors, HeroStatsRow } from './chunk-YUAE4IVA.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-MCA6LOGM.js';
-import { AppShellCenteredContainer, AppShellLoader } from './chunk-YYBM5LNJ.js';
-import { useTimeRangeDates } from './chunk-7QNDXJQW.js';
-import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-P6EELWRV.js';
+import { useCyberColors, HeroStatsRow } from './chunk-KFICYU6S.js';
+import { AppShellCenteredContainer, AppShellLoader } from './chunk-YEX4MQSY.js';
+import { useTimeRangeDates } from './chunk-PRLXFMNP.js';
+import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-TZOGB3X4.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-F6RBK7NJ.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-XA34RETF.js';
+import { glassBase } from './chunk-X7CHQ3RE.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-Y3D3WFJG.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
-import { glassBase } from './chunk-TXPUIHX2.js';
 import { formatTimeAgo, formatRelativeTime } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';

package/dist/{chunk-P6EELWRV.js → chunk-TZOGB3X4.js}

@@ -1,9 +1,9 @@
 import { getTimeRangeDates, observabilityKeys } from './chunk-LXHZYSMQ.js';
 import { GRAPH_CONSTANTS } from './chunk-F6RBK7NJ.js';
-import { useNotificationAdapter } from './chunk-VB4MVOPL.js';
+import { useNotificationAdapter } from './chunk-MZPVNRPL.js';
 import { HTTP_HEADERS } from './chunk-NVOCKXUQ.js';
 import { STALE_TIME_MONITORING, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, getErrorInfo, formatErrorMessage, getErrorTitle, STALE_TIME_DEFAULT, STALE_TIME_ADMIN, APIClientError } from './chunk-IOKL7BKE.js';
-import { useStableAccessToken } from './chunk-ALA56RGZ.js';
+import { useStableAccessToken } from './chunk-MTJ43R2E.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';

package/dist/{chunk-TXPUIHX2.js → chunk-X7CHQ3RE.js}

@@ -173,7 +173,7 @@ var tacticalPreset = {
     glassBackground: "rgba(14, 15, 17, 0.6)",
     glassBlur: "blur(24px) saturate(170%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 2px 8px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.4), 0 32px 64px -16px rgba(0, 0, 0, 0.3)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 8px -6px rgba(255, 255, 255, 0.1), 0 2px 8px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.4), 0 32px 64px -16px rgba(0, 0, 0, 0.3)",
     durationFast: "100ms",
     durationNormal: "180ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",

package/dist/{chunk-MCA6LOGM.js → chunk-Y3D3WFJG.js}

@@ -5,8 +5,8 @@ import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Center, Stack, Title, Text, Button, Box, Loader, Badge, Group, Collapse, ScrollArea, Card, Select, Alert, Code, ThemeIcon, Paper, Grid, Timeline, Space } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { IconMinus, IconTrendingUp, IconTrendingDown, IconChevronUp, IconChevronDown, IconAlertCircle, IconClock, IconInfoCircle, IconChevronRight, IconInbox, IconHeartHandshake, IconUserOff, IconMailForward, IconBell, IconCalendarEvent, IconCalendarCancel, IconMessageReply, IconCircleCheck, IconCreditCard, IconX, IconEye, IconSend, IconFileText, IconArrowRight, IconPlus, IconActivity } from '@tabler/icons-react';
-import { useState } from 'react';
+import { IconMinus, IconTrendingUp, IconTrendingDown, IconChevronUp, IconChevronDown, IconAlertCircle, IconClock, IconInfoCircle, IconBan, IconChevronRight, IconInbox, IconHeartHandshake, IconUserOff, IconMailForward, IconBell, IconCalendarEvent, IconCalendarCancel, IconMessageReply, IconCircleCheck, IconCreditCard, IconX, IconEye, IconSend, IconFileText, IconArrowRight, IconPlus, IconActivity } from '@tabler/icons-react';
+import { forwardRef, useState } from 'react';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
@@ -92,7 +92,7 @@ function CollapsibleSection({
 var PageTitleCaption = ({ title, caption, rightSection }) => {
   const renderCaption = () => {
     if (!caption) return null;
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: caption }) });
+    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 }),
@@ -425,6 +425,46 @@ function PageNotFound() {
     /* @__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: {
+        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" }) })
+          ]
+        }
+      )
+    }
+  );
+}
 function ResourceCard({
   resource,
   onClick,
@@ -612,7 +652,7 @@ function CardHeader({ icon, title, subtitle, rightSection }) {
         wrappedIcon,
         /* @__PURE__ */ jsx(Title, { order: 3, children: title })
       ] }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mt: 2, children: subtitle })
+      /* @__PURE__ */ jsx(Text, { size: "sm", mt: 2, style: { color: "var(--color-text-dimmed)" }, children: subtitle })
     ] }) : /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
       wrappedIcon,
       /* @__PURE__ */ jsx(Title, { order: 3, children: title })
@@ -620,6 +660,15 @@ function CardHeader({ icon, title, subtitle, rightSection }) {
     rightSection
   ] });
 }
+
+// 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 },
@@ -715,4 +764,4 @@ function ActivityTimeline({ activities }) {
   }) }) });
 }
 
-export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition };
+export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, ElevasisLoader, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition };

package/dist/{chunk-YYBM5LNJ.js → chunk-YEX4MQSY.js}

@@ -1,5 +1,5 @@
 import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { topbarHeight } from './chunk-QJ2S46NI.js';
+import { topbarHeight } from './chunk-DT3QYZVU.js';
 import { Title, Button } from '@mantine/core';
 import { IconAlertCircle } from '@tabler/icons-react';
 import { jsx, jsxs } from 'react/jsx-runtime';