@tmorrow/cre8-wc 2.0.3 → 2.0.5

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 (223) hide show
  1. package/a2ui/build-knowledge-graph.py +297 -0
  2. package/a2ui/catalog +240 -0
  3. package/a2ui/catalog-kg.json +6704 -0
  4. package/a2ui/catalog.json +6114 -0
  5. package/a2ui/catalog.svg +3295 -0
  6. package/a2ui/demo.html +243 -0
  7. package/a2ui/examples/card-gallery.json +786 -0
  8. package/a2ui/examples/dating-grid.json +456 -0
  9. package/a2ui/examples/llm-observability.json +1719 -0
  10. package/a2ui/examples/portfolio.json +341 -0
  11. package/a2ui/generate-catalog.mjs +246 -0
  12. package/a2ui/index.d.ts +4 -0
  13. package/a2ui/index.js +2 -0
  14. package/a2ui/index.ts +12 -0
  15. package/a2ui/registry.d.ts +3 -0
  16. package/a2ui/registry.js +166 -0
  17. package/a2ui/registry.ts +182 -0
  18. package/a2ui/renderer.d.ts +7 -0
  19. package/a2ui/renderer.js +108 -0
  20. package/a2ui/renderer.ts +156 -0
  21. package/a2ui/smoke-test.mjs +238 -0
  22. package/a2ui/types.d.ts +75 -0
  23. package/a2ui/types.js +1 -0
  24. package/a2ui/types.ts +80 -0
  25. package/cdn/cre8-wc.esm.js +3057 -2438
  26. package/cdn/cre8-wc.esm.js.map +1 -1
  27. package/cdn/cre8-wc.min.js +1801 -1204
  28. package/cdn/cre8-wc.min.js.map +1 -1
  29. package/lib/a2ui/index.d.ts +5 -0
  30. package/lib/a2ui/index.d.ts.map +1 -0
  31. package/lib/a2ui/index.js +3 -0
  32. package/lib/a2ui/index.js.map +1 -0
  33. package/lib/a2ui/registry.d.ts +4 -0
  34. package/lib/a2ui/registry.d.ts.map +1 -0
  35. package/lib/a2ui/registry.js +167 -0
  36. package/lib/a2ui/registry.js.map +1 -0
  37. package/lib/a2ui/renderer.d.ts +8 -0
  38. package/lib/a2ui/renderer.d.ts.map +1 -0
  39. package/lib/a2ui/renderer.js +109 -0
  40. package/lib/a2ui/renderer.js.map +1 -0
  41. package/lib/a2ui/types.d.ts +76 -0
  42. package/lib/a2ui/types.d.ts.map +1 -0
  43. package/lib/a2ui/types.js +2 -0
  44. package/lib/a2ui/types.js.map +1 -0
  45. package/lib/components/accordion/accordion.d.ts +1 -0
  46. package/lib/components/accordion/accordion.d.ts.map +1 -1
  47. package/lib/components/accordion/accordion.js +1 -0
  48. package/lib/components/accordion/accordion.js.map +1 -1
  49. package/lib/components/accordion-item/accordion-item.d.ts +1 -0
  50. package/lib/components/accordion-item/accordion-item.d.ts.map +1 -1
  51. package/lib/components/accordion-item/accordion-item.js +1 -0
  52. package/lib/components/accordion-item/accordion-item.js.map +1 -1
  53. package/lib/components/alert/alert.d.ts +6 -0
  54. package/lib/components/alert/alert.d.ts.map +1 -1
  55. package/lib/components/alert/alert.js +6 -0
  56. package/lib/components/alert/alert.js.map +1 -1
  57. package/lib/components/button/button.d.ts +2 -0
  58. package/lib/components/button/button.d.ts.map +1 -1
  59. package/lib/components/button/button.js +2 -0
  60. package/lib/components/button/button.js.map +1 -1
  61. package/lib/components/button/button.styles.d.ts.map +1 -1
  62. package/lib/components/button/button.styles.js +1120 -557
  63. package/lib/components/button/button.styles.js.map +1 -1
  64. package/lib/components/button-group/button-group.d.ts +9 -0
  65. package/lib/components/button-group/button-group.d.ts.map +1 -1
  66. package/lib/components/button-group/button-group.js +8 -0
  67. package/lib/components/button-group/button-group.js.map +1 -1
  68. package/lib/components/button-group/button-group.styles.d.ts.map +1 -1
  69. package/lib/components/button-group/button-group.styles.js +12 -0
  70. package/lib/components/button-group/button-group.styles.js.map +1 -1
  71. package/lib/components/card/card.d.ts +1 -1
  72. package/lib/components/card/card.d.ts.map +1 -1
  73. package/lib/components/card/card.js +1 -0
  74. package/lib/components/card/card.js.map +1 -1
  75. package/lib/components/card/card.styles.d.ts.map +1 -1
  76. package/lib/components/card/card.styles.js +8 -0
  77. package/lib/components/card/card.styles.js.map +1 -1
  78. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts +6 -0
  79. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts.map +1 -1
  80. package/lib/components/checkbox-field-item/checkbox-field-item.js +6 -0
  81. package/lib/components/checkbox-field-item/checkbox-field-item.js.map +1 -1
  82. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js +1 -1
  83. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js.map +1 -1
  84. package/lib/components/date-picker/date-picker.d.ts +5 -0
  85. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  86. package/lib/components/date-picker/date-picker.js +12 -10
  87. package/lib/components/date-picker/date-picker.js.map +1 -1
  88. package/lib/components/dropdown/dropdown.d.ts +2 -0
  89. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  90. package/lib/components/dropdown/dropdown.js +2 -0
  91. package/lib/components/dropdown/dropdown.js.map +1 -1
  92. package/lib/components/dropdown-item/dropdown-item.d.ts +8 -0
  93. package/lib/components/dropdown-item/dropdown-item.d.ts.map +1 -1
  94. package/lib/components/dropdown-item/dropdown-item.js +15 -2
  95. package/lib/components/dropdown-item/dropdown-item.js.map +1 -1
  96. package/lib/components/feature/feature.d.ts +4 -0
  97. package/lib/components/feature/feature.d.ts.map +1 -1
  98. package/lib/components/feature/feature.js +4 -1
  99. package/lib/components/feature/feature.js.map +1 -1
  100. package/lib/components/field/field.d.ts +2 -0
  101. package/lib/components/field/field.d.ts.map +1 -1
  102. package/lib/components/field/field.js +3 -0
  103. package/lib/components/field/field.js.map +1 -1
  104. package/lib/components/global-nav-item/global-nav-item.d.ts +2 -0
  105. package/lib/components/global-nav-item/global-nav-item.d.ts.map +1 -1
  106. package/lib/components/global-nav-item/global-nav-item.js +2 -0
  107. package/lib/components/global-nav-item/global-nav-item.js.map +1 -1
  108. package/lib/components/header/header.d.ts +2 -0
  109. package/lib/components/header/header.d.ts.map +1 -1
  110. package/lib/components/header/header.js +2 -0
  111. package/lib/components/header/header.js.map +1 -1
  112. package/lib/components/hero/hero.d.ts +4 -0
  113. package/lib/components/hero/hero.d.ts.map +1 -1
  114. package/lib/components/hero/hero.js +4 -0
  115. package/lib/components/hero/hero.js.map +1 -1
  116. package/lib/components/hero/hero.styles.d.ts.map +1 -1
  117. package/lib/components/hero/hero.styles.js +13 -0
  118. package/lib/components/hero/hero.styles.js.map +1 -1
  119. package/lib/components/icon/icon.d.ts +3 -0
  120. package/lib/components/icon/icon.d.ts.map +1 -1
  121. package/lib/components/icon/icon.js +7 -5
  122. package/lib/components/icon/icon.js.map +1 -1
  123. package/lib/components/link/link.d.ts +2 -0
  124. package/lib/components/link/link.d.ts.map +1 -1
  125. package/lib/components/link/link.js +2 -0
  126. package/lib/components/link/link.js.map +1 -1
  127. package/lib/components/link-list-item/link-list-item.d.ts +2 -0
  128. package/lib/components/link-list-item/link-list-item.d.ts.map +1 -1
  129. package/lib/components/link-list-item/link-list-item.js +2 -0
  130. package/lib/components/link-list-item/link-list-item.js.map +1 -1
  131. package/lib/components/modal/modal.d.ts +4 -0
  132. package/lib/components/modal/modal.d.ts.map +1 -1
  133. package/lib/components/modal/modal.js +4 -0
  134. package/lib/components/modal/modal.js.map +1 -1
  135. package/lib/components/multi-select/multi-select.d.ts +4 -0
  136. package/lib/components/multi-select/multi-select.d.ts.map +1 -1
  137. package/lib/components/multi-select/multi-select.js +5 -2
  138. package/lib/components/multi-select/multi-select.js.map +1 -1
  139. package/lib/components/page-header/page-header.d.ts +1 -0
  140. package/lib/components/page-header/page-header.d.ts.map +1 -1
  141. package/lib/components/page-header/page-header.js +3 -2
  142. package/lib/components/page-header/page-header.js.map +1 -1
  143. package/lib/components/pagination/pagination.d.ts +7 -0
  144. package/lib/components/pagination/pagination.d.ts.map +1 -1
  145. package/lib/components/pagination/pagination.js +7 -0
  146. package/lib/components/pagination/pagination.js.map +1 -1
  147. package/lib/components/percent-bar/percent-bar.d.ts.map +1 -1
  148. package/lib/components/percent-bar/percent-bar.js +1 -0
  149. package/lib/components/percent-bar/percent-bar.js.map +1 -1
  150. package/lib/components/popover/popover.d.ts +6 -0
  151. package/lib/components/popover/popover.d.ts.map +1 -1
  152. package/lib/components/popover/popover.js +7 -1
  153. package/lib/components/popover/popover.js.map +1 -1
  154. package/lib/components/primary-nav-item/primary-nav-item.d.ts +2 -0
  155. package/lib/components/primary-nav-item/primary-nav-item.d.ts.map +1 -1
  156. package/lib/components/primary-nav-item/primary-nav-item.js +2 -0
  157. package/lib/components/primary-nav-item/primary-nav-item.js.map +1 -1
  158. package/lib/components/remove-tag/remove-tag.d.ts +2 -0
  159. package/lib/components/remove-tag/remove-tag.d.ts.map +1 -1
  160. package/lib/components/remove-tag/remove-tag.js +3 -1
  161. package/lib/components/remove-tag/remove-tag.js.map +1 -1
  162. package/lib/components/section/section.d.ts +1 -0
  163. package/lib/components/section/section.d.ts.map +1 -1
  164. package/lib/components/section/section.js +1 -0
  165. package/lib/components/section/section.js.map +1 -1
  166. package/lib/components/select/select.d.ts +2 -0
  167. package/lib/components/select/select.d.ts.map +1 -1
  168. package/lib/components/select/select.js +5 -1
  169. package/lib/components/select/select.js.map +1 -1
  170. package/lib/components/split-button/split-button.d.ts +3 -0
  171. package/lib/components/split-button/split-button.d.ts.map +1 -1
  172. package/lib/components/split-button/split-button.js.map +1 -1
  173. package/lib/components/tab/tab.d.ts +2 -0
  174. package/lib/components/tab/tab.d.ts.map +1 -1
  175. package/lib/components/tab/tab.js +2 -0
  176. package/lib/components/tab/tab.js.map +1 -1
  177. package/lib/components/table-object/table-object.d.ts +2 -0
  178. package/lib/components/table-object/table-object.d.ts.map +1 -1
  179. package/lib/components/table-object/table-object.js +2 -0
  180. package/lib/components/table-object/table-object.js.map +1 -1
  181. package/lib/components/table-row/table-row.d.ts +1 -0
  182. package/lib/components/table-row/table-row.d.ts.map +1 -1
  183. package/lib/components/table-row/table-row.js +1 -0
  184. package/lib/components/table-row/table-row.js.map +1 -1
  185. package/lib/components/tag/tag.d.ts +5 -0
  186. package/lib/components/tag/tag.d.ts.map +1 -1
  187. package/lib/components/tag/tag.js +2 -0
  188. package/lib/components/tag/tag.js.map +1 -1
  189. package/lib/components/tag-list/tag-list.d.ts +2 -0
  190. package/lib/components/tag-list/tag-list.d.ts.map +1 -1
  191. package/lib/components/tag-list/tag-list.js +2 -0
  192. package/lib/components/tag-list/tag-list.js.map +1 -1
  193. package/lib/components/text-link/text-link.d.ts +1 -0
  194. package/lib/components/text-link/text-link.d.ts.map +1 -1
  195. package/lib/components/text-link/text-link.js +1 -0
  196. package/lib/components/text-link/text-link.js.map +1 -1
  197. package/lib/components/tooltip/tooltip.d.ts +6 -0
  198. package/lib/components/tooltip/tooltip.d.ts.map +1 -1
  199. package/lib/components/tooltip/tooltip.js +3 -0
  200. package/lib/components/tooltip/tooltip.js.map +1 -1
  201. package/lib/design-tokens/brands/claude-terracotta/css/tokens_brand.css +85 -0
  202. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.css +1 -0
  203. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts +3 -0
  204. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts.map +1 -0
  205. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js +90 -0
  206. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js.map +1 -0
  207. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +1 -0
  208. package/lib/design-tokens/brands/cre8-teal/css/tokens_brand.css +87 -0
  209. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.css +1 -0
  210. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts +3 -0
  211. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts.map +1 -0
  212. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js +90 -0
  213. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js.map +1 -0
  214. package/lib/scripts/generate-react-manifest.d.ts +20 -0
  215. package/lib/scripts/generate-react-manifest.d.ts.map +1 -0
  216. package/lib/scripts/generate-react-manifest.js +154 -0
  217. package/lib/scripts/generate-react-manifest.js.map +1 -0
  218. package/mcp-manifest.json +203 -38
  219. package/package.json +24 -4
  220. package/react-manifest.json +3594 -0
  221. package/dist/leaf.png +0 -0
  222. package/dist/leafDS.png +0 -0
  223. package/dist/leafLogo.svg +0 -1
package/a2ui/examples/llm-observability.json ADDED
@@ -0,0 +1,1719 @@
1
+ {
2
+ "component": "cre8-layout-section",
3
+ "children": [
4
+ {
5
+ "component": "cre8-band",
6
+ "props": {
7
+ "variant": "branded"
8
+ },
9
+ "children": [
10
+ {
11
+ "component": "cre8-layout-container",
12
+ "children": [
13
+ {
14
+ "component": "cre8-heading",
15
+ "props": {
16
+ "type": "headline-default",
17
+ "tagVariant": "h1"
18
+ },
19
+ "children": [
20
+ "LLM Observability"
21
+ ]
22
+ },
23
+ {
24
+ "component": "cre8-text-passage",
25
+ "children": [
26
+ "Real-time monitoring across models, costs, and performance — last updated 14:24:01"
27
+ ]
28
+ },
29
+ {
30
+ "component": "cre8-button-group",
31
+ "props": {
32
+ "gap": "sm"
33
+ },
34
+ "children": [
35
+ {
36
+ "component": "cre8-button",
37
+ "props": {
38
+ "text": "Last 24h",
39
+ "variant": "secondary",
40
+ "size": "sm"
41
+ }
42
+ },
43
+ {
44
+ "component": "cre8-button",
45
+ "props": {
46
+ "text": "7 Days",
47
+ "variant": "tertiary",
48
+ "size": "sm"
49
+ }
50
+ },
51
+ {
52
+ "component": "cre8-button",
53
+ "props": {
54
+ "text": "30 Days",
55
+ "variant": "tertiary",
56
+ "size": "sm"
57
+ }
58
+ }
59
+ ]
60
+ }
61
+ ]
62
+ }
63
+ ]
64
+ },
65
+ {
66
+ "component": "cre8-layout-section",
67
+ "children": [
68
+ {
69
+ "component": "cre8-inline-alert",
70
+ "props": {
71
+ "status": "warning"
72
+ },
73
+ "children": [
74
+ "OpenAI TPM rate limit at 78% — consider switching high-volume prompts to gpt-4o-mini or Claude 3.5 Sonnet."
75
+ ]
76
+ },
77
+ {
78
+ "component": "cre8-grid",
79
+ "props": {
80
+ "variant": "4up",
81
+ "gap": "lg"
82
+ },
83
+ "children": [
84
+ {
85
+ "component": "cre8-grid-item",
86
+ "children": [
87
+ {
88
+ "component": "cre8-card",
89
+ "props": {
90
+ "variant": "compact"
91
+ },
92
+ "slots": {
93
+ "default": [
94
+ {
95
+ "component": "cre8-text-passage",
96
+ "props": {
97
+ "size": "small"
98
+ },
99
+ "children": [
100
+ "Total Requests (24h)"
101
+ ]
102
+ },
103
+ {
104
+ "component": "cre8-heading",
105
+ "props": {
106
+ "type": "headline-large",
107
+ "tagVariant": "p"
108
+ },
109
+ "children": [
110
+ "12,847"
111
+ ]
112
+ },
113
+ {
114
+ "component": "cre8-badge",
115
+ "props": {
116
+ "text": "↑ 8.3%",
117
+ "status": "success"
118
+ }
119
+ }
120
+ ]
121
+ }
122
+ }
123
+ ]
124
+ },
125
+ {
126
+ "component": "cre8-grid-item",
127
+ "children": [
128
+ {
129
+ "component": "cre8-card",
130
+ "props": {
131
+ "variant": "compact"
132
+ },
133
+ "slots": {
134
+ "default": [
135
+ {
136
+ "component": "cre8-text-passage",
137
+ "props": {
138
+ "size": "small"
139
+ },
140
+ "children": [
141
+ "Total Tokens (24h)"
142
+ ]
143
+ },
144
+ {
145
+ "component": "cre8-heading",
146
+ "props": {
147
+ "type": "headline-large",
148
+ "tagVariant": "p"
149
+ },
150
+ "children": [
151
+ "4.2M"
152
+ ]
153
+ },
154
+ {
155
+ "component": "cre8-badge",
156
+ "props": {
157
+ "text": "↑ 12.1%",
158
+ "status": "info"
159
+ }
160
+ }
161
+ ]
162
+ }
163
+ }
164
+ ]
165
+ },
166
+ {
167
+ "component": "cre8-grid-item",
168
+ "children": [
169
+ {
170
+ "component": "cre8-card",
171
+ "props": {
172
+ "variant": "compact"
173
+ },
174
+ "slots": {
175
+ "default": [
176
+ {
177
+ "component": "cre8-text-passage",
178
+ "props": {
179
+ "size": "small"
180
+ },
181
+ "children": [
182
+ "Avg Latency (p50)"
183
+ ]
184
+ },
185
+ {
186
+ "component": "cre8-heading",
187
+ "props": {
188
+ "type": "headline-large",
189
+ "tagVariant": "p"
190
+ },
191
+ "children": [
192
+ "1.2s"
193
+ ]
194
+ },
195
+ {
196
+ "component": "cre8-badge",
197
+ "props": {
198
+ "text": "↓ 5.2%",
199
+ "status": "success"
200
+ }
201
+ }
202
+ ]
203
+ }
204
+ }
205
+ ]
206
+ },
207
+ {
208
+ "component": "cre8-grid-item",
209
+ "children": [
210
+ {
211
+ "component": "cre8-card",
212
+ "props": {
213
+ "variant": "compact"
214
+ },
215
+ "slots": {
216
+ "default": [
217
+ {
218
+ "component": "cre8-text-passage",
219
+ "props": {
220
+ "size": "small"
221
+ },
222
+ "children": [
223
+ "Cost (24h)"
224
+ ]
225
+ },
226
+ {
227
+ "component": "cre8-heading",
228
+ "props": {
229
+ "type": "headline-large",
230
+ "tagVariant": "p"
231
+ },
232
+ "children": [
233
+ "$38.42"
234
+ ]
235
+ },
236
+ {
237
+ "component": "cre8-badge",
238
+ "props": {
239
+ "text": "↑ 15.7%",
240
+ "status": "warning"
241
+ }
242
+ }
243
+ ]
244
+ }
245
+ }
246
+ ]
247
+ }
248
+ ]
249
+ },
250
+ {
251
+ "component": "cre8-tabs",
252
+ "slots": {
253
+ "default": [
254
+ {
255
+ "component": "cre8-tab",
256
+ "children": [
257
+ "Overview"
258
+ ]
259
+ },
260
+ {
261
+ "component": "cre8-tab",
262
+ "children": [
263
+ "Models"
264
+ ]
265
+ },
266
+ {
267
+ "component": "cre8-tab",
268
+ "children": [
269
+ "Requests"
270
+ ]
271
+ }
272
+ ],
273
+ "panel": [
274
+ {
275
+ "component": "cre8-tab-panel",
276
+ "props": {
277
+ "index": 0
278
+ },
279
+ "children": [
280
+ {
281
+ "component": "cre8-grid",
282
+ "props": {
283
+ "variant": "2up",
284
+ "gap": "lg"
285
+ },
286
+ "children": [
287
+ {
288
+ "component": "cre8-grid-item",
289
+ "children": [
290
+ {
291
+ "component": "cre8-card",
292
+ "props": {
293
+ "variant": "compact"
294
+ },
295
+ "slots": {
296
+ "header": [
297
+ {
298
+ "component": "cre8-heading",
299
+ "props": {
300
+ "type": "title-default",
301
+ "tagVariant": "h3"
302
+ },
303
+ "children": [
304
+ "Request Volume (24h)"
305
+ ]
306
+ }
307
+ ],
308
+ "default": [
309
+ {
310
+ "component": "cre8-chart",
311
+ "props": {
312
+ "type": "line",
313
+ "height": 220,
314
+ "aria-label": "Request volume over the last 24 hours",
315
+ "show-legend": false,
316
+ "data": {
317
+ "labels": [
318
+ "00h",
319
+ "01h",
320
+ "02h",
321
+ "03h",
322
+ "04h",
323
+ "05h",
324
+ "06h",
325
+ "07h",
326
+ "08h",
327
+ "09h",
328
+ "10h",
329
+ "11h",
330
+ "12h",
331
+ "13h",
332
+ "14h",
333
+ "15h",
334
+ "16h",
335
+ "17h",
336
+ "18h",
337
+ "19h",
338
+ "20h",
339
+ "21h",
340
+ "22h",
341
+ "23h"
342
+ ],
343
+ "datasets": [
344
+ {
345
+ "label": "Requests",
346
+ "data": [
347
+ 45,
348
+ 32,
349
+ 28,
350
+ 22,
351
+ 18,
352
+ 15,
353
+ 24,
354
+ 67,
355
+ 145,
356
+ 198,
357
+ 234,
358
+ 287,
359
+ 312,
360
+ 298,
361
+ 267,
362
+ 243,
363
+ 289,
364
+ 334,
365
+ 298,
366
+ 254,
367
+ 187,
368
+ 143,
369
+ 98,
370
+ 67
371
+ ],
372
+ "fill": true,
373
+ "tension": 0.4
374
+ }
375
+ ]
376
+ }
377
+ }
378
+ }
379
+ ]
380
+ }
381
+ }
382
+ ]
383
+ },
384
+ {
385
+ "component": "cre8-grid-item",
386
+ "children": [
387
+ {
388
+ "component": "cre8-card",
389
+ "props": {
390
+ "variant": "compact"
391
+ },
392
+ "slots": {
393
+ "header": [
394
+ {
395
+ "component": "cre8-heading",
396
+ "props": {
397
+ "type": "title-default",
398
+ "tagVariant": "h3"
399
+ },
400
+ "children": [
401
+ "Traffic by Model"
402
+ ]
403
+ }
404
+ ],
405
+ "default": [
406
+ {
407
+ "component": "cre8-chart",
408
+ "props": {
409
+ "type": "doughnut",
410
+ "height": 220,
411
+ "aria-label": "Request distribution by model",
412
+ "legend-position": "bottom",
413
+ "data": {
414
+ "labels": [
415
+ "claude-3-5-sonnet",
416
+ "gpt-4o",
417
+ "gemini-1.5-pro",
418
+ "gpt-4o-mini"
419
+ ],
420
+ "datasets": [
421
+ {
422
+ "data": [
423
+ 41,
424
+ 34,
425
+ 15,
426
+ 10
427
+ ]
428
+ }
429
+ ]
430
+ }
431
+ }
432
+ }
433
+ ]
434
+ }
435
+ }
436
+ ]
437
+ }
438
+ ]
439
+ },
440
+ {
441
+ "component": "cre8-grid",
442
+ "props": {
443
+ "variant": "2up",
444
+ "gap": "lg"
445
+ },
446
+ "children": [
447
+ {
448
+ "component": "cre8-grid-item",
449
+ "children": [
450
+ {
451
+ "component": "cre8-card",
452
+ "props": {
453
+ "variant": "compact"
454
+ },
455
+ "slots": {
456
+ "header": [
457
+ {
458
+ "component": "cre8-heading",
459
+ "props": {
460
+ "type": "title-default",
461
+ "tagVariant": "h3"
462
+ },
463
+ "children": [
464
+ "Latency Percentiles by Model"
465
+ ]
466
+ }
467
+ ],
468
+ "default": [
469
+ {
470
+ "component": "cre8-chart",
471
+ "props": {
472
+ "type": "bar",
473
+ "height": 220,
474
+ "aria-label": "P50/P95/P99 latency by model in seconds",
475
+ "legend-position": "bottom",
476
+ "data": {
477
+ "labels": [
478
+ "claude-3-5-sonnet",
479
+ "gpt-4o",
480
+ "gemini-1.5-pro",
481
+ "gpt-4o-mini"
482
+ ],
483
+ "datasets": [
484
+ {
485
+ "label": "P50",
486
+ "data": [
487
+ 0.92,
488
+ 1.45,
489
+ 1.12,
490
+ 0.52
491
+ ]
492
+ },
493
+ {
494
+ "label": "P95",
495
+ "data": [
496
+ 2.1,
497
+ 3.4,
498
+ 2.8,
499
+ 1.2
500
+ ]
501
+ },
502
+ {
503
+ "label": "P99",
504
+ "data": [
505
+ 3.7,
506
+ 5.8,
507
+ 4.2,
508
+ 2.1
509
+ ]
510
+ }
511
+ ]
512
+ },
513
+ "options": {
514
+ "scales": {
515
+ "y": {
516
+ "title": {
517
+ "display": true,
518
+ "text": "Latency (s)"
519
+ }
520
+ }
521
+ }
522
+ }
523
+ }
524
+ }
525
+ ]
526
+ }
527
+ }
528
+ ]
529
+ },
530
+ {
531
+ "component": "cre8-grid-item",
532
+ "children": [
533
+ {
534
+ "component": "cre8-card",
535
+ "props": {
536
+ "variant": "compact"
537
+ },
538
+ "slots": {
539
+ "header": [
540
+ {
541
+ "component": "cre8-heading",
542
+ "props": {
543
+ "type": "title-default",
544
+ "tagVariant": "h3"
545
+ },
546
+ "children": [
547
+ "Cost Trend (7 days)"
548
+ ]
549
+ }
550
+ ],
551
+ "default": [
552
+ {
553
+ "component": "cre8-chart",
554
+ "props": {
555
+ "type": "bar",
556
+ "height": 220,
557
+ "aria-label": "Daily cost by model over the last 7 days",
558
+ "legend-position": "bottom",
559
+ "data": {
560
+ "labels": [
561
+ "Apr 24",
562
+ "Apr 25",
563
+ "Apr 26",
564
+ "Apr 27",
565
+ "Apr 28",
566
+ "Apr 29",
567
+ "Apr 30"
568
+ ],
569
+ "datasets": [
570
+ {
571
+ "label": "claude-3-5-sonnet",
572
+ "data": [
573
+ 11.2,
574
+ 12.8,
575
+ 13.1,
576
+ 14.5,
577
+ 13.9,
578
+ 15.2,
579
+ 14.8
580
+ ]
581
+ },
582
+ {
583
+ "label": "gpt-4o",
584
+ "data": [
585
+ 14.3,
586
+ 15.7,
587
+ 16.2,
588
+ 17.1,
589
+ 18.4,
590
+ 17.8,
591
+ 18.3
592
+ ]
593
+ },
594
+ {
595
+ "label": "gemini-1.5-pro",
596
+ "data": [
597
+ 3.2,
598
+ 3.8,
599
+ 4.1,
600
+ 4.5,
601
+ 3.9,
602
+ 4.2,
603
+ 3.87
604
+ ]
605
+ },
606
+ {
607
+ "label": "gpt-4o-mini",
608
+ "data": [
609
+ 0.9,
610
+ 1.1,
611
+ 1.3,
612
+ 1.4,
613
+ 1.2,
614
+ 1.5,
615
+ 1.39
616
+ ]
617
+ }
618
+ ]
619
+ },
620
+ "options": {
621
+ "scales": {
622
+ "x": {
623
+ "stacked": true
624
+ },
625
+ "y": {
626
+ "stacked": true,
627
+ "title": {
628
+ "display": true,
629
+ "text": "Cost ($)"
630
+ }
631
+ }
632
+ }
633
+ }
634
+ }
635
+ }
636
+ ]
637
+ }
638
+ }
639
+ ]
640
+ }
641
+ ]
642
+ }
643
+ ]
644
+ },
645
+ {
646
+ "component": "cre8-tab-panel",
647
+ "props": {
648
+ "index": 1
649
+ },
650
+ "children": [
651
+ {
652
+ "component": "cre8-heading",
653
+ "props": {
654
+ "type": "title-default",
655
+ "tagVariant": "h3"
656
+ },
657
+ "children": [
658
+ "API Rate Limits"
659
+ ]
660
+ },
661
+ {
662
+ "component": "cre8-grid",
663
+ "props": {
664
+ "variant": "3up",
665
+ "gap": "lg"
666
+ },
667
+ "children": [
668
+ {
669
+ "component": "cre8-grid-item",
670
+ "children": [
671
+ {
672
+ "component": "cre8-card",
673
+ "props": {
674
+ "variant": "compact"
675
+ },
676
+ "slots": {
677
+ "default": [
678
+ {
679
+ "component": "cre8-text-passage",
680
+ "props": {
681
+ "size": "small"
682
+ },
683
+ "children": [
684
+ "OpenAI — TPM Usage"
685
+ ]
686
+ },
687
+ {
688
+ "component": "cre8-progress-meter",
689
+ "props": {
690
+ "value": 78,
691
+ "max": 100,
692
+ "status": "warning",
693
+ "label": "78 / 100 TPM"
694
+ }
695
+ },
696
+ {
697
+ "component": "cre8-badge",
698
+ "props": {
699
+ "text": "78% utilized",
700
+ "status": "warning"
701
+ }
702
+ }
703
+ ]
704
+ }
705
+ }
706
+ ]
707
+ },
708
+ {
709
+ "component": "cre8-grid-item",
710
+ "children": [
711
+ {
712
+ "component": "cre8-card",
713
+ "props": {
714
+ "variant": "compact"
715
+ },
716
+ "slots": {
717
+ "default": [
718
+ {
719
+ "component": "cre8-text-passage",
720
+ "props": {
721
+ "size": "small"
722
+ },
723
+ "children": [
724
+ "Anthropic — TPM Usage"
725
+ ]
726
+ },
727
+ {
728
+ "component": "cre8-progress-meter",
729
+ "props": {
730
+ "value": 45,
731
+ "max": 100,
732
+ "label": "45 / 100 TPM"
733
+ }
734
+ },
735
+ {
736
+ "component": "cre8-badge",
737
+ "props": {
738
+ "text": "45% utilized",
739
+ "status": "info"
740
+ }
741
+ }
742
+ ]
743
+ }
744
+ }
745
+ ]
746
+ },
747
+ {
748
+ "component": "cre8-grid-item",
749
+ "children": [
750
+ {
751
+ "component": "cre8-card",
752
+ "props": {
753
+ "variant": "compact"
754
+ },
755
+ "slots": {
756
+ "default": [
757
+ {
758
+ "component": "cre8-text-passage",
759
+ "props": {
760
+ "size": "small"
761
+ },
762
+ "children": [
763
+ "Google — TPM Usage"
764
+ ]
765
+ },
766
+ {
767
+ "component": "cre8-progress-meter",
768
+ "props": {
769
+ "value": 23,
770
+ "max": 100,
771
+ "status": "success",
772
+ "label": "23 / 100 TPM"
773
+ }
774
+ },
775
+ {
776
+ "component": "cre8-badge",
777
+ "props": {
778
+ "text": "23% utilized",
779
+ "status": "success"
780
+ }
781
+ }
782
+ ]
783
+ }
784
+ }
785
+ ]
786
+ }
787
+ ]
788
+ },
789
+ {
790
+ "component": "cre8-heading",
791
+ "props": {
792
+ "type": "title-default",
793
+ "tagVariant": "h3"
794
+ },
795
+ "children": [
796
+ "Model Performance"
797
+ ]
798
+ },
799
+ {
800
+ "component": "cre8-table",
801
+ "props": {
802
+ "caption": "Model performance statistics for the last 24 hours",
803
+ "variant": "striped"
804
+ },
805
+ "children": [
806
+ {
807
+ "component": "cre8-table-header",
808
+ "children": [
809
+ {
810
+ "component": "cre8-table-row",
811
+ "children": [
812
+ {
813
+ "component": "cre8-table-header-cell",
814
+ "children": [
815
+ "Model"
816
+ ]
817
+ },
818
+ {
819
+ "component": "cre8-table-header-cell",
820
+ "children": [
821
+ "Requests"
822
+ ]
823
+ },
824
+ {
825
+ "component": "cre8-table-header-cell",
826
+ "children": [
827
+ "Tokens"
828
+ ]
829
+ },
830
+ {
831
+ "component": "cre8-table-header-cell",
832
+ "children": [
833
+ "Avg Latency"
834
+ ]
835
+ },
836
+ {
837
+ "component": "cre8-table-header-cell",
838
+ "children": [
839
+ "Cost"
840
+ ]
841
+ },
842
+ {
843
+ "component": "cre8-table-header-cell",
844
+ "children": [
845
+ "Error Rate"
846
+ ]
847
+ }
848
+ ]
849
+ }
850
+ ]
851
+ },
852
+ {
853
+ "component": "cre8-table-body",
854
+ "children": [
855
+ {
856
+ "component": "cre8-table-row",
857
+ "children": [
858
+ {
859
+ "component": "cre8-table-cell",
860
+ "children": [
861
+ "claude-3-5-sonnet"
862
+ ]
863
+ },
864
+ {
865
+ "component": "cre8-table-cell",
866
+ "children": [
867
+ "5,267"
868
+ ]
869
+ },
870
+ {
871
+ "component": "cre8-table-cell",
872
+ "children": [
873
+ "1.72M"
874
+ ]
875
+ },
876
+ {
877
+ "component": "cre8-table-cell",
878
+ "children": [
879
+ "0.92s"
880
+ ]
881
+ },
882
+ {
883
+ "component": "cre8-table-cell",
884
+ "children": [
885
+ "$14.82"
886
+ ]
887
+ },
888
+ {
889
+ "component": "cre8-table-cell",
890
+ "children": [
891
+ {
892
+ "component": "cre8-badge",
893
+ "props": {
894
+ "text": "0.2%",
895
+ "status": "success"
896
+ }
897
+ }
898
+ ]
899
+ }
900
+ ]
901
+ },
902
+ {
903
+ "component": "cre8-table-row",
904
+ "children": [
905
+ {
906
+ "component": "cre8-table-cell",
907
+ "children": [
908
+ "gpt-4o"
909
+ ]
910
+ },
911
+ {
912
+ "component": "cre8-table-cell",
913
+ "children": [
914
+ "4,368"
915
+ ]
916
+ },
917
+ {
918
+ "component": "cre8-table-cell",
919
+ "children": [
920
+ "1.43M"
921
+ ]
922
+ },
923
+ {
924
+ "component": "cre8-table-cell",
925
+ "children": [
926
+ "1.45s"
927
+ ]
928
+ },
929
+ {
930
+ "component": "cre8-table-cell",
931
+ "children": [
932
+ "$18.34"
933
+ ]
934
+ },
935
+ {
936
+ "component": "cre8-table-cell",
937
+ "children": [
938
+ {
939
+ "component": "cre8-badge",
940
+ "props": {
941
+ "text": "0.5%",
942
+ "status": "info"
943
+ }
944
+ }
945
+ ]
946
+ }
947
+ ]
948
+ },
949
+ {
950
+ "component": "cre8-table-row",
951
+ "children": [
952
+ {
953
+ "component": "cre8-table-cell",
954
+ "children": [
955
+ "gemini-1.5-pro"
956
+ ]
957
+ },
958
+ {
959
+ "component": "cre8-table-cell",
960
+ "children": [
961
+ "1,927"
962
+ ]
963
+ },
964
+ {
965
+ "component": "cre8-table-cell",
966
+ "children": [
967
+ "0.63M"
968
+ ]
969
+ },
970
+ {
971
+ "component": "cre8-table-cell",
972
+ "children": [
973
+ "1.12s"
974
+ ]
975
+ },
976
+ {
977
+ "component": "cre8-table-cell",
978
+ "children": [
979
+ "$3.87"
980
+ ]
981
+ },
982
+ {
983
+ "component": "cre8-table-cell",
984
+ "children": [
985
+ {
986
+ "component": "cre8-badge",
987
+ "props": {
988
+ "text": "0.8%",
989
+ "status": "warning"
990
+ }
991
+ }
992
+ ]
993
+ }
994
+ ]
995
+ },
996
+ {
997
+ "component": "cre8-table-row",
998
+ "children": [
999
+ {
1000
+ "component": "cre8-table-cell",
1001
+ "children": [
1002
+ "gpt-4o-mini"
1003
+ ]
1004
+ },
1005
+ {
1006
+ "component": "cre8-table-cell",
1007
+ "children": [
1008
+ "1,285"
1009
+ ]
1010
+ },
1011
+ {
1012
+ "component": "cre8-table-cell",
1013
+ "children": [
1014
+ "0.42M"
1015
+ ]
1016
+ },
1017
+ {
1018
+ "component": "cre8-table-cell",
1019
+ "children": [
1020
+ "0.52s"
1021
+ ]
1022
+ },
1023
+ {
1024
+ "component": "cre8-table-cell",
1025
+ "children": [
1026
+ "$1.39"
1027
+ ]
1028
+ },
1029
+ {
1030
+ "component": "cre8-table-cell",
1031
+ "children": [
1032
+ {
1033
+ "component": "cre8-badge",
1034
+ "props": {
1035
+ "text": "0.3%",
1036
+ "status": "success"
1037
+ }
1038
+ }
1039
+ ]
1040
+ }
1041
+ ]
1042
+ }
1043
+ ]
1044
+ }
1045
+ ]
1046
+ }
1047
+ ]
1048
+ },
1049
+ {
1050
+ "component": "cre8-tab-panel",
1051
+ "props": {
1052
+ "index": 2
1053
+ },
1054
+ "children": [
1055
+ {
1056
+ "component": "cre8-grid",
1057
+ "props": {
1058
+ "variant": "2up",
1059
+ "gap": "lg"
1060
+ },
1061
+ "children": [
1062
+ {
1063
+ "component": "cre8-grid-item",
1064
+ "children": [
1065
+ {
1066
+ "component": "cre8-card",
1067
+ "props": {
1068
+ "variant": "compact"
1069
+ },
1070
+ "slots": {
1071
+ "header": [
1072
+ {
1073
+ "component": "cre8-heading",
1074
+ "props": {
1075
+ "type": "title-default",
1076
+ "tagVariant": "h3"
1077
+ },
1078
+ "children": [
1079
+ "Token Efficiency"
1080
+ ]
1081
+ }
1082
+ ],
1083
+ "default": [
1084
+ {
1085
+ "component": "cre8-chart",
1086
+ "props": {
1087
+ "type": "bar",
1088
+ "height": 200,
1089
+ "aria-label": "Prompt vs completion tokens by model",
1090
+ "legend-position": "bottom",
1091
+ "data": {
1092
+ "labels": [
1093
+ "claude-3-5-sonnet",
1094
+ "gpt-4o",
1095
+ "gemini-1.5-pro",
1096
+ "gpt-4o-mini"
1097
+ ],
1098
+ "datasets": [
1099
+ {
1100
+ "label": "Prompt Tokens",
1101
+ "data": [
1102
+ 1120000,
1103
+ 930000,
1104
+ 410000,
1105
+ 275000
1106
+ ]
1107
+ },
1108
+ {
1109
+ "label": "Completion Tokens",
1110
+ "data": [
1111
+ 600000,
1112
+ 500000,
1113
+ 220000,
1114
+ 145000
1115
+ ]
1116
+ }
1117
+ ]
1118
+ },
1119
+ "options": {
1120
+ "scales": {
1121
+ "x": {
1122
+ "stacked": true
1123
+ },
1124
+ "y": {
1125
+ "stacked": true
1126
+ }
1127
+ }
1128
+ }
1129
+ }
1130
+ }
1131
+ ]
1132
+ }
1133
+ }
1134
+ ]
1135
+ },
1136
+ {
1137
+ "component": "cre8-grid-item",
1138
+ "children": [
1139
+ {
1140
+ "component": "cre8-card",
1141
+ "props": {
1142
+ "variant": "compact"
1143
+ },
1144
+ "slots": {
1145
+ "header": [
1146
+ {
1147
+ "component": "cre8-heading",
1148
+ "props": {
1149
+ "type": "title-default",
1150
+ "tagVariant": "h3"
1151
+ },
1152
+ "children": [
1153
+ "Error Rate (24h)"
1154
+ ]
1155
+ }
1156
+ ],
1157
+ "default": [
1158
+ {
1159
+ "component": "cre8-chart",
1160
+ "props": {
1161
+ "type": "line",
1162
+ "height": 200,
1163
+ "aria-label": "Error rate over 24 hours",
1164
+ "show-legend": false,
1165
+ "data": {
1166
+ "labels": [
1167
+ "00h",
1168
+ "02h",
1169
+ "04h",
1170
+ "06h",
1171
+ "08h",
1172
+ "10h",
1173
+ "12h",
1174
+ "14h",
1175
+ "16h",
1176
+ "18h",
1177
+ "20h",
1178
+ "22h"
1179
+ ],
1180
+ "datasets": [
1181
+ {
1182
+ "label": "Error Rate %",
1183
+ "data": [
1184
+ 0.1,
1185
+ 0.2,
1186
+ 0.1,
1187
+ 0.3,
1188
+ 0.4,
1189
+ 0.6,
1190
+ 0.8,
1191
+ 1.2,
1192
+ 0.9,
1193
+ 0.5,
1194
+ 0.3,
1195
+ 0.4
1196
+ ],
1197
+ "fill": true,
1198
+ "tension": 0.4
1199
+ }
1200
+ ]
1201
+ }
1202
+ }
1203
+ }
1204
+ ]
1205
+ }
1206
+ }
1207
+ ]
1208
+ }
1209
+ ]
1210
+ },
1211
+ {
1212
+ "component": "cre8-heading",
1213
+ "props": {
1214
+ "type": "title-default",
1215
+ "tagVariant": "h3"
1216
+ },
1217
+ "children": [
1218
+ "Recent Requests"
1219
+ ]
1220
+ },
1221
+ {
1222
+ "component": "cre8-table",
1223
+ "props": {
1224
+ "caption": "Recent LLM requests",
1225
+ "variant": "striped"
1226
+ },
1227
+ "children": [
1228
+ {
1229
+ "component": "cre8-table-header",
1230
+ "children": [
1231
+ {
1232
+ "component": "cre8-table-row",
1233
+ "children": [
1234
+ {
1235
+ "component": "cre8-table-header-cell",
1236
+ "children": [
1237
+ "Time"
1238
+ ]
1239
+ },
1240
+ {
1241
+ "component": "cre8-table-header-cell",
1242
+ "children": [
1243
+ "Model"
1244
+ ]
1245
+ },
1246
+ {
1247
+ "component": "cre8-table-header-cell",
1248
+ "children": [
1249
+ "Prompt"
1250
+ ]
1251
+ },
1252
+ {
1253
+ "component": "cre8-table-header-cell",
1254
+ "children": [
1255
+ "Completion"
1256
+ ]
1257
+ },
1258
+ {
1259
+ "component": "cre8-table-header-cell",
1260
+ "children": [
1261
+ "Latency"
1262
+ ]
1263
+ },
1264
+ {
1265
+ "component": "cre8-table-header-cell",
1266
+ "children": [
1267
+ "Cost"
1268
+ ]
1269
+ },
1270
+ {
1271
+ "component": "cre8-table-header-cell",
1272
+ "children": [
1273
+ "Status"
1274
+ ]
1275
+ }
1276
+ ]
1277
+ }
1278
+ ]
1279
+ },
1280
+ {
1281
+ "component": "cre8-table-body",
1282
+ "children": [
1283
+ {
1284
+ "component": "cre8-table-row",
1285
+ "children": [
1286
+ {
1287
+ "component": "cre8-table-cell",
1288
+ "children": [
1289
+ "14:23:45"
1290
+ ]
1291
+ },
1292
+ {
1293
+ "component": "cre8-table-cell",
1294
+ "children": [
1295
+ "claude-3-5-sonnet"
1296
+ ]
1297
+ },
1298
+ {
1299
+ "component": "cre8-table-cell",
1300
+ "children": [
1301
+ "847"
1302
+ ]
1303
+ },
1304
+ {
1305
+ "component": "cre8-table-cell",
1306
+ "children": [
1307
+ "400"
1308
+ ]
1309
+ },
1310
+ {
1311
+ "component": "cre8-table-cell",
1312
+ "children": [
1313
+ "0.92s"
1314
+ ]
1315
+ },
1316
+ {
1317
+ "component": "cre8-table-cell",
1318
+ "children": [
1319
+ "$0.013"
1320
+ ]
1321
+ },
1322
+ {
1323
+ "component": "cre8-table-cell",
1324
+ "children": [
1325
+ {
1326
+ "component": "cre8-badge",
1327
+ "props": {
1328
+ "text": "OK",
1329
+ "status": "success"
1330
+ }
1331
+ }
1332
+ ]
1333
+ }
1334
+ ]
1335
+ },
1336
+ {
1337
+ "component": "cre8-table-row",
1338
+ "children": [
1339
+ {
1340
+ "component": "cre8-table-cell",
1341
+ "children": [
1342
+ "14:23:12"
1343
+ ]
1344
+ },
1345
+ {
1346
+ "component": "cre8-table-cell",
1347
+ "children": [
1348
+ "gpt-4o"
1349
+ ]
1350
+ },
1351
+ {
1352
+ "component": "cre8-table-cell",
1353
+ "children": [
1354
+ "512"
1355
+ ]
1356
+ },
1357
+ {
1358
+ "component": "cre8-table-cell",
1359
+ "children": [
1360
+ "320"
1361
+ ]
1362
+ },
1363
+ {
1364
+ "component": "cre8-table-cell",
1365
+ "children": [
1366
+ "1.45s"
1367
+ ]
1368
+ },
1369
+ {
1370
+ "component": "cre8-table-cell",
1371
+ "children": [
1372
+ "$0.018"
1373
+ ]
1374
+ },
1375
+ {
1376
+ "component": "cre8-table-cell",
1377
+ "children": [
1378
+ {
1379
+ "component": "cre8-badge",
1380
+ "props": {
1381
+ "text": "OK",
1382
+ "status": "success"
1383
+ }
1384
+ }
1385
+ ]
1386
+ }
1387
+ ]
1388
+ },
1389
+ {
1390
+ "component": "cre8-table-row",
1391
+ "children": [
1392
+ {
1393
+ "component": "cre8-table-cell",
1394
+ "children": [
1395
+ "14:22:58"
1396
+ ]
1397
+ },
1398
+ {
1399
+ "component": "cre8-table-cell",
1400
+ "children": [
1401
+ "gemini-1.5-pro"
1402
+ ]
1403
+ },
1404
+ {
1405
+ "component": "cre8-table-cell",
1406
+ "children": [
1407
+ "1,203"
1408
+ ]
1409
+ },
1410
+ {
1411
+ "component": "cre8-table-cell",
1412
+ "children": [
1413
+ "901"
1414
+ ]
1415
+ },
1416
+ {
1417
+ "component": "cre8-table-cell",
1418
+ "children": [
1419
+ "1.12s"
1420
+ ]
1421
+ },
1422
+ {
1423
+ "component": "cre8-table-cell",
1424
+ "children": [
1425
+ "$0.006"
1426
+ ]
1427
+ },
1428
+ {
1429
+ "component": "cre8-table-cell",
1430
+ "children": [
1431
+ {
1432
+ "component": "cre8-badge",
1433
+ "props": {
1434
+ "text": "OK",
1435
+ "status": "success"
1436
+ }
1437
+ }
1438
+ ]
1439
+ }
1440
+ ]
1441
+ },
1442
+ {
1443
+ "component": "cre8-table-row",
1444
+ "children": [
1445
+ {
1446
+ "component": "cre8-table-cell",
1447
+ "children": [
1448
+ "14:22:31"
1449
+ ]
1450
+ },
1451
+ {
1452
+ "component": "cre8-table-cell",
1453
+ "children": [
1454
+ "gpt-4o"
1455
+ ]
1456
+ },
1457
+ {
1458
+ "component": "cre8-table-cell",
1459
+ "children": [
1460
+ "234"
1461
+ ]
1462
+ },
1463
+ {
1464
+ "component": "cre8-table-cell",
1465
+ "children": [
1466
+ "—"
1467
+ ]
1468
+ },
1469
+ {
1470
+ "component": "cre8-table-cell",
1471
+ "children": [
1472
+ "2.87s"
1473
+ ]
1474
+ },
1475
+ {
1476
+ "component": "cre8-table-cell",
1477
+ "children": [
1478
+ "$0.000"
1479
+ ]
1480
+ },
1481
+ {
1482
+ "component": "cre8-table-cell",
1483
+ "children": [
1484
+ {
1485
+ "component": "cre8-badge",
1486
+ "props": {
1487
+ "text": "Error",
1488
+ "status": "error"
1489
+ }
1490
+ }
1491
+ ]
1492
+ }
1493
+ ]
1494
+ },
1495
+ {
1496
+ "component": "cre8-table-row",
1497
+ "children": [
1498
+ {
1499
+ "component": "cre8-table-cell",
1500
+ "children": [
1501
+ "14:22:15"
1502
+ ]
1503
+ },
1504
+ {
1505
+ "component": "cre8-table-cell",
1506
+ "children": [
1507
+ "claude-3-5-sonnet"
1508
+ ]
1509
+ },
1510
+ {
1511
+ "component": "cre8-table-cell",
1512
+ "children": [
1513
+ "634"
1514
+ ]
1515
+ },
1516
+ {
1517
+ "component": "cre8-table-cell",
1518
+ "children": [
1519
+ "353"
1520
+ ]
1521
+ },
1522
+ {
1523
+ "component": "cre8-table-cell",
1524
+ "children": [
1525
+ "0.78s"
1526
+ ]
1527
+ },
1528
+ {
1529
+ "component": "cre8-table-cell",
1530
+ "children": [
1531
+ "$0.010"
1532
+ ]
1533
+ },
1534
+ {
1535
+ "component": "cre8-table-cell",
1536
+ "children": [
1537
+ {
1538
+ "component": "cre8-badge",
1539
+ "props": {
1540
+ "text": "OK",
1541
+ "status": "success"
1542
+ }
1543
+ }
1544
+ ]
1545
+ }
1546
+ ]
1547
+ },
1548
+ {
1549
+ "component": "cre8-table-row",
1550
+ "children": [
1551
+ {
1552
+ "component": "cre8-table-cell",
1553
+ "children": [
1554
+ "14:21:59"
1555
+ ]
1556
+ },
1557
+ {
1558
+ "component": "cre8-table-cell",
1559
+ "children": [
1560
+ "gpt-4o-mini"
1561
+ ]
1562
+ },
1563
+ {
1564
+ "component": "cre8-table-cell",
1565
+ "children": [
1566
+ "445"
1567
+ ]
1568
+ },
1569
+ {
1570
+ "component": "cre8-table-cell",
1571
+ "children": [
1572
+ "398"
1573
+ ]
1574
+ },
1575
+ {
1576
+ "component": "cre8-table-cell",
1577
+ "children": [
1578
+ "0.51s"
1579
+ ]
1580
+ },
1581
+ {
1582
+ "component": "cre8-table-cell",
1583
+ "children": [
1584
+ "$0.001"
1585
+ ]
1586
+ },
1587
+ {
1588
+ "component": "cre8-table-cell",
1589
+ "children": [
1590
+ {
1591
+ "component": "cre8-badge",
1592
+ "props": {
1593
+ "text": "OK",
1594
+ "status": "success"
1595
+ }
1596
+ }
1597
+ ]
1598
+ }
1599
+ ]
1600
+ },
1601
+ {
1602
+ "component": "cre8-table-row",
1603
+ "children": [
1604
+ {
1605
+ "component": "cre8-table-cell",
1606
+ "children": [
1607
+ "14:21:43"
1608
+ ]
1609
+ },
1610
+ {
1611
+ "component": "cre8-table-cell",
1612
+ "children": [
1613
+ "claude-3-5-sonnet"
1614
+ ]
1615
+ },
1616
+ {
1617
+ "component": "cre8-table-cell",
1618
+ "children": [
1619
+ "1,102"
1620
+ ]
1621
+ },
1622
+ {
1623
+ "component": "cre8-table-cell",
1624
+ "children": [
1625
+ "567"
1626
+ ]
1627
+ },
1628
+ {
1629
+ "component": "cre8-table-cell",
1630
+ "children": [
1631
+ "1.14s"
1632
+ ]
1633
+ },
1634
+ {
1635
+ "component": "cre8-table-cell",
1636
+ "children": [
1637
+ "$0.017"
1638
+ ]
1639
+ },
1640
+ {
1641
+ "component": "cre8-table-cell",
1642
+ "children": [
1643
+ {
1644
+ "component": "cre8-badge",
1645
+ "props": {
1646
+ "text": "OK",
1647
+ "status": "success"
1648
+ }
1649
+ }
1650
+ ]
1651
+ }
1652
+ ]
1653
+ },
1654
+ {
1655
+ "component": "cre8-table-row",
1656
+ "children": [
1657
+ {
1658
+ "component": "cre8-table-cell",
1659
+ "children": [
1660
+ "14:21:28"
1661
+ ]
1662
+ },
1663
+ {
1664
+ "component": "cre8-table-cell",
1665
+ "children": [
1666
+ "gpt-4o"
1667
+ ]
1668
+ },
1669
+ {
1670
+ "component": "cre8-table-cell",
1671
+ "children": [
1672
+ "782"
1673
+ ]
1674
+ },
1675
+ {
1676
+ "component": "cre8-table-cell",
1677
+ "children": [
1678
+ "418"
1679
+ ]
1680
+ },
1681
+ {
1682
+ "component": "cre8-table-cell",
1683
+ "children": [
1684
+ "1.67s"
1685
+ ]
1686
+ },
1687
+ {
1688
+ "component": "cre8-table-cell",
1689
+ "children": [
1690
+ "$0.021"
1691
+ ]
1692
+ },
1693
+ {
1694
+ "component": "cre8-table-cell",
1695
+ "children": [
1696
+ {
1697
+ "component": "cre8-badge",
1698
+ "props": {
1699
+ "text": "OK",
1700
+ "status": "success"
1701
+ }
1702
+ }
1703
+ ]
1704
+ }
1705
+ ]
1706
+ }
1707
+ ]
1708
+ }
1709
+ ]
1710
+ }
1711
+ ]
1712
+ }
1713
+ ]
1714
+ }
1715
+ }
1716
+ ]
1717
+ }
1718
+ ]
1719
+ }