Welle 2 · Docker-Dienste unter Arcane einzeln: Stacks, Zustand, Gesundheit, Update-Stand; neue Stacks unter „Neu entdeckt“

Statt „Arcane (Docker) · 11 Images“ zeigt das Homelab-Cockpit je Stack jeden Container mit Zustand, Healthcheck und
Update-Stand („Update verfügbar“, „lokal gebaut“ für NerdQuiz und Rippy, „aktuell“). Der Wächter meldet gelb, wenn
ein Container ungesund ist oder ständig neu startet; beendete Container sind kein Befund. Neue Stacks erscheinen unter
„Neu entdeckt“ (eigenes Register, nur „Übernehmen“), Lucy meldet sie einmal.

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

frontend/src/components/homelab/NeuEntdeckt.tsx

@@ -5,7 +5,7 @@ import { Geraetesymbol } from "@/components/cockpit/Geraetesymbol"
 import { Panel } from "@/components/cockpit/Panel"
 import { Button } from "@/components/ui/button"
 import { geraetebild } from "@/lib/geraetebild"
-import type { NeuesGeraet, NeuWahl } from "@/lib/typen"
+import type { NeuerStack, NeuesGeraet, NeuWahl } from "@/lib/typen"
 import { flugplanZeit } from "@/lib/zeit"
 
 // „Neu entdeckt“ (Ausbauplan Welle 2, Punkt 7, seit 25.09.2026): Geräte, die der Orchestrator noch nicht kennt, mit
@@ -76,24 +76,47 @@ const FRAGE: Record<NeuWahl, { titel: string; text: string; knopf: string }> = {
   },
 }
 
-export function NeuEntdeckt({ geraete, gesperrt, onWahl }: {
+/** Ein neuer Docker-Stack: nur „Übernehmen“ — Etiketten gibt es unter Arcane nicht. */
+function StackKarte({ s, gesperrt, onWahl }: { s: NeuerStack; gesperrt: boolean; onWahl: (w: NeuWahl) => void }) {
+  return (
+    <li className="flaeche-innen flex flex-col gap-3 rounded-2xl p-4">
+      <div className="flex items-start gap-3">
+        <Geraetesymbol bild={geraetebild({ art: "container", name: s.name })} groesse="md" punkt="ok" />
+        <div className="flex min-w-0 flex-1 flex-col gap-0.5">
+          <span className="text-[15px] font-semibold break-words">Docker-Stack {s.name}</span>
+          <span className="text-[13px] text-text-3">
+            unter Arcane{s.erstmals ? ` · entdeckt ${flugplanZeit(new Date(s.erstmals * 1000).toISOString()).toLowerCase()}` : ""}
+          </span>
+        </div>
+      </div>
+      <p className="m-0 text-sm break-words text-text-2">Container: {s.container.join(", ") || "–"}</p>
+      <Button size="sm" className="self-start" disabled={gesperrt} onClick={() => onWahl("beobachten")}>Übernehmen</Button>
+    </li>
+  )
+}
+
+export function NeuEntdeckt({ geraete, stacks = [], gesperrt, onWahl }: {
   geraete: NeuesGeraet[]
+  /** Neue Docker-Stacks unter Arcane (seit 25.09.2026). */
+  stacks?: NeuerStack[]
   gesperrt: boolean
   onWahl: (id: string, wahl: NeuWahl) => void
 }) {
   const [frage, setFrage] = useState<{ g: NeuesGeraet; wahl: NeuWahl } | null>(null)
-  if (geraete.length === 0) return null
+  const anzahl = geraete.length + stacks.length
+  if (anzahl === 0) return null
   return (
     <Panel titel="Neu entdeckt" id="neu">
       <p className={cn("-mt-2 text-[15px] text-text-2")}>
-        {geraete.length === 1 ? "Ein Gerät kennt" : `${geraete.length} Geräte kennt`} der Orchestrator noch nicht. Entscheide,
-        ob er {geraete.length === 1 ? "es" : "sie"} nur beobachtet oder auch aktualisieren darf.
+        {anzahl === 1 ? "Eins kennt" : `${anzahl} kennt`} der Orchestrator noch nicht. Entscheide, ob er
+        {anzahl === 1 ? " es" : " sie"} nur beobachtet oder auch aktualisieren darf.
       </p>
       <ul className="m-0 grid list-none gap-3 p-0 md:grid-cols-2">
         {geraete.map((g) => (
           <Karte key={g.id} g={g} gesperrt={gesperrt}
             onWahl={(wahl) => (wahl === "beobachten" ? onWahl(g.id, wahl) : setFrage({ g, wahl }))} />
         ))}
+        {stacks.map((s) => <StackKarte key={s.id} s={s} gesperrt={gesperrt} onWahl={(wahl) => onWahl(s.id, wahl)} />)}
       </ul>
       <Bestaetigen
         offen={!!frage}