@rslsp1/fa-app-tools 9.4.4 → 10.0.1

package/dist/szenen.js

@@ -82,6 +82,7 @@ __export(szenen_exports, {
   assessDerivationResponse: () => assessDerivationResponse,
   batchesForPromptRun: () => batchesForPromptRun,
   bildPfad: () => bildPfad,
+  bilderDesLaufs: () => bilderDesLaufs,
   buildDerivationSystemInstruction: () => buildSystemInstruction2,
   buildDerivationUserPrompt: () => buildUserPrompt2,
   buildManualPromptRunRecord: () => buildManualPromptRunRecord,
@@ -14319,7 +14320,8 @@ function kuerze(text, zeichen) {
   const sauber = text.replace(/\s+/g, " ").trim();
   return sauber.length <= zeichen ? sauber : `${sauber.slice(0, zeichen - 1)}\u2026`;
 }
-function herkunftFuer(job, laeufe, elementTitel) {
+function herkunftFuer(job, laeufe, elementTitel, bilderJeLauf2) {
+  const bilder_im_lauf = bilderJeLauf2.get(job.prompt_run_id)?.length ?? 0;
   const lauf = laeufe.get(job.prompt_run_id);
   if (!lauf) {
     return {
@@ -14327,7 +14329,8 @@ function herkunftFuer(job, laeufe, elementTitel) {
       szene_titel: null,
       szene_element_id: null,
       prompt_auszug: null,
-      lauf_gefunden: false
+      lauf_gefunden: false,
+      bilder_im_lauf
     };
   }
   const elementId = benennendesElement(lauf);
@@ -14337,7 +14340,8 @@ function herkunftFuer(job, laeufe, elementTitel) {
     szene_titel: elementId ? elementTitel.get(elementId) ?? null : null,
     szene_element_id: elementId,
     prompt_auszug: istText9(positiv) ? kuerze(positiv, PROMPT_AUSZUG_ZEICHEN) : null,
-    lauf_gefunden: true
+    lauf_gefunden: true,
+    bilder_im_lauf
   };
 }
 function sortiere(jobs, logIndex, aelteste_zuerst) {
@@ -14370,57 +14374,90 @@ function selectImageJobs(events, storeId, query = {}) {
   const ausschnitt = geordnet.slice(ab, ab + limit);
   const laeufe = new Map(collectPromptRuns(events).map((r) => [r.run_id, r]));
   const elementTitel = titelJeElement(events);
+  const { jeLauf: bilder } = bilderJeLauf(events, alle);
   return {
     eintraege: ausschnitt.map((job) => ({
       job,
-      herkunft: herkunftFuer(job, laeufe, elementTitel)
+      herkunft: herkunftFuer(job, laeufe, elementTitel, bilder)
     })),
     nextCursor: ab + ausschnitt.length < geordnet.length ? ausschnitt[ausschnitt.length - 1].job_id : null,
     gesamt: geordnet.length,
     offen
   };
 }
-function letztesErzeugtesBild(events, storeId) {
-  const jobs = collectImageJobs(events).filter((j) => j.store_id === storeId);
+function bildRefAus(roh, batchId) {
+  return {
+    media_ref: roh.media_ref,
+    position: roh.position,
+    generation_batch_id: batchId,
+    ...istText9(roh.asset_id) ? { asset_id: roh.asset_id } : {},
+    ...istText9(roh.mime_type) ? { mime_type: roh.mime_type } : {},
+    model: roh.model ?? null,
+    seed: roh.seed ?? null,
+    width: roh.width ?? null,
+    height: roh.height ?? null
+  };
+}
+function bilderJeLauf(events, jobs) {
   const jobJeBatch = new Map(jobs.map((j) => [generationBatchIdOf(j.job_id), j]));
-  for (let i = events.length - 1; i >= 0; i -= 1) {
-    const event = events[i];
+  const jeLauf = /* @__PURE__ */ new Map();
+  const gesehen = /* @__PURE__ */ new Set();
+  let juengsterLauf = null;
+  for (const event of events) {
     if (event.type !== SZENEN_EVENT_TYPES.imageBatchPersisted) continue;
     const p = event.payload;
     if (!p || !istText9(p.item_id) || !istText9(p.prompt_run_id) || !istText9(p.generation_batch_id)) continue;
-    const bilder = Array.isArray(p.images) ? p.images : [];
-    const letztes = bilder.filter((b) => !!b && istText9(b.media_ref) && typeof b.position === "number").reduce(
-      (bisher, b) => bisher === null || b.position > bisher.position ? b : bisher,
-      null
-    );
-    if (!letztes) continue;
+    if (gesehen.has(p.generation_batch_id)) continue;
+    gesehen.add(p.generation_batch_id);
+    const roh = (Array.isArray(p.images) ? p.images : []).filter((b) => !!b && istText9(b.media_ref) && typeof b.position === "number").sort((a, b) => a.position - b.position);
+    if (roh.length === 0) continue;
     const job = jobJeBatch.get(p.generation_batch_id) ?? null;
-    const laeufe = new Map(collectPromptRuns(events).map((r) => [r.run_id, r]));
-    const herkunft = job ? herkunftFuer(job, laeufe, titelJeElement(events)) : null;
-    return {
-      job,
-      prompt_run_id: p.prompt_run_id,
-      item_id: p.item_id,
-      generation_batch_id: p.generation_batch_id,
-      bild: {
-        media_ref: letztes.media_ref,
-        position: letztes.position,
+    const liste = jeLauf.get(p.prompt_run_id) ?? [];
+    for (const einzeln of roh) {
+      liste.push({
+        bild: bildRefAus(einzeln, p.generation_batch_id),
+        prompt_run_id: p.prompt_run_id,
+        item_id: p.item_id,
         generation_batch_id: p.generation_batch_id,
-        ...istText9(letztes.asset_id) ? { asset_id: letztes.asset_id } : {},
-        ...istText9(letztes.mime_type) ? { mime_type: letztes.mime_type } : {},
-        model: letztes.model ?? null,
-        seed: letztes.seed ?? null,
-        width: letztes.width ?? null,
-        height: letztes.height ?? null
-      },
-      position: letztes.position + 1,
-      anzahl: bilder.length,
-      gespeichert_am: istText9(p.created_at) ? p.created_at : null,
-      execution_target_model_key: job?.execution_target_model_key ?? null,
-      herkunft
-    };
+        job_id: job?.job_id ?? null,
+        position_im_batch: einzeln.position + 1,
+        anzahl_im_batch: roh.length,
+        gespeichert_am: istText9(p.created_at) ? p.created_at : null,
+        execution_target_model_key: job?.execution_target_model_key ?? null
+      });
+    }
+    jeLauf.set(p.prompt_run_id, liste);
+    juengsterLauf = p.prompt_run_id;
   }
-  return null;
+  return { jeLauf, juengsterLauf };
+}
+function bilderDesLaufs(events, storeId, runId) {
+  const jobs = collectImageJobs(events).filter((j) => j.store_id === storeId);
+  return bilderJeLauf(events, jobs).jeLauf.get(runId) ?? [];
+}
+function letztesErzeugtesBild(events, storeId) {
+  const jobs = collectImageJobs(events).filter((j) => j.store_id === storeId);
+  const { jeLauf, juengsterLauf } = bilderJeLauf(events, jobs);
+  if (!juengsterLauf) return null;
+  const folge = jeLauf.get(juengsterLauf) ?? [];
+  const letztes = folge[folge.length - 1];
+  if (!letztes) return null;
+  const laeufe = new Map(collectPromptRuns(events).map((r) => [r.run_id, r]));
+  const job = letztes.job_id ? jobs.find((j) => j.job_id === letztes.job_id) ?? null : null;
+  const herkunft = job ? herkunftFuer(job, laeufe, titelJeElement(events), jeLauf) : null;
+  return {
+    job,
+    prompt_run_id: letztes.prompt_run_id,
+    item_id: letztes.item_id,
+    generation_batch_id: letztes.generation_batch_id,
+    bild: letztes.bild,
+    position: letztes.position_im_batch,
+    anzahl: letztes.anzahl_im_batch,
+    gespeichert_am: letztes.gespeichert_am,
+    execution_target_model_key: letztes.execution_target_model_key,
+    herkunft,
+    folge
+  };
 }
 
 // src/lib/szenen/imageJobPort.ts
@@ -14433,6 +14470,7 @@ function fehler4(error, aktion) {
 function createImageJobPort(options) {
   const { channel, imageGeneration, storeId, clientId } = options;
   const newClaimId = options.newClaimId ?? (() => crypto.randomUUID());
+  const newJobId = options.newJobId ?? (() => crypto.randomUUID());
   const now = options.now ?? (() => /* @__PURE__ */ new Date());
   return {
     async listJobs(runId) {
@@ -14474,6 +14512,113 @@ function createImageJobPort(options) {
         };
       }
     },
+    async requestMoreImages(input) {
+      const { sourceJobId, imageCount } = input;
+      let quelle;
+      try {
+        quelle = findImageJob(await channel.readEvents(), sourceJobId);
+      } catch (error) {
+        return {
+          kind: "error",
+          ...fehler4(error, `Der Ausgangsauftrag ${sourceJobId} konnte nicht gelesen werden`),
+          retryable: true
+        };
+      }
+      if (!quelle) {
+        return {
+          kind: "rejected",
+          message: `Der Bildauftrag ${sourceJobId} steht nicht im autoritativen Log dieses Bestands. Ohne ihn gibt es keine Ausfuehrungsparameter, die uebernommen werden koennten.`
+        };
+      }
+      if (quelle.store_id !== storeId) {
+        return {
+          kind: "rejected",
+          message: `Der Bildauftrag ${sourceJobId} gilt fuer den Bestand "${quelle.store_id}", dieser Host arbeitet auf "${storeId}".`
+        };
+      }
+      if (!Number.isInteger(imageCount) || imageCount < 1) {
+        return {
+          kind: "rejected",
+          message: `Die Bildanzahl "${imageCount}" ist keine ganze Zahl >= 1.`
+        };
+      }
+      const wahl = await imageGeneration.imageModelChoiceForRun(quelle.prompt_run_id);
+      if (wahl.kind !== "ok") {
+        return {
+          kind: "error",
+          message: `Die ausfuehrbaren Bildmodelle des Laufs ${quelle.prompt_run_id} waren nicht lesbar: ${wahl.message}`,
+          retryable: wahl.kind === "error" ? wahl.retryable : true
+        };
+      }
+      const gewaehlt = findExecutableImageModel(
+        wahl.value,
+        quelle.execution_target_model_key,
+        quelle.execution_profile_id
+      );
+      if (!gewaehlt) {
+        const auswahl = wahl.value.models.map((m) => m.selection_id);
+        return {
+          kind: "rejected",
+          message: `Das Profil "${quelle.execution_profile_id}" von "${quelle.execution_target_model_key}" ist in dieser Umgebung nicht (mehr) ausfuehrbar. Es wird kein Ersatz geraten. ` + (auswahl.length > 0 ? `Ausfuehrbar waeren: ${auswahl.join(", ")} \u2014 bitte den Lauf oeffnen und dort ausdruecklich waehlen.` : `Derzeit ist hier gar kein Bildmodell ausfuehrbar: ${wahl.value.reason ?? "kein sichtbares Zielmodell traegt ein passendes Profil."}`)
+        };
+      }
+      const befunde = checkImageModelParameters(gewaehlt, {
+        imageCount,
+        ...quelle.aspect_ratio ? { aspectRatio: quelle.aspect_ratio } : {}
+      });
+      if (befunde.length > 0) {
+        return {
+          kind: "rejected",
+          message: `Der neue Auftrag passt nicht zu ${gewaehlt.display_name} (Profil ${gewaehlt.profile_id}, bis zu ${gewaehlt.max_images} Bilder): ` + befunde.join(" ")
+        };
+      }
+      const jobId = input.jobId ?? newJobId();
+      let vorhanden;
+      try {
+        vorhanden = findImageJob(await channel.readEvents(), jobId);
+      } catch (error) {
+        return {
+          kind: "error",
+          ...fehler4(error, `Der Bestand war vor dem Anlegen von ${jobId} nicht lesbar`),
+          retryable: true
+        };
+      }
+      if (vorhanden) {
+        return {
+          kind: "rejected",
+          message: `Zur Auftragskennung ${jobId} gibt es bereits einen Auftrag (${vorhanden.status}). Ein Auftrag ist unveraenderlich.`
+        };
+      }
+      const payload = {
+        job_id: jobId,
+        prompt_run_id: quelle.prompt_run_id,
+        execution_target_model_key: gewaehlt.target_model_key,
+        execution_profile_id: gewaehlt.profile_id,
+        image_count: imageCount,
+        ...quelle.aspect_ratio ? { aspect_ratio: quelle.aspect_ratio } : {},
+        // **Nicht geraten und nicht erfunden.** Dieser Host kennt keinen
+        // Nutzerschluessel — der Flow-Client hat keine Identitaet, nur einen
+        // Bestand. Der Fortsetzungsauftrag traegt deshalb den Auftraggeber des
+        // Auftrags, den er fortsetzt; ein ausgedachter Schluessel waere genau
+        // der Fall, den Regel 6 verbietet.
+        requested_by: quelle.requested_by,
+        store_id: storeId,
+        created_at: now().toISOString()
+      };
+      try {
+        await channel.appendEvent(SZENEN_EVENT_TYPES.imageJobRequested, payload);
+      } catch (error) {
+        return {
+          kind: "error",
+          ...fehler4(error, `Der Bildauftrag ${jobId} konnte nicht angelegt werden`),
+          retryable: true
+        };
+      }
+      return {
+        kind: "ok",
+        job: { ...payload, status: "pending", claim_attempts: [] }
+      };
+    },
     async claimAndRun(jobId) {
       let letzterGrund = "";
       for (let versuch = 1; versuch <= ANSPRUCH_VERSUCHE; versuch += 1) {
@@ -23212,7 +23357,6 @@ var MediaArea = ({ port }) => {
 // src/features/szenen/areas/ImageJobsArea.tsx
 var import_react27 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var AKTUALISIERUNG_MS = 5e3;
 var STATUS_TEXT2 = {
   pending: "wartet auf \xDCbernahme",
   claimed: "\xFCbernommen (l\xE4uft oder unterbrochen)",
@@ -23228,7 +23372,10 @@ var FILTER = [
   { id: "failed", titel: "Fehlgeschlagen" },
   { id: "all", titel: "Alle" }
 ];
-function useDauerAbfrage(frage, abhaengigkeiten) {
+function istAbgeschlossen(job) {
+  return job.status !== "pending" && job.status !== "claimed";
+}
+function useNachladbareAbfrage(frage, abhaengigkeiten) {
   const [stand, setStand] = (0, import_react27.useState)(
     () => ({ wert: null, fehler: null, laedt: true })
   );
@@ -23260,10 +23407,11 @@ function useDauerAbfrage(frage, abhaengigkeiten) {
 var ImageJobsArea = ({
   port,
   onPromptOeffnen,
-  aktualisierungMs = AKTUALISIERUNG_MS,
-  warte
+  warte,
+  jetzt
 }) => {
   const auftraege = port.imageJobs;
+  const uhr = jetzt ?? (() => /* @__PURE__ */ new Date());
   const [filter, setFilter] = (0, import_react27.useState)("pending");
   const [pauseSekunden, setPauseSekunden] = (0, import_react27.useState)(PAUSE_SEKUNDEN_VORGABE);
   const [takt, setTakt] = (0, import_react27.useState)(0);
@@ -23273,22 +23421,21 @@ var ImageJobsArea = ({
   const abbruchRef = (0, import_react27.useRef)(false);
   const [einzeln, setEinzeln] = (0, import_react27.useState)(null);
   const [notiz, setNotiz] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
-    if (aktualisierungMs <= 0) return void 0;
-    const uhr = setInterval(() => setTakt((t) => t + 1), aktualisierungMs);
-    return () => clearInterval(uhr);
-  }, [aktualisierungMs]);
-  const liste = useDauerAbfrage(
+  const liste = useNachladbareAbfrage(
     () => auftraege?.listAllJobs ? auftraege.listAllJobs({ status: filter }) : Promise.resolve({
       kind: "ok",
       value: { eintraege: [], nextCursor: null, gesamt: 0, offen: 0 }
     }),
     [auftraege, filter, takt]
   );
-  const vorschau = useDauerAbfrage(
+  const vorschau = useNachladbareAbfrage(
     () => auftraege?.latestImage ? auftraege.latestImage() : Promise.resolve({ kind: "ok", value: null }),
     [auftraege, takt]
   );
+  const [zuletzt, setZuletzt] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
+    if (!liste.laedt && liste.wert !== null) setZuletzt(uhr().toISOString());
+  }, [liste.laedt, liste.wert]);
   const seite = liste.wert;
   const eintraege = seite?.eintraege ?? [];
   const offen = seite?.offen ?? 0;
@@ -23356,16 +23503,28 @@ var ImageJobsArea = ({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "szenen-bildauftraege", "data-testid": "bereich-bildauftraege", children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "szenen-area__lead", children: [
-      "Alle Bildauftr\xE4ge dieses Bestands \u2014 unabh\xE4ngig davon, zu welchem Promptlauf sie geh\xF6ren. Der Bereich ist als dauerhaft ge\xF6ffnetes Arbeitsfenster gedacht und liest den Bestand alle",
-      " ",
-      Math.round(aktualisierungMs / 1e3),
-      " Sekunden nach."
+      "Alle Bildauftr\xE4ge dieses Bestands \u2014 unabh\xE4ngig davon, zu welchem Promptlauf sie geh\xF6ren. Der Bereich ist als dauerhaft ge\xF6ffnetes Arbeitsfenster gedacht und l\xE4dt ",
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: "nur auf Klick" }),
+      " nach: Es l\xE4uft kein Timer und keine Hintergrundabfrage."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { className: "szenen-bildauftraege__nachladen", "aria-label": "Nachladen", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-testid": "bildauftraege-aktualisieren",
+          onClick: neuLesen,
+          title: "Auftr\xE4ge, Zust\xE4nde und neue Bilder neu vom Bestand lesen",
+          children: "\u27F3 Aktualisieren"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-testid": "bildauftraege-zuletzt", children: zuletzt ? `zuletzt aktualisiert ${zuletzt}` : "noch nicht aktualisiert" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      LetztesBild,
+      Bildkontrolle,
       {
         port,
-        bild: vorschau.wert ?? null,
+        stand: vorschau.wert ?? null,
         fehler: vorschau.fehler,
         laedt: vorschau.laedt && vorschau.wert === null,
         ...onPromptOeffnen ? { onPromptOeffnen } : {}
@@ -23452,6 +23611,10 @@ var ImageJobsArea = ({
         gesperrt: queueLaeuft || einzeln !== null,
         laufend: einzeln === eintrag.job.job_id || lauf?.aktuell === eintrag.job.job_id,
         onStart: () => void einzelStart(eintrag.job.job_id),
+        onAngelegt: (text) => {
+          setNotiz({ tone: "ok", text });
+          neuLesen();
+        },
         ...onPromptOeffnen ? { onPromptOeffnen } : {}
       },
       eintrag.job.job_id
@@ -23503,11 +23666,14 @@ var AuftragsZeile = ({
   gesperrt,
   laufend,
   onStart,
+  onAngelegt,
   onPromptOeffnen
 }) => {
   const { job, herkunft } = eintrag;
   const [ergebnisOffen, setErgebnisOffen] = (0, import_react27.useState)(false);
+  const [weitereOffen, setWeitereOffen] = (0, import_react27.useState)(false);
   const hatErgebnis = Boolean(job.generation_batch_id) && (job.status === "succeeded" || job.status === "partial");
+  const kannWeitere = Boolean(port.imageJobs?.requestMoreImages) && istAbgeschlossen(job);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "li",
     {
@@ -23546,6 +23712,13 @@ var AuftragsZeile = ({
             "Erstellt ",
             job.created_at || "\u2014"
           ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { "data-testid": `bildauftrag-lauf-bilder-${job.job_id}`, children: [
+            "Bisher ",
+            herkunft.bilder_im_lauf,
+            " ",
+            herkunft.bilder_im_lauf === 1 ? "Bild" : "Bilder",
+            " in diesem Promptlauf"
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { className: "szenen-bilder__auftragskennung", children: job.job_id })
         ] }),
         herkunft.prompt_auszug && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -23585,8 +23758,18 @@ var AuftragsZeile = ({
               onClick: () => setErgebnisOffen((o) => !o),
               children: ergebnisOffen ? "Ergebnisse ausblenden" : "Ergebnisse ansehen"
             }
+          ),
+          kannWeitere && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-testid": `bildauftrag-weitere-${job.job_id}`,
+              onClick: () => setWeitereOffen((o) => !o),
+              children: weitereOffen ? "Weitere Bilder schlie\xDFen" : "Weitere Bilder"
+            }
           )
         ] }),
+        kannWeitere && weitereOffen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(WeitereBilder, { port, job, onAngelegt }),
         ergebnisOffen && job.generation_batch_id && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           AuftragsErgebnis,
           {
@@ -23599,8 +23782,135 @@ var AuftragsZeile = ({
     }
   );
 };
+var WeitereBilder = ({ port, job, onAngelegt }) => {
+  const [anzahl, setAnzahl] = (0, import_react27.useState)(1);
+  const [laeuft, setLaeuft] = (0, import_react27.useState)(false);
+  const [notiz, setNotiz] = (0, import_react27.useState)(null);
+  const wahl = useNachladbareAbfrage(
+    () => port.imageGeneration ? port.imageGeneration.imageModelChoiceForRun(job.prompt_run_id) : Promise.resolve({ kind: "ok", value: null }),
+    [port, job.prompt_run_id]
+  );
+  const gewaehlt = wahl.wert ? findExecutableImageModel(
+    wahl.wert,
+    job.execution_target_model_key,
+    job.execution_profile_id
+  ) : null;
+  const maxBilder = gewaehlt?.max_images ?? null;
+  const anlegen = async (wieViele) => {
+    const anfordern = port.imageJobs?.requestMoreImages;
+    if (!anfordern || laeuft) return;
+    setLaeuft(true);
+    setNotiz(null);
+    try {
+      const ergebnis = await anfordern({
+        sourceJobId: job.job_id,
+        imageCount: wieViele
+      });
+      if (ergebnis.kind === "ok") {
+        onAngelegt(
+          `Neuer Bildauftrag ${ergebnis.job.job_id} f\xFCr Promptlauf ${ergebnis.job.prompt_run_id}: ${ergebnis.job.image_count} ${ergebnis.job.image_count === 1 ? "Bild" : "Bilder"} mit ${ergebnis.job.execution_target_model_key} (Profil ${ergebnis.job.execution_profile_id}). Auftrag ${job.job_id} bleibt unver\xE4ndert abgeschlossen.`
+        );
+      } else {
+        setNotiz({
+          tone: ergebnis.kind === "rejected" ? "rejected" : "error",
+          text: ergebnis.message
+        });
+      }
+    } catch (e) {
+      setNotiz({
+        tone: "error",
+        text: `Der neue Bildauftrag zu ${job.job_id} konnte nicht angelegt werden: ` + (e instanceof Error ? e.message : String(e))
+      });
+    } finally {
+      setLaeuft(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "section",
+    {
+      className: "szenen-bildauftraege__weitere",
+      "data-testid": `bildauftrag-weitere-panel-${job.job_id}`,
+      "aria-label": "Weitere Bilder",
+      children: [
+        wahl.fehler && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { role: "alert", "data-testid": `bildauftrag-weitere-fehler-${job.job_id}`, children: [
+          "Die ausf\xFChrbaren Bildmodelle waren nicht lesbar: ",
+          wahl.fehler
+        ] }),
+        wahl.laedt && wahl.wert === null && !wahl.fehler && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-testid": `bildauftrag-weitere-laden-${job.job_id}`, children: "Profil wird gepr\xFCft \u2026" }),
+        wahl.wert !== null && !gewaehlt && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { role: "alert", "data-testid": `bildauftrag-weitere-ungueltig-${job.job_id}`, children: [
+          "Das Profil ",
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: job.execution_profile_id }),
+          " von",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: job.execution_target_model_key }),
+          " ist hier nicht mehr ausf\xFChrbar. Es wird kein Ersatz geraten \u2014",
+          " ",
+          wahl.wert.models.length > 0 ? `ausf\xFChrbar w\xE4ren: ${wahl.wert.models.map((m) => m.selection_id).join(", ")}. Bitte den Promptlauf \xF6ffnen und dort ausdr\xFCcklich w\xE4hlen.` : `derzeit ist hier gar kein Bildmodell ausf\xFChrbar: ${wahl.wert.reason ?? "kein sichtbares Zielmodell tr\xE4gt ein passendes Profil."}`
+        ] }),
+        gewaehlt && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { "data-testid": `bildauftrag-weitere-profil-${job.job_id}`, children: [
+            gewaehlt.display_name,
+            " bei ",
+            gewaehlt.provider,
+            " \xB7 bis zu",
+            " ",
+            gewaehlt.max_images,
+            " Bilder je Auftrag \xB7 Format",
+            " ",
+            job.aspect_ratio ?? "\u2014"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "szenen-bildauftraege__aktionen", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "button",
+              {
+                type: "button",
+                "data-testid": `bildauftrag-plus1-${job.job_id}`,
+                disabled: laeuft,
+                onClick: () => void anlegen(1),
+                children: "+1 Bild"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: `bildauftrag-weitere-anzahl-${job.job_id}`, children: "Anzahl" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "select",
+              {
+                id: `bildauftrag-weitere-anzahl-${job.job_id}`,
+                "data-testid": `bildauftrag-weitere-anzahl-${job.job_id}`,
+                value: anzahl,
+                disabled: laeuft,
+                onChange: (e) => setAnzahl(Number(e.target.value)),
+                children: Array.from(
+                  { length: Math.max(1, maxBilder ?? 1) },
+                  (_, i) => i + 1
+                ).map((n) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: n, children: n }, n))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "button",
+              {
+                type: "button",
+                "data-testid": `bildauftrag-weitere-start-${job.job_id}`,
+                disabled: laeuft,
+                onClick: () => void anlegen(anzahl),
+                children: laeuft ? "Wird angelegt \u2026" : "Erzeugen"
+              }
+            )
+          ] })
+        ] }),
+        notiz && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "p",
+          {
+            role: notiz.tone === "error" ? "alert" : void 0,
+            "data-testid": `bildauftrag-weitere-notiz-${job.job_id}`,
+            children: notiz.text
+          }
+        )
+      ]
+    }
+  );
+};
 var AuftragsErgebnis = ({ port, jobId, generationBatchId }) => {
-  const abfrage = useDauerAbfrage(
+  const abfrage = useNachladbareAbfrage(
     () => port.imageBatchHistory ? port.imageBatchHistory.getBatch(generationBatchId) : Promise.resolve({ kind: "ok", value: null }),
     [port, generationBatchId]
   );
@@ -23639,54 +23949,108 @@ var AuftragsErgebnis = ({ port, jobId, generationBatchId }) => {
     }
   ) });
 };
-var LetztesBild = ({ port, bild, fehler: fehler5, laedt, onPromptOeffnen }) => {
-  const { quellen, fehler: bildFehler } = useBildQuellen(port, bild ? [bild.bild] : []);
+var Bildkontrolle = ({ port, stand, fehler: fehler5, laedt, onPromptOeffnen }) => {
+  const folge = stand?.folge ?? [];
+  const neuestes = folge.length > 0 ? folge[folge.length - 1].bild.media_ref : null;
+  const [gewaehlt, setGewaehlt] = (0, import_react27.useState)(null);
+  const neuestesVorher = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
+    if (neuestes !== neuestesVorher.current) {
+      neuestesVorher.current = neuestes;
+      setGewaehlt(neuestes);
+      return;
+    }
+    if (gewaehlt !== null && !folge.some((b) => b.bild.media_ref === gewaehlt)) {
+      setGewaehlt(neuestes);
+    }
+  }, [neuestes, folge, gewaehlt]);
+  const stelle = folge.findIndex((b) => b.bild.media_ref === gewaehlt);
+  const index = stelle >= 0 ? stelle : folge.length - 1;
+  const aktuell = index >= 0 ? folge[index] ?? null : null;
+  const { quellen, fehler: bildFehler } = useBildQuellen(port, aktuell ? [aktuell.bild] : []);
+  const blaettern = (schritt) => {
+    const ziel = folge[index + schritt];
+    if (ziel) setGewaehlt(ziel.bild.media_ref);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "section",
     {
       className: "szenen-bildauftraege__letztes",
       "data-testid": "bildauftraege-letztes-bild",
-      "aria-label": "Letztes erzeugtes Bild",
+      "aria-label": "Bildkontrolle",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { children: "Letztes erzeugtes Bild" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { children: "Bildkontrolle" }),
         fehler5 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { role: "alert", "data-testid": "bildauftraege-letztes-fehler", children: [
-          "Das zuletzt erzeugte Bild war nicht lesbar: ",
+          "Der Bildstand war nicht lesbar: ",
           fehler5
         ] }),
-        !bild && laedt && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-testid": "bildauftraege-letztes-laden", children: "Wird geladen \u2026" }),
-        !bild && !laedt && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-testid": "bildauftraege-letztes-leer", children: "In diesem Bestand ist noch kein Bild aus einem Auftrag gespeichert." }),
-        bild && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+        !aktuell && laedt && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-testid": "bildauftraege-letztes-laden", children: "Wird geladen \u2026" }),
+        !aktuell && !laedt && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-testid": "bildauftraege-letztes-leer", children: "In diesem Bestand ist noch kein Bild aus einem Auftrag gespeichert." }),
+        aktuell && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Kachel,
             {
-              quelle: quellen.get(bild.bild.media_ref) ?? null,
-              alt: `Letztes erzeugtes Bild ${bild.bild.media_ref}`,
-              ...bildFehler.get(bild.bild.media_ref) ? { leerText: "Nicht ladbar" } : {}
+              quelle: quellen.get(aktuell.bild.media_ref) ?? null,
+              alt: `Bild ${index + 1} von ${folge.length} \u2014 ${aktuell.bild.media_ref}`,
+              ...bildFehler.get(aktuell.bild.media_ref) ? { leerText: "Nicht ladbar" } : {}
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "szenen-bildauftraege__meta", "data-testid": "bildauftraege-letztes-meta", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "szenen-bildauftraege__blaettern", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "button",
+              {
+                type: "button",
+                "data-testid": "bildauftraege-zurueck",
+                disabled: index <= 0,
+                onClick: () => blaettern(-1),
+                children: "\u2190 Zur\xFCck"
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { "data-testid": "bildauftraege-letztes-position", children: [
-              bild.position,
+              index + 1,
               " / ",
-              bild.anzahl
+              folge.length
             ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "button",
+              {
+                type: "button",
+                "data-testid": "bildauftraege-vor",
+                disabled: index >= folge.length - 1,
+                onClick: () => blaettern(1),
+                children: "Vor \u2192"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "szenen-bildauftraege__meta", "data-testid": "bildauftraege-letztes-meta", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
               "Auftrag",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { "data-testid": "bildauftraege-letztes-job", children: bild.job?.job_id ?? "ohne Auftrag" })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { "data-testid": "bildauftraege-letztes-job", children: aktuell.job_id ?? "ohne Auftrag" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
+              "Batch",
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { "data-testid": "bildauftraege-letztes-batch", children: aktuell.generation_batch_id }),
+              " ",
+              "(Bild ",
+              aktuell.position_im_batch,
+              " von ",
+              aktuell.anzahl_im_batch,
+              ")"
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
               "Promptlauf ",
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: bild.prompt_run_id })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: aktuell.prompt_run_id })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
               "Modell",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: bild.execution_target_model_key ?? bild.bild.model ?? "\u2014" })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { children: aktuell.execution_target_model_key ?? aktuell.bild.model ?? "\u2014" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
               "Gespeichert ",
-              bild.gespeichert_am ?? "\u2014"
+              aktuell.gespeichert_am ?? "\u2014"
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "szenen-bildauftraege__aktionen", children: onPromptOeffnen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -23694,7 +24058,7 @@ var LetztesBild = ({ port, bild, fehler: fehler5, laedt, onPromptOeffnen }) => {
             {
               type: "button",
               "data-testid": "bildauftraege-letztes-prompt",
-              onClick: () => onPromptOeffnen(bild.prompt_run_id),
+              onClick: () => onPromptOeffnen(aktuell.prompt_run_id),
               children: "Prompt \xF6ffnen \xB7 alle Ergebnisse ansehen"
             }
           ) })
@@ -23867,6 +24231,7 @@ var SzenenView = ({
   assessDerivationResponse,
   batchesForPromptRun,
   bildPfad,
+  bilderDesLaufs,
   buildDerivationSystemInstruction,
   buildDerivationUserPrompt,
   buildManualPromptRunRecord,