LoadingHeartbeatStrip

Overview

Live-updating status footer for loading views. Renders a flex justify-between strip with mono text: request id and elapsed time on the left, resolved/total dependency count and a pulsing dot on the right. The dot animates a box-shadow halo; tone="slow" flips it from primary blue to amber to signal an unusually long wait.

Theme entry: LoadingHeartbeatStrip

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
requestId	string		undefined	Request identifier displayed on the left.
elapsedMs	number		undefined	Elapsed time in milliseconds. Formatted as ms below 1000, s at or above.
resolved	number		undefined	Number of resolved dependencies.
total	number		undefined	Total number of dependencies.
tone	string		"default"	Visual tone. slow flips the pulsing dot to amber.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes applied to the root element.

Source

client/lib/display/loading/LoadingHeartbeatStrip.vue