fix: listen for named SSE events in progress panel

The backend sends named lifecycle events (event: instance.health_changed),
but useEvents only set es.onmessage, which only receives unnamed message
events. Add explicit addEventListener registrations for all lifecycle
event types so the progress panel receives updates and completes.

Quality gates: npm run typecheck, npm run lint, npm test -- --run
(87 passed).

apps/web/src/hooks/use-events.ts

@@ -12,6 +12,16 @@ export interface UseEventsReturn {
 const MAX_DELAY = 30000;
 const BASE_DELAY = 1000;
 
+const LIFECYCLE_EVENT_TYPES = [
+	"instance.created",
+	"instance.started",
+	"instance.stopped",
+	"instance.restarted",
+	"instance.deleted",
+	"instance.error",
+	"instance.health_changed",
+] as const;
+
 export function useEvents(): UseEventsReturn {
 	const [events, setEvents] = useState<InstanceEventPayload[]>([]);
 	const [connected, setConnected] = useState(false);
@@ -39,7 +49,7 @@ export function useEvents(): UseEventsReturn {
 			setReconnectCount(0);
 		};
 
-		es.onmessage = (e) => {
+		const handleEventMessage = (e: MessageEvent) => {
 			if (!isMountedRef.current) return;
 			try {
 				const payload: InstanceEventPayload = JSON.parse(e.data);
@@ -49,6 +59,11 @@ export function useEvents(): UseEventsReturn {
 			}
 		};
 
+		es.addEventListener("message", handleEventMessage);
+		for (const eventType of LIFECYCLE_EVENT_TYPES) {
+			es.addEventListener(eventType, handleEventMessage);
+		}
+
 		es.onerror = () => {
 			if (!isMountedRef.current) return;
 			setConnected(false);