@camunda/design-system 0.36.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.
Files changed (123) hide show
  1. package/dist/src/components/ui/app-header.d.ts +6 -2
  2. package/dist/src/components/ui/app-header.d.ts.map +1 -1
  3. package/dist/src/components/ui/app-header.js +1 -1
  4. package/dist/src/components/ui/app-header.js.map +1 -1
  5. package/dist/src/components/ui/app-sidebar.d.ts +44 -12
  6. package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
  7. package/dist/src/components/ui/app-sidebar.js +42 -15
  8. package/dist/src/components/ui/app-sidebar.js.map +1 -1
  9. package/dist/src/components/ui/avatar.d.ts +7 -0
  10. package/dist/src/components/ui/avatar.d.ts.map +1 -1
  11. package/dist/src/components/ui/avatar.js +1 -1
  12. package/dist/src/components/ui/avatar.js.map +1 -1
  13. package/dist/src/components/ui/bar-chart.d.ts.map +1 -1
  14. package/dist/src/components/ui/bar-chart.js +29 -4
  15. package/dist/src/components/ui/bar-chart.js.map +1 -1
  16. package/dist/src/components/ui/chart.d.ts +8 -1
  17. package/dist/src/components/ui/chart.d.ts.map +1 -1
  18. package/dist/src/components/ui/chart.js +11 -2
  19. package/dist/src/components/ui/chart.js.map +1 -1
  20. package/dist/src/components/ui/data-table.d.ts +6 -0
  21. package/dist/src/components/ui/data-table.d.ts.map +1 -1
  22. package/dist/src/components/ui/data-table.js +6 -5
  23. package/dist/src/components/ui/data-table.js.map +1 -1
  24. package/dist/src/components/ui/line-chart.d.ts.map +1 -1
  25. package/dist/src/components/ui/line-chart.js +12 -2
  26. package/dist/src/components/ui/line-chart.js.map +1 -1
  27. package/dist/src/components/ui/nav-breadcrumb.d.ts +120 -2
  28. package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
  29. package/dist/src/components/ui/nav-breadcrumb.js +54 -7
  30. package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
  31. package/dist/src/components/ui/nav-data.d.ts +46 -0
  32. package/dist/src/components/ui/nav-data.d.ts.map +1 -0
  33. package/dist/src/components/ui/nav-data.js +66 -0
  34. package/dist/src/components/ui/nav-data.js.map +1 -0
  35. package/dist/src/components/ui/nav-icon.assignability.d.ts +30 -0
  36. package/dist/src/components/ui/nav-icon.assignability.d.ts.map +1 -0
  37. package/dist/src/components/ui/nav-icon.assignability.js +28 -0
  38. package/dist/src/components/ui/nav-icon.assignability.js.map +1 -0
  39. package/dist/src/components/ui/nav-icon.d.ts +33 -0
  40. package/dist/src/components/ui/nav-icon.d.ts.map +1 -0
  41. package/dist/src/components/ui/nav-icon.js +20 -0
  42. package/dist/src/components/ui/nav-icon.js.map +1 -0
  43. package/dist/src/components/ui/notifications.d.ts +72 -0
  44. package/dist/src/components/ui/notifications.d.ts.map +1 -0
  45. package/dist/src/components/ui/notifications.js +53 -0
  46. package/dist/src/components/ui/notifications.js.map +1 -0
  47. package/dist/src/components/ui/scorecard.d.ts.map +1 -1
  48. package/dist/src/components/ui/scorecard.js +9 -3
  49. package/dist/src/components/ui/scorecard.js.map +1 -1
  50. package/dist/src/components/ui/sheet.d.ts +1 -1
  51. package/dist/src/components/ui/sparkline.d.ts.map +1 -1
  52. package/dist/src/components/ui/sparkline.js +11 -1
  53. package/dist/src/components/ui/sparkline.js.map +1 -1
  54. package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts +3 -0
  55. package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map +1 -0
  56. package/dist/src/examples/agent-control-plane-processes/DashboardPage.js +114 -0
  57. package/dist/src/examples/agent-control-plane-processes/DashboardPage.js.map +1 -0
  58. package/dist/src/examples/agent-control-plane-processes/derive.d.ts +65 -0
  59. package/dist/src/examples/agent-control-plane-processes/derive.d.ts.map +1 -0
  60. package/dist/src/examples/agent-control-plane-processes/derive.js +234 -0
  61. package/dist/src/examples/agent-control-plane-processes/derive.js.map +1 -0
  62. package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts +37 -0
  63. package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts.map +1 -0
  64. package/dist/src/examples/agent-control-plane-processes/mock-data.js +206 -0
  65. package/dist/src/examples/agent-control-plane-processes/mock-data.js.map +1 -0
  66. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts +37 -0
  67. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts.map +1 -0
  68. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js +53 -0
  69. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js.map +1 -0
  70. package/dist/src/examples/shared/DashboardSection.d.ts +9 -0
  71. package/dist/src/examples/shared/DashboardSection.d.ts.map +1 -0
  72. package/dist/src/examples/shared/DashboardSection.js +5 -0
  73. package/dist/src/examples/shared/DashboardSection.js.map +1 -0
  74. package/dist/src/examples/shared/DateRangePopover.d.ts +3 -0
  75. package/dist/src/examples/shared/DateRangePopover.d.ts.map +1 -0
  76. package/dist/src/examples/shared/DateRangePopover.js +35 -0
  77. package/dist/src/examples/shared/DateRangePopover.js.map +1 -0
  78. package/dist/src/examples/shared/agent-control-plane-nav.d.ts +4 -0
  79. package/dist/src/examples/shared/agent-control-plane-nav.d.ts.map +1 -0
  80. package/dist/src/examples/shared/agent-control-plane-nav.js +25 -0
  81. package/dist/src/examples/shared/agent-control-plane-nav.js.map +1 -0
  82. package/dist/src/examples/shared/date-range-utils.d.ts +10 -0
  83. package/dist/src/examples/shared/date-range-utils.d.ts.map +1 -0
  84. package/dist/src/examples/shared/date-range-utils.js +75 -0
  85. package/dist/src/examples/shared/date-range-utils.js.map +1 -0
  86. package/dist/src/icons/camunda-app-icons.d.ts +19 -0
  87. package/dist/src/icons/camunda-app-icons.d.ts.map +1 -0
  88. package/dist/src/icons/camunda-app-icons.js +26 -0
  89. package/dist/src/icons/camunda-app-icons.js.map +1 -0
  90. package/dist/src/icons/index.d.ts +1 -0
  91. package/dist/src/icons/index.d.ts.map +1 -1
  92. package/dist/src/icons/index.js +1 -0
  93. package/dist/src/icons/index.js.map +1 -1
  94. package/dist/src/index.d.ts +6 -3
  95. package/dist/src/index.d.ts.map +1 -1
  96. package/dist/src/index.js +4 -2
  97. package/dist/src/index.js.map +1 -1
  98. package/dist/styles.css +52 -5
  99. package/package.json +1 -1
  100. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +0 -2
  101. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +0 -1
  102. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +0 -21
  103. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +0 -1
  104. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +0 -2
  105. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +0 -1
  106. package/dist/src/examples/cost-dashboard/CostDashboardPage.js +0 -56
  107. package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +0 -1
  108. package/dist/src/examples/cost-dashboard/TrendChart.d.ts +0 -2
  109. package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +0 -1
  110. package/dist/src/examples/cost-dashboard/TrendChart.js +0 -19
  111. package/dist/src/examples/cost-dashboard/TrendChart.js.map +0 -1
  112. package/dist/src/examples/cost-dashboard/mock-data.d.ts +0 -34
  113. package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +0 -1
  114. package/dist/src/examples/cost-dashboard/mock-data.js +0 -120
  115. package/dist/src/examples/cost-dashboard/mock-data.js.map +0 -1
  116. package/dist/src/examples/projects-list/ProjectsListPage.d.ts +0 -4
  117. package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +0 -1
  118. package/dist/src/examples/projects-list/ProjectsListPage.js +0 -58
  119. package/dist/src/examples/projects-list/ProjectsListPage.js.map +0 -1
  120. package/dist/src/examples/projects-list/mock-data.d.ts +0 -10
  121. package/dist/src/examples/projects-list/mock-data.d.ts.map +0 -1
  122. package/dist/src/examples/projects-list/mock-data.js +0 -83
  123. package/dist/src/examples/projects-list/mock-data.js.map +0 -1
@@ -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,2 +0,0 @@
1
- export declare function TrendChart(): import("react").JSX.Element;
2
- //# sourceMappingURL=TrendChart.d.ts.map
@@ -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"}
@@ -1,120 +0,0 @@
1
- export const definition = {
2
- name: "OrderFulfillment",
3
- bpmnProcessId: "order-fulfillment",
4
- version: 3,
5
- versions: [3, 2, 1],
6
- };
7
- export const agents = [
8
- {
9
- elementId: "ValidateOrder",
10
- label: "Validate order",
11
- runs: 156,
12
- inTokensMean: 1200,
13
- outTokensMean: 420,
14
- inCostUsd: 28.1,
15
- outCostUsd: 19.7,
16
- valueCreatedUsd: 210,
17
- },
18
- {
19
- elementId: "AssessRisk",
20
- label: "Assess risk",
21
- runs: 156,
22
- inTokensMean: 1850,
23
- outTokensMean: 610,
24
- inCostUsd: 43.3,
25
- outCostUsd: 28.6,
26
- valueCreatedUsd: 320,
27
- },
28
- {
29
- elementId: "ResolveAddress",
30
- label: "Resolve address",
31
- runs: 142,
32
- inTokensMean: 640,
33
- outTokensMean: 180,
34
- inCostUsd: 13.6,
35
- outCostUsd: 7.7,
36
- valueCreatedUsd: 95,
37
- },
38
- {
39
- elementId: "DraftReply",
40
- label: "Draft customer reply",
41
- runs: 138,
42
- inTokensMean: 2100,
43
- outTokensMean: 880,
44
- inCostUsd: 47.5,
45
- outCostUsd: 39.9,
46
- valueCreatedUsd: 410,
47
- },
48
- ];
49
- const sum = (ns) => ns.reduce((a, b) => a + b, 0);
50
- export const totalLlmSpend = +sum(agents.map((a) => a.inCostUsd + a.outCostUsd)).toFixed(2);
51
- export const totalTokens = sum(agents.map((a) => (a.inTokensMean + a.outTokensMean) * a.runs));
52
- export const totalRuns = sum(agents.map((a) => a.runs));
53
- export const trend = Array.from({ length: 12 }, (_, i) => {
54
- const wobble = (base, k) => Math.round(base * (1 + 0.12 * Math.sin((i + k) * 1.1)));
55
- const p = { idx: i + 1 };
56
- agents.forEach((a, k) => {
57
- p[`${a.elementId}_in`] = wobble(a.inTokensMean, k);
58
- p[`${a.elementId}_out`] = wobble(a.outTokensMean, k + 3);
59
- });
60
- return p;
61
- });
62
- export const instances = [
63
- {
64
- key: "2251799813700012",
65
- version: 3,
66
- state: "COMPLETED",
67
- costUsd: 1.42,
68
- started: "Jun 14, 2026 · 09:12",
69
- },
70
- {
71
- key: "2251799813700018",
72
- version: 3,
73
- state: "COMPLETED",
74
- costUsd: 1.05,
75
- started: "Jun 14, 2026 · 09:31",
76
- },
77
- {
78
- key: "2251799813700024",
79
- version: 3,
80
- state: "ACTIVE",
81
- costUsd: 0.62,
82
- started: "Jun 14, 2026 · 09:48",
83
- },
84
- {
85
- key: "2251799813700031",
86
- version: 2,
87
- state: "COMPLETED",
88
- costUsd: 1.88,
89
- started: "Jun 14, 2026 · 10:02",
90
- },
91
- {
92
- key: "2251799813700037",
93
- version: 3,
94
- state: "COMPLETED",
95
- costUsd: 0.97,
96
- started: "Jun 14, 2026 · 10:25",
97
- },
98
- {
99
- key: "2251799813700044",
100
- version: 3,
101
- state: "ACTIVE",
102
- costUsd: 0.41,
103
- started: "Jun 14, 2026 · 10:51",
104
- },
105
- {
106
- key: "2251799813700050",
107
- version: 2,
108
- state: "COMPLETED",
109
- costUsd: 1.33,
110
- started: "Jun 14, 2026 · 11:09",
111
- },
112
- {
113
- key: "2251799813700057",
114
- version: 3,
115
- state: "COMPLETED",
116
- costUsd: 1.16,
117
- started: "Jun 14, 2026 · 11:42",
118
- },
119
- ];
120
- //# sourceMappingURL=mock-data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/mock-data.ts"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- export declare function ProjectsListPage({ empty }: {
2
- empty?: boolean;
3
- }): import("react").JSX.Element;
4
- //# sourceMappingURL=ProjectsListPage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectsListPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,gBAAgB,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAsFtE"}
@@ -1,58 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { Copy, FolderInput, FolderKanban, Pencil, Plus, Rocket, Search, Trash2, } from "lucide-react";
4
- import { Button, Card, CardContent, DataTable, EmptyState, Input, PageLayout, PageHeader, } from "../../index.js";
5
- import { AppShell } from "../shared/AppShell.js";
6
- import { consoleNav, consoleBreadcrumb } from "../shared/console-nav.js";
7
- import { projects } from "./mock-data.js";
8
- const columns = [
9
- {
10
- accessorKey: "name",
11
- header: "Name",
12
- cell: ({ row }) => (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(FolderKanban, { className: "size-4 text-neutral-foreground-subtle" }), row.original.name] })),
13
- },
14
- { accessorKey: "fileCount", header: "Files" },
15
- { accessorKey: "lastModified", header: "Last modified" },
16
- { accessorKey: "createdBy", header: "Created by" },
17
- ];
18
- // TODO: Replace with API calls to the relevant /v2/workspaces/{workspaceId}/projects endpoints
19
- const batchActions = [
20
- { id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
21
- { id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
22
- {
23
- id: "delete",
24
- label: "Delete",
25
- variant: "destructive",
26
- icon: _jsx(Trash2, {}),
27
- onClick: () => { },
28
- },
29
- ];
30
- const rowActions = [
31
- { id: "rename", label: "Rename", icon: _jsx(Pencil, {}), onClick: () => { } },
32
- { id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
33
- { id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
34
- {
35
- id: "delete",
36
- label: "Delete",
37
- variant: "destructive",
38
- separatorBefore: true,
39
- icon: _jsx(Trash2, {}),
40
- onClick: () => { },
41
- },
42
- ];
43
- export function ProjectsListPage({ empty = false }) {
44
- const [query, setQuery] = useState("");
45
- const data = empty
46
- ? []
47
- : projects.filter((project) => project.name.toLowerCase().includes(query.toLowerCase()));
48
- const emptyState = (_jsx(Card, { className: "mx-auto max-w-md border-dashed", children: _jsx(CardContent, { className: "py-10", children: _jsx(EmptyState, { icon: _jsx(Rocket, { "aria-hidden": "true" }), heading: "No projects yet", description: "Projects organize your BPMN diagrams, DMN decisions, and forms. Create your first one to get started.", action:
49
- // TODO: Replace with API call to POST /v2/workspaces/{workspaceId}/projects
50
- _jsxs(Button, { type: "button", onClick: () => { }, children: [_jsx(Plus, { "aria-hidden": "true", "data-icon": "inline-start" }), "New project"] }) }) }) }));
51
- return (_jsx(AppShell, { sidebarLabel: "Workspace navigation", items: consoleNav, breadcrumb: consoleBreadcrumb, children: _jsxs(PageLayout, { tabIndex: -1, width: "constrained", children: [_jsx(PageHeader, { title: "Projects", description: !empty ? `${projects.length} projects` : undefined }), _jsx("div", { className: "mt-6", children: empty ? (
52
- // Render the empty state directly in the page — not inside the
53
- // DataTable's empty cell, which would constrain it.
54
- _jsx("div", { className: "mt-12", children: emptyState })) : (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full min-w-48 max-w-sm", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-neutral-foreground-subtle" }), _jsx(Input, { type: "search", role: "searchbox", placeholder: "Search projects", "aria-label": "Search projects", className: "pl-9", value: query, onChange: (event) => setQuery(event.target.value) })] }), _jsxs(Button, { type: "button", className: "shrink-0", onClick: () => { }, children: [_jsx(Plus, {}), "New project"] })] }), _jsx(DataTable, { columns: columns, data: data, sorting: true, pagination: { pageSizes: [10, 25] }, rowActions: rowActions, batchActions: batchActions, getRowId: (row) => row.id,
55
- // TODO: navigate to project detail
56
- onRowClick: () => { } })] })) })] }) }));
57
- }
58
- //# sourceMappingURL=ProjectsListPage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectsListPage.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- export interface Project {
2
- id: string;
3
- name: string;
4
- fileCount: number;
5
- lastModified: string;
6
- lastModifiedIso: string;
7
- createdBy: string;
8
- }
9
- export declare const projects: Project[];
10
- //# sourceMappingURL=mock-data.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,QAAQ,EAAE,OAAO,EAiF7B,CAAC"}
@@ -1,83 +0,0 @@
1
- export const projects = [
2
- {
3
- id: "project-9",
4
- name: "Payment Processing",
5
- fileCount: 14,
6
- lastModified: "2 days ago",
7
- lastModifiedIso: "2026-06-14",
8
- createdBy: "Anita Schmidt",
9
- },
10
- {
11
- id: "project-3",
12
- name: "Invoice Management",
13
- fileCount: 8,
14
- lastModified: "5 days ago",
15
- lastModifiedIso: "2026-06-11",
16
- createdBy: "Jonas Weber",
17
- },
18
- {
19
- id: "project-7",
20
- name: "Refund System",
21
- fileCount: 6,
22
- lastModified: "1 week ago",
23
- lastModifiedIso: "2026-06-09",
24
- createdBy: "Anita Schmidt",
25
- },
26
- {
27
- id: "project-12",
28
- name: "Customer Onboarding",
29
- fileCount: 21,
30
- lastModified: "1 week ago",
31
- lastModifiedIso: "2026-06-08",
32
- createdBy: "Priya Nair",
33
- },
34
- {
35
- id: "project-5",
36
- name: "Loan Approval",
37
- fileCount: 11,
38
- lastModified: "2 weeks ago",
39
- lastModifiedIso: "2026-06-02",
40
- createdBy: "Marco Rossi",
41
- },
42
- {
43
- id: "project-15",
44
- name: "Fraud Detection",
45
- fileCount: 9,
46
- lastModified: "3 weeks ago",
47
- lastModifiedIso: "2026-05-26",
48
- createdBy: "Priya Nair",
49
- },
50
- {
51
- id: "project-2",
52
- name: "Claims Intake",
53
- fileCount: 7,
54
- lastModified: "3 weeks ago",
55
- lastModifiedIso: "2026-05-25",
56
- createdBy: "Jonas Weber",
57
- },
58
- {
59
- id: "project-18",
60
- name: "KYC Verification",
61
- fileCount: 13,
62
- lastModified: "last month",
63
- lastModifiedIso: "2026-05-12",
64
- createdBy: "Anita Schmidt",
65
- },
66
- {
67
- id: "project-21",
68
- name: "Dunning Workflow",
69
- fileCount: 5,
70
- lastModified: "last month",
71
- lastModifiedIso: "2026-05-08",
72
- createdBy: "Marco Rossi",
73
- },
74
- {
75
- id: "project-24",
76
- name: "Payout Reconciliation",
77
- fileCount: 10,
78
- lastModified: "2 months ago",
79
- lastModifiedIso: "2026-04-19",
80
- createdBy: "Priya Nair",
81
- },
82
- ];
83
- //# sourceMappingURL=mock-data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,QAAQ,GAAc;IACjC;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;CACF,CAAC"}