@elevasis/ui 2.0.0 → 2.0.2

package/dist/{chunk-45MS3IAW.js → chunk-MZPVNRPL.js}

@@ -1,4 +1,5 @@
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-5COLSYBE.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-RX4UWZZR.js';
+import { FeatureUnavailableState } from './chunk-Y3D3WFJG.js';
 import { ApiClientProvider, useApiClient } from './chunk-NVOCKXUQ.js';
 import { OrganizationProvider } from './chunk-W4VYXIN7.js';
 import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-IOKL7BKE.js';
@@ -124,6 +125,10 @@ function OrgServiceBridge({
   const isReady = !!currentWorkOSOrganizationId && !isInitializing && !isOrgRefreshing;
   return /* @__PURE__ */ jsx(ElevasisServiceProvider, { apiRequest, organizationId: currentWorkOSOrganizationId, isReady, children: /* @__PURE__ */ jsx(NotificationProvider, { adapter: notifications, children: /* @__PURE__ */ jsx(InitializationProvider, { children }) }) });
 }
+var FEATURE_KEY_ALIASES = {
+  crm: "acquisition",
+  "lead-gen": "acquisition"
+};
 function createUseFeatureAccess({
   useInitialization: useInitialization2,
   useOrganization: useOrganization2
@@ -139,7 +144,8 @@ function createUseFeatureAccess({
     const userConfig = profile?.config;
     const checkFeature = useCallback(
       (featureKey) => {
-        const key = featureKey;
+        const normalizedFeatureKey = FEATURE_KEY_ALIASES[featureKey] ?? featureKey;
+        const key = normalizedFeatureKey;
         if (profile?.is_platform_admin) {
           return { allowed: true, restrictedBy: null };
         }
@@ -180,19 +186,118 @@ function useOptionalElevasisFeatures() {
 function getEnabledFeatures(features, hasFeature) {
   return features.filter((feature) => hasFeature(feature.key));
 }
-function getNavItems(features) {
-  return features.flatMap((feature) => feature.navEntry ? [feature.navEntry] : []);
+function normalizeRoutePath(path) {
+  const trimmedPath = path.trim();
+  if (!trimmedPath || trimmedPath === "/") {
+    return "/";
+  }
+  return trimmedPath.replace(/\/+$/, "") || "/";
+}
+function isRouteMatch(currentPath, route) {
+  const normalizedCurrentPath = normalizeRoutePath(currentPath);
+  const normalizedRoute = normalizeRoutePath(route);
+  return normalizedCurrentPath === normalizedRoute || normalizedCurrentPath.startsWith(`${normalizedRoute}/`);
+}
+function filterNavLinks(links, disabledSubsectionPaths, isFeatureEnabled) {
+  return links.flatMap((link) => {
+    if (link.featureKey && !isFeatureEnabled(link.featureKey)) {
+      return [];
+    }
+    if (disabledSubsectionPaths.some((disabledPath) => isRouteMatch(link.link, disabledPath))) {
+      return [];
+    }
+    const nestedLinks = link.links?.length ? filterNavLinks(link.links, disabledSubsectionPaths, isFeatureEnabled) : void 0;
+    return [
+      {
+        ...link,
+        links: nestedLinks
+      }
+    ];
+  });
+}
+function getNavItems(features, disabledSubsectionPaths, isFeatureEnabled) {
+  return features.flatMap((feature) => {
+    if (!feature.navEntry) {
+      return [];
+    }
+    const links = feature.navEntry.links?.length ? filterNavLinks(feature.navEntry.links, disabledSubsectionPaths, isFeatureEnabled) : void 0;
+    return [
+      {
+        ...feature.navEntry,
+        links
+      }
+    ];
+  });
+}
+function findMatchingNavLink(links, currentPath) {
+  for (const link of links) {
+    if (link.links?.length) {
+      const nestedLink = findMatchingNavLink(link.links, currentPath);
+      if (nestedLink) {
+        return nestedLink;
+      }
+    }
+    if (isRouteMatch(currentPath, link.link)) {
+      return link;
+    }
+  }
+  return null;
+}
+function isHiddenNavLink(link, disabledSubsectionPaths, isFeatureEnabled) {
+  if (link.featureKey && !isFeatureEnabled(link.featureKey)) {
+    return true;
+  }
+  return disabledSubsectionPaths.some((disabledPath) => isRouteMatch(link.link, disabledPath));
+}
+function resolveNavRoute(features, currentPath, disabledSubsectionPaths, isFeatureEnabled) {
+  for (const feature of features) {
+    const navEntry = feature.navEntry;
+    const matchesSubshell = feature.subshellRoutes?.some((route) => isRouteMatch(currentPath, route)) ?? false;
+    const matchesEntryLink = navEntry?.link ? isRouteMatch(currentPath, navEntry.link) : false;
+    const matchedLink = navEntry?.links?.length ? findMatchingNavLink(navEntry.links, currentPath) : null;
+    if (!matchesSubshell && !matchesEntryLink && !matchedLink) {
+      continue;
+    }
+    if (matchedLink && isHiddenNavLink(matchedLink, disabledSubsectionPaths, isFeatureEnabled)) {
+      return {
+        state: "disabled",
+        path: currentPath,
+        feature,
+        navEntry,
+        navLink: matchedLink
+      };
+    }
+    return {
+      state: "enabled",
+      path: currentPath,
+      feature,
+      navEntry,
+      navLink: matchedLink ?? void 0
+    };
+  }
+  return {
+    state: "missing",
+    path: currentPath
+  };
 }
 function ElevasisFeaturesProvider({
   features,
   timeRange,
   operationsApiUrl,
   operationsSSEManager,
+  disabledSubsectionPaths = [],
   children
 }) {
   const { hasFeature } = useFeatureAccess();
+  const normalizedDisabledSubsectionPaths = useMemo(
+    () => disabledSubsectionPaths.map((path) => normalizeRoutePath(path)),
+    [disabledSubsectionPaths]
+  );
   const enabledFeatures = useMemo(() => getEnabledFeatures(features, hasFeature), [features, hasFeature]);
-  const navItems = useMemo(() => getNavItems(enabledFeatures), [enabledFeatures]);
+  const navItems = useMemo(
+    () => getNavItems(enabledFeatures, normalizedDisabledSubsectionPaths, hasFeature),
+    [enabledFeatures, normalizedDisabledSubsectionPaths, hasFeature]
+  );
   const getFeature = useCallback(
     (key) => features.find((feature) => feature.key === key),
     [features]
@@ -201,6 +306,10 @@ function ElevasisFeaturesProvider({
     (key) => enabledFeatures.some((feature) => feature.key === key),
     [enabledFeatures]
   );
+  const resolveNavRouteByPath = useCallback(
+    (path) => resolveNavRoute(enabledFeatures, path, normalizedDisabledSubsectionPaths, isFeatureEnabled),
+    [enabledFeatures, normalizedDisabledSubsectionPaths, isFeatureEnabled]
+  );
   const value = useMemo(
     () => ({
       navItems,
@@ -209,38 +318,37 @@ function ElevasisFeaturesProvider({
       timeRange,
       operationsApiUrl,
       operationsSSEManager,
+      disabledSubsectionPaths: normalizedDisabledSubsectionPaths,
       isFeatureEnabled,
-      getFeature
+      getFeature,
+      resolveNavRoute: resolveNavRouteByPath
     }),
-    [navItems, enabledFeatures, features, timeRange, operationsApiUrl, operationsSSEManager, isFeatureEnabled, getFeature]
+    [
+      navItems,
+      enabledFeatures,
+      features,
+      timeRange,
+      operationsApiUrl,
+      operationsSSEManager,
+      normalizedDisabledSubsectionPaths,
+      isFeatureEnabled,
+      getFeature,
+      resolveNavRouteByPath
+    ]
   );
   return /* @__PURE__ */ jsx(ElevasisFeaturesContext.Provider, { value, children });
 }
-function isRouteMatch(currentPath, route) {
-  return currentPath.startsWith(route);
-}
-function resolveFeatureShellFeature(features, currentPath) {
-  for (const feature of features) {
-    if (!feature.sidebar || !feature.subshellRoutes?.length) {
-      continue;
-    }
-    if (feature.subshellRoutes.some((route) => isRouteMatch(currentPath, route))) {
-      return feature;
-    }
-  }
-  return null;
-}
 function FeatureShell({ children }) {
-  const { enabledFeatures } = useElevasisFeatures();
+  const { resolveNavRoute: resolveNavRoute2 } = useElevasisFeatures();
   const { currentPath } = useRouterContext();
-  const matchedFeature = useMemo(
-    () => resolveFeatureShellFeature(enabledFeatures, currentPath),
-    [enabledFeatures, currentPath]
-  );
-  if (!matchedFeature?.sidebar) {
+  const routeResolution = resolveNavRoute2(currentPath);
+  if (routeResolution.state === "disabled") {
+    return /* @__PURE__ */ jsx(FeatureUnavailableState, { path: currentPath });
+  }
+  if (routeResolution.state !== "enabled" || !routeResolution.feature?.sidebar) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  const SidebarComponent = matchedFeature.sidebar;
+  const SidebarComponent = routeResolution.feature.sidebar;
   return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
     /* @__PURE__ */ jsx(SubshellSidebar, { width: 250, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
     /* @__PURE__ */ jsx(SubshellRightSideContainer, { children })

package/dist/{chunk-NNKKBSJN.js → chunk-NYBEU5TE.js}

@@ -1,4 +1,4 @@
-import { sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-QJ2S46NI.js';
+import { sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
 import { UnstyledButton, Group, Box, ThemeIcon } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

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-KP6LNTMH.js → chunk-OKKGD3S6.js}

@@ -1,7 +1,7 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-JHVKGZ2P.js';
-import { CardHeader, EmptyState } from './chunk-MCA6LOGM.js';
-import { useResourcesHealth } from './chunk-EINVPEHK.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-BYZ7VTSH.js → chunk-PRLXFMNP.js}

@@ -1,6 +1,6 @@
-import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-EINVPEHK.js';
+import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-TZOGB3X4.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
-import { useNotificationAdapter } from './chunk-45MS3IAW.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-T2X3WHQS.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-JHVKGZ2P.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-BYZ7VTSH.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-EINVPEHK.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';