@elevasis/ui 1.24.1 → 1.24.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts/index.js +1 -1
- package/dist/{chunk-XQU33SNO.js → chunk-BGTZFEKR.js} +3 -3
- package/dist/{chunk-HOYZWSNV.js → chunk-H3MU3WTM.js} +1 -1
- package/dist/{chunk-FATKFO7X.js → chunk-JTUX5FDC.js} +1 -1
- package/dist/{chunk-KEJOD532.js → chunk-OH74INP2.js} +11 -20
- package/dist/{chunk-EDAYKRPJ.js → chunk-QDO6NF2I.js} +28 -1
- package/dist/{chunk-BZZQLWLF.js → chunk-TML32XBW.js} +1 -1
- package/dist/{chunk-JTGMQUZA.js → chunk-TQBM3OEW.js} +1 -1
- package/dist/{chunk-N5SDJP44.js → chunk-UG5565XQ.js} +1 -1
- package/dist/{chunk-G6XZFSZ6.js → chunk-VMMNFRAO.js} +2 -2
- package/dist/{chunk-5266RV46.js → chunk-WY5IJI37.js} +2 -2
- package/dist/{chunk-7TLPKXC2.js → chunk-ZDKC3V7C.js} +2 -2
- package/dist/components/index.css +10 -0
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +12 -12
- package/dist/features/auth/index.css +10 -0
- package/dist/features/dashboard/index.css +10 -0
- package/dist/features/dashboard/index.js +6 -6
- package/dist/features/monitoring/index.css +10 -0
- package/dist/features/monitoring/index.js +17 -7
- package/dist/features/operations/index.css +10 -0
- package/dist/features/operations/index.d.ts +67 -9
- package/dist/features/operations/index.js +199 -13
- package/dist/features/settings/index.css +10 -0
- package/dist/features/settings/index.js +6 -6
- package/dist/hooks/index.css +10 -0
- package/dist/hooks/index.d.ts +26 -10
- package/dist/hooks/index.js +4 -4
- package/dist/hooks/published.css +10 -0
- package/dist/hooks/published.d.ts +26 -10
- package/dist/hooks/published.js +3 -3
- package/dist/index.css +10 -0
- package/dist/index.d.ts +26 -10
- package/dist/index.js +5 -5
- package/dist/provider/index.css +10 -0
- package/dist/provider/index.js +2 -2
- package/dist/theme/index.js +2 -2
- package/package.json +3 -3
package/dist/charts/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-
|
|
1
|
+
export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-UG5565XQ.js';
|
|
2
2
|
import '../chunk-IAZT3VO6.js';
|
|
3
3
|
import '../chunk-3KMDHCAR.js';
|
|
4
4
|
import '../chunk-NNKKBSJN.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { SubshellSidebarSection } from './chunk-AWT255UH.js';
|
|
2
2
|
import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
|
|
3
|
-
import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, GraphFitViewHandler } from './chunk-
|
|
4
|
-
import { useCyberColors, CyberDonut } from './chunk-
|
|
3
|
+
import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, GraphFitViewHandler } from './chunk-VMMNFRAO.js';
|
|
4
|
+
import { useCyberColors, CyberDonut } from './chunk-UG5565XQ.js';
|
|
5
5
|
import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, ContextViewer } from './chunk-IAZT3VO6.js';
|
|
6
6
|
import { StyledMarkdown } from './chunk-3KMDHCAR.js';
|
|
7
|
-
import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useSubmitAction, useDeleteTask, showApiErrorNotification, showSuccessNotification } from './chunk-
|
|
7
|
+
import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useSubmitAction, useDeleteTask, showApiErrorNotification, showSuccessNotification } from './chunk-QDO6NF2I.js';
|
|
8
8
|
import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS, useGraphHighlighting, calculateGraphHeight } from './chunk-F6RBK7NJ.js';
|
|
9
9
|
import { getResourceStatusColor } from './chunk-XA34RETF.js';
|
|
10
10
|
import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-ELJIFLCB.js';
|
|
@@ -2,7 +2,7 @@ import { FilterBar } from './chunk-PDHTXPSF.js';
|
|
|
2
2
|
import { CustomModal } from './chunk-GBMNCNHX.js';
|
|
3
3
|
import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert } from './chunk-IAZT3VO6.js';
|
|
4
4
|
import { AppShellLoader } from './chunk-WWEMNIHW.js';
|
|
5
|
-
import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, CredentialSchemas } from './chunk-
|
|
5
|
+
import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, CredentialSchemas } from './chunk-JTUX5FDC.js';
|
|
6
6
|
import { formatDateTime } from './chunk-IOKL7BKE.js';
|
|
7
7
|
import { useInitialization } from './chunk-TUXTSEAF.js';
|
|
8
8
|
import { useState, useEffect } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-
|
|
1
|
+
import { CredentialNameSchema, UuidSchema, useErrorNotification, showApiErrorNotification } from './chunk-QDO6NF2I.js';
|
|
2
2
|
import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
|
|
3
3
|
import { useNotificationAdapter } from './chunk-R7WLWGPO.js';
|
|
4
4
|
import { GC_TIME_SHORT, STALE_TIME_MONITORING, GC_TIME_MEDIUM, STALE_TIME_DEFAULT } from './chunk-IOKL7BKE.js';
|
|
@@ -209,14 +209,14 @@ var defaultPreset = {
|
|
|
209
209
|
text: "#ffffff",
|
|
210
210
|
textDimmed: "#c1c2c5",
|
|
211
211
|
textSubtle: "#999999",
|
|
212
|
-
border: "rgba(255, 255, 255, 0.
|
|
212
|
+
border: "rgba(255, 255, 255, 0.07)",
|
|
213
213
|
error: "#ff5252",
|
|
214
214
|
warning: "#ff9800",
|
|
215
215
|
success: "#4caf50",
|
|
216
216
|
glassBackground: "rgba(15, 15, 17, 0.55)",
|
|
217
217
|
glassBlur: "blur(22px) saturate(160%)",
|
|
218
218
|
shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 8px 24px -8px rgba(0, 0, 0, 0.5), 0px 20px 48px -16px rgba(0, 0, 0, 0.35)",
|
|
219
|
-
cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.
|
|
219
|
+
cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 2px 8px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.4), 0 32px 64px -16px rgba(0, 0, 0, 0.3)",
|
|
220
220
|
durationFast: "150ms",
|
|
221
221
|
durationNormal: "250ms",
|
|
222
222
|
easing: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
@@ -874,14 +874,14 @@ var midnightPreset = {
|
|
|
874
874
|
text: "#F1F5F9",
|
|
875
875
|
textDimmed: "#CBD5E1",
|
|
876
876
|
textSubtle: "#94A3B8",
|
|
877
|
-
border: "rgba(193, 203, 215, 0.
|
|
877
|
+
border: "rgba(193, 203, 215, 0.08)",
|
|
878
878
|
error: "#F87171",
|
|
879
879
|
warning: "#FBBF24",
|
|
880
880
|
success: "#4ADE80",
|
|
881
881
|
glassBackground: "rgba(13, 15, 22, 0.33)",
|
|
882
882
|
glassBlur: "blur(28px) saturate(180%)",
|
|
883
883
|
shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
|
|
884
|
-
cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.
|
|
884
|
+
cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.01), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(100, 116, 139, 0.1)",
|
|
885
885
|
durationFast: "160ms",
|
|
886
886
|
durationNormal: "280ms",
|
|
887
887
|
easing: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
@@ -939,14 +939,14 @@ var emberPreset = {
|
|
|
939
939
|
text: "#F5EDE6",
|
|
940
940
|
textDimmed: "#D4B9A0",
|
|
941
941
|
textSubtle: "#B8A090",
|
|
942
|
-
border: "rgba(212, 185, 160, 0.
|
|
942
|
+
border: "rgba(212, 185, 160, 0.09)",
|
|
943
943
|
error: "#F87171",
|
|
944
944
|
warning: "#FBBF24",
|
|
945
945
|
success: "#4ADE80",
|
|
946
946
|
glassBackground: "rgba(20, 14, 10, 0.35)",
|
|
947
947
|
glassBlur: "blur(28px) saturate(180%)",
|
|
948
948
|
shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
|
|
949
|
-
cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 0.
|
|
949
|
+
cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.01), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(249, 115, 22, 0.16)",
|
|
950
950
|
durationFast: "150ms",
|
|
951
951
|
durationNormal: "280ms",
|
|
952
952
|
easing: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
@@ -1358,14 +1358,14 @@ var nirvanaPreset = {
|
|
|
1358
1358
|
text: "#ffffff",
|
|
1359
1359
|
textDimmed: "#c8ccd0",
|
|
1360
1360
|
textSubtle: "#8a8f95",
|
|
1361
|
-
border: "rgba(255, 255, 255, 0.
|
|
1361
|
+
border: "rgba(255, 255, 255, 0.07)",
|
|
1362
1362
|
error: "#ff5252",
|
|
1363
1363
|
warning: "#ff9800",
|
|
1364
1364
|
success: "#4caf50",
|
|
1365
1365
|
glassBackground: "rgba(20, 20, 22, 0.42)",
|
|
1366
1366
|
glassBlur: "blur(18px) saturate(180%)",
|
|
1367
1367
|
shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
|
|
1368
|
-
cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.
|
|
1368
|
+
cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
|
|
1369
1369
|
durationFast: "150ms",
|
|
1370
1370
|
durationNormal: "250ms",
|
|
1371
1371
|
easing: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
@@ -1915,7 +1915,7 @@ var heliosPreset = {
|
|
|
1915
1915
|
error: "#F87171",
|
|
1916
1916
|
warning: "#FBBF24",
|
|
1917
1917
|
success: "#4ADE80",
|
|
1918
|
-
glassBackground: "rgba(36, 28, 14, 0.
|
|
1918
|
+
glassBackground: "rgba(36, 28, 14, 0.1)",
|
|
1919
1919
|
glassBlur: "blur(14px) saturate(180%)",
|
|
1920
1920
|
shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
|
|
1921
1921
|
cardShadow: "inset 0 1px 0 rgba(230, 210, 170, 0.06), inset 0 0 0 1px rgba(184, 168, 140, 0.05), 0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.4), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
|
|
@@ -2354,20 +2354,11 @@ var componentThemes = {
|
|
|
2354
2354
|
}
|
|
2355
2355
|
}
|
|
2356
2356
|
}),
|
|
2357
|
+
// Button data-variant selector styles are in custom.css (attribute selectors unsupported in styles object)
|
|
2357
2358
|
Button: Button.extend({
|
|
2358
2359
|
styles: {
|
|
2359
2360
|
root: {
|
|
2360
|
-
transition: `all var(--duration-fast) var(--easing)
|
|
2361
|
-
'&[data-variant="default"]': {
|
|
2362
|
-
backgroundColor: "var(--color-surface)",
|
|
2363
|
-
backdropFilter: "var(--glass-blur)",
|
|
2364
|
-
WebkitBackdropFilter: "var(--glass-blur)",
|
|
2365
|
-
border: "1px solid var(--color-border)",
|
|
2366
|
-
color: "var(--color-text)"
|
|
2367
|
-
},
|
|
2368
|
-
'&[data-variant="default"]:hover': {
|
|
2369
|
-
backgroundColor: "var(--color-surface-hover)"
|
|
2370
|
-
}
|
|
2361
|
+
transition: `all var(--duration-fast) var(--easing)`
|
|
2371
2362
|
}
|
|
2372
2363
|
}
|
|
2373
2364
|
}),
|
|
@@ -557,6 +557,33 @@ function useArchivedLogs(executionId) {
|
|
|
557
557
|
}, [executionId, apiRequest, isLoading]);
|
|
558
558
|
return { logs, isLoading, error, fetch };
|
|
559
559
|
}
|
|
560
|
+
function useExecuteWorkflow(options) {
|
|
561
|
+
const mutation = useExecuteAsync();
|
|
562
|
+
const execute = useCallback(
|
|
563
|
+
async (params) => {
|
|
564
|
+
const parsed = options.schema.safeParse(params.input);
|
|
565
|
+
if (!parsed.success) {
|
|
566
|
+
throw new Error(`Invalid workflow input: ${parsed.error.message}`);
|
|
567
|
+
}
|
|
568
|
+
return mutation.mutateAsync({
|
|
569
|
+
resourceId: params.resourceId,
|
|
570
|
+
resourceType: params.resourceType,
|
|
571
|
+
input: parsed.data
|
|
572
|
+
});
|
|
573
|
+
},
|
|
574
|
+
[mutation, options.schema]
|
|
575
|
+
);
|
|
576
|
+
return {
|
|
577
|
+
execute,
|
|
578
|
+
mutation,
|
|
579
|
+
isPending: mutation.isPending,
|
|
580
|
+
isSuccess: mutation.isSuccess,
|
|
581
|
+
isError: mutation.isError,
|
|
582
|
+
error: mutation.error,
|
|
583
|
+
data: mutation.data,
|
|
584
|
+
reset: mutation.reset
|
|
585
|
+
};
|
|
586
|
+
}
|
|
560
587
|
function useActivityTrend(params = {}) {
|
|
561
588
|
const { apiRequest, isReady, organizationId } = useElevasisServices();
|
|
562
589
|
return useQuery({
|
|
@@ -2983,4 +3010,4 @@ function useDeleteProject() {
|
|
|
2983
3010
|
});
|
|
2984
3011
|
}
|
|
2985
3012
|
|
|
2986
|
-
export { CredentialNameSchema, OperationsService, UuidSchema, calibrationKeys, createUseFeatureAccess, executionsKeys, isSessionCapable, operationsKeys, scheduleKeys, sessionsKeys, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, sortData, useActivities, useActivityTrend, useAllCalibrationProjects, useArchiveSession, useArchivedLogs, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCalibrationProject, useCalibrationProjects, useCalibrationRun, useCalibrationRunFull, useCalibrationRuns, useCalibrationSSE, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateProject, useCreateRun, useCreateSchedule, useCreateSession, useDashboardMetrics, useDeleteExecution, useDeleteProject, useDeleteRun, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeploymentDocs, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecuteRun, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGradeRun, useGraphStats, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useRecentExecutionsByResource, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateProject, useUpdateSchedule, useWarningNotification };
|
|
3013
|
+
export { CredentialNameSchema, OperationsService, UuidSchema, calibrationKeys, createUseFeatureAccess, executionsKeys, isSessionCapable, operationsKeys, scheduleKeys, sessionsKeys, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, sortData, useActivities, useActivityTrend, useAllCalibrationProjects, useArchiveSession, useArchivedLogs, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCalibrationProject, useCalibrationProjects, useCalibrationRun, useCalibrationRunFull, useCalibrationRuns, useCalibrationSSE, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateProject, useCreateRun, useCreateSchedule, useCreateSession, useDashboardMetrics, useDeleteExecution, useDeleteProject, useDeleteRun, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeploymentDocs, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecuteRun, useExecuteWorkflow, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGradeRun, useGraphStats, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useRecentExecutionsByResource, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateProject, useUpdateSchedule, useWarningNotification };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ElevasisLoader } from './chunk-SZHARWKU.js';
|
|
2
|
-
import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-
|
|
2
|
+
import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-OH74INP2.js';
|
|
3
3
|
import { AppBackground } from './chunk-JR2C4XAN.js';
|
|
4
4
|
import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
|
|
5
5
|
import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useCyberColors } from './chunk-
|
|
1
|
+
import { useCyberColors } from './chunk-UG5565XQ.js';
|
|
2
2
|
import { GlowDot } from './chunk-IAZT3VO6.js';
|
|
3
3
|
import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-F6RBK7NJ.js';
|
|
4
4
|
import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-XA34RETF.js';
|
|
5
|
-
import { glassBase } from './chunk-
|
|
5
|
+
import { glassBase } from './chunk-OH74INP2.js';
|
|
6
6
|
import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';
|
|
7
7
|
import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl } from '@mantine/core';
|
|
8
8
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-
|
|
1
|
+
import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-UG5565XQ.js';
|
|
2
2
|
import { CardHeader, EmptyState } from './chunk-IAZT3VO6.js';
|
|
3
|
-
import { useResourcesHealth } from './chunk-
|
|
3
|
+
import { useResourcesHealth } from './chunk-QDO6NF2I.js';
|
|
4
4
|
import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
|
|
5
5
|
import { Paper, Center, Loader, Group } from '@mantine/core';
|
|
6
6
|
import { IconActivity, IconChartBar } from '@tabler/icons-react';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FilterBar } from './chunk-PDHTXPSF.js';
|
|
2
|
-
import { CyberAreaChart } from './chunk-
|
|
2
|
+
import { CyberAreaChart } from './chunk-UG5565XQ.js';
|
|
3
3
|
import { APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-IAZT3VO6.js';
|
|
4
|
-
import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-
|
|
4
|
+
import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-QDO6NF2I.js';
|
|
5
5
|
import { formatBucketTime } from './chunk-LXHZYSMQ.js';
|
|
6
6
|
import { formatDuration } from './chunk-XA34RETF.js';
|
|
7
7
|
import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';
|
|
@@ -126,6 +126,16 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* src/theme/custom.css */
|
|
129
|
+
.mantine-Button-root[data-variant=default] {
|
|
130
|
+
background-color: var(--color-surface);
|
|
131
|
+
backdrop-filter: var(--glass-blur);
|
|
132
|
+
-webkit-backdrop-filter: var(--glass-blur);
|
|
133
|
+
border: 1px solid var(--color-border);
|
|
134
|
+
color: var(--color-text);
|
|
135
|
+
}
|
|
136
|
+
.mantine-Button-root[data-variant=default]:hover {
|
|
137
|
+
background-color: var(--color-surface-hover);
|
|
138
|
+
}
|
|
129
139
|
.mantine-Accordion-control:hover {
|
|
130
140
|
background-color: var(--color-surface-hover);
|
|
131
141
|
}
|
|
@@ -4283,7 +4283,7 @@ interface TableSelectionToolbarProps {
|
|
|
4283
4283
|
declare function TableSelectionToolbar({ selectedCount, onDelete, isDeleting }: TableSelectionToolbarProps): react_jsx_runtime.JSX.Element | null;
|
|
4284
4284
|
|
|
4285
4285
|
interface FormFieldRendererProps {
|
|
4286
|
-
field: FormField;
|
|
4286
|
+
field: FormField | SerializedFormField;
|
|
4287
4287
|
form: UseFormReturnType<any>;
|
|
4288
4288
|
richTextRenderer?: (props: {
|
|
4289
4289
|
content: string;
|
|
@@ -5705,4 +5705,4 @@ type BreadcrumbsProps = UseBreadcrumbsOptions;
|
|
|
5705
5705
|
declare const Breadcrumbs: ({ navItems }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
|
|
5706
5706
|
|
|
5707
5707
|
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 };
|
|
5708
|
-
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 };
|
|
5708
|
+
export type { ActivityEntry, ActivityFiltersProps, ActivityTableProps, BaseEdgeProps, BaseExecutionLogsProps, BreadcrumbsProps, CommandViewGraphRef, ContextViewerProps, CostByModelTableProps, CrashErrorFallbackProps, ErrorAnalysisCardProps, ErrorReportCardProps, ExecutionBreakdownTableProps, ExecutionHealthCardProps, ExecutionLogEntry, ExecutionLogsFiltersProps, ExecutionLogsTableProps, FitViewButtonVariant, FormFieldRendererProps, GraphFitViewHandlerProps, JsonViewerProps, KnowledgeMapEdgeData, KnowledgeMapNodeData, LogLevel, MdxRendererProps, NavigationButtonProps, ResourceHealthPanelProps, RichTextEditorProps, ScheduleType, SerializedKnowledgeMap, SerializedKnowledgeNode, StatCardProps, StyledMarkdownProps, TaskFilterStatus, TrendIndicatorProps };
|
package/dist/components/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { useBreadcrumbs } from '../chunk-MG3NF7QL.js';
|
|
2
2
|
import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-CTF6FS2M.js';
|
|
3
|
-
import { NotificationList } from '../chunk-
|
|
4
|
-
export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-
|
|
5
|
-
export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal } from '../chunk-
|
|
3
|
+
import { NotificationList } from '../chunk-ZDKC3V7C.js';
|
|
4
|
+
export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-ZDKC3V7C.js';
|
|
5
|
+
export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal } from '../chunk-H3MU3WTM.js';
|
|
6
6
|
import { FilterBar } from '../chunk-PDHTXPSF.js';
|
|
7
7
|
export { FilterBar } from '../chunk-PDHTXPSF.js';
|
|
8
8
|
export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
|
|
9
|
-
export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, TaskCard, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout } from '../chunk-
|
|
9
|
+
export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, TaskCard, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout } from '../chunk-BGTZFEKR.js';
|
|
10
10
|
import { SubshellLoader, PageContainer, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-AWT255UH.js';
|
|
11
|
-
export { ResourceHealthPanel } from '../chunk-
|
|
11
|
+
export { ResourceHealthPanel } from '../chunk-WY5IJI37.js';
|
|
12
12
|
import { CustomModal } from '../chunk-GBMNCNHX.js';
|
|
13
13
|
export { ConfirmationInputModal, ConfirmationModal, CustomModal } from '../chunk-GBMNCNHX.js';
|
|
14
|
-
export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-
|
|
15
|
-
import '../chunk-
|
|
14
|
+
export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-VMMNFRAO.js';
|
|
15
|
+
import '../chunk-UG5565XQ.js';
|
|
16
16
|
import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, APIErrorAlert, CardHeader } from '../chunk-IAZT3VO6.js';
|
|
17
17
|
export { APIErrorAlert, ActivityTimeline, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-IAZT3VO6.js';
|
|
18
18
|
export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
|
|
19
19
|
export { NavigationButton } from '../chunk-NNKKBSJN.js';
|
|
20
20
|
import { AppShellLoader } from '../chunk-WWEMNIHW.js';
|
|
21
21
|
import '../chunk-QJ2S46NI.js';
|
|
22
|
-
import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments } from '../chunk-
|
|
23
|
-
import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } from '../chunk-
|
|
24
|
-
export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-
|
|
22
|
+
import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments } from '../chunk-JTUX5FDC.js';
|
|
23
|
+
import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } from '../chunk-QDO6NF2I.js';
|
|
24
|
+
export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-QDO6NF2I.js';
|
|
25
25
|
import '../chunk-NJJ3NQ7B.js';
|
|
26
26
|
import '../chunk-LXHZYSMQ.js';
|
|
27
27
|
import '../chunk-MHW43EOH.js';
|
|
@@ -31,9 +31,9 @@ import '../chunk-ELJIFLCB.js';
|
|
|
31
31
|
import '../chunk-L4XXM55J.js';
|
|
32
32
|
import '../chunk-SLVC5OJ2.js';
|
|
33
33
|
import '../chunk-RNP5R5I3.js';
|
|
34
|
-
import '../chunk-
|
|
34
|
+
import '../chunk-TML32XBW.js';
|
|
35
35
|
export { ElevasisLoader } from '../chunk-SZHARWKU.js';
|
|
36
|
-
import '../chunk-
|
|
36
|
+
import '../chunk-OH74INP2.js';
|
|
37
37
|
import '../chunk-JR2C4XAN.js';
|
|
38
38
|
import '../chunk-R7WLWGPO.js';
|
|
39
39
|
import '../chunk-NVOCKXUQ.js';
|
|
@@ -126,6 +126,16 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* src/theme/custom.css */
|
|
129
|
+
.mantine-Button-root[data-variant=default] {
|
|
130
|
+
background-color: var(--color-surface);
|
|
131
|
+
backdrop-filter: var(--glass-blur);
|
|
132
|
+
-webkit-backdrop-filter: var(--glass-blur);
|
|
133
|
+
border: 1px solid var(--color-border);
|
|
134
|
+
color: var(--color-text);
|
|
135
|
+
}
|
|
136
|
+
.mantine-Button-root[data-variant=default]:hover {
|
|
137
|
+
background-color: var(--color-surface-hover);
|
|
138
|
+
}
|
|
129
139
|
.mantine-Accordion-control:hover {
|
|
130
140
|
background-color: var(--color-surface-hover);
|
|
131
141
|
}
|
|
@@ -126,6 +126,16 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* src/theme/custom.css */
|
|
129
|
+
.mantine-Button-root[data-variant=default] {
|
|
130
|
+
background-color: var(--color-surface);
|
|
131
|
+
backdrop-filter: var(--glass-blur);
|
|
132
|
+
-webkit-backdrop-filter: var(--glass-blur);
|
|
133
|
+
border: 1px solid var(--color-border);
|
|
134
|
+
color: var(--color-text);
|
|
135
|
+
}
|
|
136
|
+
.mantine-Button-root[data-variant=default]:hover {
|
|
137
|
+
background-color: var(--color-surface-hover);
|
|
138
|
+
}
|
|
129
139
|
.mantine-Accordion-control:hover {
|
|
130
140
|
background-color: var(--color-surface-hover);
|
|
131
141
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ResourceHealthChart } from '../../chunk-LGKLC5MG.js';
|
|
2
|
-
import { ExecutionStats } from '../../chunk-
|
|
3
|
-
import { HeroStatsRow, useCyberColors } from '../../chunk-
|
|
2
|
+
import { ExecutionStats } from '../../chunk-VMMNFRAO.js';
|
|
3
|
+
import { HeroStatsRow, useCyberColors } from '../../chunk-UG5565XQ.js';
|
|
4
4
|
import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-IAZT3VO6.js';
|
|
5
5
|
import '../../chunk-3KMDHCAR.js';
|
|
6
6
|
import '../../chunk-NNKKBSJN.js';
|
|
7
7
|
import { AppShellCenteredContainer, AppShellLoader } from '../../chunk-WWEMNIHW.js';
|
|
8
8
|
import '../../chunk-QJ2S46NI.js';
|
|
9
|
-
import { useTimeRangeDates } from '../../chunk-
|
|
10
|
-
import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from '../../chunk-
|
|
9
|
+
import { useTimeRangeDates } from '../../chunk-JTUX5FDC.js';
|
|
10
|
+
import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from '../../chunk-QDO6NF2I.js';
|
|
11
11
|
import '../../chunk-NJJ3NQ7B.js';
|
|
12
12
|
import { getTimeRangeDates } from '../../chunk-LXHZYSMQ.js';
|
|
13
13
|
import '../../chunk-MHW43EOH.js';
|
|
@@ -17,9 +17,9 @@ import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
|
|
|
17
17
|
import '../../chunk-L4XXM55J.js';
|
|
18
18
|
import '../../chunk-SLVC5OJ2.js';
|
|
19
19
|
import '../../chunk-RNP5R5I3.js';
|
|
20
|
-
import '../../chunk-
|
|
20
|
+
import '../../chunk-TML32XBW.js';
|
|
21
21
|
import '../../chunk-SZHARWKU.js';
|
|
22
|
-
import '../../chunk-
|
|
22
|
+
import '../../chunk-OH74INP2.js';
|
|
23
23
|
import '../../chunk-JR2C4XAN.js';
|
|
24
24
|
import '../../chunk-R7WLWGPO.js';
|
|
25
25
|
import '../../chunk-NVOCKXUQ.js';
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
/* src/theme/custom.css */
|
|
2
|
+
.mantine-Button-root[data-variant=default] {
|
|
3
|
+
background-color: var(--color-surface);
|
|
4
|
+
backdrop-filter: var(--glass-blur);
|
|
5
|
+
-webkit-backdrop-filter: var(--glass-blur);
|
|
6
|
+
border: 1px solid var(--color-border);
|
|
7
|
+
color: var(--color-text);
|
|
8
|
+
}
|
|
9
|
+
.mantine-Button-root[data-variant=default]:hover {
|
|
10
|
+
background-color: var(--color-surface-hover);
|
|
11
|
+
}
|
|
2
12
|
.mantine-Accordion-control:hover {
|
|
3
13
|
background-color: var(--color-surface-hover);
|
|
4
14
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { ExecutionLogsFilters, ExecutionLogsTable, ExecutionHealthCard, ErrorBreakdownTable, ErrorAnalysisCard, CostByModelTable, ActivityFilters, ActivityTable, ActivityCard, NotificationList } from '../../chunk-
|
|
1
|
+
import { ExecutionLogsFilters, ExecutionLogsTable, ExecutionHealthCard, ErrorBreakdownTable, ErrorAnalysisCard, CostBreakdownCard, CostByModelTable, ActivityFilters, ActivityTable, ActivityCard, NotificationList } from '../../chunk-ZDKC3V7C.js';
|
|
2
2
|
import '../../chunk-PDHTXPSF.js';
|
|
3
3
|
import '../../chunk-LGKLC5MG.js';
|
|
4
|
-
import '../../chunk-
|
|
4
|
+
import '../../chunk-WY5IJI37.js';
|
|
5
5
|
import { CustomModal } from '../../chunk-GBMNCNHX.js';
|
|
6
|
-
import { CostTrendChart, ActivityTrendChart } from '../../chunk-
|
|
6
|
+
import { CostTrendChart, ActivityTrendChart } from '../../chunk-UG5565XQ.js';
|
|
7
7
|
import { PageTitleCaption, JsonViewer, EmptyState } from '../../chunk-IAZT3VO6.js';
|
|
8
8
|
import '../../chunk-3KMDHCAR.js';
|
|
9
9
|
import '../../chunk-NNKKBSJN.js';
|
|
10
10
|
import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
|
|
11
11
|
import '../../chunk-QJ2S46NI.js';
|
|
12
|
-
import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from '../../chunk-
|
|
13
|
-
import { usePaginationState, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from '../../chunk-
|
|
12
|
+
import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from '../../chunk-JTUX5FDC.js';
|
|
13
|
+
import { usePaginationState, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from '../../chunk-QDO6NF2I.js';
|
|
14
14
|
import '../../chunk-NJJ3NQ7B.js';
|
|
15
15
|
import { getTimeRangeDates } from '../../chunk-LXHZYSMQ.js';
|
|
16
16
|
import '../../chunk-MHW43EOH.js';
|
|
@@ -19,9 +19,9 @@ import '../../chunk-XA34RETF.js';
|
|
|
19
19
|
import '../../chunk-ELJIFLCB.js';
|
|
20
20
|
import '../../chunk-L4XXM55J.js';
|
|
21
21
|
import '../../chunk-RNP5R5I3.js';
|
|
22
|
-
import '../../chunk-
|
|
22
|
+
import '../../chunk-TML32XBW.js';
|
|
23
23
|
import '../../chunk-SZHARWKU.js';
|
|
24
|
-
import '../../chunk-
|
|
24
|
+
import '../../chunk-OH74INP2.js';
|
|
25
25
|
import '../../chunk-JR2C4XAN.js';
|
|
26
26
|
import '../../chunk-R7WLWGPO.js';
|
|
27
27
|
import '../../chunk-NVOCKXUQ.js';
|
|
@@ -325,6 +325,7 @@ function CostAnalytics({ timeRange }) {
|
|
|
325
325
|
const { data: trendsData, isLoading: trendsLoading, error: trendsError } = useCostTrends(timeRange);
|
|
326
326
|
const { data: summaryData } = useCostSummary(timeRange);
|
|
327
327
|
const { data: modelData, isLoading: modelLoading, error: modelError } = useCostByModel(timeRange);
|
|
328
|
+
const { data: breakdownData, isLoading: breakdownLoading, error: breakdownError } = useCostBreakdown(timeRange);
|
|
328
329
|
if (trendsLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
|
|
329
330
|
return /* @__PURE__ */ jsxs(Stack, { children: [
|
|
330
331
|
/* @__PURE__ */ jsx(
|
|
@@ -335,6 +336,15 @@ function CostAnalytics({ timeRange }) {
|
|
|
335
336
|
}
|
|
336
337
|
),
|
|
337
338
|
/* @__PURE__ */ jsx(CostTrendChart, { data: trendsData, summaryData, isLoading: trendsLoading, error: trendsError }),
|
|
339
|
+
/* @__PURE__ */ jsx(
|
|
340
|
+
CostBreakdownCard,
|
|
341
|
+
{
|
|
342
|
+
breakdownData,
|
|
343
|
+
summaryData,
|
|
344
|
+
isLoading: breakdownLoading,
|
|
345
|
+
error: breakdownError
|
|
346
|
+
}
|
|
347
|
+
),
|
|
338
348
|
/* @__PURE__ */ jsx(CostByModelTable, { data: modelData, isLoading: modelLoading, error: modelError })
|
|
339
349
|
] });
|
|
340
350
|
}
|
|
@@ -126,6 +126,16 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* src/theme/custom.css */
|
|
129
|
+
.mantine-Button-root[data-variant=default] {
|
|
130
|
+
background-color: var(--color-surface);
|
|
131
|
+
backdrop-filter: var(--glass-blur);
|
|
132
|
+
-webkit-backdrop-filter: var(--glass-blur);
|
|
133
|
+
border: 1px solid var(--color-border);
|
|
134
|
+
color: var(--color-text);
|
|
135
|
+
}
|
|
136
|
+
.mantine-Button-root[data-variant=default]:hover {
|
|
137
|
+
background-color: var(--color-surface-hover);
|
|
138
|
+
}
|
|
129
139
|
.mantine-Accordion-control:hover {
|
|
130
140
|
background-color: var(--color-surface-hover);
|
|
131
141
|
}
|