@elevasis/ui 1.20.0 → 1.21.0

package/dist/features/dashboard/index.d.ts

@@ -1,9 +1,244 @@
-export { Dashboard } from './Dashboard.js';
-export type { DashboardProps } from './Dashboard.js';
-export { ResourceOverview } from './ResourceOverview.js';
-export type { ResourceOverviewProps, DisplayResource } from './ResourceOverview.js';
-export { RecentExecutionsByResource } from './RecentExecutionsByResource.js';
-export type { RecentExecutionsByResourceProps } from './RecentExecutionsByResource.js';
-export { UnresolvedErrorsTeaser } from './UnresolvedErrorsTeaser.js';
-export type { UnresolvedErrorsTeaserProps } from './UnresolvedErrorsTeaser.js';
-//# sourceMappingURL=index.d.ts.map
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * Time range selector for dashboard metrics
+ */
+type TimeRange = '1h' | '24h' | '7d' | '30d';
+/**
+ * Execution health metrics response
+ * Success rate, P95 duration, execution counts, and trend data
+ * trendData includes executionCount for throughput visualization (eliminates separate API call)
+ */
+interface ExecutionHealthMetrics {
+    successRate: number;
+    p95Duration: number;
+    totalExecutions: number;
+    trendData: Array<{
+        time: string;
+        rate: number;
+        successCount: number;
+        errorCount: number;
+        warningCount: number;
+        executionCount: number;
+    }>;
+    statusCounts: {
+        success: number;
+        failed: number;
+        pending: number;
+        warning: number;
+    };
+    peakPeriod: string;
+    granularity: 'hour' | 'day';
+}
+/**
+ * Business impact metrics response
+ * ROI, labor savings, and cost analysis
+ */
+interface BusinessImpactMetrics {
+    totalSavingsUsd: number;
+    totalCostUsd: number;
+    netSavingsUsd: number;
+    roi: number;
+}
+/**
+ * Cost breakdown metrics response
+ * Per-resource cost analysis
+ */
+interface CostBreakdownMetrics {
+    resources: Array<{
+        resourceId: string;
+        totalCostUsd: number;
+        executionCount: number;
+        avgCostUsd: number;
+    }>;
+}
+/**
+ * Dashboard metrics response
+ * Aggregates core observability metrics in a single response
+ * Note: Throughput data is now included in executionHealth.trendData.executionCount
+ */
+interface DashboardMetrics {
+    executionHealth: ExecutionHealthMetrics;
+    costBreakdown: CostBreakdownMetrics;
+    businessImpact: BusinessImpactMetrics;
+    /** ISO timestamp of the currently active deployment, or null if none */
+    activeDeploymentDate: string | null;
+    /** Deployment version of the active deployment, or null if none */
+    activeDeploymentVersion: string | null;
+}
+/**
+ * Summary of executions for a single resource
+ * Used by RecentExecutionsByResource dashboard component
+ */
+interface ResourceExecutionSummary {
+    resourceId: string;
+    resourceType: string;
+    resourceName: string | null;
+    lastExecution: string;
+    totalExecutions: number;
+    successCount: number;
+    failureCount: number;
+    warningCount: number;
+    successRate: number;
+}
+
+/**
+ * Resource Registry type definitions
+ */
+
+/**
+ * Environment/deployment status for resources
+ */
+type ResourceStatus = 'dev' | 'prod';
+/**
+ * All resource types in the platform
+ * Used as the discriminator field in ResourceDefinition
+ */
+type ResourceType = 'agent' | 'workflow' | 'trigger' | 'integration' | 'external' | 'human';
+/**
+ * Base interface for ALL platform resources
+ * Shared by both executable (agents, workflows) and non-executable (triggers, integrations, etc.) resources
+ */
+interface ResourceDefinition {
+    /** Unique resource identifier */
+    resourceId: string;
+    /** Display name */
+    name: string;
+    /** Purpose and functionality description */
+    description: string;
+    /** Version for change tracking and evolution */
+    version: string;
+    /** Resource type discriminator */
+    type: ResourceType;
+    /** Environment/deployment status */
+    status: ResourceStatus;
+    /** Domain tags for filtering and organization */
+    domains?: ResourceDomain[];
+    /** Whether the agent supports multi-turn sessions (agents only) */
+    sessionCapable?: boolean;
+    /** Whether the resource is local (monorepo) or remote (externally deployed) */
+    origin?: 'local' | 'remote';
+    /** Whether this resource is archived and should be excluded from registration and deployment */
+    archived?: boolean;
+}
+
+/**
+ * Standard Domain Definitions
+ * Centralized domain constants and definitions for all organization resources.
+ */
+
+declare const DOMAINS: {
+    readonly INBOUND_PIPELINE: "inbound-pipeline";
+    readonly LEAD_GEN_PIPELINE: "lead-gen-pipeline";
+    readonly SUPPORT: "support";
+    readonly CLIENT_SUPPORT: "client-support";
+    readonly DELIVERY: "delivery";
+    readonly OPERATIONS: "operations";
+    readonly FINANCE: "finance";
+    readonly EXECUTIVE: "executive";
+    readonly INSTANTLY: "instantly";
+    readonly TESTING: "testing";
+    readonly INTERNAL: "internal";
+    readonly INTEGRATION: "integration";
+    readonly UTILITY: "utility";
+    readonly DIAGNOSTIC: "diagnostic";
+};
+/**
+ * ResourceDomain - Strongly typed domain identifier
+ * Use this type for all domain references to ensure compile-time validation.
+ */
+type ResourceDomain = (typeof DOMAINS)[keyof typeof DOMAINS];
+
+interface DashboardProps {
+    /**
+     * Active time range for all metrics queries.
+     */
+    timeRange: TimeRange;
+    /**
+     * Business-impact metrics computed by the CC wrapper.
+     * Stays CC-local per decision lock #4.
+     * TODO(Wave 2): thread to HeroStatsRow once the CC wrapper wires it through.
+     */
+    businessImpact?: ReturnType<() => {
+        data: BusinessImpactMetrics | undefined;
+        isLoading: boolean;
+    }>;
+    /**
+     * Cost breakdown metrics computed by the CC wrapper.
+     * Stays CC-local per decision lock #4.
+     * TODO(Wave 2): thread to HeroStatsRow once the CC wrapper wires it through.
+     */
+    costBreakdown?: ReturnType<() => {
+        data: CostBreakdownMetrics | undefined;
+        isLoading: boolean;
+    }>;
+    /**
+     * Called when the user clicks a resource card.
+     */
+    onResourceClick?: (params: {
+        resourceId: string;
+        resourceType?: string;
+    }) => void;
+    /**
+     * Called when the user wants to drill into the unresolved errors view.
+     */
+    onErrorsNavigate?: () => void;
+    /**
+     * Called when the user wants to navigate to the command queue.
+     * Minor refinement over locked props shape — OperationalOverview has this link target.
+     */
+    onCommandQueueNavigate?: () => void;
+    /**
+     * Called when the user wants to navigate to the task scheduler.
+     * Minor refinement over locked props shape — OperationalOverview has this link target.
+     */
+    onScheduledTasksNavigate?: () => void;
+    /**
+     * Custom render function for the execution trend chart.
+     * The wrapper owns the chart implementation (CC uses its monitoring-local CombinedTrendChart).
+     * Receives executionHealth data, loading state, and error from useDashboardMetrics.
+     * If omitted, the trend chart section is not rendered.
+     */
+    renderTrendChart?: (data: DashboardMetrics['executionHealth'] | undefined, isLoading: boolean, error?: Error) => ReactNode;
+}
+declare function Dashboard({ timeRange, onResourceClick, onErrorsNavigate, onCommandQueueNavigate, onScheduledTasksNavigate, renderTrendChart }: DashboardProps): react_jsx_runtime.JSX.Element;
+
+interface DisplayResource {
+    resourceId: string;
+    name: string;
+    type: string;
+    status: string;
+    active: boolean;
+    execution?: ResourceExecutionSummary;
+}
+interface ResourceOverviewProps {
+    recentExecutions?: ResourceExecutionSummary[];
+    allResources?: {
+        workflows: ResourceDefinition[];
+        agents: ResourceDefinition[];
+    };
+    isLoading: boolean;
+    limit?: number;
+    onResourceClick?: (resource: DisplayResource) => void;
+}
+declare function ResourceOverview({ recentExecutions, allResources, isLoading, limit, onResourceClick }: ResourceOverviewProps): react_jsx_runtime.JSX.Element;
+
+interface RecentExecutionsByResourceProps {
+    timeRange: TimeRange;
+    limit?: number;
+    onResourceClick?: (params: {
+        resourceType: string;
+        resourceId: string;
+    }) => void;
+}
+declare function RecentExecutionsByResource({ timeRange, limit, onResourceClick }: RecentExecutionsByResourceProps): react_jsx_runtime.JSX.Element;
+
+interface UnresolvedErrorsTeaserProps {
+    timeRange: TimeRange;
+    onNavigateToAllErrors?: () => void;
+}
+declare function UnresolvedErrorsTeaser({ timeRange, onNavigateToAllErrors }: UnresolvedErrorsTeaserProps): react_jsx_runtime.JSX.Element;
+
+export { Dashboard, RecentExecutionsByResource, ResourceOverview, UnresolvedErrorsTeaser };
+export type { DashboardProps, DisplayResource, RecentExecutionsByResourceProps, ResourceOverviewProps, UnresolvedErrorsTeaserProps };

package/dist/features/dashboard/index.js

@@ -1,12 +1,13 @@
 import { ResourceHealthChart } from '../../chunk-LGKLC5MG.js';
-import { ExecutionStats } from '../../chunk-GH7ZO4VD.js';
-import { HeroStatsRow, useCyberColors } from '../../chunk-ERVB3QJQ.js';
-import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-AWMZCYKH.js';
+import { ExecutionStats } from '../../chunk-ST2RSBQ3.js';
+import { HeroStatsRow, useCyberColors } from '../../chunk-FVBYSDM4.js';
+import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-BC6TJEON.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,11 @@ import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-SLVC5OJ2.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-I6EVLOP3.js';
-import '../../chunk-JHMJKDVU.js';
+import '../../chunk-CRFV2TVK.js';
+import '../../chunk-R3R367QY.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-BX565EOK.js';
-import '../../chunk-ACD2QA6E.js';
+import '../../chunk-MOBXWBES.js';
+import '../../chunk-3DIU726S.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';

package/dist/features/monitoring/index.d.ts

@@ -1,15 +1,121 @@
-export { ExecutionLogsPage } from './ExecutionLogsPage';
-export type { ExecutionLogsPageProps, ExecutionLogsPageRenderTrendChartArgs } from './ExecutionLogsPage';
-export { ExecutionHealth } from './ExecutionHealth';
-export type { ExecutionHealthProps } from './ExecutionHealth';
-export { ErrorDetailsModal } from './ErrorDetailsModal';
-export type { ErrorDetailsModalProps } from './ErrorDetailsModal';
-export { CostAnalytics } from './CostAnalytics';
-export type { CostAnalyticsProps } from './CostAnalytics';
-export { ActivityLog } from './ActivityLog';
-export type { ActivityLogProps } from './ActivityLog';
-export { ActivityFeed } from './ActivityFeed';
-export type { ActivityFeedProps } from './ActivityFeed';
-export { NotificationCenter } from './NotificationCenter';
-export type { NotificationCenterProps } from './NotificationCenter';
-//# sourceMappingURL=index.d.ts.map
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Time range selector for dashboard metrics
+ */
+type TimeRange = '1h' | '24h' | '7d' | '30d';
+
+type ActivityType = 'workflow_execution' | 'agent_run' | 'hitl_action' | 'webhook_received' | 'webhook_executed' | 'webhook_failed' | 'credential_change' | 'api_key_change' | 'deployment_change' | 'membership_change';
+type ActivityStatus = 'success' | 'failure' | 'pending' | 'approved' | 'rejected' | 'completed';
+interface Activity {
+    id: string;
+    organizationId: string;
+    activityType: ActivityType;
+    status: ActivityStatus;
+    title: string;
+    description: string | null;
+    entityType: string;
+    entityId: string;
+    entityName: string | null;
+    metadata: Record<string, unknown> | null;
+    actorId: string | null;
+    actorType: string | null;
+    occurredAt: Date;
+    createdAt: Date;
+}
+
+interface ExecutionLogsPageRenderTrendChartArgs {
+    timeRange: TimeRange;
+}
+interface ExecutionLogsPageProps {
+    /** Current time range value — caller passes from its own store */
+    timeRange: TimeRange;
+    /** Items per page (defaults to 20) */
+    pageSize?: number;
+    /** Called when the user clicks an execution row — caller handles navigation */
+    onNavigateToExecution: (params: {
+        resourceType: string;
+        resourceId: string;
+        executionId: string;
+    }) => void;
+    /** Render slot for the trend chart section */
+    renderTrendChart: (args: ExecutionLogsPageRenderTrendChartArgs) => React.ReactNode;
+}
+declare function ExecutionLogsPage({ timeRange, pageSize, onNavigateToExecution, renderTrendChart }: ExecutionLogsPageProps): react_jsx_runtime.JSX.Element;
+
+interface ExecutionHealthProps {
+    /** Current time range value — threaded from CC wrapper's useAppStore read */
+    timeRange: TimeRange;
+    /** Called when the user clicks an error row — opens ErrorDetailsModal in CC wrapper */
+    onErrorClick: (errorId: string) => void;
+}
+declare function ExecutionHealth({ timeRange, onErrorClick }: ExecutionHealthProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * ErrorDetailsModal - Modal showing full error details
+ * Displays error message, stack trace, execution context, and actions
+ */
+interface ErrorDetailsModalProps {
+    executionId: string | null;
+    opened: boolean;
+    onClose: () => void;
+    /** Organization name — replaces the internal useOrganizations read */
+    organizationName?: string;
+}
+declare function ErrorDetailsModal({ executionId, opened, onClose, organizationName }: ErrorDetailsModalProps): react_jsx_runtime.JSX.Element;
+
+interface CostAnalyticsProps {
+    timeRange: TimeRange;
+}
+declare function CostAnalytics({ timeRange }: CostAnalyticsProps): react_jsx_runtime.JSX.Element;
+
+interface ActivityLogProps {
+    timeRange: TimeRange;
+    pageSize?: number;
+    onNavigate: (path: string) => void;
+}
+declare function ActivityLog({ timeRange, pageSize, onNavigate }: ActivityLogProps): react_jsx_runtime.JSX.Element;
+
+interface ActivityFeedProps {
+    limit?: number;
+    activityType?: ActivityType;
+    entityType?: string;
+    entityId?: string;
+    filters?: {
+        activityType?: ActivityType;
+        startDate?: string;
+    };
+    clientFilters?: {
+        status?: ActivityStatus;
+        search?: string;
+    };
+    overrideData?: {
+        activities: Activity[];
+        total: number;
+    };
+    overrideLoading?: boolean;
+}
+/**
+ * Activity Feed component with real-time updates
+ *
+ * @example
+ * // Basic usage - show recent activities
+ * <ActivityFeed limit={50} />
+ *
+ * @example
+ * // Filtered by type
+ * <ActivityFeed activityType="workflow_execution" limit={20} />
+ *
+ * @example
+ * // Filtered by entity
+ * <ActivityFeed entityType="workflow" entityId="workflow-123" />
+ */
+declare function ActivityFeed({ limit, activityType, entityType, entityId, filters, clientFilters, overrideData, overrideLoading }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
+
+interface NotificationCenterProps {
+    pageSize?: number;
+}
+declare function NotificationCenter({ pageSize }: NotificationCenterProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeed, ActivityLog, CostAnalytics, ErrorDetailsModal, ExecutionHealth, ExecutionLogsPage, NotificationCenter };
+export type { ActivityFeedProps, ActivityLogProps, CostAnalyticsProps, ErrorDetailsModalProps, ExecutionHealthProps, ExecutionLogsPageProps, ExecutionLogsPageRenderTrendChartArgs, NotificationCenterProps };

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-V422ET6W.js';
 import '../../chunk-PDHTXPSF.js';
 import '../../chunk-LGKLC5MG.js';
-import '../../chunk-4SY4EQSK.js';
+import '../../chunk-CYJILY7M.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-FVBYSDM4.js';
+import { PageTitleCaption, JsonViewer, EmptyState } from '../../chunk-BC6TJEON.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,11 @@ import '../../chunk-XA34RETF.js';
 import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-I6EVLOP3.js';
-import '../../chunk-JHMJKDVU.js';
+import '../../chunk-CRFV2TVK.js';
+import '../../chunk-R3R367QY.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-BX565EOK.js';
-import '../../chunk-ACD2QA6E.js';
+import '../../chunk-MOBXWBES.js';
+import '../../chunk-3DIU726S.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';