WeiseOS Cloud Studio

Design System

v0.1.0 · dashboard-pro

Foundations

Color tokens, typography, radius and elevation primitives.

Color tokens

Neutral surfaces

neutral-primary-soft

#FFFFFF

neutral-secondary-soft

#F9FAFB

neutral-tertiary

#F3F4F6

neutral-quaternary

#E5E7EB

Brand

brand-softer

#EEF6FF

brand-soft

#DBEAFE

brand

#1447E6

brand-strong

#193CB8

Status

success

#007A55

warning

#F97316

danger

#C70036

dark-strong

#111827

Engineering accents

fg-purple

#9333EA

fg-cyan

#0891B2

fg-indigo

#4F46E5

fg-lime

#65A30D

Typography

H1 · 60

H2 · 44

H3 · 36

H4 · 24

H5 · 20

Body — 16px / 1.7. The quick brown fox jumps over the embedded gateway.

Small — 14px / 1.6 helper copy.

mono · 14 — telemetry.service.ts

Radius & shadows

sm 4

md 8

full

shadow-xs

shadow-sm

shadow-md

shadow-lg

Buttons

Variants, sizes, with-icon, loading, disabled.

Variants

Sizes

With icons

Cards

Basic, metric, status, file/resource.

Basic card

Composable surface with header and content.

Use for general grouping of related content.

Active devices

1,284

+4.2%vs. last 24h

Broker latency

2.4s

P95 above SLO — investigate ingest workers.

mqtt-client.ts

src/transport · modified 4m ago

Form controls

Inputs, textarea, select, checkbox, switch.

Project

With error

Device ID is invalid.

With success

Looks good.

Disabled

Notes

Selection controls

Telemetry compressionDisabled optionAuto OTA onDisabled toggle

UI elements

Badges, tabs, alerts, toasts, progress, skeleton.

Badges

BrandAltGraySuccessDangerWarningDark Online

Tabs — underline

Overview panel content.

Tabs — pill

Deployment scheduled

Firmware v0.4.2 will roll out to 1,284 devices in 12 minutes.

Build passed

All 8 tests passed in 1.8 seconds.

Broker latency elevated

P95 ingest latency is above the 2s SLO.

OTA rollback triggered

14 devices failed the post-flash health check.

Progress & toast

OTA rollout64%

Skeleton

Engineering components

Purpose-built for the WeiseOS coding agent.

Agent status

IdleThinkingRunning tsc --noEmitTool failed

Terminal command

$ pio run -t upload --environment esp32-s3-devkitc-1

Configuring upload protocol... esptool.py v4.7.0
Writing at 0x000d4000... (100 %) — Hash of data verified.

Code snippet

mqtt-client.tstypescript

1const client = mqtt.connect(BROKER_URL, {
2  clientId: deviceId,
3  keepalive: 30,
4  reconnectPeriod: 0, // managed manually
5});
6 
7client.on("connect", () => {
8  console.log("[mqtt] connected");
9});

File tree items

System health

MQTT broker42 ms

Ingest pipelineP95 2.4s

OTA channel14 failed