@camunda/design-system 0.35.0 → 0.37.0
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/src/components/ui/app-header.d.ts +6 -2
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +1 -1
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/app-sidebar.d.ts +44 -12
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
- package/dist/src/components/ui/app-sidebar.js +42 -15
- package/dist/src/components/ui/app-sidebar.js.map +1 -1
- package/dist/src/components/ui/avatar.d.ts +7 -0
- package/dist/src/components/ui/avatar.d.ts.map +1 -1
- package/dist/src/components/ui/avatar.js +1 -1
- package/dist/src/components/ui/avatar.js.map +1 -1
- package/dist/src/components/ui/bar-chart.d.ts.map +1 -1
- package/dist/src/components/ui/bar-chart.js +45 -7
- package/dist/src/components/ui/bar-chart.js.map +1 -1
- package/dist/src/components/ui/chart.d.ts +9 -2
- package/dist/src/components/ui/chart.d.ts.map +1 -1
- package/dist/src/components/ui/chart.js +13 -4
- package/dist/src/components/ui/chart.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts +6 -0
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +6 -5
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/definition-tooltip.d.ts.map +1 -1
- package/dist/src/components/ui/definition-tooltip.js +37 -9
- package/dist/src/components/ui/definition-tooltip.js.map +1 -1
- package/dist/src/components/ui/line-chart.d.ts.map +1 -1
- package/dist/src/components/ui/line-chart.js +12 -2
- package/dist/src/components/ui/line-chart.js.map +1 -1
- package/dist/src/components/ui/meter.d.ts.map +1 -1
- package/dist/src/components/ui/meter.js +1 -10
- package/dist/src/components/ui/meter.js.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.d.ts +120 -2
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.js +54 -7
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
- package/dist/src/components/ui/nav-data.d.ts +46 -0
- package/dist/src/components/ui/nav-data.d.ts.map +1 -0
- package/dist/src/components/ui/nav-data.js +66 -0
- package/dist/src/components/ui/nav-data.js.map +1 -0
- package/dist/src/components/ui/nav-icon.assignability.d.ts +30 -0
- package/dist/src/components/ui/nav-icon.assignability.d.ts.map +1 -0
- package/dist/src/components/ui/nav-icon.assignability.js +28 -0
- package/dist/src/components/ui/nav-icon.assignability.js.map +1 -0
- package/dist/src/components/ui/nav-icon.d.ts +33 -0
- package/dist/src/components/ui/nav-icon.d.ts.map +1 -0
- package/dist/src/components/ui/nav-icon.js +20 -0
- package/dist/src/components/ui/nav-icon.js.map +1 -0
- package/dist/src/components/ui/notifications.d.ts +72 -0
- package/dist/src/components/ui/notifications.d.ts.map +1 -0
- package/dist/src/components/ui/notifications.js +53 -0
- package/dist/src/components/ui/notifications.js.map +1 -0
- package/dist/src/components/ui/scorecard.d.ts +1 -1
- package/dist/src/components/ui/scorecard.d.ts.map +1 -1
- package/dist/src/components/ui/scorecard.js +13 -8
- package/dist/src/components/ui/scorecard.js.map +1 -1
- package/dist/src/components/ui/sheet.d.ts +1 -1
- package/dist/src/components/ui/sparkline.d.ts.map +1 -1
- package/dist/src/components/ui/sparkline.js +11 -1
- package/dist/src/components/ui/sparkline.js.map +1 -1
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts +3 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.js +114 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/derive.d.ts +65 -0
- package/dist/src/examples/agent-control-plane-processes/derive.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/derive.js +234 -0
- package/dist/src/examples/agent-control-plane-processes/derive.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts +37 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.js +206 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts +37 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js +53 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js.map +1 -0
- package/dist/src/examples/shared/DashboardSection.d.ts +9 -0
- package/dist/src/examples/shared/DashboardSection.d.ts.map +1 -0
- package/dist/src/examples/shared/DashboardSection.js +5 -0
- package/dist/src/examples/shared/DashboardSection.js.map +1 -0
- package/dist/src/examples/shared/DateRangePopover.d.ts +3 -0
- package/dist/src/examples/shared/DateRangePopover.d.ts.map +1 -0
- package/dist/src/examples/shared/DateRangePopover.js +35 -0
- package/dist/src/examples/shared/DateRangePopover.js.map +1 -0
- package/dist/src/examples/shared/agent-control-plane-nav.d.ts +4 -0
- package/dist/src/examples/shared/agent-control-plane-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/agent-control-plane-nav.js +25 -0
- package/dist/src/examples/shared/agent-control-plane-nav.js.map +1 -0
- package/dist/src/examples/shared/date-range-utils.d.ts +10 -0
- package/dist/src/examples/shared/date-range-utils.d.ts.map +1 -0
- package/dist/src/examples/shared/date-range-utils.js +75 -0
- package/dist/src/examples/shared/date-range-utils.js.map +1 -0
- package/dist/src/icons/camunda-app-icons.d.ts +19 -0
- package/dist/src/icons/camunda-app-icons.d.ts.map +1 -0
- package/dist/src/icons/camunda-app-icons.js +26 -0
- package/dist/src/icons/camunda-app-icons.js.map +1 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.d.ts.map +1 -1
- package/dist/src/icons/index.js +1 -0
- package/dist/src/icons/index.js.map +1 -1
- package/dist/src/index.d.ts +6 -3
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +4 -2
- package/dist/src/index.js.map +1 -1
- package/dist/styles.css +77 -25
- package/package.json +1 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +0 -21
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +0 -1
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js +0 -56
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +0 -1
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/TrendChart.js +0 -19
- package/dist/src/examples/cost-dashboard/TrendChart.js.map +0 -1
- package/dist/src/examples/cost-dashboard/mock-data.d.ts +0 -34
- package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/mock-data.js +0 -120
- package/dist/src/examples/cost-dashboard/mock-data.js.map +0 -1
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts +0 -4
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +0 -1
- package/dist/src/examples/projects-list/ProjectsListPage.js +0 -58
- package/dist/src/examples/projects-list/ProjectsListPage.js.map +0 -1
- package/dist/src/examples/projects-list/mock-data.d.ts +0 -10
- package/dist/src/examples/projects-list/mock-data.d.ts.map +0 -1
- package/dist/src/examples/projects-list/mock-data.js +0 -83
- package/dist/src/examples/projects-list/mock-data.js.map +0 -1
package/dist/src/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, ty
|
|
|
2
2
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
|
|
3
3
|
export { AppHeader, type AppHeaderProps, type GlobalActionButton, } from "./components/ui/app-header.js";
|
|
4
4
|
export { CamundaLogo } from "./components/ui/camunda-logo.js";
|
|
5
|
-
export { AppSidebar, type AppSidebarProps, type SidebarNode, type SidebarItem, type SidebarGroupItem, type SidebarGroup, type SidebarSection, type SidebarLinkProps, type SidebarBackNav, } from "./components/ui/app-sidebar.js";
|
|
5
|
+
export { AppSidebar, type AppSidebarProps, type SidebarNode, type SidebarItem, type SidebarGroupItem, type SidebarGroup, type SidebarSection, type SidebarLinkProps, type SidebarBackNav, type NavLinkComponent, } from "./components/ui/app-sidebar.js";
|
|
6
6
|
export { Avatar, type AvatarProps } from "./components/ui/avatar.js";
|
|
7
7
|
export { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
8
8
|
export { BarChart, type BarChartProps } from "./components/ui/bar-chart.js";
|
|
@@ -12,7 +12,10 @@ export { Scorecard, type ScorecardProps, type ScorecardDelta, type ScorecardSpar
|
|
|
12
12
|
export { Sparkline, type SparklineProps } from "./components/ui/sparkline.js";
|
|
13
13
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
|
|
14
14
|
export { Button, buttonVariants } from "./components/ui/button.js";
|
|
15
|
-
export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb.js";
|
|
15
|
+
export { NavBreadcrumb, NavBreadcrumbItem, NavBreadcrumbSwitcher, type BreadcrumbAction, type NavBreadcrumbItemProps, type NavBreadcrumbDescriptor, type NavBreadcrumbDropdownItem, type NavBreadcrumbSwitcherProps, } from "./components/ui/nav-breadcrumb.js";
|
|
16
|
+
export type { ActiveMatcher, NavLinkProps } from "./components/ui/nav-data.js";
|
|
17
|
+
export { NotificationBell, NotificationsPanel, type NavNotification, type NotificationBellProps, type NotificationsPanelProps, } from "./components/ui/notifications.js";
|
|
18
|
+
export { NavRowIcon, type NavIcon } from "./components/ui/nav-icon.js";
|
|
16
19
|
export { C4Provider } from "./components/ui/c4-provider.js";
|
|
17
20
|
export { Combobox, type ComboboxOption, type ComboboxProps, } from "./components/ui/combobox.js";
|
|
18
21
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card.js";
|
|
@@ -63,5 +66,5 @@ export { useIsMobile } from "./hooks/use-is-mobile.js";
|
|
|
63
66
|
export { useTheme, useResolvedTheme, type ResolvedTheme, type ThemePreference, type UseThemeResult, } from "./hooks/use-theme.js";
|
|
64
67
|
export { cn } from "./lib/utils.js";
|
|
65
68
|
export { withRef } from "./lib/with-ref.js";
|
|
66
|
-
export { camundaIcons, type IconKey, type RegistryEntry, registry, OrganisationIcon, WorkspaceIcon, FolderIcon, UserIcon, MilestoneIcon, AiIcon, ApiClientIcon, AuditLogIcon, BackupIcon, BpmnDiagramIcon, ClusterIcon, ConnectorIcon, ConnectorTemplateIcon, DecisionIcon, DeploymentIcon, FormIcon, IpAllowlistIcon, ModelerIcon, ProcessApplicationIcon, ProjectIcon, } from "./icons/index.js";
|
|
69
|
+
export { camundaIcons, type IconKey, type RegistryEntry, registry, OrganisationIcon, WorkspaceIcon, FolderIcon, UserIcon, MilestoneIcon, AiIcon, ApiClientIcon, AuditLogIcon, BackupIcon, BpmnDiagramIcon, ClusterIcon, ConnectorIcon, ConnectorTemplateIcon, DecisionIcon, DeploymentIcon, FormIcon, IpAllowlistIcon, ModelerIcon, ProcessApplicationIcon, ProjectIcon, camundaAppIcons, type CamundaAppKey, } from "./icons/index.js";
|
|
67
70
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,KAAK,UAAU,EACf,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/src/index.js
CHANGED
|
@@ -12,7 +12,9 @@ export { Scorecard, } from "./components/ui/scorecard.js";
|
|
|
12
12
|
export { Sparkline } from "./components/ui/sparkline.js";
|
|
13
13
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
|
|
14
14
|
export { Button, buttonVariants } from "./components/ui/button.js";
|
|
15
|
-
export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb.js";
|
|
15
|
+
export { NavBreadcrumb, NavBreadcrumbItem, NavBreadcrumbSwitcher, } from "./components/ui/nav-breadcrumb.js";
|
|
16
|
+
export { NotificationBell, NotificationsPanel, } from "./components/ui/notifications.js";
|
|
17
|
+
export { NavRowIcon } from "./components/ui/nav-icon.js";
|
|
16
18
|
export { C4Provider } from "./components/ui/c4-provider.js";
|
|
17
19
|
export { Combobox, } from "./components/ui/combobox.js";
|
|
18
20
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card.js";
|
|
@@ -61,5 +63,5 @@ export { useIsMobile } from "./hooks/use-is-mobile.js";
|
|
|
61
63
|
export { useTheme, useResolvedTheme, } from "./hooks/use-theme.js";
|
|
62
64
|
export { cn } from "./lib/utils.js";
|
|
63
65
|
export { withRef } from "./lib/with-ref.js";
|
|
64
|
-
export { camundaIcons, registry, OrganisationIcon, WorkspaceIcon, FolderIcon, UserIcon, MilestoneIcon, AiIcon, ApiClientIcon, AuditLogIcon, BackupIcon, BpmnDiagramIcon, ClusterIcon, ConnectorIcon, ConnectorTemplateIcon, DecisionIcon, DeploymentIcon, FormIcon, IpAllowlistIcon, ModelerIcon, ProcessApplicationIcon, ProjectIcon, } from "./icons/index.js";
|
|
66
|
+
export { camundaIcons, registry, OrganisationIcon, WorkspaceIcon, FolderIcon, UserIcon, MilestoneIcon, AiIcon, ApiClientIcon, AuditLogIcon, BackupIcon, BpmnDiagramIcon, ClusterIcon, ConnectorIcon, ConnectorTemplateIcon, DecisionIcon, DeploymentIcon, FormIcon, IpAllowlistIcon, ModelerIcon, ProcessApplicationIcon, ProjectIcon, camundaAppIcons, } from "./icons/index.js";
|
|
65
67
|
//# sourceMappingURL=index.js.map
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,GAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,SAAS,GAGV,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EACL,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -95,7 +95,6 @@
|
|
|
95
95
|
--font-weight-normal: 400;
|
|
96
96
|
--font-weight-medium: 500;
|
|
97
97
|
--font-weight-semibold: 600;
|
|
98
|
-
--tracking-tight: -0.025em;
|
|
99
98
|
--tracking-wide: 0.025em;
|
|
100
99
|
--tracking-widest: 0.1em;
|
|
101
100
|
--leading-tight: 1.25;
|
|
@@ -197,6 +196,9 @@
|
|
|
197
196
|
.top-4 {
|
|
198
197
|
top: calc(var(--spacing) * 4);
|
|
199
198
|
}
|
|
199
|
+
.top-6 {
|
|
200
|
+
top: calc(var(--spacing) * 6);
|
|
201
|
+
}
|
|
200
202
|
.top-12 {
|
|
201
203
|
top: calc(var(--spacing) * 12);
|
|
202
204
|
}
|
|
@@ -503,6 +505,12 @@
|
|
|
503
505
|
.field-sizing-content {
|
|
504
506
|
field-sizing: content;
|
|
505
507
|
}
|
|
508
|
+
.aspect-\[4\/5\] {
|
|
509
|
+
aspect-ratio: 4/5;
|
|
510
|
+
}
|
|
511
|
+
.aspect-\[16\/5\] {
|
|
512
|
+
aspect-ratio: 16/5;
|
|
513
|
+
}
|
|
506
514
|
.aspect-auto {
|
|
507
515
|
aspect-ratio: auto;
|
|
508
516
|
}
|
|
@@ -675,6 +683,9 @@
|
|
|
675
683
|
.max-h-72 {
|
|
676
684
|
max-height: calc(var(--spacing) * 72);
|
|
677
685
|
}
|
|
686
|
+
.max-h-80 {
|
|
687
|
+
max-height: calc(var(--spacing) * 80);
|
|
688
|
+
}
|
|
678
689
|
.max-h-\[60vh\] {
|
|
679
690
|
max-height: 60vh;
|
|
680
691
|
}
|
|
@@ -873,9 +884,15 @@
|
|
|
873
884
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
874
885
|
max-width: calc(100% - 2rem);
|
|
875
886
|
}
|
|
887
|
+
.max-w-full {
|
|
888
|
+
max-width: 100%;
|
|
889
|
+
}
|
|
876
890
|
.max-w-md {
|
|
877
891
|
max-width: var(--container-md);
|
|
878
892
|
}
|
|
893
|
+
.max-w-none {
|
|
894
|
+
max-width: none;
|
|
895
|
+
}
|
|
879
896
|
.max-w-sm {
|
|
880
897
|
max-width: var(--container-sm);
|
|
881
898
|
}
|
|
@@ -918,6 +935,9 @@
|
|
|
918
935
|
.min-w-48 {
|
|
919
936
|
min-width: calc(var(--spacing) * 48);
|
|
920
937
|
}
|
|
938
|
+
.min-w-\[420px\] {
|
|
939
|
+
min-width: 420px;
|
|
940
|
+
}
|
|
921
941
|
.flex-1 {
|
|
922
942
|
flex: 1;
|
|
923
943
|
}
|
|
@@ -1200,6 +1220,11 @@
|
|
|
1200
1220
|
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
|
|
1201
1221
|
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
|
1202
1222
|
}
|
|
1223
|
+
:where(.space-y-8 > :not(:last-child)) {
|
|
1224
|
+
--tw-space-y-reverse: 0;
|
|
1225
|
+
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
|
1226
|
+
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
1227
|
+
}
|
|
1203
1228
|
.gap-x-5 {
|
|
1204
1229
|
column-gap: calc(var(--spacing) * 5);
|
|
1205
1230
|
}
|
|
@@ -1399,6 +1424,12 @@
|
|
|
1399
1424
|
.border-current {
|
|
1400
1425
|
border-color: currentcolor;
|
|
1401
1426
|
}
|
|
1427
|
+
.border-current\/30 {
|
|
1428
|
+
border-color: currentcolor;
|
|
1429
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1430
|
+
border-color: color-mix(in oklab, currentcolor 30%, transparent);
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1402
1433
|
.border-danger-border-subtle {
|
|
1403
1434
|
border-color: var(--danger-border-subtle);
|
|
1404
1435
|
}
|
|
@@ -1693,6 +1724,9 @@
|
|
|
1693
1724
|
.p-px {
|
|
1694
1725
|
padding: 1px;
|
|
1695
1726
|
}
|
|
1727
|
+
.px-0 {
|
|
1728
|
+
padding-inline: 0px;
|
|
1729
|
+
}
|
|
1696
1730
|
.px-1 {
|
|
1697
1731
|
padding-inline: var(--spacing);
|
|
1698
1732
|
}
|
|
@@ -1747,6 +1781,9 @@
|
|
|
1747
1781
|
.py-10 {
|
|
1748
1782
|
padding-block: calc(var(--spacing) * 10);
|
|
1749
1783
|
}
|
|
1784
|
+
.py-12 {
|
|
1785
|
+
padding-block: calc(var(--spacing) * 12);
|
|
1786
|
+
}
|
|
1750
1787
|
.py-16 {
|
|
1751
1788
|
padding-block: calc(var(--spacing) * 16);
|
|
1752
1789
|
}
|
|
@@ -1898,6 +1935,9 @@
|
|
|
1898
1935
|
font-size: var(--text-xs);
|
|
1899
1936
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1900
1937
|
}
|
|
1938
|
+
.text-\[0\.625rem\] {
|
|
1939
|
+
font-size: 0.625rem;
|
|
1940
|
+
}
|
|
1901
1941
|
.text-\[9px\] {
|
|
1902
1942
|
font-size: 9px;
|
|
1903
1943
|
}
|
|
@@ -1987,10 +2027,6 @@
|
|
|
1987
2027
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1988
2028
|
font-weight: var(--font-weight-semibold);
|
|
1989
2029
|
}
|
|
1990
|
-
.tracking-tight {
|
|
1991
|
-
--tw-tracking: var(--tracking-tight);
|
|
1992
|
-
letter-spacing: var(--tracking-tight);
|
|
1993
|
-
}
|
|
1994
2030
|
.tracking-wide {
|
|
1995
2031
|
--tw-tracking: var(--tracking-wide);
|
|
1996
2032
|
letter-spacing: var(--tracking-wide);
|
|
@@ -2392,6 +2428,12 @@
|
|
|
2392
2428
|
.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
|
|
2393
2429
|
opacity: 50%;
|
|
2394
2430
|
}
|
|
2431
|
+
.group-data-\[size\=sm\]\/card\:-mx-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2432
|
+
margin-inline: calc(var(--spacing) * -3);
|
|
2433
|
+
}
|
|
2434
|
+
.group-data-\[size\=sm\]\/card\:-mb-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2435
|
+
margin-bottom: calc(var(--spacing) * -3);
|
|
2436
|
+
}
|
|
2395
2437
|
.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
|
|
2396
2438
|
padding: calc(var(--spacing) * 3);
|
|
2397
2439
|
}
|
|
@@ -3118,6 +3160,9 @@
|
|
|
3118
3160
|
.lg\:w-80 {
|
|
3119
3161
|
width: calc(var(--spacing) * 80);
|
|
3120
3162
|
}
|
|
3163
|
+
.lg\:grid-cols-2 {
|
|
3164
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3165
|
+
}
|
|
3121
3166
|
.lg\:grid-cols-3 {
|
|
3122
3167
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
3123
3168
|
}
|
|
@@ -3134,6 +3179,11 @@
|
|
|
3134
3179
|
flex-direction: row;
|
|
3135
3180
|
}
|
|
3136
3181
|
}
|
|
3182
|
+
@media (width >= 80rem) {
|
|
3183
|
+
.xl\:grid-cols-4 {
|
|
3184
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3185
|
+
}
|
|
3186
|
+
}
|
|
3137
3187
|
.dark\:border-accent-action-default:is(.dark *) {
|
|
3138
3188
|
border-color: var(--accent-action-default);
|
|
3139
3189
|
}
|
|
@@ -3689,18 +3739,18 @@
|
|
|
3689
3739
|
--accent-foreground-strong: var(--color-brand-900);
|
|
3690
3740
|
--accent-border-subtle: var(--color-brand-200);
|
|
3691
3741
|
--accent-border-strong: var(--color-brand-400);
|
|
3692
|
-
--warning-action-default: var(--color-amber-
|
|
3693
|
-
--warning-action-hover: var(--color-amber-
|
|
3694
|
-
--warning-action-active: var(--color-amber-
|
|
3742
|
+
--warning-action-default: var(--color-amber-600);
|
|
3743
|
+
--warning-action-hover: var(--color-amber-700);
|
|
3744
|
+
--warning-action-active: var(--color-amber-800);
|
|
3695
3745
|
--warning-action-disabled: color-mix(
|
|
3696
3746
|
in srgb,
|
|
3697
|
-
oklch(
|
|
3747
|
+
oklch(66.6% 0.179 58.318) 38%,
|
|
3698
3748
|
transparent
|
|
3699
3749
|
);
|
|
3700
3750
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3701
3751
|
--warning-action-disabled: color-mix(
|
|
3702
3752
|
in srgb,
|
|
3703
|
-
var(--color-amber-
|
|
3753
|
+
var(--color-amber-600) 38%,
|
|
3704
3754
|
transparent
|
|
3705
3755
|
);
|
|
3706
3756
|
}
|
|
@@ -3790,11 +3840,12 @@
|
|
|
3790
3840
|
--glass-bg: rgba(249, 249, 251, 0.88);
|
|
3791
3841
|
--glass-border: rgba(24, 24, 27, 0.08);
|
|
3792
3842
|
--glass-blur: 16px;
|
|
3793
|
-
--chart-1: oklch(0.
|
|
3794
|
-
--chart-2: oklch(0.
|
|
3795
|
-
--chart-3: oklch(0.
|
|
3796
|
-
--chart-4: oklch(0.
|
|
3797
|
-
--chart-5: oklch(0.
|
|
3843
|
+
--chart-1: oklch(0.588 0.158 241.966);
|
|
3844
|
+
--chart-2: oklch(0.704 0.14 182.503);
|
|
3845
|
+
--chart-3: oklch(0.656 0.241 354.308);
|
|
3846
|
+
--chart-4: oklch(0.795 0.184 86.047);
|
|
3847
|
+
--chart-5: oklch(0.637 0.237 25.331);
|
|
3848
|
+
--chart-area-fill-opacity: 0.4;
|
|
3798
3849
|
}
|
|
3799
3850
|
.dark .c4-ui, .c4-ui.dark {
|
|
3800
3851
|
--background: var(--color-zinc-950);
|
|
@@ -3889,18 +3940,18 @@
|
|
|
3889
3940
|
--accent-foreground-strong: var(--color-brand-200);
|
|
3890
3941
|
--accent-border-subtle: var(--color-brand-800);
|
|
3891
3942
|
--accent-border-strong: var(--color-brand-600);
|
|
3892
|
-
--warning-action-default: var(--color-amber-
|
|
3893
|
-
--warning-action-hover: var(--color-amber-
|
|
3894
|
-
--warning-action-active: var(--color-amber-
|
|
3943
|
+
--warning-action-default: var(--color-amber-600);
|
|
3944
|
+
--warning-action-hover: var(--color-amber-700);
|
|
3945
|
+
--warning-action-active: var(--color-amber-800);
|
|
3895
3946
|
--warning-action-disabled: color-mix(
|
|
3896
3947
|
in srgb,
|
|
3897
|
-
oklch(
|
|
3948
|
+
oklch(66.6% 0.179 58.318) 38%,
|
|
3898
3949
|
transparent
|
|
3899
3950
|
);
|
|
3900
3951
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3901
3952
|
--warning-action-disabled: color-mix(
|
|
3902
3953
|
in srgb,
|
|
3903
|
-
var(--color-amber-
|
|
3954
|
+
var(--color-amber-600) 38%,
|
|
3904
3955
|
transparent
|
|
3905
3956
|
);
|
|
3906
3957
|
}
|
|
@@ -3989,11 +4040,12 @@
|
|
|
3989
4040
|
--shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
3990
4041
|
--glass-bg: rgba(24, 24, 27, 0.82);
|
|
3991
4042
|
--glass-border: rgba(255, 255, 255, 0.08);
|
|
3992
|
-
--chart-1: oklch(0.
|
|
3993
|
-
--chart-2: oklch(0.
|
|
3994
|
-
--chart-3: oklch(0.
|
|
3995
|
-
--chart-4: oklch(0.
|
|
3996
|
-
--chart-5: oklch(0.
|
|
4043
|
+
--chart-1: oklch(0.746 0.16 232.661);
|
|
4044
|
+
--chart-2: oklch(0.777 0.152 181.912);
|
|
4045
|
+
--chart-3: oklch(0.718 0.202 349.761);
|
|
4046
|
+
--chart-4: oklch(0.852 0.199 91.936);
|
|
4047
|
+
--chart-5: oklch(0.704 0.191 22.216);
|
|
4048
|
+
--chart-area-fill-opacity: 0.9;
|
|
3997
4049
|
}
|
|
3998
4050
|
@layer base {
|
|
3999
4051
|
.c4-ui *, .c4-ui *::before, .c4-ui *::after {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camunda/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.37.0",
|
|
4
4
|
"description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CostBreakdownChart.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostBreakdownChart.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,kBAAkB,gCAyDjC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PieChart, Pie, Cell } from "recharts";
|
|
3
|
-
import { ChartContainer } from "../../index.js";
|
|
4
|
-
import { agents, totalLlmSpend } from "./mock-data.js";
|
|
5
|
-
// Spend split into input vs output cost (summed across the definition's agents).
|
|
6
|
-
const totalInput = +agents.reduce((sum, a) => sum + a.inCostUsd, 0).toFixed(2);
|
|
7
|
-
const totalOutput = +agents
|
|
8
|
-
.reduce((sum, a) => sum + a.outCostUsd, 0)
|
|
9
|
-
.toFixed(2);
|
|
10
|
-
const segments = [
|
|
11
|
-
{ name: "Input", key: "input", value: totalInput },
|
|
12
|
-
{ name: "Output", key: "output", value: totalOutput },
|
|
13
|
-
];
|
|
14
|
-
const chartConfig = {
|
|
15
|
-
input: { label: "Input", color: "var(--chart-1)" },
|
|
16
|
-
output: { label: "Output", color: "var(--chart-2)" },
|
|
17
|
-
};
|
|
18
|
-
export function CostBreakdownChart() {
|
|
19
|
-
return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsxs("div", { className: "relative h-44 w-44", children: [_jsx(ChartContainer, { config: chartConfig, className: "h-full w-full", children: _jsx(PieChart, { children: _jsx(Pie, { data: segments, dataKey: "value", nameKey: "name", innerRadius: 52, outerRadius: 84, stroke: "none", isAnimationActive: false, children: segments.map((s) => (_jsx(Cell, { fill: `var(--color-${s.key})` }, s.name))) }) }) }), _jsxs("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [_jsxs("span", { className: "text-xl font-semibold tabular-nums", children: ["$", totalLlmSpend.toFixed(2)] }), _jsx("span", { className: "text-xs text-neutral-foreground-subtle", children: "total spend" })] })] }), _jsx("ul", { className: "mt-4 w-full space-y-1 text-xs", children: segments.map((s) => (_jsxs("li", { className: "flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "inline-block size-2.5 rounded-[2px]", style: { background: chartConfig[s.key]?.color } }), s.name] }), _jsxs("span", { className: "tabular-nums text-neutral-foreground-subtle", children: ["$", s.value.toFixed(2)] })] }, s.name))) })] }));
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=CostBreakdownChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CostBreakdownChart.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostBreakdownChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAoB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEpD,iFAAiF;AACjF,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC/E,MAAM,WAAW,GAAG,CAAC,MAAM;KACxB,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;KACzC,OAAO,CAAC,CAAC,CAAC,CAAC;AACd,MAAM,QAAQ,GAAG;IACf,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE;IAClD,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;CACtD,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAClD,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;CACrD,CAAC;AAEF,MAAM,UAAU,kBAAkB;IAChC,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe,YAC5D,KAAC,QAAQ,cACP,KAAC,GAAG,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,MAAM,EACd,WAAW,EAAE,EAAE,EACf,WAAW,EAAE,EAAE,EACf,MAAM,EAAC,MAAM,EACb,iBAAiB,EAAE,KAAK,YAEvB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,IAAc,IAAI,EAAE,eAAe,CAAC,CAAC,GAAG,GAAG,IAArC,CAAC,CAAC,IAAI,CAAmC,CACrD,CAAC,GACE,GACG,GACI,EAEjB,eAAK,SAAS,EAAC,gFAAgF,aAC7F,gBAAM,SAAS,EAAC,oCAAoC,kBAChD,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,IACrB,EACP,eAAM,SAAS,EAAC,wCAAwC,4BAEjD,IACH,IACF,EASN,aAAI,SAAS,EAAC,+BAA+B,YAC1C,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,cAAiB,SAAS,EAAC,yCAAyC,aAClE,gBAAM,SAAS,EAAC,2BAA2B,aACzC,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAChD,EACD,CAAC,CAAC,IAAI,IACF,EACP,gBAAM,SAAS,EAAC,6CAA6C,kBACzD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IACf,KAVA,CAAC,CAAC,IAAI,CAWV,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CostDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostDashboardPage.tsx"],"names":[],"mappings":"AAkIA,wBAAgB,iBAAiB,gCAoJhC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowDown, ArrowUp, CalendarDays } from "lucide-react";
|
|
3
|
-
import { DataTable, Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, Badge, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Popover, PopoverTrigger, PopoverContent, PageLayout, PageHeader, cn, } from "../../index.js";
|
|
4
|
-
import { AppShell } from "../shared/AppShell.js";
|
|
5
|
-
import { costNav, costBackNav, costBreadcrumb } from "../shared/cost-nav.js";
|
|
6
|
-
import { definition, instances, totalLlmSpend, totalTokens, totalRuns, } from "./mock-data.js";
|
|
7
|
-
import { TrendChart } from "./TrendChart.js";
|
|
8
|
-
import { CostBreakdownChart } from "./CostBreakdownChart.js";
|
|
9
|
-
// Tinted background signals sentiment (positive = good, regardless of arrow
|
|
10
|
-
// direction): a rising LLM spend is not "good", so it reads neutral, not green.
|
|
11
|
-
const trendStyles = {
|
|
12
|
-
positive: "bg-success-background-subtle text-success-action-default",
|
|
13
|
-
negative: "bg-danger-background-subtle text-danger-foreground-subtle",
|
|
14
|
-
neutral: "bg-neutral-background-strong text-neutral-foreground-subtle",
|
|
15
|
-
};
|
|
16
|
-
function TrendPill({ value, direction, sentiment }) {
|
|
17
|
-
const Arrow = direction === "up" ? ArrowUp : ArrowDown;
|
|
18
|
-
return (_jsxs("span", { className: cn("inline-flex items-center gap-0.5 rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums", trendStyles[sentiment]), children: [_jsx(Arrow, { className: "size-3", "aria-hidden": true }), value] }));
|
|
19
|
-
}
|
|
20
|
-
function Stat({ label, value, trend, }) {
|
|
21
|
-
return (_jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardDescription, { children: label }), _jsx("span", { className: "text-3xl font-semibold tracking-tight tabular-nums", children: value }), trend ? (_jsx(CardAction, { children: _jsx(TrendPill, { ...trend }) })) : null] }) }));
|
|
22
|
-
}
|
|
23
|
-
const instanceColumns = [
|
|
24
|
-
{
|
|
25
|
-
accessorKey: "key",
|
|
26
|
-
header: "Instance key",
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
accessorKey: "version",
|
|
30
|
-
header: "Version",
|
|
31
|
-
cell: ({ row }) => `v${row.original.version}`,
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
accessorKey: "state",
|
|
35
|
-
header: "State",
|
|
36
|
-
cell: ({ row }) => row.original.state === "ACTIVE" ? (_jsx(Badge, { variant: "success", children: "Active" })) : (_jsx(Badge, { variant: "neutral", children: "Completed" })),
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
accessorKey: "costUsd",
|
|
40
|
-
header: "LLM cost",
|
|
41
|
-
cell: ({ row }) => (_jsxs("span", { className: "block text-right tabular-nums", children: ["$", row.original.costUsd.toFixed(2)] })),
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
accessorKey: "started",
|
|
45
|
-
header: "Started",
|
|
46
|
-
},
|
|
47
|
-
];
|
|
48
|
-
export function CostDashboardPage() {
|
|
49
|
-
// TODO: Replace with API call to GET /v1/definitions/{id}/versions/{v}/instances?range=...
|
|
50
|
-
return (_jsx(AppShell, { sidebarLabel: "Agent Cost Monitor navigation", items: costNav, backNav: costBackNav, breadcrumb: costBreadcrumb, children: _jsxs(PageLayout, { tabIndex: -1, width: "constrained", children: [_jsx(PageHeader, { title: "Process definitions", actions: _jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { defaultValue: definition.name, children: [_jsx(SelectTrigger, { "aria-label": "Process definition", className: "w-44", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "OrderFulfillment", children: "OrderFulfillment" }), _jsx(SelectItem, { value: "InvoiceApproval", children: "InvoiceApproval" }), _jsx(SelectItem, { value: "SupportTriage", children: "SupportTriage" })] })] }), _jsxs(Select, { defaultValue: String(definition.version), children: [_jsx(SelectTrigger, { "aria-label": "Process version", className: "w-24", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: definition.versions.map((v) => (_jsxs(SelectItem, { value: String(v), children: ["v", v] }, v))) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "secondary", children: [_jsx(CalendarDays, {}), "Last 7 days"] }) }), _jsxs(PopoverContent, { align: "end", className: "w-48 gap-1 p-1.5", children: [_jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 24 hours" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 7 days" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Last 30 days" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "Custom range" })] })] })] }), _jsx("p", { className: "text-right text-xs text-neutral-foreground-subtle", children: "Compared to Jun 1\u20137" })] }) }), _jsxs("div", { className: "mt-6 space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(Stat, { label: "LLM spend", value: `$${totalLlmSpend.toFixed(2)}`, trend: { value: "3%", direction: "up", sentiment: "neutral" } }), _jsx(Stat, { label: "Total tokens", value: totalTokens.toLocaleString(), trend: { value: "8%", direction: "up", sentiment: "neutral" } }), _jsx(Stat, { label: "Total runs", value: totalRuns.toLocaleString(), trend: { value: "5%", direction: "down", sentiment: "neutral" } }), _jsx(Stat, { label: "Avg cost per run", value: `$${(totalLlmSpend / totalRuns).toFixed(2)}`, trend: {
|
|
51
|
-
value: "12%",
|
|
52
|
-
direction: "up",
|
|
53
|
-
sentiment: "negative",
|
|
54
|
-
} })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3", children: [_jsxs(Card, { className: "lg:col-span-2", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Token usage trend" }) }), _jsx(CardContent, { children: _jsx(TrendChart, {}) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Cost breakdown" }) }), _jsx(CardContent, { children: _jsx(CostBreakdownChart, {}) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Recent instances" }) }), _jsx(CardContent, { children: _jsx(DataTable, { columns: instanceColumns, data: instances, sorting: true, getRowId: (row) => row.key }) })] })] })] }) }));
|
|
55
|
-
}
|
|
56
|
-
//# sourceMappingURL=CostDashboardPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CostDashboardPage.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/CostDashboardPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TrendChart.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/TrendChart.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,UAAU,gCAsCzB"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { LineChart, Line, XAxis, YAxis, CartesianGrid } from "recharts";
|
|
3
|
-
import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, } from "../../index.js";
|
|
4
|
-
import { agents, trend } from "./mock-data.js";
|
|
5
|
-
// Input vs output tokens per period, summed across the definition's agents.
|
|
6
|
-
// Coalesce missing series keys to 0 so a data shape change can't produce NaN.
|
|
7
|
-
const data = trend.map((point) => ({
|
|
8
|
-
idx: point.idx,
|
|
9
|
-
input: agents.reduce((sum, a) => sum + (point[`${a.elementId}_in`] ?? 0), 0),
|
|
10
|
-
output: agents.reduce((sum, a) => sum + (point[`${a.elementId}_out`] ?? 0), 0),
|
|
11
|
-
}));
|
|
12
|
-
const chartConfig = {
|
|
13
|
-
input: { label: "Input tokens", color: "var(--chart-1)" },
|
|
14
|
-
output: { label: "Output tokens", color: "var(--chart-2)" },
|
|
15
|
-
};
|
|
16
|
-
export function TrendChart() {
|
|
17
|
-
return (_jsx(ChartContainer, { config: chartConfig, className: "h-72 w-full", children: _jsxs(LineChart, { data: data, margin: { top: 8, right: 16, bottom: 0, left: -8 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border)" }), _jsx(XAxis, { dataKey: "idx", tick: { fontSize: 11 }, stroke: "var(--neutral-foreground-subtle)" }), _jsx(YAxis, { tick: { fontSize: 11 }, stroke: "var(--neutral-foreground-subtle)" }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, {}) }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, {}) }), _jsx(Line, { type: "monotone", dataKey: "input", stroke: "var(--color-input)", dot: false, strokeWidth: 2, isAnimationActive: false }), _jsx(Line, { type: "monotone", dataKey: "output", stroke: "var(--color-output)", dot: false, strokeWidth: 2, isAnimationActive: false })] }) }));
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=TrendChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TrendChart.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/TrendChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAExE,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,GAEnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE5C,4EAA4E;AAC5E,8EAA8E;AAC9E,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACjC,GAAG,EAAE,KAAK,CAAC,GAAG;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,CAAC,MAAM,CACnB,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,CAAC,EACpD,CAAC,CACF;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAgB;IAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACzD,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;CAC5D,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAC,aAAa,YAC1D,MAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,aAElD,KAAC,aAAa,IAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,eAAe,GAAG,EAC9D,KAAC,KAAK,IACJ,OAAO,EAAC,KAAK,EACb,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACtB,MAAM,EAAC,kCAAkC,GACzC,EACF,KAAC,KAAK,IACJ,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACtB,MAAM,EAAC,kCAAkC,GACzC,EACF,KAAC,YAAY,IAAC,OAAO,EAAE,KAAC,mBAAmB,KAAG,GAAI,EAClD,KAAC,WAAW,IAAC,OAAO,EAAE,KAAC,kBAAkB,KAAG,GAAI,EAChD,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,oBAAoB,EAC3B,GAAG,EAAE,KAAK,EACV,WAAW,EAAE,CAAC,EACd,iBAAiB,EAAE,KAAK,GACxB,EACF,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,qBAAqB,EAC5B,GAAG,EAAE,KAAK,EACV,WAAW,EAAE,CAAC,EACd,iBAAiB,EAAE,KAAK,GACxB,IACQ,GACG,CAClB,CAAC;AACJ,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export interface Agent {
|
|
2
|
-
elementId: string;
|
|
3
|
-
label: string;
|
|
4
|
-
runs: number;
|
|
5
|
-
inTokensMean: number;
|
|
6
|
-
outTokensMean: number;
|
|
7
|
-
inCostUsd: number;
|
|
8
|
-
outCostUsd: number;
|
|
9
|
-
valueCreatedUsd: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const definition: {
|
|
12
|
-
name: string;
|
|
13
|
-
bpmnProcessId: string;
|
|
14
|
-
version: number;
|
|
15
|
-
versions: number[];
|
|
16
|
-
};
|
|
17
|
-
export declare const agents: Agent[];
|
|
18
|
-
export declare const totalLlmSpend: number;
|
|
19
|
-
export declare const totalTokens: number;
|
|
20
|
-
export declare const totalRuns: number;
|
|
21
|
-
export interface TrendPoint {
|
|
22
|
-
idx: number;
|
|
23
|
-
[series: string]: number;
|
|
24
|
-
}
|
|
25
|
-
export declare const trend: TrendPoint[];
|
|
26
|
-
export interface InstanceRow {
|
|
27
|
-
key: string;
|
|
28
|
-
version: number;
|
|
29
|
-
state: "ACTIVE" | "COMPLETED";
|
|
30
|
-
costUsd: number;
|
|
31
|
-
started: string;
|
|
32
|
-
}
|
|
33
|
-
export declare const instances: InstanceRow[];
|
|
34
|
-
//# sourceMappingURL=mock-data.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/mock-data.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,KAAK;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB;AACD,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,KAAK,EAyCzB,CAAC;AAEF,eAAO,MAAM,aAAa,QAEd,CAAC;AACb,eAAO,MAAM,WAAW,QAEvB,CAAC;AACF,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AACD,eAAO,MAAM,KAAK,EAAE,UAAU,EAS5B,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,SAAS,EAAE,WAAW,EAyDlC,CAAC"}
|