LoadingHeartbeatStrip

Source: client/lib/theme/vueda-tailwind/display/index.js

Mono status row that separates request identity from live loading state.

Vue component: LoadingHeartbeatStrip

Slot	Default classes	Description
root	2 classes	Mono status row that separates request identity from live loading state.
id	flex items-center gap-1.5 min-w-0 shrink truncate	Truncated request identifier group on the leading side of the strip.
status	flex items-center gap-1.5 shrink-0	Trailing status group for dependency count and heartbeat dot.
dot	2 classes	Default heartbeat dot using the primary loading tint.
dotSlow	2 classes	Slow-path heartbeat dot using the warning tint.

root

Mono status row that separates request identity from live loading state.

Default classes:

flex items-center justify-between gap-4
font-mono text-[11px] leading-none text-muted-foreground

Source: client/lib/theme/vueda-tailwind/display/LoadingHeartbeatStrip.theme.js:16

id

Truncated request identifier group on the leading side of the strip.

Default classes:

flex items-center gap-1.5 min-w-0 shrink truncate

Source: client/lib/theme/vueda-tailwind/display/LoadingHeartbeatStrip.theme.js:23

status

Trailing status group for dependency count and heartbeat dot.

Default classes:

flex items-center gap-1.5 shrink-0

Source: client/lib/theme/vueda-tailwind/display/LoadingHeartbeatStrip.theme.js:27

dot

Default heartbeat dot using the primary loading tint.

Default classes:

inline-block w-1.5 h-1.5 rounded-full bg-primary text-primary
animate-vueda-heartbeat-pulse

Source: client/lib/theme/vueda-tailwind/display/LoadingHeartbeatStrip.theme.js:31

dotSlow

Slow-path heartbeat dot using the warning tint.

Default classes:

inline-block w-1.5 h-1.5 rounded-full bg-warning text-warning
animate-vueda-heartbeat-pulse

Source: client/lib/theme/vueda-tailwind/display/LoadingHeartbeatStrip.theme.js:35