@elevasis/ui 2.25.6 → 2.26.1

package/dist/{chunk-YRKQNPK2.js → chunk-JPGX3533.js}

@@ -1,9 +1,10 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-QIW6OCEI.js';
+import { mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-LH4GPYDX.js';
+import { PRESETS, getPreset, generateShades } from './chunk-HLFFKKT3.js';
 import { AppBackground } from './chunk-WLOQ4IBG.js';
-import { ElevasisCoreProvider } from './chunk-LPM7O6XM.js';
+import { ElevasisCoreProvider } from './chunk-W2ZTLH7Y.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { AppearanceProvider } from './chunk-E565XMTQ.js';
-import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-SGXXJE52.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-QD4X4H5A.js';
 import { useMemo, useEffect } from 'react';
 import { Loader, mergeThemeOverrides, MantineProvider } from '@mantine/core';
 import '@mantine/core/styles.css';

package/dist/chunk-KEFWANZY.js

@@ -0,0 +1,155 @@
+import { IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconArchive, IconShieldLock, IconSettings, IconBrain, IconChartBar, IconTool, IconBriefcase, IconLayoutGrid, IconTargetArrow, IconBuildingStore, IconDashboard, IconInfoCircle, IconDatabase, IconGitBranch, IconTopologyStar3, IconUsers, IconUser, IconPlug, IconBook } from '@tabler/icons-react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/icons/registry.tsx
+var DEFAULT_SEMANTIC_ICON_REGISTRY = {
+  "nav.dashboard": IconDashboard,
+  "nav.sales": IconChartBar,
+  "nav.crm": IconBuildingStore,
+  "nav.lead-gen": IconTargetArrow,
+  "nav.projects": IconBriefcase,
+  "nav.operations": IconTool,
+  "nav.monitoring": IconChartBar,
+  "nav.knowledge": IconBrain,
+  "nav.settings": IconSettings,
+  "nav.admin": IconShieldLock,
+  "nav.archive": IconArchive,
+  "feature.dashboard": IconDashboard,
+  "feature.sales": IconChartBar,
+  "feature.crm": IconBuildingStore,
+  "feature.finance": IconChartBar,
+  "feature.lead-gen": IconTargetArrow,
+  "feature.platform": IconLayoutGrid,
+  "feature.projects": IconBriefcase,
+  "feature.operations": IconTool,
+  "feature.monitoring": IconChartBar,
+  "feature.knowledge": IconBrain,
+  "feature.settings": IconSettings,
+  "feature.admin": IconShieldLock,
+  "feature.archive": IconArchive,
+  "feature.seo": IconChartBar,
+  "knowledge.playbook": IconBook,
+  "knowledge.strategy": IconTargetArrow,
+  "knowledge.reference": IconFileText,
+  "resource.agent": IconBrain,
+  "resource.workflow": IconGitBranch,
+  "resource.integration": IconPlug,
+  "resource.database": IconDatabase,
+  "resource.user": IconUser,
+  "resource.team": IconUsers,
+  "integration.gmail": IconMail,
+  "integration.google-sheets": IconDatabase,
+  "integration.attio": IconBuildingStore,
+  "surface.dashboard": IconDashboard,
+  "surface.overview": IconDashboard,
+  "surface.command-view": IconTopologyStar3,
+  "surface.command-queue": IconSend,
+  "surface.pipeline": IconGitBranch,
+  "surface.lists": IconFileText,
+  "surface.resources": IconDatabase,
+  "surface.settings": IconSettings,
+  "action.approve": IconCheck,
+  "action.reject": IconX,
+  "action.retry": IconRefresh,
+  "action.edit": IconEdit,
+  "action.view": IconEye,
+  "action.launch": IconRocket,
+  "action.message": IconMessageCircle,
+  "action.escalate": IconAlertTriangle,
+  "action.promote": IconArrowUp,
+  "action.submit": IconSend,
+  "action.email": IconMail,
+  "status.success": IconCheck,
+  "status.error": IconX,
+  "status.warning": IconAlertTriangle,
+  "status.pending": IconClock,
+  "status.info": IconInfoCircle,
+  // Compatibility aliases for pre-semantic template/navigation payloads.
+  dashboard: IconDashboard,
+  sales: IconChartBar,
+  crm: IconBuildingStore,
+  finance: IconChartBar,
+  "lead-gen": IconTargetArrow,
+  platform: IconLayoutGrid,
+  projects: IconBriefcase,
+  operations: IconTool,
+  monitoring: IconChartBar,
+  knowledge: IconBrain,
+  settings: IconSettings,
+  admin: IconShieldLock,
+  archive: IconArchive,
+  // Compatibility aliases for existing command queue payloads.
+  IconCheck,
+  IconX,
+  IconRefresh,
+  IconAlertTriangle,
+  IconEdit,
+  IconEye,
+  IconRocket,
+  IconMessageCircle,
+  IconArrowUp,
+  IconClock,
+  IconFileText,
+  IconSend,
+  IconMail
+};
+var FALLBACK_TOKEN_BY_KIND = {
+  knowledge: "knowledge.reference",
+  playbook: "knowledge.playbook",
+  strategy: "knowledge.strategy",
+  reference: "knowledge.reference",
+  feature: "feature.operations",
+  resource: "resource.workflow",
+  integration: "resource.integration",
+  action: "action.view",
+  status: "status.info",
+  nav: "nav.dashboard",
+  unknown: "status.info"
+};
+var semanticIconRegistry = { ...DEFAULT_SEMANTIC_ICON_REGISTRY };
+function extendSemanticIconRegistry(overrides) {
+  semanticIconRegistry = { ...semanticIconRegistry, ...overrides };
+}
+function getSemanticIconComponent(token, fallbackKind = "unknown", fallbackToken) {
+  const icon = resolveSemanticIconComponent(token);
+  if (icon) return icon;
+  if (fallbackToken && semanticIconRegistry[fallbackToken]) return semanticIconRegistry[fallbackToken];
+  return semanticIconRegistry[FALLBACK_TOKEN_BY_KIND[fallbackKind]] ?? IconInfoCircle;
+}
+function resolveSemanticIconComponent(token) {
+  if (!token) return null;
+  return semanticIconRegistry[token] ?? null;
+}
+function SemanticIcon({
+  token,
+  fallbackKind = "unknown",
+  fallbackToken,
+  size = 16,
+  stroke = 1.8,
+  className,
+  style,
+  "aria-hidden": ariaHidden = true
+}) {
+  const Icon = getSemanticIconComponent(token, fallbackKind, fallbackToken);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className,
+      "aria-hidden": ariaHidden,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: size,
+        height: size,
+        minWidth: size,
+        color: "currentColor",
+        flexShrink: 0,
+        ...style
+      },
+      children: /* @__PURE__ */ jsx(Icon, { size, stroke })
+    }
+  );
+}
+
+export { SemanticIcon, extendSemanticIconRegistry, getSemanticIconComponent, resolveSemanticIconComponent };

package/dist/chunk-LH4GPYDX.js

@@ -0,0 +1,448 @@
+import { PRESETS, getPreset, generateShades } from './chunk-HLFFKKT3.js';
+import { Tooltip, Tree, Text, TagsInput, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, MultiSelect, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
+import { createContext, useContext } from 'react';
+
+// src/theme/cssVariables.ts
+var TOKEN_VAR_MAP = {
+  primary: "--color-primary",
+  primaryContrast: "--color-primary-contrast",
+  background: "--color-background",
+  surface: "--color-surface",
+  surfaceHover: "--color-surface-hover",
+  elevatedSurface: "--color-elevated",
+  text: "--color-text",
+  textDimmed: "--color-text-dimmed",
+  textSubtle: "--color-text-subtle",
+  border: "--color-border",
+  error: "--color-error",
+  warning: "--color-warning",
+  success: "--color-success",
+  glassBackground: "--glass-background",
+  glassBlur: "--glass-blur",
+  shadow: "--standard-box-shadow",
+  cardShadow: "--card-shadow",
+  durationFast: "--duration-fast",
+  durationNormal: "--duration-normal",
+  easing: "--easing",
+  destructiveFg: "--color-destructive-fg",
+  fontHeading: "--font-heading",
+  fontSans: "--font-sans"
+};
+var FRAMEWORK_BRIDGE = {
+  "--mantine-color-text": "var(--color-text)",
+  "--mantine-color-body": "var(--color-background)",
+  "--mantine-color-dimmed": "var(--color-text-dimmed)",
+  // Primary color functional variants — used by Tabs, SegmentedControl, Badge, Button, etc.
+  "--mantine-primary-color-filled": "var(--color-primary)",
+  "--mantine-primary-color-filled-hover": "color-mix(in srgb, var(--color-primary) 90%, black)",
+  "--mantine-primary-color-light": "color-mix(in srgb, var(--color-primary) 15%, transparent)",
+  "--mantine-primary-color-light-hover": "color-mix(in srgb, var(--color-primary) 20%, transparent)",
+  "--mantine-primary-color-light-color": "var(--color-primary)",
+  "--mantine-primary-color-contrast": "var(--color-primary-contrast)",
+  // Active/selected state — used by selectable cards, active filters, plan tiers, etc.
+  "--surface-primary-faint": "color-mix(in srgb, var(--color-primary) 5%, var(--color-elevated))",
+  "--surface-primary-subtle": "color-mix(in srgb, var(--color-primary) 6%, var(--color-elevated))",
+  "--surface-primary-muted": "color-mix(in srgb, var(--color-primary) 8%, var(--color-elevated))",
+  "--surface-primary-strong": "color-mix(in srgb, var(--color-primary) 18%, var(--color-elevated))",
+  "--border-primary-faint": "color-mix(in srgb, var(--color-primary) 12%, var(--color-border))",
+  "--border-primary-soft": "color-mix(in srgb, var(--color-primary) 16%, var(--color-border))",
+  "--border-primary-subtle": "color-mix(in srgb, var(--color-primary) 18%, var(--color-border))",
+  "--border-primary-muted": "color-mix(in srgb, var(--color-primary) 34%, var(--color-border))",
+  "--border-primary-strong": "color-mix(in srgb, var(--color-primary) 40%, var(--color-border))",
+  "--active-border": "1px solid var(--border-primary-strong)",
+  "--active-background": "var(--surface-primary-muted)",
+  "--input-value-background": "var(--surface-primary-strong)",
+  "--input-value-border": "1px solid var(--border-primary-muted)"
+};
+function shadesToVars(shades) {
+  const vars = {};
+  for (let i = 0; i < shades.length; i++) {
+    vars[`--mantine-color-primary-${i}`] = shades[i];
+  }
+  return vars;
+}
+function presetToVars(tokens) {
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function mapTokens(tokens) {
+  if (!tokens) return {};
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function createCssVariablesResolver(tokens, preset, presetsMap) {
+  const resolved = getPreset(preset ?? "default", presetsMap);
+  const lightDefaults = presetToVars(resolved.light);
+  const darkDefaults = presetToVars(resolved.dark);
+  const flat = mapTokens(tokens);
+  const light = mapTokens(tokens?.light);
+  const dark = mapTokens(tokens?.dark);
+  const lightPrimary = tokens?.light?.primary ?? tokens?.primary ?? resolved.light.primary;
+  const darkPrimary = tokens?.dark?.primary ?? tokens?.primary ?? resolved.dark.primary;
+  const lightShades = shadesToVars(generateShades(lightPrimary));
+  const darkShades = shadesToVars(generateShades(darkPrimary));
+  return () => ({
+    variables: { ...FRAMEWORK_BRIDGE },
+    light: { ...lightShades, ...lightDefaults, ...flat, ...light },
+    dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
+  });
+}
+var DEFAULT_SIZE = "sm";
+var glassBase = {
+  backdropFilter: "var(--glass-blur)",
+  WebkitBackdropFilter: "var(--glass-blur)",
+  border: "1px solid var(--color-border)"
+};
+var inputValuePillStyles = {
+  backgroundColor: "var(--input-value-background)",
+  border: "var(--input-value-border)",
+  color: "var(--color-text)"
+};
+var componentThemes = {
+  Accordion: Accordion.extend({
+    styles: {
+      item: {
+        borderColor: "var(--color-border)"
+      },
+      content: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  // Button data-variant selector styles are in custom.css (attribute selectors unsupported in styles object)
+  Button: Button.extend({
+    styles: {
+      root: {
+        transition: `all var(--duration-fast) var(--easing)`
+      }
+    }
+  }),
+  Card: Card.extend({
+    defaultProps: {
+      p: DEFAULT_SIZE
+    },
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)"
+      }
+    }
+  }),
+  // Checkbox styles are in custom.css to support :checked pseudo-selector
+  Divider: Divider.extend({
+    styles: {
+      root: {
+        borderColor: "var(--color-border)"
+      }
+    }
+  }),
+  Code: Code.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Drawer: Drawer.extend({
+    styles: {
+      header: {
+        backgroundColor: "transparent"
+      },
+      title: {
+        fontFamily: "var(--font-sans, var(--mantine-font-family))",
+        fontSize: "var(--mantine-font-size-xl)",
+        fontWeight: 600,
+        color: "var(--color-text)"
+      },
+      content: {
+        backgroundColor: "var(--color-elevated, var(--color-background))",
+        ...glassBase
+      }
+    }
+  }),
+  Flex: Flex.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Grid: Grid.extend({
+    defaultProps: {
+      gutter: DEFAULT_SIZE
+    }
+  }),
+  Group: Group.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  HoverCard: HoverCard.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Input: Input.extend({
+    styles: {
+      input: {
+        backgroundColor: "var(--color-surface)",
+        border: "none",
+        borderBottom: "1px solid var(--color-border)",
+        borderRadius: "0"
+      }
+    }
+  }),
+  Menu: Menu.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Modal: Modal.extend({
+    defaultProps: {
+      withCloseButton: false,
+      centered: true,
+      padding: "xs"
+    },
+    styles: {
+      header: {
+        backgroundColor: "transparent"
+      },
+      title: {
+        fontFamily: "var(--font-sans, var(--mantine-font-family))",
+        fontSize: "var(--mantine-font-size-xl)",
+        fontWeight: 600,
+        color: "var(--color-text)"
+      },
+      content: {
+        backgroundColor: "var(--color-elevated, var(--color-background))",
+        ...glassBase
+      }
+    }
+  }),
+  MultiSelect: MultiSelect.extend({
+    styles: {
+      pill: inputValuePillStyles
+    }
+  }),
+  Notification: Notification.extend({
+    styles: {
+      root: {
+        backgroundColor: "color-mix(in srgb, var(--color-surface) 90%, transparent)",
+        ...glassBase
+      }
+    }
+  }),
+  Popover: Popover.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Paper: Paper.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)",
+        padding: `var(--mantine-spacing-${DEFAULT_SIZE})`
+      }
+    }
+  }),
+  ScrollArea: ScrollArea.extend({
+    defaultProps: {
+      scrollbarSize: 8
+    },
+    styles: {
+      scrollbar: {
+        background: "transparent",
+        '&[data-orientation="vertical"]': {
+          width: "8px"
+        },
+        '&[data-orientation="horizontal"]': {
+          height: "8px"
+        }
+      },
+      thumb: {
+        borderRadius: "var(--mantine-radius-default)",
+        background: "color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border))",
+        "&:hover": {
+          background: "var(--color-text-subtle)"
+        }
+      }
+    }
+  }),
+  SegmentedControl: SegmentedControl.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)"
+      },
+      indicator: {
+        backgroundColor: "var(--color-surface-hover)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Combobox: Combobox.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  Select: Select.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  // Switch styles are in custom.css to support [data-checked] attribute selector
+  SimpleGrid: SimpleGrid.extend({
+    defaultProps: {
+      spacing: DEFAULT_SIZE,
+      verticalSpacing: DEFAULT_SIZE
+    }
+  }),
+  Stack: Stack.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Table: Table.extend({
+    defaultProps: {
+      highlightOnHover: true
+    },
+    styles: {
+      table: {
+        "--table-border-color": "var(--color-border)",
+        "--table-highlight-on-hover-color": "var(--color-surface-hover)"
+      }
+    }
+  }),
+  Tabs: Tabs.extend({}),
+  TagsInput: TagsInput.extend({
+    styles: {
+      pill: inputValuePillStyles
+    }
+  }),
+  Text: Text.extend({
+    styles: {
+      root: {
+        fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+      }
+    }
+  }),
+  Tree: Tree.extend({
+    defaultProps: {
+      levelOffset: DEFAULT_SIZE
+    },
+    styles: {
+      root: {
+        listStyle: "none",
+        margin: 0,
+        padding: "var(--mantine-spacing-xs)",
+        color: "var(--color-text)"
+      },
+      node: {
+        listStyle: "none",
+        outline: "none",
+        "&:focus-visible > [data-value]": {
+          outline: "2px solid color-mix(in srgb, var(--color-primary) 55%, transparent)",
+          outlineOffset: "2px"
+        }
+      },
+      subtree: {
+        listStyle: "none",
+        margin: 0,
+        marginInlineStart: "var(--mantine-spacing-xs)",
+        paddingInlineStart: "var(--mantine-spacing-sm)",
+        borderInlineStart: "1px solid var(--color-border)"
+      },
+      label: {
+        display: "flex",
+        alignItems: "center",
+        gap: "var(--mantine-spacing-xs)",
+        minHeight: "calc(var(--mantine-spacing-xl) + var(--mantine-spacing-xs))",
+        padding: "var(--mantine-spacing-xs) var(--mantine-spacing-sm)",
+        border: "1px solid transparent",
+        borderRadius: "var(--mantine-radius-sm)",
+        color: "var(--color-text)",
+        transition: `background-color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing)`,
+        "&[data-hovered]": {
+          backgroundColor: "var(--color-surface-hover)",
+          borderColor: "var(--color-border)"
+        },
+        "&[data-selected]": {
+          backgroundColor: "color-mix(in srgb, var(--color-primary) 12%, transparent)",
+          borderColor: "color-mix(in srgb, var(--color-primary) 38%, var(--color-border))",
+          color: "var(--color-primary)"
+        }
+      }
+    }
+  }),
+  // Timeline styles are in custom.css to override color-scheme-specific selectors
+  Tooltip: Tooltip.extend({
+    styles: {
+      tooltip: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        color: "var(--color-text)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  })
+  // Pagination styles are in custom.css to support :not([data-active]) selector
+};
+var mantineThemeOverride = createTheme({
+  defaultRadius: "xs",
+  fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  cursorType: "pointer",
+  spacing: {
+    xs: "0.5rem",
+    sm: "0.75rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem"
+  },
+  radius: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  fontSizes: {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem"
+  },
+  components: componentThemes
+});
+var PresetsContext = createContext(PRESETS);
+var PresetsProvider = PresetsContext.Provider;
+function usePresetsContext() {
+  return useContext(PresetsContext);
+}
+
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride, usePresetsContext };

package/dist/{chunk-JXSBOG2R.js → chunk-LWKZ3BCC.js}

@@ -1,12 +1,13 @@
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-KMAXFJPH.js';
+import { CostTrendChart, ActivityTrendChart } from './chunk-OGXKOMUT.js';
+import { CyberAreaChart } from './chunk-CW3UNAF2.js';
 import { AppShellLoader } from './chunk-RYTEQBAO.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
 import { formatDuration } from './chunk-E4WQGJNS.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-CPAJXBTL.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-U36X6NZM.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-YHBPR67D.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-RIFTUOPE.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-SGXXJE52.js';
+import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-QD4X4H5A.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Table, Text, Badge, Tooltip, Card, Group, Select, SegmentedControl, Button, TextInput, Stack, Paper, Center, Loader, ActionIcon, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton, Title, Divider, Code, CopyButton, Accordion } from '@mantine/core';
 import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconPlus, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';