@elevasis/ui 1.19.0 → 1.20.0

package/dist/chunk-GBMNCNHX.js

@@ -0,0 +1,105 @@
+import { Modal, Center, Space, Text, Button, Title, TextInput } from '@mantine/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cloneElement } from 'react';
+
+// src/components/modal/CustomModal.tsx
+var CustomModal = ({ children, opened, onClose, loading, style, size }) => {
+  const canClose = loading === true ? false : true;
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      opened,
+      onClose,
+      padding: "xs",
+      withCloseButton: false,
+      closeOnClickOutside: canClose,
+      closeOnEscape: canClose,
+      centered: true,
+      style,
+      size,
+      children
+    }
+  );
+};
+var ConfirmationModal = ({
+  opened,
+  onClose,
+  loading,
+  icon,
+  confirmationHandler,
+  style,
+  title,
+  text,
+  buttonText,
+  buttonColor,
+  centerText
+}) => {
+  const styledIcon = cloneElement(icon, {
+    size: 55,
+    strokeWidth: 1.5
+  });
+  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
+    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(Center, { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Text, { size: "lg", c: "var(--color-text)", children: title }) }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    text && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", style: { textAlign: centerText ? "center" : "left" }, children: text }),
+      /* @__PURE__ */ jsx(Space, { h: 16 })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { color: buttonColor || "blue", fullWidth: true, onClick: confirmationHandler, loading, children: buttonText || "Confirm" })
+  ] });
+};
+var ConfirmationInputModal = ({
+  opened,
+  onClose,
+  loading,
+  icon,
+  confirmationHandler,
+  style,
+  title,
+  text,
+  buttonText,
+  buttonColor,
+  inputValue,
+  onInputChange,
+  expectedValue,
+  placeholder
+}) => {
+  const styledIcon = cloneElement(icon, {
+    size: 55,
+    strokeWidth: 1.5
+  });
+  return /* @__PURE__ */ jsxs(CustomModal, { opened, onClose, loading, style, children: [
+    /* @__PURE__ */ jsx(Center, { children: styledIcon }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Title, { order: 3, children: title }) }),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    text && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: text }),
+      /* @__PURE__ */ jsx(Space, { h: 8 })
+    ] }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        placeholder: placeholder || "Enter confirmation text",
+        value: inputValue,
+        onChange: (event) => onInputChange(event.currentTarget.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(Space, { h: 16 }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: buttonColor || "blue",
+        fullWidth: true,
+        onClick: confirmationHandler,
+        loading,
+        disabled: inputValue !== expectedValue,
+        children: buttonText || "Confirm"
+      }
+    )
+  ] });
+};
+
+export { ConfirmationInputModal, ConfirmationModal, CustomModal };

package/dist/{chunk-BVNAC4SQ.js → chunk-GH7ZO4VD.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-BX565EOK.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-KNJKCD73.js → chunk-I6EVLOP3.js}

@@ -1,9 +1,9 @@
-import { AppBackground } from './chunk-NUULWBAD.js';
+import { AppBackground } from './chunk-JHMJKDVU.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-2YW3LDFT.js';
-import { ElevasisCoreProvider } from './chunk-UANJP5P7.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-BX565EOK.js';
+import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
-import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-MBZDE6UT.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-IOKL7BKE.js';
 import { useMemo, useEffect } from 'react';
 import { Loader, mergeThemeOverrides, MantineProvider } from '@mantine/core';
 import '@mantine/core/styles.css';

package/dist/{chunk-MBZDE6UT.js → chunk-IOKL7BKE.js}

@@ -266,6 +266,11 @@ var DOMAIN_MAP = {
   [DOMAINS.DIAGNOSTIC]: DIAGNOSTIC_DOMAIN
 };
 
+// ../core/src/platform/registry/command-view.ts
+function getNodeId(node) {
+  return node.resourceId;
+}
+
 // ../core/src/platform/registry/resource-metadata.ts
 var resourceTypeIconNames = {
   agent: "IconBrain",
@@ -304,6 +309,9 @@ function getResourceIcon(type) {
   return iconNameToComponent[iconName];
 }
 
+// src/utils/constants/api.ts
+var API_URL = import.meta.env.PROD ? "https://api.elevasis.io" : "http://localhost:5170";
+
 // src/utils/constants/cache.ts
 var STALE_TIME_MONITORING = 3e4;
 var STALE_TIME_ADMIN = 6e4;
@@ -364,4 +372,4 @@ function restoreConsole() {
   console.warn = originalConsoleWarn;
 }
 
-export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, DOMAIN_MAP, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, DOMAIN_MAP, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getNodeId, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };

package/dist/{chunk-35UWYH2A.js → chunk-JFRG2JJE.js}

@@ -1,7 +1,13 @@
 import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { Box, Group, Text, Center } from '@mantine/core';
+import { Container, Stack, Box, Group, Text, Center } from '@mantine/core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+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, { gap: "lg", children }) })
+  );
+};
 var SubshellSidebarSection = ({
   icon: Icon,
   label,
@@ -38,4 +44,4 @@ function SubshellLoader() {
   return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
 }
 
-export { SubshellLoader, SubshellSidebarSection };
+export { PageContainer, SubshellLoader, SubshellSidebarSection };

package/dist/{chunk-NUULWBAD.js → chunk-JHMJKDVU.js}

@@ -1,4 +1,4 @@
-import { PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain } from './chunk-7ATCF6UL.js';
+import { PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain } from './chunk-ACD2QA6E.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function AppBackground({ children }) {