Playground

ExampleTheme

{"version":"v0.9","createSurface":{"surfaceId":"release","catalogId":"https://ui.exponential.at/catalogs/core/v1"}}
{"version":"v0.9","updateComponents":{"surfaceId":"release","components":[{"id":"root","component":"Box","children":["demo-card"],"style":{"display":"flex","flexDirection":"column","gap":"$spacing.lg","padding":"$spacing.xl","maxWidth":560}},{"id":"demo-card","component":"Card","title":"Release 0.18.84","description":"Shipped 02:14 · 3 platforms","children":["demo-status"]},{"id":"demo-status","component":"Stack","direction":"horizontal","gap":"sm","align":"center","children":["demo-badge"]},{"id":"demo-badge","component":"Badge","text":"Healthy","variant":"default","icon":"check"}]}}
{"version":"v0.9","updateComponents":{"surfaceId":"release","components":[{"id":"root","component":"Box","children":["demo-card"],"style":{"display":"flex","flexDirection":"column","gap":"$spacing.lg","padding":"$spacing.xl","maxWidth":560}},{"id":"demo-card","component":"Card","title":"Release 0.18.84","description":"Shipped 02:14 · 3 platforms","children":["demo-status","demo-row-errors","demo-row-p95","demo-rollout"]},{"id":"demo-status","component":"Stack","direction":"horizontal","gap":"sm","align":"center","children":["demo-badge","demo-badge-2"]},{"id":"demo-badge","component":"Badge","text":"Healthy","variant":"default","icon":"check"},{"id":"demo-badge-2","component":"Badge","text":"0 incidents","variant":"outline"},{"id":"demo-row-errors","component":"Row","title":"Error rate","value":"0.04 %"},{"id":"demo-row-p95","component":"Row","title":"p95 latency","value":"182 ms"},{"id":"demo-rollout","component":"Progress","value":80,"max":100,"label":"Rollout","tone":"primary"}]}}
{"version":"v0.9","updateComponents":{"surfaceId":"release","components":[{"id":"root","component":"Box","children":["demo-card"],"style":{"display":"flex","flexDirection":"column","gap":"$spacing.lg","padding":"$spacing.xl","maxWidth":560}},{"id":"demo-card","component":"Card","title":"Release 0.18.84","description":"Shipped 02:14 · 3 platforms","children":["demo-status","demo-row-errors","demo-row-p95","demo-rollout","demo-chart","demo-actions"]},{"id":"demo-status","component":"Stack","direction":"horizontal","gap":"sm","align":"center","children":["demo-badge","demo-badge-2"]},{"id":"demo-badge","component":"Badge","text":"Healthy","variant":"default","icon":"check"},{"id":"demo-badge-2","component":"Badge","text":"0 incidents","variant":"outline"},{"id":"demo-row-errors","component":"Row","title":"Error rate","value":"0.04 %"},{"id":"demo-row-p95","component":"Row","title":"p95 latency","value":"182 ms"},{"id":"demo-rollout","component":"Progress","value":80,"max":100,"label":"Rollout","tone":"primary"},{"id":"demo-chart","component":"Chart","kind":"line","title":"Requests per minute","height":140,"categories":["00:00","01:00","02:00","03:00","04:00","05:00","06:00"],"series":[{"name":"Requests","values":[420,380,510,640,590,610,700]}]},{"id":"demo-actions","component":"Stack","direction":"horizontal","gap":"sm","justify":"end","children":["demo-rollback","demo-promote"]},{"id":"demo-rollback","component":"Button","label":"Roll back","variant":"outline"},{"id":"demo-promote","component":"Button","label":"Promote to 100 %","variant":"default"}]}}

Loading the renderer…

No issues

System prompt

lite terse index only

Loading the prompt…