@elevasis/ui 1.3.0 → 1.3.2

package/dist/components/index.js

@@ -1,20 +1 @@
-export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, ConfirmationInputModal, ConfirmationModal, MessageBubble } from '../chunk-TN3PU2WK.js';
-export { ExecutionLogsTable, ResourceHealthChart, getHealthColor } from '../chunk-NE36BUGQ.js';
-import '../chunk-W7ZBF5AA.js';
-export { ActionModal, CustomModal, TaskCard, getIcon, iconMap } from '../chunk-JYSYHVLU.js';
-import '../chunk-NXHL23JW.js';
-export { FormFieldRenderer } from '../chunk-PSLKGOBZ.js';
-export { NotificationBell, NotificationItem, NotificationList, NotificationPanel } from '../chunk-TMFCNFLW.js';
-import '../chunk-BLO4SISK.js';
-export { AgentDefinitionDisplay, CollapsibleJsonSection, ConfigCard, ContractDisplay, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ToolsListDisplay, WorkflowDefinitionDisplay, useNewKnowledgeMapLayout } from '../chunk-OXVOHOP3.js';
-import '../chunk-6BJOYF6E.js';
-import '../chunk-HUWJXLLF.js';
-export { APIErrorAlert, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, NavigationButton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-O3PY6B6E.js';
-export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
-import '../chunk-YZ6GTZXL.js';
-import '../chunk-TIRMFDM4.js';
-import '../chunk-JVAZHVNV.js';
-import '../chunk-4VGWQ5AN.js';
-import '../chunk-KA7LO7U5.js';
-import '../chunk-7PLEQFHO.js';
-import '../chunk-Q7DJKLEN.js';
+

package/dist/components/navigation/index.d.ts

@@ -1,6 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
 interface BreadcrumbItem {
     label: string;
     path?: string;
@@ -23,32 +20,5 @@ interface UseBreadcrumbsOptions {
 }
 declare const useBreadcrumbs: (options?: UseBreadcrumbsOptions) => BreadcrumbItem[];
 
-interface LinkItem {
-    label: string;
-    link: string;
-    onClick?: () => void;
-}
-interface LinksGroupProps {
-    icon: React.ComponentType<{
-        size?: number;
-        stroke?: number;
-    }>;
-    label: string;
-    initiallyOpened?: boolean;
-    links?: LinkItem[];
-    link?: string;
-    onClick?: () => void;
-    currentPath?: string;
-    opened?: boolean;
-    onToggle?: () => void;
-    /** Optional tour target ID for onboarding highlights */
-    dataOnboardingTourId?: string;
-}
-
-interface BreadcrumbsProps extends UseBreadcrumbsOptions {
-    navItems: LinksGroupProps[];
-}
-declare const Breadcrumbs: ({ navItems }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
-
-export { Breadcrumbs, useBreadcrumbs };
-export type { BreadcrumbItem, BreadcrumbsProps, UseBreadcrumbsOptions };
+export { useBreadcrumbs };
+export type { BreadcrumbItem, UseBreadcrumbsOptions };

package/dist/components/navigation/index.js

@@ -1,7 +1,5 @@
 import { useRouterContext } from '../../chunk-Q7DJKLEN.js';
-import { Text, Anchor, Breadcrumbs as Breadcrumbs$1 } from '@mantine/core';
 import { useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
 
 var useBreadcrumbs = (options = {}) => {
   const { currentPath } = useRouterContext();
@@ -61,31 +59,5 @@ var useBreadcrumbs = (options = {}) => {
 function formatSegmentLabel(segment) {
   return segment.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-var Breadcrumbs = ({ navItems }) => {
-  const { Link } = useRouterContext();
-  const breadcrumbs = useBreadcrumbs({ navItems });
-  const items = breadcrumbs.map((item) => {
-    const isActive = item.isActive;
-    if (isActive) {
-      return /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: "var(--color-text)", children: item.label }, item.path || item.label);
-    }
-    return item.path ? /* @__PURE__ */ jsx(
-      Anchor,
-      {
-        component: Link,
-        to: item.path,
-        size: "sm",
-        style: {
-          color: "var(--color-text-subtle)",
-          textDecoration: "none"
-        },
-        c: "dimmed",
-        children: item.label
-      },
-      item.path
-    ) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-subtle)", children: item.label }, item.label);
-  });
-  return /* @__PURE__ */ jsx(Breadcrumbs$1, { separator: "/", children: items });
-};
 
-export { Breadcrumbs, useBreadcrumbs };
+export { useBreadcrumbs };

package/dist/execution/index.d.ts

@@ -1,7 +1,5 @@
-import { Node, Edge, NodeProps, EdgeProps } from '@xyflow/react';
+import { Node, Edge } from '@xyflow/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BadgeProps } from '@mantine/core';
-import * as react from 'react';
 
 /**
  * Workflow-specific logging types and utilities
@@ -781,6 +779,38 @@ declare function useReactFlowAgent(iterationData: AgentIterationData | null, _re
     edges: Edge[];
 };
 
+/**
+ * Format duration in milliseconds for display
+ *
+ * @param ms - Duration in milliseconds
+ * @returns Formatted duration string (e.g., "150ms", "2.5s")
+ */
+declare function formatDuration(ms?: number): string;
+
+interface StatusIconColors {
+    icon: string;
+}
+interface GetStatusIconOptions {
+    status: ExecutionStatus;
+    colors: StatusIconColors;
+    iconSize: number;
+    spinDuration?: string;
+}
+/**
+ * Get status icon component for execution nodes
+ *
+ * @param options - Configuration for icon rendering
+ * @returns React component for the status icon
+ */
+declare function getStatusIcon({ status, colors, iconSize, spinDuration }: GetStatusIconOptions): react_jsx_runtime.JSX.Element;
+
+/**
+ * Get the color for a resource status badge
+ * @param resourceStatus - The resource status ('dev' | 'prod')
+ * @returns CSS variable color string
+ */
+declare function getResourceStatusColor(resourceStatus: ResourceStatus): string;
+
 /**
  * Unified status color system for execution visualizers
  * Shared between workflow and agent implementations
@@ -800,163 +830,50 @@ declare const STATUS_COLORS: Record<ExecutionStatus, StatusColorScheme>;
  */
 declare function getStatusColors(status: ExecutionStatus): StatusColorScheme;
 
-interface ExecutionStatusBadgeProps {
-    /** The execution status */
-    status: ExecutionStatus;
-    /** Badge size - defaults to 'sm' */
-    size?: BadgeProps['size'];
-    /** Badge variant - defaults to 'light' */
-    variant?: 'light' | 'filled' | 'outline' | 'dot';
-    /** Whether to show a loader for running status - defaults to true */
-    showLoader?: boolean;
-}
-/**
- * ExecutionStatusBadge - Reusable badge for execution statuses
- *
- * Consolidates status badge rendering across:
- * - ExecutionSummaryRow.tsx
- * - SessionExecutionLogs.tsx
- * - BaseExecutionLogsHeader.tsx
- * - UnifiedWorkflowNode.tsx
- * - Dashboard.tsx task list
- *
- * Uses the centralized STATUS_COLORS from statusColors.ts
- *
- * @example
- * ```tsx
- * <ExecutionStatusBadge status="running" />
- * <ExecutionStatusBadge status="completed" variant="dot" />
- * ```
- */
-declare function ExecutionStatusBadge({ status, size, variant, showLoader }: ExecutionStatusBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface ExecutionStatsProps {
-    totalExecutions: number;
-    successCount: number;
-    failureCount: number;
-    warningCount?: number;
-    successRate: number;
-    align?: 'flex-start' | 'flex-end' | 'center';
-    /** Compact mode renders metric chips in a horizontal row */
-    compact?: boolean;
+interface EdgeColorOptions {
+    selected?: boolean;
+    sourceStatus: ExecutionStatus;
 }
 /**
- * Execution statistics with colored text — vertical stack or compact metric chips
- */
-declare function ExecutionStats({ totalExecutions, successCount, failureCount, warningCount, successRate, align, compact }: ExecutionStatsProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * TimelineContainer Component
- *
- * Outer container for the timeline visualization.
- * Wraps timeline rows and displays time axis at the bottom.
+ * Get edge color based on source node status
+ * Simplified: uses unified status color system
  */
-declare function TimelineContainer({ executionStart, executionEnd, children }: TimelineContainerProps): react_jsx_runtime.JSX.Element;
-
-interface TimelineAxisProps {
-    totalDuration: number;
+declare function getEdgeColor({ selected, sourceStatus }: EdgeColorOptions): string;
+interface EdgeOpacityOptions {
+    sourceStatus: ExecutionStatus;
 }
 /**
- * TimelineAxis Component
- *
- * Renders time markers at the bottom of the timeline.
- * Shows 0ms on the left, total duration on the right, and 3 intermediate markers.
- */
-declare function TimelineAxis({ totalDuration }: TimelineAxisProps): react_jsx_runtime.JSX.Element;
-
-/**
- * TimelineBar Component
- *
- * Renders a single horizontal bar in the timeline visualization.
- * Position and width are calculated as percentages based on absolute timestamps.
+ * Get edge opacity based on source node status
  */
-declare function TimelineBar({ startTime, endTime, executionStart, executionEnd, status, label, onClick, isSelected, hasSelection }: TimelineBarProps): react_jsx_runtime.JSX.Element;
-
+declare function getEdgeOpacity({ sourceStatus }: EdgeOpacityOptions): number;
 /**
- * TimelineRow Component
- *
- * Renders a row in the timeline with a label and one or more timeline bars.
- * Supports indentation for nested rows (e.g., sub-activities within iterations).
+ * Check if edge should be animated (when source or target is running)
  */
-declare function TimelineRow({ label, bars, executionStart, executionEnd, indent, selectedNodeId }: TimelineRowProps): react_jsx_runtime.JSX.Element;
-
-interface IVisualizerContainerProps {
-    children: React.ReactNode;
-    /** Click handler for container (for deselecting nodes). Optional for definition mode. */
-    handleContainerClick?: (event: React.MouseEvent) => void;
-    /** Optional dynamic height calculated from graph layout. Falls back to default if not provided. */
-    height?: number;
-}
-declare const VisualizerContainer: ({ children, handleContainerClick, height }: IVisualizerContainerProps) => react_jsx_runtime.JSX.Element;
-
-declare const EmptyVisualizer: ({ message }: {
-    message?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-interface UnifiedWorkflowGraphProps {
-    /**
-     * Workflow definition (entry point, steps, routes)
-     * Accepts either SerializedWorkflowDefinition (execution mode) or WorkflowStepsLayoutInput (definition mode)
-     */
-    resourceDefinition: SerializedWorkflowDefinition | WorkflowStepsLayoutInput;
-    /** Execution logs from SSE or useExecution hook (only used in execution mode) */
-    executionLogs?: ExecutionLogMessage[];
-    /** Currently selected step ID for highlighting (only used in execution mode) */
-    selectedStepId?: string | null;
-    /** Callback when step selection changes (only used in execution mode) */
-    onStepSelect?: (stepId: string | null) => void;
-    /** External trigger for fit view (increment to trigger, used after collapse animations) */
-    fitViewTrigger?: number;
-}
-declare function UnifiedWorkflowGraph({ resourceDefinition, executionLogs, selectedStepId, onStepSelect, fitViewTrigger: externalFitViewTrigger }: UnifiedWorkflowGraphProps): react_jsx_runtime.JSX.Element;
-
-type UnifiedWorkflowNodeProps = NodeProps<Node<UnifiedWorkflowNodeData>>;
-declare const UnifiedWorkflowNode: react.NamedExoticComponent<UnifiedWorkflowNodeProps>;
-
-type UnifiedWorkflowEdgeProps = EdgeProps<Edge<UnifiedWorkflowEdgeData, string>>;
-declare const UnifiedWorkflowEdge: react.NamedExoticComponent<UnifiedWorkflowEdgeProps>;
+declare function shouldAnimateEdge(sourceStatus: ExecutionStatus, targetStatus: ExecutionStatus): boolean;
 
-interface WorkflowExecutionTimelineProps {
-    timelineData: WorkflowNodeVisualizerData;
-    selectedStepId?: string | null;
-}
 /**
- * WorkflowExecutionTimeline Component
+ * Calculate timeline bar position and width as percentages
  *
- * Renders a Temporal-style timeline visualization for workflow executions.
- * Shows all workflow steps with their timing and status.
- */
-declare function WorkflowExecutionTimeline({ timelineData, selectedStepId }: WorkflowExecutionTimelineProps): react_jsx_runtime.JSX.Element;
-
-interface AgentExecutionVisualizerProps {
-    resourceDefinition: SerializedAgentDefinition;
-    iterationData: AgentIterationData | null;
-    selectedExecutionId?: string;
-    liveExecutions: Set<string>;
-    selectedIterationId: number | 'initialization' | 'completion' | null;
-    onIterationSelect: (iterationId: number | 'initialization' | 'completion' | null) => void;
-}
-declare function AgentExecutionVisualizer({ resourceDefinition, iterationData, selectedExecutionId, liveExecutions, selectedIterationId, onIterationSelect }: AgentExecutionVisualizerProps): react_jsx_runtime.JSX.Element;
-
-interface AgentExecutionTimelineProps {
-    iterationData: AgentIterationData;
-    selectedIterationId?: number | 'initialization' | 'completion' | null;
-}
-/**
- * AgentExecutionTimeline Component
+ * Handles edge cases:
+ * - Zero duration executions (instant completion)
+ * - Activities that start before execution (data inconsistency)
+ * - Activities that extend beyond execution end (data inconsistency)
+ * - Zero or near-zero duration activities (enforces minimum visible width)
  *
- * Renders a Temporal-style timeline visualization for agent executions.
- * Shows initialization, iterations (with sub-activities), and completion phases.
+ * @param startTime - Activity start timestamp (absolute)
+ * @param endTime - Activity end timestamp (absolute)
+ * @param executionStart - Execution start timestamp (absolute)
+ * @param executionEnd - Execution end timestamp (absolute)
+ * @returns Object with left and width percentages for bar positioning
  */
-declare function AgentExecutionTimeline({ iterationData, selectedIterationId }: AgentExecutionTimelineProps): react_jsx_runtime.JSX.Element;
-
-declare const AgentIterationNode: react.NamedExoticComponent<NodeProps>;
-
-declare const AgentIterationEdge: react.NamedExoticComponent<EdgeProps>;
+declare function calculateBarPosition(startTime: number, endTime: number, executionStart: number, executionEnd: number): {
+    left: number;
+    width: number;
+};
 
 /**
- * Timeline visualization constants
- * Layout and styling constants for timeline components
+ * Execution visualization constants.
+ * Headless layout/sizing data used by hooks and utils (no Mantine dependency).
  */
 declare const TIMELINE_CONSTANTS: {
     readonly BAR_HEIGHT: 24;
@@ -967,9 +884,6 @@ declare const TIMELINE_CONSTANTS: {
     readonly CONTAINER_PADDING: 16;
     readonly CONTAINER_BORDER_RADIUS: 8;
 };
-/**
- * Shared visualization constants used by both workflow and agent visualizers
- */
 declare const SHARED_VIZ_CONSTANTS: {
     readonly NODE_WIDTH: 160;
     readonly NODE_SPACING: 220;
@@ -977,15 +891,6 @@ declare const SHARED_VIZ_CONSTANTS: {
     readonly MIN_ZOOM: 0.5;
     readonly MAX_ZOOM: 2;
 };
-/**
- * Container height constant (used by VisualizerContainer and EmptyVisualizer)
- */
-declare const CONTAINER_CONSTANTS: {
-    CONTAINER_HEIGHT: number;
-};
-/**
- * Agent-specific dimension and layout constants
- */
 declare const AGENT_CONSTANTS: {
     readonly NODE_HEIGHT: 140;
     readonly CONTAINER_HEIGHT: 430;
@@ -1013,78 +918,5 @@ declare const WORKFLOW_CONSTANTS: {
     readonly MAX_ZOOM: 2;
 };
 
-/**
- * Format duration in milliseconds for display
- *
- * @param ms - Duration in milliseconds
- * @returns Formatted duration string (e.g., "150ms", "2.5s")
- */
-declare function formatDuration(ms?: number): string;
-
-interface StatusIconColors {
-    icon: string;
-}
-interface GetStatusIconOptions {
-    status: ExecutionStatus;
-    colors: StatusIconColors;
-    iconSize: number;
-    spinDuration?: string;
-}
-/**
- * Get status icon component for execution nodes
- *
- * @param options - Configuration for icon rendering
- * @returns React component for the status icon
- */
-declare function getStatusIcon({ status, colors, iconSize, spinDuration }: GetStatusIconOptions): react_jsx_runtime.JSX.Element;
-
-/**
- * Get the color for a resource status badge
- * @param resourceStatus - The resource status ('dev' | 'prod')
- * @returns CSS variable color string
- */
-declare function getResourceStatusColor(resourceStatus: ResourceStatus): string;
-
-interface EdgeColorOptions {
-    selected?: boolean;
-    sourceStatus: ExecutionStatus;
-}
-/**
- * Get edge color based on source node status
- * Simplified: uses unified status color system
- */
-declare function getEdgeColor({ selected, sourceStatus }: EdgeColorOptions): string;
-interface EdgeOpacityOptions {
-    sourceStatus: ExecutionStatus;
-}
-/**
- * Get edge opacity based on source node status
- */
-declare function getEdgeOpacity({ sourceStatus }: EdgeOpacityOptions): number;
-/**
- * Check if edge should be animated (when source or target is running)
- */
-declare function shouldAnimateEdge(sourceStatus: ExecutionStatus, targetStatus: ExecutionStatus): boolean;
-
-/**
- * Calculate timeline bar position and width as percentages
- *
- * Handles edge cases:
- * - Zero duration executions (instant completion)
- * - Activities that start before execution (data inconsistency)
- * - Activities that extend beyond execution end (data inconsistency)
- * - Zero or near-zero duration activities (enforces minimum visible width)
- *
- * @param startTime - Activity start timestamp (absolute)
- * @param endTime - Activity end timestamp (absolute)
- * @param executionStart - Execution start timestamp (absolute)
- * @param executionEnd - Execution end timestamp (absolute)
- * @returns Object with left and width percentages for bar positioning
- */
-declare function calculateBarPosition(startTime: number, endTime: number, executionStart: number, executionEnd: number): {
-    left: number;
-    width: number;
-};
-
-export { AGENT_CONSTANTS, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, CONTAINER_CONSTANTS, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, SHARED_VIZ_CONSTANTS, STATUS_COLORS, TIMELINE_CONSTANTS, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WORKFLOW_CONSTANTS, WorkflowExecutionTimeline, calculateBarPosition, formatDuration, getEdgeColor, getEdgeOpacity, getResourceStatusColor, getStatusColors, getStatusIcon, shouldAnimateEdge, useAgentIterationData, useExecutionPath, useMergedExecution, useReactFlowAgent, useTimelineData, useUnifiedWorkflowLayout, useWorkflowStepsLayout };
+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 type { AgentIterationEdgeData, AgentIterationNodeData, AgentStatus, EdgeColorOptions, EdgeOpacityOptions, ExecutionPathState, ExecutionStatus, GraphMode, StatusColorScheme, StatusIconColors, StepExecutionData, TimelineBarProps, TimelineContainerProps, TimelineRowProps, UnifiedWorkflowEdgeData, UnifiedWorkflowNodeData, WorkflowEdgeType, WorkflowStepEdgeData, WorkflowStepNodeData, WorkflowStepsLayoutInput };

package/dist/execution/index.js

@@ -1,4 +1 @@
-export { AGENT_CONSTANTS, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, CONTAINER_CONSTANTS, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, SHARED_VIZ_CONSTANTS, STATUS_COLORS, TIMELINE_CONSTANTS, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WORKFLOW_CONSTANTS, WorkflowExecutionTimeline, calculateBarPosition, getEdgeColor, getEdgeOpacity, getResourceStatusColor, getStatusColors, getStatusIcon, shouldAnimateEdge, useAgentIterationData, useExecutionPath, useMergedExecution, useReactFlowAgent, useTimelineData, useUnifiedWorkflowLayout, useWorkflowStepsLayout } from '../chunk-RJCA5672.js';
-export { formatDuration } from '../chunk-6BJOYF6E.js';
-import '../chunk-HUWJXLLF.js';
-import '../chunk-YZ6GTZXL.js';
+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 } from '../chunk-JQLT6HBI.js';

package/dist/graph/index.css

@@ -1,4 +1,3 @@
-/* src/graph/Graph.globals.css */
 /* src/graph/Graph.module.css */
 @keyframes edgeFlow {
   0% {