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	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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