@rslsp1/fa-app-tools 7.4.0 → 8.0.0

package/dist/{chunk-HUGUH4VB.mjs → chunk-VVGASAYT.mjs}

@@ -443,7 +443,10 @@ function capabilitiesOf(port) {
     imageOrderHistory: typeof port.imageBatchHistory?.listOrdersForPromptRun === "function",
     imageBatchWrite: typeof port.imageBatchWrite?.importBatch === "function",
     imageGeneration: typeof port.imageGeneration?.startFromPromptRun === "function",
-    imageJobs: typeof port.imageJobs?.claimAndRun === "function"
+    imageJobs: typeof port.imageJobs?.claimAndRun === "function",
+    // P1-A: die herkunftsuebergreifende Prompt-Sicht. Ein Host ohne sie
+    // verliert nur diesen Bereich — nicht die drei bestehenden Einstiege.
+    promptOverview: typeof port.runs.listAllRuns === "function"
   };
 }
 function unsupportedReason(capability) {
@@ -3530,37 +3533,52 @@ function formatSchemaErrors(errors) {
 }
 
 // src/features/szenen/szenenViewModel.ts
-var KEINE_BAUSTEINE = [
-  "scene",
+var BAUSTEIN_TYPES = [
+  "scene_component",
+  "style",
+  "shot_concept",
+  "prompt_fragment",
+  "prompt_policy"
+];
+var ERWEITERT_REIHENFOLGE = [
   "scene_setup",
-  "shot"
+  "shot",
+  "camera_preset",
+  "camera_pattern",
+  "target_model",
+  "scene_derivation_policy",
+  "sequence"
 ];
-var BAUSTEIN_TYPES = SZENEN_ELEMENT_TYPES.filter((typ) => !KEINE_BAUSTEINE.includes(typ));
+var ERWEITERT_TYPES = (() => {
+  const gehoertHierher = (typ) => typ !== "scene" && !BAUSTEIN_TYPES.includes(typ);
+  const bekannt = ERWEITERT_REIHENFOLGE.filter(
+    (typ) => SZENEN_ELEMENT_TYPES.includes(typ) && gehoertHierher(typ)
+  );
+  const rest = SZENEN_ELEMENT_TYPES.filter(
+    (typ) => gehoertHierher(typ) && !bekannt.includes(typ)
+  );
+  return [...bekannt, ...rest];
+})();
 var ALLE_BEREICHE = [
   {
-    id: "derive",
-    title: "0 \xB7 Rekonstruktion",
-    description: "Aus einem Bild oder Prompt einen Szenenentwurf vorschlagen lassen."
-  },
-  {
-    id: "elements",
-    title: "1 \xB7 Bausteine",
-    description: "Figuren, Orte, Stile und Regeln f\xFCr sp\xE4tere Bildprompts pflegen."
+    id: "scene",
+    title: "Szenen",
+    description: "Szenen anlegen, aus Bild oder Text ableiten und daraus Prompts starten."
   },
   {
-    id: "scene",
-    title: "2 \xB7 Szene",
-    description: "Aus Bausteinen eine konkrete Szene und ihre Beziehungen bauen."
+    id: "prompts",
+    title: "Prompts",
+    description: "Alle erzeugten Prompts mit ihren Bildern \u2014 unabhaengig davon, ueber welchen Weg sie entstanden sind."
   },
   {
-    id: "setup",
-    title: "3 \xB7 Bildaufbau",
-    description: "Stil, Komposition und Kamera f\xFCr das sp\xE4tere Bild festlegen."
+    id: "elements",
+    title: "Bausteine",
+    description: "Figuren, Orte, Stile, Prompt-Bausteine und Prompt-Regeln pflegen."
   },
   {
-    id: "shot",
-    title: "4 \xB7 Prompt",
-    description: "Bildprompt erzeugen, Varianten vergleichen und als Item speichern."
+    id: "advanced",
+    title: "Erweitert",
+    description: "Optionale Pr\xE4zisierung: Bildaufbau, Shot, Kameras, Zielmodelle, Regeln, Sequenzen."
   },
   {
     id: "media",
@@ -3570,16 +3588,12 @@ var ALLE_BEREICHE = [
 ];
 function areasFor(port) {
   const faehig = capabilitiesOf(port);
-  return ALLE_BEREICHE.filter((bereich) => {
-    if (bereich.id === "media") return faehig.media;
-    if (bereich.id === "derive") return faehig.derivation;
-    return true;
-  });
+  return ALLE_BEREICHE.filter((bereich) => bereich.id !== "media" || faehig.media);
 }
 function resolveArea(port, gewuenscht) {
   const verfuegbar = areasFor(port);
   if (gewuenscht && verfuegbar.some((b) => b.id === gewuenscht)) return gewuenscht;
-  return verfuegbar.find((b) => b.id === "elements")?.id ?? verfuegbar[0].id;
+  return verfuegbar.find((b) => b.id === "scene")?.id ?? verfuegbar[0].id;
 }
 function noticeFor(ergebnis, was) {
   switch (ergebnis.kind) {
@@ -5104,158 +5118,6 @@ function resolverFromQueries(queries, contexts) {
 var isProjectionCurrent = (state) => state.status === "current";
 var isOk = (result) => result.kind === "ok";
 
-// src/lib/szenen/itemDerivation.ts
-var SZENEN_ITEM_PREFIX = "szn-";
-function itemIdForRun(runId) {
-  return `${SZENEN_ITEM_PREFIX}${runId}`;
-}
-function isSzenenItemId(itemId) {
-  return itemId.startsWith(SZENEN_ITEM_PREFIX);
-}
-function checkSzenenBatchOrigin(candidate) {
-  if (!istText3(candidate.prompt_run_id)) {
-    return {
-      kind: "rejected",
-      failure: { field: "prompt_run_id", message: '"prompt_run_id" fehlt oder ist leer.' }
-    };
-  }
-  if (!istText3(candidate.generation_batch_id)) {
-    return {
-      kind: "rejected",
-      failure: {
-        field: "generation_batch_id",
-        message: '"generation_batch_id" fehlt oder ist leer.'
-      }
-    };
-  }
-  if (candidate.source_kind !== "generated_in_app" && candidate.source_kind !== "external_import") {
-    return {
-      kind: "rejected",
-      failure: {
-        field: "source_kind",
-        message: `"source_kind" ist unbekannt: ${JSON.stringify(candidate.source_kind)}. Erlaubt: generated_in_app, external_import.`
-      }
-    };
-  }
-  const round = typeof candidate.round === "number" && Number.isInteger(candidate.round) ? candidate.round : void 0;
-  return {
-    kind: "ok",
-    value: {
-      prompt_run_id: candidate.prompt_run_id,
-      generation_batch_ids: [candidate.generation_batch_id],
-      source_kind: candidate.source_kind,
-      ...round !== void 0 ? { round } : {}
-    }
-  };
-}
-function mergeSzenenBatchOrigin(bestehend, neu) {
-  if (!bestehend) return neu;
-  const ids = [...bestehend.generation_batch_ids];
-  for (const id of neu.generation_batch_ids) {
-    if (!ids.includes(id)) ids.push(id);
-  }
-  return {
-    prompt_run_id: bestehend.prompt_run_id,
-    generation_batch_ids: ids,
-    source_kind: bestehend.source_kind,
-    ...bestehend.round !== void 0 ? { round: bestehend.round } : {}
-  };
-}
-var DEFAULT_FSK_LEVEL = "FSK16";
-var istText3 = (v) => typeof v === "string" && v.trim().length > 0;
-function roundOfRun(run, runsOfShot) {
-  return runsOfShot.findIndex((kandidat) => kandidat.run_id === run.run_id) + 1;
-}
-function deriveLineage(ownItemId, ownRound, existingItems) {
-  const kandidaten = existingItems.filter((item) => item.valid && item.item_id !== ownItemId).sort((a, b) => a.sequence - b.sequence);
-  const elternteil = kandidaten[kandidaten.length - 1];
-  if (!elternteil) {
-    return {
-      parent_item_id: null,
-      lineage_root_id: ownItemId,
-      generation: 0,
-      out_of_order: false
-    };
-  }
-  return {
-    parent_item_id: elternteil.item_id,
-    lineage_root_id: elternteil.lineage_root_id,
-    generation: elternteil.generation + 1,
-    // Der Elternteil kommt aus einer spaeteren Runde: rueckwaerts gespeichert.
-    // Kein Fehler, aber nichts, was stillschweigend passieren darf.
-    out_of_order: elternteil.round >= ownRound
-  };
-}
-function deriveItemFromRun(input) {
-  const { run, runsOfShot, existingItems, savedAt } = input;
-  if (run.status === "failed") {
-    return {
-      kind: "rejected",
-      failure: {
-        class: "run_failed",
-        message: `Der Lauf ${run.run_id} ist gescheitert (${run.failure ? run.failure.class : "unbekannt"}) und traegt keinen Prompt. Aus einem Fehlerlauf entsteht kein Item.`,
-        run_failure: run.failure
-      }
-    };
-  }
-  if (!run.output || !istText3(run.output.positive)) {
-    return {
-      kind: "rejected",
-      failure: {
-        class: "run_without_output",
-        message: `Der Lauf ${run.run_id} ist als erfolgreich protokolliert, traegt aber keinen positiven Prompt. Das ist ein Datenfehler im Lauf, kein Item.`
-      }
-    };
-  }
-  const round = roundOfRun(run, runsOfShot);
-  if (round === 0) {
-    return {
-      kind: "rejected",
-      failure: {
-        class: "run_not_among_siblings",
-        message: `Der Lauf ${run.run_id} ist unter den ${runsOfShot.length} Laeufen des Shots ${run.shot_version_id} nicht enthalten. Ohne seinen Platz gaebe es keine Rundennummer.`
-      }
-    };
-  }
-  const item_id = itemIdForRun(run.run_id);
-  const lineage = deriveLineage(item_id, round, existingItems);
-  const negative = istText3(run.output.negative) ? run.output.negative : null;
-  const title = istText3(input.title) ? input.title : istText3(input.shotTitle) ? `${input.shotTitle} \xB7 Runde ${round}` : `Szenen-Lauf ${round}`;
-  return {
-    kind: "ok",
-    value: {
-      item_id,
-      title,
-      content: run.output.positive,
-      negative_prompt: negative,
-      // `feedback` ist Pflicht (D-55) und ist genau die Erlaeuterung fuer den
-      // Menschen — also gehoert sie in das Feld fuer Notizen.
-      notes: istText3(input.notes) ? input.notes : run.output.feedback,
-      rating: typeof input.rating === "number" ? input.rating : 0,
-      fsk_level: istText3(input.fskLevel) ? input.fskLevel : DEFAULT_FSK_LEVEL,
-      tags: [],
-      szenen: {
-        prompt_run_id: run.run_id,
-        shot_version_id: run.shot_version_id,
-        shot_element_id: run.shot_element_id,
-        scene_setup_version_id: run.scene_setup_version_id,
-        camera_id: run.camera_id,
-        target_model_version_id: run.target_model_version_id,
-        provider: run.provider,
-        model_id: run.model_id,
-        run_created_at: run.created_at,
-        round,
-        created_from_draft_id: null,
-        saved_at: savedAt
-      },
-      lineage,
-      // Bestandsformat: `LibraryTab` baut den Baum aus `metadata.relationships`.
-      // Ein Szenen-Item ohne diese Kante waere im Baum unsichtbar.
-      relationships: lineage.parent_item_id ? [{ type: "parent", id: lineage.parent_item_id, role: "source_A" }] : []
-    }
-  };
-}
-
 // src/lib/szenen/elementEvents.ts
 var SZENEN_EVENT_PREFIX = "szenen.";
 var SZENEN_EVENT_TYPES = {
@@ -5694,6 +5556,243 @@ function collectPromptRuns(events) {
 function findPromptRun(events, runId) {
   return collectPromptRuns(events).find((run) => run.run_id === runId) ?? null;
 }
+var istKennung = (wert) => typeof wert === "string" && wert.trim().length > 0;
+function groupOf(run) {
+  const quelle = sourceOf(run);
+  if (quelle.kind === "published") {
+    return istKennung(quelle.shot_version_id) ? {
+      kind: "published",
+      key: `published:${quelle.shot_version_id}`,
+      shot_version_id: quelle.shot_version_id
+    } : {
+      kind: "unresolved",
+      key: `run:${run.run_id}`,
+      reason: `Der Lauf ${run.run_id} gilt als ver\xF6ffentlichte Herkunft, tr\xE4gt aber keine shot_version_id. Er steht deshalb f\xFCr sich; eine Zuordnung w\xE4re geraten.`
+    };
+  }
+  if (quelle.kind === "draft_chain") {
+    return istKennung(quelle.chain_id) ? { kind: "draft_chain", key: `chain:${quelle.chain_id}`, chain_id: quelle.chain_id } : {
+      kind: "unresolved",
+      key: `run:${run.run_id}`,
+      reason: `Der Lauf ${run.run_id} stammt aus einer Draft-Kette ohne chain_id. Er steht deshalb f\xFCr sich; eine Zuordnung w\xE4re geraten.`
+    };
+  }
+  const elementId = quelle.scene?.element_id;
+  return istKennung(elementId) ? { kind: "scene_direct", key: `scene:${elementId}`, scene_element_id: elementId } : {
+    kind: "unresolved",
+    key: `run:${run.run_id}`,
+    reason: `Der Lauf ${run.run_id} entstand direkt aus einer Szene, nennt aber kein Szenen-Element. Er steht deshalb f\xFCr sich; eine Zuordnung w\xE4re geraten.`
+  };
+}
+function groupKeyOf(run) {
+  return groupOf(run).key;
+}
+function siblingsOf(run, alle) {
+  const schluessel = groupKeyOf(run);
+  return alle.filter((kandidat) => groupKeyOf(kandidat) === schluessel);
+}
+function namingElementOf(run) {
+  const quelle = sourceOf(run);
+  if (quelle.kind === "scene_direct") {
+    return istKennung(quelle.scene?.element_id) ? quelle.scene.element_id : null;
+  }
+  if (quelle.kind === "draft_chain") {
+    const szene = (quelle.nodes ?? []).find((knoten) => knoten?.type === "scene");
+    if (szene && istKennung(szene.element_id)) return szene.element_id;
+    const shot = (quelle.nodes ?? []).find((knoten) => knoten?.type === "shot");
+    if (shot && istKennung(shot.element_id)) return shot.element_id;
+  }
+  return istKennung(run.shot_element_id) ? run.shot_element_id : null;
+}
+function contextOfRun(run) {
+  const kette = run.input_payload?.context_chain;
+  if (!Array.isArray(kette) || kette.length === 0) return void 0;
+  const erstes = kette[0];
+  if (erstes === null) return null;
+  return istKennung(erstes) ? erstes : void 0;
+}
+function selectPromptRuns(alle, filter = {}) {
+  const status = filter.status ?? "succeeded";
+  const nachKontext = filter.contextId !== void 0;
+  const runs = [];
+  let hiddenByStatus = 0;
+  let hiddenByContext = 0;
+  let withoutContext = 0;
+  for (const run of alle) {
+    if (status !== "all" && run.status !== status) {
+      hiddenByStatus += 1;
+      continue;
+    }
+    if (nachKontext) {
+      const kontext = contextOfRun(run);
+      if (kontext === void 0) {
+        withoutContext += 1;
+        continue;
+      }
+      if (kontext !== filter.contextId) {
+        hiddenByContext += 1;
+        continue;
+      }
+    }
+    runs.push(run);
+  }
+  return { runs, hiddenByStatus, hiddenByContext, withoutContext };
+}
+
+// src/lib/szenen/itemDerivation.ts
+var SZENEN_ITEM_PREFIX = "szn-";
+function itemIdForRun(runId) {
+  return `${SZENEN_ITEM_PREFIX}${runId}`;
+}
+function isSzenenItemId(itemId) {
+  return itemId.startsWith(SZENEN_ITEM_PREFIX);
+}
+function checkSzenenBatchOrigin(candidate) {
+  if (!istText3(candidate.prompt_run_id)) {
+    return {
+      kind: "rejected",
+      failure: { field: "prompt_run_id", message: '"prompt_run_id" fehlt oder ist leer.' }
+    };
+  }
+  if (!istText3(candidate.generation_batch_id)) {
+    return {
+      kind: "rejected",
+      failure: {
+        field: "generation_batch_id",
+        message: '"generation_batch_id" fehlt oder ist leer.'
+      }
+    };
+  }
+  if (candidate.source_kind !== "generated_in_app" && candidate.source_kind !== "external_import") {
+    return {
+      kind: "rejected",
+      failure: {
+        field: "source_kind",
+        message: `"source_kind" ist unbekannt: ${JSON.stringify(candidate.source_kind)}. Erlaubt: generated_in_app, external_import.`
+      }
+    };
+  }
+  const round = typeof candidate.round === "number" && Number.isInteger(candidate.round) ? candidate.round : void 0;
+  return {
+    kind: "ok",
+    value: {
+      prompt_run_id: candidate.prompt_run_id,
+      generation_batch_ids: [candidate.generation_batch_id],
+      source_kind: candidate.source_kind,
+      ...round !== void 0 ? { round } : {}
+    }
+  };
+}
+function mergeSzenenBatchOrigin(bestehend, neu) {
+  if (!bestehend) return neu;
+  const ids = [...bestehend.generation_batch_ids];
+  for (const id of neu.generation_batch_ids) {
+    if (!ids.includes(id)) ids.push(id);
+  }
+  return {
+    prompt_run_id: bestehend.prompt_run_id,
+    generation_batch_ids: ids,
+    source_kind: bestehend.source_kind,
+    ...bestehend.round !== void 0 ? { round: bestehend.round } : {}
+  };
+}
+var DEFAULT_FSK_LEVEL = "FSK16";
+var istText3 = (v) => typeof v === "string" && v.trim().length > 0;
+function roundOfRun(run, runsOfShot) {
+  return runsOfShot.findIndex((kandidat) => kandidat.run_id === run.run_id) + 1;
+}
+function deriveLineage(ownItemId, ownRound, existingItems) {
+  const kandidaten = existingItems.filter((item) => item.valid && item.item_id !== ownItemId).sort((a, b) => a.sequence - b.sequence);
+  const elternteil = kandidaten[kandidaten.length - 1];
+  if (!elternteil) {
+    return {
+      parent_item_id: null,
+      lineage_root_id: ownItemId,
+      generation: 0,
+      out_of_order: false
+    };
+  }
+  return {
+    parent_item_id: elternteil.item_id,
+    lineage_root_id: elternteil.lineage_root_id,
+    generation: elternteil.generation + 1,
+    // Der Elternteil kommt aus einer spaeteren Runde: rueckwaerts gespeichert.
+    // Kein Fehler, aber nichts, was stillschweigend passieren darf.
+    out_of_order: elternteil.round >= ownRound
+  };
+}
+function deriveItemFromRun(input) {
+  const { run, runsOfShot, existingItems, savedAt } = input;
+  if (run.status === "failed") {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "run_failed",
+        message: `Der Lauf ${run.run_id} ist gescheitert (${run.failure ? run.failure.class : "unbekannt"}) und traegt keinen Prompt. Aus einem Fehlerlauf entsteht kein Item.`,
+        run_failure: run.failure
+      }
+    };
+  }
+  if (!run.output || !istText3(run.output.positive)) {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "run_without_output",
+        message: `Der Lauf ${run.run_id} ist als erfolgreich protokolliert, traegt aber keinen positiven Prompt. Das ist ein Datenfehler im Lauf, kein Item.`
+      }
+    };
+  }
+  const round = roundOfRun(run, runsOfShot);
+  if (round === 0) {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "run_not_among_siblings",
+        // Regel 11: Die Meldung nennt die **Bezugsgruppe**, nicht ein Feld,
+        // das bei einem shotlosen Lauf leer ist. „des Shots ''" war keine
+        // Auskunft (P1-B).
+        message: `Der Lauf ${run.run_id} ist unter den ${runsOfShot.length} Laeufen seiner Bezugsgruppe ${groupKeyOf(run)} nicht enthalten. Ohne seinen Platz gaebe es keine Rundennummer.`
+      }
+    };
+  }
+  const item_id = itemIdForRun(run.run_id);
+  const lineage = deriveLineage(item_id, round, existingItems);
+  const negative = istText3(run.output.negative) ? run.output.negative : null;
+  const title = istText3(input.title) ? input.title : istText3(input.shotTitle) ? `${input.shotTitle} \xB7 Runde ${round}` : `Szenen-Lauf ${round}`;
+  return {
+    kind: "ok",
+    value: {
+      item_id,
+      title,
+      content: run.output.positive,
+      negative_prompt: negative,
+      // `feedback` ist Pflicht (D-55) und ist genau die Erlaeuterung fuer den
+      // Menschen — also gehoert sie in das Feld fuer Notizen.
+      notes: istText3(input.notes) ? input.notes : run.output.feedback,
+      rating: typeof input.rating === "number" ? input.rating : 0,
+      fsk_level: istText3(input.fskLevel) ? input.fskLevel : DEFAULT_FSK_LEVEL,
+      tags: [],
+      szenen: {
+        prompt_run_id: run.run_id,
+        shot_version_id: run.shot_version_id,
+        shot_element_id: run.shot_element_id,
+        scene_setup_version_id: run.scene_setup_version_id,
+        camera_id: run.camera_id,
+        target_model_version_id: run.target_model_version_id,
+        provider: run.provider,
+        model_id: run.model_id,
+        run_created_at: run.created_at,
+        round,
+        created_from_draft_id: null,
+        saved_at: savedAt
+      },
+      lineage,
+      // Bestandsformat: `LibraryTab` baut den Baum aus `metadata.relationships`.
+      // Ein Szenen-Item ohne diese Kante waere im Baum unsichtbar.
+      relationships: lineage.parent_item_id ? [{ type: "parent", id: lineage.parent_item_id, role: "source_A" }] : []
+    }
+  };
+}
 
 // src/lib/szenen/seedListe.ts
 var DEFAULT_SEED_VORLAGE = {
@@ -6804,10 +6903,10 @@ async function runSceneDerivation(input, port, userPrompt) {
 }
 
 // src/features/szenen/SzenenView.tsx
-import { useMemo as useMemo4, useState as useState17 } from "react";
+import { useMemo as useMemo5, useState as useState20 } from "react";
 
 // src/features/szenen/areas/ElementsArea.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 
 // src/features/szenen/areas/usePortQuery.ts
 import { useEffect, useRef, useState } from "react";
@@ -6839,7 +6938,7 @@ function usePortQuery(frage, abhaengigkeiten) {
 }
 
 // src/features/szenen/areas/ElementDetail.tsx
-import { useEffect as useEffect6, useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useState as useState11 } from "react";
 
 // src/features/szenen/elementLabels.ts
 var LABELS = {
@@ -8931,13 +9030,57 @@ var VersionNavigator = ({
 };
 
 // src/features/szenen/areas/RunsPanel.tsx
-import { useEffect as useEffect5, useRef as useRef3, useState as useState9 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState10 } from "react";
+
+// src/features/szenen/areas/useLaufTitel.ts
+import { useEffect as useEffect3, useState as useState7 } from "react";
+function useLaufTitel(port, laeufe) {
+  const [titelJeElement, setTitelJeElement] = useState7(
+    () => /* @__PURE__ */ new Map()
+  );
+  const gebraucht = [...new Set(
+    laeufe.map(namingElementOf).filter((id) => id !== null)
+  )].sort();
+  const schluessel = gebraucht.join(",");
+  useEffect3(() => {
+    let abgemeldet = false;
+    const offen = gebraucht.filter((id) => !titelJeElement.has(id));
+    if (offen.length === 0) return void 0;
+    void (async () => {
+      const gelesen = /* @__PURE__ */ new Map();
+      for (const id of offen) {
+        try {
+          const ergebnis = await port.elements.getElement(id);
+          gelesen.set(
+            id,
+            ergebnis.kind === "ok" && ergebnis.value ? ergebnis.value.metadata?.title ?? null : null
+          );
+        } catch {
+          gelesen.set(id, null);
+        }
+      }
+      if (abgemeldet) return;
+      setTitelJeElement((bisher) => new Map([...bisher, ...gelesen]));
+    })();
+    return () => {
+      abgemeldet = true;
+    };
+  }, [port, schluessel]);
+  const jeLauf = /* @__PURE__ */ new Map();
+  for (const lauf of laeufe) {
+    const elementId = namingElementOf(lauf);
+    if (!elementId) continue;
+    const titel = titelJeElement.get(elementId);
+    if (titel) jeLauf.set(lauf.run_id, titel);
+  }
+  return jeLauf;
+}
 
 // src/features/szenen/areas/RunImagesPanel.tsx
-import React7, { useEffect as useEffect4, useRef as useRef2, useState as useState8 } from "react";
+import React7, { useEffect as useEffect5, useRef as useRef2, useState as useState9 } from "react";
 
 // src/features/szenen/areas/Bildbausteine.tsx
-import { useCallback, useEffect as useEffect3, useState as useState7 } from "react";
+import { useCallback, useEffect as useEffect4, useState as useState8 } from "react";
 import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var Kachel = ({
   quelle,
@@ -8958,7 +9101,7 @@ var BildViewer = ({
     if (anzahl === 0) return;
     onWechseln((position + schritt + anzahl) % anzahl);
   }, [anzahl, position, onWechseln]);
-  useEffect3(() => {
+  useEffect4(() => {
     const taste = (e) => {
       if (e.key === "Escape") onSchliessen();
       else if (e.key === "ArrowLeft") blaettern(-1);
@@ -9041,8 +9184,8 @@ var BildViewer = ({
   );
 };
 var BildGalerie = ({ bilder, testId, satzTitel }) => {
-  const [offen, setOffen] = useState7(null);
-  useEffect3(() => {
+  const [offen, setOffen] = useState8(null);
+  useEffect4(() => {
     setOffen((vorher) => vorher !== null && vorher >= bilder.length ? null : vorher);
   }, [bilder.length]);
   if (bilder.length === 0) return null;
@@ -9098,11 +9241,11 @@ var AUFTRAG_TEXT = {
 };
 var RunImagesPanel = ({ port, lauf }) => {
   const faehig = capabilitiesOf(port);
-  const [nachladen, setNachladen] = useState8(0);
+  const [nachladen, setNachladen] = useState9(0);
   const neuLesen = () => setNachladen((n) => n + 1);
-  const [erzeugenOffen, setErzeugenOffen] = useState8(null);
-  const [zuordnenOffen, setZuordnenOffen] = useState8(null);
-  const [chatAuftraegeOffen, setChatAuftraegeOffen] = useState8(null);
+  const [erzeugenOffen, setErzeugenOffen] = useState9(null);
+  const [zuordnenOffen, setZuordnenOffen] = useState9(null);
+  const [chatAuftraegeOffen, setChatAuftraegeOffen] = useState9(null);
   const quelle = sourceOf(lauf);
   const [wahlPhase] = usePortQuery(
     () => port.imageGeneration ? port.imageGeneration.imageModelChoiceForRun(lauf.run_id) : Promise.resolve({ kind: "ok", value: null }),
@@ -9416,12 +9559,12 @@ var BestandsBild = ({ port, mediaRef }) => {
   ] });
 };
 function useBildQuellen(port, bilder) {
-  const [stand, setStand] = useState8(() => ({ quellen: /* @__PURE__ */ new Map(), fehler: /* @__PURE__ */ new Map() }));
+  const [stand, setStand] = useState9(() => ({ quellen: /* @__PURE__ */ new Map(), fehler: /* @__PURE__ */ new Map() }));
   const gehalten = useRef2(/* @__PURE__ */ new Map());
   const gescheitert = useRef2(/* @__PURE__ */ new Map());
-  const [versuch, setVersuch] = useState8(0);
+  const [versuch, setVersuch] = useState9(0);
   const schluessel = bilder.map((b) => `${b.media_ref}|${b.mime_type ?? ""}`).join(" ");
-  useEffect4(() => {
+  useEffect5(() => {
     const bestand = port.imageLibrary;
     if (!bestand) return void 0;
     let abgebrochen = false;
@@ -9586,11 +9729,11 @@ var ProfilBefunde = ({ wahl, runId }) => {
   ] });
 };
 var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
-  const [modellWahl, setModellWahl] = useState8(null);
-  const [anzahlText, setAnzahlText] = useState8("1");
-  const [seitenverhaeltnis, setSeitenverhaeltnis] = useState8("");
-  const [laeuft, setLaeuft] = useState8(false);
-  const [notiz, setNotiz] = useState8(null);
+  const [modellWahl, setModellWahl] = useState9(null);
+  const [anzahlText, setAnzahlText] = useState9("1");
+  const [seitenverhaeltnis, setSeitenverhaeltnis] = useState9("");
+  const [laeuft, setLaeuft] = useState9(false);
+  const [notiz, setNotiz] = useState9(null);
   if (!port.imageGeneration) {
     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." });
   }
@@ -9767,23 +9910,23 @@ var ErzeugenAktion = ({ port, lauf, wahl, wahlFehler, onFertig }) => {
 };
 var DEFAULT_VORLAGE_KEY = "__default__";
 var ZuordnenAktion = ({ port, lauf, onFertig }) => {
-  const [dateien, setDateien] = useState8([]);
-  const [seeds, setSeeds] = useState8({});
-  const [zip, setZip] = useState8(null);
-  const [zipLaedt, setZipLaedt] = useState8(false);
-  const [seedListe, setSeedListe] = useState8("");
-  const [vorlagen, setVorlagen] = useState8([DEFAULT_SEED_VORLAGE]);
-  const [vorlageKey, setVorlageKey] = useState8(DEFAULT_VORLAGE_KEY);
-  const [vorlagenStand, setVorlagenStand] = useState8(0);
-  const [vorlageBenennen, setVorlageBenennen] = useState8(false);
-  const [vorlageName, setVorlageName] = useState8("");
-  const [modell, setModell] = useState8("");
-  const [itemId, setItemId] = useState8("");
-  const [laeuft, setLaeuft] = useState8(false);
-  const [notiz, setNotiz] = useState8(null);
+  const [dateien, setDateien] = useState9([]);
+  const [seeds, setSeeds] = useState9({});
+  const [zip, setZip] = useState9(null);
+  const [zipLaedt, setZipLaedt] = useState9(false);
+  const [seedListe, setSeedListe] = useState9("");
+  const [vorlagen, setVorlagen] = useState9([DEFAULT_SEED_VORLAGE]);
+  const [vorlageKey, setVorlageKey] = useState9(DEFAULT_VORLAGE_KEY);
+  const [vorlagenStand, setVorlagenStand] = useState9(0);
+  const [vorlageBenennen, setVorlageBenennen] = useState9(false);
+  const [vorlageName, setVorlageName] = useState9("");
+  const [modell, setModell] = useState9("");
+  const [itemId, setItemId] = useState9("");
+  const [laeuft, setLaeuft] = useState9(false);
+  const [notiz, setNotiz] = useState9(null);
   const auswahlMarke = useRef2(0);
   const zipAktiv = zip !== null;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!zipAktiv) return;
     let abgebrochen = false;
     void (async () => {
@@ -10243,8 +10386,8 @@ var ChatAuftraegeAktion = ({
   laedt,
   onFertig
 }) => {
-  const [laufend, setLaufend] = useState8(null);
-  const [notiz, setNotiz] = useState8(null);
+  const [laufend, setLaufend] = useState9(null);
+  const [notiz, setNotiz] = useState9(null);
   async function uebernehmen(jobId) {
     if (!port.imageJobs) return;
     setLaufend(jobId);
@@ -10323,10 +10466,10 @@ var ChatAuftraegeAktion = ({
 // src/features/szenen/areas/RunsPanel.tsx
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var RunsPanel = ({ port, source, contextId }) => {
-  const [anweisung, setAnweisung] = useState9("");
-  const [laeuft, setLaeuft] = useState9(false);
-  const [notiz, setNotiz] = useState9(null);
-  const [nachladen, setNachladen] = useState9(0);
+  const [anweisung, setAnweisung] = useState10("");
+  const [laeuft, setLaeuft] = useState10(false);
+  const [notiz, setNotiz] = useState10(null);
+  const [nachladen, setNachladen] = useState10(0);
   const faehig = capabilitiesOf(port);
   const quellSchluessel = source.kind === "published" ? source.shotVersionId : source.kind === "draft_chain" ? source.chainId : source.sceneElementId;
   const aktuelleQuelle = useRef3({ kind: source.kind, id: quellSchluessel });
@@ -10357,10 +10500,11 @@ var RunsPanel = ({ port, source, contextId }) => {
     neuLaden();
   };
   const laeufe = phase.status === "ready" ? phase.value : [];
-  const [gewaehlteRunde, setGewaehlteRunde] = useState9(void 0);
+  const titel = useLaufTitel(port, laeufe);
+  const [gewaehlteRunde, setGewaehlteRunde] = useState10(void 0);
   const neueste = laeufe.length > 0 ? laeufe[laeufe.length - 1].run_id : null;
   const offeneRunde = gewaehlteRunde === void 0 ? neueste : gewaehlteRunde;
-  useEffect5(() => {
+  useEffect6(() => {
     setGewaehlteRunde(void 0);
     setAnweisung("");
     setNotiz(null);
@@ -10395,6 +10539,7 @@ var RunsPanel = ({ port, source, contextId }) => {
         port,
         lauf,
         runde: roundOfRun(lauf, laeufe),
+        titel: titel.get(lauf.run_id) ?? null,
         offen: lauf.run_id === offeneRunde,
         onUmschalten: () => setGewaehlteRunde(
           lauf.run_id === offeneRunde ? null : lauf.run_id
@@ -10419,7 +10564,7 @@ var STATUS_TEXT = {
 };
 var LANGER_TEXT = 240;
 var Sekundaertext = ({ titel, text, testId }) => {
-  const [ganz, setGanz] = useState9(false);
+  const [ganz, setGanz] = useState10(false);
   const lang = text.length > LANGER_TEXT;
   return /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__sekundaer", children: [
     /* @__PURE__ */ jsx9("h5", { children: titel }),
@@ -10438,7 +10583,7 @@ var Sekundaertext = ({ titel, text, testId }) => {
 };
 var LISTE_ANFANG = 3;
 var SekundaerListe = ({ titel, eintraege, testId, className }) => {
-  const [alle, setAlle] = useState9(false);
+  const [alle, setAlle] = useState10(false);
   const lang = eintraege.length > LISTE_ANFANG;
   const gezeigt = lang && !alle ? eintraege.slice(0, LISTE_ANFANG) : eintraege;
   return /* @__PURE__ */ jsxs9("section", { className: "szenen-runs__sekundaer", children: [
@@ -10456,10 +10601,10 @@ var SekundaerListe = ({ titel, eintraege, testId, className }) => {
     )
   ] });
 };
-var RundenEintrag = ({ port, lauf, runde, offen, onUmschalten, itemMoeglich, onItemGespeichert }) => {
-  const [notiz, setNotiz] = useState9(null);
-  const [laeuft, setLaeuft] = useState9(false);
-  const [nachladen, setNachladen] = useState9(0);
+var RundenEintrag = ({ port, lauf, runde, titel, offen, onUmschalten, itemMoeglich, onItemGespeichert }) => {
+  const [notiz, setNotiz] = useState10(null);
+  const [laeuft, setLaeuft] = useState10(false);
+  const [nachladen, setNachladen] = useState10(0);
   const [itemPhase] = usePortQuery(
     () => offen && port.items ? port.items.getItemForRun(lauf.run_id) : Promise.resolve({ kind: "ok", value: null }),
     [port, lauf.run_id, nachladen, offen]
@@ -10487,10 +10632,7 @@ var RundenEintrag = ({ port, lauf, runde, offen, onUmschalten, itemMoeglich, onI
         "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__marke", "data-testid": `titel-${lauf.run_id}`, children: titel ? `${titel} \xB7 Runde ${runde}` : `Runde ${runde}` }),
           /* @__PURE__ */ jsx9(
             "span",
             {
@@ -10614,16 +10756,16 @@ var ElementDetail = ({
   author,
   onChanged
 }) => {
-  const [nachladen, setNachladen] = useState10(0);
+  const [nachladen, setNachladen] = useState11(0);
   const [phase] = usePortQuery(
     () => port.elements.getElement(elementId),
     [port, elementId, nachladen]
   );
-  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 [entwurf, setEntwurf] = useState11({});
+  const [notiz, setNotiz] = useState11(null);
+  const [laeuft, setLaeuft] = useState11(false);
+  const [wahl, setWahl] = useState11(null);
+  const [basiswechsel, setBasiswechsel] = useState11(null);
   const [kettenPhase] = usePortQuery(
     () => port.context.chainFor(contextId),
     [port, contextId]
@@ -10645,7 +10787,7 @@ var ElementDetail = ({
     () => schnappschuss ? fieldsForType(schnappschuss.element.type) : [],
     [schnappschuss?.element.type]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     setWahl(null);
     setBasiswechsel(null);
     setNotiz(null);
@@ -10676,7 +10818,7 @@ var ElementDetail = ({
     return {};
   }, [schnappschuss, angezeigt]);
   const anzeigeSchluessel = angezeigt.kind === "version" ? `v:${angezeigt.versionId}` : angezeigt.kind;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!schnappschuss) return;
     setEntwurf(formFromPayload(felder, angezeigtePayload));
   }, [
@@ -11108,15 +11250,15 @@ var ElementDetail = ({
 };
 
 // src/features/szenen/areas/useSchmalesDisplay.ts
-import { useEffect as useEffect7, useState as useState11 } from "react";
+import { useEffect as useEffect8, useState as useState12 } 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] = useState11(() => messen(abfrage));
-  useEffect7(() => {
+  const [schmal, setSchmal] = useState12(() => messen(abfrage));
+  useEffect8(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const liste = window.matchMedia(abfrage);
     const aktualisieren = () => setSchmal(liste.matches);
@@ -11143,16 +11285,16 @@ var ElementsArea = ({
   const gemischt = auswahlTypen.length > 1;
   const ueberschrift = listTitle ?? (einzelTyp ? elementTypPlural(einzelTyp) : "Bausteine");
   const einzahl = einzelTyp ? elementTypLabel(einzelTyp) : "Objekt";
-  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 [typ, setTyp] = useState13(einzelTyp ?? "");
+  const [zeigeStillgelegte, setZeigeStillgelegte] = useState13(false);
+  const [gewaehlt, setGewaehlt] = useState13(null);
+  const [neuerTitel, setNeuerTitel] = useState13("");
+  const [neuerTyp, setNeuerTyp] = useState13(auswahlTypen[0]);
+  const [notiz, setNotiz] = useState13(null);
+  const [anlegend, setAnlegend] = useState13(false);
+  const [anlageOffen, setAnlageOffen] = useState13(false);
   const schmal = useSchmalesDisplay();
-  const [ansicht, setAnsicht] = useState12("liste");
+  const [ansicht, setAnsicht] = useState13("liste");
   const zeigeListe = !schmal || ansicht === "liste";
   const zeigeDetail = !schmal || ansicht === "detail";
   const waehle = (elementId) => {
@@ -11326,273 +11468,97 @@ var ElementsArea = ({
                   {
                     type: "checkbox",
                     "data-testid": "filter-stillgelegt",
-                    checked: zeigeStillgelegte,
-                    onChange: (e) => setZeigeStillgelegte(e.target.checked)
-                  }
-                ),
-                "stillgelegte Elemente einblenden"
-              ] }),
-              /* @__PURE__ */ jsx11("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
-            ] })
-          ] })
-        ] }),
-        zeigeDetail && /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__detail", "data-testid": "elemente-detail-spalte", children: [
-          schmal && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              className: "szenen-elements__back",
-              "data-testid": "zurueck-zur-liste",
-              onClick: () => setAnsicht("liste"),
-              children: "\u2190 Zur\xFCck zur Liste"
-            }
-          ),
-          gewaehlt ? /* @__PURE__ */ jsx11(
-            ElementDetail,
-            {
-              port,
-              elementId: gewaehlt,
-              contextId,
-              author,
-              onChanged: neuLaden
-            }
-          ) : /* @__PURE__ */ jsx11("p", { className: "szenen-elements__empty-detail", "data-testid": "keine-auswahl", children: "Nichts ausgew\xE4hlt. Ein Eintrag aus der Liste \xF6ffnet die Bearbeitung." })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/features/szenen/areas/SceneArea.tsx
-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 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,
-      contextId,
-      restrictToTypes: ["scene_setup", "camera_preset", "camera_pattern", "style"],
-      allTypesLabel: "alle Bildaufbau-Typen",
-      listTitle: "Bildaufbau"
-    }
-  )
-] });
-
-// src/features/szenen/areas/ShotArea.tsx
-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,
-      contextId,
-      restrictToTypes: ["shot", "shot_concept", "target_model"],
-      allTypesLabel: "alle Prompt-Typen",
-      listTitle: "Prompts"
-    }
-  )
-] });
-
-// src/features/szenen/areas/MediaArea.tsx
-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] = 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]
-  );
-  const [itemPhase] = usePortQuery(
-    () => itemId ? media.listItemMedia(itemId) : Promise.resolve({ kind: "ok", value: [] }),
-    [media, itemId, refresh]
-  );
-  const zuordnen = async () => {
-    if (!versionInput.trim() || !assetId.trim()) {
-      setNotiz({ tone: "error", text: "Version-ID und Asset-ID sind erforderlich." });
-      return;
-    }
-    const parsedPosition = Number(position);
-    if (!Number.isInteger(parsedPosition) || parsedPosition < 0) {
-      setNotiz({ tone: "error", text: `Position muss eine nicht-negative Ganzzahl sein, war ${JSON.stringify(position)}.` });
-      return;
-    }
-    setBusy(true);
-    const result = await media.attachVersionMedium({
-      versionId: versionInput.trim(),
-      assetId: assetId.trim(),
-      role,
-      position: parsedPosition
-    });
-    setNotiz(noticeFor(result, "Referenzmedium zuordnen"));
-    if (result.kind === "ok") {
-      setVersionId(versionInput.trim());
-      setRefresh((value) => value + 1);
-    }
-    setBusy(false);
-  };
-  const entfernen = async (medium) => {
-    setBusy(true);
-    const result = await media.detachVersionMedium({
-      versionId,
-      assetId: medium.assetId,
-      role: medium.role
-    });
-    setNotiz(noticeFor(result, "Referenzmedium entfernen"));
-    if (result.kind === "ok") setRefresh((value) => value + 1);
-    setBusy(false);
-  };
-  const versionMedien = versionPhase.status === "ready" ? versionPhase.value : [];
-  const itemMedien = itemPhase.status === "ready" ? itemPhase.value : [];
-  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__ */ jsx15("input", { value: versionInput, onChange: (event) => setVersionInput(event.target.value) })
-        ] }),
-        /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => setVersionId(versionInput.trim()), children: "Medien laden" })
-      ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "szenen-media__attach", children: [
-        /* @__PURE__ */ jsxs15("label", { children: [
-          "Asset-ID",
-          /* @__PURE__ */ jsx15("input", { value: assetId, onChange: (event) => setAssetId(event.target.value) })
-        ] }),
-        /* @__PURE__ */ jsxs15("label", { children: [
-          "Rolle",
-          /* @__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" })
+                    checked: zeigeStillgelegte,
+                    onChange: (e) => setZeigeStillgelegte(e.target.checked)
+                  }
+                ),
+                "stillgelegte Elemente einblenden"
+              ] }),
+              /* @__PURE__ */ jsx11("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
+            ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs15("label", { children: [
-          "Position",
-          /* @__PURE__ */ jsx15("input", { type: "number", min: "0", value: position, onChange: (event) => setPosition(event.target.value) })
-        ] }),
-        /* @__PURE__ */ jsx15("button", { type: "button", disabled: busy, onClick: zuordnen, children: "zuordnen" })
-      ] }),
-      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__ */ jsxs15("p", { children: [
-        "Version ",
-        versionId,
-        " hat keine Medien."
-      ] }),
-      /* @__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__ */ 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__ */ jsxs15("section", { children: [
-      /* @__PURE__ */ jsx15("h3", { children: "Item-Medien" }),
-      /* @__PURE__ */ jsxs15("div", { className: "szenen-media__lookup", children: [
-        /* @__PURE__ */ jsxs15("label", { children: [
-          "Item-ID",
-          /* @__PURE__ */ jsx15("input", { value: itemInput, onChange: (event) => setItemInput(event.target.value) })
-        ] }),
-        /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => setItemId(itemInput.trim()), children: "Item-Medien laden" })
-      ] }),
-      itemPhase.status === "error" && /* @__PURE__ */ jsxs15("p", { role: "alert", children: [
-        "Item-Medien konnten nicht geladen werden: ",
-        itemPhase.message
-      ] }),
-      /* @__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__ */ jsx15("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" })
-      ] }, `${medium.assetId}:${medium.role}:${medium.position}`)) })
-    ] }),
-    notiz && /* @__PURE__ */ jsx15("p", { role: notiz.tone === "error" ? "alert" : "status", "data-tone": notiz.tone, children: notiz.text })
-  ] });
+        zeigeDetail && /* @__PURE__ */ jsxs11("div", { className: "szenen-elements__detail", "data-testid": "elemente-detail-spalte", children: [
+          schmal && /* @__PURE__ */ jsx11(
+            "button",
+            {
+              type: "button",
+              className: "szenen-elements__back",
+              "data-testid": "zurueck-zur-liste",
+              onClick: () => setAnsicht("liste"),
+              children: "\u2190 Zur\xFCck zur Liste"
+            }
+          ),
+          gewaehlt ? /* @__PURE__ */ jsx11(
+            ElementDetail,
+            {
+              port,
+              elementId: gewaehlt,
+              contextId,
+              author,
+              onChanged: neuLaden
+            }
+          ) : /* @__PURE__ */ jsx11("p", { className: "szenen-elements__empty-detail", "data-testid": "keine-auswahl", children: "Nichts ausgew\xE4hlt. Ein Eintrag aus der Liste \xF6ffnet die Bearbeitung." })
+        ] })
+      ]
+    }
+  );
 };
 
+// src/features/szenen/areas/SceneArea.tsx
+import { useState as useState17 } from "react";
+
 // src/features/szenen/areas/DeriveArea.tsx
-import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef4, useState as useState16 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef4, useState as useState16 } from "react";
 
 // src/features/szenen/areas/RecoveryPanel.tsx
 import { useState as useState14 } from "react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var Diagnosen = ({ befunde, testId }) => {
   if (befunde.length === 0) return null;
-  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: [
+  return /* @__PURE__ */ jsx12("ul", { className: "szenen-diagnose__liste", "data-testid": testId, children: befunde.map((d, i) => /* @__PURE__ */ jsxs12("li", { "data-severity": d.severity, children: [
+    /* @__PURE__ */ jsx12("code", { children: d.code }),
+    d.proposal_type && /* @__PURE__ */ jsxs12(Fragment6, { children: [
       " \xB7 ",
-      /* @__PURE__ */ jsx16("strong", { children: d.proposal_type })
+      /* @__PURE__ */ jsx12("strong", { children: d.proposal_type })
     ] }),
-    d.pointer && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    d.pointer && /* @__PURE__ */ jsxs12(Fragment6, { children: [
       " \xB7 ",
-      /* @__PURE__ */ jsx16("code", { children: d.pointer })
+      /* @__PURE__ */ jsx12("code", { children: d.pointer })
     ] }),
-    typeof d.line === "number" && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    typeof d.line === "number" && /* @__PURE__ */ jsxs12(Fragment6, { children: [
       " \xB7 Zeile ",
       d.line,
       ", Spalte ",
       d.column
     ] }),
-    /* @__PURE__ */ jsx16("div", { children: d.message })
+    /* @__PURE__ */ jsx12("div", { children: d.message })
   ] }, i)) });
 };
-var Ausbeute = ({ bewertung }) => /* @__PURE__ */ jsxs16("div", { className: "szenen-diagnose", "data-testid": "rettung-ergebnis", children: [
-  /* @__PURE__ */ jsxs16("p", { "data-testid": "rettung-status", children: [
+var Ausbeute = ({ bewertung }) => /* @__PURE__ */ jsxs12("div", { className: "szenen-diagnose", "data-testid": "rettung-ergebnis", children: [
+  /* @__PURE__ */ jsxs12("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__ */ 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 }),
+  bewertung.proposals.length > 0 && /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    /* @__PURE__ */ jsx12("h5", { children: "Verwertbar" }),
+    /* @__PURE__ */ jsx12("ul", { "data-testid": "rettung-verwertbar", children: bewertung.proposals.map((p) => /* @__PURE__ */ jsxs12("li", { "data-testid": `rettung-verwertbar-${p.type}`, children: [
+      /* @__PURE__ */ jsx12("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__ */ jsx16("ul", { children: p.gaps.map((l, i) => /* @__PURE__ */ jsxs16("li", { children: [
-        /* @__PURE__ */ jsx16("code", { children: l.pointer }),
+      p.status === "partial" && p.gaps && p.gaps.length > 0 && /* @__PURE__ */ jsx12("ul", { children: p.gaps.map((l, i) => /* @__PURE__ */ jsxs12("li", { children: [
+        /* @__PURE__ */ jsx12("code", { children: l.pointer }),
         ": ",
         l.reason
       ] }, i)) })
     ] }, p.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}` })
+  bewertung.rejected.length > 0 && /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    /* @__PURE__ */ jsx12("h5", { children: "Nicht verwertbar" }),
+    /* @__PURE__ */ jsx12("ul", { "data-testid": "rettung-abgelehnt", children: bewertung.rejected.map((r) => /* @__PURE__ */ jsxs12("li", { "data-testid": `rettung-abgelehnt-${r.type}`, children: [
+      /* @__PURE__ */ jsx12("strong", { children: r.type }),
+      /* @__PURE__ */ jsx12(Diagnosen, { befunde: r.diagnostics, testId: `rettung-grund-${r.type}` })
     ] }, r.type)) })
   ] })
 ] });
@@ -11637,16 +11603,16 @@ var RecoveryPanel = ({ port, lauf }) => {
       setLaeuft(false);
     }
   }
-  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: [
+  return /* @__PURE__ */ jsxs12("section", { className: "szenen-rettung", "data-testid": "rettung", children: [
+    /* @__PURE__ */ jsx12("h4", { children: "Antwort retten" }),
+    /* @__PURE__ */ jsxs12("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__ */ jsx16("strong", { children: "ohne" }),
+      /* @__PURE__ */ jsx12("strong", { children: "ohne" }),
       " einen weiteren Modellaufruf. Das Original bleibt unver\xE4ndert."
     ] }),
-    /* @__PURE__ */ jsxs16("label", { className: "szenen-field", children: [
-      /* @__PURE__ */ jsx16("span", { children: "Original der Modellantwort (unver\xE4nderlich)" }),
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs12("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsx12("span", { children: "Original der Modellantwort (unver\xE4nderlich)" }),
+      /* @__PURE__ */ jsx12(
         "textarea",
         {
           readOnly: true,
@@ -11657,12 +11623,12 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs16("label", { className: "szenen-field", children: [
-      /* @__PURE__ */ jsxs16("span", { children: [
+    /* @__PURE__ */ jsxs12("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsxs12("span", { children: [
         "Arbeitskopie",
         bearbeitet ? " (bearbeitet)" : ""
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx12(
         "textarea",
         {
           rows: 8,
@@ -11672,8 +11638,8 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "szenen-rettung__aktionen", children: [
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs12("div", { className: "szenen-rettung__aktionen", children: [
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -11683,7 +11649,7 @@ var RecoveryPanel = ({ port, lauf }) => {
           children: "Arbeitskopie pr\xFCfen (kein Modellaufruf)"
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -11693,7 +11659,7 @@ var RecoveryPanel = ({ port, lauf }) => {
           children: "Arbeitsfassung speichern"
         }
       ),
-      arbeitskopie !== null && /* @__PURE__ */ jsx16(
+      arbeitskopie !== null && /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -11708,15 +11674,15 @@ var RecoveryPanel = ({ port, lauf }) => {
         }
       )
     ] }),
-    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" })
+    meldung && /* @__PURE__ */ jsx12("p", { className: "szenen-error", role: "alert", "data-testid": "rettung-meldung", children: meldung }),
+    bewertung && /* @__PURE__ */ jsx12(Ausbeute, { bewertung }),
+    bewertung && bewertung.diagnostics.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "szenen-diagnose", children: [
+      /* @__PURE__ */ jsx12("h5", { children: "Befunde an dieser Fassung" }),
+      /* @__PURE__ */ jsx12(Diagnosen, { befunde: bewertung.diagnostics, testId: "rettung-befunde" })
     ] }),
-    gesichert && /* @__PURE__ */ jsxs16("p", { "data-testid": "rettung-gesichert", children: [
+    gesichert && /* @__PURE__ */ jsxs12("p", { "data-testid": "rettung-gesichert", children: [
       "Gespeichert als Arbeitsfassung ",
-      /* @__PURE__ */ jsx16("code", { children: gesichert.recovery_id }),
+      /* @__PURE__ */ jsx12("code", { children: gesichert.recovery_id }),
       gesichert.edited ? " (bearbeitet)" : " (unver\xE4ndert)",
       ". Das Original des Laufs ist davon unber\xFChrt."
     ] })
@@ -11725,7 +11691,7 @@ var RecoveryPanel = ({ port, lauf }) => {
 
 // src/features/szenen/areas/ChainActions.tsx
 import { useState as useState15 } from "react";
-import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var ChainActions = ({ port, runId, recoveryId }) => {
   const [graph, setGraph] = useState15(null);
   const [meldung, setMeldung] = useState15(null);
@@ -11751,14 +11717,14 @@ var ChainActions = ({ port, runId, recoveryId }) => {
       setLaeuft(false);
     }
   }
-  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: [
+  return /* @__PURE__ */ jsxs13("section", { className: "szenen-kette", "data-testid": "kette", children: [
+    /* @__PURE__ */ jsx13("h4", { children: "Draft-Kette" }),
+    /* @__PURE__ */ jsxs13("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__ */ jsx17("strong", { children: "ohne" }),
+      /* @__PURE__ */ jsx13("strong", { children: "ohne" }),
       " vorher etwas zu ver\xF6ffentlichen."
     ] }),
-    !graph && /* @__PURE__ */ jsx17(
+    !graph && /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -11768,34 +11734,34 @@ var ChainActions = ({ port, runId, recoveryId }) => {
         children: "Als Draft-Kette \xFCbernehmen"
       }
     ),
-    graph && /* @__PURE__ */ jsxs17("div", { "data-testid": "kette-ergebnis", children: [
-      /* @__PURE__ */ jsxs17("p", { children: [
+    graph && /* @__PURE__ */ jsxs13("div", { "data-testid": "kette-ergebnis", children: [
+      /* @__PURE__ */ jsxs13("p", { children: [
         "Kette ",
-        /* @__PURE__ */ jsx17("code", { children: graph.chainId }),
+        /* @__PURE__ */ jsx13("code", { children: graph.chainId }),
         " angelegt. Kein Knoten ist ver\xF6ffentlicht."
       ] }),
-      /* @__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 }),
+      /* @__PURE__ */ jsx13("ul", { "data-testid": "kette-knoten", children: graph.created.map((k) => /* @__PURE__ */ jsxs13("li", { "data-testid": `kette-knoten-${k.type}`, children: [
+        /* @__PURE__ */ jsx13("strong", { children: k.type }),
         " \u2014 Element ",
-        /* @__PURE__ */ jsx17("code", { children: k.elementId }),
+        /* @__PURE__ */ jsx13("code", { children: k.elementId }),
         ", Entwurf ",
-        /* @__PURE__ */ jsx17("code", { children: k.draftId }),
+        /* @__PURE__ */ jsx13("code", { children: k.draftId }),
         " (Revision ",
         k.revision,
         ")"
       ] }, k.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 }),
+      graph.missing.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "szenen-diagnose", "data-testid": "kette-fehlend", children: [
+        /* @__PURE__ */ jsx13("h5", { children: "Unvollst\xE4ndig erzeugt" }),
+        /* @__PURE__ */ jsx13("ul", { children: graph.missing.map((m) => /* @__PURE__ */ jsxs13("li", { children: [
+          /* @__PURE__ */ jsx13("strong", { children: m.type }),
           ": ",
           m.reason
         ] }, m.type)) })
       ] })
     ] }),
-    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(
+    shotKnoten && /* @__PURE__ */ jsxs13(Fragment7, { children: [
+      /* @__PURE__ */ jsx13("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__ */ jsx13(
         PromptStartAction,
         {
           port,
@@ -11803,12 +11769,12 @@ var ChainActions = ({ port, runId, recoveryId }) => {
         }
       )
     ] }),
-    meldung && /* @__PURE__ */ jsx17("p", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: meldung })
+    meldung && /* @__PURE__ */ jsx13("p", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: meldung })
   ] });
 };
 
 // src/features/szenen/areas/DeriveArea.tsx
-import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var MODUS_TEXT = {
   prompt: "Nur Prompt",
   image: "Nur Bild",
@@ -11826,15 +11792,15 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
       setKopiert(false);
     }
   }
-  return /* @__PURE__ */ jsxs18("details", { open: offen, "data-testid": `belege-${testId}`, children: [
-    /* @__PURE__ */ jsxs18("summary", { children: [
+  return /* @__PURE__ */ jsxs14("details", { open: offen, "data-testid": `belege-${testId}`, children: [
+    /* @__PURE__ */ jsxs14("summary", { children: [
       titel,
       " (",
       text.length,
       " Zeichen)"
     ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "szenen-beleg__kopf", children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs14("div", { className: "szenen-beleg__kopf", children: [
+      /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
@@ -11843,9 +11809,9 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
           children: "Kopieren"
         }
       ),
-      kopiert && /* @__PURE__ */ jsx18("span", { "data-testid": `kopiert-${testId}`, children: "Kopiert." })
+      kopiert && /* @__PURE__ */ jsx14("span", { "data-testid": `kopiert-${testId}`, children: "Kopiert." })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx14(
       "textarea",
       {
         ref: feld,
@@ -11859,8 +11825,8 @@ var BelegFeld = ({ titel, text, testId, offen }) => {
     )
   ] });
 };
-var Belege = ({ lauf }) => /* @__PURE__ */ jsxs18("div", { className: "szenen-diagnose", "data-testid": "belege", children: [
-  lauf.raw_output ? /* @__PURE__ */ jsx18(
+var Belege = ({ lauf }) => /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose", "data-testid": "belege", children: [
+  lauf.raw_output ? /* @__PURE__ */ jsx14(
     BelegFeld,
     {
       titel: "Rohantwort des Modells",
@@ -11871,9 +11837,9 @@ var Belege = ({ lauf }) => /* @__PURE__ */ jsxs18("div", { className: "szenen-di
   ) : (
     /* Kein Text ist auch eine Auskunft: Der Provider hat nichts geliefert,
        das Modell hat also nicht „falsch geantwortet". */
-    /* @__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__ */ jsx14("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(
+  /* @__PURE__ */ jsx14(
     BelegFeld,
     {
       titel: "Systemprompt dieses Laufs",
@@ -11885,18 +11851,18 @@ var Belege = ({ lauf }) => /* @__PURE__ */ jsxs18("div", { className: "szenen-di
 ] });
 var Herkunft = ({ lauf }) => {
   if (!lauf.follows) return null;
-  return /* @__PURE__ */ jsxs18("p", { className: "szenen-run__herkunft", "data-testid": "folgt-auf", children: [
+  return /* @__PURE__ */ jsxs14("p", { className: "szenen-run__herkunft", "data-testid": "folgt-auf", children: [
     "Folgt auf Lauf ",
-    /* @__PURE__ */ jsx18("code", { children: lauf.follows.run_id }),
+    /* @__PURE__ */ jsx14("code", { children: lauf.follows.run_id }),
     ".",
     lauf.status === "succeeded" && " Im Folgelauf gelungen."
   ] });
 };
 var Widerspruch = ({ lauf }) => {
   if (!lauf.reply) return null;
-  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 })
+  return /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose szenen-diagnose--antwort", "data-testid": "modell-antwort", children: [
+    /* @__PURE__ */ jsx14("h4", { children: "Das Modell antwortet auf die Beanstandung" }),
+    /* @__PURE__ */ jsx14("p", { children: lauf.reply })
   ] });
 };
 function readAsBase642(datei) {
@@ -11915,7 +11881,7 @@ var ERSTE_KACHELN = 12;
 function useSichtbareKacheln(alle, wurzel) {
   const [gesehen, setGesehen] = useState16([]);
   const schluessel = alle.join(" ");
-  useEffect8(() => {
+  useEffect9(() => {
     const ziel = wurzel.current;
     if (!ziel || typeof IntersectionObserver === "undefined") return void 0;
     const beobachter = new IntersectionObserver((eintraege) => {
@@ -11937,7 +11903,7 @@ function useVorschauen(port, mediaRefs) {
   const gehalten = useRef4(/* @__PURE__ */ new Map());
   const ohneBild = useRef4(/* @__PURE__ */ new Set());
   const schluessel = mediaRefs.join(" ");
-  useEffect8(() => {
+  useEffect9(() => {
     const bestand = port.imageLibrary;
     if (!bestand?.loadPreview) return void 0;
     const refs = schluessel ? schluessel.split(" ") : [];
@@ -12003,10 +11969,10 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
     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(
+  return /* @__PURE__ */ jsxs14("div", { className: "szenen-bildwahl", "data-testid": "bildwahl", children: [
+    /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+      /* @__PURE__ */ jsx14("span", { children: "Bild aus dem Bestand" }),
+      /* @__PURE__ */ jsx14(
         "input",
         {
           type: "search",
@@ -12020,23 +11986,23 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
         }
       )
     ] }),
-    items.status === "loading" && /* @__PURE__ */ jsx18("p", { children: "Bilder werden geladen \u2026" }),
-    items.status === "error" && /* @__PURE__ */ jsxs18("p", { className: "szenen-error", role: "alert", children: [
+    items.status === "loading" && /* @__PURE__ */ jsx14("p", { children: "Bilder werden geladen \u2026" }),
+    items.status === "error" && /* @__PURE__ */ jsxs14("p", { className: "szenen-error", role: "alert", children: [
       "Der Bildbestand ist nicht lesbar: ",
       items.message
     ] }),
-    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(
+    items.status === "ready" && werke.length === 0 && /* @__PURE__ */ jsx14("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__ */ jsx14(
       "div",
       {
         className: "szenen-bildwahl__browser",
         ref: browser,
         "data-testid": "bildwahl-werke",
-        children: /* @__PURE__ */ jsx18("ul", { className: "szenen-bildwahl__raster", children: werke.map((item) => {
+        children: /* @__PURE__ */ jsx14("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(
+          return /* @__PURE__ */ jsx14("li", { "data-media-ref": deckbild.mediaRef, children: /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
@@ -12046,7 +12012,7 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
               "data-testid": `item-waehlen-${item.itemRef}`,
               title: item.title,
               children: [
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx14(
                   Kachel,
                   {
                     quelle: quelleVon(deckbild),
@@ -12054,7 +12020,7 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
                     ...gescheitert.has(deckbild.mediaRef) ? { leerText: "Vorschau fehlt" } : {}
                   }
                 ),
-                item.images.length > 1 && /* @__PURE__ */ jsxs18(
+                item.images.length > 1 && /* @__PURE__ */ jsxs14(
                   "span",
                   {
                     className: "szenen-bildwahl__anzahl",
@@ -12065,22 +12031,22 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx18("span", { className: "szenen-bildwahl__kacheltitel", children: item.title })
+                /* @__PURE__ */ jsx14("span", { className: "szenen-bildwahl__kacheltitel", children: item.title })
               ]
             }
           ) }, item.itemRef);
         }) })
       }
     ),
-    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 && /* @__PURE__ */ jsxs14("section", { className: "szenen-bildwahl__inspector", "data-testid": "bildwahl-galerie", children: [
+      /* @__PURE__ */ jsxs14("header", { className: "szenen-bildwahl__inspektorkopf", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "szenen-bildwahl__werktitel", "data-testid": "bildwahl-werktitel", children: [
           werk.title,
           " \xB7 ",
           werk.images.length,
           " Bilder"
         ] }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -12091,7 +12057,7 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx18("ul", { className: "szenen-bildwahl__streifen", children: werk.images.map((bild, position) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsx14("ul", { className: "szenen-bildwahl__streifen", children: werk.images.map((bild, position) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -12101,7 +12067,7 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
           "data-testid": `bild-waehlen-${bild.mediaRef}`,
           title: bild.title,
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx14(
               Kachel,
               {
                 quelle: quelleVon(bild),
@@ -12109,7 +12075,7 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
                 ...gescheitert.has(bild.mediaRef) ? { leerText: "Vorschau fehlt" } : {}
               }
             ),
-            /* @__PURE__ */ jsxs18("span", { className: "szenen-bildwahl__nummer", children: [
+            /* @__PURE__ */ jsxs14("span", { className: "szenen-bildwahl__nummer", children: [
               "#",
               position + 1
             ] })
@@ -12117,10 +12083,10 @@ var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
         }
       ) }, 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(
+    gewaehlt.length > 0 && /* @__PURE__ */ jsx14("ul", { className: "szenen-bildwahl__gewaehlt", "data-testid": "bilder-gewaehlt", children: gewaehlt.map((bild) => /* @__PURE__ */ jsxs14("li", { children: [
+      /* @__PURE__ */ jsx14(Kachel, { quelle: quelleVon(bild), alt: bild.title }),
+      /* @__PURE__ */ jsx14("span", { className: "szenen-bildwahl__kacheltitel", children: bild.title }),
+      /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
@@ -12156,6 +12122,15 @@ var DeriveArea = ({ port, contextId }) => {
     () => port.derivation.listPolicies(contextId),
     [port, contextId]
   );
+  const sortiert = useMemo3(() => regeln.status === "ready" ? [...regeln.value].sort((a, b) => {
+    const szeneZuerst = Number(b.produces.includes("scene")) - Number(a.produces.includes("scene"));
+    return szeneZuerst !== 0 ? szeneZuerst : a.title.localeCompare(b.title, "de");
+  }) : [], [regeln]);
+  useEffect9(() => {
+    if (policyVersionId) return;
+    const fuerSzene = sortiert.find((r) => r.produces.includes("scene"));
+    if (fuerSzene) setPolicyVersionId(fuerSzene.versionId);
+  }, [sortiert, policyVersionId]);
   const gewaehlt = regeln.status === "ready" ? regeln.value.find((r) => r.versionId === policyVersionId) ?? null : null;
   async function starten(folgt) {
     if (!gewaehlt) {
@@ -12230,12 +12205,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__ */ 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(
+    return /* @__PURE__ */ jsxs14("div", { className: "szenen-folgelauf", "data-testid": "folgelauf", children: [
+      /* @__PURE__ */ jsx14("h4", { children: "Korrektur- oder Erg\xE4nzungslauf" }),
+      /* @__PURE__ */ jsx14("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__ */ jsxs14("label", { className: "szenen-field", children: [
+        /* @__PURE__ */ jsx14("span", { children: "Beanstandung" }),
+        /* @__PURE__ */ jsx14(
           "textarea",
           {
             rows: 4,
@@ -12245,9 +12220,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-        /* @__PURE__ */ jsx18("span", { children: "Zus\xE4tzliche Anweisung (optional)" }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+        /* @__PURE__ */ jsx14("span", { children: "Zus\xE4tzliche Anweisung (optional)" }),
+        /* @__PURE__ */ jsx14(
           "textarea",
           {
             rows: 2,
@@ -12258,8 +12233,8 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           }
         )
       ] }),
-      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(
+      bilderFehlen && /* @__PURE__ */ jsx14("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__ */ jsx14(
         "button",
         {
           type: "button",
@@ -12299,19 +12274,19 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
       setMeldung(ergebnis.message);
     }
   }
-  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: [
+  return /* @__PURE__ */ jsxs14("div", { className: "szenen-derive", "data-testid": "bereich-rekonstruktion", children: [
+    /* @__PURE__ */ jsx14("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__ */ jsx14("p", { children: "Regeln werden geladen \u2026" }),
+    regeln.status === "error" && /* @__PURE__ */ jsxs14("p", { className: "szenen-error", role: "alert", children: [
       "Die Regeln konnten nicht gelesen werden: ",
       regeln.message
     ] }),
-    regeln.status === "ready" && regeln.value.length === 0 && /* @__PURE__ */ jsxs18("p", { className: "szenen-empty", children: [
+    regeln.status === "ready" && regeln.value.length === 0 && /* @__PURE__ */ jsxs14("p", { className: "szenen-empty", children: [
       "In diesem Kontext ist keine Rekonstruktionsregel (",
-      /* @__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.'
+      /* @__PURE__ */ jsx14("code", { children: "scene_derivation_policy" }),
+      ') ver\xF6ffentlicht. Ohne sie ist kein Lauf reproduzierbar \u2014 legen Sie eine unter \u201EErweitert" 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__ */ jsxs18(
+    regeln.status === "ready" && regeln.value.length > 0 && /* @__PURE__ */ jsxs14(
       "form",
       {
         className: "szenen-form",
@@ -12320,17 +12295,17 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           void starten();
         },
         children: [
-          /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Regel" }),
-            /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx14("span", { children: "Regel" }),
+            /* @__PURE__ */ jsxs14(
               "select",
               {
                 value: policyVersionId,
                 onChange: (e) => setPolicyVersionId(e.target.value),
                 "data-testid": "regel-auswahl",
                 children: [
-                  /* @__PURE__ */ jsx18("option", { value: "", children: "\u2014 bitte w\xE4hlen \u2014" }),
-                  regeln.value.map((regel) => /* @__PURE__ */ jsxs18("option", { value: regel.versionId, children: [
+                  /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014 bitte w\xE4hlen \u2014" }),
+                  sortiert.map((regel) => /* @__PURE__ */ jsxs14("option", { value: regel.versionId, children: [
                     regel.title,
                     " (",
                     regel.produces.join(", "),
@@ -12340,21 +12315,21 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Eingang" }),
-            /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx14("span", { children: "Eingang" }),
+            /* @__PURE__ */ jsx14(
               "select",
               {
                 value: modus,
                 onChange: (e) => setModus(e.target.value),
                 "data-testid": "modus-auswahl",
-                children: (gewaehlt ? gewaehlt.inputModes : ["prompt", "image", "image_prompt"]).map((m) => /* @__PURE__ */ jsx18("option", { value: m, children: MODUS_TEXT[m] }, m))
+                children: (gewaehlt ? gewaehlt.inputModes : ["prompt", "image", "image_prompt"]).map((m) => /* @__PURE__ */ jsx14("option", { value: m, children: MODUS_TEXT[m] }, m))
               }
             )
           ] }),
-          modus !== "image" && /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Referenzprompt" }),
-            /* @__PURE__ */ jsx18(
+          modus !== "image" && /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+            /* @__PURE__ */ jsx14("span", { children: "Referenzprompt" }),
+            /* @__PURE__ */ jsx14(
               "textarea",
               {
                 value: promptText,
@@ -12364,8 +12339,8 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
               }
             )
           ] }),
-          modus !== "prompt" && /* @__PURE__ */ jsxs18(Fragment8, { children: [
-            port.imageLibrary && /* @__PURE__ */ jsx18(
+          modus !== "prompt" && /* @__PURE__ */ jsxs14(Fragment8, { children: [
+            port.imageLibrary && /* @__PURE__ */ jsx14(
               BildWaehler,
               {
                 port,
@@ -12374,9 +12349,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                 onEntfernen: (ref) => setBestandsbilder((v) => v.filter((b) => b.mediaRef !== ref))
               }
             ),
-            /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-              /* @__PURE__ */ jsx18("span", { children: port.imageLibrary ? "Oder hochladen" : "Referenzbild" }),
-              /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+              /* @__PURE__ */ jsx14("span", { children: port.imageLibrary ? "Oder hochladen" : "Referenzbild" }),
+              /* @__PURE__ */ jsx14(
                 "input",
                 {
                   type: "file",
@@ -12386,40 +12361,40 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                   "data-testid": "bild-eingabe"
                 }
               ),
-              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." })
+              port.imageLibrary && /* @__PURE__ */ jsx14("small", { "data-testid": "upload-hinweis", children: "Hochgeladene Bilder werden im Bestand abgelegt \u2014 nur so ist sp\xE4ter ein Folgelauf damit m\xF6glich." })
             ] })
           ] }),
-          /* @__PURE__ */ jsx18("button", { type: "submit", disabled: !gewaehlt || laeuft, "data-testid": "lauf-starten", children: laeuft ? "Rekonstruiert \u2026" : "Rekonstruieren" })
+          /* @__PURE__ */ jsx14("button", { type: "submit", disabled: !gewaehlt || laeuft, "data-testid": "lauf-starten", children: laeuft ? "Rekonstruiert \u2026" : "Rekonstruieren" })
         ]
       }
     ),
-    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 }),
+    meldung && /* @__PURE__ */ jsx14("p", { className: "szenen-error", role: "alert", "data-testid": "derive-meldung", children: meldung }),
+    lauf && lauf.status === "failed" && /* @__PURE__ */ jsxs14("section", { className: "szenen-run szenen-run--failed", "data-testid": "lauf-fehler", children: [
+      /* @__PURE__ */ jsx14("h3", { children: "Der Lauf ist gescheitert" }),
+      /* @__PURE__ */ jsxs14("p", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: lauf.failure?.class }),
         " \u2014 ",
         lauf.failure?.message
       ] }),
-      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" })
+      lauf.failure?.diagnostics && lauf.failure.diagnostics.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose", "data-testid": "lauf-diagnosen", children: [
+        /* @__PURE__ */ jsx14("h4", { children: "Befunde" }),
+        /* @__PURE__ */ jsx14(Diagnosen, { befunde: lauf.failure.diagnostics, testId: "lauf-befunde" })
       ] }),
-      /* @__PURE__ */ jsx18(Herkunft, { lauf }),
-      /* @__PURE__ */ jsx18(Widerspruch, { lauf }),
-      /* @__PURE__ */ jsx18(Belege, { lauf }),
-      /* @__PURE__ */ jsx18(RecoveryPanel, { port, lauf }),
+      /* @__PURE__ */ jsx14(Herkunft, { lauf }),
+      /* @__PURE__ */ jsx14(Widerspruch, { lauf }),
+      /* @__PURE__ */ jsx14(Belege, { lauf }),
+      /* @__PURE__ */ jsx14(RecoveryPanel, { port, lauf }),
       folgeblock(lauf)
     ] }),
-    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 }),
+    lauf && lauf.status === "succeeded" && /* @__PURE__ */ jsxs14("section", { className: "szenen-run", "data-testid": "lauf-ergebnis", children: [
+      /* @__PURE__ */ jsx14("h3", { children: "Vorschlag" }),
+      /* @__PURE__ */ jsx14(Herkunft, { lauf }),
+      /* @__PURE__ */ jsx14(Widerspruch, { lauf }),
+      /* @__PURE__ */ jsx14("p", { className: "szenen-run__feedback", children: lauf.feedback }),
+      lauf.conflicts.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose szenen-diagnose--konflikt", "data-testid": "konflikte", children: [
+        /* @__PURE__ */ jsx14("h4", { children: "Widerspr\xFCche zwischen Bild und Prompt" }),
+        /* @__PURE__ */ jsx14("ul", { children: lauf.conflicts.map((k, i) => /* @__PURE__ */ jsxs14("li", { children: [
+          /* @__PURE__ */ jsx14("code", { children: k.field }),
           ": Bild sagt \u201E",
           k.from_image,
           '", Prompt sagt \u201E',
@@ -12427,31 +12402,31 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           '". Nichts davon wurde \xFCbernommen.'
         ] }, i)) })
       ] }),
-      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 }),
+      lauf.not_derivable.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose", "data-testid": "nicht-ableitbar", children: [
+        /* @__PURE__ */ jsx14("h4", { children: "Nicht ableitbar" }),
+        /* @__PURE__ */ jsx14("ul", { children: lauf.not_derivable.map((n, i) => /* @__PURE__ */ jsxs14("li", { children: [
+          /* @__PURE__ */ jsx14("code", { children: n.field }),
           ": ",
           n.reason
         ] }, 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.assumptions.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "szenen-diagnose", "data-testid": "annahmen", children: [
+        /* @__PURE__ */ jsx14("h4", { children: "Erschlossen, nicht belegt" }),
+        /* @__PURE__ */ jsx14("ul", { children: lauf.assumptions.map((a, i) => /* @__PURE__ */ jsx14("li", { children: a }, i)) })
       ] }),
       lauf.proposals.map((vorschlag) => {
         const bezug = REFERENCE_FIELD[vorschlag.type];
         const fertig = uebernommen[vorschlag.type];
-        return /* @__PURE__ */ jsxs18(
+        return /* @__PURE__ */ jsxs14(
           "article",
           {
             className: "szenen-proposal",
             "data-testid": `vorschlag-${vorschlag.type}`,
             children: [
-              /* @__PURE__ */ jsx18("h4", { children: vorschlag.type }),
-              !fertig && /* @__PURE__ */ jsxs18("label", { className: "szenen-field", children: [
-                /* @__PURE__ */ jsx18("span", { children: "Titel" }),
-                /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx14("h4", { children: vorschlag.type }),
+              !fertig && /* @__PURE__ */ jsxs14("label", { className: "szenen-field", children: [
+                /* @__PURE__ */ jsx14("span", { children: "Titel" }),
+                /* @__PURE__ */ jsx14(
                   "input",
                   {
                     type: "text",
@@ -12465,9 +12440,9 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx18("pre", { className: "szenen-proposal__payload", children: JSON.stringify(vorschlag.payload, null, 2) }),
-              bezug && !fertig && /* @__PURE__ */ jsxs18(Fragment8, { children: [
-                /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx14("pre", { className: "szenen-proposal__payload", children: JSON.stringify(vorschlag.payload, null, 2) }),
+              bezug && !fertig && /* @__PURE__ */ jsxs14(Fragment8, { children: [
+                /* @__PURE__ */ jsx14(
                   ReferencePicker,
                   {
                     port,
@@ -12481,30 +12456,30 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
                     }))
                   }
                 ),
-                referenzen[vorschlag.type] ? /* @__PURE__ */ jsxs18("p", { "data-testid": `referenz-gewaehlt-${vorschlag.type}`, children: [
+                referenzen[vorschlag.type] ? /* @__PURE__ */ jsxs14("p", { "data-testid": `referenz-gewaehlt-${vorschlag.type}`, children: [
                   "Zeigt auf Version ",
-                  /* @__PURE__ */ jsx18("code", { children: referenzen[vorschlag.type] }),
+                  /* @__PURE__ */ jsx14("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__ */ jsxs18("p", { "data-testid": `referenz-fehlt-${vorschlag.type}`, children: [
+                  /* @__PURE__ */ jsxs14("p", { "data-testid": `referenz-fehlt-${vorschlag.type}`, children: [
                     "Diese ",
-                    /* @__PURE__ */ jsx18("strong", { children: "Einzel\xFCbernahme" }),
+                    /* @__PURE__ */ jsx14("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__ */ jsx18("strong", { children: "Draft-Kette" }),
+                    /* @__PURE__ */ jsx14("strong", { children: "Draft-Kette" }),
                     ": Dort entstehen Szene, Aufbau und Shot zusammenh\xE4ngend, und es muss nichts ver\xF6ffentlicht werden."
                   ] })
                 )
               ] }),
-              fertig ? /* @__PURE__ */ jsxs18("p", { className: "szenen-proposal__done", children: [
+              fertig ? /* @__PURE__ */ jsxs14("p", { className: "szenen-proposal__done", children: [
                 "Als Entwurf \xFCbernommen: ",
-                /* @__PURE__ */ jsx18("code", { children: fertig }),
+                /* @__PURE__ */ jsx14("code", { children: fertig }),
                 ". Er ist noch nicht ver\xF6ffentlicht."
-              ] }) : /* @__PURE__ */ jsx18(
+              ] }) : /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -12519,13 +12494,337 @@ ${teile.map((t) => `- ${t}`).join("\n")}`;
           vorschlag.type
         );
       }),
-      /* @__PURE__ */ jsx18(ChainActions, { port, runId: lauf.run_id }),
-      /* @__PURE__ */ jsx18(Belege, { lauf }),
+      /* @__PURE__ */ jsx14(ChainActions, { port, runId: lauf.run_id }),
+      /* @__PURE__ */ jsx14(Belege, { lauf }),
       folgeblock(lauf)
     ] })
   ] });
 };
 
+// src/features/szenen/areas/SceneArea.tsx
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var SceneArea = ({ port, contextId }) => {
+  const kannAbleiten = capabilitiesOf(port).derivation;
+  const [ableiten, setAbleiten] = useState17(false);
+  const zeigeDerive = kannAbleiten && ableiten;
+  return /* @__PURE__ */ jsxs15("div", { className: "szenen-scene", "data-testid": "bereich-szene", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "szenen-elements__toolbar", children: [
+      /* @__PURE__ */ jsx15("p", { className: "szenen-area__lead", children: "Szenen dieses Kontexts. Auswahl \xF6ffnet die Bearbeitung der Nodes und Beziehungen und startet Prompt-L\xE4ufe." }),
+      kannAbleiten && /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          className: "szenen-elements__new",
+          "data-testid": "neu-aus-bild-text",
+          "aria-expanded": ableiten,
+          onClick: () => setAbleiten((offen) => !offen),
+          children: ableiten ? "Zur\xFCck zu den Szenen" : "+ Neu aus Bild/Text"
+        }
+      )
+    ] }),
+    !kannAbleiten && /* @__PURE__ */ jsx15("p", { className: "szenen-view__capability-note", "data-testid": "hinweis-keine-rekonstruktion", children: "Aus Bild oder Text l\xE4sst sich in diesem Host keine Szene ableiten." }),
+    zeigeDerive ? /* @__PURE__ */ jsx15(DeriveArea, { port, contextId }) : /* @__PURE__ */ jsx15(ElementsArea, { port, contextId, restrictToTypes: ["scene"] })
+  ] });
+};
+
+// src/features/szenen/areas/AdvancedArea.tsx
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var AdvancedArea = ({ port, contextId }) => /* @__PURE__ */ jsxs16("div", { className: "szenen-erweitert", "data-testid": "bereich-erweitert", children: [
+  /* @__PURE__ */ jsx16("p", { className: "szenen-area__lead", children: "Optionale Pr\xE4zisierung: Bildaufbau und Shot, Kameras und Stile der Aufnahme, Zielmodelle, Rekonstruktionsregeln und Sequenzen. F\xFCr den normalen Weg von der Szene zum Bild wird hier nichts gebraucht." }),
+  /* @__PURE__ */ jsx16(
+    ElementsArea,
+    {
+      port,
+      contextId,
+      restrictToTypes: ERWEITERT_TYPES,
+      allTypesLabel: "alle erweiterten Typen",
+      listTitle: "Erweitert"
+    }
+  )
+] });
+
+// src/features/szenen/areas/PromptsArea.tsx
+import { useMemo as useMemo4, useState as useState18 } from "react";
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var HERKUNFT_TEXT2 = {
+  published: "aus ver\xF6ffentlichtem Shot",
+  draft_chain: "aus Draft-Kette",
+  scene_direct: "direkt aus Szene",
+  unresolved: "Herkunft unvollst\xE4ndig"
+};
+var PromptsArea = ({ port, contextId }) => {
+  const faehig = capabilitiesOf(port);
+  const [nachladen, setNachladen] = useState18(0);
+  const [offen, setOffen] = useState18(null);
+  const [alleKontexte, setAlleKontexte] = useState18(false);
+  const [mitFehllaeufen, setMitFehllaeufen] = useState18(false);
+  const [herkunft, setHerkunft] = useState18("alle");
+  const [phase] = usePortQuery(
+    () => port.runs.listAllRuns ? port.runs.listAllRuns({ status: "all" }) : Promise.resolve({
+      kind: "ok",
+      value: { runs: [], hiddenByStatus: 0, hiddenByContext: 0, withoutContext: 0 }
+    }),
+    [port, nachladen]
+  );
+  const alle = phase.status === "ready" ? phase.value.runs : [];
+  const sicht = useMemo4(() => selectPromptRuns(alle, {
+    status: mitFehllaeufen ? "all" : "succeeded",
+    ...alleKontexte ? {} : { contextId }
+  }), [alle, mitFehllaeufen, alleKontexte, contextId]);
+  const titel = useLaufTitel(port, alle);
+  const gezeigt = useMemo4(
+    () => herkunft === "alle" ? sicht.runs : sicht.runs.filter((lauf) => groupOf(lauf).kind === herkunft),
+    [sicht.runs, herkunft]
+  );
+  if (!faehig.promptOverview) {
+    return /* @__PURE__ */ jsx17("div", { className: "szenen-prompts", "data-testid": "prompts-bereich", children: /* @__PURE__ */ jsx17("p", { "data-testid": "hinweis-keine-promptsicht", children: "Dieser Host bietet keine herkunfts\xFCbergreifende Prompt-Liste an. Prompt-L\xE4ufe bleiben im Detail ihrer Szene bzw. ihres Shots erreichbar \u2014 es ist kein Fehler und kein vor\xFCbergehender Zustand." }) });
+  }
+  return /* @__PURE__ */ jsxs17("div", { className: "szenen-prompts", "data-testid": "prompts-bereich", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "szenen-prompts__toolbar", children: [
+      /* @__PURE__ */ jsx17("h3", { className: "szenen-prompts__heading", children: "Prompts" }),
+      /* @__PURE__ */ jsxs17("label", { className: "szenen-prompts__filter", children: [
+        "Herkunft",
+        /* @__PURE__ */ jsxs17(
+          "select",
+          {
+            "data-testid": "prompts-herkunft",
+            value: herkunft,
+            onChange: (e) => setHerkunft(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx17("option", { value: "alle", children: "alle" }),
+              /* @__PURE__ */ jsx17("option", { value: "published", children: HERKUNFT_TEXT2.published }),
+              /* @__PURE__ */ jsx17("option", { value: "draft_chain", children: HERKUNFT_TEXT2.draft_chain }),
+              /* @__PURE__ */ jsx17("option", { value: "scene_direct", children: HERKUNFT_TEXT2.scene_direct }),
+              /* @__PURE__ */ jsx17("option", { value: "unresolved", children: HERKUNFT_TEXT2.unresolved })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs17("label", { className: "szenen-prompts__filter", children: [
+        /* @__PURE__ */ jsx17(
+          "input",
+          {
+            type: "checkbox",
+            "data-testid": "prompts-alle-kontexte",
+            checked: alleKontexte,
+            onChange: (e) => setAlleKontexte(e.target.checked)
+          }
+        ),
+        "Alle Kontexte"
+      ] }),
+      /* @__PURE__ */ jsxs17("label", { className: "szenen-prompts__filter", children: [
+        /* @__PURE__ */ jsx17(
+          "input",
+          {
+            type: "checkbox",
+            "data-testid": "prompts-mit-fehllaeufen",
+            checked: mitFehllaeufen,
+            onChange: (e) => setMitFehllaeufen(e.target.checked)
+          }
+        ),
+        "Fehll\xE4ufe zeigen"
+      ] })
+    ] }),
+    phase.status === "loading" && /* @__PURE__ */ jsx17("p", { "data-testid": "prompts-laden", children: "Prompts werden geladen \u2026" }),
+    phase.status === "error" && /* @__PURE__ */ jsxs17("p", { "data-testid": "prompts-fehler", role: "alert", children: [
+      "Prompts konnten nicht geladen werden: ",
+      phase.message
+    ] }),
+    phase.status === "ready" && /* @__PURE__ */ jsxs17(Fragment9, { children: [
+      gezeigt.length === 0 && /* @__PURE__ */ jsx17("p", { "data-testid": "keine-prompts", children: alle.length === 0 ? "Es gibt noch keinen Prompt-Lauf." : `Kein Prompt passt zu dieser Auswahl \u2014 von ${alle.length} vorhandenen L\xE4ufen bleibt keiner \xFCbrig.` }),
+      /* @__PURE__ */ jsx17("ol", { "data-testid": "prompts-liste", children: gezeigt.map((lauf) => /* @__PURE__ */ jsx17(
+        PromptEintrag,
+        {
+          port,
+          lauf,
+          alle,
+          titel: titel.get(lauf.run_id) ?? null,
+          offen: lauf.run_id === offen,
+          onUmschalten: () => setOffen(
+            lauf.run_id === offen ? null : lauf.run_id
+          ),
+          itemMoeglich: faehig.saveRunAsItem,
+          onItemGespeichert: () => setNachladen((n) => n + 1)
+        },
+        lauf.run_id
+      )) }),
+      (sicht.hiddenByContext > 0 || sicht.withoutContext > 0 || sicht.hiddenByStatus > 0) && /* @__PURE__ */ jsxs17("p", { className: "szenen-prompts__ausgeblendet", "data-testid": "prompts-ausgeblendet", children: [
+        sicht.hiddenByStatus > 0 && `${sicht.hiddenByStatus} Fehllauf/-l\xE4ufe ausgeblendet. `,
+        sicht.hiddenByContext > 0 && `${sicht.hiddenByContext} Lauf/L\xE4ufe geh\xF6ren zu einem anderen Kontext. `,
+        sicht.withoutContext > 0 && `${sicht.withoutContext} Lauf/L\xE4ufe nennen keinen Kontext und werden keinem zugeordnet \u2014 \u201EAlle Kontexte" zeigt sie. `
+      ] })
+    ] })
+  ] });
+};
+var PromptEintrag = ({ port, lauf, alle, titel, offen, onUmschalten, itemMoeglich, onItemGespeichert }) => {
+  const gruppe = groupOf(lauf);
+  const runde = roundOfRun(lauf, siblingsOf(lauf, alle));
+  return /* @__PURE__ */ jsxs17("li", { className: "szenen-prompts__eintrag", "data-testid": `prompt-${lauf.run_id}`, children: [
+    /* @__PURE__ */ jsxs17("p", { className: "szenen-prompts__herkunft", "data-testid": `herkunft-${lauf.run_id}`, children: [
+      /* @__PURE__ */ jsx17("span", { "data-herkunft": gruppe.kind, children: HERKUNFT_TEXT2[gruppe.kind] }),
+      gruppe.kind === "unresolved" && // D-75: Was nicht belegbar ist, wird benannt und nicht
+      // durch eine plausible Kennung ersetzt.
+      /* @__PURE__ */ jsxs17("span", { className: "szenen-prompts__hinweis", children: [
+        " \u2014 ",
+        gruppe.reason
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx17("ol", { className: "szenen-prompts__lauf", children: /* @__PURE__ */ jsx17(
+      RundenEintrag,
+      {
+        port,
+        lauf,
+        runde,
+        titel,
+        offen,
+        onUmschalten,
+        itemMoeglich,
+        onItemGespeichert
+      }
+    ) })
+  ] });
+};
+
+// src/features/szenen/areas/MediaArea.tsx
+import { useState as useState19 } from "react";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var leer = async () => ({ kind: "ok", value: [] });
+var MediaArea = ({ port }) => {
+  const media = port.media;
+  const [versionInput, setVersionInput] = useState19("");
+  const [versionId, setVersionId] = useState19("");
+  const [itemInput, setItemInput] = useState19("");
+  const [itemId, setItemId] = useState19("");
+  const [assetId, setAssetId] = useState19("");
+  const [role, setRole] = useState19("reference");
+  const [position, setPosition] = useState19("0");
+  const [notiz, setNotiz] = useState19(null);
+  const [busy, setBusy] = useState19(false);
+  const [refresh, setRefresh] = useState19(0);
+  const [versionPhase] = usePortQuery(
+    () => versionId ? media.listVersionMedia(versionId) : leer(),
+    [media, versionId, refresh]
+  );
+  const [itemPhase] = usePortQuery(
+    () => itemId ? media.listItemMedia(itemId) : Promise.resolve({ kind: "ok", value: [] }),
+    [media, itemId, refresh]
+  );
+  const zuordnen = async () => {
+    if (!versionInput.trim() || !assetId.trim()) {
+      setNotiz({ tone: "error", text: "Version-ID und Asset-ID sind erforderlich." });
+      return;
+    }
+    const parsedPosition = Number(position);
+    if (!Number.isInteger(parsedPosition) || parsedPosition < 0) {
+      setNotiz({ tone: "error", text: `Position muss eine nicht-negative Ganzzahl sein, war ${JSON.stringify(position)}.` });
+      return;
+    }
+    setBusy(true);
+    const result = await media.attachVersionMedium({
+      versionId: versionInput.trim(),
+      assetId: assetId.trim(),
+      role,
+      position: parsedPosition
+    });
+    setNotiz(noticeFor(result, "Referenzmedium zuordnen"));
+    if (result.kind === "ok") {
+      setVersionId(versionInput.trim());
+      setRefresh((value) => value + 1);
+    }
+    setBusy(false);
+  };
+  const entfernen = async (medium) => {
+    setBusy(true);
+    const result = await media.detachVersionMedium({
+      versionId,
+      assetId: medium.assetId,
+      role: medium.role
+    });
+    setNotiz(noticeFor(result, "Referenzmedium entfernen"));
+    if (result.kind === "ok") setRefresh((value) => value + 1);
+    setBusy(false);
+  };
+  const versionMedien = versionPhase.status === "ready" ? versionPhase.value : [];
+  const itemMedien = itemPhase.status === "ready" ? itemPhase.value : [];
+  return /* @__PURE__ */ jsxs18("div", { className: "szenen-media", "data-testid": "bereich-medien", children: [
+    /* @__PURE__ */ jsx18("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__ */ jsxs18("section", { children: [
+      /* @__PURE__ */ jsx18("h3", { children: "Version" }),
+      /* @__PURE__ */ jsxs18("div", { className: "szenen-media__lookup", children: [
+        /* @__PURE__ */ jsxs18("label", { children: [
+          "Version-ID",
+          /* @__PURE__ */ jsx18("input", { value: versionInput, onChange: (event) => setVersionInput(event.target.value) })
+        ] }),
+        /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => setVersionId(versionInput.trim()), children: "Medien laden" })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "szenen-media__attach", children: [
+        /* @__PURE__ */ jsxs18("label", { children: [
+          "Asset-ID",
+          /* @__PURE__ */ jsx18("input", { value: assetId, onChange: (event) => setAssetId(event.target.value) })
+        ] }),
+        /* @__PURE__ */ jsxs18("label", { children: [
+          "Rolle",
+          /* @__PURE__ */ jsxs18("select", { value: role, onChange: (event) => setRole(event.target.value), children: [
+            /* @__PURE__ */ jsx18("option", { value: "reference", children: "reference" }),
+            /* @__PURE__ */ jsx18("option", { value: "mask", children: "mask" }),
+            /* @__PURE__ */ jsx18("option", { value: "palette", children: "palette" }),
+            /* @__PURE__ */ jsx18("option", { value: "example", children: "example" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("label", { children: [
+          "Position",
+          /* @__PURE__ */ jsx18("input", { type: "number", min: "0", value: position, onChange: (event) => setPosition(event.target.value) })
+        ] }),
+        /* @__PURE__ */ jsx18("button", { type: "button", disabled: busy, onClick: zuordnen, children: "zuordnen" })
+      ] }),
+      versionPhase.status === "loading" && versionId && /* @__PURE__ */ jsx18("p", { children: "Versionsmedien werden geladen \u2026" }),
+      versionPhase.status === "error" && /* @__PURE__ */ jsxs18("p", { role: "alert", children: [
+        "Versionsmedien konnten nicht geladen werden: ",
+        versionPhase.message
+      ] }),
+      versionPhase.status === "ready" && versionId && versionMedien.length === 0 && /* @__PURE__ */ jsxs18("p", { children: [
+        "Version ",
+        versionId,
+        " hat keine Medien."
+      ] }),
+      /* @__PURE__ */ jsx18("ul", { className: "szenen-media__list", children: versionMedien.map((medium) => /* @__PURE__ */ jsxs18("li", { children: [
+        /* @__PURE__ */ jsx18("code", { children: medium.assetId }),
+        /* @__PURE__ */ jsxs18("span", { children: [
+          medium.role,
+          " \xB7 Position ",
+          medium.position
+        ] }),
+        medium.url && /* @__PURE__ */ jsx18("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" }),
+        /* @__PURE__ */ jsx18("button", { type: "button", disabled: busy, onClick: () => entfernen(medium), children: "entfernen" })
+      ] }, `${medium.assetId}:${medium.role}`)) })
+    ] }),
+    /* @__PURE__ */ jsxs18("section", { children: [
+      /* @__PURE__ */ jsx18("h3", { children: "Item-Medien" }),
+      /* @__PURE__ */ jsxs18("div", { className: "szenen-media__lookup", children: [
+        /* @__PURE__ */ jsxs18("label", { children: [
+          "Item-ID",
+          /* @__PURE__ */ jsx18("input", { value: itemInput, onChange: (event) => setItemInput(event.target.value) })
+        ] }),
+        /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => setItemId(itemInput.trim()), children: "Item-Medien laden" })
+      ] }),
+      itemPhase.status === "error" && /* @__PURE__ */ jsxs18("p", { role: "alert", children: [
+        "Item-Medien konnten nicht geladen werden: ",
+        itemPhase.message
+      ] }),
+      /* @__PURE__ */ jsx18("ul", { className: "szenen-media__list", children: itemMedien.map((medium) => /* @__PURE__ */ jsxs18("li", { children: [
+        /* @__PURE__ */ jsx18("code", { children: medium.assetId }),
+        /* @__PURE__ */ jsxs18("span", { children: [
+          medium.role,
+          " \xB7 Position ",
+          medium.position
+        ] }),
+        medium.url && /* @__PURE__ */ jsx18("a", { href: medium.url, target: "_blank", rel: "noreferrer", children: "\xF6ffnen" })
+      ] }, `${medium.assetId}:${medium.role}:${medium.position}`)) })
+    ] }),
+    notiz && /* @__PURE__ */ jsx18("p", { role: notiz.tone === "error" ? "alert" : "status", "data-tone": notiz.tone, children: notiz.text })
+  ] });
+};
+
 // src/features/szenen/SzenenView.tsx
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var SzenenView = ({
@@ -12534,9 +12833,9 @@ var SzenenView = ({
   initialArea,
   onAreaChange
 }) => {
-  const bereiche = useMemo4(() => areasFor(port), [port]);
-  const faehig = useMemo4(() => capabilitiesOf(port), [port]);
-  const [aktiv, setAktiv] = useState17(() => resolveArea(port, initialArea));
+  const bereiche = useMemo5(() => areasFor(port), [port]);
+  const faehig = useMemo5(() => capabilitiesOf(port), [port]);
+  const [aktiv, setAktiv] = useState20(() => resolveArea(port, initialArea));
   const wechsle = (id) => {
     setAktiv(id);
     onAreaChange?.(id);
@@ -12547,7 +12846,7 @@ var SzenenView = ({
       /* @__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__ */ jsx19("p", { children: 'Eine Szene anlegen oder aus Bild bzw. Text ableiten und daraus einen Prompt starten. Alle so entstandenen Prompts stehen mit ihren Bildern unter \u201EPrompts". Bausteine und Erweitertes pr\xE4zisieren den Weg, wenn er pr\xE4ziser werden soll.' })
       ] }),
       /* @__PURE__ */ jsx19("span", { className: "szenen-view__step", children: aktuellerBereich.title })
     ] }),
@@ -12566,7 +12865,8 @@ var SzenenView = ({
       bereich.id
     )) }),
     /* @__PURE__ */ jsxs19("section", { className: "szenen-view__area", "aria-label": aktuellerBereich.title, children: [
-      aktiv === "derive" && port.derivation && /* @__PURE__ */ jsx19(DeriveArea, { port, contextId }),
+      aktiv === "scene" && /* @__PURE__ */ jsx19(SceneArea, { port, contextId }),
+      aktiv === "prompts" && /* @__PURE__ */ jsx19(PromptsArea, { port, contextId }),
       aktiv === "elements" && /* @__PURE__ */ jsx19(
         ElementsArea,
         {
@@ -12577,9 +12877,7 @@ var SzenenView = ({
           listTitle: "Bausteine"
         }
       ),
-      aktiv === "scene" && /* @__PURE__ */ jsx19(SceneArea, { port, contextId }),
-      aktiv === "setup" && /* @__PURE__ */ jsx19(SetupArea, { port, contextId }),
-      aktiv === "shot" && /* @__PURE__ */ jsx19(ShotArea, { port, contextId }),
+      aktiv === "advanced" && /* @__PURE__ */ jsx19(AdvancedArea, { port, contextId }),
       aktiv === "media" && port.media && /* @__PURE__ */ jsx19(MediaArea, { port, contextId })
     ] }),
     (!faehig.saveRunAsItem || !faehig.media) && /* @__PURE__ */ jsxs19("details", { className: "szenen-view__host-notes", children: [
@@ -15295,8 +15593,13 @@ function createEventLogRunPersistence(channel) {
           // Nur veroeffentlichte Laeufe. Ein Draft-Lauf hat eine **leere**
           // shot_version_id (D-98) und wuerde bei der Suche nach '' sonst
           // faelschlich mitkommen — eine stille Vermischung zweier Herkuenfte.
+          //
+          // Seit P1-B faellt die Entscheidung nicht mehr hier, sondern in
+          // `groupKeyOf()`: dieselbe Regel, aus der auch die Geschwister und
+          // damit die Rundennummer entstehen. Vorher stand sie hier **und**
+          // — anders — in `domainService.getPromptRunWithSiblings()`.
           value: collectPromptRuns(events).filter(
-            (run) => sourceOf(run).kind === "published" && run.shot_version_id === shotVersionId
+            (run) => groupKeyOf(run) === `published:${shotVersionId}`
           )
         };
       } catch (error) {
@@ -15318,10 +15621,9 @@ function createEventLogRunPersistence(channel) {
         const events = await channel.readEvents();
         return {
           kind: "ok",
-          value: collectPromptRuns(events).filter((run) => {
-            const quelle = sourceOf(run);
-            return quelle.kind === "draft_chain" && quelle.chain_id === chainId;
-          })
+          value: collectPromptRuns(events).filter(
+            (run) => groupKeyOf(run) === `chain:${chainId}`
+          )
         };
       } catch (error) {
         return queryError(error, `Laeufe der Kette ${chainId} konnten nicht gelesen werden`);
@@ -15332,10 +15634,9 @@ function createEventLogRunPersistence(channel) {
         const events = await channel.readEvents();
         return {
           kind: "ok",
-          value: collectPromptRuns(events).filter((run) => {
-            const quelle = sourceOf(run);
-            return quelle.kind === "scene_direct" && quelle.scene.element_id === sceneElementId;
-          })
+          value: collectPromptRuns(events).filter(
+            (run) => groupKeyOf(run) === `scene:${sceneElementId}`
+          )
         };
       } catch (error) {
         return queryError(
@@ -15344,6 +15645,16 @@ function createEventLogRunPersistence(channel) {
         );
       }
     },
+    // P1-A: dieselbe Faltung, nur ohne Herkunftsfilter. Sie las schon bisher
+    // in jedem der drei Fälle den **vollen** Log — hier fällt lediglich das
+    // Aussieben weg.
+    async listAll() {
+      try {
+        return { kind: "ok", value: collectPromptRuns(await channel.readEvents()) };
+      } catch (error) {
+        return queryError(error, "Die Prompt-Laeufe konnten nicht gelesen werden");
+      }
+    },
     async record(record) {
       try {
         await channel.appendEvent(SZENEN_EVENT_TYPES.promptRunRecorded, record);
@@ -15640,7 +15951,25 @@ function createClientRunPort(options) {
           `Laeufe der Szene ${sceneElementId} konnten nicht gelesen werden`
         );
       }
-    }
+    },
+    // ── Die gemeinsame Prompt-Sicht (P1-A) ────────────────────────────────
+    //
+    // Sie wird nur angeboten, wenn die **Persistenz** aufzählen kann. Ein
+    // Host, dessen Speicher das nicht hergibt, bekommt hier keine Operation —
+    // und die Ansicht nennt den Grund, statt eine leere Liste zu zeigen (§8).
+    // Der Filter läuft über `selectPromptRuns()`, dieselbe Funktion, die auch
+    // der Server benutzt; zwei Bezugsrahmen wären zwei Wahrheiten.
+    ...typeof runs.listAll === "function" ? {
+      async listAllRuns(filter) {
+        try {
+          const alle = await runs.listAll();
+          if (alle.kind !== "ok") return alle;
+          return { kind: "ok", value: selectPromptRuns(alle.value, filter) };
+        } catch (error) {
+          return queryError(error, "Die Prompt-Laeufe konnten nicht gelesen werden");
+        }
+      }
+    } : {}
   };
 }
 
@@ -17021,22 +17350,29 @@ export {
   resolverFromQueries,
   isProjectionCurrent,
   isOk,
-  SZENEN_ITEM_PREFIX,
-  itemIdForRun,
-  isSzenenItemId,
-  checkSzenenBatchOrigin,
-  mergeSzenenBatchOrigin,
-  roundOfRun,
-  deriveLineage,
-  deriveItemFromRun,
   SZENEN_EVENT_PREFIX,
   SZENEN_EVENT_TYPES,
   reduceElementEvents,
   draftRevisionOf,
   logRevisionOf,
   preferredHeadRevisionOf,
+  sourceOf,
   collectPromptRuns,
   findPromptRun,
+  groupOf,
+  groupKeyOf,
+  siblingsOf,
+  namingElementOf,
+  contextOfRun,
+  selectPromptRuns,
+  SZENEN_ITEM_PREFIX,
+  itemIdForRun,
+  isSzenenItemId,
+  checkSzenenBatchOrigin,
+  mergeSzenenBatchOrigin,
+  roundOfRun,
+  deriveLineage,
+  deriveItemFromRun,
   DEFAULT_SEED_VORLAGE,
   parseSeedListe,
   formatSeedListe,