aufträge und „Alle aktualisieren“: beendete lassen sich ausblenden

User 25.09.: Die Karten waren „immer da“ und ließen sich weder bestätigen noch
wegklicken. Beendete Aufträge der KI-Box und das letzte „Alle aktualisieren“
im Homelab haben jetzt einen Knopf „Ausblenden“ (quittiert wird auf dem Server,
gilt also auf allen Geräten; das Protokoll behält alles).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/components/cockpit/Auftraege.tsx

@@ -1,4 +1,4 @@
-import { useJobAbbrechen, useJobs } from "@/lib/abfragen"
+import { useJobAbbrechen, useJobQuittieren, useJobs } from "@/lib/abfragen"
 import { jobTitel, sichtbareJobs } from "@/lib/wartung"
 import { JobKarte } from "./JobKarte"
 import { Panel } from "./Panel"
@@ -10,6 +10,7 @@ import { Panel } from "./Panel"
 export function Auftraege({ alsPanel = false }: { alsPanel?: boolean }) {
   const jobs = useJobs()
   const abbrechen = useJobAbbrechen()
+  const quittieren = useJobQuittieren()
   const liste = sichtbareJobs(jobs.data?.jobs ?? [])
 
   let inhalt
@@ -23,6 +24,7 @@ export function Auftraege({ alsPanel = false }: { alsPanel?: boolean }) {
             ebene={alsPanel ? 3 : 4}
             abbrechenGesperrt={abbrechen.isPending}
             onAbbrechen={(job) => abbrechen.mutate({ id: job.id, titel: jobTitel(job) })}
+            onQuittieren={(job) => quittieren.mutate(job.id)}
           />
         ))}
       </div>

frontend/src/components/cockpit/JobKarte.test.tsx

@@ -97,3 +97,16 @@ describe("sichtbareJobs", () => {
     expect(liste.map((j) => j.id)).toEqual(["download", "update", "f4", "f3", "f2"])
   })
 })
+
+describe("Ausblenden (seit 25.09.2026)", () => {
+  it("bietet es nur für beendete Aufträge an und blendet quittierte aus", () => {
+    const onQuittieren = vi.fn()
+    const { rerender } = render(<JobKarte job={job({})} onQuittieren={onQuittieren} />)
+    expect(screen.queryByRole("button", { name: "Ausblenden" })).not.toBeInTheDocument()
+    const fertig = job({ state: "failed", returncode: 1, finished_at: JETZT - 60 })
+    rerender(<JobKarte job={fertig} onQuittieren={onQuittieren} />)
+    fireEvent.click(screen.getByRole("button", { name: "Ausblenden" }))
+    expect(onQuittieren).toHaveBeenCalledWith(fertig)
+    expect(sichtbareJobs([fertig, { ...fertig, id: "j2", quittiert: true }], JETZT).map((j) => j.id)).toEqual(["j1"])
+  })
+})

frontend/src/components/cockpit/JobKarte.tsx

@@ -41,9 +41,11 @@ function useJetzt(aktiv: boolean) {
  * die letzte Meldung, auf Wunsch das Protokoll. Abbrechen nur, wo es wirklich stoppt (`abbrechbar`).
  * `ebene` ist die Überschriftenebene (unter einem Panel-Titel h3, unter einer Zwischenüberschrift h4).
  */
-export function JobKarte({ job, onAbbrechen, abbrechenGesperrt, ebene = 4 }: {
+export function JobKarte({ job, onAbbrechen, onQuittieren, abbrechenGesperrt, ebene = 4 }: {
   job: Job
   onAbbrechen?: (job: Job) => void
+  /** Beendete Aufträge lassen sich ausblenden. */
+  onQuittieren?: (job: Job) => void
   abbrechenGesperrt?: boolean
   ebene?: 3 | 4
 }) {
@@ -95,7 +97,7 @@ export function JobKarte({ job, onAbbrechen, abbrechenGesperrt, ebene = 4 }: {
         </p>
       )}
 
-      {(darfAbbrechen || protokollZeilen.length > 1) && (
+      {(darfAbbrechen || protokollZeilen.length > 1 || (!laeuft && onQuittieren)) && (
         <div className="flex flex-wrap gap-2">
           {darfAbbrechen && (
             <Button variant="outline" size="sm" disabled={abbrechenGesperrt} onClick={() => setFrage(true)}>
@@ -107,6 +109,11 @@ export function JobKarte({ job, onAbbrechen, abbrechenGesperrt, ebene = 4 }: {
               {protokoll ? "Protokoll zu" : "Protokoll"}
             </Button>
           )}
+          {!laeuft && onQuittieren && (
+            <Button variant="outline" size="sm" className="ml-auto" onClick={() => onQuittieren(job)}>
+              Ausblenden
+            </Button>
+          )}
         </div>
       )}