@rslsp1/fa-app-tools 4.0.0 → 5.1.0

package/dist/{chunk-566GHYAT.mjs → chunk-3MUI4ZV7.mjs}

@@ -149,15 +149,15 @@ function resolveRef(ref, baseId, schemas) {
   const target = hash === -1 ? ref : ref.slice(0, hash);
   const pointer = hash === -1 ? "" : ref.slice(hash + 1);
   const documentId = target === "" ? baseId : new URL(target, baseId).href;
-  const document = schemas.byId.get(documentId);
-  if (!document) {
+  const document2 = schemas.byId.get(documentId);
+  if (!document2) {
     throw new UnsupportedSchemaError(`Referenz "${ref}" zeigt auf unbekanntes Schema ${documentId}.`);
   }
-  if (pointer === "" || pointer === "/") return { schema: document, baseId: documentId };
+  if (pointer === "" || pointer === "/") return { schema: document2, baseId: documentId };
   if (!pointer.startsWith("/")) {
     throw new UnsupportedSchemaError(`Referenz "${ref}": nur JSON-Pointer werden aufgeloest.`);
   }
-  let node = document;
+  let node = document2;
   for (const rawSegment of pointer.slice(1).split("/")) {
     const segment = unescapePointer(rawSegment);
     if (!isObject(node) || !(segment in node)) {
@@ -5225,6 +5225,30 @@ function findPromptRun(events, runId) {
   return collectPromptRuns(events).find((run) => run.run_id === runId) ?? null;
 }
 
+// src/lib/szenen/bildVorschau.ts
+async function ladeVorschauen(port, mediaRefs, fertig, optionen = {}) {
+  const laden = port.loadPreview;
+  if (!laden) return;
+  const parallel = Math.max(1, optionen.parallel ?? 4);
+  const lauf = optionen.lauf;
+  const offen = mediaRefs.filter((ref) => !(optionen.hat?.(ref) ?? false));
+  let naechster = 0;
+  async function arbeiter() {
+    while (naechster < offen.length) {
+      if (lauf?.abgebrochen) return;
+      const ref = offen[naechster];
+      naechster += 1;
+      const ergebnis = await laden.call(port, ref);
+      if (lauf?.abgebrochen) return;
+      if (ergebnis.kind === "ok") fertig(ref, ergebnis.value);
+      else optionen.gescheitert?.(ref, ergebnis.message);
+    }
+  }
+  await Promise.all(
+    Array.from({ length: Math.min(parallel, offen.length) }, () => arbeiter())
+  );
+}
+
 // src/lib/szenen/textGenerationPort.ts
 function simulatedAnswerFor(request) {
   let input;
@@ -6183,10 +6207,10 @@ async function runSceneDerivation(input, port, userPrompt) {
 }
 
 // src/features/szenen/SzenenView.tsx
-import { useMemo as useMemo3, useState as useState16 } from "react";
+import { useMemo as useMemo4, useState as useState17 } from "react";
 
 // src/features/szenen/areas/ElementsArea.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/features/szenen/areas/usePortQuery.ts
 import { useEffect, useRef, useState } from "react";
@@ -6218,7 +6242,7 @@ function usePortQuery(frage, abhaengigkeiten) {
 }
 
 // src/features/szenen/areas/ElementDetail.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState9 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState10 } from "react";
 
 // src/features/szenen/elementLabels.ts
 var LABELS = {
@@ -6578,6 +6602,9 @@ var LABELS2 = {
   user_instruction: "Nutzeranweisung",
   prompt_render_settings: "Prompt-Erzeugung",
   blender_render_settings: "Blender-Ausgabe",
+  // Nur Darstellung, keine Schemaaenderung (A4): Der Schluessel bleibt
+  // `overrides`, und er steht als `<code>` weiterhin daneben.
+  overrides: "Render-Abweichungen",
   camera_rig: "Kamera-Rig",
   media_refs: "Medien",
   external_refs: "Externe Referenzen",
@@ -7556,41 +7583,91 @@ var FeldControl = (props) => {
       );
   }
 };
+var LANGE_ERKLAERUNG = 120;
+function ersterSatz(text) {
+  const ende = /[.!?](\s|$)/.exec(text);
+  return ende ? text.slice(0, ende.index + 1) : text;
+}
+var Erklaerung = ({ text, testId }) => {
+  const ganz = text.trim();
+  const kern = ersterSatz(ganz);
+  const rest = ganz.slice(kern.length).trim();
+  if (ganz.length <= LANGE_ERKLAERUNG || !rest) {
+    return /* @__PURE__ */ jsx("small", { "data-testid": `erklaerung-${testId}`, children: ganz });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("small", { "data-testid": `erklaerung-${testId}`, children: kern }),
+    /* @__PURE__ */ jsxs("details", { className: "szenen-detail__warum", "data-testid": `warum-${testId}`, children: [
+      /* @__PURE__ */ jsx("summary", { children: "Warum?" }),
+      /* @__PURE__ */ jsx("small", { children: rest })
+    ] })
+  ] });
+};
+function gruppeKonfiguriert(feld, formular) {
+  return Object.keys(payloadFromForm([feld], formular)).length > 0;
+}
 var SchemaFieldRow = (props) => {
   const { feld, elementType, formular } = props;
   const label = feldLabel(elementType, feld.path, feld.name);
   if (feld.kind === "group") {
-    return /* @__PURE__ */ jsxs("fieldset", { className: "szenen-detail__group", "data-testid": `gruppe-${feld.path}`, children: [
-      /* @__PURE__ */ jsxs("legend", { children: [
-        label,
-        feld.required && /* @__PURE__ */ jsx("strong", { title: "Pflichtfeld", children: " *" })
-      ] }),
-      feld.description && /* @__PURE__ */ jsx("small", { children: feld.description }),
-      (feld.children ?? []).map((kind) => /* @__PURE__ */ jsx(SchemaFieldRow, { ...props, feld: kind }, kind.path))
-    ] });
+    const konfiguriert = gruppeKonfiguriert(feld, formular);
+    return /* @__PURE__ */ jsxs(
+      "details",
+      {
+        className: "szenen-detail__group",
+        "data-testid": `gruppe-${feld.path}`,
+        "data-konfiguriert": konfiguriert ? "ja" : "nein",
+        open: feld.required,
+        children: [
+          /* @__PURE__ */ jsxs("summary", { children: [
+            /* @__PURE__ */ jsx("span", { className: "szenen-detail__group-titel", children: label }),
+            feld.required ? /* @__PURE__ */ jsx("strong", { title: "Pflichtfeld", children: " *" }) : (
+              // A2: Dass hier schon etwas steht, muss man im
+              // geschlossenen Zustand sehen — sonst übersieht man
+              // eine gesetzte Blender-Ausgabe genau so lange, bis
+              // sie im Ergebnis auftaucht.
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "szenen-detail__group-status",
+                  "data-testid": `gruppe-${feld.path}-status`,
+                  children: konfiguriert ? "konfiguriert" : "optional"
+                }
+              )
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "szenen-detail__group-inhalt", children: [
+            feld.description && /* @__PURE__ */ jsx(Erklaerung, { text: feld.description, testId: `gruppe-${feld.path}` }),
+            (feld.children ?? []).map((kind) => /* @__PURE__ */ jsx(SchemaFieldRow, { ...props, feld: kind }, kind.path))
+          ] })
+        ]
+      }
+    );
   }
   const wert = formular[feld.path] ?? "";
-  return /* @__PURE__ */ jsxs("label", { className: "szenen-detail__field", "data-feld": feld.path, children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      label,
-      feld.required && /* @__PURE__ */ jsx("strong", { title: "Pflichtfeld", children: " *" }),
-      /* @__PURE__ */ jsx("code", { className: "szenen-detail__field-key", children: feld.name }),
-      feld.complexHint && !hatFachlicheBedienung(elementType, feld) && /* @__PURE__ */ jsxs("em", { children: [
-        " \u2014 ",
-        feld.complexHint
-      ] })
+  return /* @__PURE__ */ jsxs("div", { className: "szenen-detail__fieldrow", "data-feld": feld.path, children: [
+    /* @__PURE__ */ jsxs("label", { className: "szenen-detail__field", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("span", { className: "szenen-detail__field-label", children: label }),
+        feld.required && /* @__PURE__ */ jsx("strong", { title: "Pflichtfeld", children: " *" }),
+        label !== feld.name && /* @__PURE__ */ jsx("code", { className: "szenen-detail__field-key", children: feld.name }),
+        feld.complexHint && !hatFachlicheBedienung(elementType, feld) && /* @__PURE__ */ jsxs("em", { children: [
+          " \u2014 ",
+          feld.complexHint
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(FeldControl, { ...props, wert }),
+      feld.nullable && feld.kind !== "complex" && !hatFachlicheBedienung(elementType, feld) && /* @__PURE__ */ jsx(
+        NullSchalter,
+        {
+          feld,
+          wert,
+          onChange: props.onChange,
+          readOnly: props.readOnly
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx(FeldControl, { ...props, wert }),
-    feld.nullable && feld.kind !== "complex" && !hatFachlicheBedienung(elementType, feld) && /* @__PURE__ */ jsx(
-      NullSchalter,
-      {
-        feld,
-        wert,
-        onChange: props.onChange,
-        readOnly: props.readOnly
-      }
-    ),
-    feld.description && /* @__PURE__ */ jsx("small", { children: feld.description })
+    feld.description && /* @__PURE__ */ jsx(Erklaerung, { text: feld.description, testId: feld.path })
   ] });
 };
 
@@ -8257,11 +8334,162 @@ var VersionNavigator = ({
 };
 
 // src/features/szenen/areas/RunsPanel.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/features/szenen/areas/RunImagesPanel.tsx
-import { useState as useState7 } from "react";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState8 } from "react";
+
+// src/features/szenen/areas/Bildbausteine.tsx
+import { useCallback, useEffect as useEffect3, useState as useState7 } from "react";
 import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var Kachel = ({
+  quelle,
+  alt,
+  leerText
+}) => /* @__PURE__ */ jsx7("span", { className: "szenen-bildkachel", children: quelle ? /* @__PURE__ */ jsx7("img", { src: quelle, alt, loading: "lazy" }) : /* @__PURE__ */ jsx7("span", { className: "szenen-bildkachel__leer", title: leerText ?? alt, children: leerText ? /* @__PURE__ */ jsx7("span", { className: "szenen-bildkachel__zeichen", children: "?" }) : null }) });
+var BildViewer = ({
+  bilder,
+  position,
+  onWechseln,
+  onSchliessen,
+  satzTitel,
+  testId
+}) => {
+  const anzahl = bilder.length;
+  const bild = bilder[position];
+  const blaettern = useCallback((schritt) => {
+    if (anzahl === 0) return;
+    onWechseln((position + schritt + anzahl) % anzahl);
+  }, [anzahl, position, onWechseln]);
+  useEffect3(() => {
+    const taste = (e) => {
+      if (e.key === "Escape") onSchliessen();
+      else if (e.key === "ArrowLeft") blaettern(-1);
+      else if (e.key === "ArrowRight") blaettern(1);
+    };
+    document.addEventListener("keydown", taste);
+    return () => document.removeEventListener("keydown", taste);
+  }, [blaettern, onSchliessen]);
+  if (!bild) return null;
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: "szenen-bildviewer",
+      "data-testid": testId,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": satzTitel ? `${satzTitel} \u2014 ${bild.titel}` : bild.titel,
+      children: [
+        /* @__PURE__ */ jsxs7("header", { className: "szenen-bildviewer__kopf", children: [
+          /* @__PURE__ */ jsxs7("span", { className: "szenen-bildviewer__titel", children: [
+            satzTitel ? `${satzTitel} \xB7 ` : "",
+            bild.titel
+          ] }),
+          /* @__PURE__ */ jsxs7("span", { className: "szenen-bildviewer__zaehler", "data-testid": `${testId}-zaehler`, children: [
+            position + 1,
+            " / ",
+            anzahl
+          ] }),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "szenen-bildviewer__schliessen",
+              onClick: onSchliessen,
+              "data-testid": `${testId}-schliessen`,
+              children: "Schliessen"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "szenen-bildviewer__buehne", children: [
+          anzahl > 1 && /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "szenen-bildviewer__blaettern",
+              onClick: () => blaettern(-1),
+              "aria-label": "Vorheriges Bild",
+              "data-testid": `${testId}-zurueck`,
+              children: "\u2039"
+            }
+          ),
+          /* @__PURE__ */ jsx7("span", { className: "szenen-bildviewer__rahmen", children: bild.quelle ? /* @__PURE__ */ jsx7(
+            "img",
+            {
+              className: "szenen-bildviewer__bild",
+              src: bild.quelle,
+              alt: bild.titel,
+              "data-testid": `${testId}-bild`
+            }
+          ) : (
+            // Auch gross bleibt eine fehlende Quelle eine Auskunft
+            // und kein Textblock (R12.3).
+            /* @__PURE__ */ jsx7("span", { className: "szenen-bildviewer__leer", "data-testid": `${testId}-leer`, children: bild.leerText ?? "F\xFCr dieses Bild gibt es keine anzeigbare Quelle." })
+          ) }),
+          anzahl > 1 && /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "szenen-bildviewer__blaettern",
+              onClick: () => blaettern(1),
+              "aria-label": "N\xE4chstes Bild",
+              "data-testid": `${testId}-weiter`,
+              children: "\u203A"
+            }
+          )
+        ] }),
+        bild.details && /* @__PURE__ */ jsx7("div", { className: "szenen-bildviewer__details", "data-testid": `${testId}-details`, children: bild.details })
+      ]
+    }
+  );
+};
+var BildGalerie = ({ bilder, testId, satzTitel }) => {
+  const [offen, setOffen] = useState7(null);
+  useEffect3(() => {
+    setOffen((vorher) => vorher !== null && vorher >= bilder.length ? null : vorher);
+  }, [bilder.length]);
+  if (bilder.length === 0) return null;
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx7("ul", { className: "szenen-bildgalerie", "data-testid": testId, children: bilder.map((bild, position) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        type: "button",
+        className: "szenen-bildgalerie__kachel",
+        onClick: () => setOffen(position),
+        "data-testid": `${testId}-oeffnen-${bild.id}`,
+        title: bild.titel,
+        children: [
+          /* @__PURE__ */ jsx7(
+            Kachel,
+            {
+              quelle: bild.quelle,
+              alt: bild.titel,
+              ...bild.leerText ? { leerText: bild.leerText } : {}
+            }
+          ),
+          /* @__PURE__ */ jsxs7("span", { className: "szenen-bildgalerie__nummer", children: [
+            "#",
+            position + 1
+          ] })
+        ]
+      }
+    ) }, bild.id)) }),
+    offen !== null && /* @__PURE__ */ jsx7(
+      BildViewer,
+      {
+        bilder,
+        position: offen,
+        onWechseln: setOffen,
+        onSchliessen: () => setOffen(null),
+        testId: `${testId}-viewer`,
+        ...satzTitel ? { satzTitel } : {}
+      }
+    )
+  ] });
+};
+
+// src/features/szenen/areas/RunImagesPanel.tsx
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var AUFTRAG_TEXT = {
   // „gestartet/unterbrochen" in einem: Aus dem Log allein ist beides nicht
   // unterscheidbar, und genau das ist beabsichtigt — es gibt keinen
@@ -8273,8 +8501,10 @@ var AUFTRAG_TEXT = {
 };
 var RunImagesPanel = ({ port, lauf }) => {
   const faehig = capabilitiesOf(port);
-  const [nachladen, setNachladen] = useState7(0);
+  const [nachladen, setNachladen] = useState8(0);
   const neuLesen = () => setNachladen((n) => n + 1);
+  const [erzeugenOffen, setErzeugenOffen] = useState8(null);
+  const [zuordnenOffen, setZuordnenOffen] = useState8(null);
   const quelle = sourceOf(lauf);
   const [wahlPhase] = usePortQuery(
     () => port.imageGeneration ? port.imageGeneration.imageModelChoiceForRun(lauf.run_id) : Promise.resolve({ kind: "ok", value: null }),
@@ -8291,38 +8521,40 @@ var RunImagesPanel = ({ port, lauf }) => {
   );
   const auftraege = auftraegePhase.status === "ready" ? auftraegePhase.value : [];
   const batches = batchesPhase.status === "ready" ? batchesPhase.value : [];
-  return /* @__PURE__ */ jsxs7("div", { className: "szenen-bilder", "data-testid": `bilder-${lauf.run_id}`, children: [
-    /* @__PURE__ */ jsxs7("section", { className: "szenen-bilder__eingang", "data-testid": `eingang-${lauf.run_id}`, children: [
-      /* @__PURE__ */ jsx7("h5", { children: "Eingang \u2014 woraus dieser Prompt entstand" }),
-      /* @__PURE__ */ jsxs7("p", { className: "szenen-bilder__ids", children: [
-        /* @__PURE__ */ jsxs7("span", { children: [
+  const auffaellige = auftraege.filter((a) => a.status !== "succeeded");
+  const erzeugenAuf = erzeugenOffen ?? batches.length === 0;
+  return /* @__PURE__ */ jsxs8("div", { className: "szenen-bilder", "data-testid": `bilder-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsxs8("section", { className: "szenen-bilder__eingang", "data-testid": `eingang-${lauf.run_id}`, children: [
+      /* @__PURE__ */ jsx8("h5", { children: "Eingang \u2014 woraus dieser Prompt entstand" }),
+      /* @__PURE__ */ jsxs8("p", { className: "szenen-bilder__ids", children: [
+        /* @__PURE__ */ jsxs8("span", { children: [
           "Lauf ",
-          /* @__PURE__ */ jsx7("code", { "data-testid": `eingang-lauf-${lauf.run_id}`, children: lauf.run_id })
+          /* @__PURE__ */ jsx8("code", { "data-testid": `eingang-lauf-${lauf.run_id}`, children: lauf.run_id })
         ] }),
-        quelle.kind === "published" && /* @__PURE__ */ jsxs7("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+        quelle.kind === "published" && /* @__PURE__ */ jsxs8("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
           "ver\xF6ffentlichte Shot-Version ",
-          /* @__PURE__ */ jsx7("code", { children: quelle.shot_version_id })
+          /* @__PURE__ */ jsx8("code", { children: quelle.shot_version_id })
         ] }),
-        quelle.kind === "draft_chain" && /* @__PURE__ */ jsxs7("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+        quelle.kind === "draft_chain" && /* @__PURE__ */ jsxs8("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
           "Draft-Kette ",
-          /* @__PURE__ */ jsx7("code", { children: quelle.chain_id })
+          /* @__PURE__ */ jsx8("code", { children: quelle.chain_id })
         ] }),
-        quelle.kind === "scene_direct" && /* @__PURE__ */ jsxs7("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+        quelle.kind === "scene_direct" && /* @__PURE__ */ jsxs8("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
           "Szene ",
-          /* @__PURE__ */ jsx7("code", { children: quelle.scene.element_id }),
-          quelle.scene.draft_id ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsx8("code", { children: quelle.scene.element_id }),
+          quelle.scene.draft_id ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
             " \xB7 Entwurf ",
-            /* @__PURE__ */ jsx7("code", { children: quelle.scene.draft_id }),
+            /* @__PURE__ */ jsx8("code", { children: quelle.scene.draft_id }),
             " (Revision ",
             quelle.scene.revision,
             ")"
-          ] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          ] }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
             " \xB7 Version ",
-            /* @__PURE__ */ jsx7("code", { children: quelle.scene.version_id })
+            /* @__PURE__ */ jsx8("code", { children: quelle.scene.version_id })
           ] })
         ] })
       ] }),
-      quelle.kind === "draft_chain" && quelle.derivation_run_id ? /* @__PURE__ */ jsx7(
+      quelle.kind === "draft_chain" && quelle.derivation_run_id ? /* @__PURE__ */ jsx8(
         InputBilder,
         {
           port,
@@ -8333,67 +8565,148 @@ var RunImagesPanel = ({ port, lauf }) => {
         // Nichts raten: Ein Lauf vor 6.7 trägt die
         // Rekonstruktionsherkunft nicht, und ein veröffentlichter
         // Lauf hat keine (D-123).
-        /* @__PURE__ */ jsx7("p", { "data-testid": `eingang-ohne-bilder-${lauf.run_id}`, children: "Zu diesem Lauf ist kein Rekonstruktionslauf hinterlegt \u2014 die Eingangsbilder sind darum nicht sicher aufl\xF6sbar und werden nicht geraten." })
+        /* @__PURE__ */ jsx8("p", { "data-testid": `eingang-ohne-bilder-${lauf.run_id}`, children: "Zu diesem Lauf ist kein Rekonstruktionslauf hinterlegt \u2014 die Eingangsbilder sind darum nicht sicher aufl\xF6sbar und werden nicht geraten." })
       )
     ] }),
-    /* @__PURE__ */ jsxs7("section", { className: "szenen-bilder__ausgang", "data-testid": `ausgang-${lauf.run_id}`, children: [
-      /* @__PURE__ */ jsx7("h5", { children: "Ausgang \u2014 die Bilder aus diesem Prompt" }),
-      !faehig.imageOrderHistory && /* @__PURE__ */ jsx7("p", { "data-testid": `auftraege-unsupported-${lauf.run_id}`, children: "Dieser Host liest keine Bildgenerierungsauftr\xE4ge. Bereits gespeicherte Batches sind unten trotzdem sichtbar." }),
-      auftraegePhase.status === "error" && /* @__PURE__ */ jsxs7("p", { "data-testid": `auftraege-fehler-${lauf.run_id}`, role: "alert", children: [
+    /* @__PURE__ */ jsxs8("section", { className: "szenen-bilder__ausgang", "data-testid": `ausgang-${lauf.run_id}`, children: [
+      /* @__PURE__ */ jsx8("h5", { children: "Ausgang \u2014 die Bilder aus diesem Prompt" }),
+      !faehig.imageBatchHistory && /* @__PURE__ */ jsx8("p", { "data-testid": `batches-unsupported-${lauf.run_id}`, children: "Dieser Host liest keine Bild-Batches. Das ist kein Fehler und kein vor\xFCbergehender Zustand." }),
+      batchesPhase.status === "error" && /* @__PURE__ */ jsxs8("p", { "data-testid": `batches-fehler-${lauf.run_id}`, role: "alert", children: [
+        "Batches konnten nicht geladen werden: ",
+        batchesPhase.message
+      ] }),
+      faehig.imageBatchHistory && batchesPhase.status === "ready" && batches.length === 0 && /* @__PURE__ */ jsx8("p", { "data-testid": `keine-batches-${lauf.run_id}`, children: "Zu diesem Lauf ist noch kein Bild gespeichert." }),
+      batches.map((batch) => /* @__PURE__ */ jsx8(BatchKachel, { port, batch }, batch.item_id)),
+      !faehig.imageOrderHistory && /* @__PURE__ */ jsx8("p", { "data-testid": `auftraege-unsupported-${lauf.run_id}`, children: "Dieser Host liest keine Bildgenerierungsauftr\xE4ge. Bereits gespeicherte Batches sind oben trotzdem sichtbar." }),
+      auftraegePhase.status === "error" && /* @__PURE__ */ jsxs8("p", { "data-testid": `auftraege-fehler-${lauf.run_id}`, role: "alert", children: [
         "Auftr\xE4ge konnten nicht geladen werden: ",
         auftraegePhase.message
       ] }),
-      faehig.imageOrderHistory && auftraegePhase.status === "ready" && auftraege.length === 0 && /* @__PURE__ */ jsx7("p", { "data-testid": `keine-auftraege-${lauf.run_id}`, children: "F\xFCr diesen Lauf wurde noch kein Bildauftrag gestartet." }),
-      auftraege.length > 0 && /* @__PURE__ */ jsx7("ul", { className: "szenen-bilder__auftraege", "data-testid": `auftraege-${lauf.run_id}`, children: auftraege.map((auftrag) => /* @__PURE__ */ jsxs7(
-        "li",
+      faehig.imageOrderHistory && auftraegePhase.status === "ready" && auftraege.length === 0 && /* @__PURE__ */ jsx8("p", { "data-testid": `keine-auftraege-${lauf.run_id}`, children: "F\xFCr diesen Lauf wurde noch kein Bildauftrag gestartet." }),
+      auffaellige.length > 0 && /* @__PURE__ */ jsxs8(
+        "p",
         {
-          "data-testid": `auftrag-${auftrag.generation_batch_id}`,
-          "data-status": auftrag.status,
+          className: "szenen-bilder__auffaellig",
+          "data-testid": `auftraege-auffaellig-${lauf.run_id}`,
+          role: "alert",
           children: [
-            /* @__PURE__ */ jsx7("strong", { children: AUFTRAG_TEXT[auftrag.status] }),
-            /* @__PURE__ */ jsx7("code", { children: auftrag.generation_batch_id }),
-            /* @__PURE__ */ jsxs7("span", { "data-testid": `auftrag-modell-${auftrag.generation_batch_id}`, children: [
-              auftrag.request?.image_count ?? "?",
-              " Bild(er) \xB7",
-              " ",
-              auftrag.request?.callable_model_id ?? "Modell unbekannt",
-              auftrag.request?.provider ? ` bei ${auftrag.request.provider}` : ""
-            ] }),
-            auftrag.request?.prompt_target_model_key && auftrag.request.target_model_matched === false && /* @__PURE__ */ jsxs7("span", { "data-testid": `auftrag-abweichung-${auftrag.generation_batch_id}`, children: [
-              "abweichend \u2014 Prompt optimiert f\xFCr",
-              " ",
-              /* @__PURE__ */ jsx7("code", { children: auftrag.request.prompt_target_model_key })
-            ] }),
-            auftrag.request?.negative_prompt_transmitted === false && /* @__PURE__ */ jsx7("span", { "data-testid": `auftrag-negativ-${auftrag.generation_batch_id}`, children: "Ein negativer Prompt lief \xFCber dieses Profil nicht mit." }),
-            auftrag.item_id && /* @__PURE__ */ jsxs7("span", { "data-testid": `auftrag-item-${auftrag.generation_batch_id}`, children: [
-              "Item ",
-              /* @__PURE__ */ jsx7("code", { children: auftrag.item_id })
+            auffaellige.length === 1 ? `Ein Bildauftrag ist ${AUFTRAG_TEXT[auffaellige[0].status]}.` : `${auffaellige.length} Bildauftr\xE4ge sind nicht sauber durchgelaufen.`,
+            " ",
+            "Einzelheiten im Verlauf."
+          ]
+        }
+      ),
+      auftraege.length > 0 && /* @__PURE__ */ jsxs8(
+        "details",
+        {
+          className: "szenen-bilder__verlauf",
+          "data-testid": `auftraege-verlauf-${lauf.run_id}`,
+          open: auffaellige.length > 0,
+          children: [
+            /* @__PURE__ */ jsxs8("summary", { children: [
+              "Bildauftr\xE4ge / Verlauf (",
+              auftraege.length,
+              ")"
             ] }),
-            auftrag.status === "started" && /* @__PURE__ */ jsx7("span", { "data-testid": `auftrag-hinweis-${auftrag.generation_batch_id}`, children: "Kein automatischer neuer Versuch \u2014 ob noch einmal erzeugt wird, entscheiden Sie." }),
-            auftrag.diagnostic && /* @__PURE__ */ jsx7("span", { "data-testid": `auftrag-diagnose-${auftrag.generation_batch_id}`, children: auftrag.diagnostic })
+            /* @__PURE__ */ jsx8("ul", { className: "szenen-bilder__auftraege", "data-testid": `auftraege-${lauf.run_id}`, children: auftraege.map((auftrag) => /* @__PURE__ */ jsxs8(
+              "li",
+              {
+                "data-testid": `auftrag-${auftrag.generation_batch_id}`,
+                "data-status": auftrag.status,
+                children: [
+                  /* @__PURE__ */ jsx8("strong", { children: AUFTRAG_TEXT[auftrag.status] }),
+                  /* @__PURE__ */ jsxs8("span", { "data-testid": `auftrag-modell-${auftrag.generation_batch_id}`, children: [
+                    auftrag.request?.image_count ?? "?",
+                    " Bild(er) \xB7",
+                    " ",
+                    auftrag.request?.callable_model_id ?? "Modell unbekannt",
+                    auftrag.request?.provider ? ` bei ${auftrag.request.provider}` : ""
+                  ] }),
+                  auftrag.request?.prompt_target_model_key && auftrag.request.target_model_matched === false && /* @__PURE__ */ jsxs8("span", { "data-testid": `auftrag-abweichung-${auftrag.generation_batch_id}`, children: [
+                    "abweichend \u2014 Prompt optimiert f\xFCr",
+                    " ",
+                    /* @__PURE__ */ jsx8("code", { children: auftrag.request.prompt_target_model_key })
+                  ] }),
+                  auftrag.request?.negative_prompt_transmitted === false && /* @__PURE__ */ jsx8("span", { "data-testid": `auftrag-negativ-${auftrag.generation_batch_id}`, children: "Ein negativer Prompt lief \xFCber dieses Profil nicht mit." }),
+                  auftrag.item_id && /* @__PURE__ */ jsxs8("span", { "data-testid": `auftrag-item-${auftrag.generation_batch_id}`, children: [
+                    "Item ",
+                    /* @__PURE__ */ jsx8("code", { children: auftrag.item_id })
+                  ] }),
+                  auftrag.status === "started" && /* @__PURE__ */ jsx8("span", { "data-testid": `auftrag-hinweis-${auftrag.generation_batch_id}`, children: "Kein automatischer neuer Versuch \u2014 ob noch einmal erzeugt wird, entscheiden Sie." }),
+                  auftrag.diagnostic && /* @__PURE__ */ jsx8("span", { "data-testid": `auftrag-diagnose-${auftrag.generation_batch_id}`, children: auftrag.diagnostic }),
+                  /* @__PURE__ */ jsx8("code", { className: "szenen-bilder__auftragskennung", children: auftrag.generation_batch_id })
+                ]
+              },
+              auftrag.generation_batch_id
+            )) })
           ]
-        },
-        auftrag.generation_batch_id
-      )) }),
-      !faehig.imageBatchHistory && /* @__PURE__ */ jsx7("p", { "data-testid": `batches-unsupported-${lauf.run_id}`, children: "Dieser Host liest keine Bild-Batches. Das ist kein Fehler und kein vor\xFCbergehender Zustand." }),
-      batchesPhase.status === "error" && /* @__PURE__ */ jsxs7("p", { "data-testid": `batches-fehler-${lauf.run_id}`, role: "alert", children: [
-        "Batches konnten nicht geladen werden: ",
-        batchesPhase.message
-      ] }),
-      faehig.imageBatchHistory && batchesPhase.status === "ready" && batches.length === 0 && /* @__PURE__ */ jsx7("p", { "data-testid": `keine-batches-${lauf.run_id}`, children: "Zu diesem Lauf ist noch kein Bild gespeichert." }),
-      batches.map((batch) => /* @__PURE__ */ jsx7(BatchKachel, { port, batch }, batch.item_id))
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx7(
-      ErzeugenAktion,
+    /* @__PURE__ */ jsxs8(
+      "details",
       {
-        port,
-        lauf,
-        wahl,
-        wahlFehler: wahlPhase.status === "error" ? wahlPhase.message : null,
-        onFertig: neuLesen
+        className: "szenen-bilder__aktion",
+        "data-testid": `erzeugen-bereich-${lauf.run_id}`,
+        open: erzeugenAuf,
+        children: [
+          /* @__PURE__ */ jsx8(
+            "summary",
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                setErzeugenOffen(!erzeugenAuf);
+              },
+              children: "Bilder aus diesem Prompt erzeugen"
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            ErzeugenAktion,
+            {
+              port,
+              lauf,
+              wahl,
+              wahlFehler: wahlPhase.status === "error" ? wahlPhase.message : null,
+              onFertig: () => {
+                setErzeugenOffen(true);
+                neuLesen();
+              }
+            }
+          )
+        ]
       }
     ),
-    /* @__PURE__ */ jsx7(ZuordnenAktion, { port, lauf, onFertig: neuLesen })
+    /* @__PURE__ */ jsxs8(
+      "details",
+      {
+        className: "szenen-bilder__aktion",
+        "data-testid": `zuordnen-bereich-${lauf.run_id}`,
+        open: zuordnenOffen ?? false,
+        children: [
+          /* @__PURE__ */ jsx8(
+            "summary",
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                setZuordnenOffen(!(zuordnenOffen ?? false));
+              },
+              children: "Externe Bilder diesem Lauf zuordnen"
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            ZuordnenAktion,
+            {
+              port,
+              lauf,
+              onFertig: () => {
+                setZuordnenOffen(true);
+                neuLesen();
+              }
+            }
+          )
+        ]
+      }
+    )
   ] });
 };
 var InputBilder = ({ port, runId, derivationRunId }) => {
@@ -8401,9 +8714,9 @@ var InputBilder = ({ port, runId, derivationRunId }) => {
     () => port.derivation ? port.derivation.getDerivation(derivationRunId) : Promise.resolve({ kind: "ok", value: null }),
     [port, derivationRunId]
   );
-  if (phase.status === "loading") return /* @__PURE__ */ jsx7("p", { children: "Rekonstruktionslauf wird geladen \u2026" });
+  if (phase.status === "loading") return /* @__PURE__ */ jsx8("p", { children: "Rekonstruktionslauf wird geladen \u2026" });
   if (phase.status === "error") {
-    return /* @__PURE__ */ jsxs7("p", { "data-testid": `eingang-fehler-${runId}`, role: "alert", children: [
+    return /* @__PURE__ */ jsxs8("p", { "data-testid": `eingang-fehler-${runId}`, role: "alert", children: [
       "Der Rekonstruktionslauf ",
       derivationRunId,
       " konnte nicht geladen werden: ",
@@ -8411,22 +8724,22 @@ var InputBilder = ({ port, runId, derivationRunId }) => {
     ] });
   }
   if (!phase.value) {
-    return /* @__PURE__ */ jsxs7("p", { "data-testid": `eingang-unbekannt-${runId}`, children: [
+    return /* @__PURE__ */ jsxs8("p", { "data-testid": `eingang-unbekannt-${runId}`, children: [
       "Der Rekonstruktionslauf ",
-      /* @__PURE__ */ jsx7("code", { children: derivationRunId }),
+      /* @__PURE__ */ jsx8("code", { children: derivationRunId }),
       " ist in diesem Host nicht auffindbar."
     ] });
   }
   const bilder = phase.value.input.images;
-  return /* @__PURE__ */ jsxs7("div", { "data-testid": `eingang-bilder-${runId}`, children: [
-    /* @__PURE__ */ jsxs7("p", { children: [
+  return /* @__PURE__ */ jsxs8("div", { "data-testid": `eingang-bilder-${runId}`, children: [
+    /* @__PURE__ */ jsxs8("p", { children: [
       "aus Rekonstruktionslauf ",
-      /* @__PURE__ */ jsx7("code", { children: derivationRunId }),
+      /* @__PURE__ */ jsx8("code", { children: derivationRunId }),
       phase.value.input.prompt_text ? " \xB7 mit Referenzprompt" : ""
     ] }),
-    bilder.length === 0 ? /* @__PURE__ */ jsx7("p", { children: "Der Rekonstruktionslauf lief ohne Eingangsbild." }) : /* @__PURE__ */ jsx7("ul", { className: "szenen-bilder__eingangsliste", children: bilder.map((bild, index) => /* @__PURE__ */ jsx7("li", { "data-kind": bild.kind, children: bild.kind === "library" ? /* @__PURE__ */ jsx7(BestandsBild, { port, mediaRef: bild.media_ref }) : /* @__PURE__ */ jsxs7("span", { children: [
+    bilder.length === 0 ? /* @__PURE__ */ jsx8("p", { children: "Der Rekonstruktionslauf lief ohne Eingangsbild." }) : /* @__PURE__ */ jsx8("ul", { className: "szenen-bilder__eingangsliste", children: bilder.map((bild, index) => /* @__PURE__ */ jsx8("li", { "data-kind": bild.kind, children: bild.kind === "library" ? /* @__PURE__ */ jsx8(BestandsBild, { port, mediaRef: bild.media_ref }) : /* @__PURE__ */ jsxs8("span", { children: [
       "Upload, nur \xFCber seinen Digest belegt (",
-      /* @__PURE__ */ jsxs7("code", { children: [
+      /* @__PURE__ */ jsxs8("code", { children: [
         bild.sha256.slice(0, 12),
         "\u2026"
       ] }),
@@ -8444,113 +8757,177 @@ var BestandsBild = ({ port, mediaRef }) => {
     () => port.imageLibrary ? port.imageLibrary.resolveImage(mediaRef) : Promise.resolve({ kind: "ok", value: null }),
     [port, mediaRef]
   );
-  return /* @__PURE__ */ jsxs7("span", { "data-testid": `eingangsbild-${mediaRef}`, children: [
-    phase.status === "ready" && phase.value && /* @__PURE__ */ jsx7(
-      "img",
+  const quelle = phase.status === "ready" && phase.value ? `data:${phase.value.mime_type};base64,${phase.value.data}` : null;
+  return /* @__PURE__ */ jsxs8("span", { "data-testid": `eingangsbild-${mediaRef}`, children: [
+    /* @__PURE__ */ jsx8(
+      Kachel,
       {
-        src: `data:${phase.value.mime_type};base64,${phase.value.data}`,
-        alt: `Eingangsbild ${mediaRef}`
+        quelle,
+        alt: `Eingangsbild ${mediaRef}`,
+        ...phase.status === "error" ? { leerText: "Nicht ladbar" } : {}
       }
     ),
     phase.status === "error" && // Verzeichnet, aber nicht lesbar ist etwas anderes als
     // unbekannt — der Unterschied gehoert sichtbar.
-    /* @__PURE__ */ jsx7("em", { "data-testid": `eingangsbild-fehler-${mediaRef}`, children: phase.message }),
-    /* @__PURE__ */ jsx7("code", { children: mediaRef })
+    /* @__PURE__ */ jsx8("em", { "data-testid": `eingangsbild-fehler-${mediaRef}`, children: phase.message }),
+    /* @__PURE__ */ jsx8("code", { children: mediaRef })
   ] });
 };
-var BatchBild = ({ port, bild }) => {
-  const [phase] = usePortQuery(
-    () => port.imageLibrary ? port.imageLibrary.resolveImage(bild.media_ref, bild.mime_type ?? null) : Promise.resolve({ kind: "ok", value: null }),
-    [port, bild.media_ref, bild.mime_type]
-  );
-  return /* @__PURE__ */ jsxs7("li", { "data-testid": `batchbild-${bild.media_ref}`, children: [
-    phase.status === "ready" && phase.value && /* @__PURE__ */ jsx7(
-      "img",
+function useBildQuellen(port, bilder) {
+  const [stand, setStand] = useState8(() => ({ quellen: /* @__PURE__ */ new Map(), fehler: /* @__PURE__ */ new Map() }));
+  const gehalten = useRef2(/* @__PURE__ */ new Map());
+  const gescheitert = useRef2(/* @__PURE__ */ new Map());
+  const schluessel = bilder.map((b) => `${b.media_ref}|${b.mime_type ?? ""}`).join(" ");
+  useEffect4(() => {
+    const bestand = port.imageLibrary;
+    if (!bestand) return void 0;
+    let abgebrochen = false;
+    void (async () => {
+      for (const bild of bilder) {
+        if (abgebrochen) return;
+        if (gehalten.current.has(bild.media_ref) || gescheitert.current.has(bild.media_ref)) continue;
+        const ergebnis = await bestand.resolveImage(bild.media_ref, bild.mime_type ?? null);
+        if (abgebrochen) return;
+        if (ergebnis.kind === "ok" && ergebnis.value) {
+          gehalten.current.set(
+            bild.media_ref,
+            `data:${ergebnis.value.mime_type};base64,${ergebnis.value.data}`
+          );
+        } else if (ergebnis.kind === "error") {
+          gescheitert.current.set(bild.media_ref, ergebnis.message);
+        }
+        setStand({
+          quellen: new Map(gehalten.current),
+          fehler: new Map(gescheitert.current)
+        });
+      }
+    })();
+    return () => {
+      abgebrochen = true;
+    };
+  }, [port, schluessel]);
+  return stand;
+}
+var BildDetails = ({ bild, fehler: fehler4, aufloesbar }) => /* @__PURE__ */ jsxs8("span", { className: "szenen-bilder__meta", "data-testid": `batchbild-${bild.media_ref}`, children: [
+  /* @__PURE__ */ jsx8("code", { children: bild.media_ref }),
+  /* @__PURE__ */ jsxs8("span", { children: [
+    "Position ",
+    bild.position
+  ] }),
+  /* @__PURE__ */ jsx8("span", { children: bild.model || "Modell unbekannt" }),
+  /* @__PURE__ */ jsx8("span", { children: bild.seed === null || bild.seed === void 0 || bild.seed === -1 ? "ohne Seed" : `Seed ${bild.seed}` }),
+  bild.width && bild.height ? /* @__PURE__ */ jsxs8("span", { children: [
+    bild.width,
+    "\xD7",
+    bild.height
+  ] }) : null,
+  fehler4 && /* @__PURE__ */ jsx8("em", { "data-testid": `batchbild-fehler-${bild.media_ref}`, children: fehler4 }),
+  !aufloesbar && // Capability-Grenze, kein Fehler: Dieser Host kann Batches lesen,
+  // aber keine Bilder auflösen (E). Kein erfundener Fallback auf eine
+  // Serverroute (A6).
+  /* @__PURE__ */ jsx8("em", { "data-testid": `batchbild-unsupported-${bild.media_ref}`, children: "Dieser Host l\xF6st keine Bilder auf \u2014 nur die Metadaten sind bekannt." })
+] });
+var BatchKachel = ({ port, batch }) => {
+  const { quellen, fehler: fehler4 } = useBildQuellen(port, batch.images);
+  const aufloesbar = Boolean(port.imageLibrary);
+  const bilder = batch.images.map((bild) => ({
+    id: bild.media_ref,
+    quelle: quellen.get(bild.media_ref) ?? null,
+    titel: `Bild ${bild.position + 1}`,
+    ...fehler4.get(bild.media_ref) ? { leerText: "Nicht ladbar" } : {},
+    details: /* @__PURE__ */ jsx8(
+      BildDetails,
       {
-        src: `data:${phase.value.mime_type};base64,${phase.value.data}`,
-        alt: `Ausgabebild ${bild.media_ref}, Position ${bild.position}`
+        bild,
+        fehler: fehler4.get(bild.media_ref) ?? null,
+        aufloesbar
       }
-    ),
-    phase.status === "error" && // Verzeichnet, aber nicht lesbar ist etwas anderes als
-    // unbekannt — der Unterschied gehört sichtbar dran, nicht in
-    // ein stilles Weglassen (A5).
-    /* @__PURE__ */ jsx7("em", { "data-testid": `batchbild-fehler-${bild.media_ref}`, children: phase.message }),
-    !port.imageLibrary && // Capability-Grenze, kein Fehler: Dieser Host kann Batches
-    // lesen, aber keine Bilder auflösen (E). Kein erfundener
-    // Fallback auf eine Serverroute (A6).
-    /* @__PURE__ */ jsx7("em", { "data-testid": `batchbild-unsupported-${bild.media_ref}`, children: "Dieser Host l\xF6st keine Bilder auf \u2014 nur die Metadaten sind bekannt." }),
-    /* @__PURE__ */ jsx7("code", { children: bild.media_ref }),
-    /* @__PURE__ */ jsxs7("span", { children: [
-      "Position ",
-      bild.position
-    ] }),
-    /* @__PURE__ */ jsx7("span", { children: bild.model || "Modell unbekannt" }),
-    /* @__PURE__ */ jsx7("span", { children: bild.seed === null || bild.seed === void 0 || bild.seed === -1 ? "ohne Seed" : `Seed ${bild.seed}` }),
-    bild.width && bild.height ? /* @__PURE__ */ jsxs7("span", { children: [
-      bild.width,
-      "\xD7",
-      bild.height
-    ] }) : null
-  ] });
-};
-var BatchKachel = ({ port, batch }) => /* @__PURE__ */ jsxs7(
-  "div",
-  {
-    className: "szenen-bilder__batch",
-    "data-testid": `batch-${batch.item_id}`,
-    "data-source-kind": batch.source_kind,
-    children: [
-      /* @__PURE__ */ jsxs7("p", { className: "szenen-bilder__ids", children: [
-        /* @__PURE__ */ jsx7("strong", { children: batch.title }),
-        /* @__PURE__ */ jsx7("span", { children: batch.source_kind === "generated_in_app" ? "in der App erzeugt" : "extern importiert" }),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          "Item ",
-          /* @__PURE__ */ jsx7("code", { "data-testid": `batch-item-${batch.item_id}`, children: batch.item_id })
+    )
+  }));
+  return /* @__PURE__ */ jsxs8(
+    "section",
+    {
+      className: "szenen-bilder__batch",
+      "data-testid": `batch-${batch.item_id}`,
+      "data-source-kind": batch.source_kind,
+      children: [
+        /* @__PURE__ */ jsxs8("header", { className: "szenen-bilder__batchkopf", children: [
+          /* @__PURE__ */ jsx8("strong", { children: batch.title }),
+          /* @__PURE__ */ jsxs8("span", { className: "szenen-bilder__herkunft", children: [
+            batch.source_kind === "generated_in_app" ? "in der App erzeugt" : "extern importiert",
+            " \xB7 ",
+            batch.images.length,
+            " Bild(er)"
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          "Batches ",
-          /* @__PURE__ */ jsx7("code", { children: batch.generation_batch_ids.join(", ") })
+        /* @__PURE__ */ jsx8(
+          BildGalerie,
+          {
+            bilder,
+            testId: `batchgalerie-${batch.item_id}`,
+            satzTitel: batch.title
+          }
+        ),
+        /* @__PURE__ */ jsxs8("details", { className: "szenen-bilder__technik", "data-testid": `batch-technik-${batch.item_id}`, children: [
+          /* @__PURE__ */ jsx8("summary", { children: "Technische Details" }),
+          /* @__PURE__ */ jsxs8("p", { className: "szenen-bilder__ids", children: [
+            /* @__PURE__ */ jsxs8("span", { children: [
+              "Item ",
+              /* @__PURE__ */ jsx8("code", { "data-testid": `batch-item-${batch.item_id}`, children: batch.item_id })
+            ] }),
+            /* @__PURE__ */ jsxs8("span", { children: [
+              "Batches ",
+              /* @__PURE__ */ jsx8("code", { children: batch.generation_batch_ids.join(", ") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx8("ul", { className: "szenen-bilder__batchliste", children: batch.images.map((bild) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
+            BildDetails,
+            {
+              bild,
+              fehler: fehler4.get(bild.media_ref) ?? null,
+              aufloesbar
+            }
+          ) }, bild.media_ref)) })
         ] })
-      ] }),
-      /* @__PURE__ */ jsx7("ul", { className: "szenen-bilder__batchliste", children: batch.images.map((bild) => /* @__PURE__ */ jsx7(BatchBild, { port, bild }, bild.media_ref)) })
-    ]
-  }
-);
+      ]
+    }
+  );
+};
 var ProfilBefunde = ({ wahl, runId }) => {
   if (wahl.invalid_profiles.length === 0) return null;
-  return /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-profilbefunde-${runId}`, role: "alert", children: [
+  return /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-profilbefunde-${runId}`, role: "alert", children: [
     "Nicht angeboten, weil das Profil unvollst\xE4ndig ist:",
     " ",
     wahl.invalid_profiles.join(" \xB7 ")
   ] });
 };
 var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
-  const [modellWahl, setModellWahl] = useState7(null);
-  const [anzahlText, setAnzahlText] = useState7("1");
-  const [seitenverhaeltnis, setSeitenverhaeltnis] = useState7("");
-  const [laeuft, setLaeuft] = useState7(false);
-  const [notiz, setNotiz] = useState7(null);
+  const [modellWahl, setModellWahl] = useState8(null);
+  const [anzahlText, setAnzahlText] = useState8("1");
+  const [seitenverhaeltnis, setSeitenverhaeltnis] = useState8("");
+  const [laeuft, setLaeuft] = useState8(false);
+  const [notiz, setNotiz] = useState8(null);
   if (!port.imageGeneration) {
-    return /* @__PURE__ */ jsx7("p", { "data-testid": `erzeugen-unsupported-${lauf.run_id}`, children: "Dieser Host erzeugt keine Bilder \u2014 entweder fehlt der Providerzugang oder der gesicherte Speicherweg. Externe Bilder lassen sich trotzdem zuordnen." });
+    return /* @__PURE__ */ jsx8("p", { "data-testid": `erzeugen-unsupported-${lauf.run_id}`, children: "Dieser Host erzeugt keine Bilder \u2014 entweder fehlt der Providerzugang oder der gesicherte Speicherweg. Externe Bilder lassen sich trotzdem zuordnen." });
   }
   if (wahlFehler) {
-    return /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-fehler-${lauf.run_id}`, role: "alert", children: [
+    return /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-fehler-${lauf.run_id}`, role: "alert", children: [
       "Die F\xE4higkeitsauskunft schlug fehl: ",
       wahlFehler
     ] });
   }
-  if (!wahl) return /* @__PURE__ */ jsx7("p", { children: "Bildf\xE4higkeit wird gepr\xFCft \u2026" });
+  if (!wahl) return /* @__PURE__ */ jsx8("p", { children: "Bildf\xE4higkeit wird gepr\xFCft \u2026" });
   if (wahl.models.length === 0) {
     return (
       // Kein Fehler und kein Grund, den Lauf zu sperren: Der externe
       // Importweg bleibt daneben stehen (D-104.5).
-      /* @__PURE__ */ jsxs7(Fragment3, { children: [
-        /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-unsupported-modell-${lauf.run_id}`, children: [
+      /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-unsupported-modell-${lauf.run_id}`, children: [
           "Hier kann derzeit kein Bild erzeugt werden:",
           " ",
           wahl.reason ?? "Kein sichtbares Zielmodell tr\xE4gt ein ausf\xFChrbares Profil."
         ] }),
-        /* @__PURE__ */ jsx7(ProfilBefunde, { wahl, runId: lauf.run_id })
+        /* @__PURE__ */ jsx8(ProfilBefunde, { wahl, runId: lauf.run_id })
       ] })
     );
   }
@@ -8599,22 +8976,21 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
     onFertig();
   };
   const negativVorhanden = Boolean(lauf.output?.negative && lauf.output.negative.trim());
-  return /* @__PURE__ */ jsxs7("div", { className: "szenen-bilder__aktion", "data-testid": `erzeugen-${lauf.run_id}`, children: [
-    /* @__PURE__ */ jsx7("h5", { children: "Bilder aus diesem Prompt erzeugen" }),
-    /* @__PURE__ */ jsx7(ProfilBefunde, { wahl, runId: lauf.run_id }),
-    /* @__PURE__ */ jsx7("p", { "data-testid": `erzeugen-zielmodell-${lauf.run_id}`, children: wahl.prompt_target_model_key ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "szenen-bilder__aktion-inhalt", "data-testid": `erzeugen-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsx8(ProfilBefunde, { wahl, runId: lauf.run_id }),
+    /* @__PURE__ */ jsx8("p", { "data-testid": `erzeugen-zielmodell-${lauf.run_id}`, children: wahl.prompt_target_model_key ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
       "Prompt optimiert f\xFCr ",
-      /* @__PURE__ */ jsx7("code", { children: wahl.prompt_target_model_key })
+      /* @__PURE__ */ jsx8("code", { children: wahl.prompt_target_model_key })
     ] }) : "Dieser Lauf tr\xE4gt keine Optimierungsabsicht (kein target_model)." }),
-    /* @__PURE__ */ jsxs7("label", { children: [
+    /* @__PURE__ */ jsxs8("label", { children: [
       "Bildmodell",
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "select",
         {
           value: aktiv.selection_id,
           "data-testid": `erzeugen-modellwahl-${lauf.run_id}`,
           onChange: (e) => modellWechseln(e.target.value),
-          children: wahl.models.map((m) => /* @__PURE__ */ jsxs7("option", { value: m.selection_id, children: [
+          children: wahl.models.map((m) => /* @__PURE__ */ jsxs8("option", { value: m.selection_id, children: [
             m.display_name,
             " (",
             m.provider,
@@ -8624,7 +9000,7 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-modell-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-modell-${lauf.run_id}`, children: [
       aktiv.display_name,
       " bei ",
       aktiv.provider,
@@ -8633,26 +9009,26 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
       aktiv.max_images,
       " Bilder je Auftrag"
     ] }),
-    wahl.prompt_target_model_key && !aktiv.is_prompt_target && /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-abweichung-${lauf.run_id}`, children: [
+    wahl.prompt_target_model_key && !aktiv.is_prompt_target && /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-abweichung-${lauf.run_id}`, children: [
       "Hinweis: Prompt optimiert f\xFCr ",
-      /* @__PURE__ */ jsx7("code", { children: wahl.prompt_target_model_key }),
+      /* @__PURE__ */ jsx8("code", { children: wahl.prompt_target_model_key }),
       ", Bilder werden mit ",
-      /* @__PURE__ */ jsx7("code", { children: aktiv.display_name }),
+      /* @__PURE__ */ jsx8("code", { children: aktiv.display_name }),
       " erzeugt. Das ist zul\xE4ssig \u2014 ein abweichendes Ergebnis liegt dann nicht zwingend am Prompt."
     ] }),
     negativVorhanden && !aktiv.accepts_negative_prompt && // Nicht still verlieren: Der eingefrorene Lauf trägt einen
     // negativen Prompt, den dieser Modellweg nicht führt. Wer das
     // weiß, kann ihn in den positiven Prompt einarbeiten — wer es
     // nicht weiß, wundert sich über das Bild.
-    /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-negativ-hinweis-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-negativ-hinweis-${lauf.run_id}`, children: [
       "Achtung: Dieser Lauf tr\xE4gt einen negativen Prompt.",
       " ",
       aktiv.display_name,
       " f\xFChrt diesen Promptkanal nicht \u2014 der negative Prompt l\xE4uft nicht mit."
     ] }),
-    /* @__PURE__ */ jsxs7("label", { children: [
+    /* @__PURE__ */ jsxs8("label", { children: [
       "Anzahl",
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "input",
         {
           type: "number",
@@ -8664,27 +9040,27 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("label", { children: [
+    /* @__PURE__ */ jsxs8("label", { children: [
       "Seitenverh\xE4ltnis",
-      /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8(
         "select",
         {
           value: seitenverhaeltnis,
           "data-testid": `erzeugen-format-${lauf.run_id}`,
           onChange: (e) => setSeitenverhaeltnis(e.target.value),
           children: [
-            /* @__PURE__ */ jsx7("option", { value: "", children: "(Vorgabe des Modells)" }),
-            aktiv.aspect_ratios.map((v) => /* @__PURE__ */ jsx7("option", { value: v, children: v }, v))
+            /* @__PURE__ */ jsx8("option", { value: "", children: "(Vorgabe des Modells)" }),
+            aktiv.aspect_ratios.map((v) => /* @__PURE__ */ jsx8("option", { value: v, children: v }, v))
           ]
         }
       )
     ] }),
-    !aktiv.accepts_seed && /* @__PURE__ */ jsxs7("p", { "data-testid": `erzeugen-ohne-seed-${lauf.run_id}`, children: [
+    !aktiv.accepts_seed && /* @__PURE__ */ jsxs8("p", { "data-testid": `erzeugen-ohne-seed-${lauf.run_id}`, children: [
       aktiv.display_name,
       " kennt keinen Seed \u2014 er wird deshalb weder angeboten noch protokolliert."
     ] }),
-    parameterBefunde.length > 0 && /* @__PURE__ */ jsx7("p", { "data-testid": `erzeugen-parameterbefund-${lauf.run_id}`, role: "alert", children: parameterBefunde.join(" ") }),
-    /* @__PURE__ */ jsx7(
+    parameterBefunde.length > 0 && /* @__PURE__ */ jsx8("p", { "data-testid": `erzeugen-parameterbefund-${lauf.run_id}`, role: "alert", children: parameterBefunde.join(" ") }),
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -8694,7 +9070,7 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
         children: laeuft ? "Bilder werden erzeugt \u2026" : "Bilder erzeugen"
       }
     ),
-    notiz && /* @__PURE__ */ jsx7(
+    notiz && /* @__PURE__ */ jsx8(
       "p",
       {
         "data-testid": `erzeugen-notiz-${lauf.run_id}`,
@@ -8706,14 +9082,14 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
   ] });
 };
 var ZuordnenAktion = ({ port, lauf, onFertig }) => {
-  const [dateien, setDateien] = useState7([]);
-  const [seeds, setSeeds] = useState7({});
-  const [modell, setModell] = useState7("");
-  const [itemId, setItemId] = useState7("");
-  const [laeuft, setLaeuft] = useState7(false);
-  const [notiz, setNotiz] = useState7(null);
+  const [dateien, setDateien] = useState8([]);
+  const [seeds, setSeeds] = useState8({});
+  const [modell, setModell] = useState8("");
+  const [itemId, setItemId] = useState8("");
+  const [laeuft, setLaeuft] = useState8(false);
+  const [notiz, setNotiz] = useState8(null);
   if (!port.imageBatchWrite) {
-    return /* @__PURE__ */ jsx7("p", { "data-testid": `zuordnen-unsupported-${lauf.run_id}`, children: "Dieser Host ordnet keine externen Bilder zu \u2014 er hat keinen gesicherten Batch-Schreibweg. Die Historie oben bleibt trotzdem sichtbar." });
+    return /* @__PURE__ */ jsx8("p", { "data-testid": `zuordnen-unsupported-${lauf.run_id}`, children: "Dieser Host ordnet keine externen Bilder zu \u2014 er hat keinen gesicherten Batch-Schreibweg. Die Historie oben bleibt trotzdem sichtbar." });
   }
   const importieren = async () => {
     setLaeuft(true);
@@ -8768,11 +9144,10 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
     setLaeuft(false);
     onFertig();
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "szenen-bilder__aktion", "data-testid": `zuordnen-${lauf.run_id}`, children: [
-    /* @__PURE__ */ jsx7("h5", { children: "Externe Bilder diesem Lauf zuordnen" }),
-    /* @__PURE__ */ jsxs7("label", { children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "szenen-bilder__aktion-inhalt", "data-testid": `zuordnen-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsxs8("label", { children: [
       "Bilddateien",
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "input",
         {
           type: "file",
@@ -8786,10 +9161,10 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
         }
       )
     ] }),
-    dateien.length > 0 && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsxs7("label", { children: [
+    dateien.length > 0 && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      /* @__PURE__ */ jsxs8("label", { children: [
         "Modell (f\xFCr alle Bilder, leer = unbekannt)",
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "input",
           {
             value: modell,
@@ -8798,16 +9173,16 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx7("ol", { "data-testid": `zuordnen-vorschau-${lauf.run_id}`, children: dateien.map((datei, index) => /* @__PURE__ */ jsxs7("li", { children: [
-        /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("ol", { "data-testid": `zuordnen-vorschau-${lauf.run_id}`, children: dateien.map((datei, index) => /* @__PURE__ */ jsxs8("li", { children: [
+        /* @__PURE__ */ jsxs8("span", { children: [
           "Position ",
           index,
           ": ",
           datei.name
         ] }),
-        /* @__PURE__ */ jsxs7("label", { children: [
+        /* @__PURE__ */ jsxs8("label", { children: [
           "Seed (leer = unbekannt)",
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "input",
             {
               "data-testid": `zuordnen-seed-${lauf.run_id}-${index}`,
@@ -8817,7 +9192,7 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
           )
         ] })
       ] }, `${datei.name}-${index}`)) }),
-      /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8(
         "button",
         {
           type: "button",
@@ -8831,9 +9206,9 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("label", { children: [
+    /* @__PURE__ */ jsxs8("label", { children: [
       "Oder ein bestehendes Library-Item",
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "input",
         {
           value: itemId,
@@ -8843,7 +9218,7 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -8853,7 +9228,7 @@ var ZuordnenAktion = ({ port, lauf, onFertig }) => {
         children: "Bestehendes Item zuordnen"
       }
     ),
-    notiz && /* @__PURE__ */ jsx7(
+    notiz && /* @__PURE__ */ jsx8(
       "p",
       {
         "data-testid": `zuordnen-notiz-${lauf.run_id}`,
@@ -8878,12 +9253,12 @@ function readAsBase64(datei) {
 }
 
 // src/features/szenen/areas/RunsPanel.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var RunsPanel = ({ port, source, contextId }) => {
-  const [anweisung, setAnweisung] = useState8("");
-  const [laeuft, setLaeuft] = useState8(false);
-  const [notiz, setNotiz] = useState8(null);
-  const [nachladen, setNachladen] = useState8(0);
+  const [anweisung, setAnweisung] = useState9("");
+  const [laeuft, setLaeuft] = useState9(false);
+  const [notiz, setNotiz] = useState9(null);
+  const [nachladen, setNachladen] = useState9(0);
   const faehig = capabilitiesOf(port);
   const quellSchluessel = source.kind === "published" ? source.shotVersionId : source.kind === "draft_chain" ? source.chainId : source.sceneElementId;
   const [phase, neuLaden] = usePortQuery(
@@ -8908,12 +9283,15 @@ var RunsPanel = ({ port, source, contextId }) => {
     neuLaden();
   };
   const laeufe = phase.status === "ready" ? phase.value : [];
-  return /* @__PURE__ */ jsxs8("div", { className: "szenen-runs", "data-testid": "laeufe-bereich", "data-shot-version": quellSchluessel, children: [
-    /* @__PURE__ */ jsx8("h4", { children: "Prompt-L\xE4ufe" }),
-    source.kind === "published" && /* @__PURE__ */ jsxs8("div", { className: "szenen-runs__start", children: [
-      /* @__PURE__ */ jsxs8("label", { children: [
+  const [gewaehlteRunde, setGewaehlteRunde] = useState9(void 0);
+  const neueste = laeufe.length > 0 ? laeufe[laeufe.length - 1].run_id : null;
+  const offeneRunde = gewaehlteRunde === void 0 ? neueste : gewaehlteRunde;
+  return /* @__PURE__ */ jsxs9("div", { className: "szenen-runs", "data-testid": "laeufe-bereich", "data-shot-version": quellSchluessel, children: [
+    /* @__PURE__ */ jsx9("h4", { children: "Prompt-L\xE4ufe" }),
+    source.kind === "published" && /* @__PURE__ */ jsxs9("div", { className: "szenen-runs__start", children: [
+      /* @__PURE__ */ jsxs9("label", { children: [
         "Anweisung (optional)",
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "input",
           {
             "data-testid": "lauf-anweisung",
@@ -8922,21 +9300,25 @@ var RunsPanel = ({ port, source, contextId }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx8("button", { type: "button", "data-testid": "lauf-starten", disabled: laeuft, onClick: starten, children: "Prompt-Lauf starten" })
+      /* @__PURE__ */ jsx9("button", { type: "button", "data-testid": "lauf-starten", disabled: laeuft, onClick: starten, children: "Prompt-Lauf starten" })
     ] }),
-    notiz && /* @__PURE__ */ jsx8("p", { "data-testid": "lauf-notiz", "data-tone": notiz.tone, role: notiz.tone === "error" ? "alert" : "status", children: notiz.text }),
-    phase.status === "loading" && /* @__PURE__ */ jsx8("p", { "data-testid": "laeufe-laden", children: "L\xE4ufe werden geladen \u2026" }),
-    phase.status === "error" && /* @__PURE__ */ jsxs8("p", { "data-testid": "laeufe-fehler", role: "alert", children: [
+    notiz && /* @__PURE__ */ jsx9("p", { "data-testid": "lauf-notiz", "data-tone": notiz.tone, role: notiz.tone === "error" ? "alert" : "status", children: notiz.text }),
+    phase.status === "loading" && /* @__PURE__ */ jsx9("p", { "data-testid": "laeufe-laden", children: "L\xE4ufe werden geladen \u2026" }),
+    phase.status === "error" && /* @__PURE__ */ jsxs9("p", { "data-testid": "laeufe-fehler", role: "alert", children: [
       "L\xE4ufe konnten nicht geladen werden: ",
       phase.message
     ] }),
-    phase.status === "ready" && laeufe.length === 0 && /* @__PURE__ */ jsx8("p", { "data-testid": "keine-laeufe", children: source.kind === "published" ? "F\xFCr diese Shot-Version gibt es noch keinen Lauf." : source.kind === "draft_chain" ? "F\xFCr diese Draft-Kette gibt es noch keinen Lauf." : "F\xFCr diese Szene gibt es noch keinen direkten Lauf." }),
-    /* @__PURE__ */ jsx8("ol", { "data-testid": "runden-liste", children: laeufe.map((lauf) => /* @__PURE__ */ jsx8(
+    phase.status === "ready" && laeufe.length === 0 && /* @__PURE__ */ jsx9("p", { "data-testid": "keine-laeufe", children: source.kind === "published" ? "F\xFCr diese Shot-Version gibt es noch keinen Lauf." : source.kind === "draft_chain" ? "F\xFCr diese Draft-Kette gibt es noch keinen Lauf." : "F\xFCr diese Szene gibt es noch keinen direkten Lauf." }),
+    /* @__PURE__ */ jsx9("ol", { "data-testid": "runden-liste", children: laeufe.map((lauf) => /* @__PURE__ */ jsx9(
       RundenEintrag,
       {
         port,
         lauf,
         runde: roundOfRun(lauf, laeufe),
+        offen: lauf.run_id === offeneRunde,
+        onUmschalten: () => setGewaehlteRunde(
+          lauf.run_id === offeneRunde ? null : lauf.run_id
+        ),
         itemMoeglich: faehig.saveRunAsItem,
         onItemGespeichert: () => setNachladen((n) => n + 1)
       },
@@ -8944,13 +9326,43 @@ var RunsPanel = ({ port, source, contextId }) => {
     )) })
   ] });
 };
-var RundenEintrag = ({ port, lauf, runde, itemMoeglich, onItemGespeichert }) => {
-  const [notiz, setNotiz] = useState8(null);
-  const [laeuft, setLaeuft] = useState8(false);
-  const [nachladen, setNachladen] = useState8(0);
+var AUSZUG = 90;
+function auszug(text, laenge = AUSZUG) {
+  const sauber = text.replace(/\s+/g, " ").trim();
+  if (sauber.length <= laenge) return sauber;
+  const schnitt = sauber.lastIndexOf(" ", laenge);
+  return `${sauber.slice(0, schnitt > laenge / 2 ? schnitt : laenge)} \u2026`;
+}
+var STATUS_TEXT = {
+  succeeded: "erfolgreich",
+  failed: "fehlgeschlagen"
+};
+var LANGER_TEXT = 240;
+var Sekundaertext = ({ titel, text, testId }) => {
+  const [ganz, setGanz] = useState9(false);
+  const lang = text.length > LANGER_TEXT;
+  return /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__sekundaer", children: [
+    /* @__PURE__ */ jsx9("h5", { children: titel }),
+    /* @__PURE__ */ jsx9("p", { "data-testid": testId, children: lang && !ganz ? auszug(text, LANGER_TEXT) : text }),
+    lang && /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        className: "szenen-runs__mehr",
+        onClick: () => setGanz(!ganz),
+        "data-testid": `${testId}-mehr`,
+        children: ganz ? "weniger anzeigen" : "vollst\xE4ndig anzeigen"
+      }
+    )
+  ] });
+};
+var RundenEintrag = ({ port, lauf, runde, offen, onUmschalten, itemMoeglich, onItemGespeichert }) => {
+  const [notiz, setNotiz] = useState9(null);
+  const [laeuft, setLaeuft] = useState9(false);
+  const [nachladen, setNachladen] = useState9(0);
   const [itemPhase] = usePortQuery(
-    () => port.items ? port.items.getItemForRun(lauf.run_id) : Promise.resolve({ kind: "ok", value: null }),
-    [port, lauf.run_id, nachladen]
+    () => offen && port.items ? port.items.getItemForRun(lauf.run_id) : Promise.resolve({ kind: "ok", value: null }),
+    [port, lauf.run_id, nachladen, offen]
   );
   const item = itemPhase.status === "ready" ? itemPhase.value : null;
   const speichern = async () => {
@@ -8964,75 +9376,121 @@ var RundenEintrag = ({ port, lauf, runde, itemMoeglich, onItemGespeichert }) =>
     setNachladen((n) => n + 1);
     onItemGespeichert();
   };
-  return /* @__PURE__ */ jsxs8("li", { "data-testid": `runde-${lauf.run_id}`, "data-runde": runde, "data-status": lauf.status, children: [
-    /* @__PURE__ */ jsxs8("header", { children: [
-      /* @__PURE__ */ jsxs8("strong", { children: [
-        "Runde ",
-        runde
+  const zusammenfassung = lauf.status === "succeeded" && lauf.output ? auszug(lauf.output.positive) : null;
+  return /* @__PURE__ */ jsxs9("li", { "data-testid": `runde-${lauf.run_id}`, "data-runde": runde, "data-status": lauf.status, children: [
+    /* @__PURE__ */ jsxs9(
+      "button",
+      {
+        type: "button",
+        className: "szenen-runs__kopf",
+        onClick: onUmschalten,
+        "aria-expanded": offen,
+        "data-testid": `runde-umschalten-${lauf.run_id}`,
+        children: [
+          /* @__PURE__ */ jsxs9("span", { className: "szenen-runs__marke", children: [
+            "Runde ",
+            runde
+          ] }),
+          /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "szenen-runs__status",
+              "data-status": lauf.status,
+              "data-testid": `status-${lauf.run_id}`,
+              children: STATUS_TEXT[lauf.status]
+            }
+          ),
+          /* @__PURE__ */ jsxs9("span", { className: "szenen-runs__modell", "data-testid": `provider-${lauf.run_id}`, children: [
+            lauf.provider,
+            " \xB7 ",
+            lauf.model_id
+          ] }),
+          zusammenfassung && /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "szenen-runs__auszug",
+              "data-testid": `auszug-${lauf.run_id}`,
+              children: zusammenfassung
+            }
+          )
+        ]
+      }
+    ),
+    lauf.status === "failed" && lauf.failure && /* @__PURE__ */ jsxs9("div", { className: "szenen-runs__fehler", "data-testid": `fehler-${lauf.run_id}`, role: "alert", children: [
+      /* @__PURE__ */ jsxs9("strong", { children: [
+        "Fehlgeschlagen \u2014 ",
+        lauf.failure.class
       ] }),
-      /* @__PURE__ */ jsx8("code", { children: lauf.run_id }),
-      /* @__PURE__ */ jsx8("span", { "data-testid": `status-${lauf.run_id}`, children: lauf.status }),
-      /* @__PURE__ */ jsxs8("span", { "data-testid": `provider-${lauf.run_id}`, children: [
-        lauf.provider,
-        " \xB7 ",
-        lauf.model_id
-      ] })
+      /* @__PURE__ */ jsx9("p", { children: lauf.failure.message })
     ] }),
-    lauf.status === "succeeded" && lauf.output && /* @__PURE__ */ jsxs8("div", { "data-testid": `ausgabe-${lauf.run_id}`, children: [
-      /* @__PURE__ */ jsxs8("section", { children: [
-        /* @__PURE__ */ jsx8("h5", { children: "Positiver Prompt" }),
-        /* @__PURE__ */ jsx8("p", { "data-testid": `positiv-${lauf.run_id}`, children: lauf.output.positive })
-      ] }),
-      /* @__PURE__ */ jsxs8("section", { children: [
-        /* @__PURE__ */ jsx8("h5", { children: "Negativer Prompt" }),
-        /* @__PURE__ */ jsx8("p", { "data-testid": `negativ-${lauf.run_id}`, children: lauf.output.negative ?? "(keiner)" })
+    offen && /* @__PURE__ */ jsxs9("div", { className: "szenen-runs__inhalt", "data-testid": `runde-inhalt-${lauf.run_id}`, children: [
+      lauf.status === "succeeded" && lauf.output && /* @__PURE__ */ jsxs9("div", { "data-testid": `ausgabe-${lauf.run_id}`, children: [
+        /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__prompt", children: [
+          /* @__PURE__ */ jsx9("h5", { children: "Positiver Prompt" }),
+          /* @__PURE__ */ jsx9("p", { "data-testid": `positiv-${lauf.run_id}`, children: lauf.output.positive })
+        ] }),
+        /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__prompt szenen-runs__prompt--negativ", children: [
+          /* @__PURE__ */ jsx9("h5", { children: "Negativer Prompt" }),
+          /* @__PURE__ */ jsx9("p", { "data-testid": `negativ-${lauf.run_id}`, children: lauf.output.negative ?? "(keiner)" })
+        ] }),
+        /* @__PURE__ */ jsx9(
+          Sekundaertext,
+          {
+            titel: "Erl\xE4uterung",
+            text: lauf.output.feedback,
+            testId: `feedback-${lauf.run_id}`
+          }
+        ),
+        lauf.output.visibility.assumptions.length > 0 && /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__sekundaer", children: [
+          /* @__PURE__ */ jsx9("h5", { children: "Annahmen" }),
+          /* @__PURE__ */ jsx9("ul", { "data-testid": `annahmen-${lauf.run_id}`, children: lauf.output.visibility.assumptions.map((a, i) => /* @__PURE__ */ jsx9("li", { children: a }, i)) })
+        ] }),
+        lauf.output.notes.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "szenen-runs__notizen", "data-testid": `notizen-${lauf.run_id}`, children: lauf.output.notes.map((n, i) => /* @__PURE__ */ jsx9("li", { children: n }, i)) })
       ] }),
-      /* @__PURE__ */ jsxs8("section", { children: [
-        /* @__PURE__ */ jsx8("h5", { children: "Erl\xE4uterung" }),
-        /* @__PURE__ */ jsx8("p", { "data-testid": `feedback-${lauf.run_id}`, children: lauf.output.feedback })
+      lauf.raw_output && /* @__PURE__ */ jsxs9("details", { "data-testid": `diagnose-${lauf.run_id}`, children: [
+        /* @__PURE__ */ jsx9("summary", { children: "Rohantwort (Diagnose)" }),
+        /* @__PURE__ */ jsx9("pre", { children: lauf.raw_output })
       ] }),
-      lauf.output.visibility.assumptions.length > 0 && /* @__PURE__ */ jsxs8("section", { children: [
-        /* @__PURE__ */ jsx8("h5", { children: "Annahmen" }),
-        /* @__PURE__ */ jsx8("ul", { "data-testid": `annahmen-${lauf.run_id}`, children: lauf.output.visibility.assumptions.map((a, i) => /* @__PURE__ */ jsx8("li", { children: a }, i)) })
+      /* @__PURE__ */ jsxs9("details", { className: "szenen-runs__technisch", "data-testid": `technisch-${lauf.run_id}`, children: [
+        /* @__PURE__ */ jsx9("summary", { children: "Technische Informationen" }),
+        /* @__PURE__ */ jsxs9("p", { children: [
+          "Lauf-ID: ",
+          /* @__PURE__ */ jsx9("code", { "data-testid": `run-id-${lauf.run_id}`, children: lauf.run_id })
+        ] }),
+        /* @__PURE__ */ jsxs9("p", { children: [
+          "Modell: ",
+          /* @__PURE__ */ jsx9("code", { children: lauf.model_id }),
+          " bei ",
+          /* @__PURE__ */ jsx9("code", { children: lauf.provider })
+        ] }),
+        /* @__PURE__ */ jsxs9("p", { children: [
+          "erzeugt: ",
+          /* @__PURE__ */ jsx9("code", { children: lauf.created_at })
+        ] })
       ] }),
-      lauf.output.notes.length > 0 && /* @__PURE__ */ jsx8("ul", { "data-testid": `notizen-${lauf.run_id}`, children: lauf.output.notes.map((n, i) => /* @__PURE__ */ jsx8("li", { children: n }, i)) })
-    ] }),
-    lauf.status === "failed" && lauf.failure && /* @__PURE__ */ jsxs8("div", { "data-testid": `fehler-${lauf.run_id}`, role: "alert", children: [
-      /* @__PURE__ */ jsxs8("h5", { children: [
-        "Fehlgeschlagen \u2014 ",
-        lauf.failure.class
+      lauf.status === "succeeded" && itemMoeglich && !item && /* @__PURE__ */ jsx9("button", { type: "button", "data-testid": `als-item-${lauf.run_id}`, disabled: laeuft, onClick: speichern, children: "als Item speichern" }),
+      item && /* @__PURE__ */ jsxs9("p", { "data-testid": `item-${lauf.run_id}`, children: [
+        "Bereits als Item gespeichert: ",
+        /* @__PURE__ */ jsx9("code", { children: item.itemId })
       ] }),
-      /* @__PURE__ */ jsx8("p", { children: lauf.failure.message })
-    ] }),
-    lauf.raw_output && /* @__PURE__ */ jsxs8("details", { "data-testid": `diagnose-${lauf.run_id}`, children: [
-      /* @__PURE__ */ jsx8("summary", { children: "Rohantwort (Diagnose)" }),
-      /* @__PURE__ */ jsx8("pre", { children: lauf.raw_output })
-    ] }),
-    lauf.status === "succeeded" && itemMoeglich && !item && /* @__PURE__ */ jsx8("button", { type: "button", "data-testid": `als-item-${lauf.run_id}`, disabled: laeuft, onClick: speichern, children: "als Item speichern" }),
-    item && /* @__PURE__ */ jsxs8("p", { "data-testid": `item-${lauf.run_id}`, children: [
-      "Bereits als Item gespeichert: ",
-      /* @__PURE__ */ jsx8("code", { children: item.itemId })
-    ] }),
-    lauf.status === "succeeded" && !itemMoeglich && /* @__PURE__ */ jsx8("p", { "data-testid": `item-unsupported-${lauf.run_id}`, children: "Dieser Host speichert keine Runden als Item. Das ist kein Fehler und kein vor\xFCbergehender Zustand." }),
-    notiz && /* @__PURE__ */ jsx8("p", { "data-testid": `item-notiz-${lauf.run_id}`, "data-tone": notiz.tone, children: notiz.text }),
-    lauf.status === "succeeded" && /* @__PURE__ */ jsxs8("details", { "data-testid": `bilder-bereich-${lauf.run_id}`, children: [
-      /* @__PURE__ */ jsx8("summary", { children: "Bilder zu diesem Lauf" }),
-      /* @__PURE__ */ jsx8(RunImagesPanel, { port, lauf })
+      lauf.status === "succeeded" && !itemMoeglich && /* @__PURE__ */ jsx9("p", { "data-testid": `item-unsupported-${lauf.run_id}`, children: "Dieser Host speichert keine Runden als Item. Das ist kein Fehler und kein vor\xFCbergehender Zustand." }),
+      notiz && /* @__PURE__ */ jsx9("p", { "data-testid": `item-notiz-${lauf.run_id}`, "data-tone": notiz.tone, children: notiz.text }),
+      lauf.status === "succeeded" && /* @__PURE__ */ jsx9(RunImagesPanel, { port, lauf })
     ] })
   ] });
 };
 
 // src/features/szenen/areas/ElementDetail.tsx
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var STRUKTURELL_BEDIENT = {
   scene: ["nodes", "relations"]
 };
 var AbgeleitetesBildmodell = ({ schluessel }) => {
   if (!schluessel) return null;
-  return /* @__PURE__ */ jsxs9("section", { className: "szenen-detail__derived", "data-testid": "abgeleitetes-bildmodell", children: [
-    /* @__PURE__ */ jsx9("h4", { children: "Bildgenerierung \u2014 wo das Modell entschieden wird" }),
-    /* @__PURE__ */ jsxs9("p", { "data-testid": "bildmodell-hinweis", children: [
-      /* @__PURE__ */ jsx9("code", { children: schluessel }),
+  return /* @__PURE__ */ jsxs10("section", { className: "szenen-detail__derived", "data-testid": "abgeleitetes-bildmodell", children: [
+    /* @__PURE__ */ jsx10("h4", { children: "Bildgenerierung \u2014 wo das Modell entschieden wird" }),
+    /* @__PURE__ */ jsxs10("p", { "data-testid": "bildmodell-hinweis", children: [
+      /* @__PURE__ */ jsx10("code", { children: schluessel }),
       " beschreibt, wof\xFCr dieser Prompt optimiert wird \u2014 nicht, mit welchem Bildmodell er ausgef\xFChrt wird. Welche Bildmodelle wirklich ausf\xFChrbar sind, ist Konfiguration der jeweiligen Umgebung und wird an der Bildaktion eines Laufs gew\xE4hlt (D-129)."
     ] })
   ] });
@@ -9044,16 +9502,16 @@ var ElementDetail = ({
   author,
   onChanged
 }) => {
-  const [nachladen, setNachladen] = useState9(0);
+  const [nachladen, setNachladen] = useState10(0);
   const [phase] = usePortQuery(
     () => port.elements.getElement(elementId),
     [port, elementId, nachladen]
   );
-  const [entwurf, setEntwurf] = useState9({});
-  const [notiz, setNotiz] = useState9(null);
-  const [laeuft, setLaeuft] = useState9(false);
-  const [wahl, setWahl] = useState9(null);
-  const [basiswechsel, setBasiswechsel] = useState9(null);
+  const [entwurf, setEntwurf] = useState10({});
+  const [notiz, setNotiz] = useState10(null);
+  const [laeuft, setLaeuft] = useState10(false);
+  const [wahl, setWahl] = useState10(null);
+  const [basiswechsel, setBasiswechsel] = useState10(null);
   const [kettenPhase] = usePortQuery(
     () => port.context.chainFor(contextId),
     [port, contextId]
@@ -9075,7 +9533,7 @@ var ElementDetail = ({
     () => schnappschuss ? fieldsForType(schnappschuss.element.type) : [],
     [schnappschuss?.element.type]
   );
-  useEffect3(() => {
+  useEffect5(() => {
     setWahl(null);
     setBasiswechsel(null);
     setNotiz(null);
@@ -9106,7 +9564,7 @@ var ElementDetail = ({
     return {};
   }, [schnappschuss, angezeigt]);
   const anzeigeSchluessel = angezeigt.kind === "version" ? `v:${angezeigt.versionId}` : angezeigt.kind;
-  useEffect3(() => {
+  useEffect5(() => {
     if (!schnappschuss) return;
     setEntwurf(formFromPayload(felder, angezeigtePayload));
   }, [
@@ -9165,9 +9623,9 @@ var ElementDetail = ({
       return { valid: false, errors: [{ instancePath: "", message: String(e) }] };
     }
   }, [entwurf, felder, schnappschuss?.element.type, kettenfeld]);
-  if (phase.status === "loading") return /* @__PURE__ */ jsx9("p", { "data-testid": "element-laden", children: "Element wird geladen \u2026" });
+  if (phase.status === "loading") return /* @__PURE__ */ jsx10("p", { "data-testid": "element-laden", children: "Element wird geladen \u2026" });
   if (phase.status === "error") {
-    return /* @__PURE__ */ jsxs9("p", { "data-testid": "element-fehler", role: "alert", children: [
+    return /* @__PURE__ */ jsxs10("p", { "data-testid": "element-fehler", role: "alert", children: [
       "Element ",
       elementId,
       " konnte nicht geladen werden: ",
@@ -9175,7 +9633,7 @@ var ElementDetail = ({
     ] });
   }
   if (!schnappschuss) {
-    return /* @__PURE__ */ jsxs9("p", { "data-testid": "element-unbekannt", children: [
+    return /* @__PURE__ */ jsxs10("p", { "data-testid": "element-unbekannt", children: [
       "Element ",
       elementId,
       " ist unbekannt."
@@ -9281,28 +9739,28 @@ var ElementDetail = ({
     formular: entwurf
   };
   const laufVersionId = angezeigt.kind === "version" ? angezeigt.versionId : usableHeadVersionId(kopfAufloesung);
-  return /* @__PURE__ */ jsxs9("div", { className: "szenen-detail", "data-testid": "element-detail", "data-element-id": elementId, children: [
-    /* @__PURE__ */ jsxs9("header", { children: [
-      /* @__PURE__ */ jsx9("h3", { children: schnappschuss.metadata?.title ?? "(ohne Titel)" }),
-      /* @__PURE__ */ jsxs9("p", { className: "szenen-detail__ids", children: [
-        /* @__PURE__ */ jsx9("span", { "data-testid": "element-typ", children: elementTypLabel(typ) }),
-        schnappschuss.element.retired && /* @__PURE__ */ jsx9("span", { "data-testid": "ist-stillgelegt", children: "stillgelegt" })
+  return /* @__PURE__ */ jsxs10("div", { className: "szenen-detail", "data-testid": "element-detail", "data-element-id": elementId, children: [
+    /* @__PURE__ */ jsxs10("header", { children: [
+      /* @__PURE__ */ jsx10("h3", { children: schnappschuss.metadata?.title ?? "(ohne Titel)" }),
+      /* @__PURE__ */ jsxs10("p", { className: "szenen-detail__ids", children: [
+        /* @__PURE__ */ jsx10("span", { "data-testid": "element-typ", children: elementTypLabel(typ) }),
+        schnappschuss.element.retired && /* @__PURE__ */ jsx10("span", { "data-testid": "ist-stillgelegt", children: "stillgelegt" })
       ] })
     ] }),
-    kontextkette.status === "error" && /* @__PURE__ */ jsxs9("p", { role: "alert", "data-testid": "kontextkette-fehler", className: "szenen-detail__hint", children: [
+    kontextkette.status === "error" && /* @__PURE__ */ jsxs10("p", { role: "alert", "data-testid": "kontextkette-fehler", className: "szenen-detail__hint", children: [
       "Die Kontextkette konnte nicht gelesen werden: ",
       kontextkette.message,
       ". Solange das so ist, lassen sich weder der bevorzugte Kopf noch die ausw\xE4hlbaren Referenzen bestimmen \u2014 sie sind ",
-      /* @__PURE__ */ jsx9("strong", { children: "unbekannt" }),
+      /* @__PURE__ */ jsx10("strong", { children: "unbekannt" }),
       ", nicht leer."
     ] }),
-    kopfErgebnis?.kind === "dag_fehler" && /* @__PURE__ */ jsxs9("p", { role: "alert", "data-testid": "versionsgraph-fehler", className: "szenen-detail__hint", children: [
+    kopfErgebnis?.kind === "dag_fehler" && /* @__PURE__ */ jsxs10("p", { role: "alert", "data-testid": "versionsgraph-fehler", className: "szenen-detail__hint", children: [
       "Der Versionsgraph dieses Elements ist nicht aufbaubar:",
       " ",
       kopfErgebnis.message,
       ". Die Versionen bleiben einzeln anzeigbar; ein bevorzugter Kopf l\xE4sst sich daraus nicht ableiten."
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       VersionNavigator,
       {
         versions: schnappschuss.versions,
@@ -9325,22 +9783,22 @@ var ElementDetail = ({
         }
       }
     ),
-    basiswechsel && draft && /* @__PURE__ */ jsxs9("div", { className: "szenen-detail__confirm", "data-testid": "basiswechsel-bestaetigung", role: "alertdialog", children: [
-      /* @__PURE__ */ jsxs9("p", { children: [
+    basiswechsel && draft && /* @__PURE__ */ jsxs10("div", { className: "szenen-detail__confirm", "data-testid": "basiswechsel-bestaetigung", role: "alertdialog", children: [
+      /* @__PURE__ */ jsxs10("p", { children: [
         "Es gibt bereits einen Entwurf (Revision ",
         draft.revision,
-        draft.base_version_id ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+        draft.base_version_id ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
           " auf Basis ",
-          /* @__PURE__ */ jsx9("code", { children: draft.base_version_id })
-        ] }) : /* @__PURE__ */ jsx9(Fragment4, { children: " ohne Basis" }),
+          /* @__PURE__ */ jsx10("code", { children: draft.base_version_id })
+        ] }) : /* @__PURE__ */ jsx10(Fragment5, { children: " ohne Basis" }),
         "). Ihn auf Version ",
-        /* @__PURE__ */ jsx9("code", { children: basiswechsel }),
+        /* @__PURE__ */ jsx10("code", { children: basiswechsel }),
         " neu aufzusetzen",
         " ",
-        /* @__PURE__ */ jsx9("strong", { children: "ersetzt seinen Inhalt" }),
+        /* @__PURE__ */ jsx10("strong", { children: "ersetzt seinen Inhalt" }),
         " durch die Payload dieser Version."
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
@@ -9352,7 +9810,7 @@ var ElementDetail = ({
           children: "Entwurf auf diese Version neu aufsetzen"
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
@@ -9363,26 +9821,26 @@ var ElementDetail = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9("section", { className: "szenen-detail__draft", "data-testid": "draft-bereich", children: [
-      /* @__PURE__ */ jsx9("h4", { children: bearbeitbar ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs10("section", { className: "szenen-detail__draft", "data-testid": "draft-bereich", children: [
+      /* @__PURE__ */ jsx10("h4", { children: bearbeitbar ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
         "Entwurf",
-        draft && /* @__PURE__ */ jsxs9("span", { children: [
+        draft && /* @__PURE__ */ jsxs10("span", { children: [
           " \xB7 Revision ",
           draft.revision
         ] })
-      ] }) : /* @__PURE__ */ jsx9(Fragment4, { children: "Ver\xF6ffentlichte Version \u2014 nur Ansicht" }) }),
-      angezeigt.kind === "keiner" && /* @__PURE__ */ jsxs9("p", { "data-testid": "nichts-angezeigt", children: [
+      ] }) : /* @__PURE__ */ jsx10(Fragment5, { children: "Ver\xF6ffentlichte Version \u2014 nur Ansicht" }) }),
+      angezeigt.kind === "keiner" && /* @__PURE__ */ jsxs10("p", { "data-testid": "nichts-angezeigt", children: [
         "Es ist kein Stand ausgew\xE4hlt. Oben eine Version anzeigen oder \xFCber ",
-        /* @__PURE__ */ jsx9("strong", { children: "als Grundlage bearbeiten" }),
+        /* @__PURE__ */ jsx10("strong", { children: "als Grundlage bearbeiten" }),
         " einen Entwurf beginnen."
       ] }),
-      !bearbeitbar && angezeigt.kind === "version" && /* @__PURE__ */ jsxs9("p", { "data-testid": "nur-ansicht", className: "szenen-detail__hint", children: [
+      !bearbeitbar && angezeigt.kind === "version" && /* @__PURE__ */ jsxs10("p", { "data-testid": "nur-ansicht", className: "szenen-detail__hint", children: [
         "Ver\xF6ffentlichte Versionen sind unver\xE4nderlich (D-02). Zum Bearbeiten oben ",
-        /* @__PURE__ */ jsx9("strong", { children: "als Grundlage bearbeiten" }),
+        /* @__PURE__ */ jsx10("strong", { children: "als Grundlage bearbeiten" }),
         " w\xE4hlen \u2014 das erzeugt einen Entwurf mit genau dieser Version als Basis."
       ] }),
-      angezeigt.kind !== "keiner" && /* @__PURE__ */ jsxs9(Fragment4, { children: [
-        typ === "scene" && /* @__PURE__ */ jsx9(
+      angezeigt.kind !== "keiner" && /* @__PURE__ */ jsxs10(Fragment5, { children: [
+        typ === "scene" && /* @__PURE__ */ jsx10(
           SceneEditor,
           {
             port,
@@ -9396,57 +9854,57 @@ var ElementDetail = ({
             }))
           }
         ),
-        felder.length === 0 && /* @__PURE__ */ jsxs9("p", { "data-testid": "kein-schema", children: [
+        felder.length === 0 && /* @__PURE__ */ jsxs10("p", { "data-testid": "kein-schema", children: [
           "F\xFCr den Typ ",
           typ,
           " liegt kein Payload-Schema vor."
         ] }),
-        primaer.map((feld) => /* @__PURE__ */ jsx9(SchemaFieldRow, { ...feldProps, feld }, feld.path)),
-        advanced.length > 0 && /* @__PURE__ */ jsxs9("details", { className: "szenen-detail__technical", "data-testid": "technische-felder", children: [
-          /* @__PURE__ */ jsxs9("summary", { children: [
+        primaer.map((feld) => /* @__PURE__ */ jsx10(SchemaFieldRow, { ...feldProps, feld }, feld.path)),
+        advanced.length > 0 && /* @__PURE__ */ jsxs10("details", { className: "szenen-detail__technical", "data-testid": "technische-felder", children: [
+          /* @__PURE__ */ jsxs10("summary", { children: [
             "Technische Felder / JSON (",
             advanced.length,
             ")"
           ] }),
-          advanced.map((feld) => /* @__PURE__ */ jsx9(SchemaFieldRow, { ...feldProps, feld }, feld.path))
+          advanced.map((feld) => /* @__PURE__ */ jsx10(SchemaFieldRow, { ...feldProps, feld }, feld.path))
         ] }),
-        /* @__PURE__ */ jsxs9("details", { className: "szenen-detail__technical", "data-testid": "technische-informationen", children: [
-          /* @__PURE__ */ jsx9("summary", { children: "Technische Informationen" }),
-          /* @__PURE__ */ jsxs9("p", { children: [
+        /* @__PURE__ */ jsxs10("details", { className: "szenen-detail__technical", "data-testid": "technische-informationen", children: [
+          /* @__PURE__ */ jsx10("summary", { children: "Technische Informationen" }),
+          /* @__PURE__ */ jsxs10("p", { children: [
             "Element-ID: ",
-            /* @__PURE__ */ jsx9("code", { children: schnappschuss.element.element_id })
+            /* @__PURE__ */ jsx10("code", { children: schnappschuss.element.element_id })
           ] }),
-          /* @__PURE__ */ jsxs9("p", { children: [
+          /* @__PURE__ */ jsxs10("p", { children: [
             "angezeigter Stand:",
             " ",
-            /* @__PURE__ */ jsx9("code", { "data-testid": "angezeigter-stand", children: angezeigt.kind === "version" ? angezeigt.versionId : "Entwurf" })
+            /* @__PURE__ */ jsx10("code", { "data-testid": "angezeigter-stand", children: angezeigt.kind === "version" ? angezeigt.versionId : "Entwurf" })
           ] }),
-          draft && /* @__PURE__ */ jsxs9("p", { children: [
+          draft && /* @__PURE__ */ jsxs10("p", { children: [
             "Basis des Entwurfs:",
             " ",
-            /* @__PURE__ */ jsx9("code", { children: draft.base_version_id ?? "(keine)" })
+            /* @__PURE__ */ jsx10("code", { children: draft.base_version_id ?? "(keine)" })
           ] })
         ] })
       ] }),
-      bearbeitbar && vorschau && !vorschau.valid && /* @__PURE__ */ jsx9("ul", { "data-testid": "vorschau-befunde", className: "szenen-detail__preview-errors", children: vorschau.errors.map((f, i) => /* @__PURE__ */ jsxs9("li", { children: [
+      bearbeitbar && vorschau && !vorschau.valid && /* @__PURE__ */ jsx10("ul", { "data-testid": "vorschau-befunde", className: "szenen-detail__preview-errors", children: vorschau.errors.map((f, i) => /* @__PURE__ */ jsxs10("li", { children: [
         f.instancePath || "/",
         ": ",
         f.message
       ] }, i)) }),
-      kettenfeld && /* @__PURE__ */ jsxs9("p", { "data-testid": "kettenfeld-hinweis", className: "szenen-detail__hint", children: [
+      kettenfeld && /* @__PURE__ */ jsxs10("p", { "data-testid": "kettenfeld-hinweis", className: "szenen-detail__hint", children: [
         "Der Verweis ",
-        /* @__PURE__ */ jsx9("code", { children: kettenfeld }),
+        /* @__PURE__ */ jsx10("code", { children: kettenfeld }),
         " steht in den Kettenmetadaten, nicht in der Payload (D-96) \u2014 f\xFCr den Prompt-Lauf aus der Kette gen\xFCgt das. Zum",
         " ",
-        /* @__PURE__ */ jsx9("strong", { children: "Ver\xF6ffentlichen" }),
+        /* @__PURE__ */ jsx10("strong", { children: "Ver\xF6ffentlichen" }),
         " muss er als regul\xE4re Referenz auf eine ver\xF6ffentlichte Version gesetzt werden."
       ] }),
-      bearbeitbar && /* @__PURE__ */ jsxs9("div", { className: "szenen-detail__actions", children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", "data-testid": "draft-speichern", disabled: laeuft, onClick: speichern, children: "Entwurf speichern" }),
-        /* @__PURE__ */ jsx9("button", { type: "button", "data-testid": "veroeffentlichen", disabled: laeuft, onClick: veroeffentlichen, children: "ver\xF6ffentlichen" })
+      bearbeitbar && /* @__PURE__ */ jsxs10("div", { className: "szenen-detail__actions", children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", "data-testid": "draft-speichern", disabled: laeuft, onClick: speichern, children: "Entwurf speichern" }),
+        /* @__PURE__ */ jsx10("button", { type: "button", "data-testid": "veroeffentlichen", disabled: laeuft, onClick: veroeffentlichen, children: "ver\xF6ffentlichen" })
       ] })
     ] }),
-    typ === "target_model" && /* @__PURE__ */ jsx9(
+    typ === "target_model" && /* @__PURE__ */ jsx10(
       AbgeleitetesBildmodell,
       {
         schluessel: (() => {
@@ -9461,8 +9919,8 @@ var ElementDetail = ({
       // einer Draft-Kette, fuehrt der Weg ueber das Einfrieren —
       // der alte Satz „setzen eine veroeffentlichte Version
       // voraus" gilt nur noch fuer den Einzel-Shot.
-      draft?.chain ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-        /* @__PURE__ */ jsx9(
+      draft?.chain ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
+        /* @__PURE__ */ jsx10(
           PromptStartAction,
           {
             port,
@@ -9472,7 +9930,7 @@ var ElementDetail = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           RunsPanel,
           {
             port,
@@ -9480,17 +9938,17 @@ var ElementDetail = ({
             source: { kind: "draft_chain", chainId: draft.chain.chain_id }
           }
         )
-      ] }) : /* @__PURE__ */ jsx9("p", { "data-testid": "shot-ohne-version", children: "Dieser Shot ist noch nicht ver\xF6ffentlicht und geh\xF6rt zu keiner Draft-Kette. Ein Prompt-Lauf braucht hier eine ver\xF6ffentlichte Version \u2014 oder einen Shot, der aus einer Rekonstruktion als Kette entstanden ist." })
-    ) : laufVersionId ? /* @__PURE__ */ jsx9(
+      ] }) : /* @__PURE__ */ jsx10("p", { "data-testid": "shot-ohne-version", children: "Dieser Shot ist noch nicht ver\xF6ffentlicht und geh\xF6rt zu keiner Draft-Kette. Ein Prompt-Lauf braucht hier eine ver\xF6ffentlichte Version \u2014 oder einen Shot, der aus einer Rekonstruktion als Kette entstanden ist." })
+    ) : laufVersionId ? /* @__PURE__ */ jsx10(
       RunsPanel,
       {
         port,
         contextId,
         source: { kind: "published", shotVersionId: laufVersionId }
       }
-    ) : /* @__PURE__ */ jsx9("p", { "data-testid": "laufquelle-unklar", children: "Dieser Shot hat mehrere ver\xF6ffentlichte Versionen und keinen bevorzugten Kopf in diesem Kontext. Welche davon einen Lauf tr\xE4gt, entscheidet keine Reihenfolge \u2014 bitte oben eine Version anzeigen oder als bevorzugt setzen." })),
-    typ === "scene" && /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx9(
+    ) : /* @__PURE__ */ jsx10("p", { "data-testid": "laufquelle-unklar", children: "Dieser Shot hat mehrere ver\xF6ffentlichte Versionen und keinen bevorzugten Kopf in diesem Kontext. Welche davon einen Lauf tr\xE4gt, entscheidet keine Reihenfolge \u2014 bitte oben eine Version anzeigen oder als bevorzugt setzen." })),
+    typ === "scene" && /* @__PURE__ */ jsxs10(Fragment5, { children: [
+      /* @__PURE__ */ jsx10(
         PromptStartAction,
         {
           port,
@@ -9504,7 +9962,7 @@ var ElementDetail = ({
           onLauf: () => setNachladen((n) => n + 1)
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         RunsPanel,
         {
           port,
@@ -9513,7 +9971,7 @@ var ElementDetail = ({
         }
       )
     ] }),
-    typ === "scene_setup" && /* @__PURE__ */ jsx9(
+    typ === "scene_setup" && /* @__PURE__ */ jsx10(
       CapabilityPanel,
       {
         port,
@@ -9521,7 +9979,7 @@ var ElementDetail = ({
         setupPayload: payloadAusFormular()
       }
     ),
-    notiz && /* @__PURE__ */ jsxs9(
+    notiz && /* @__PURE__ */ jsxs10(
       "div",
       {
         className: `szenen-detail__notice szenen-detail__notice--${notiz.tone}`,
@@ -9529,8 +9987,8 @@ var ElementDetail = ({
         "data-tone": notiz.tone,
         role: notiz.tone === "error" ? "alert" : "status",
         children: [
-          /* @__PURE__ */ jsx9("p", { children: notiz.text }),
-          notiz.details && notiz.details.length > 0 && /* @__PURE__ */ jsx9("ul", { "data-testid": "notiz-befunde", children: notiz.details.map((d, i) => /* @__PURE__ */ jsx9("li", { children: d }, i)) })
+          /* @__PURE__ */ jsx10("p", { children: notiz.text }),
+          notiz.details && notiz.details.length > 0 && /* @__PURE__ */ jsx10("ul", { "data-testid": "notiz-befunde", children: notiz.details.map((d, i) => /* @__PURE__ */ jsx10("li", { children: d }, i)) })
         ]
       }
     )
@@ -9538,15 +9996,15 @@ var ElementDetail = ({
 };
 
 // src/features/szenen/areas/useSchmalesDisplay.ts
-import { useEffect as useEffect4, useState as useState10 } from "react";
+import { useEffect as useEffect6, useState as useState11 } from "react";
 var SCHMALE_ANSICHT = "(max-width: 760px)";
 function messen(abfrage) {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
   return window.matchMedia(abfrage).matches;
 }
 function useSchmalesDisplay(abfrage = SCHMALE_ANSICHT) {
-  const [schmal, setSchmal] = useState10(() => messen(abfrage));
-  useEffect4(() => {
+  const [schmal, setSchmal] = useState11(() => messen(abfrage));
+  useEffect6(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const liste = window.matchMedia(abfrage);
     const aktualisieren = () => setSchmal(liste.matches);
@@ -9558,7 +10016,7 @@ function useSchmalesDisplay(abfrage = SCHMALE_ANSICHT) {
 }
 
 // src/features/szenen/areas/ElementsArea.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ElementsArea = ({
   port,
   contextId,
@@ -9573,16 +10031,16 @@ var ElementsArea = ({
   const gemischt = auswahlTypen.length > 1;
   const ueberschrift = listTitle ?? (einzelTyp ? elementTypPlural(einzelTyp) : "Bausteine");
   const einzahl = einzelTyp ? elementTypLabel(einzelTyp) : "Objekt";
-  const [typ, setTyp] = useState11(einzelTyp ?? "");
-  const [zeigeStillgelegte, setZeigeStillgelegte] = useState11(false);
-  const [gewaehlt, setGewaehlt] = useState11(null);
-  const [neuerTitel, setNeuerTitel] = useState11("");
-  const [neuerTyp, setNeuerTyp] = useState11(auswahlTypen[0]);
-  const [notiz, setNotiz] = useState11(null);
-  const [anlegend, setAnlegend] = useState11(false);
-  const [anlageOffen, setAnlageOffen] = useState11(false);
+  const [typ, setTyp] = useState12(einzelTyp ?? "");
+  const [zeigeStillgelegte, setZeigeStillgelegte] = useState12(false);
+  const [gewaehlt, setGewaehlt] = useState12(null);
+  const [neuerTitel, setNeuerTitel] = useState12("");
+  const [neuerTyp, setNeuerTyp] = useState12(auswahlTypen[0]);
+  const [notiz, setNotiz] = useState12(null);
+  const [anlegend, setAnlegend] = useState12(false);
+  const [anlageOffen, setAnlageOffen] = useState12(false);
   const schmal = useSchmalesDisplay();
-  const [ansicht, setAnsicht] = useState11("liste");
+  const [ansicht, setAnsicht] = useState12("liste");
   const zeigeListe = !schmal || ansicht === "liste";
   const zeigeDetail = !schmal || ansicht === "detail";
   const waehle = (elementId) => {
@@ -9602,17 +10060,17 @@ var ElementsArea = ({
     setAnlageOffen(false);
     setNeuerTitel("");
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "szenen-elements",
       "data-testid": "bereich-elemente",
       "data-ansicht": schmal ? ansicht : "beide",
       children: [
-        zeigeListe && /* @__PURE__ */ jsxs10("div", { className: "szenen-elements__master", "data-testid": "elemente-master", children: [
-          /* @__PURE__ */ jsxs10("div", { className: "szenen-elements__toolbar", children: [
-            /* @__PURE__ */ jsx10("h3", { className: "szenen-elements__heading", children: ueberschrift }),
-            /* @__PURE__ */ jsx10(
+        zeigeListe && /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__master", "data-testid": "elemente-master", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__toolbar", children: [
+            /* @__PURE__ */ jsx11("h3", { className: "szenen-elements__heading", children: ueberschrift }),
+            /* @__PURE__ */ jsx11(
               "button",
               {
                 type: "button",
@@ -9628,22 +10086,22 @@ var ElementsArea = ({
               }
             )
           ] }),
-          gemischt && /* @__PURE__ */ jsxs10("label", { className: "szenen-elements__scope", children: [
+          gemischt && /* @__PURE__ */ jsxs11("label", { className: "szenen-elements__scope", children: [
             "Art",
-            /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11(
               "select",
               {
                 "data-testid": "filter-typ",
                 value: typ,
                 onChange: (e) => setTyp(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsx10("option", { value: "", children: allTypesLabel ?? "alle Typen" }),
-                  auswahlTypen.map((t) => /* @__PURE__ */ jsx10("option", { value: t, children: elementTypPlural(t) }, t))
+                  /* @__PURE__ */ jsx11("option", { value: "", children: allTypesLabel ?? "alle Typen" }),
+                  auswahlTypen.map((t) => /* @__PURE__ */ jsx11("option", { value: t, children: elementTypPlural(t) }, t))
                 ]
               }
             )
           ] }),
-          anlageOffen && /* @__PURE__ */ jsxs10(
+          anlageOffen && /* @__PURE__ */ jsxs11(
             "form",
             {
               className: "szenen-elements__create",
@@ -9671,9 +10129,9 @@ var ElementsArea = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsxs10("label", { className: "szenen-elements__create-title", children: [
+                /* @__PURE__ */ jsxs11("label", { className: "szenen-elements__create-title", children: [
                   einzelTyp ? `Neue ${einzahl}` : "Titel",
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "input",
                     {
                       "data-testid": "neuer-titel",
@@ -9684,20 +10142,20 @@ var ElementsArea = ({
                     }
                   )
                 ] }),
-                gemischt && /* @__PURE__ */ jsxs10("label", { className: "szenen-elements__create-type", children: [
+                gemischt && /* @__PURE__ */ jsxs11("label", { className: "szenen-elements__create-type", children: [
                   "Art",
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "select",
                     {
                       "data-testid": "neuer-typ",
                       value: neuerTyp,
                       onChange: (e) => setNeuerTyp(e.target.value),
-                      children: auswahlTypen.map((t) => /* @__PURE__ */ jsx10("option", { value: t, children: elementTypLabel(t) }, t))
+                      children: auswahlTypen.map((t) => /* @__PURE__ */ jsx11("option", { value: t, children: elementTypLabel(t) }, t))
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs10("div", { className: "szenen-elements__create-actions", children: [
-                  /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__create-actions", children: [
+                  /* @__PURE__ */ jsx11(
                     "button",
                     {
                       type: "submit",
@@ -9706,7 +10164,7 @@ var ElementsArea = ({
                       children: "anlegen"
                     }
                   ),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "button",
                     {
                       type: "button",
@@ -9719,19 +10177,19 @@ var ElementsArea = ({
               ]
             }
           ),
-          notiz && /* @__PURE__ */ jsx10("p", { "data-testid": "anlegen-notiz", "data-tone": notiz.tone, children: notiz.text }),
-          phase.status === "loading" && /* @__PURE__ */ jsx10("p", { "data-testid": "elemente-laden", children: "Elemente werden geladen \u2026" }),
-          phase.status === "error" && /* @__PURE__ */ jsxs10("p", { "data-testid": "elemente-fehler", role: "alert", children: [
+          notiz && /* @__PURE__ */ jsx11("p", { "data-testid": "anlegen-notiz", "data-tone": notiz.tone, children: notiz.text }),
+          phase.status === "loading" && /* @__PURE__ */ jsx11("p", { "data-testid": "elemente-laden", children: "Elemente werden geladen \u2026" }),
+          phase.status === "error" && /* @__PURE__ */ jsxs11("p", { "data-testid": "elemente-fehler", role: "alert", children: [
             "Elemente konnten nicht geladen werden: ",
             phase.message,
             phase.retryable && " \u2014 ein erneuter Versuch kann helfen."
           ] }),
-          phase.status === "ready" && phase.value.length === 0 && /* @__PURE__ */ jsxs10("p", { "data-testid": "elemente-leer", children: [
+          phase.status === "ready" && phase.value.length === 0 && /* @__PURE__ */ jsxs11("p", { "data-testid": "elemente-leer", children: [
             typ ? `Keine ${elementTypPlural(typ)} in diesem Kontext.` : "Nichts in diesem Kontext.",
             " ",
             'Mit \u201E+ Neu" anlegen.'
           ] }),
-          phase.status === "ready" && phase.value.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "szenen-elements__list", "data-testid": "elemente-liste", children: phase.value.map((element) => /* @__PURE__ */ jsx10("li", { "data-element-id": element.element_id, children: /* @__PURE__ */ jsxs10(
+          phase.status === "ready" && phase.value.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "szenen-elements__list", "data-testid": "elemente-liste", children: phase.value.map((element) => /* @__PURE__ */ jsx11("li", { "data-element-id": element.element_id, children: /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -9740,18 +10198,18 @@ var ElementsArea = ({
               className: element.element_id === gewaehlt ? "is-selected" : void 0,
               onClick: () => waehle(element.element_id),
               children: [
-                /* @__PURE__ */ jsx10("strong", { className: "szenen-elements__title", children: element.title || "Unbenanntes Element" }),
-                gemischt && /* @__PURE__ */ jsx10("span", { className: "szenen-elements__type", children: elementTypLabel(element.type) }),
-                element.subtype && /* @__PURE__ */ jsx10("span", { className: "szenen-elements__subtype", children: element.subtype }),
-                element.retired && /* @__PURE__ */ jsx10("span", { className: "szenen-elements__retired", children: "stillgelegt" })
+                /* @__PURE__ */ jsx11("strong", { className: "szenen-elements__title", children: element.title || "Unbenanntes Element" }),
+                gemischt && /* @__PURE__ */ jsx11("span", { className: "szenen-elements__type", children: elementTypLabel(element.type) }),
+                element.subtype && /* @__PURE__ */ jsx11("span", { className: "szenen-elements__subtype", children: element.subtype }),
+                element.retired && /* @__PURE__ */ jsx11("span", { className: "szenen-elements__retired", children: "stillgelegt" })
               ]
             }
           ) }, element.element_id)) }),
-          /* @__PURE__ */ jsxs10("details", { className: "szenen-elements__options", "data-testid": "listen-optionen", children: [
-            /* @__PURE__ */ jsx10("summary", { children: "Listenoptionen" }),
-            /* @__PURE__ */ jsxs10("div", { className: "szenen-elements__filter", children: [
-              /* @__PURE__ */ jsxs10("label", { children: [
-                /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs11("details", { className: "szenen-elements__options", "data-testid": "listen-optionen", children: [
+            /* @__PURE__ */ jsx11("summary", { children: "Listenoptionen" }),
+            /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__filter", children: [
+              /* @__PURE__ */ jsxs11("label", { children: [
+                /* @__PURE__ */ jsx11(
                   "input",
                   {
                     type: "checkbox",
@@ -9762,12 +10220,12 @@ var ElementsArea = ({
                 ),
                 "stillgelegte Elemente einblenden"
               ] }),
-              /* @__PURE__ */ jsx10("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
+              /* @__PURE__ */ jsx11("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
             ] })
           ] })
         ] }),
-        zeigeDetail && /* @__PURE__ */ jsxs10("div", { className: "szenen-elements__detail", "data-testid": "elemente-detail-spalte", children: [
-          schmal && /* @__PURE__ */ jsx10(
+        zeigeDetail && /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__detail", "data-testid": "elemente-detail-spalte", children: [
+          schmal && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -9777,7 +10235,7 @@ var ElementsArea = ({
               children: "\u2190 Zur\xFCck zur Liste"
             }
           ),
-          gewaehlt ? /* @__PURE__ */ jsx10(
+          gewaehlt ? /* @__PURE__ */ jsx11(
             ElementDetail,
             {
               port,
@@ -9786,7 +10244,7 @@ var ElementsArea = ({
               author,
               onChanged: neuLaden
             }
-          ) : /* @__PURE__ */ jsx10("p", { className: "szenen-elements__empty-detail", "data-testid": "keine-auswahl", children: "Nichts ausgew\xE4hlt. Ein Eintrag aus der Liste \xF6ffnet die Bearbeitung." })
+          ) : /* @__PURE__ */ jsx11("p", { className: "szenen-elements__empty-detail", "data-testid": "keine-auswahl", children: "Nichts ausgew\xE4hlt. Ein Eintrag aus der Liste \xF6ffnet die Bearbeitung." })
         ] })
       ]
     }
@@ -9794,17 +10252,17 @@ var ElementsArea = ({
 };
 
 // src/features/szenen/areas/SceneArea.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var SceneArea = ({ port, contextId }) => /* @__PURE__ */ jsxs11("div", { className: "szenen-scene", "data-testid": "bereich-szene", children: [
-  /* @__PURE__ */ jsx11("p", { className: "szenen-area__lead", children: "Szenen dieses Kontexts. Auswahl \xF6ffnet die Bearbeitung der Nodes und Beziehungen." }),
-  /* @__PURE__ */ jsx11(ElementsArea, { port, contextId, restrictToTypes: ["scene"] })
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var SceneArea = ({ port, contextId }) => /* @__PURE__ */ jsxs12("div", { className: "szenen-scene", "data-testid": "bereich-szene", children: [
+  /* @__PURE__ */ jsx12("p", { className: "szenen-area__lead", children: "Szenen dieses Kontexts. Auswahl \xF6ffnet die Bearbeitung der Nodes und Beziehungen." }),
+  /* @__PURE__ */ jsx12(ElementsArea, { port, contextId, restrictToTypes: ["scene"] })
 ] });
 
 // src/features/szenen/areas/SetupArea.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var SetupArea = ({ port, contextId }) => /* @__PURE__ */ jsxs12("div", { className: "szenen-setup", "data-testid": "bereich-setup", children: [
-  /* @__PURE__ */ jsx12("p", { className: "szenen-area__lead", children: "Bildaufbauten, Kameras und Stile dieses Kontexts." }),
-  /* @__PURE__ */ jsx12(
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var SetupArea = ({ port, contextId }) => /* @__PURE__ */ jsxs13("div", { className: "szenen-setup", "data-testid": "bereich-setup", children: [
+  /* @__PURE__ */ jsx13("p", { className: "szenen-area__lead", children: "Bildaufbauten, Kameras und Stile dieses Kontexts." }),
+  /* @__PURE__ */ jsx13(
     ElementsArea,
     {
       port,
@@ -9817,10 +10275,10 @@ var SetupArea = ({ port, contextId }) => /* @__PURE__ */ jsxs12("div", { classNa
 ] });
 
 // src/features/szenen/areas/ShotArea.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var ShotArea = ({ port, contextId }) => /* @__PURE__ */ jsxs13("div", { className: "szenen-shot", "data-testid": "bereich-shot", children: [
-  /* @__PURE__ */ jsx13("p", { className: "szenen-area__lead", children: "Prompts dieses Kontexts. Auswahl zeigt Runden und startet Prompt-L\xE4ufe." }),
-  /* @__PURE__ */ jsx13(
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var ShotArea = ({ port, contextId }) => /* @__PURE__ */ jsxs14("div", { className: "szenen-shot", "data-testid": "bereich-shot", children: [
+  /* @__PURE__ */ jsx14("p", { className: "szenen-area__lead", children: "Prompts dieses Kontexts. Auswahl zeigt Runden und startet Prompt-L\xE4ufe." }),
+  /* @__PURE__ */ jsx14(
     ElementsArea,
     {
       port,
@@ -9833,21 +10291,21 @@ var ShotArea = ({ port, contextId }) => /* @__PURE__ */ jsxs13("div", { classNam
 ] });
 
 // src/features/szenen/areas/MediaArea.tsx
-import { useState as useState12 } from "react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var leer = async () => ({ kind: "ok", value: [] });
 var MediaArea = ({ port }) => {
   const media = port.media;
-  const [versionInput, setVersionInput] = useState12("");
-  const [versionId, setVersionId] = useState12("");
-  const [itemInput, setItemInput] = useState12("");
-  const [itemId, setItemId] = useState12("");
-  const [assetId, setAssetId] = useState12("");
-  const [role, setRole] = useState12("reference");
-  const [position, setPosition] = useState12("0");
-  const [notiz, setNotiz] = useState12(null);
-  const [busy, setBusy] = useState12(false);
-  const [refresh, setRefresh] = useState12(0);
+  const [versionInput, setVersionInput] = useState13("");
+  const [versionId, setVersionId] = useState13("");
+  const [itemInput, setItemInput] = useState13("");
+  const [itemId, setItemId] = useState13("");
+  const [assetId, setAssetId] = useState13("");
+  const [role, setRole] = useState13("reference");
+  const [position, setPosition] = useState13("0");
+  const [notiz, setNotiz] = useState13(null);
+  const [busy, setBusy] = useState13(false);
+  const [refresh, setRefresh] = useState13(0);
   const [versionPhase] = usePortQuery(
     () => versionId ? media.listVersionMedia(versionId) : leer(),
     [media, versionId, refresh]
@@ -9893,145 +10351,145 @@ var MediaArea = ({ port }) => {
   };
   const versionMedien = versionPhase.status === "ready" ? versionPhase.value : [];
   const itemMedien = itemPhase.status === "ready" ? itemPhase.value : [];
-  return /* @__PURE__ */ jsxs14("div", { className: "szenen-media", "data-testid": "bereich-medien", children: [
-    /* @__PURE__ */ jsx14("p", { className: "szenen-area__lead", children: "Bereits vorhandene Medien-Assets einer Elementversion zuordnen. Hochgeladen wird hier nichts \u2014 Medien entstehen \xFCber den bestehenden Speicherweg aus Stufe 5." }),
-    /* @__PURE__ */ jsxs14("section", { children: [
-      /* @__PURE__ */ jsx14("h3", { children: "Version" }),
-      /* @__PURE__ */ jsxs14("div", { className: "szenen-media__lookup", children: [
-        /* @__PURE__ */ jsxs14("label", { children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "szenen-media", "data-testid": "bereich-medien", children: [
+    /* @__PURE__ */ jsx15("p", { className: "szenen-area__lead", children: "Bereits vorhandene Medien-Assets einer Elementversion zuordnen. Hochgeladen wird hier nichts \u2014 Medien entstehen \xFCber den bestehenden Speicherweg aus Stufe 5." }),
+    /* @__PURE__ */ jsxs15("section", { children: [
+      /* @__PURE__ */ jsx15("h3", { children: "Version" }),
+      /* @__PURE__ */ jsxs15("div", { className: "szenen-media__lookup", children: [
+        /* @__PURE__ */ jsxs15("label", { children: [
           "Version-ID",
-          /* @__PURE__ */ jsx14("input", { value: versionInput, onChange: (event) => setVersionInput(event.target.value) })
+          /* @__PURE__ */ jsx15("input", { value: versionInput, onChange: (event) => setVersionInput(event.target.value) })
         ] }),
-        /* @__PURE__ */ jsx14("button", { type: "button", onClick: () => setVersionId(versionInput.trim()), children: "Medien laden" })
+        /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => setVersionId(versionInput.trim()), children: "Medien laden" })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "szenen-media__attach", children: [
-        /* @__PURE__ */ jsxs14("label", { children: [
+      /* @__PURE__ */ jsxs15("div", { className: "szenen-media__attach", children: [
+        /* @__PURE__ */ jsxs15("label", { children: [
           "Asset-ID",
-          /* @__PURE__ */ jsx14("input", { value: assetId, onChange: (event) => setAssetId(event.target.value) })
+          /* @__PURE__ */ jsx15("input", { value: assetId, onChange: (event) => setAssetId(event.target.value) })
         ] }),
-        /* @__PURE__ */ jsxs14("label", { children: [
+        /* @__PURE__ */ jsxs15("label", { children: [
           "Rolle",
-          /* @__PURE__ */ jsxs14("select", { value: role, onChange: (event) => setRole(event.target.value), children: [
-            /* @__PURE__ */ jsx14("option", { value: "reference", children: "reference" }),
-            /* @__PURE__ */ jsx14("option", { value: "mask", children: "mask" }),
-            /* @__PURE__ */ jsx14("option", { value: "palette", children: "palette" }),
-            /* @__PURE__ */ jsx14("option", { value: "example", children: "example" })
+          /* @__PURE__ */ jsxs15("select", { value: role, onChange: (event) => setRole(event.target.value), children: [
+            /* @__PURE__ */ jsx15("option", { value: "reference", children: "reference" }),
+            /* @__PURE__ */ jsx15("option", { value: "mask", children: "mask" }),
+            /* @__PURE__ */ jsx15("option", { value: "palette", children: "palette" }),
+            /* @__PURE__ */ jsx15("option", { value: "example", children: "example" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("label", { children: [
+        /* @__PURE__ */ jsxs15("label", { children: [
           "Position",
-          /* @__PURE__ */ jsx14("input", { type: "number", min: "0", value: position, onChange: (event) => setPosition(event.target.value) })
+          /* @__PURE__ */ jsx15("input", { type: "number", min: "0", value: position, onChange: (event) => setPosition(event.target.value) })
         ] }),
-        /* @__PURE__ */ jsx14("button", { type: "button", disabled: busy, onClick: zuordnen, children: "zuordnen" })
+        /* @__PURE__ */ jsx15("button", { type: "button", disabled: busy, onClick: zuordnen, children: "zuordnen" })
       ] }),
-      versionPhase.status === "loading" && versionId && /* @__PURE__ */ jsx14("p", { children: "Versionsmedien werden geladen \u2026" }),
-      versionPhase.status === "error" && /* @__PURE__ */ jsxs14("p", { role: "alert", children: [
+      versionPhase.status === "loading" && versionId && /* @__PURE__ */ jsx15("p", { children: "Versionsmedien werden geladen \u2026" }),
+      versionPhase.status === "error" && /* @__PURE__ */ jsxs15("p", { role: "alert", children: [
         "Versionsmedien konnten nicht geladen werden: ",
         versionPhase.message
       ] }),
-      versionPhase.status === "ready" && versionId && versionMedien.length === 0 && /* @__PURE__ */ jsxs14("p", { children: [
+      versionPhase.status === "ready" && versionId && versionMedien.length === 0 && /* @__PURE__ */ jsxs15("p", { children: [
         "Version ",
         versionId,
         " hat keine Medien."
       ] }),
-      /* @__PURE__ */ jsx14("ul", { className: "szenen-media__list", children: versionMedien.map((medium) => /* @__PURE__ */ jsxs14("li", { children: [
-        /* @__PURE__ */ jsx14("code", { children: medium.assetId }),
-        /* @__PURE__ */ jsxs14("span", { children: [
+      /* @__PURE__ */ jsx15("ul", { className: "szenen-media__list", children: versionMedien.map((medium) => /* @__PURE__ */ jsxs15("li", { children: [
+        /* @__PURE__ */ jsx15("code", { children: medium.assetId }),
+        /* @__PURE__ */ jsxs15("span", { children: [
           medium.role,
           " \xB7 Position ",
           medium.position
         ] }),
-        medium.url && /* @__PURE__ */ jsx14("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" }),
-        /* @__PURE__ */ jsx14("button", { type: "button", disabled: busy, onClick: () => entfernen(medium), children: "entfernen" })
+        medium.url && /* @__PURE__ */ jsx15("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" }),
+        /* @__PURE__ */ jsx15("button", { type: "button", disabled: busy, onClick: () => entfernen(medium), children: "entfernen" })
       ] }, `${medium.assetId}:${medium.role}`)) })
     ] }),
-    /* @__PURE__ */ jsxs14("section", { children: [
-      /* @__PURE__ */ jsx14("h3", { children: "Item-Medien" }),
-      /* @__PURE__ */ jsxs14("div", { className: "szenen-media__lookup", children: [
-        /* @__PURE__ */ jsxs14("label", { children: [
+    /* @__PURE__ */ jsxs15("section", { children: [
+      /* @__PURE__ */ jsx15("h3", { children: "Item-Medien" }),
+      /* @__PURE__ */ jsxs15("div", { className: "szenen-media__lookup", children: [
+        /* @__PURE__ */ jsxs15("label", { children: [
           "Item-ID",
-          /* @__PURE__ */ jsx14("input", { value: itemInput, onChange: (event) => setItemInput(event.target.value) })
+          /* @__PURE__ */ jsx15("input", { value: itemInput, onChange: (event) => setItemInput(event.target.value) })
         ] }),
-        /* @__PURE__ */ jsx14("button", { type: "button", onClick: () => setItemId(itemInput.trim()), children: "Item-Medien laden" })
+        /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => setItemId(itemInput.trim()), children: "Item-Medien laden" })
       ] }),
-      itemPhase.status === "error" && /* @__PURE__ */ jsxs14("p", { role: "alert", children: [
+      itemPhase.status === "error" && /* @__PURE__ */ jsxs15("p", { role: "alert", children: [
         "Item-Medien konnten nicht geladen werden: ",
         itemPhase.message
       ] }),
-      /* @__PURE__ */ jsx14("ul", { className: "szenen-media__list", children: itemMedien.map((medium) => /* @__PURE__ */ jsxs14("li", { children: [
-        /* @__PURE__ */ jsx14("code", { children: medium.assetId }),
-        /* @__PURE__ */ jsxs14("span", { children: [
+      /* @__PURE__ */ jsx15("ul", { className: "szenen-media__list", children: itemMedien.map((medium) => /* @__PURE__ */ jsxs15("li", { children: [
+        /* @__PURE__ */ jsx15("code", { children: medium.assetId }),
+        /* @__PURE__ */ jsxs15("span", { children: [
           medium.role,
           " \xB7 Position ",
           medium.position
         ] }),
-        medium.url && /* @__PURE__ */ jsx14("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" })
+        medium.url && /* @__PURE__ */ jsx15("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" })
       ] }, `${medium.assetId}:${medium.role}:${medium.position}`)) })
     ] }),
-    notiz && /* @__PURE__ */ jsx14("p", { role: notiz.tone === "error" ? "alert" : "status", "data-tone": notiz.tone, children: notiz.text })
+    notiz && /* @__PURE__ */ jsx15("p", { role: notiz.tone === "error" ? "alert" : "status", "data-tone": notiz.tone, children: notiz.text })
   ] });
 };
 
 // src/features/szenen/areas/DeriveArea.tsx
-import { useRef as useRef2, useState as useState15 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo3, useRef as useRef3, useState as useState16 } from "react";
 
 // src/features/szenen/areas/RecoveryPanel.tsx
-import { useState as useState13 } from "react";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var Diagnosen = ({ befunde, testId }) => {
   if (befunde.length === 0) return null;
-  return /* @__PURE__ */ jsx15("ul", { className: "szenen-diagnose__liste", "data-testid": testId, children: befunde.map((d, i) => /* @__PURE__ */ jsxs15("li", { "data-severity": d.severity, children: [
-    /* @__PURE__ */ jsx15("code", { children: d.code }),
-    d.proposal_type && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+  return /* @__PURE__ */ jsx16("ul", { className: "szenen-diagnose__liste", "data-testid": testId, children: befunde.map((d, i) => /* @__PURE__ */ jsxs16("li", { "data-severity": d.severity, children: [
+    /* @__PURE__ */ jsx16("code", { children: d.code }),
+    d.proposal_type && /* @__PURE__ */ jsxs16(Fragment6, { children: [
       " \xB7 ",
-      /* @__PURE__ */ jsx15("strong", { children: d.proposal_type })
+      /* @__PURE__ */ jsx16("strong", { children: d.proposal_type })
     ] }),
-    d.pointer && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    d.pointer && /* @__PURE__ */ jsxs16(Fragment6, { children: [
       " \xB7 ",
-      /* @__PURE__ */ jsx15("code", { children: d.pointer })
+      /* @__PURE__ */ jsx16("code", { children: d.pointer })
     ] }),
-    typeof d.line === "number" && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    typeof d.line === "number" && /* @__PURE__ */ jsxs16(Fragment6, { children: [
       " \xB7 Zeile ",
       d.line,
       ", Spalte ",
       d.column
     ] }),
-    /* @__PURE__ */ jsx15("div", { children: d.message })
+    /* @__PURE__ */ jsx16("div", { children: d.message })
   ] }, i)) });
 };
-var Ausbeute = ({ bewertung }) => /* @__PURE__ */ jsxs15("div", { className: "szenen-diagnose", "data-testid": "rettung-ergebnis", children: [
-  /* @__PURE__ */ jsxs15("p", { "data-testid": "rettung-status", children: [
+var Ausbeute = ({ bewertung }) => /* @__PURE__ */ jsxs16("div", { className: "szenen-diagnose", "data-testid": "rettung-ergebnis", children: [
+  /* @__PURE__ */ jsxs16("p", { "data-testid": "rettung-status", children: [
     bewertung.status === "usable" && "Diese Fassung ist vollst\xE4ndig verwertbar.",
     bewertung.status === "partial" && "Diese Fassung ist teilweise verwertbar \u2014 nicht alles kommt durch.",
     bewertung.status === "invalid" && "Aus dieser Fassung ist nichts zu \xFCbernehmen."
   ] }),
-  bewertung.proposals.length > 0 && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx15("h5", { children: "Verwertbar" }),
-    /* @__PURE__ */ jsx15("ul", { "data-testid": "rettung-verwertbar", children: bewertung.proposals.map((p) => /* @__PURE__ */ jsxs15("li", { "data-testid": `rettung-verwertbar-${p.type}`, children: [
-      /* @__PURE__ */ jsx15("strong", { children: p.type }),
+  bewertung.proposals.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    /* @__PURE__ */ jsx16("h5", { children: "Verwertbar" }),
+    /* @__PURE__ */ jsx16("ul", { "data-testid": "rettung-verwertbar", children: bewertung.proposals.map((p) => /* @__PURE__ */ jsxs16("li", { "data-testid": `rettung-verwertbar-${p.type}`, children: [
+      /* @__PURE__ */ jsx16("strong", { children: p.type }),
       " \u2014 ",
       p.status === "complete" ? "vollst\xE4ndig" : "teilweise; vor dem Ver\xF6ffentlichen zu erg\xE4nzen",
-      p.status === "partial" && p.gaps && p.gaps.length > 0 && /* @__PURE__ */ jsx15("ul", { children: p.gaps.map((l, i) => /* @__PURE__ */ jsxs15("li", { children: [
-        /* @__PURE__ */ jsx15("code", { children: l.pointer }),
+      p.status === "partial" && p.gaps && p.gaps.length > 0 && /* @__PURE__ */ jsx16("ul", { children: p.gaps.map((l, i) => /* @__PURE__ */ jsxs16("li", { children: [
+        /* @__PURE__ */ jsx16("code", { children: l.pointer }),
         ": ",
         l.reason
       ] }, i)) })
     ] }, p.type)) })
   ] }),
-  bewertung.rejected.length > 0 && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx15("h5", { children: "Nicht verwertbar" }),
-    /* @__PURE__ */ jsx15("ul", { "data-testid": "rettung-abgelehnt", children: bewertung.rejected.map((r) => /* @__PURE__ */ jsxs15("li", { "data-testid": `rettung-abgelehnt-${r.type}`, children: [
-      /* @__PURE__ */ jsx15("strong", { children: r.type }),
-      /* @__PURE__ */ jsx15(Diagnosen, { befunde: r.diagnostics, testId: `rettung-grund-${r.type}` })
+  bewertung.rejected.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    /* @__PURE__ */ jsx16("h5", { children: "Nicht verwertbar" }),
+    /* @__PURE__ */ jsx16("ul", { "data-testid": "rettung-abgelehnt", children: bewertung.rejected.map((r) => /* @__PURE__ */ jsxs16("li", { "data-testid": `rettung-abgelehnt-${r.type}`, children: [
+      /* @__PURE__ */ jsx16("strong", { children: r.type }),
+      /* @__PURE__ */ jsx16(Diagnosen, { befunde: r.diagnostics, testId: `rettung-grund-${r.type}` })
     ] }, r.type)) })
   ] })
 ] });
 var RecoveryPanel = ({ port, lauf }) => {
-  const [arbeitskopie, setArbeitskopie] = useState13(null);
-  const [bewertung, setBewertung] = useState13(null);
-  const [gesichert, setGesichert] = useState13(null);
-  const [meldung, setMeldung] = useState13(null);
-  const [laeuft, setLaeuft] = useState13(false);
+  const [arbeitskopie, setArbeitskopie] = useState14(null);
+  const [bewertung, setBewertung] = useState14(null);
+  const [gesichert, setGesichert] = useState14(null);
+  const [meldung, setMeldung] = useState14(null);
+  const [laeuft, setLaeuft] = useState14(false);
   if (!port.derivation) return null;
   if (typeof lauf.raw_output !== "string" || lauf.raw_output.length === 0) return null;
   const derivation = port.derivation;
@@ -10067,16 +10525,16 @@ var RecoveryPanel = ({ port, lauf }) => {
       setLaeuft(false);
     }
   }
-  return /* @__PURE__ */ jsxs15("section", { className: "szenen-rettung", "data-testid": "rettung", children: [
-    /* @__PURE__ */ jsx15("h4", { children: "Antwort retten" }),
-    /* @__PURE__ */ jsxs15("p", { className: "szenen-area__lead", children: [
+  return /* @__PURE__ */ jsxs16("section", { className: "szenen-rettung", "data-testid": "rettung", children: [
+    /* @__PURE__ */ jsx16("h4", { children: "Antwort retten" }),
+    /* @__PURE__ */ jsxs16("p", { className: "szenen-area__lead", children: [
       "Der Lauf ist bezahlt und seine Antwort liegt vor. Sie l\xE4sst sich hier pr\xFCfen und korrigieren \u2014 ",
-      /* @__PURE__ */ jsx15("strong", { children: "ohne" }),
+      /* @__PURE__ */ jsx16("strong", { children: "ohne" }),
       " einen weiteren Modellaufruf. Das Original bleibt unver\xE4ndert."
     ] }),
-    /* @__PURE__ */ jsxs15("label", { className: "szenen-field", children: [
-      /* @__PURE__ */ jsx15("span", { children: "Original der Modellantwort (unver\xE4nderlich)" }),
-      /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs16("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsx16("span", { children: "Original der Modellantwort (unver\xE4nderlich)" }),
+      /* @__PURE__ */ jsx16(
         "textarea",
         {
           readOnly: true,
@@ -10087,12 +10545,12 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15("label", { className: "szenen-field", children: [
-      /* @__PURE__ */ jsxs15("span", { children: [
+    /* @__PURE__ */ jsxs16("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsxs16("span", { children: [
         "Arbeitskopie",
         bearbeitet ? " (bearbeitet)" : ""
       ] }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "textarea",
         {
           rows: 8,
@@ -10102,8 +10560,8 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "szenen-rettung__aktionen", children: [
-      /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs16("div", { className: "szenen-rettung__aktionen", children: [
+      /* @__PURE__ */ jsx16(
         "button",
         {
           type: "button",
@@ -10113,7 +10571,7 @@ var RecoveryPanel = ({ port, lauf }) => {
           children: "Arbeitskopie pr\xFCfen (kein Modellaufruf)"
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "button",
         {
           type: "button",
@@ -10123,7 +10581,7 @@ var RecoveryPanel = ({ port, lauf }) => {
           children: "Arbeitsfassung speichern"
         }
       ),
-      arbeitskopie !== null && /* @__PURE__ */ jsx15(
+      arbeitskopie !== null && /* @__PURE__ */ jsx16(
         "button",
         {
           type: "button",
@@ -10138,15 +10596,15 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    meldung && /* @__PURE__ */ jsx15("p", { className: "szenen-error", role: "alert", "data-testid": "rettung-meldung", children: meldung }),
-    bewertung && /* @__PURE__ */ jsx15(Ausbeute, { bewertung }),
-    bewertung && bewertung.diagnostics.length > 0 && /* @__PURE__ */ jsxs15("div", { className: "szenen-diagnose", children: [
-      /* @__PURE__ */ jsx15("h5", { children: "Befunde an dieser Fassung" }),
-      /* @__PURE__ */ jsx15(Diagnosen, { befunde: bewertung.diagnostics, testId: "rettung-befunde" })
+    meldung && /* @__PURE__ */ jsx16("p", { className: "szenen-error", role: "alert", "data-testid": "rettung-meldung", children: meldung }),
+    bewertung && /* @__PURE__ */ jsx16(Ausbeute, { bewertung }),
+    bewertung && bewertung.diagnostics.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "szenen-diagnose", children: [
+      /* @__PURE__ */ jsx16("h5", { children: "Befunde an dieser Fassung" }),
+      /* @__PURE__ */ jsx16(Diagnosen, { befunde: bewertung.diagnostics, testId: "rettung-befunde" })
     ] }),
-    gesichert && /* @__PURE__ */ jsxs15("p", { "data-testid": "rettung-gesichert", children: [
+    gesichert && /* @__PURE__ */ jsxs16("p", { "data-testid": "rettung-gesichert", children: [
       "Gespeichert als Arbeitsfassung ",
-      /* @__PURE__ */ jsx15("code", { children: gesichert.recovery_id }),
+      /* @__PURE__ */ jsx16("code", { children: gesichert.recovery_id }),
       gesichert.edited ? " (bearbeitet)" : " (unver\xE4ndert)",
       ". Das Original des Laufs ist davon unber\xFChrt."
     ] })
@@ -10154,12 +10612,12 @@ var RecoveryPanel = ({ port, lauf }) => {
 };
 
 // src/features/szenen/areas/ChainActions.tsx
-import { useState as useState14 } from "react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var ChainActions = ({ port, runId, recoveryId }) => {
-  const [graph, setGraph] = useState14(null);
-  const [meldung, setMeldung] = useState14(null);
-  const [laeuft, setLaeuft] = useState14(false);
+  const [graph, setGraph] = useState15(null);
+  const [meldung, setMeldung] = useState15(null);
+  const [laeuft, setLaeuft] = useState15(false);
   if (!port.derivation) return null;
   const derivation = port.derivation;
   const runs = port.runs;
@@ -10181,14 +10639,14 @@ var ChainActions = ({ port, runId, recoveryId }) => {
       setLaeuft(false);
     }
   }
-  return /* @__PURE__ */ jsxs16("section", { className: "szenen-kette", "data-testid": "kette", children: [
-    /* @__PURE__ */ jsx16("h4", { children: "Draft-Kette" }),
-    /* @__PURE__ */ jsxs16("p", { className: "szenen-area__lead", children: [
+  return /* @__PURE__ */ jsxs17("section", { className: "szenen-kette", "data-testid": "kette", children: [
+    /* @__PURE__ */ jsx17("h4", { children: "Draft-Kette" }),
+    /* @__PURE__ */ jsxs17("p", { className: "szenen-area__lead", children: [
       "Szene, Aufbau und Shot entstehen als zusammenh\xE4ngende Entw\xFCrfe. Daraus l\xE4sst sich sofort ein Prompt erzeugen \u2014 ",
-      /* @__PURE__ */ jsx16("strong", { children: "ohne" }),
+      /* @__PURE__ */ jsx17("strong", { children: "ohne" }),
       " vorher etwas zu ver\xF6ffentlichen."
     ] }),
-    !graph && /* @__PURE__ */ jsx16(
+    !graph && /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
@@ -10198,34 +10656,34 @@ var ChainActions = ({ port, runId, recoveryId }) => {
         children: "Als Draft-Kette \xFCbernehmen"
       }
     ),
-    graph && /* @__PURE__ */ jsxs16("div", { "data-testid": "kette-ergebnis", children: [
-      /* @__PURE__ */ jsxs16("p", { children: [
+    graph && /* @__PURE__ */ jsxs17("div", { "data-testid": "kette-ergebnis", children: [
+      /* @__PURE__ */ jsxs17("p", { children: [
         "Kette ",
-        /* @__PURE__ */ jsx16("code", { children: graph.chainId }),
+        /* @__PURE__ */ jsx17("code", { children: graph.chainId }),
         " angelegt. Kein Knoten ist ver\xF6ffentlicht."
       ] }),
-      /* @__PURE__ */ jsx16("ul", { "data-testid": "kette-knoten", children: graph.created.map((k) => /* @__PURE__ */ jsxs16("li", { "data-testid": `kette-knoten-${k.type}`, children: [
-        /* @__PURE__ */ jsx16("strong", { children: k.type }),
+      /* @__PURE__ */ jsx17("ul", { "data-testid": "kette-knoten", children: graph.created.map((k) => /* @__PURE__ */ jsxs17("li", { "data-testid": `kette-knoten-${k.type}`, children: [
+        /* @__PURE__ */ jsx17("strong", { children: k.type }),
         " \u2014 Element ",
-        /* @__PURE__ */ jsx16("code", { children: k.elementId }),
+        /* @__PURE__ */ jsx17("code", { children: k.elementId }),
         ", Entwurf ",
-        /* @__PURE__ */ jsx16("code", { children: k.draftId }),
+        /* @__PURE__ */ jsx17("code", { children: k.draftId }),
         " (Revision ",
         k.revision,
         ")"
       ] }, k.type)) }),
-      graph.missing.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "szenen-diagnose", "data-testid": "kette-fehlend", children: [
-        /* @__PURE__ */ jsx16("h5", { children: "Unvollst\xE4ndig erzeugt" }),
-        /* @__PURE__ */ jsx16("ul", { children: graph.missing.map((m) => /* @__PURE__ */ jsxs16("li", { children: [
-          /* @__PURE__ */ jsx16("strong", { children: m.type }),
+      graph.missing.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose", "data-testid": "kette-fehlend", children: [
+        /* @__PURE__ */ jsx17("h5", { children: "Unvollst\xE4ndig erzeugt" }),
+        /* @__PURE__ */ jsx17("ul", { children: graph.missing.map((m) => /* @__PURE__ */ jsxs17("li", { children: [
+          /* @__PURE__ */ jsx17("strong", { children: m.type }),
           ": ",
           m.reason
         ] }, m.type)) })
       ] })
     ] }),
-    shotKnoten && /* @__PURE__ */ jsxs16(Fragment6, { children: [
-      /* @__PURE__ */ jsx16("p", { children: 'Die Entw\xFCrfe lassen sich jetzt unter \u201E1 \xB7 Bausteine" \xE4ndern. Der Prompt-Lauf friert den Stand ein, den er dabei vorfindet \u2014 dieselbe Aktion steht auch am Shot selbst, unter \u201E4 \xB7 Prompt".' }),
-      /* @__PURE__ */ jsx16(
+    shotKnoten && /* @__PURE__ */ jsxs17(Fragment7, { children: [
+      /* @__PURE__ */ jsx17("p", { children: 'Die Entw\xFCrfe lassen sich jetzt unter \u201E1 \xB7 Bausteine" \xE4ndern. Der Prompt-Lauf friert den Stand ein, den er dabei vorfindet \u2014 dieselbe Aktion steht auch am Shot selbst, unter \u201E4 \xB7 Prompt".' }),
+      /* @__PURE__ */ jsx17(
         PromptStartAction,
         {
           port,
@@ -10233,20 +10691,20 @@ var ChainActions = ({ port, runId, recoveryId }) => {
         }
       )
     ] }),
-    meldung && /* @__PURE__ */ jsx16("p", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: meldung })
+    meldung && /* @__PURE__ */ jsx17("p", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: meldung })
   ] });
 };
 
 // src/features/szenen/areas/DeriveArea.tsx
-import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var MODUS_TEXT = {
   prompt: "Nur Prompt",
   image: "Nur Bild",
   image_prompt: "Bild und Prompt"
 };
 var BelegFeld = ({ titel, text, testId, offen }) => {
-  const [kopiert, setKopiert] = useState15(false);
-  const feld = useRef2(null);
+  const [kopiert, setKopiert] = useState16(false);
+  const feld = useRef3(null);
   async function kopieren() {
     try {
       await navigator.clipboard.writeText(text);
@@ -10256,15 +10714,15 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
       setKopiert(false);
     }
   }
-  return /* @__PURE__ */ jsxs17("details", { open: offen, "data-testid": `belege-${testId}`, children: [
-    /* @__PURE__ */ jsxs17("summary", { children: [
+  return /* @__PURE__ */ jsxs18("details", { open: offen, "data-testid": `belege-${testId}`, children: [
+    /* @__PURE__ */ jsxs18("summary", { children: [
       titel,
       " (",
       text.length,
       " Zeichen)"
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "szenen-beleg__kopf", children: [
-      /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs18("div", { className: "szenen-beleg__kopf", children: [
+      /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
@@ -10273,9 +10731,9 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
           children: "Kopieren"
         }
       ),
-      kopiert && /* @__PURE__ */ jsx17("span", { "data-testid": `kopiert-${testId}`, children: "Kopiert." })
+      kopiert && /* @__PURE__ */ jsx18("span", { "data-testid": `kopiert-${testId}`, children: "Kopiert." })
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "textarea",
       {
         ref: feld,
@@ -10289,8 +10747,8 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
     )
   ] });
 };
-var Belege = ({ lauf }) => /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose", "data-testid": "belege", children: [
-  lauf.raw_output ? /* @__PURE__ */ jsx17(
+var Belege = ({ lauf }) => /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose", "data-testid": "belege", children: [
+  lauf.raw_output ? /* @__PURE__ */ jsx18(
     BelegFeld,
     {
       titel: "Rohantwort des Modells",
@@ -10301,9 +10759,9 @@ var Belege = ({ lauf }) => /* @__PURE__ */ jsxs17("div", { className: "szenen-di
   ) : (
     /* Kein Text ist auch eine Auskunft: Der Provider hat nichts geliefert,
        das Modell hat also nicht „falsch geantwortet". */
-    /* @__PURE__ */ jsx17("p", { "data-testid": "roh-antwort-fehlt", children: "Es gibt keine Rohantwort \u2014 der Lauf ist gescheitert, bevor ein Text ankam (etwa Netz, Sperre oder Providerfehler)." })
+    /* @__PURE__ */ jsx18("p", { "data-testid": "roh-antwort-fehlt", children: "Es gibt keine Rohantwort \u2014 der Lauf ist gescheitert, bevor ein Text ankam (etwa Netz, Sperre oder Providerfehler)." })
   ),
-  /* @__PURE__ */ jsx17(
+  /* @__PURE__ */ jsx18(
     BelegFeld,
     {
       titel: "Systemprompt dieses Laufs",
@@ -10315,18 +10773,18 @@ var Belege = ({ lauf }) => /* @__PURE__ */ jsxs17("div", { className: "szenen-di
 ] });
 var Herkunft = ({ lauf }) => {
   if (!lauf.follows) return null;
-  return /* @__PURE__ */ jsxs17("p", { className: "szenen-run__herkunft", "data-testid": "folgt-auf", children: [
+  return /* @__PURE__ */ jsxs18("p", { className: "szenen-run__herkunft", "data-testid": "folgt-auf", children: [
     "Folgt auf Lauf ",
-    /* @__PURE__ */ jsx17("code", { children: lauf.follows.run_id }),
+    /* @__PURE__ */ jsx18("code", { children: lauf.follows.run_id }),
     ".",
     lauf.status === "succeeded" && " Im Folgelauf gelungen."
   ] });
 };
 var Widerspruch = ({ lauf }) => {
   if (!lauf.reply) return null;
-  return /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose szenen-diagnose--antwort", "data-testid": "modell-antwort", children: [
-    /* @__PURE__ */ jsx17("h4", { children: "Das Modell antwortet auf die Beanstandung" }),
-    /* @__PURE__ */ jsx17("p", { children: lauf.reply })
+  return /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose szenen-diagnose--antwort", "data-testid": "modell-antwort", children: [
+    /* @__PURE__ */ jsx18("h4", { children: "Das Modell antwortet auf die Beanstandung" }),
+    /* @__PURE__ */ jsx18("p", { children: lauf.reply })
   ] });
 };
 function readAsBase642(datei) {
@@ -10341,47 +10799,216 @@ function readAsBase642(datei) {
     leser.readAsDataURL(datei);
   });
 }
+var ERSTE_KACHELN = 12;
+function useSichtbareKacheln(alle, wurzel) {
+  const [gesehen, setGesehen] = useState16([]);
+  const schluessel = alle.join(" ");
+  useEffect7(() => {
+    const ziel = wurzel.current;
+    if (!ziel || typeof IntersectionObserver === "undefined") return void 0;
+    const beobachter = new IntersectionObserver((eintraege) => {
+      const neue = eintraege.filter((e) => e.isIntersecting).map((e) => e.target.dataset.mediaRef).filter((r) => Boolean(r));
+      if (neue.length === 0) return;
+      setGesehen((bisher) => [.../* @__PURE__ */ new Set([...bisher, ...neue])]);
+      for (const e of eintraege) if (e.isIntersecting) beobachter.unobserve(e.target);
+    }, { root: ziel, rootMargin: "200px" });
+    ziel.querySelectorAll("[data-media-ref]").forEach((el) => beobachter.observe(el));
+    return () => beobachter.disconnect();
+  }, [wurzel, schluessel]);
+  return useMemo3(
+    () => [.../* @__PURE__ */ new Set([...alle.slice(0, ERSTE_KACHELN), ...gesehen])],
+    [schluessel, gesehen]
+  );
+}
+function useVorschauen(port, mediaRefs) {
+  const [stand, setStand] = useState16(() => ({ quellen: /* @__PURE__ */ new Map(), gescheitert: /* @__PURE__ */ new Set() }));
+  const gehalten = useRef3(/* @__PURE__ */ new Map());
+  const ohneBild = useRef3(/* @__PURE__ */ new Set());
+  const schluessel = mediaRefs.join(" ");
+  useEffect7(() => {
+    const bestand = port.imageLibrary;
+    if (!bestand?.loadPreview) return void 0;
+    const refs = schluessel ? schluessel.split(" ") : [];
+    const lauf = { abgebrochen: false };
+    void ladeVorschauen(
+      bestand,
+      refs,
+      (mediaRef, quelle) => {
+        if (quelle) gehalten.current.set(mediaRef, quelle);
+        else ohneBild.current.add(mediaRef);
+        setStand({
+          quellen: new Map(gehalten.current),
+          gescheitert: new Set(ohneBild.current)
+        });
+      },
+      {
+        parallel: 4,
+        hat: (ref) => gehalten.current.has(ref) || ohneBild.current.has(ref),
+        lauf,
+        // Ein Fehlschlag ist eine Auskunft, kein Grund weiterzuprobieren:
+        // Die Kachel bekommt einen Platzhalter, das Werk bleibt wählbar.
+        gescheitert: (ref) => {
+          ohneBild.current.add(ref);
+          setStand({
+            quellen: new Map(gehalten.current),
+            gescheitert: new Set(ohneBild.current)
+          });
+        }
+      }
+    );
+    return () => {
+      lauf.abgebrochen = true;
+    };
+  }, [port, schluessel]);
+  return stand;
+}
 var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
-  const [suche, setSuche] = useState15("");
-  const [bilder] = usePortQuery(
-    () => port.imageLibrary.listImages({ search: suche.trim() || void 0, limit: 60 }),
+  const [suche, setSuche] = useState16("");
+  const [fokus, setFokus] = useState16(null);
+  const browser = useRef3(null);
+  const [items] = usePortQuery(
+    () => port.imageLibrary.listItems({ search: suche.trim() || void 0, limit: 60 }),
     [port, suche]
   );
-  return /* @__PURE__ */ jsxs17("div", { className: "szenen-bildwahl", "data-testid": "bildwahl", children: [
-    /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-      /* @__PURE__ */ jsx17("span", { children: "Bild aus dem Bestand" }),
-      /* @__PURE__ */ jsx17(
+  const werke = items.status === "ready" ? items.value : [];
+  const werk = werke.find((i) => i.itemRef === fokus) ?? null;
+  const deckbilder = useMemo3(
+    () => werke.map((i) => i.images[0]?.mediaRef).filter((r) => Boolean(r)),
+    [werke]
+  );
+  const sichtbareDeckbilder = useSichtbareKacheln(deckbilder, browser);
+  const anzufordern = useMemo3(() => [.../* @__PURE__ */ new Set([
+    ...sichtbareDeckbilder,
+    ...werk ? werk.images.map((b) => b.mediaRef) : [],
+    ...gewaehlt.map((b) => b.mediaRef)
+  ])], [sichtbareDeckbilder, werk, gewaehlt]);
+  const { quellen, gescheitert } = useVorschauen(port, anzufordern);
+  const quelleVon = (bild) => bild.thumbUrl || quellen.get(bild.mediaRef) || null;
+  const istGewaehlt = (mediaRef) => gewaehlt.some((b) => b.mediaRef === mediaRef);
+  function werkAntippen(item) {
+    const deckbild = item.images[0];
+    if (!deckbild) return;
+    if (item.images.length === 1) onWaehlen(deckbild);
+    else setFokus(item.itemRef === fokus ? null : item.itemRef);
+  }
+  return /* @__PURE__ */ jsxs18("div", { className: "szenen-bildwahl", "data-testid": "bildwahl", children: [
+    /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsx18("span", { children: "Bild aus dem Bestand" }),
+      /* @__PURE__ */ jsx18(
         "input",
         {
           type: "search",
           value: suche,
           onChange: (e) => setSuche(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") e.preventDefault();
+          },
           placeholder: "Suchen \u2026",
           "data-testid": "bild-suche"
         }
       )
     ] }),
-    bilder.status === "loading" && /* @__PURE__ */ jsx17("p", { children: "Bilder werden geladen \u2026" }),
-    bilder.status === "error" && /* @__PURE__ */ jsxs17("p", { className: "szenen-error", role: "alert", children: [
+    items.status === "loading" && /* @__PURE__ */ jsx18("p", { children: "Bilder werden geladen \u2026" }),
+    items.status === "error" && /* @__PURE__ */ jsxs18("p", { className: "szenen-error", role: "alert", children: [
       "Der Bildbestand ist nicht lesbar: ",
-      bilder.message
+      items.message
     ] }),
-    bilder.status === "ready" && bilder.value.length === 0 && /* @__PURE__ */ jsx17("p", { className: "szenen-empty", "data-testid": "bildwahl-leer", children: "Zu dieser Suche gibt es kein Bild. Ohne Treffer bleibt der Upload." }),
-    bilder.status === "ready" && bilder.value.length > 0 && /* @__PURE__ */ jsx17("ul", { className: "szenen-bildwahl__liste", children: bilder.value.map((bild) => /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs17(
-      "button",
+    items.status === "ready" && werke.length === 0 && /* @__PURE__ */ jsx18("p", { className: "szenen-empty", "data-testid": "bildwahl-leer", children: "Zu dieser Suche gibt es kein Bild. Ohne Treffer bleibt der Upload." }),
+    werke.length > 0 && /* @__PURE__ */ jsx18(
+      "div",
       {
-        type: "button",
-        onClick: () => onWaehlen(bild),
-        "data-testid": `bild-waehlen-${bild.mediaRef}`,
-        children: [
-          bild.thumbUrl && /* @__PURE__ */ jsx17("img", { src: bild.thumbUrl, alt: "" }),
-          /* @__PURE__ */ jsx17("span", { children: bild.title })
-        ]
+        className: "szenen-bildwahl__browser",
+        ref: browser,
+        "data-testid": "bildwahl-werke",
+        children: /* @__PURE__ */ jsx18("ul", { className: "szenen-bildwahl__raster", children: werke.map((item) => {
+          const deckbild = item.images[0];
+          if (!deckbild) return null;
+          const fokussiert = item.itemRef === fokus;
+          return /* @__PURE__ */ jsx18("li", { "data-media-ref": deckbild.mediaRef, children: /* @__PURE__ */ jsxs18(
+            "button",
+            {
+              type: "button",
+              className: `szenen-bildwahl__karte${fokussiert ? " is-fokus" : ""}`,
+              onClick: () => werkAntippen(item),
+              "aria-pressed": fokussiert,
+              "data-testid": `item-waehlen-${item.itemRef}`,
+              title: item.title,
+              children: [
+                /* @__PURE__ */ jsx18(
+                  Kachel,
+                  {
+                    quelle: quelleVon(deckbild),
+                    alt: item.title,
+                    ...gescheitert.has(deckbild.mediaRef) ? { leerText: "Vorschau fehlt" } : {}
+                  }
+                ),
+                item.images.length > 1 && /* @__PURE__ */ jsxs18(
+                  "span",
+                  {
+                    className: "szenen-bildwahl__anzahl",
+                    "data-testid": `item-anzahl-${item.itemRef}`,
+                    children: [
+                      item.images.length,
+                      "x"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx18("span", { className: "szenen-bildwahl__kacheltitel", children: item.title })
+              ]
+            }
+          ) }, item.itemRef);
+        }) })
       }
-    ) }, bild.mediaRef)) }),
-    gewaehlt.length > 0 && /* @__PURE__ */ jsx17("ul", { className: "szenen-bildwahl__gewaehlt", "data-testid": "bilder-gewaehlt", children: gewaehlt.map((bild) => /* @__PURE__ */ jsxs17("li", { children: [
-      bild.title,
-      /* @__PURE__ */ jsx17(
+    ),
+    werk && /* @__PURE__ */ jsxs18("section", { className: "szenen-bildwahl__inspector", "data-testid": "bildwahl-galerie", children: [
+      /* @__PURE__ */ jsxs18("header", { className: "szenen-bildwahl__inspektorkopf", children: [
+        /* @__PURE__ */ jsxs18("span", { className: "szenen-bildwahl__werktitel", "data-testid": "bildwahl-werktitel", children: [
+          werk.title,
+          " \xB7 ",
+          werk.images.length,
+          " Bilder"
+        ] }),
+        /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            className: "szenen-bildwahl__zurueck",
+            onClick: () => setFokus(null),
+            "data-testid": "bildwahl-zurueck",
+            children: "Schliessen"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx18("ul", { className: "szenen-bildwahl__streifen", children: werk.images.map((bild, position) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: `szenen-bildwahl__variante${istGewaehlt(bild.mediaRef) ? " is-gewaehlt" : ""}`,
+          onClick: () => onWaehlen(bild),
+          "aria-pressed": istGewaehlt(bild.mediaRef),
+          "data-testid": `bild-waehlen-${bild.mediaRef}`,
+          title: bild.title,
+          children: [
+            /* @__PURE__ */ jsx18(
+              Kachel,
+              {
+                quelle: quelleVon(bild),
+                alt: bild.title,
+                ...gescheitert.has(bild.mediaRef) ? { leerText: "Vorschau fehlt" } : {}
+              }
+            ),
+            /* @__PURE__ */ jsxs18("span", { className: "szenen-bildwahl__nummer", children: [
+              "#",
+              position + 1
+            ] })
+          ]
+        }
+      ) }, bild.mediaRef)) })
+    ] }),
+    gewaehlt.length > 0 && /* @__PURE__ */ jsx18("ul", { className: "szenen-bildwahl__gewaehlt", "data-testid": "bilder-gewaehlt", children: gewaehlt.map((bild) => /* @__PURE__ */ jsxs18("li", { children: [
+      /* @__PURE__ */ jsx18(Kachel, { quelle: quelleVon(bild), alt: bild.title }),
+      /* @__PURE__ */ jsx18("span", { className: "szenen-bildwahl__kacheltitel", children: bild.title }),
+      /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
@@ -10400,26 +11027,29 @@ async function digestOf(datei) {
   return [...new Uint8Array(hash)].map((b) => b.toString(16).padStart(2, "0")).join("");
 }
 var DeriveArea = ({ port, contextId }) => {
-  const [policyVersionId, setPolicyVersionId] = useState15("");
-  const [modus, setModus] = useState15("prompt");
-  const [promptText, setPromptText] = useState15("");
-  const [dateien, setDateien] = useState15([]);
-  const [bestandsbilder, setBestandsbilder] = useState15([]);
-  const [laeuft, setLaeuft] = useState15(false);
-  const [lauf, setLauf] = useState15(null);
-  const [meldung, setMeldung] = useState15(null);
-  const [uebernommen, setUebernommen] = useState15({});
-  const [titel, setTitel] = useState15({});
-  const [referenzen, setReferenzen] = useState15({});
-  const [beanstandung, setBeanstandung] = useState15(null);
-  const [zusatz, setZusatz] = useState15("");
+  const [policyVersionId, setPolicyVersionId] = useState16("");
+  const [modus, setModus] = useState16("prompt");
+  const [promptText, setPromptText] = useState16("");
+  const [dateien, setDateien] = useState16([]);
+  const [bestandsbilder, setBestandsbilder] = useState16([]);
+  const [laeuft, setLaeuft] = useState16(false);
+  const [lauf, setLauf] = useState16(null);
+  const [meldung, setMeldung] = useState16(null);
+  const [uebernommen, setUebernommen] = useState16({});
+  const [titel, setTitel] = useState16({});
+  const [referenzen, setReferenzen] = useState16({});
+  const [beanstandung, setBeanstandung] = useState16(null);
+  const [zusatz, setZusatz] = useState16("");
   const [regeln] = usePortQuery(
     () => port.derivation.listPolicies(contextId),
     [port, contextId]
   );
   const gewaehlt = regeln.status === "ready" ? regeln.value.find((r) => r.versionId === policyVersionId) ?? null : null;
   async function starten(folgt) {
-    if (!gewaehlt) return;
+    if (!gewaehlt) {
+      setMeldung("Bitte zuerst eine Rekonstruktionsregel waehlen \u2014 ohne sie ist kein Lauf reproduzierbar (D-03).");
+      return;
+    }
     setLaeuft(true);
     setMeldung(null);
     setLauf(null);
@@ -10490,12 +11120,12 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
     const text = beanstandung ?? vorgabeBeanstandung(satz);
     const bilderFehlen = satz.input.images.some((bild) => bild.kind !== "library");
     const bereit = Boolean(text.trim()) && !bilderFehlen && !laeuft;
-    return /* @__PURE__ */ jsxs17("div", { className: "szenen-folgelauf", "data-testid": "folgelauf", children: [
-      /* @__PURE__ */ jsx17("h4", { children: "Korrektur- oder Erg\xE4nzungslauf" }),
-      /* @__PURE__ */ jsx17("p", { className: "szenen-area__lead", children: satz.status === "failed" ? "Das Modell bekommt seine Antwort und die Beanstandung noch einmal vorgelegt." : "Das Ergebnis steht. Wenn etwas offen blieb, kann das Modell nachbessern." }),
-      /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-        /* @__PURE__ */ jsx17("span", { children: "Beanstandung" }),
-        /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsxs18("div", { className: "szenen-folgelauf", "data-testid": "folgelauf", children: [
+      /* @__PURE__ */ jsx18("h4", { children: "Korrektur- oder Erg\xE4nzungslauf" }),
+      /* @__PURE__ */ jsx18("p", { className: "szenen-area__lead", children: satz.status === "failed" ? "Das Modell bekommt seine Antwort und die Beanstandung noch einmal vorgelegt." : "Das Ergebnis steht. Wenn etwas offen blieb, kann das Modell nachbessern." }),
+      /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Beanstandung" }),
+        /* @__PURE__ */ jsx18(
           "textarea",
           {
             rows: 4,
@@ -10505,9 +11135,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-        /* @__PURE__ */ jsx17("span", { children: "Zus\xE4tzliche Anweisung (optional)" }),
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Zus\xE4tzliche Anweisung (optional)" }),
+        /* @__PURE__ */ jsx18(
           "textarea",
           {
             rows: 2,
@@ -10518,8 +11148,8 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           }
         )
       ] }),
-      bilderFehlen && /* @__PURE__ */ jsx17("p", { className: "szenen-error", "data-testid": "folgelauf-ohne-bild", children: "Die Bilder dieses Laufs wurden nicht im Bestand abgelegt \u2014 er ist \xE4lter als diese M\xF6glichkeit. Ein Folgelauf ohne sie k\xF6nnte ein fehlendes Pflichtfeld nur erfinden. Starten Sie einen neuen Lauf mit dem Referenzbild; dessen Bilder bleiben dann erhalten." }),
-      /* @__PURE__ */ jsx17(
+      bilderFehlen && /* @__PURE__ */ jsx18("p", { className: "szenen-error", "data-testid": "folgelauf-ohne-bild", children: "Die Bilder dieses Laufs wurden nicht im Bestand abgelegt \u2014 er ist \xE4lter als diese M\xF6glichkeit. Ein Folgelauf ohne sie k\xF6nnte ein fehlendes Pflichtfeld nur erfinden. Starten Sie einen neuen Lauf mit dem Referenzbild; dessen Bilder bleiben dann erhalten." }),
+      /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
@@ -10561,19 +11191,19 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
       setMeldung(ergebnis.message);
     }
   }
-  return /* @__PURE__ */ jsxs17("div", { className: "szenen-derive", "data-testid": "bereich-rekonstruktion", children: [
-    /* @__PURE__ */ jsx17("p", { className: "szenen-area__lead", children: "Aus einem Referenzbild, einem Prompt oder beidem einen Szenenentwurf vorschlagen lassen. Der Vorschlag wird nie ver\xF6ffentlicht \u2014 er wird ein Entwurf, den Sie pr\xFCfen und \xE4ndern." }),
-    regeln.status === "loading" && /* @__PURE__ */ jsx17("p", { children: "Regeln werden geladen \u2026" }),
-    regeln.status === "error" && /* @__PURE__ */ jsxs17("p", { className: "szenen-error", role: "alert", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "szenen-derive", "data-testid": "bereich-rekonstruktion", children: [
+    /* @__PURE__ */ jsx18("p", { className: "szenen-area__lead", children: "Aus einem Referenzbild, einem Prompt oder beidem einen Szenenentwurf vorschlagen lassen. Der Vorschlag wird nie ver\xF6ffentlicht \u2014 er wird ein Entwurf, den Sie pr\xFCfen und \xE4ndern." }),
+    regeln.status === "loading" && /* @__PURE__ */ jsx18("p", { children: "Regeln werden geladen \u2026" }),
+    regeln.status === "error" && /* @__PURE__ */ jsxs18("p", { className: "szenen-error", role: "alert", children: [
       "Die Regeln konnten nicht gelesen werden: ",
       regeln.message
     ] }),
-    regeln.status === "ready" && regeln.value.length === 0 && /* @__PURE__ */ jsxs17("p", { className: "szenen-empty", children: [
+    regeln.status === "ready" && regeln.value.length === 0 && /* @__PURE__ */ jsxs18("p", { className: "szenen-empty", children: [
       "In diesem Kontext ist keine Rekonstruktionsregel (",
-      /* @__PURE__ */ jsx17("code", { children: "scene_derivation_policy" }),
+      /* @__PURE__ */ jsx18("code", { children: "scene_derivation_policy" }),
       ') ver\xF6ffentlicht. Ohne sie ist kein Lauf reproduzierbar \u2014 legen Sie hier eine unter \u201E1 \xB7 Bausteine" an, oder wechseln Sie in den Kontext, in dem Ihre Regel liegt. Regeln aus anderen Kontexten stehen hier bewusst nicht zur Auswahl.'
     ] }),
-    regeln.status === "ready" && regeln.value.length > 0 && /* @__PURE__ */ jsxs17(
+    regeln.status === "ready" && regeln.value.length > 0 && /* @__PURE__ */ jsxs18(
       "form",
       {
         className: "szenen-form",
@@ -10582,17 +11212,17 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           void starten();
         },
         children: [
-          /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx17("span", { children: "Regel" }),
-            /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Regel" }),
+            /* @__PURE__ */ jsxs18(
               "select",
               {
                 value: policyVersionId,
                 onChange: (e) => setPolicyVersionId(e.target.value),
                 "data-testid": "regel-auswahl",
                 children: [
-                  /* @__PURE__ */ jsx17("option", { value: "", children: "\u2014 bitte w\xE4hlen \u2014" }),
-                  regeln.value.map((regel) => /* @__PURE__ */ jsxs17("option", { value: regel.versionId, children: [
+                  /* @__PURE__ */ jsx18("option", { value: "", children: "\u2014 bitte w\xE4hlen \u2014" }),
+                  regeln.value.map((regel) => /* @__PURE__ */ jsxs18("option", { value: regel.versionId, children: [
                     regel.title,
                     " (",
                     regel.produces.join(", "),
@@ -10602,21 +11232,21 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx17("span", { children: "Eingang" }),
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Eingang" }),
+            /* @__PURE__ */ jsx18(
               "select",
               {
                 value: modus,
                 onChange: (e) => setModus(e.target.value),
                 "data-testid": "modus-auswahl",
-                children: (gewaehlt ? gewaehlt.inputModes : ["prompt", "image", "image_prompt"]).map((m) => /* @__PURE__ */ jsx17("option", { value: m, children: MODUS_TEXT[m] }, m))
+                children: (gewaehlt ? gewaehlt.inputModes : ["prompt", "image", "image_prompt"]).map((m) => /* @__PURE__ */ jsx18("option", { value: m, children: MODUS_TEXT[m] }, m))
               }
             )
           ] }),
-          modus !== "image" && /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx17("span", { children: "Referenzprompt" }),
-            /* @__PURE__ */ jsx17(
+          modus !== "image" && /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Referenzprompt" }),
+            /* @__PURE__ */ jsx18(
               "textarea",
               {
                 value: promptText,
@@ -10626,8 +11256,8 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
               }
             )
           ] }),
-          modus !== "prompt" && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-            port.imageLibrary && /* @__PURE__ */ jsx17(
+          modus !== "prompt" && /* @__PURE__ */ jsxs18(Fragment8, { children: [
+            port.imageLibrary && /* @__PURE__ */ jsx18(
               BildWaehler,
               {
                 port,
@@ -10636,9 +11266,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                 onEntfernen: (ref) => setBestandsbilder((v) => v.filter((b) => b.mediaRef !== ref))
               }
             ),
-            /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-              /* @__PURE__ */ jsx17("span", { children: port.imageLibrary ? "Oder hochladen" : "Referenzbild" }),
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+              /* @__PURE__ */ jsx18("span", { children: port.imageLibrary ? "Oder hochladen" : "Referenzbild" }),
+              /* @__PURE__ */ jsx18(
                 "input",
                 {
                   type: "file",
@@ -10648,40 +11278,40 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                   "data-testid": "bild-eingabe"
                 }
               ),
-              port.imageLibrary && /* @__PURE__ */ jsx17("small", { "data-testid": "upload-hinweis", children: "Hochgeladene Bilder werden im Bestand abgelegt \u2014 nur so ist sp\xE4ter ein Folgelauf damit m\xF6glich." })
+              port.imageLibrary && /* @__PURE__ */ jsx18("small", { "data-testid": "upload-hinweis", children: "Hochgeladene Bilder werden im Bestand abgelegt \u2014 nur so ist sp\xE4ter ein Folgelauf damit m\xF6glich." })
             ] })
           ] }),
-          /* @__PURE__ */ jsx17("button", { type: "submit", disabled: !gewaehlt || laeuft, "data-testid": "lauf-starten", children: laeuft ? "Rekonstruiert \u2026" : "Rekonstruieren" })
+          /* @__PURE__ */ jsx18("button", { type: "submit", disabled: !gewaehlt || laeuft, "data-testid": "lauf-starten", children: laeuft ? "Rekonstruiert \u2026" : "Rekonstruieren" })
         ]
       }
     ),
-    meldung && /* @__PURE__ */ jsx17("p", { className: "szenen-error", role: "alert", "data-testid": "derive-meldung", children: meldung }),
-    lauf && lauf.status === "failed" && /* @__PURE__ */ jsxs17("section", { className: "szenen-run szenen-run--failed", "data-testid": "lauf-fehler", children: [
-      /* @__PURE__ */ jsx17("h3", { children: "Der Lauf ist gescheitert" }),
-      /* @__PURE__ */ jsxs17("p", { children: [
-        /* @__PURE__ */ jsx17("strong", { children: lauf.failure?.class }),
+    meldung && /* @__PURE__ */ jsx18("p", { className: "szenen-error", role: "alert", "data-testid": "derive-meldung", children: meldung }),
+    lauf && lauf.status === "failed" && /* @__PURE__ */ jsxs18("section", { className: "szenen-run szenen-run--failed", "data-testid": "lauf-fehler", children: [
+      /* @__PURE__ */ jsx18("h3", { children: "Der Lauf ist gescheitert" }),
+      /* @__PURE__ */ jsxs18("p", { children: [
+        /* @__PURE__ */ jsx18("strong", { children: lauf.failure?.class }),
         " \u2014 ",
         lauf.failure?.message
       ] }),
-      lauf.failure?.diagnostics && lauf.failure.diagnostics.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose", "data-testid": "lauf-diagnosen", children: [
-        /* @__PURE__ */ jsx17("h4", { children: "Befunde" }),
-        /* @__PURE__ */ jsx17(Diagnosen, { befunde: lauf.failure.diagnostics, testId: "lauf-befunde" })
+      lauf.failure?.diagnostics && lauf.failure.diagnostics.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose", "data-testid": "lauf-diagnosen", children: [
+        /* @__PURE__ */ jsx18("h4", { children: "Befunde" }),
+        /* @__PURE__ */ jsx18(Diagnosen, { befunde: lauf.failure.diagnostics, testId: "lauf-befunde" })
       ] }),
-      /* @__PURE__ */ jsx17(Herkunft, { lauf }),
-      /* @__PURE__ */ jsx17(Widerspruch, { lauf }),
-      /* @__PURE__ */ jsx17(Belege, { lauf }),
-      /* @__PURE__ */ jsx17(RecoveryPanel, { port, lauf }),
+      /* @__PURE__ */ jsx18(Herkunft, { lauf }),
+      /* @__PURE__ */ jsx18(Widerspruch, { lauf }),
+      /* @__PURE__ */ jsx18(Belege, { lauf }),
+      /* @__PURE__ */ jsx18(RecoveryPanel, { port, lauf }),
       folgeblock(lauf)
     ] }),
-    lauf && lauf.status === "succeeded" && /* @__PURE__ */ jsxs17("section", { className: "szenen-run", "data-testid": "lauf-ergebnis", children: [
-      /* @__PURE__ */ jsx17("h3", { children: "Vorschlag" }),
-      /* @__PURE__ */ jsx17(Herkunft, { lauf }),
-      /* @__PURE__ */ jsx17(Widerspruch, { lauf }),
-      /* @__PURE__ */ jsx17("p", { className: "szenen-run__feedback", children: lauf.feedback }),
-      lauf.conflicts.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose szenen-diagnose--konflikt", "data-testid": "konflikte", children: [
-        /* @__PURE__ */ jsx17("h4", { children: "Widerspr\xFCche zwischen Bild und Prompt" }),
-        /* @__PURE__ */ jsx17("ul", { children: lauf.conflicts.map((k, i) => /* @__PURE__ */ jsxs17("li", { children: [
-          /* @__PURE__ */ jsx17("code", { children: k.field }),
+    lauf && lauf.status === "succeeded" && /* @__PURE__ */ jsxs18("section", { className: "szenen-run", "data-testid": "lauf-ergebnis", children: [
+      /* @__PURE__ */ jsx18("h3", { children: "Vorschlag" }),
+      /* @__PURE__ */ jsx18(Herkunft, { lauf }),
+      /* @__PURE__ */ jsx18(Widerspruch, { lauf }),
+      /* @__PURE__ */ jsx18("p", { className: "szenen-run__feedback", children: lauf.feedback }),
+      lauf.conflicts.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose szenen-diagnose--konflikt", "data-testid": "konflikte", children: [
+        /* @__PURE__ */ jsx18("h4", { children: "Widerspr\xFCche zwischen Bild und Prompt" }),
+        /* @__PURE__ */ jsx18("ul", { children: lauf.conflicts.map((k, i) => /* @__PURE__ */ jsxs18("li", { children: [
+          /* @__PURE__ */ jsx18("code", { children: k.field }),
           ": Bild sagt \u201E",
           k.from_image,
           '", Prompt sagt \u201E',
@@ -10689,31 +11319,31 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           '". Nichts davon wurde \xFCbernommen.'
         ] }, i)) })
       ] }),
-      lauf.not_derivable.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose", "data-testid": "nicht-ableitbar", children: [
-        /* @__PURE__ */ jsx17("h4", { children: "Nicht ableitbar" }),
-        /* @__PURE__ */ jsx17("ul", { children: lauf.not_derivable.map((n, i) => /* @__PURE__ */ jsxs17("li", { children: [
-          /* @__PURE__ */ jsx17("code", { children: n.field }),
+      lauf.not_derivable.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose", "data-testid": "nicht-ableitbar", children: [
+        /* @__PURE__ */ jsx18("h4", { children: "Nicht ableitbar" }),
+        /* @__PURE__ */ jsx18("ul", { children: lauf.not_derivable.map((n, i) => /* @__PURE__ */ jsxs18("li", { children: [
+          /* @__PURE__ */ jsx18("code", { children: n.field }),
           ": ",
           n.reason
         ] }, i)) })
       ] }),
-      lauf.assumptions.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "szenen-diagnose", "data-testid": "annahmen", children: [
-        /* @__PURE__ */ jsx17("h4", { children: "Erschlossen, nicht belegt" }),
-        /* @__PURE__ */ jsx17("ul", { children: lauf.assumptions.map((a, i) => /* @__PURE__ */ jsx17("li", { children: a }, i)) })
+      lauf.assumptions.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose", "data-testid": "annahmen", children: [
+        /* @__PURE__ */ jsx18("h4", { children: "Erschlossen, nicht belegt" }),
+        /* @__PURE__ */ jsx18("ul", { children: lauf.assumptions.map((a, i) => /* @__PURE__ */ jsx18("li", { children: a }, i)) })
       ] }),
       lauf.proposals.map((vorschlag) => {
         const bezug = REFERENCE_FIELD[vorschlag.type];
         const fertig = uebernommen[vorschlag.type];
-        return /* @__PURE__ */ jsxs17(
+        return /* @__PURE__ */ jsxs18(
           "article",
           {
             className: "szenen-proposal",
             "data-testid": `vorschlag-${vorschlag.type}`,
             children: [
-              /* @__PURE__ */ jsx17("h4", { children: vorschlag.type }),
-              !fertig && /* @__PURE__ */ jsxs17("label", { className: "szenen-field", children: [
-                /* @__PURE__ */ jsx17("span", { children: "Titel" }),
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("h4", { children: vorschlag.type }),
+              !fertig && /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
+                /* @__PURE__ */ jsx18("span", { children: "Titel" }),
+                /* @__PURE__ */ jsx18(
                   "input",
                   {
                     type: "text",
@@ -10727,9 +11357,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx17("pre", { className: "szenen-proposal__payload", children: JSON.stringify(vorschlag.payload, null, 2) }),
-              bezug && !fertig && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("pre", { className: "szenen-proposal__payload", children: JSON.stringify(vorschlag.payload, null, 2) }),
+              bezug && !fertig && /* @__PURE__ */ jsxs18(Fragment8, { children: [
+                /* @__PURE__ */ jsx18(
                   ReferencePicker,
                   {
                     port,
@@ -10743,30 +11373,30 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                     }))
                   }
                 ),
-                referenzen[vorschlag.type] ? /* @__PURE__ */ jsxs17("p", { "data-testid": `referenz-gewaehlt-${vorschlag.type}`, children: [
+                referenzen[vorschlag.type] ? /* @__PURE__ */ jsxs18("p", { "data-testid": `referenz-gewaehlt-${vorschlag.type}`, children: [
                   "Zeigt auf Version ",
-                  /* @__PURE__ */ jsx17("code", { children: referenzen[vorschlag.type] }),
+                  /* @__PURE__ */ jsx18("code", { children: referenzen[vorschlag.type] }),
                   "."
                 ] }) : (
                   /* Der Grund steht **vor** der Handlung. Den Nutzer erst
                      auf einen Knopf drücken zu lassen, um ihm dann eine
                      Ablehnung zu zeigen, ist keine Auskunft. */
-                  /* @__PURE__ */ jsxs17("p", { "data-testid": `referenz-fehlt-${vorschlag.type}`, children: [
+                  /* @__PURE__ */ jsxs18("p", { "data-testid": `referenz-fehlt-${vorschlag.type}`, children: [
                     "Diese ",
-                    /* @__PURE__ */ jsx17("strong", { children: "Einzel\xFCbernahme" }),
+                    /* @__PURE__ */ jsx18("strong", { children: "Einzel\xFCbernahme" }),
                     " braucht eine ver\xF6ffentlichte ",
                     bezug.refersTo,
                     "-Version, auf die der Entwurf zeigt (D-03) \u2014 sie ist der Weg in einen bestehenden, l\xE4ngst ver\xF6ffentlichten Zusammenhang. Wollen Sie aus diesem Lauf erst einmal einen Prompt ausprobieren, nehmen Sie unten die ",
-                    /* @__PURE__ */ jsx17("strong", { children: "Draft-Kette" }),
+                    /* @__PURE__ */ jsx18("strong", { children: "Draft-Kette" }),
                     ": Dort entstehen Szene, Aufbau und Shot zusammenh\xE4ngend, und es muss nichts ver\xF6ffentlicht werden."
                   ] })
                 )
               ] }),
-              fertig ? /* @__PURE__ */ jsxs17("p", { className: "szenen-proposal__done", children: [
+              fertig ? /* @__PURE__ */ jsxs18("p", { className: "szenen-proposal__done", children: [
                 "Als Entwurf \xFCbernommen: ",
-                /* @__PURE__ */ jsx17("code", { children: fertig }),
+                /* @__PURE__ */ jsx18("code", { children: fertig }),
                 ". Er ist noch nicht ver\xF6ffentlicht."
-              ] }) : /* @__PURE__ */ jsx17(
+              ] }) : /* @__PURE__ */ jsx18(
                 "button",
                 {
                   type: "button",
@@ -10781,39 +11411,39 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           vorschlag.type
         );
       }),
-      /* @__PURE__ */ jsx17(ChainActions, { port, runId: lauf.run_id }),
-      /* @__PURE__ */ jsx17(Belege, { lauf }),
+      /* @__PURE__ */ jsx18(ChainActions, { port, runId: lauf.run_id }),
+      /* @__PURE__ */ jsx18(Belege, { lauf }),
       folgeblock(lauf)
     ] })
   ] });
 };
 
 // src/features/szenen/SzenenView.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var SzenenView = ({
   port,
   contextId = null,
   initialArea,
   onAreaChange
 }) => {
-  const bereiche = useMemo3(() => areasFor(port), [port]);
-  const faehig = useMemo3(() => capabilitiesOf(port), [port]);
-  const [aktiv, setAktiv] = useState16(() => resolveArea(port, initialArea));
+  const bereiche = useMemo4(() => areasFor(port), [port]);
+  const faehig = useMemo4(() => capabilitiesOf(port), [port]);
+  const [aktiv, setAktiv] = useState17(() => resolveArea(port, initialArea));
   const wechsle = (id) => {
     setAktiv(id);
     onAreaChange?.(id);
   };
   const aktuellerBereich = bereiche.find((b) => b.id === aktiv) ?? bereiche[0];
-  return /* @__PURE__ */ jsxs18("div", { className: "szenen-view", "data-testid": "szenen-view", children: [
-    /* @__PURE__ */ jsxs18("header", { className: "szenen-view__intro", children: [
-      /* @__PURE__ */ jsxs18("div", { children: [
-        /* @__PURE__ */ jsx18("p", { className: "szenen-view__eyebrow", children: "Vom Motiv zum Bild" }),
-        /* @__PURE__ */ jsx18("h2", { children: "Bildprompt aus einer Szene" }),
-        /* @__PURE__ */ jsx18("p", { children: "Bausteine w\xE4hlen, Szene und Bildaufbau festlegen und daraus einen wiederholbaren Prompt erzeugen." })
+  return /* @__PURE__ */ jsxs19("div", { className: "szenen-view", "data-testid": "szenen-view", children: [
+    /* @__PURE__ */ jsxs19("header", { className: "szenen-view__intro", children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx19("p", { className: "szenen-view__eyebrow", children: "Vom Motiv zum Bild" }),
+        /* @__PURE__ */ jsx19("h2", { children: "Bildprompt aus einer Szene" }),
+        /* @__PURE__ */ jsx19("p", { children: "Bausteine w\xE4hlen, Szene und Bildaufbau festlegen und daraus einen wiederholbaren Prompt erzeugen." })
       ] }),
-      /* @__PURE__ */ jsx18("span", { className: "szenen-view__step", children: aktuellerBereich.title })
+      /* @__PURE__ */ jsx19("span", { className: "szenen-view__step", children: aktuellerBereich.title })
     ] }),
-    /* @__PURE__ */ jsx18("nav", { className: "szenen-view__nav", "aria-label": "Szenen-Bereiche", children: bereiche.map((bereich) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19("nav", { className: "szenen-view__nav", "aria-label": "Szenen-Bereiche", children: bereiche.map((bereich) => /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -10827,9 +11457,9 @@ var SzenenView = ({
       },
       bereich.id
     )) }),
-    /* @__PURE__ */ jsxs18("section", { className: "szenen-view__area", "aria-label": aktuellerBereich.title, children: [
-      aktiv === "derive" && port.derivation && /* @__PURE__ */ jsx18(DeriveArea, { port, contextId }),
-      aktiv === "elements" && /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs19("section", { className: "szenen-view__area", "aria-label": aktuellerBereich.title, children: [
+      aktiv === "derive" && port.derivation && /* @__PURE__ */ jsx19(DeriveArea, { port, contextId }),
+      aktiv === "elements" && /* @__PURE__ */ jsx19(
         ElementsArea,
         {
           port,
@@ -10839,20 +11469,31 @@ var SzenenView = ({
           listTitle: "Bausteine"
         }
       ),
-      aktiv === "scene" && /* @__PURE__ */ jsx18(SceneArea, { port, contextId }),
-      aktiv === "setup" && /* @__PURE__ */ jsx18(SetupArea, { port, contextId }),
-      aktiv === "shot" && /* @__PURE__ */ jsx18(ShotArea, { port, contextId }),
-      aktiv === "media" && port.media && /* @__PURE__ */ jsx18(MediaArea, { port, contextId })
+      aktiv === "scene" && /* @__PURE__ */ jsx19(SceneArea, { port, contextId }),
+      aktiv === "setup" && /* @__PURE__ */ jsx19(SetupArea, { port, contextId }),
+      aktiv === "shot" && /* @__PURE__ */ jsx19(ShotArea, { port, contextId }),
+      aktiv === "media" && port.media && /* @__PURE__ */ jsx19(MediaArea, { port, contextId })
     ] }),
-    (!faehig.saveRunAsItem || !faehig.media) && /* @__PURE__ */ jsxs18("details", { className: "szenen-view__host-notes", children: [
-      /* @__PURE__ */ jsx18("summary", { children: "Funktionen dieses Hosts" }),
-      !faehig.saveRunAsItem && /* @__PURE__ */ jsx18("p", { className: "szenen-view__capability-note", "data-testid": "hinweis-kein-item", children: "Runden k\xF6nnen hier nicht als Library-Item gespeichert werden." }),
-      !faehig.media && /* @__PURE__ */ jsx18("p", { className: "szenen-view__capability-note", "data-testid": "hinweis-keine-medien", children: "Referenzmedien werden in diesem Host nicht verwaltet." })
+    (!faehig.saveRunAsItem || !faehig.media) && /* @__PURE__ */ jsxs19("details", { className: "szenen-view__host-notes", children: [
+      /* @__PURE__ */ jsx19("summary", { children: "Funktionen dieses Hosts" }),
+      !faehig.saveRunAsItem && /* @__PURE__ */ jsx19("p", { className: "szenen-view__capability-note", "data-testid": "hinweis-kein-item", children: "Runden k\xF6nnen hier nicht als Library-Item gespeichert werden." }),
+      !faehig.media && /* @__PURE__ */ jsx19("p", { className: "szenen-view__capability-note", "data-testid": "hinweis-keine-medien", children: "Referenzmedien werden in diesem Host nicht verwaltet." })
     ] })
   ] });
 };
 
 // src/lib/szenen/flowTextGenerationPort.ts
+function alsFlowTextZugang(sdk) {
+  return async (prompt, options) => {
+    const antwort = await sdk(prompt, options);
+    if (typeof antwort?.text !== "string") {
+      throw new Error(
+        `Flow.generate.text lieferte kein { text: string }, sondern ${antwort === null || antwort === void 0 ? String(antwort) : typeof antwort}: ${JSON.stringify(antwort)?.slice(0, 200)}`
+      );
+    }
+    return antwort.text;
+  };
+}
 function createFlowTextGenerationPort(generateText, options = {}) {
   const provider = options.provider ?? "flow";
   const modelId = options.modelId ?? "flow.generate.text";
@@ -13962,6 +14603,7 @@ function createHfImageStore(options) {
   const basisMs = options.leseBasisMs ?? 400;
   const schlafen = options.schlafen ?? warten;
   const abgelegt = /* @__PURE__ */ new Map();
+  const vorschauen = /* @__PURE__ */ new Map();
   const bekanntePfade = /* @__PURE__ */ new Set();
   let gefalteterBestand = null;
   let laufenderAbgleich = null;
@@ -13985,7 +14627,7 @@ function createHfImageStore(options) {
     }
     return laufenderAbgleich;
   }
-  return {
+  const speicher = {
     bestand: bestandAbgleichen,
     async putWithId(id, base64, mimeType, titel) {
       const echterTyp = typAusBytes(base64, mimeType);
@@ -14004,6 +14646,38 @@ function createHfImageStore(options) {
       }, []);
       abgelegt.set(id, { data: base64, mimeType: echterTyp });
     },
+    async preview(id) {
+      const bekannt = vorschauen.get(id);
+      if (bekannt) return bekannt;
+      const eben = abgelegt.get(id);
+      if (eben) {
+        const quelle2 = `data:${eben.mimeType};base64,${eben.data}`;
+        vorschauen.set(id, quelle2);
+        return quelle2;
+      }
+      const zustand = await bestandAbgleichen();
+      const eintrag = zustand.metadata.find((e) => e.id === id);
+      if (eintrag?.hasThumb && eintrag.filename) {
+        const klein = await hfLoadImageAsBase64(
+          id,
+          token,
+          void 0,
+          eintrag.filename,
+          void 0,
+          eintrag.mimeType,
+          true
+        );
+        if (klein) {
+          const quelle2 = `data:${eintrag.mimeType || "image/jpeg"};base64,${klein}`;
+          vorschauen.set(id, quelle2);
+          return quelle2;
+        }
+      }
+      const voll = await speicher.resolve(id);
+      const quelle = `data:${voll.mimeType};base64,${voll.data}`;
+      vorschauen.set(id, quelle);
+      return quelle;
+    },
     async resolve(id, mimeType) {
       const eben = abgelegt.get(id);
       if (eben) return eben;
@@ -14041,6 +14715,47 @@ function createHfImageStore(options) {
       );
     }
   };
+  return speicher;
+}
+
+// src/lib/szenen/libraryItems.ts
+var LOCATOR = /^(.+)-(\d+)$/;
+function locatorTeile(mediaRef) {
+  const treffer = LOCATOR.exec(mediaRef);
+  if (!treffer) return { stamm: mediaRef, position: null };
+  return { stamm: treffer[1], position: Number(treffer[2]) };
+}
+function gruppiereZuItems(bilder) {
+  const gruppen = /* @__PURE__ */ new Map();
+  for (const bild of bilder) {
+    const { stamm } = locatorTeile(bild.mediaRef);
+    const vorhanden = gruppen.get(stamm);
+    if (vorhanden) vorhanden.push(bild);
+    else gruppen.set(stamm, [bild]);
+  }
+  const items = [...gruppen.entries()].map(([stamm, mitglieder]) => {
+    const sortiert = [...mitglieder].sort((a, b) => {
+      const pa = locatorTeile(a.mediaRef).position ?? 0;
+      const pb = locatorTeile(b.mediaRef).position ?? 0;
+      return pa - pb;
+    });
+    const erstes = sortiert[0];
+    const itemRef = sortiert.length === 1 ? erstes.mediaRef : stamm;
+    const juengstes = sortiert.reduce(
+      (max, b) => Math.max(max, b.timestamp ?? 0),
+      0
+    );
+    return {
+      item: {
+        itemRef,
+        title: erstes.itemTitle?.trim() || erstes.title || itemRef,
+        images: sortiert.map(({ timestamp: _t, itemTitle: _i, ...bild }) => bild)
+      },
+      juengstes
+    };
+  });
+  items.sort((a, b) => b.juengstes - a.juengstes);
+  return items.map((e) => e.item);
 }
 
 // src/lib/szenen/hfImageLibrary.ts
@@ -14048,13 +14763,22 @@ function fehler2(nachricht, retryable = false) {
   return { kind: "error", message: nachricht, retryable };
 }
 function alsBild(eintrag) {
+  const { position } = locatorTeile(eintrag.id);
+  const werk = eintrag.prompt?.trim() || "";
   return {
     mediaRef: eintrag.id,
-    // Der Prompt ist der einzige menschenlesbare Text, den ein Bild dort trägt.
-    // Fehlt er, ist die Kennung ehrlicher als ein erfundener Name.
-    title: eintrag.prompt?.trim() || eintrag.id,
+    // Innerhalb eines mehrbildigen Werkes tragen alle Einträge denselben
+    // Prompt — der Abgleich schreibt ihn je Bild aus derselben Library-Zeile.
+    // Deshalb bekommt die Kachel dort die Position dazu, sonst stünde
+    // vierzehnmal derselbe Satz.
+    title: position === null ? werk || eintrag.id : `${werk || eintrag.id} \xB7 Bild ${position + 1}`,
     mimeType: eintrag.mimeType || "image/jpeg",
-    thumbUrl: null
+    // Kein `thumbUrl`: Die Datei liegt auf HF hinter einem Token, und ein
+    // `<img src>` käme dort nicht durch. Die Quelle entsteht über
+    // `loadPreview()` — und nur für die Kacheln, die wirklich gezeigt werden.
+    thumbUrl: null,
+    itemTitle: werk || null,
+    ...typeof eintrag.timestamp === "number" ? { timestamp: eintrag.timestamp } : {}
   };
 }
 function createHfImageLibrary(options) {
@@ -14065,15 +14789,14 @@ function createHfImageLibrary(options) {
     ...options.now ? { now: options.now } : {}
   });
   return {
-    async listImages(query) {
+    async listItems(query) {
       try {
         const zustand = await store.bestand();
         const eintraege = zustand?.metadata ?? [];
+        const items = gruppiereZuItems(eintraege.map(alsBild));
         const gesucht = query?.search?.trim().toLowerCase();
-        const gefiltert = gesucht ? eintraege.filter((e) => (e.prompt ?? "").toLowerCase().includes(gesucht) || e.id.toLowerCase().includes(gesucht)) : eintraege;
-        const sortiert = [...gefiltert].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
-        const begrenzt = query?.limit ? sortiert.slice(0, query.limit) : sortiert;
-        return { kind: "ok", value: begrenzt.map(alsBild) };
+        const gefiltert = gesucht ? items.filter((i) => i.title.toLowerCase().includes(gesucht) || i.itemRef.toLowerCase().includes(gesucht)) : items;
+        return { kind: "ok", value: query?.limit ? gefiltert.slice(0, query.limit) : gefiltert };
       } catch (error) {
         return fehler2(
           `Der Bildbestand konnte nicht gelesen werden: ${error instanceof Error ? error.message : String(error)}`,
@@ -14081,6 +14804,16 @@ function createHfImageLibrary(options) {
         );
       }
     },
+    async loadPreview(mediaRef) {
+      try {
+        return { kind: "ok", value: await store.preview(mediaRef) };
+      } catch (error) {
+        return fehler2(
+          `Die Vorschau von ${mediaRef} ist nicht ladbar: ${error instanceof Error ? error.message : String(error)}`,
+          true
+        );
+      }
+    },
     async resolveImage(mediaRef, mimeTypeHinweis) {
       try {
         const bild = await store.resolve(mediaRef, mimeTypeHinweis);
@@ -14093,10 +14826,13 @@ function createHfImageLibrary(options) {
       const id = newImageId();
       try {
         await store.putWithId(id, input.data, input.mime_type, input.title);
-        return {
-          kind: "ok",
-          value: { mediaRef: id, title: input.title, mimeType: input.mime_type, thumbUrl: null }
+        const abgelegt = {
+          mediaRef: id,
+          title: input.title,
+          mimeType: input.mime_type,
+          thumbUrl: null
         };
+        return { kind: "ok", value: abgelegt };
       } catch (error) {
         return fehler2(
           `Das Bild konnte nicht abgelegt werden: ${error instanceof Error ? error.message : String(error)}`,
@@ -14824,6 +15560,7 @@ export {
   preferredHeadRevisionOf,
   collectPromptRuns,
   findPromptRun,
+  ladeVorschauen,
   simulatedAnswerFor,
   SIMULATION_PROVIDER,
   createSimulationTextGenerationPort,
@@ -14844,6 +15581,7 @@ export {
   createSimulationSceneDerivationPort,
   runSceneDerivation,
   SzenenView,
+  alsFlowTextZugang,
   createFlowTextGenerationPort,
   CATALOGUE_TYPES,
   publishedHeadsOf,
@@ -14896,6 +15634,8 @@ export {
   bildPfad,
   typAusBytes,
   createHfImageStore,
+  locatorTeile,
+  gruppiereZuItems,
   createHfImageLibrary,
   FLOW_EXECUTION_PATH,
   createFlowImageProvider,