@elevasis/ui 1.20.1 → 1.22.0

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

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-OFAXUZPZ.js';
+import { usePresetsContext } from './chunk-AJPFSMEH.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
@@ -16,8 +16,9 @@ var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
   "canopy",
   "slate",
   "cyber-strike",
-  "cyber-punk",
-  "cyber-void"
+  "cyber-chrome",
+  "cyber-void",
+  "quarry"
 ]);
 function titleCase(str) {
   return str.replace(/(^|-)(\w)/g, (_, sep, char) => (sep ? " " : "") + char.toUpperCase());

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

@@ -0,0 +1,202 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface ChatSidebarProps {
+    /**
+     * Whether the sidebar is open
+     */
+    isOpen: boolean;
+    /**
+     * Optional title for the sidebar header
+     * @default 'Details'
+     */
+    title?: string;
+    /**
+     * Sidebar content
+     */
+    children: ReactNode;
+    /**
+     * Optional fixed width in pixels
+     * @default 320
+     */
+    width?: number;
+    /**
+     * Optional z-index for layering
+     * @default 10
+     */
+    zIndex?: number;
+}
+/**
+ * Shared chat sidebar component
+ *
+ * Provides a sliding sidebar panel that animates from the right side.
+ * Used across AI Studio sessions and Agent Chat for displaying contextual details.
+ *
+ * Features:
+ * - Smooth transform-based sliding animation
+ * - Fixed width with absolute positioning
+ * - Theme-aware styling with CSS variables
+ * - Customizable header with optional actions
+ * - Flexible content area via children prop
+ *
+ * Layout Pattern:
+ * Parent container must have `position: relative` and the content area should
+ * adjust its `marginRight` to match the sidebar width when open.
+ *
+ * @example
+ * ```tsx
+ * <div style={{ position: 'relative', height: '100vh' }}>
+ *   <div style={{
+ *     marginRight: isSidebarOpen ? '320px' : '0',
+ *     transition: 'margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1)'
+ *   }}>
+ *     // Main content
+ *   </div>
+ *   <ChatSidebar isOpen={isSidebarOpen} onClose={() => setIsOpen(false)}>
+ *     // Sidebar content
+ *   </ChatSidebar>
+ * </div>
+ * ```
+ */
+declare function ChatSidebar({ isOpen, title, children, width, zIndex }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatHeaderProps {
+    title: string;
+    status?: {
+        label: string;
+        color: 'green' | 'gray' | 'red' | 'yellow' | 'blue';
+    };
+    contextUsage?: {
+        used: number;
+        total: number;
+    };
+    sidebarIcon?: ReactNode;
+    onToggleSidebar?: () => void;
+    isSidebarOpen?: boolean;
+    sidebarTooltip?: string;
+}
+/**
+ * Shared chat header component
+ * Displays title, status badge, context usage, and optional sidebar toggle
+ */
+declare function ChatHeader({ title, status, contextUsage, sidebarIcon, onToggleSidebar, isSidebarOpen, sidebarTooltip }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ChatInputAreaProps {
+    input: string;
+    onInputChange: (value: string) => void;
+    onSend: () => void;
+    isDisabled?: boolean;
+    isProcessing?: boolean;
+    isConnected?: boolean;
+    placeholder?: string;
+}
+/**
+ * Tactical chat input area with focus glow and accent send button.
+ */
+declare const ChatInputArea: react.NamedExoticComponent<ChatInputAreaProps>;
+
+type MessageType = MessageEvent['type'];
+interface ChatMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    messageType: MessageType;
+    text: string;
+    metadata?: MessageEvent;
+    turnNumber: number;
+    messageIndex?: number;
+    createdAt: Date;
+}
+
+/**
+ * Base Execution Engine type definitions
+ * Core types shared across all Execution Engine resources
+ */
+
+/**
+ * Unified message event type - covers all message types in sessions
+ * Replaces separate SessionTurnMessages and AgentActivityEvent mechanisms
+ */
+/**
+ * Structured action metadata attached to assistant messages.
+ * Frontend reads this instead of parsing text prefixes.
+ */
+type AssistantAction = {
+    kind: 'navigate';
+    path: string;
+    reason: string;
+} | {
+    kind: 'update_filters';
+    timeRange: string | null;
+    statusFilter: string | null;
+    searchQuery: string | null;
+};
+type MessageEvent = {
+    type: 'user_message';
+    text: string;
+} | {
+    type: 'assistant_message';
+    text: string;
+    _action?: AssistantAction;
+} | {
+    type: 'agent:started';
+} | {
+    type: 'agent:completed';
+} | {
+    type: 'agent:error';
+    error: string;
+} | {
+    type: 'agent:reasoning';
+    iteration: number;
+    reasoning: string;
+} | {
+    type: 'agent:tool_call';
+    toolName: string;
+    args: Record<string, unknown>;
+} | {
+    type: 'agent:tool_result';
+    toolName: string;
+    success: boolean;
+    result?: unknown;
+    error?: string;
+};
+
+interface ChatInterfaceProps {
+    messages: ChatMessage[];
+    input: string;
+    onInputChange: (value: string) => void;
+    onSendMessage: () => void;
+    isProcessing?: boolean;
+    isConnected?: boolean;
+    error?: string | null;
+    onClearError?: () => void;
+    emptyStateText?: string;
+    emptyStateSubtext?: string;
+    placeholder?: string;
+}
+/**
+ * Shared chat interface component
+ * Used across ai studio sessions and production agent chat
+ * Handles message display, auto-scroll, and input area
+ */
+declare function ChatInterface({ messages, input, onInputChange, onSendMessage, isProcessing, isConnected, error, onClearError, emptyStateText, emptyStateSubtext, placeholder }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+
+interface MessageBubbleProps {
+    message: ChatMessage;
+}
+/**
+ * Shared chat message bubble component
+ * Used across all chat interfaces in the monorepo
+ * Supports all 8 message types including agent activity
+ */
+declare const MessageBubble: react.NamedExoticComponent<MessageBubbleProps>;
+
+/**
+ * Animated processing indicator with a light streak effect.
+ * Each letter brightens sequentially, creating the illusion
+ * of a streak of light sweeping across the text.
+ */
+declare function ProcessingIndicator(): react_jsx_runtime.JSX.Element;
+
+export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator };
+export type { ChatHeaderProps, ChatInputAreaProps, ChatInterfaceProps, ChatSidebarProps, MessageBubbleProps };

package/dist/components/chat/index.js

@@ -0,0 +1,2 @@
+export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator } from '../../chunk-ROSMICXG.js';
+import '../../chunk-3KMDHCAR.js';

package/dist/components/index.css

@@ -158,9 +158,6 @@
 ::-webkit-scrollbar-thumb:hover {
   background: var(--color-text-subtle);
 }
-.mantine-Skeleton-root[data-visible]::after {
-  background-color: color-mix(in srgb, var(--color-text-subtle) 30%, var(--color-surface)) !important;
-}
 .mantine-Checkbox-input {
   background-color: var(--color-surface);
   border-color: var(--color-border);

package/dist/components/index.d.ts

@@ -109,67 +109,47 @@ interface PageTitleCaptionProps {
 declare const PageTitleCaption: ({ title, caption, rightSection }: PageTitleCaptionProps) => react_jsx_runtime.JSX.Element;
 
 interface StatsCardSkeletonProps {
-    /** Height of the chart skeleton - defaults to 120 */
+    /** Height of the loader area - defaults to 200 */
     chartHeight?: number;
-    /** Whether to show a chart skeleton - defaults to true */
+    /** Kept for API compat, unused */
     withChart?: boolean;
-    /** Number of stat columns - defaults to 3 */
+    /** Kept for API compat, unused */
     statCount?: 2 | 3;
 }
 /**
- * StatsCardSkeleton - Loading skeleton for dashboard metric cards
+ * StatsCardSkeleton - Loading state for dashboard metric cards
  *
- * Consolidates the identical card skeleton pattern used across:
+ * Used across:
  * - ExecutionHealthCard.tsx
  * - CostMetricsCard.tsx
  * - ThroughputCard.tsx
  * - BusinessImpactCard.tsx
- *
- * @example
- * ```tsx
- * if (isLoading) {
- *   return <StatsCardSkeleton />
- * }
- * ```
  */
-declare function StatsCardSkeleton({ chartHeight, withChart, statCount }: StatsCardSkeletonProps): react_jsx_runtime.JSX.Element;
+declare function StatsCardSkeleton({ chartHeight }: StatsCardSkeletonProps): react_jsx_runtime.JSX.Element;
 interface ListSkeletonProps {
-    /** Number of skeleton rows to show - defaults to 3 */
+    /** Number of rows (used to calculate height) - defaults to 3 */
     rows?: number;
     /** Height of each row - defaults to 50 */
     rowHeight?: number;
 }
 /**
- * ListSkeleton - Loading skeleton for table/list content
+ * ListSkeleton - Loading state for table/list content
  *
- * Consolidates the Stack + Skeleton pattern used across:
+ * Used across:
  * - ApiKeyList.tsx
  * - CredentialList.tsx
- * - Various other list components
- *
- * @example
- * ```tsx
- * if (isLoading) {
- *   return <ListSkeleton rows={5} />
- * }
- * ```
+ * - DeploymentList.tsx
+ * - WebhookEndpointList.tsx
  */
 declare function ListSkeleton({ rows, rowHeight }: ListSkeletonProps): react_jsx_runtime.JSX.Element;
 interface DetailCardSkeletonProps {
-    /** Number of detail rows - defaults to 3 */
+    /** Number of detail rows (used to calculate height) - defaults to 3 */
     rows?: number;
 }
 /**
- * DetailCardSkeleton - Loading skeleton for cards with list of detail items
- *
- * Used for cards like CostBreakdownCard that show a list of items
+ * DetailCardSkeleton - Loading state for cards with list of detail items
  *
- * @example
- * ```tsx
- * if (isLoading) {
- *   return <DetailCardSkeleton rows={4} />
- * }
- * ```
+ * Used for cards like CostBreakdownCard
  */
 declare function DetailCardSkeleton({ rows }: DetailCardSkeletonProps): react_jsx_runtime.JSX.Element;
 
@@ -3957,13 +3937,15 @@ interface ResourceCardProps {
     layout?: 'stack' | 'row' | 'grid' | 'card';
     /** Content rendered in the right column when layout is 'grid' */
     rightSection?: ReactNode;
+    /** Content rendered above the details when layout is 'card' */
+    topSection?: ReactNode;
     /** Optional "Last run X ago" label shown below status badges */
     lastRunLabel?: string;
     /** HTML data attributes and style overrides passed to the root Card */
     'data-resource-id'?: string;
     style?: CSSProperties;
 }
-declare function ResourceCard({ resource, onClick, layout, rightSection, lastRunLabel, style, ...rest }: ResourceCardProps): react_jsx_runtime.JSX.Element;
+declare function ResourceCard({ resource, onClick, layout, rightSection, topSection, lastRunLabel, style, ...rest }: ResourceCardProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Converts ExecutionRunnerCatalogItem to ResourceDefinition format
@@ -4019,6 +4001,24 @@ interface GlowDotProps {
 }
 declare function GlowDot({ color, size }: GlowDotProps): react_jsx_runtime.JSX.Element;
 
+interface StatusBadgeProps extends Omit<BadgeProps, 'color'> {
+    status: string;
+}
+declare function StatusBadge({ status, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface ActivityEntry {
+    type: string;
+    title: string;
+    description?: string;
+    metadata?: Record<string, unknown>;
+    occurredAt: string;
+    actor?: string;
+}
+interface ActivityTimelineProps {
+    activities: ActivityEntry[];
+}
+declare function ActivityTimeline({ activities }: ActivityTimelineProps): react_jsx_runtime.JSX.Element;
+
 interface ICustomModalProps {
     opened: boolean;
     onClose: () => void;
@@ -5704,5 +5704,5 @@ interface UseBreadcrumbsOptions {
 type BreadcrumbsProps = UseBreadcrumbsOptions;
 declare const Breadcrumbs: ({ navItems }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
 
-export { APIErrorAlert, AbsoluteScheduleForm, ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, Breadcrumbs, BusinessImpactCard, CONTAINER_CONSTANTS, CardHeader, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateScheduleModal, CredentialList, CredentialSettings, CustomModal, CustomSelector, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, DocTreeNav, EditApiKeyModal, ElevasisLoader, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorReportCard, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GlowDot, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, JsonViewer, KnowledgeBasePage, ListSkeleton, LogEntry, LogGroup, MdxRenderer, MembershipFeaturePanel, MembershipStatusBadge, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, OAuthConnectModal, OrganizationMembershipsList, PageNotFound, PageTitleCaption, RecurringScheduleForm, RelativeScheduleForm, ResourceCard, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, RichTextEditor, SHARED_VIZ_CONSTANTS, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SessionMemory, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionTimeline, buildErrorReport, catalogItemToResourceDefinition, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getLogLevelConfig, iconMap, mdxComponents, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };
-export type { ActivityFiltersProps, ActivityTableProps, BaseEdgeProps, BaseExecutionLogsProps, BreadcrumbsProps, CommandViewGraphRef, ContextViewerProps, CostByModelTableProps, CrashErrorFallbackProps, ErrorAnalysisCardProps, ErrorReportCardProps, ExecutionBreakdownTableProps, ExecutionHealthCardProps, ExecutionLogEntry, ExecutionLogsFiltersProps, ExecutionLogsTableProps, FitViewButtonVariant, GraphFitViewHandlerProps, JsonViewerProps, KnowledgeMapEdgeData, KnowledgeMapNodeData, LogLevel, MdxRendererProps, NavigationButtonProps, ResourceHealthPanelProps, RichTextEditorProps, ScheduleType, SerializedKnowledgeMap, SerializedKnowledgeNode, StatCardProps, StyledMarkdownProps, TaskFilterStatus, TrendIndicatorProps };
+export { APIErrorAlert, AbsoluteScheduleForm, ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, ActivityTimeline, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, Breadcrumbs, BusinessImpactCard, CONTAINER_CONSTANTS, CardHeader, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateScheduleModal, CredentialList, CredentialSettings, CustomModal, CustomSelector, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, DocTreeNav, EditApiKeyModal, ElevasisLoader, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorReportCard, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GlowDot, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, JsonViewer, KnowledgeBasePage, ListSkeleton, LogEntry, LogGroup, MdxRenderer, MembershipFeaturePanel, MembershipStatusBadge, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, OAuthConnectModal, OrganizationMembershipsList, PageNotFound, PageTitleCaption, RecurringScheduleForm, RelativeScheduleForm, ResourceCard, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, RichTextEditor, SHARED_VIZ_CONSTANTS, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SessionMemory, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, StyledMarkdown, TabCountBadge, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionTimeline, buildErrorReport, catalogItemToResourceDefinition, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getLogLevelConfig, iconMap, mdxComponents, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };
+export type { ActivityEntry, ActivityFiltersProps, ActivityTableProps, BaseEdgeProps, BaseExecutionLogsProps, BreadcrumbsProps, CommandViewGraphRef, ContextViewerProps, CostByModelTableProps, CrashErrorFallbackProps, ErrorAnalysisCardProps, ErrorReportCardProps, ExecutionBreakdownTableProps, ExecutionHealthCardProps, ExecutionLogEntry, ExecutionLogsFiltersProps, ExecutionLogsTableProps, FitViewButtonVariant, GraphFitViewHandlerProps, JsonViewerProps, KnowledgeMapEdgeData, KnowledgeMapNodeData, LogLevel, MdxRendererProps, NavigationButtonProps, ResourceHealthPanelProps, RichTextEditorProps, ScheduleType, SerializedKnowledgeMap, SerializedKnowledgeNode, StatCardProps, StyledMarkdownProps, TaskFilterStatus, TrendIndicatorProps };