@elevasis/ui 1.19.0 → 1.20.1

package/dist/{chunk-BVNAC4SQ.js → chunk-C7AD6N23.js}

@@ -1,6 +1,8 @@
-import { useCyberColors, GlowDot } from './chunk-LBY7FVFD.js';
+import { useCyberColors } from './chunk-ERVB3QJQ.js';
+import { GlowDot } from './chunk-AWMZCYKH.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-OFAXUZPZ.js';
 import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Loader, Card, ActionIcon, SegmentedControl } from '@mantine/core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';
@@ -287,48 +289,6 @@ function TimelineRow({
     }
   );
 }
-var VisualizerContainer = ({ children, handleContainerClick, height }) => {
-  const containerHeight = height ?? CONTAINER_CONSTANTS.CONTAINER_HEIGHT;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      bg: "var(--color-background)",
-      onClick: handleContainerClick,
-      style: {
-        // borderBottom: '1px solid var(--color-border)',
-        // borderRadius: 'var(--mantine-radius-default)'
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            width: "100%",
-            height: `${containerHeight}px`,
-            overflow: "hidden"
-          },
-          children
-        }
-      )
-    }
-  );
-};
-var EmptyVisualizer = ({ message = "Select an execution to view timeline" }) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      h: CONTAINER_CONSTANTS.CONTAINER_HEIGHT,
-      bg: "var(--color-background)",
-      style: {
-        borderBottom: "1px solid var(--color-border)",
-        borderRadius: "var(--mantine-radius-default)",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: message })
-    }
-  );
-};
 var DOMAIN_COLORS = {
   primary: "var(--color-primary)",
   agent: "#8b5cf6",
@@ -558,10 +518,11 @@ var BaseNode = memo(function BaseNode2({
         className: `${Graph_module_css_default.nodeCard} ${selected ? Graph_module_css_default.nodeCardSelected : ""}`,
         style: {
           width,
+          ...glassBase,
           border: `1px solid ${selected ? `var(--mantine-color-${color}-5)` : "var(--color-border)"}`,
-          backgroundColor: "var(--color-surface)",
+          backgroundColor: "var(--glass-background)",
           cursor: "pointer",
-          boxShadow: selected ? `0 0 15px var(--mantine-color-${color}-5), 0 4px 12px rgba(0,0,0,0.1)` : "0 2px 8px rgba(0,0,0,0.08)"
+          boxShadow: selected ? `0 0 15px var(--mantine-color-${color}-5), var(--standard-box-shadow)` : "var(--standard-box-shadow)"
         },
         children
       }
@@ -674,6 +635,38 @@ var BaseEdge = memo(function BaseEdge2({
     ) })
   ] });
 });
+var VisualizerContainer = ({ children, handleContainerClick, height }) => {
+  const containerHeight = height ?? CONTAINER_CONSTANTS.CONTAINER_HEIGHT;
+  return /* @__PURE__ */ jsx(Box, { onClick: handleContainerClick, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: Graph_module_css_default.graphContainer,
+      style: {
+        width: "100%",
+        height: `${containerHeight}px`,
+        overflow: "hidden"
+      },
+      children
+    }
+  ) });
+};
+var EmptyVisualizer = ({ message = "Select an execution to view timeline" }) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      h: CONTAINER_CONSTANTS.CONTAINER_HEIGHT,
+      bg: "var(--color-background)",
+      style: {
+        borderBottom: "1px solid var(--color-border)",
+        borderRadius: "var(--mantine-radius-default)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: message })
+    }
+  );
+};
 var UnifiedWorkflowNode = memo(function UnifiedWorkflowNode2({ data }) {
   const selected = data.isSelected ?? false;
   const primaryColor = data.isEntryPoint ? "teal" : data.isEndNode ? "violet" : data.isConditional ? "orange" : "blue";
@@ -866,7 +859,6 @@ function UnifiedWorkflowGraph({
           selectNodesOnDrag: false,
           zoomOnScroll: true,
           panOnDrag: true,
-          className: Graph_module_css_default.graphContainer,
           children: [
             /* @__PURE__ */ jsx(GraphBackground, {}),
             /* @__PURE__ */ jsx(Panel, { position: "top-right", style: { marginTop: 12, marginRight: 12 }, children: /* @__PURE__ */ jsx(
@@ -942,7 +934,6 @@ var AgentIterationNode = memo(function AgentIterationNode2({ data, selected }) {
             width: AGENT_CONSTANTS.CIRCLE_SIZE,
             height: AGENT_CONSTANTS.CIRCLE_SIZE,
             borderRadius: "50%",
-            backgroundColor: "var(--color-surface)",
             border: `2px solid ${colors.color}`,
             display: "flex",
             alignItems: "center",
@@ -1116,7 +1107,6 @@ function AgentExecutionVisualizer({
       selectNodesOnDrag: false,
       zoomOnScroll: false,
       panOnDrag: false,
-      className: Graph_module_css_default.graphContainer,
       children: [
         /* @__PURE__ */ jsx(GraphBackground, {}),
         /* @__PURE__ */ jsx(GraphFitViewButton, { padding: AGENT_CONSTANTS.FIT_VIEW_PADDING, variant: "mantine", duration: 300 }),

package/dist/{chunk-ZFCG5SHW.js → chunk-COTI2QPO.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-2YW3LDFT.js';
+import { usePresetsContext } from './chunk-OFAXUZPZ.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([

package/dist/{chunk-WAPZN2U3.js → chunk-EMN755L5.js}

@@ -1,10 +1,11 @@
-import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, NavigationButton, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize, sidebarBottomSectionHeight } from './chunk-KBLGVZBD.js';
+import { NavigationButton } from './chunk-NNKKBSJN.js';
+import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize, sidebarBottomSectionHeight } from './chunk-QJ2S46NI.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, useMantineColorScheme, Switch, Code } from '@mantine/core';
-import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconAlertCircle, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
 import { createContext, memo, useEffect, createElement, useContext, useRef, useLayoutEffect, useState } from 'react';
+import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Box, useMantineColorScheme, Switch, Code } from '@mantine/core';
+import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
 
 function Vignette({ strength = 0.35, className }) {
   return /* @__PURE__ */ jsx(
@@ -80,45 +81,10 @@ var AppShellContentContainer = ({ children }) => {
     }
   );
 };
-var PageContainer = ({ children }) => {
-  return (
-    // Add padding to the top of the container to adjust for the topbar height
-    /* @__PURE__ */ jsx(Container, { size: "xl", p: 0, w: "100%", children: /* @__PURE__ */ jsx(Stack, { children }) })
-  );
-};
 var AppTopbarAdjusterWrapper = ({ children }) => {
   const padding = `${topbarHeight}px`;
   return /* @__PURE__ */ jsx("div", { style: { paddingTop: padding }, children });
 };
-var standardMdSpacing = 16;
-var topAndBottomSpacing = standardMdSpacing * 2;
-var AppShellCenteredContainer = ({ children }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        margin: "auto auto",
-        height: `calc(100vh - ${topbarHeight + topAndBottomSpacing}px)`,
-        textAlign: "center"
-      },
-      children
-    }
-  );
-};
-var AppShellLoader = () => {
-  const { loader } = useAppearance();
-  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: loader });
-};
-var AppShellError = ({ message, retry }) => {
-  return /* @__PURE__ */ jsxs(AppShellCenteredContainer, { children: [
-    /* @__PURE__ */ jsx(IconAlertCircle, { size: 48, color: "var(--color-error)" }),
-    /* @__PURE__ */ jsx(Title, { order: 3, c: "dimmed", children: message }),
-    retry && /* @__PURE__ */ jsx(Button, { onClick: retry, children: "Retry" })
-  ] });
-};
 var SidebarContext = createContext(void 0);
 var SIDEBAR_COLLAPSED_KEY = "sidebar-collapsed";
 var SidebarProvider = ({ children }) => {
@@ -225,7 +191,7 @@ var SubLinkItem = ({ linkItem, currentPath }) => {
         color: isActive ? activeColor3 : defaultColor2,
         backgroundColor: isActive ? activeColorBg : "transparent",
         padding: `${sidebarSubLinkPaddingY}px ${sidebarSubLinkPaddingX}px ${sidebarSubLinkPaddingY}px ${sidebarSubLinkIndent}px`,
-        borderRadius: "var(--mantine-radius-xs)",
+        borderRadius: "var(--mantine-radius-default)",
         transition: `all var(--duration-fast) var(--easing)`,
         fontWeight: isActive ? 600 : 400
       },
@@ -908,7 +874,7 @@ var SidebarListItem = ({
         width: "100%",
         padding: "var(--mantine-spacing-xs)",
         backgroundColor: isActive ? activeBg2 : "transparent",
-        borderRadius: "var(--mantine-radius-xs)",
+        borderRadius: "var(--mantine-radius-default)",
         transition: `all var(--duration-fast) var(--easing)`,
         cursor: disabled ? "not-allowed" : "pointer",
         opacity: disabled ? 0.5 : 1
@@ -1272,4 +1238,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };
+export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };