@elevasis/ui 1.20.1 → 1.22.0

package/dist/features/auth/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/features/dashboard/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/features/dashboard/index.js

@@ -1,12 +1,13 @@
 import { ResourceHealthChart } from '../../chunk-LGKLC5MG.js';
-import { ExecutionStats } from '../../chunk-C7AD6N23.js';
-import { HeroStatsRow, useCyberColors } from '../../chunk-ERVB3QJQ.js';
-import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-AWMZCYKH.js';
+import { ExecutionStats } from '../../chunk-DLI3F5IV.js';
+import { HeroStatsRow, useCyberColors } from '../../chunk-N5SDJP44.js';
+import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-IAZT3VO6.js';
+import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
 import { AppShellCenteredContainer, AppShellLoader } from '../../chunk-WWEMNIHW.js';
 import '../../chunk-QJ2S46NI.js';
-import { useTimeRangeDates } from '../../chunk-XOTN3X3Z.js';
-import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from '../../chunk-AQ5MQDSS.js';
+import { useTimeRangeDates } from '../../chunk-FATKFO7X.js';
+import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from '../../chunk-EDAYKRPJ.js';
 import '../../chunk-NJJ3NQ7B.js';
 import { getTimeRangeDates } from '../../chunk-LXHZYSMQ.js';
 import '../../chunk-MHW43EOH.js';
@@ -16,11 +17,10 @@ import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-SLVC5OJ2.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-VLTVZXP6.js';
-import '../../chunk-R3R367QY.js';
+import '../../chunk-QZS5FOIR.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-OFAXUZPZ.js';
-import '../../chunk-3DIU726S.js';
+import '../../chunk-AJPFSMEH.js';
+import '../../chunk-NVSKJG3L.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';

package/dist/features/monitoring/index.css

@@ -31,9 +31,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/features/monitoring/index.js

@@ -1,15 +1,16 @@
-import { ExecutionLogsFilters, ExecutionLogsTable, ExecutionHealthCard, ErrorBreakdownTable, ErrorAnalysisCard, CostByModelTable, ActivityFilters, ActivityTable, ActivityCard, NotificationList } from '../../chunk-UMFPUM7Q.js';
+import { ExecutionLogsFilters, ExecutionLogsTable, ExecutionHealthCard, ErrorBreakdownTable, ErrorAnalysisCard, CostByModelTable, ActivityFilters, ActivityTable, ActivityCard, NotificationList } from '../../chunk-7TLPKXC2.js';
 import '../../chunk-PDHTXPSF.js';
 import '../../chunk-LGKLC5MG.js';
-import '../../chunk-4SY4EQSK.js';
+import '../../chunk-5266RV46.js';
 import { CustomModal } from '../../chunk-GBMNCNHX.js';
-import { CostTrendChart, ActivityTrendChart } from '../../chunk-ERVB3QJQ.js';
-import { PageTitleCaption, JsonViewer, EmptyState } from '../../chunk-AWMZCYKH.js';
+import { CostTrendChart, ActivityTrendChart } from '../../chunk-N5SDJP44.js';
+import { PageTitleCaption, JsonViewer, EmptyState } from '../../chunk-IAZT3VO6.js';
+import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
 import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
 import '../../chunk-QJ2S46NI.js';
-import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from '../../chunk-XOTN3X3Z.js';
-import { usePaginationState, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from '../../chunk-AQ5MQDSS.js';
+import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from '../../chunk-FATKFO7X.js';
+import { usePaginationState, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from '../../chunk-EDAYKRPJ.js';
 import '../../chunk-NJJ3NQ7B.js';
 import { getTimeRangeDates } from '../../chunk-LXHZYSMQ.js';
 import '../../chunk-MHW43EOH.js';
@@ -18,11 +19,10 @@ import '../../chunk-XA34RETF.js';
 import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-VLTVZXP6.js';
-import '../../chunk-R3R367QY.js';
+import '../../chunk-QZS5FOIR.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-OFAXUZPZ.js';
-import '../../chunk-3DIU726S.js';
+import '../../chunk-AJPFSMEH.js';
+import '../../chunk-NVSKJG3L.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';

package/dist/features/operations/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/features/operations/index.d.ts

@@ -1044,6 +1044,26 @@ interface IterationContext {
     knowledgeMap?: KnowledgeMap;
 }
 
+/**
+ * Session Data Transfer Object (DTO)
+ * Transform type for API responses (snake_case DB → camelCase frontend)
+ * Used by frontend apps to display session data
+ */
+interface SessionDTO {
+    sessionId: string;
+    resourceId: string;
+    organizationId: string;
+    userId?: string | null;
+    turnCount: number;
+    isEnded: boolean;
+    title?: string | null;
+    memorySnapshot?: AgentMemory;
+    metadata?: Record<string, unknown> | null;
+    createdAt: Date;
+    updatedAt: Date;
+    endedAt?: Date | null;
+}
+
 /**
  * MetricsCollector
  * Tracks execution timing and ROI metrics
@@ -1726,15 +1746,32 @@ interface CalibrationRunDetailPageProps {
     renderSessionComparison?: (args: {
         run: CalibrationRun;
     }) => ReactNode;
-    /**
-     * Render-prop slot for the live progress panel shown during execution.
-     * Required because CalibrationProgress uses CC-local useCalibrationSSE.
-     */
-    renderProgressPanel?: (args: {
-        runId: string;
-    }) => ReactNode;
+    /** SSE connection manager instance for live calibration progress updates. */
+    manager: SSEConnectionManager;
+    /** Base API URL used by CalibrationProgress to connect to the SSE endpoint. */
+    apiUrl: string;
+}
+declare function CalibrationRunDetailPage({ runId, onNavigateToProject, renderSessionComparison, manager, apiUrl }: CalibrationRunDetailPageProps): react_jsx_runtime.JSX.Element | null;
+
+interface CalibrationProgressProps {
+    runId: string;
+    manager: SSEConnectionManager;
+    apiUrl: string;
 }
-declare function CalibrationRunDetailPage({ runId, onNavigateToProject, renderSessionComparison, renderProgressPanel }: CalibrationRunDetailPageProps): react_jsx_runtime.JSX.Element | null;
+declare function CalibrationProgress({ runId, manager, apiUrl }: CalibrationProgressProps): react_jsx_runtime.JSX.Element;
+
+interface CalibrationSidebarProps {
+    currentProjectId: string | undefined;
+    currentRunId: string | undefined;
+    currentPath: string;
+    onProjectClick: (projectId: string) => void;
+    onRunClick: (runId: string) => void;
+}
+/**
+ * Calibration sidebar - displays projects and runs for navigation.
+ * Uses shared CollapsibleSidebarGroup and SidebarListItem components.
+ */
+declare function CalibrationSidebar({ currentProjectId, currentRunId, currentPath, onProjectClick, onRunClick }: CalibrationSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ExecutionPanelProps {
     resourceId: string;
@@ -1767,5 +1804,203 @@ interface AgentExecutionPanelProps {
 }
 declare function AgentExecutionPanel({ resourceId, resourceDefinition, sseManager, apiUrl, onConnectionStatus }: AgentExecutionPanelProps): react_jsx_runtime.JSX.Element;
 
-export { AgentExecutionPanel, CalibrationPage, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecutionPanel, ResourceDetailPage, ResourcesPage, ResourcesSidebar, WorkflowExecutionPanel };
-export type { AgentExecutionPanelProps, CalibrationPageProps, CalibrationProjectDetailPageProps, CalibrationProjectDetailPageRenderCreateModalArgs, CalibrationProjectDetailPageRenderRunCardArgs, CalibrationProjectsPageProps, CalibrationRunDetailPageProps, CommandQueueDetailPageProps, CommandQueueDetailPageRichTextArgs, CommandQueuePageProps, CommandViewPageProps, CommandViewSidebarContentProps, ExecutionPanelProps, ResourceDetailPageProps, ResourceDetailPageRenderExecutionPanelArgs, ResourcesPageProps, ResourcesSidebarProps, WorkflowExecutionPanelProps };
+interface SessionsPageProps {
+    /** Whether the organization context is ready; blocks render until true */
+    isReady: boolean;
+    /** The currently selected agent resource ID (from URL search param) */
+    agentParam?: string;
+    /** Builds the URL for a session detail page */
+    buildSessionDetailUrl: (sessionId: string) => string;
+    /** Builds the URL for the sessions list with an agent pre-selected */
+    buildSessionListUrl: (agentId: string) => string;
+    /** Imperative navigation handler; receives a fully-built URL string */
+    onNavigate: (to: string) => void;
+}
+/**
+ * Sessions page — agent grid + selected-agent session list.
+ * Agent card selection, new-session creation, and navigation are delegated
+ * to DI props so this component has no CC router dependency.
+ */
+declare function SessionsPage({ isReady, agentParam, buildSessionDetailUrl, buildSessionListUrl, onNavigate }: SessionsPageProps): react_jsx_runtime.JSX.Element;
+
+interface SessionListItem$1 {
+    sessionId: string;
+    resourceId: string;
+    turnCount: number;
+    isEnded: boolean;
+    createdAt: Date;
+    updatedAt: Date;
+}
+interface SessionGroup {
+    resourceId: string;
+    agentName: string;
+    sessions: SessionListItem$1[];
+    isExpanded: boolean;
+}
+/**
+ * WebSocket connection state
+ */
+interface WebSocketState {
+    isConnected: boolean;
+    isProcessing: boolean;
+    error: string | null;
+}
+
+interface ConversationViewSlotArgs {
+    sessionId: string;
+    onConnectionStateChange?: (state: WebSocketState) => void;
+    emptyStateText?: string;
+    emptyStateSubtext?: string;
+    placeholder?: string;
+}
+interface SessionChatInterfaceProps {
+    sessionId: string;
+    onConnectionStateChange?: (state: WebSocketState) => void;
+    renderConversationView: (args: ConversationViewSlotArgs) => ReactNode;
+}
+/**
+ * Session chat interface for the session detail page.
+ * Thin wrapper that delegates rendering to a render-prop slot,
+ * allowing CC-local ConversationView (WebSocket-backed) to be injected
+ * without coupling @repo/ui to CC-specific infrastructure.
+ */
+declare function SessionChatInterface({ sessionId, onConnectionStateChange, renderConversationView }: SessionChatInterfaceProps): react_jsx_runtime.JSX.Element;
+
+interface SessionChatPageProps {
+    /** Session ID sourced from the URL param; host extracts it from the router */
+    sessionId: string;
+    /** Whether the organization context is ready; blocks render until true */
+    isReady: boolean;
+    /** Render-prop that injects the CC-local WebSocket-backed ConversationView */
+    renderConversationView: (args: ConversationViewSlotArgs) => ReactNode;
+    /** Builds the URL for an execution detail page; forwarded to SessionExecutionLogs */
+    buildExecutionUrl: (executionId: string) => string;
+    /** Builds the URL to navigate back to the sessions list */
+    buildSessionListUrl: () => string;
+    /** Organization name used for CLI copy strings in the session sidebar */
+    organizationName: string;
+}
+/**
+ * Session chat detail page.
+ * Guards on isReady + session load, then renders the full chat layout
+ * (header, chat area, execution logs, memory snapshot).
+ * WebSocket connectivity is injected via renderConversationView.
+ */
+declare function SessionChatPage({ sessionId, isReady, renderConversationView, buildExecutionUrl, buildSessionListUrl: _buildSessionListUrl, organizationName }: SessionChatPageProps): react_jsx_runtime.JSX.Element;
+
+interface SessionChatAreaProps {
+    sessionId: string;
+    session: SessionDTO;
+    organizationName: string;
+    onDeleted?: () => void;
+    renderConversationView: (args: {
+        sessionId: string;
+        onConnectionStateChange?: (state: WebSocketState) => void;
+        emptyStateText?: string;
+        emptyStateSubtext?: string;
+        placeholder?: string;
+    }) => ReactNode;
+}
+/**
+ * Consolidated chat area component with header, chat interface, and sidebar.
+ * Handles sidebar state and layout transitions.
+ */
+declare function SessionChatArea({ sessionId, session, organizationName, onDeleted, renderConversationView }: SessionChatAreaProps): react_jsx_runtime.JSX.Element;
+
+interface SessionHeaderProps {
+    session: SessionDTO;
+    connectionState: WebSocketState;
+    onToggleSidebar: () => void;
+    isSidebarOpen: boolean;
+    tokenUsage?: {
+        used: number;
+        total: number;
+    };
+}
+/**
+ * Header component for session chat page.
+ * Displays session title, connection status, turn count, and sidebar toggle.
+ */
+declare function SessionHeader({ session: _session, connectionState, onToggleSidebar, isSidebarOpen, tokenUsage }: SessionHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SessionDetailsSidebarProps {
+    session: SessionDTO;
+    isOpen: boolean;
+    onClose: () => void;
+    /** Organization name for CLI copy string */
+    organizationName: string;
+    /** Called after a successful session delete; wrapper should navigate away */
+    onDeleted?: () => void;
+}
+/**
+ * Floating sidebar that displays session details.
+ * Slides in from the right, only as tall as the chat interface section.
+ */
+declare function SessionDetailsSidebar({ session, isOpen, onClose, organizationName, onDeleted }: SessionDetailsSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface SessionListItemProps {
+    session: SessionListItem$1;
+    /** Called when the session row is clicked; host is responsible for navigation */
+    onClick: (sessionId: string) => void;
+    /** Whether this session is the currently selected one (drives highlight styles) */
+    isSelected?: boolean;
+    /** Called after a successful delete; host should navigate away if needed */
+    onDeleted?: (sessionId: string) => void;
+}
+/**
+ * A single session row for use in session lists and sidebars.
+ * Displays turn count, last activity time, and an inline delete action.
+ * Navigation is delegated via the `onClick` DI prop.
+ */
+declare function SessionListItem({ session, onClick, isSelected, onDeleted }: SessionListItemProps): react_jsx_runtime.JSX.Element;
+
+interface SessionExecutionLogsProps {
+    sessionId: string;
+    session: SessionDTO;
+    /** Builds the URL for an execution detail page; opens in a new tab */
+    buildExecutionUrl: (executionId: string) => string;
+}
+/**
+ * Displays execution summary for all turns in a session.
+ * Clicking an execution opens the full execution log page in a new tab.
+ */
+declare function SessionExecutionLogs({ sessionId, session, buildExecutionUrl }: SessionExecutionLogsProps): react_jsx_runtime.JSX.Element;
+
+interface AgentSessionGroupProps {
+    group: SessionGroup;
+    /** Called when the agent header label is clicked; host is responsible for navigation */
+    onAgentClick: (agentId: string) => void;
+    /** Called when a session row is clicked; forwarded to SessionListItem */
+    onSessionClick: (sessionId: string) => void;
+    /** Currently selected session ID, forwarded to SessionListItem for highlight */
+    selectedSessionId?: string;
+    /** Called after a session is deleted; host should navigate away if the deleted session was selected */
+    onSessionDeleted?: (sessionId: string) => void;
+}
+/**
+ * Collapsible session group for the sessions sidebar.
+ * Displays an agent header with a badge count, and a collapsible list of sessions beneath it.
+ */
+declare function AgentSessionGroup({ group, onAgentClick, onSessionClick, selectedSessionId, onSessionDeleted }: AgentSessionGroupProps): react_jsx_runtime.JSX.Element;
+
+interface SessionsSidebarProps {
+    /** Whether the organization context is ready; blocks render until true */
+    isReady: boolean;
+    /** Called when an agent list item is clicked; host is responsible for navigation */
+    onAgentClick: (agentId: string) => void;
+    /** Builds the URL for a session detail page; forwarded to SessionListItem */
+    buildSessionDetailUrl: (sessionId: string) => string;
+    /** Current session ID from URL params — undefined when on the list view */
+    sessionId?: string;
+    /** Current agent param from URL search — undefined when no agent is selected */
+    agentParam?: string;
+}
+/**
+ * Sessions sidebar — context-aware navigation panel.
+ * Shows an agents list on the list view, or a flat sessions list when viewing a specific session.
+ * Router-state (sessionId, agentParam) is injected as DI props.
+ */
+declare function SessionsSidebar({ isReady, onAgentClick, buildSessionDetailUrl, sessionId, agentParam }: SessionsSidebarProps): react_jsx_runtime.JSX.Element;
+
+export { AgentExecutionPanel, AgentSessionGroup, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecutionPanel, ResourceDetailPage, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionsPage, SessionsSidebar, WorkflowExecutionPanel };
+export type { AgentExecutionPanelProps, AgentSessionGroupProps, CalibrationPageProps, CalibrationProgressProps, CalibrationProjectDetailPageProps, CalibrationProjectDetailPageRenderCreateModalArgs, CalibrationProjectDetailPageRenderRunCardArgs, CalibrationProjectsPageProps, CalibrationRunDetailPageProps, CalibrationSidebarProps, CommandQueueDetailPageProps, CommandQueueDetailPageRichTextArgs, CommandQueuePageProps, CommandViewPageProps, CommandViewSidebarContentProps, ConversationViewSlotArgs, ExecutionPanelProps, ResourceDetailPageProps, ResourceDetailPageRenderExecutionPanelArgs, ResourcesPageProps, ResourcesSidebarProps, SessionChatAreaProps, SessionChatInterfaceProps, SessionChatPageProps, SessionDetailsSidebarProps, SessionExecutionLogsProps, SessionHeaderProps, SessionListItemProps, SessionsPageProps, SessionsSidebarProps, WorkflowExecutionPanelProps };