feat(ui): live host row update via SSE without full reload

On new ingest, patch visible host from GET /hosts/{id}; SAC 0.8.1.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/views/HostDetailView.vue

@@ -130,7 +130,14 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
-import { apiFetch, type EventListResponse, type HostDetail } from "../api";
+import { useSacLiveEventStream } from "../composables/useSacLiveEventStream";
+import {
+  apiFetch,
+  fetchHost,
+  fetchRecentEvents,
+  type EventListResponse,
+  type HostDetail,
+} from "../api";
 
 const props = defineProps<{ id: string }>();
 const route = useRoute();
@@ -143,6 +150,11 @@ const error = ref("");
 const eventsError = ref("");
 const eventsPage = ref(1);
 const eventsPageSize = 50;
+let refreshingLive = false;
+
+useSacLiveEventStream(() => {
+  void refreshFromLatestEvent();
+});
 
 const hostId = computed(() => parseInt(props.id, 10));
 
@@ -211,7 +223,7 @@ async function loadHost() {
   loading.value = true;
   error.value = "";
   try {
-    host.value = await apiFetch<HostDetail>(`/api/v1/hosts/${hostId.value}`);
+    host.value = await fetchHost(hostId.value);
   } catch (e) {
     error.value = e instanceof Error ? e.message : "Ошибка загрузки хоста";
   } finally {
@@ -219,6 +231,24 @@ async function loadHost() {
   }
 }
 
+async function refreshFromLatestEvent() {
+  if (refreshingLive) return;
+  refreshingLive = true;
+  try {
+    const recent = await fetchRecentEvents(1);
+    const ev = recent[0];
+    if (!ev || ev.host_id !== hostId.value) return;
+    host.value = await fetchHost(hostId.value);
+    if (eventsPage.value === 1) {
+      await loadEvents(1);
+    }
+  } catch {
+    /* ignore transient errors */
+  } finally {
+    refreshingLive = false;
+  }
+}
+
 async function loadEvents(page = 1) {
   eventsLoading.value = true;
   eventsError.value = "";

frontend/src/views/HostsView.vue

@@ -10,7 +10,10 @@
   <p v-if="error" class="error">{{ error }}</p>
   <p v-else-if="loading">Загрузка…</p>
   <template v-else>
-    <p>Всего: {{ data?.total ?? 0 }}</p>
+    <p>
+      Всего: {{ data?.total ?? 0 }}
+      <span v-if="live" class="live-badge">live</span>
+    </p>
     <table class="hosts-table">
       <thead>
         <tr>
@@ -77,7 +80,15 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
-import { apiFetch, type HostListResponse, type HostSummary } from "../api";
+import { useSacLiveEventStream } from "../composables/useSacLiveEventStream";
+import {
+  apiFetch,
+  fetchHost,
+  fetchRecentEvents,
+  type HostListResponse,
+  type HostSummary,
+} from "../api";
+import { patchHostSummaryFromDetail } from "../utils/hostsLiveUpdate";
 
 const router = useRouter();
 
@@ -139,6 +150,11 @@ const initialSort = loadHostsSortPrefs();
 const sortBy = ref<SortKey>(initialSort.sortBy);
 const sortDir = ref<"asc" | "desc">(initialSort.sortDir);
 const deletingId = ref<number | null>(null);
+let patchingHostRow = false;
+
+const { live } = useSacLiveEventStream(() => {
+  void patchHostRowFromLatestEvent();
+});
 
 function formatDt(iso: string) {
   return new Date(iso).toLocaleString("ru-RU");
@@ -248,6 +264,24 @@ async function loadHosts() {
   }
 }
 
+async function patchHostRowFromLatestEvent() {
+  if (!data.value?.items.length || patchingHostRow) return;
+  patchingHostRow = true;
+  try {
+    const recent = await fetchRecentEvents(1);
+    const ev = recent[0];
+    if (!ev) return;
+    const row = data.value.items.find((h) => h.id === ev.host_id);
+    if (!row) return;
+    const detail = await fetchHost(ev.host_id);
+    patchHostSummaryFromDetail(row, detail);
+  } catch {
+    /* keep table on transient errors */
+  } finally {
+    patchingHostRow = false;
+  }
+}
+
 interface HostDeleteResponse {
   status: string;
   host_id: number;