@elevasis/ui 1.4.0 → 1.6.0

package/dist/chunk-MLKGABMK.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export { __export };

package/dist/{chunk-GIFAF5ZS.js → chunk-MS45MNFM.js}

@@ -1,3 +1,4 @@
+import { __export } from './chunk-MLKGABMK.js';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 
 // src/graph/constants.ts
@@ -85,6 +86,10 @@ function useConnectionHighlight(nodes, edges) {
 }
 
 // src/graph/Graph.module.css
+var Graph_exports = {};
+__export(Graph_exports, {
+  default: () => Graph_default
+});
 var Graph_default = {};
 
 // src/graph/hooks/useGraphHighlighting.ts
@@ -310,4 +315,4 @@ function calculateGraphHeight({
   return Math.min(calculated, maxHeight);
 }
 
-export { GRAPH_CONSTANTS, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection };
+export { GRAPH_CONSTANTS, Graph_default, Graph_exports, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection };

package/dist/chunk-R56VC63S.js

@@ -0,0 +1,129 @@
+import { UnstyledButton, Group, Box, ThemeIcon } from '@mantine/core';
+import { IconChevronRight } from '@tabler/icons-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+// src/components/display/NavigationButton.tsx
+var NavigationButton = ({
+  icon: Icon,
+  label,
+  isCollapsed = false,
+  hasSubItems = false,
+  isExpanded = false,
+  isActive = false,
+  hasActiveBackground = false,
+  onClick,
+  style,
+  transitionDuration = 200
+}) => {
+  const activeColor = "var(--color-primary)";
+  const textColor = isActive ? activeColor : "var(--color-text)";
+  const bgColor = hasActiveBackground ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent";
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick?.();
+      },
+      style: {
+        height: 46,
+        display: "flex",
+        alignItems: "center",
+        width: "100%",
+        padding: "var(--mantine-spacing-xs)",
+        color: textColor,
+        backgroundColor: bgColor,
+        transition: `all var(--duration-fast) var(--easing)`,
+        cursor: "pointer",
+        overflow: "hidden",
+        borderRadius: "var(--mantine-radius-default)",
+        ...style
+      },
+      onMouseEnter: (e) => {
+        if (!hasActiveBackground) {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!hasActiveBackground) {
+          e.currentTarget.style.backgroundColor = "transparent";
+        }
+      },
+      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: 0, style: { width: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-start",
+              flex: hasSubItems && !isCollapsed ? 1 : "initial",
+              minWidth: 0,
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                ThemeIcon,
+                {
+                  variant: "light",
+                  size: 30,
+                  style: {
+                    backgroundColor: isActive ? activeColor : "var(--color-surface)",
+                    color: isActive ? "white" : activeColor,
+                    marginRight: isCollapsed ? 0 : "var(--mantine-spacing-sm)",
+                    transition: `margin ${transitionDuration}ms var(--easing)`,
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { size: 18, stroke: 1.5 })
+                }
+              ),
+              !isCollapsed && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    fontFamily: "var(--elevasis-font-family-subtitle)",
+                    fontSize: "var(--mantine-font-size-md)",
+                    fontWeight: isActive ? 600 : 500,
+                    color: textColor,
+                    transition: `opacity ${transitionDuration}ms var(--easing)`,
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        hasSubItems && !isCollapsed && /* @__PURE__ */ jsx(
+          IconChevronRight,
+          {
+            size: 14,
+            stroke: 1.5,
+            style: {
+              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
+              transition: `transform var(--duration-fast) var(--easing)`,
+              color: "var(--color-text-subtle)",
+              flexShrink: 0,
+              marginLeft: "auto"
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/display/ElevasisLoader.module.css
+var ElevasisLoader_default = {};
+var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c1}`, points: "5,36 20,25 35,36" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c2}`, points: "9,23 20,14 31,23" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c3}`, points: "13,11 20,5 27,11" })
+] }) }));
+ElevasisLoader.displayName = "ElevasisLoader";
+
+export { ElevasisLoader, NavigationButton };

package/dist/chunk-TYV5NJV2.js

@@ -0,0 +1 @@
+

package/dist/{chunk-JQLT6HBI.js → chunk-YJFTZUJJ.js}

@@ -59,6 +59,12 @@ function isToolCallEvent(ctx) {
   return "eventType" in ctx && ctx.eventType === "tool-call";
 }
 
+// ../core/src/execution/engine/base/types.ts
+var ResourceStatusColors = {
+  dev: "var(--color-primary)",
+  prod: "var(--color-success)"
+};
+
 // src/execution/hooks/useExecutionPath.ts
 function useExecutionPath(executionLogs, workflowDefinition) {
   return useMemo(() => {
@@ -615,12 +621,13 @@ function useUnifiedWorkflowLayout(workflow, executionPath, selectedStepId, mode
   }, [baseNodes, baseEdges, workflow, executionPath, selectedStepId, graphHeight, mode]);
 }
 
-// src/execution/constants.ts
+// src/components/execution/constants.ts
 var TIMELINE_CONSTANTS = {
   // Bar dimensions
   BAR_HEIGHT: 24,
   ROW_GAP: 8,
   MIN_BAR_WIDTH_PERCENT: 0.5,
+  // Minimum bar width as percentage (0.5% = ~8px on typical screen)
   // Label column
   LABEL_WIDTH: 200,
   // Indentation for nested rows
@@ -630,28 +637,41 @@ var TIMELINE_CONSTANTS = {
   CONTAINER_BORDER_RADIUS: 8
 };
 var SHARED_VIZ_CONSTANTS = {
+  // Node dimensions
   NODE_WIDTH: 160,
   NODE_SPACING: 220,
   HANDLE_SIZE: 8,
+  // Zoom settings
   MIN_ZOOM: 0.5,
   MAX_ZOOM: 2
 };
+var CONTAINER_CONSTANTS = {
+  CONTAINER_HEIGHT: 400
+};
 var AGENT_CONSTANTS = {
+  // Inherited from shared constants
   ...SHARED_VIZ_CONSTANTS,
+  // Agent-specific layout
   NODE_HEIGHT: 140,
   CONTAINER_HEIGHT: 430,
   FIT_VIEW_PADDING: 0.2,
+  // Icon and circle sizes
   ICON_SIZE: 16,
   STATUS_ICON_SIZE: 16,
   CIRCLE_SIZE: 40,
+  // Animation
   PULSE_DURATION: "2s",
   TRANSITION_DURATION: "0.2s"
 };
 var WORKFLOW_CONSTANTS = {
+  // Inherited from shared constants
   ...SHARED_VIZ_CONSTANTS,
+  // Workflow-specific layout
   FIT_VIEW_PADDING: 0.4,
+  // Workflow-specific dimensions
   ICON_SIZE: 20,
   CIRCLE_SIZE: 40,
+  // Animation
   SPIN_DURATION: "1s"
 };
 
@@ -847,4 +867,4 @@ function calculateBarPosition(startTime, endTime, executionStart, executionEnd)
   };
 }
 
-export { AGENT_CONSTANTS, SHARED_VIZ_CONSTANTS, STATUS_COLORS, TIMELINE_CONSTANTS, WORKFLOW_CONSTANTS, calculateBarPosition, formatDuration, getEdgeColor, getEdgeOpacity, getResourceStatusColor, getStatusColors, getStatusIcon, shouldAnimateEdge, useAgentIterationData, useExecutionPath, useMergedExecution, useReactFlowAgent, useTimelineData, useUnifiedWorkflowLayout, useWorkflowStepsLayout };
+export { AGENT_CONSTANTS, CONTAINER_CONSTANTS, ResourceStatusColors, SHARED_VIZ_CONSTANTS, STATUS_COLORS, TIMELINE_CONSTANTS, WORKFLOW_CONSTANTS, calculateBarPosition, formatDuration, getEdgeColor, getEdgeOpacity, getResourceStatusColor, getStatusColors, getStatusIcon, shouldAnimateEdge, useAgentIterationData, useExecutionPath, useMergedExecution, useReactFlowAgent, useTimelineData, useUnifiedWorkflowLayout, useWorkflowStepsLayout };