agentic-ui-libs 0.0.1-alpha.1
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/README.md +113 -0
- package/dist/assets/style.css +1 -0
- package/dist/components/AgentListView.d.ts +9 -0
- package/dist/components/AgentListView.d.ts.map +1 -0
- package/dist/components/AnalyticsChart.d.ts +10 -0
- package/dist/components/AnalyticsChart.d.ts.map +1 -0
- package/dist/components/AnalyticsTable.d.ts +9 -0
- package/dist/components/AnalyticsTable.d.ts.map +1 -0
- package/dist/components/Dashboard.d.ts +14 -0
- package/dist/components/Dashboard.d.ts.map +1 -0
- package/dist/components/DashboardSection.d.ts +12 -0
- package/dist/components/DashboardSection.d.ts.map +1 -0
- package/dist/components/MetricCard.d.ts +10 -0
- package/dist/components/MetricCard.d.ts.map +1 -0
- package/dist/components/ModelListView.d.ts +9 -0
- package/dist/components/ModelListView.d.ts.map +1 -0
- package/dist/components/SectionControls.d.ts +9 -0
- package/dist/components/SectionControls.d.ts.map +1 -0
- package/dist/components/ToolListView.d.ts +9 -0
- package/dist/components/ToolListView.d.ts.map +1 -0
- package/dist/components/ViewRenderer.d.ts +14 -0
- package/dist/components/ViewRenderer.d.ts.map +1 -0
- package/dist/components/ui/Button.d.ts +10 -0
- package/dist/components/ui/Button.d.ts.map +1 -0
- package/dist/components/ui/Card.d.ts +19 -0
- package/dist/components/ui/Card.d.ts.map +1 -0
- package/dist/components/ui/MultiSelect.d.ts +15 -0
- package/dist/components/ui/MultiSelect.d.ts.map +1 -0
- package/dist/components/ui/Portal.d.ts +6 -0
- package/dist/components/ui/Portal.d.ts.map +1 -0
- package/dist/components/ui/Select.d.ts +13 -0
- package/dist/components/ui/Select.d.ts.map +1 -0
- package/dist/components/ui/Skeleton.d.ts +16 -0
- package/dist/components/ui/Skeleton.d.ts.map +1 -0
- package/dist/components/ui/daterangepicker.d.ts +12 -0
- package/dist/components/ui/daterangepicker.d.ts.map +1 -0
- package/dist/data/apiDashboardConfig.d.ts +5 -0
- package/dist/data/apiDashboardConfig.d.ts.map +1 -0
- package/dist/data/apisampleData.d.ts +48 -0
- package/dist/data/apisampleData.d.ts.map +1 -0
- package/dist/data/colorPalettes.d.ts +10 -0
- package/dist/data/colorPalettes.d.ts.map +1 -0
- package/dist/data/enhancedSampleData.d.ts +21 -0
- package/dist/data/enhancedSampleData.d.ts.map +1 -0
- package/dist/data/sampleData.d.ts +6 -0
- package/dist/data/sampleData.d.ts.map +1 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +26945 -0
- package/dist/lib/api-invoker.service.d.ts +29 -0
- package/dist/lib/api-invoker.service.d.ts.map +1 -0
- package/dist/lib/dashboard-api.service.d.ts +109 -0
- package/dist/lib/dashboard-api.service.d.ts.map +1 -0
- package/dist/lib/endpoints.config.d.ts +21 -0
- package/dist/lib/endpoints.config.d.ts.map +1 -0
- package/dist/lib/utils.d.ts +7 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/types/index.d.ts +459 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/ui-libs.umd.js +259 -0
- package/package.json +69 -0
package/README.md
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
# Agentic Analytics Dashboard
|
|
2
|
+
|
|
3
|
+
A modular, config-driven analytics library for React and Angular applications with built-in Tailwind CSS styling.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install agentic-ui-libs
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Quick Start
|
|
12
|
+
|
|
13
|
+
### For Angular Applications
|
|
14
|
+
|
|
15
|
+
1. **Install the package:**
|
|
16
|
+
```bash
|
|
17
|
+
npm install agentic-ui-libs
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
2. **Import the CSS in your global styles:**
|
|
21
|
+
|
|
22
|
+
In your `angular.json`, add to the styles array:
|
|
23
|
+
```json
|
|
24
|
+
"styles": [
|
|
25
|
+
"node_modules/agentic-ui-libs/dist/assets/style.css",
|
|
26
|
+
"src/styles.css"
|
|
27
|
+
]
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Or in your global `styles.css`:
|
|
31
|
+
```css
|
|
32
|
+
@import 'agentic-ui-libs/styles.css';
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
3. **Use the Angular wrapper component:**
|
|
36
|
+
```typescript
|
|
37
|
+
import { AnalyticsDashboardComponent } from './analytics-dashboard.component';
|
|
38
|
+
import { DashboardConfig } from 'agentic-ui-libs';
|
|
39
|
+
|
|
40
|
+
@Component({
|
|
41
|
+
selector: 'app-my-dashboard',
|
|
42
|
+
template: `
|
|
43
|
+
<app-analytics-dashboard
|
|
44
|
+
[config]="dashboardConfig"
|
|
45
|
+
[onExport]="handleExport">
|
|
46
|
+
</app-analytics-dashboard>
|
|
47
|
+
`,
|
|
48
|
+
imports: [AnalyticsDashboardComponent]
|
|
49
|
+
})
|
|
50
|
+
export class MyDashboardComponent {
|
|
51
|
+
dashboardConfig: DashboardConfig = {
|
|
52
|
+
// Your configuration here
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### For React Applications
|
|
58
|
+
|
|
59
|
+
```tsx
|
|
60
|
+
import { Dashboard, DashboardConfig } from 'agentic-ui-libs';
|
|
61
|
+
import 'agentic-ui-libs/styles.css';
|
|
62
|
+
|
|
63
|
+
const config: DashboardConfig = {
|
|
64
|
+
// Your configuration
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
function App() {
|
|
68
|
+
return <Dashboard config={config} />;
|
|
69
|
+
}
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
## Features
|
|
73
|
+
|
|
74
|
+
- 📊 **Rich Chart Components** - Built with Recharts
|
|
75
|
+
- 📋 **Data Tables** - Sortable, filterable tables
|
|
76
|
+
- 🎨 **Tailwind CSS** - Pre-styled with custom design system
|
|
77
|
+
- 📱 **Responsive Design** - Mobile-first approach
|
|
78
|
+
- 🔧 **Fully Configurable** - JSON-driven configuration
|
|
79
|
+
- 🎯 **TypeScript** - Full type safety
|
|
80
|
+
- ⚡ **Framework Agnostic** - Works with React, Angular, and more
|
|
81
|
+
|
|
82
|
+
## Available Components
|
|
83
|
+
|
|
84
|
+
- `Dashboard` - Main dashboard container
|
|
85
|
+
- `DashboardSection` - Individual dashboard sections
|
|
86
|
+
- `MetricCard` - Key performance indicator cards
|
|
87
|
+
- `AnalyticsChart` - Various chart types (line, bar, area, etc.)
|
|
88
|
+
- `AnalyticsTable` - Data tables with sorting and filtering
|
|
89
|
+
- `ViewRenderer` - Dynamic view switching
|
|
90
|
+
|
|
91
|
+
## Sample Configuration
|
|
92
|
+
|
|
93
|
+
```typescript
|
|
94
|
+
import { sampleDashboardConfig } from 'agentic-ui-libs';
|
|
95
|
+
|
|
96
|
+
// Use the sample config as a starting point
|
|
97
|
+
console.log(sampleDashboardConfig);
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
## Dependencies Included
|
|
101
|
+
|
|
102
|
+
This library includes all necessary dependencies:
|
|
103
|
+
- React & React DOM
|
|
104
|
+
- Recharts (charting)
|
|
105
|
+
- Lucide React (icons)
|
|
106
|
+
- Tailwind CSS (styling)
|
|
107
|
+
- Date-fns (date utilities)
|
|
108
|
+
|
|
109
|
+
No additional peer dependencies required!
|
|
110
|
+
|
|
111
|
+
## License
|
|
112
|
+
|
|
113
|
+
MIT
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 1px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(41 112 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 1px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(41 112 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--colors-background-bg-quaternary, #EAECF0)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--colors-foreground-fg-disabled, #98A2B3)}input::placeholder,textarea::placeholder{opacity:1;color:var(--colors-foreground-fg-disabled, #98A2B3)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}*{border-color:var(--colors-border-border-secondary, #EAECF0)}body{background-color:var(--colors-background-bg-primary, #FFFFFF);color:var(--colors-text-text-primary-900, #101828)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[99998\]{z-index:99998}.z-\[99999\]{z-index:99999}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-12{margin-left:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.h-0{height:0px}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10\.5px\]{height:10.5px}.h-\[300px\]{height:300px}.h-full{height:100%}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[160px\]{width:160px}.w-\[253px\]{width:253px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[200px\]{min-width:200px}.max-w-\[352px\]{max-width:352px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){border-color:var(--colors-background-bg-tertiary, #F2F4F7)}.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--colors-background-bg-quaternary, #EAECF0)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-\[\#84adff\]{--tw-border-opacity: 1;border-color:rgb(132 173 255 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(178 204 255 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(41 112 255 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(21 94 239 / var(--tw-border-opacity, 1))}.border-gray-100{border-color:var(--colors-background-bg-tertiary, #F2F4F7)}.border-gray-200{border-color:var(--colors-background-bg-quaternary, #EAECF0)}.border-gray-300{border-color:var(--colors-border-border-primary, #D0D5DD)}.border-gray-700{border-color:var(--colors-foreground-fg-secondary-700, #344054)}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-input{border-color:var(--colors-border-border-primary, #D0D5DD)}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-t-gray-900{border-top-color:var(--colors-text-text-primary-900, #101828)}.bg-background{background-color:var(--colors-background-bg-primary, #FFFFFF)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(209 224 255 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 244 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(41 112 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(21 94 239 / var(--tw-bg-opacity, 1))}.bg-card{background-color:var(--colors-background-bg-primary, #FFFFFF)}.bg-gray-100{background-color:var(--colors-background-bg-tertiary, #F2F4F7)}.bg-gray-200{background-color:var(--colors-background-bg-quaternary, #EAECF0)}.bg-gray-50{background-color:var(--colors-background-bg-active, #F9FAFB)}.bg-gray-500{background-color:var(--colors-foreground-fg-quarterary-500, #667085)}.bg-gray-900{background-color:var(--colors-text-text-primary-900, #101828)}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:var(--colors-primary-primary-500, #2970FF)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-10{--tw-bg-opacity: .1}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity: 1;color:rgb(21 94 239 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(0 78 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(0 64 193 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(0 53 158 / var(--tw-text-opacity, 1))}.text-card-foreground{color:var(--colors-text-text-primary-900, #101828)}.text-gray-300{color:var(--colors-border-border-primary, #D0D5DD)}.text-gray-400{color:var(--colors-foreground-fg-disabled, #98A2B3)}.text-gray-500{color:var(--colors-foreground-fg-quarterary-500, #667085)}.text-gray-600{color:var(--component-colors-utility-gray-utility-gray-600, #475467)}.text-gray-700{color:var(--colors-foreground-fg-secondary-700, #344054)}.text-gray-800{color:var(--component-colors-utility-gray-utility-gray-800, #182230)}.text-gray-900{color:var(--colors-text-text-primary-900, #101828)}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:var(--colors-text-text-secondary-900, #101828)}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-primary-foreground{color:var(--colors-primary-primary-foreground-white, #FFFFFF)}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_1px_4px_0px_rgba\(16\,24\,40\,0\.08\)\,0px_1px_2px_0px_rgba\(16\,24\,40\,0\.08\)\,0px_0px_0px_4px_rgba\(41\,112\,255\,0\.24\)\]{--tw-shadow: 0px 1px 4px 0px rgba(16,24,40,.08),0px 1px 2px 0px rgba(16,24,40,.08),0px 0px 0px 4px rgba(41,112,255,.24);--tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .04);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-accent:hover{background-color:var(--colors-background-bg-secondary, #F9FAFB)}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(21 94 239 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(0 78 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{background-color:var(--colors-background-bg-tertiary, #F2F4F7)}.hover\:bg-gray-50:hover{background-color:var(--colors-background-bg-active, #F9FAFB)}.hover\:text-accent-foreground:hover{color:var(--colors-text-text-secondary-900, #101828)}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(0 64 193 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{color:var(--colors-text-text-primary-900, #101828)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(41 112 255 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(41 112 255 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--colors-border-border-brand, #84ADFF)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:\!opacity-100{opacity:1!important}@media (min-width: 640px){.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:max-w-md{max-width:28rem}}@media (min-width: 1024px){.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:max-w-lg{max-width:32rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DataPoint } from '@/types';
|
|
3
|
+
interface AgentListViewProps {
|
|
4
|
+
data: DataPoint[];
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const AgentListView: React.FC<AgentListViewProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=AgentListView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentListView.d.ts","sourceRoot":"","sources":["../../src/components/AgentListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChartConfig } from '@/types';
|
|
3
|
+
interface AnalyticsChartProps {
|
|
4
|
+
config: ChartConfig;
|
|
5
|
+
className?: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const AnalyticsChart: React.FC<AnalyticsChartProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=AnalyticsChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalyticsChart.d.ts","sourceRoot":"","sources":["../../src/components/AnalyticsChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAC;AAGvD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoFD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqSxD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableConfig } from '@/types';
|
|
3
|
+
interface AnalyticsTableProps {
|
|
4
|
+
config: TableConfig;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const AnalyticsTable: React.FC<AnalyticsTableProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=AnalyticsTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalyticsTable.d.ts","sourceRoot":"","sources":["../../src/components/AnalyticsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAgC,MAAM,SAAS,CAAC;AAGpE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4PxD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DashboardConfig, DashboardEventHandlers, AppConfig, DateRange } from '@/types';
|
|
3
|
+
interface DashboardProps {
|
|
4
|
+
config: DashboardConfig;
|
|
5
|
+
appConfig?: AppConfig;
|
|
6
|
+
className?: string;
|
|
7
|
+
eventHandlers?: DashboardEventHandlers;
|
|
8
|
+
onExport?: () => void;
|
|
9
|
+
onDraftChange?: (value: string) => void;
|
|
10
|
+
onTimeRangeChange?: (value: string | DateRange) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Dashboard: React.FC<DashboardProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=Dashboard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/components/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,SAAS,EAAwD,SAAS,EAAe,MAAM,SAAS,CAAC;AAG3J,UAAU,cAAc;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAEvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsc9C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DashboardSection as DashboardSectionType, MetricData } from '@/types';
|
|
3
|
+
interface DashboardSectionProps {
|
|
4
|
+
section: DashboardSectionType;
|
|
5
|
+
className?: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
isChartLoading?: boolean;
|
|
8
|
+
onMetricClick?: (metric: MetricData) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const DashboardSection: React.FC<DashboardSectionProps>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=DashboardSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../src/components/DashboardSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,gBAAgB,IAAI,oBAAoB,EAAY,UAAU,EAAe,MAAM,SAAS,CAAC;AAMtG,UAAU,qBAAqB;IAC7B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgrB5D,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MetricData } from '@/types';
|
|
3
|
+
interface MetricCardProps {
|
|
4
|
+
data: MetricData;
|
|
5
|
+
className?: string;
|
|
6
|
+
onClick?: (metric: MetricData) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const MetricCard: React.FC<MetricCardProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=MetricCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../src/components/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,eAAe;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsFhD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DataPoint } from '@/types';
|
|
3
|
+
interface ModelListViewProps {
|
|
4
|
+
data: DataPoint[];
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const ModelListView: React.FC<ModelListViewProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=ModelListView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModelListView.d.ts","sourceRoot":"","sources":["../../src/components/ModelListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6EtD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControlsConfig } from '@/types';
|
|
3
|
+
interface SectionControlsProps {
|
|
4
|
+
config: ControlsConfig;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const SectionControls: React.FC<SectionControlsProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=SectionControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionControls.d.ts","sourceRoot":"","sources":["../../src/components/SectionControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAMzC,UAAU,oBAAoB;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+F1D,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DataPoint } from '@/types';
|
|
3
|
+
interface ToolListViewProps {
|
|
4
|
+
data: DataPoint[];
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const ToolListView: React.FC<ToolListViewProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=ToolListView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolListView.d.ts","sourceRoot":"","sources":["../../src/components/ToolListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewConfig } from '@/types';
|
|
3
|
+
interface ViewRendererProps {
|
|
4
|
+
config: ViewConfig;
|
|
5
|
+
className?: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
context?: {
|
|
8
|
+
sectionId?: string;
|
|
9
|
+
metricType?: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const ViewRenderer: React.FC<ViewRendererProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=ViewRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ViewRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ViewRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAOrC,UAAU,iBAAiB;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4FpD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentProps } from '@/types';
|
|
3
|
+
interface ButtonProps extends ComponentProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
variant?: 'default' | 'outline' | 'ghost';
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
}
|
|
8
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,WAAY,SAAQ,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,uFA0BlB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
14
|
+
interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,kFAahB,CAAC;AAIF,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,wFAUtB,CAAC;AAIF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,6FAUrB,CAAC;AAIF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,yFAMvB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropdownOption } from '@/types';
|
|
3
|
+
interface MultiSelectProps {
|
|
4
|
+
options: DropdownOption[];
|
|
5
|
+
value?: string | string[];
|
|
6
|
+
defaultValue?: string | string[];
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
multiSelect?: boolean;
|
|
9
|
+
searchable?: boolean;
|
|
10
|
+
onChange?: (value: string | string[]) => void;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=MultiSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,gBAAgB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0VlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Portal.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropdownOption } from '@/types';
|
|
3
|
+
interface SelectProps {
|
|
4
|
+
options: DropdownOption[];
|
|
5
|
+
value?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
onChange?: (value: string) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Select: React.FC<SelectProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,WAAW;IACnB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwFxC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SkeletonProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
width?: string | number;
|
|
5
|
+
height?: string | number;
|
|
6
|
+
rounded?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const Skeleton: React.FC<SkeletonProps>;
|
|
9
|
+
export declare const MetricCardSkeleton: React.FC<{
|
|
10
|
+
className?: string;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const ChartSkeleton: React.FC<{
|
|
13
|
+
className?: string;
|
|
14
|
+
}>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmB5C,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB/D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA0D1D,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface DateRange {
|
|
2
|
+
from?: Date;
|
|
3
|
+
to?: Date;
|
|
4
|
+
}
|
|
5
|
+
interface DateRangePickerProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onDateRangeChange?: (dateRange: DateRange | undefined) => void;
|
|
9
|
+
}
|
|
10
|
+
export default function TailwindDateRangePicker({ className, defaultValue, onDateRangeChange }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=daterangepicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"daterangepicker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/daterangepicker.tsx"],"names":[],"mappings":"AAiBA,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,EAAE,CAAC,EAAE,IAAI,CAAA;CACV;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/D;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,oBAAoB,2CAsenH"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { DashboardConfig, AppConfig } from '../types';
|
|
2
|
+
export declare const agenticAppConfig: AppConfig;
|
|
3
|
+
export declare const apiEnabledDashboardConfig: DashboardConfig;
|
|
4
|
+
export declare const angularIntegrationExample = "\n// In your Angular component (usage-analytics.component.ts)\nimport { Dashboard, apiEnabledDashboardConfig, agenticAppConfig } from '@agentic/ui-libs';\n\n@Component({\n selector: 'app-analytics-dashboard',\n template: '<div #dashboardContainer></div>',\n standalone: true\n})\nexport class AnalyticsDashboardComponent implements OnInit, AfterViewInit, OnDestroy {\n @ViewChild('dashboardContainer', { static: true }) \n dashboardContainer!: ElementRef;\n\n private root: Root | null = null;\n\n // Your actual app configuration\n private appConfig = {\n baseUrl: 'http://dev.kore.ai/',\n dashboardType: 'agenticDashboard' as const,\n projectId: 'aa-bdbfa4eb-c7c4-4350-be96-d778188c2c4b',\n environment: 'draft',\n headers: {\n 'authorization': 'Bearer YOUR_TOKEN',\n 'accountId': 'YOUR_ACCOUNT_ID',\n 'Content-Type': 'application/json'\n }\n };\n\n ngAfterViewInit(): void {\n this.renderReactComponent();\n }\n\n private renderReactComponent(): void {\n if (this.dashboardContainer) {\n const element = React.createElement(Dashboard, {\n config: apiEnabledDashboardConfig,\n appConfig: this.appConfig,\n onExport: () => console.log('Export clicked'),\n onDraftChange: (value: string) => {\n console.log('Environment changed:', value);\n // Update your appConfig.environment and re-render if needed\n },\n onTimeRangeChange: (value: string) => {\n console.log('Time range changed:', value);\n // Update date range and re-render if needed\n }\n });\n\n this.root = createRoot(this.dashboardContainer.nativeElement);\n this.root.render(element);\n }\n }\n\n ngOnDestroy(): void {\n if (this.root) {\n this.root.unmount();\n }\n }\n}\n";
|
|
5
|
+
//# sourceMappingURL=apiDashboardConfig.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apiDashboardConfig.d.ts","sourceRoot":"","sources":["../../src/data/apiDashboardConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGtD,eAAO,MAAM,gBAAgB,EAAE,SAe9B,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,eAmJvC,CAAC;AAGF,eAAO,MAAM,yBAAyB,qxDA2DrC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export declare const modelRunsSampleData: {
|
|
2
|
+
result: {
|
|
3
|
+
data: {
|
|
4
|
+
json: {
|
|
5
|
+
type: string;
|
|
6
|
+
category: string;
|
|
7
|
+
metric: string;
|
|
8
|
+
data: {
|
|
9
|
+
timestamp: string;
|
|
10
|
+
count: number;
|
|
11
|
+
listView: {
|
|
12
|
+
modelName: string;
|
|
13
|
+
provider: string;
|
|
14
|
+
count: number;
|
|
15
|
+
totalInputTokens: number;
|
|
16
|
+
totalOutputTokens: number;
|
|
17
|
+
totalTokens: number;
|
|
18
|
+
avgResponseTime: number;
|
|
19
|
+
}[];
|
|
20
|
+
}[];
|
|
21
|
+
groups: never[];
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const agentRunsSampleData: {
|
|
27
|
+
result: {
|
|
28
|
+
data: {
|
|
29
|
+
json: {
|
|
30
|
+
type: string;
|
|
31
|
+
category: string;
|
|
32
|
+
metric: string;
|
|
33
|
+
data: {
|
|
34
|
+
timestamp: string;
|
|
35
|
+
count: number;
|
|
36
|
+
listView: {
|
|
37
|
+
agentName: string;
|
|
38
|
+
count: number;
|
|
39
|
+
icon: string;
|
|
40
|
+
avgResponseTime: number;
|
|
41
|
+
}[];
|
|
42
|
+
}[];
|
|
43
|
+
groups: never[];
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=apisampleData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apisampleData.d.ts","sourceRoot":"","sources":["../../src/data/apisampleData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;CA2C/B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAyB/B,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ColorPalette, ChartLineConfig } from '@/types';
|
|
2
|
+
export declare const defaultPalette: ColorPalette;
|
|
3
|
+
export declare const darkPalette: ColorPalette;
|
|
4
|
+
export declare const lightPalette: ColorPalette;
|
|
5
|
+
export declare const businessPalette: ColorPalette;
|
|
6
|
+
export declare const getColorFromPalette: (palette: ColorPalette, index: number) => string;
|
|
7
|
+
export declare const getSemanticColor: (palette: ColorPalette, type: keyof ColorPalette["semantic"]) => string;
|
|
8
|
+
export declare const getGradientColors: (palette: ColorPalette, gradientName: string) => string[];
|
|
9
|
+
export declare const autoAssignColors: (lines: Omit<ChartLineConfig, "color">[], palette?: ColorPalette) => ChartLineConfig[];
|
|
10
|
+
//# sourceMappingURL=colorPalettes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorPalettes.d.ts","sourceRoot":"","sources":["../../src/data/colorPalettes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,cAAc,EAAE,YA4C5B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,YAmCzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAmC1B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,YAmC7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAAI,SAAS,YAAY,EAAE,OAAO,MAAM,KAAG,MAE1E,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,YAAY,EAAE,MAAM,MAAM,YAAY,CAAC,UAAU,CAAC,KAAG,MAE9F,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,EAAE,cAAc,MAAM,KAAG,MAAM,EAErF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EAAE,EAAE,UAAS,YAA6B,KAAG,eAAe,EAKjI,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { DashboardConfig } from '@/types';
|
|
2
|
+
export declare const enhancedDashboardConfig: DashboardConfig;
|
|
3
|
+
export declare const colorExamples: {
|
|
4
|
+
manualColors: {
|
|
5
|
+
line1: string;
|
|
6
|
+
line2: string;
|
|
7
|
+
line3: string;
|
|
8
|
+
line4: string;
|
|
9
|
+
};
|
|
10
|
+
paletteColors: string[];
|
|
11
|
+
semanticColors: {
|
|
12
|
+
success: string;
|
|
13
|
+
warning: string;
|
|
14
|
+
error: string;
|
|
15
|
+
info: string;
|
|
16
|
+
};
|
|
17
|
+
gradientColors: {
|
|
18
|
+
[key: string]: string[];
|
|
19
|
+
} | undefined;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=enhancedSampleData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enhancedSampleData.d.ts","sourceRoot":"","sources":["../../src/data/enhancedSampleData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAa,MAAM,SAAS,CAAC;AA4CrD,eAAO,MAAM,uBAAuB,EAAE,eA+PrC,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAiBzB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DashboardConfig } from '@/types';
|
|
2
|
+
export declare const AGENTS_LIST: string[];
|
|
3
|
+
export declare const TOOLS_LIST: string[];
|
|
4
|
+
export declare const MODELS_LIST: string[];
|
|
5
|
+
export declare const sampleDashboardConfig: DashboardConfig;
|
|
6
|
+
//# sourceMappingURL=sampleData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sampleData.d.ts","sourceRoot":"","sources":["../../src/data/sampleData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAa,MAAM,SAAS,CAAC;AAGrD,eAAO,MAAM,WAAW,UAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,UAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,UAWvB,CAAC;AAoJF,eAAO,MAAM,qBAAqB,EAAE,eAydnC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import './styles/globals.css';
|
|
2
|
+
export { Dashboard } from './components/Dashboard';
|
|
3
|
+
export { MetricCard } from './components/MetricCard';
|
|
4
|
+
export { AnalyticsChart } from './components/AnalyticsChart';
|
|
5
|
+
export { AnalyticsTable } from './components/AnalyticsTable';
|
|
6
|
+
export { AgentListView } from './components/AgentListView';
|
|
7
|
+
export { ToolListView } from './components/ToolListView';
|
|
8
|
+
export { ModelListView } from './components/ModelListView';
|
|
9
|
+
export { DashboardSection } from './components/DashboardSection';
|
|
10
|
+
export { ViewRenderer } from './components/ViewRenderer';
|
|
11
|
+
export { Button } from './components/ui/Button';
|
|
12
|
+
export { Select } from './components/ui/Select';
|
|
13
|
+
export { Skeleton, MetricCardSkeleton, ChartSkeleton } from './components/ui/Skeleton';
|
|
14
|
+
export { default as DateRangePicker } from './components/ui/daterangepicker';
|
|
15
|
+
export { Portal } from './components/ui/Portal';
|
|
16
|
+
export { SectionControls } from './components/SectionControls';
|
|
17
|
+
export { EndpointsConfigService } from './lib/endpoints.config';
|
|
18
|
+
export { ApiInvokerService } from './lib/api-invoker.service';
|
|
19
|
+
export { DashboardApiService } from './lib/dashboard-api.service';
|
|
20
|
+
export type { DataPoint, MetricData, DateRange, ChartConfig, ColorPalette, ChartLineConfig, TooltipConfig, TableConfig, TableColumnConfig, ViewConfig, ViewType, ControlsConfig, DropdownOption, DashboardSection as DashboardSectionType, DashboardConfig, GlobalControlsConfig, DashboardEventHandlers, ComponentProps, ComponentSize, ComponentVariant, DataProvider, AnalyticsPlugin, AppConfig, ApiHeaders, ApiRequestParams, ApiResponse, UsageAnalyticsCards, RunsCards, TimeSeriesResponse, TimeSeriesDataPoint } from './types';
|
|
21
|
+
export type { EndpointConfig, EndpointsConfig } from './lib/endpoints.config';
|
|
22
|
+
export type { HttpRequestConfig, ApiInvokerConfig } from './lib/api-invoker.service';
|
|
23
|
+
export type { DashboardApiConfig } from './lib/dashboard-api.service';
|
|
24
|
+
export { sampleDashboardConfig } from './data/sampleData';
|
|
25
|
+
export { enhancedDashboardConfig, colorExamples } from './data/enhancedSampleData';
|
|
26
|
+
export { apiEnabledDashboardConfig, agenticAppConfig, angularIntegrationExample } from './data/apiDashboardConfig';
|
|
27
|
+
export { defaultPalette, darkPalette, lightPalette, businessPalette, getColorFromPalette, getSemanticColor, getGradientColors, autoAssignColors } from './data/colorPalettes';
|
|
28
|
+
export { cn } from './lib/utils';
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,YAAY,EAEV,SAAS,EACT,UAAU,EACV,SAAS,EAGT,WAAW,EACX,YAAY,EACZ,eAAe,EACf,aAAa,EAGb,WAAW,EACX,iBAAiB,EAGjB,UAAU,EACV,QAAQ,EAGR,cAAc,EACd,cAAc,EAGd,gBAAgB,IAAI,oBAAoB,EAGxC,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EAGtB,cAAc,EACd,aAAa,EACb,gBAAgB,EAGhB,YAAY,EACZ,eAAe,EAGf,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,cAAc,EACd,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EACV,kBAAkB,EACnB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,yBAAyB,EAC1B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACL,cAAc,EACd,WAAW,EACX,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC"}
|