fix: read completed update results without a live terminal

AppImage/components/host-update-jobs.tsx

@@ -20,6 +20,7 @@ export function HostUpdateJobs({ open, activeId, onResume, onJobs, onSettled }:
 }) {
   const t = useT()
   const [jobs, setJobs] = useState<HostUpdateJob[]>([])
+  const [hidden, setHidden] = useState<Set<string>>(new Set())
   const callbacks = useRef({ onJobs, onSettled })
   callbacks.current = { onJobs, onSettled }
   const observed = useRef(new Set<string>())
@@ -47,15 +48,20 @@ export function HostUpdateJobs({ open, activeId, onResume, onJobs, onSettled }:
     const timer = setInterval(() => { void read() }, 5000)
     return () => { closed = true; clearInterval(timer) }
   }, [open])
-  const visible = jobs.filter(job => job.id !== activeId)
+  const visible = jobs.filter(job => job.id !== activeId && !(job.state === "complete" && hidden.has(job.id)))
   if (!visible.length) return null
   return <div className="space-y-2" role="status">
     {visible.map(job => <div key={job.id}
       className="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-violet-500/30 bg-violet-500/5 p-3">
       <p className="text-sm">{t(`healthStatus.hostUpdate.${job.state === "complete" ? "finished" : job.state === "attention" ? "attention" : "running"}`)}</p>
-      <Button size="sm" variant="outline" onClick={() => onResume(job)}>
-        {t("healthStatus.hostUpdate.view")}
-      </Button>
+      <div className="flex items-center gap-2">
+        <Button size="sm" variant="outline" onClick={() => onResume(job)}>
+          {t(job.state === "complete" ? "healthStatus.hostUpdate.viewResult" : "healthStatus.hostUpdate.view")}
+        </Button>
+        {job.state === "complete" && <Button size="sm" variant="ghost" onClick={() => setHidden(previous => new Set([...previous, job.id]))}>
+          {t("healthStatus.hostUpdate.hideResult")}
+        </Button>}
+      </div>
     </div>)}
   </div>
 }