feat: update button (download, verify, stage)

web/src/components/UpdateStatusBlock.vue

@@ -17,6 +17,7 @@ const props = defineProps<{
 	title: string
 	text: string
 	meta?: string
+	live?: 'polite' | 'off'
 }>()
 
 const toneClasses = computed(() => TONE_CLASSES[props.tone])
@@ -24,7 +25,7 @@ const spinning = computed(() => props.icon === 'i-lucide-loader-circle')
 </script>
 
 <template>
-	<div aria-live="polite" class="flex gap-3 p-3.5" :class="toneClasses.block">
+	<div :aria-live="live ?? 'polite'" class="flex gap-3 p-3.5" :class="toneClasses.block">
 		<span class="flex pt-0.5">
 			<UIcon
 				:name="icon"
@@ -38,6 +39,7 @@ const spinning = computed(() => props.icon === 'i-lucide-loader-circle')
 		<div class="flex min-w-0 flex-1 flex-col gap-1">
 			<span class="text-base font-semibold text-highlighted">{{ title }}</span>
 			<span class="text-sm text-pretty text-toned">{{ text }}</span>
+			<slot />
 			<span v-if="meta" class="text-xs/5 text-muted">{{ meta }}</span>
 		</div>
 	</div>