ViewDeactivate

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

Centering wrapper around the embedded warning-toned SystemMessageCard. The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport; mirrors ViewLoading.root and the other system-view roots so deactivation reads as a sibling of the missing-route and slow-load surfaces.

Vue component: ViewDeactivate

Slot	Default classes	Description
root	flex min-h-full items-center justify-center p-8	Centering wrapper around the embedded warning-toned SystemMessageCard. The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport; mirrors ViewLoading.root and the other system-view roots so deactivation reads as a sibling of the missing-route and slow-load surfaces.
message	text-[13px] leading-[1.5] text-muted-foreground	Default suspension-explanation paragraph rendered inside the card body when the message slot is not overridden. 13 px / muted-foreground so the copy reads as supporting prose beside the destructive button. Consumer overrides take precedence; the ConsequencesBullets list below covers structured per-impact rows.
error	text-[12px] text-destructive leading-[1.5]	Submit-error paragraph shown when the deactivate PATCH fails. 12 px / destructive so the error reads as a tone-flipped sibling of the muted message above, without escalating to a full validation alert recipe (the view holds its own retry rather than blocking via ActionForm.validation).

root

Centering wrapper around the embedded warning-toned SystemMessageCard. The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport; mirrors ViewLoading.root and the other system-view roots so deactivation reads as a sibling of the missing-route and slow-load surfaces.

Default classes:

flex min-h-full items-center justify-center p-8

Source: client/lib/theme/vueda-tailwind/views/ViewDeactivate.theme.js:17

message

Default suspension-explanation paragraph rendered inside the card body when the message slot is not overridden. 13 px / muted-foreground so the copy reads as supporting prose beside the destructive button. Consumer overrides take precedence; the ConsequencesBullets list below covers structured per-impact rows.

Default classes:

text-[13px] leading-[1.5] text-muted-foreground

Source: client/lib/theme/vueda-tailwind/views/ViewDeactivate.theme.js:21

error

Submit-error paragraph shown when the deactivate PATCH fails. 12 px / destructive so the error reads as a tone-flipped sibling of the muted message above, without escalating to a full validation alert recipe (the view holds its own retry rather than blocking via ActionForm.validation).

Default classes:

text-[12px] text-destructive leading-[1.5]

Source: client/lib/theme/vueda-tailwind/views/ViewDeactivate.theme.js:25