@rslsp1/fa-app-tools 3.0.0 → 4.0.0

package/dist/index.js

@@ -807,7 +807,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // package.json
-var version = "3.0.0";
+var version = "4.0.0";
 
 // src/hooks/useOnClickOutside.ts
 var import_react = require("react");
@@ -846,7 +846,7 @@ function useKeyboardNavigation(history, currentResult, setCurrentResult) {
 }
 
 // src/features/szenen/szenenViewStyles.generated.ts
-var SZENEN_VIEW_STYLES = '/* ==========================================================================\n   SZENEN VIEW\n   ========================================================================== */\n\n.szenen-view {\n    display: grid;\n    gap: var(--space-md);\n    width: 100%;\n    min-width: 0;\n    font-family: var(--font-sans);\n    padding: var(--space-md);\n}\n\n@media (max-width: 760px) {\n    .szenen-view {\n        padding: var(--space-sm);\n        gap: var(--space-sm);\n    }\n}\n\n.szenen-view__intro {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: var(--space-md);\n    padding: clamp(1rem, 3vw, 1.75rem);\n    color: var(--color-text-primary);\n    background:\n        radial-gradient(circle at 85% 15%, rgba(45, 212, 191, 0.16), transparent 34%),\n        linear-gradient(135deg, var(--color-bg-surface), var(--color-bg-elevated));\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n}\n\n.szenen-view__intro h2,\n.szenen-view__intro p {\n    margin: 0;\n}\n\n.szenen-view__intro h2 {\n    margin-bottom: var(--space-xs);\n    font-size: clamp(1.25rem, 4vw, 2rem);\n}\n\n.szenen-view__intro > div > p:last-child {\n    max-width: 44rem;\n    color: var(--color-text-secondary);\n}\n\n.szenen-view__eyebrow {\n    margin-bottom: var(--space-xs) !important;\n    color: var(--color-accent-teal, #2dd4bf);\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.szenen-view__step {\n    flex: none;\n    padding: 0.35rem 0.65rem;\n    color: var(--color-text-primary);\n    background: rgba(45, 212, 191, 0.12);\n    border: 1px solid rgba(45, 212, 191, 0.35);\n    border-radius: var(--radius-full);\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.szenen-view__nav {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-view__nav button,\n.szenen-view button {\n    min-height: 2.25rem;\n    padding: 0.45rem 0.75rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-elevated);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    cursor: pointer;\n}\n\n.szenen-view button:hover:not(:disabled) {\n    color: var(--color-text-primary);\n    background: var(--color-bg-surface-hover);\n    border-color: var(--color-border-hover);\n}\n\n.szenen-view button:focus-visible,\n.szenen-view input:focus-visible,\n.szenen-view select:focus-visible,\n.szenen-view textarea:focus-visible {\n    outline: 2px solid var(--color-accent-blue);\n    outline-offset: 2px;\n}\n\n.szenen-view button:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.szenen-view__nav button.is-active,\n.szenen-view__nav button[aria-selected="true"] {\n    color: var(--color-text-primary);\n    background: var(--color-accent-blue-dim);\n    border-color: var(--color-accent-blue);\n}\n\n.szenen-view__area {\n    min-width: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-view__capability-note,\n.szenen-area__lead {\n    margin: 0;\n    padding: var(--space-sm) var(--space-md);\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border-left: 3px solid var(--color-accent-purple);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-view__host-notes {\n    color: var(--color-text-secondary);\n}\n\n.szenen-view__host-notes > summary {\n    cursor: pointer;\n    font-size: 0.8rem;\n}\n\n.szenen-view input:not([type="checkbox"]),\n.szenen-view select,\n.szenen-view textarea {\n    width: 100%;\n    min-height: 2.25rem;\n    padding: 0.5rem 0.65rem;\n    color: var(--color-text-primary);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    font: inherit;\n}\n\n.szenen-view textarea {\n    min-height: 7rem;\n    resize: vertical;\n    font-family: var(--font-mono);\n    font-size: 0.8rem;\n}\n\n.szenen-view label {\n    display: grid;\n    gap: var(--space-xs);\n    color: var(--color-text-secondary);\n    font-size: 0.85rem;\n}\n\n.szenen-view code,\n.szenen-view pre {\n    font-family: var(--font-mono);\n    overflow-wrap: anywhere;\n}\n\n.szenen-view h3,\n.szenen-view h4,\n.szenen-view h5 {\n    margin-top: 0;\n}\n\n.szenen-view ul,\n.szenen-view ol {\n    padding-left: 1.25rem;\n}\n\n.szenen-elements,\n.szenen-detail,\n.szenen-scene,\n.szenen-setup,\n.szenen-shot,\n.szenen-media,\n.szenen-runs {\n    display: grid;\n    gap: var(--space-md);\n    min-width: 0;\n}\n\n.szenen-elements__filter,\n.szenen-elements__create,\n.szenen-detail__actions,\n.szenen-runs__start,\n.szenen-scene-editor__add,\n.szenen-scene-editor__add-relation {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: end;\n    gap: var(--space-sm);\n}\n\n.szenen-elements__filter > label,\n.szenen-elements__create > input,\n.szenen-runs__start > label,\n.szenen-scene-editor__add > input {\n    flex: 1 1 16rem;\n}\n\n.szenen-elements__filter > label:has(input[type="checkbox"]) {\n    display: flex;\n    flex: 1 1 16rem;\n    flex-direction: row;\n    align-items: center;\n}\n\n.szenen-elements__filter input[type="checkbox"] {\n    width: 1rem;\n    height: 1rem;\n    accent-color: var(--color-accent-blue);\n}\n\n.szenen-elements__list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-elements__list > li > button {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: var(--space-xs) var(--space-sm);\n    width: 100%;\n    height: 100%;\n    text-align: left;\n}\n\n.szenen-elements__list > li > button.is-selected,\n.szenen-elements__list > li > button[aria-current="true"] {\n    background: var(--color-accent-blue-dim);\n    border-color: var(--color-accent-blue);\n}\n\n.szenen-elements__type {\n    color: var(--color-accent-blue);\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n}\n\n.szenen-elements__title {\n    color: var(--color-text-primary);\n    font-size: 0.95rem;\n}\n\n.szenen-elements__technical {\n    grid-column: 1 / -1;\n    color: var(--color-text-tertiary);\n    font-size: 0.72rem;\n}\n\n.szenen-elements__subtype,\n.szenen-elements__retired {\n    color: var(--color-text-secondary);\n    font-size: 0.75rem;\n}\n\n.szenen-elements__retired {\n    color: var(--color-warning);\n}\n\n.szenen-elements__id {\n    grid-column: 1 / -1;\n    color: var(--color-text-tertiary);\n    font-size: 0.72rem;\n}\n\n.szenen-detail {\n    margin-top: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n@media (min-width: 761px) {\n    .szenen-detail {\n        padding: var(--space-md);\n        background: var(--color-bg-surface);\n        border: 1px solid var(--color-border);\n        border-radius: var(--radius-sm);\n    }\n}\n\n.szenen-detail > header,\n.szenen-detail__heads,\n.szenen-detail__draft,\n.szenen-capability {\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n/* .szenen-runs ist ein eigenst\xE4ndiger sichtbarer Bereich, beh\xE4lt Styling auf Desktop */\n@media (min-width: 761px) {\n    .szenen-runs {\n        padding: var(--space-md);\n        background: var(--color-bg-surface);\n        border: 1px solid var(--color-border);\n        border-radius: var(--radius-md);\n    }\n}\n\n@media (max-width: 760px) {\n    .szenen-runs {\n        padding: 0;\n        background: transparent;\n        border: none;\n        border-radius: 0;\n    }\n}\n\n.szenen-detail__ids {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin-bottom: 0;\n    color: var(--color-text-secondary);\n}\n\n.szenen-detail__heads ul,\n.szenen-scene-editor ul,\n.szenen-runs > ol,\n.szenen-capability > ul {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-detail__heads li,\n.szenen-scene-editor li,\n.szenen-runs > ol > li,\n.szenen-capability > ul > li {\n    padding: var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__field {\n    margin-bottom: var(--space-md);\n}\n\n/* Stufe 6.7.2 (D-126) \u2014 Advanced-/Debug-Fl\xE4che f\xFCr die rohe, schema-getriebene\n * Feldliste einer Szene. Gestrichelt wie die anderen \u201EAngebot statt\n * Auskunft"-Bereiche, aber ohne Akzentfarbe: sie ist kein Vorschlag, sondern\n * ein Eskalationsweg. */\n.szenen-detail__technical {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__technical > summary {\n    margin-bottom: var(--space-sm);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n    cursor: pointer;\n}\n\n.szenen-detail__technical[open] > summary {\n    margin-bottom: var(--space-md);\n}\n\n.szenen-detail__field small,\n.szenen-capability small {\n    color: var(--color-text-tertiary);\n}\n\n.szenen-detail__preview-errors,\n.szenen-detail__notice--error,\n.szenen-view [role="alert"] {\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-color: var(--color-accent-red);\n}\n\n.szenen-detail__notice {\n    padding: var(--space-sm) var(--space-md);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__notice--success,\n.szenen-view [data-tone="success"] {\n    color: #bbf7d0;\n    background: var(--color-accent-green-dim);\n    border-color: var(--color-accent-green);\n}\n\n.szenen-scene-editor {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: var(--space-md);\n    margin-bottom: 0;\n}\n\n.szenen-scene-editor > section {\n    min-width: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n/* \u2500\u2500 Stufe 6.7.2 (D-126): Node-/Relationskarten \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Nodes und Beziehungen sind `<details>` \u2014 dieselbe Interaktionssprache wie\n * \u201ERohantwort (Diagnose)" und \u201EBilder zu diesem Lauf" in RunsPanel.tsx. Kopf\n * (immer sichtbar) tr\xE4gt Inhalt zuerst, Technik zuletzt; Body (nur bei\n * ge\xF6ffneter Karte) tr\xE4gt die Bearbeitungscontrols. Padding wandert von der\n * `<li>` in Kopf/Body, damit die Karte keinen doppelten Rand bekommt. */\n.szenen-scene-editor li {\n    padding: 0;\n    overflow: hidden;\n}\n\n.szenen-node-karte__kopf,\n.szenen-relation-karte__kopf {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-xs) var(--space-sm);\n    padding: var(--space-sm);\n    cursor: pointer;\n    list-style: none;\n}\n\n.szenen-node-karte__kopf::-webkit-details-marker,\n.szenen-relation-karte__kopf::-webkit-details-marker {\n    display: none;\n}\n\n.szenen-node-karte__titel {\n    flex: 1 1 12rem;\n    min-width: 0;\n    color: var(--color-text-primary);\n    font-weight: 600;\n    overflow-wrap: anywhere;\n}\n\n.szenen-node-karte__typ {\n    flex: none;\n    padding: 0.15rem 0.55rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-full);\n    font-size: 0.72rem;\n    white-space: nowrap;\n}\n\n/* node_id klein, monospace, sekund\xE4r \u2014 sichtbar auch bei zugeklappter Karte,\n * aber optisch klar hinter Beschreibung und Typ. */\n.szenen-node-karte__meta {\n    flex: 1 1 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    color: var(--color-text-tertiary);\n    font-size: 0.75rem;\n}\n\n.szenen-node-karte__meta code {\n    font-size: inherit;\n}\n\n.szenen-node-karte__body,\n.szenen-relation-karte__body {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-sm) var(--space-sm);\n    border-top: 1px solid var(--color-border);\n}\n\n/* \xA74 \u2014 Prim\xE4raktion und destruktive Aktion optisch getrennt: \u201ENode/Beziehung\n * entfernen" bekommt einen eigenen, warnenden Ton statt gleichgewichtig neben\n * der normalen Bearbeitung zu stehen. */\n.szenen-node-karte__entfernen,\n.szenen-relation-karte__entfernen {\n    justify-self: start;\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-color: var(--color-accent-red);\n}\n\n.szenen-relation-karte__kopf {\n    font-size: 0.9rem;\n}\n\n.szenen-relation-karte__kopf code {\n    overflow-wrap: anywhere;\n}\n\n.szenen-relation-karte__pfeil {\n    flex: none;\n    color: var(--color-text-secondary);\n}\n\n/* Die Composer-\xD6ffner (\u201E+ Node hinzuf\xFCgen", \u201E+ Beziehung hinzuf\xFCgen") sind\n * Angebote, keine Ausk\xFCnfte \u2014 dasselbe gestrichelte Muster wie beim Folgelauf\n * und der Fehlerrettung (\xA73.3/\xA73.5). */\n.szenen-scene-editor__oeffnen {\n    width: 100%;\n    border-style: dashed;\n}\n\n.szenen-refpicker {\n    display: grid;\n    gap: var(--space-sm);\n    min-width: 0;\n    margin: var(--space-sm) 0;\n    padding: var(--space-sm) 0;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-refpicker legend {\n    padding: 0 var(--space-xs);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n}\n\n.szenen-capability > ul > li {\n    display: grid;\n    grid-template-columns: minmax(10rem, 1fr) auto minmax(14rem, 2fr);\n    align-items: start;\n    gap: var(--space-sm);\n}\n\n.szenen-capability__state {\n    padding: 0.1rem 0.5rem;\n    border-radius: var(--radius-full);\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n}\n\n.szenen-capability__state--yes {\n    color: #bbf7d0;\n    background: var(--color-accent-green-dim);\n}\n\n.szenen-capability__state--no {\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n}\n\n.szenen-capability__state--unknown {\n    color: #fef08a;\n    background: rgba(234, 179, 8, 0.2);\n}\n\n.szenen-runs > ol > li {\n    display: grid;\n    gap: var(--space-sm);\n}\n\n.szenen-runs > ol > li > header {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n    color: var(--color-text-secondary);\n}\n\n.szenen-runs > ol > li[data-status="succeeded"] {\n    border-left: 3px solid var(--color-success);\n}\n\n.szenen-runs > ol > li[data-status="failed"] {\n    border-left: 3px solid var(--color-danger);\n}\n\n.szenen-runs details pre {\n    max-height: 20rem;\n    overflow: auto;\n    padding: var(--space-sm);\n    white-space: pre-wrap;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-app);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-media > section {\n    display: grid;\n    gap: var(--space-sm);\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-media__lookup,\n.szenen-media__attach {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: end;\n    gap: var(--space-sm);\n}\n\n.szenen-media__lookup > label,\n.szenen-media__attach > label:first-child {\n    flex: 1 1 18rem;\n}\n\n.szenen-media__list {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-media__list > li {\n    display: grid;\n    grid-template-columns: minmax(12rem, 1fr) auto auto auto;\n    align-items: center;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n@media (max-width: 760px) {\n    .szenen-view {\n        gap: var(--space-sm);\n    }\n\n    .szenen-view__intro {\n        align-items: start;\n        flex-direction: column;\n        gap: var(--space-sm);\n        padding: var(--space-md);\n    }\n\n    .szenen-view__intro h2 {\n        font-size: 1.25rem;\n    }\n\n    .szenen-view__intro > div > p:last-child {\n        font-size: 0.9rem;\n    }\n\n    .szenen-view__nav {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: var(--space-xs);\n        padding: var(--space-xs);\n    }\n\n    .szenen-view__nav button {\n        width: 100%;\n        min-width: 0;\n        min-height: 2.5rem;\n        padding: 0.35rem 0.5rem;\n    }\n\n\n    .szenen-scene-editor {\n        grid-template-columns: 1fr;\n    }\n\n    .szenen-capability > ul > li {\n        grid-template-columns: 1fr;\n    }\n\n    .szenen-derive,\n    .szenen-elements,\n    .szenen-scene,\n    .szenen-setup,\n    .szenen-shot,\n    .szenen-media,\n    .szenen-runs {\n        gap: var(--space-sm);\n    }\n\n    .szenen-elements__filter,\n    .szenen-elements__create {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto;\n        align-items: center;\n        gap: var(--space-sm);\n    }\n\n    .szenen-elements__filter > label,\n    .szenen-elements__create > input {\n        width: 100%;\n        min-width: 0;\n        flex: none;\n    }\n\n    .szenen-elements__filter > label:first-child,\n    .szenen-elements__create > input {\n        grid-column: 1 / -1;\n    }\n\n    .szenen-elements__filter > label:has(input[type="checkbox"]) {\n        flex: none;\n    }\n\n    .szenen-detail__actions,\n    .szenen-runs__start,\n    .szenen-scene-editor__add,\n    .szenen-scene-editor__add-relation {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    .szenen-runs__start > *,\n    .szenen-scene-editor__add > *,\n    .szenen-scene-editor__add-relation > * {\n        width: 100%;\n        flex: none;\n    }\n}\n\n/* \u2500\u2500 Stufe 6.5: Rekonstruktion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Bereich zeigt drei Dinge nebeneinander: den Vorschlag, das nicht\n * Ableitbare und die Widerspr\xFCche. Die Diagnosen sind deshalb bewusst nicht\n * kleiner gesetzt als der Vorschlag \u2014 wer sie \xFCbersieht, \xFCbernimmt Geratenes.\n */\n\n.szenen-derive {\n    display: grid;\n    gap: var(--space-md);\n}\n\n.szenen-form {\n    display: grid;\n    gap: var(--space-sm);\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-field {\n    display: grid;\n    gap: var(--space-xs);\n}\n\n.szenen-field > span {\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n}\n\n.szenen-error {\n    padding: var(--space-sm) var(--space-md);\n    color: var(--color-danger);\n    background: var(--color-accent-red-dim);\n    border: 1px solid var(--color-accent-red);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-empty {\n    padding: var(--space-md);\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-diagnose {\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-left: 3px solid var(--color-warning);\n    border-radius: var(--radius-sm);\n}\n\n/* Ein Widerspruch ist der schwerste der drei Befunde: dort steht eine\n * Entscheidung aus, die das System bewusst nicht getroffen hat (D-74). */\n.szenen-diagnose--konflikt {\n    border-left-color: var(--color-danger);\n}\n\n.szenen-diagnose > h4 {\n    margin: 0 0 var(--space-sm);\n    font-size: 0.9375rem;\n}\n\n.szenen-diagnose ul {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0;\n    padding-left: var(--space-md);\n}\n\n.szenen-proposal {\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-proposal > h4 {\n    margin: 0 0 var(--space-sm);\n    font-family: var(--font-mono);\n    font-size: 0.9375rem;\n}\n\n.szenen-proposal__payload {\n    max-height: 18rem;\n    margin: 0 0 var(--space-sm);\n    padding: var(--space-sm);\n    overflow: auto;\n    /* Ein erzeugter Prompt ist ein einziger langer Satz \u2014 ohne Umbruch\n       verschwindet er nach rechts aus dem Bild. JSON-Payloads bringen ihre\n       eigenen Zeilenumbrueche mit und leiden nicht darunter. */\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    font-family: var(--font-mono);\n    font-size: 0.8125rem;\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-proposal__done {\n    margin: var(--space-sm) 0 0;\n    color: var(--color-success);\n}\n\n/* Die Belege eines Laufs: Rohantwort und Systemprompt. Zum Lesen und Kopieren,\n   nicht zum Bedienen \u2014 deshalb voll markierbar und in Monospace. */\n.szenen-beleg__text {\n    width: 100%;\n    margin: var(--space-sm) 0 0;\n    padding: var(--space-sm);\n    font-family: var(--font-mono);\n    font-size: 0.8125rem;\n    line-height: 1.5;\n    white-space: pre;\n    background: var(--color-bg-app);\n    color: var(--color-text);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    resize: vertical;\n}\n\n/* Der Folgelauf (D-87): abgesetzt, damit er nicht wie Teil des Ergebnisses\n   aussieht \u2014 er ist eine Frage, keine Auskunft. */\n.szenen-folgelauf {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-folgelauf > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-run__herkunft {\n    margin: 0 0 var(--space-sm);\n    font-size: 0.875rem;\n    color: var(--color-text-muted, inherit);\n}\n\n/* Widerspricht das Modell, ist das das Wichtigste auf der Seite. */\n.szenen-diagnose--antwort {\n    border-left: 3px solid var(--color-accent, var(--color-border));\n}\n\n/* Der Bildw\xE4hler (D-92) \u2014 Kacheln wie in den Labs, aber mit dem CSS dieser\n   Ansicht: eine gemeinsame Komponente \xFCber zwei Dom\xE4nengrenzen w\xE4re eine\n   Kopplung, die keiner gewollt hat. */\n.szenen-bildwahl__liste {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bildwahl__liste button {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    width: 100%;\n    padding: var(--space-sm);\n    text-align: left;\n    font-size: 0.8125rem;\n}\n\n.szenen-bildwahl__liste img {\n    width: 100%;\n    aspect-ratio: 1;\n    object-fit: cover;\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bildwahl__gewaehlt {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bildwahl__gewaehlt li {\n    display: flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.5rem;\n    font-size: 0.8125rem;\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-beleg__kopf {\n    display: flex;\n    align-items: center;\n    gap: var(--space-sm);\n    margin-top: var(--space-sm);\n}\n\n.szenen-diagnose > details + details {\n    margin-top: var(--space-sm);\n}\n\n.szenen-diagnose > details > summary {\n    cursor: pointer;\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Die Fehlerrettung (Stufe 6.6, A5) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Sie steht im Fehlerblock und muss trotzdem als Werkzeug lesbar sein, nicht\n * als weitere Fehlermeldung. Deshalb abgesetzt wie der Folgelauf \u2014 und aus\n * demselben Grund: Beides sind Angebote, keine Ausk\xFCnfte.\n *\n * Der wichtigste optische Punkt ist die Trennung von Original und\n * Arbeitskopie. Das Original bekommt den ruhigen, \u201Efesten" Hintergrund der\n * Belege; die Kopie sieht aus wie ein normales Eingabefeld, weil sie eines\n * ist. */\n.szenen-rettung {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-rettung > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-rettung textarea[readonly] {\n    background: var(--color-bg-surface);\n    color: var(--color-text-secondary);\n    font-family: var(--font-mono, monospace);\n    font-size: 0.8125rem;\n}\n\n.szenen-rettung textarea:not([readonly]) {\n    font-family: var(--font-mono, monospace);\n    font-size: 0.8125rem;\n}\n\n.szenen-rettung__aktionen {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0;\n}\n\n/* Ein Befund tr\xE4gt Code, Bezug und Meldung. Der Code steht klein und\n * monospaced davor: Er ist die Kennung, nicht die Aussage. */\n.szenen-diagnose__liste {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding-left: var(--space-md);\n}\n\n.szenen-diagnose__liste code {\n    font-size: 0.8125rem;\n}\n\n.szenen-diagnose__liste > li[data-severity=\'warning\'] {\n    color: var(--color-text-secondary);\n}\n\n/* \u2500\u2500 Die Draft-Kette (Stufe 6.6, C4) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Hauptweg. Er steht nach den Einzel\xFCbernahmen und muss als das erkennbar\n * sein, was er ist: nicht eine weitere Option, sondern der k\xFCrzere Weg zum\n * selben Ziel. Deshalb durchgezogener Rahmen statt gestricheltem \u2014 er ist\n * Angebot **und** Empfehlung. */\n.szenen-kette {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-left: 3px solid var(--color-accent, var(--color-border));\n    border-radius: var(--radius-sm);\n}\n\n.szenen-kette > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-kette ul {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0 0 var(--space-sm);\n    padding-left: var(--space-md);\n}\n\n.szenen-kette code {\n    font-size: 0.8125rem;\n}\n\n/* Ein Hinweis, der eine Bedingung erklaert \u2014 nicht rot, weil er kein Fehler\n   ist, aber abgesetzt, weil er eine Folge hat. */\n.szenen-detail__hint {\n    margin: var(--space-sm) 0 0;\n    padding: var(--space-sm);\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border-left: 3px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* \u2500\u2500 Stufe 6.7: Bilder am Prompt-Lauf (H0/H1) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Bereich tr\xE4gt zwei Dinge, die man nie verwechseln darf: den **Eingang**\n * (woraus der Prompt entstand) und den **Ausgang** (was daraus wurde). Sie\n * bekommen deshalb verschiedene Akzentkanten statt nur verschiedener\n * \xDCberschriften \u2014 wer schnell liest, sieht die Trennung, bevor er sie liest.\n */\n.szenen-bilder {\n    display: grid;\n    gap: var(--space-md);\n    margin-top: var(--space-sm);\n}\n\n.szenen-bilder__eingang,\n.szenen-bilder__ausgang {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__eingang {\n    border-left: 3px solid var(--color-accent-purple, var(--color-border));\n}\n\n.szenen-bilder__ausgang {\n    border-left: 3px solid var(--color-accent-teal, var(--color-border));\n}\n\n.szenen-bilder h5 {\n    margin: 0;\n}\n\n.szenen-bilder__ids {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: 0;\n    align-items: baseline;\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n}\n\n.szenen-bilder__eingangsliste,\n.szenen-bilder__batchliste,\n.szenen-bilder__auftraege {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bilder__eingangsliste > li,\n.szenen-bilder__batchliste > li,\n.szenen-bilder__auftraege > li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    font-size: 0.8125rem;\n}\n\n/* Ein unterbrochener Auftrag ist der Fall, f\xFCr den der Auftragssatz existiert.\n   Er wird deshalb markiert \u2014 nicht rot, denn er ist kein Fehler, sondern eine\n   offene Entscheidung. */\n.szenen-bilder__auftraege > li[data-status="started"] {\n    border-left: 3px solid var(--color-warning);\n}\n\n.szenen-bilder__auftraege > li[data-status="succeeded"] {\n    border-left: 3px solid var(--color-success);\n}\n\n.szenen-bilder__auftraege > li[data-status="partial"] {\n    border-left: 3px solid var(--color-accent-blue, var(--color-border));\n}\n\n.szenen-bilder__auftraege > li[data-status="failed"] {\n    border-left: 3px solid var(--color-danger);\n}\n\n.szenen-bilder__eingangsliste img,\n.szenen-bilder__batchliste img {\n    width: 4rem;\n    height: 4rem;\n    object-fit: cover;\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__batch {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* Die Aktionen stehen abgesetzt: Sie sind Angebote, keine Ausk\xFCnfte \u2014 dasselbe\n   Muster wie beim Folgelauf und bei der Fehlerrettung. */\n.szenen-bilder__aktion {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__aktion > h5 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-bilder__aktion ol {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding-left: var(--space-md);\n    font-size: 0.8125rem;\n}\n\n/* ==========================================================================\n   STUFE 6.10 \u2014 ELEMENTEDITOR UND VERSIONSNAVIGATION\n   ========================================================================== */\n\n/* \xA74.2 \u2014 vier Sachverhalte, vier Marken. Die Marken stehen in einer eigenen\n * Spalte, damit ANGEZEIGT + BEVORZUGT nebeneinander lesbar bleiben, statt sich\n * durch den Text zu schieben. */\n.szenen-detail__heads li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n}\n\n.szenen-version__titel {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n    min-width: 0;\n    margin-right: auto;\n}\n\n/* V17 \u2014 Kennungen bleiben vollst\xE4ndig sichtbar, aber optisch sekund\xE4r. */\n.szenen-version__id,\n.szenen-ref__id,\n.szenen-detail__field-key {\n    color: var(--color-text-tertiary);\n    font-size: 0.78rem;\n    overflow-wrap: anywhere;\n}\n\n.szenen-version__marken {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-xs);\n}\n\n.szenen-version__marken > span {\n    padding: 0.1rem 0.5rem;\n    color: var(--color-text-primary);\n    background: rgba(45, 212, 191, 0.12);\n    border: 1px solid rgba(45, 212, 191, 0.35);\n    border-radius: var(--radius-full);\n    font-size: 0.7rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n}\n\n.szenen-version--angezeigt {\n    border-color: var(--color-accent-teal, #2dd4bf) !important;\n}\n\n/* V9 \u2014 der Basiswechsel ist eine Entscheidung, keine Nebenwirkung. */\n.szenen-detail__confirm {\n    display: grid;\n    gap: var(--space-sm);\n    margin: var(--space-md) 0;\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-accent-amber, #f59e0b);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__confirm p {\n    margin: 0;\n}\n\n/* Untergruppen aufgeklappter Objektfelder (`prompt_render_settings`). */\n.szenen-detail__group {\n    display: grid;\n    gap: var(--space-sm);\n    min-width: 0;\n    margin: var(--space-md) 0;\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__group > legend {\n    padding: 0 var(--space-xs);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n}\n\n.szenen-detail__field {\n    display: grid;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-detail__field > span {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n}\n\n/* Mehrfachauswahl und Listeneditoren. */\n.szenen-feld__mehrfach,\n.szenen-feld__liste,\n.szenen-feld__reflist,\n.szenen-feld__ref,\n.szenen-feld__zielmodell,\n.szenen-feld__kamera {\n    display: grid;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-feld__mehrfach > label,\n.szenen-feld__null {\n    display: flex;\n    align-items: center;\n    gap: var(--space-xs);\n    color: var(--color-text-secondary);\n    font-size: 0.85rem;\n}\n\n.szenen-feld__liste-zeile {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-xs);\n}\n\n.szenen-feld__reflist ol {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-feld__reflist li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-xs);\n    padding: var(--space-xs) var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* \xA76.1 \u2014 Titel und Typ zuerst, Kennungen daneben. */\n.szenen-ref__anzeige {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-ref__typ {\n    color: var(--color-text-secondary);\n    font-size: 0.8rem;\n}\n\n.szenen-ref__warn {\n    padding: 0.1rem 0.5rem;\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-radius: var(--radius-full);\n    font-size: 0.72rem;\n    font-weight: 700;\n}\n\n/* \xA76.5 \u2014 abgeleitete Angaben, ausdr\xFCcklich nur Anzeige. */\n.szenen-detail__derived {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__derived dl {\n    display: grid;\n    grid-template-columns: minmax(10rem, auto) 1fr;\n    gap: var(--space-xs) var(--space-sm);\n    margin: 0;\n}\n\n.szenen-detail__derived dt {\n    color: var(--color-text-secondary);\n}\n\n.szenen-detail__derived dd {\n    margin: 0;\n}\n\n.szenen-feld__abgeleitet {\n    margin: 0;\n    color: var(--color-text-tertiary);\n    font-size: 0.78rem;\n}\n';
+var SZENEN_VIEW_STYLES = '/* ==========================================================================\n   SZENEN VIEW\n   ========================================================================== */\n\n.szenen-view {\n    display: grid;\n    gap: var(--space-md);\n    width: 100%;\n    min-width: 0;\n    font-family: var(--font-sans);\n    padding: var(--space-md);\n}\n\n@media (max-width: 760px) {\n    .szenen-view {\n        padding: var(--space-sm);\n        gap: var(--space-sm);\n    }\n}\n\n.szenen-view__intro {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: var(--space-md);\n    padding: clamp(1rem, 3vw, 1.75rem);\n    color: var(--color-text-primary);\n    background:\n        radial-gradient(circle at 85% 15%, rgba(45, 212, 191, 0.16), transparent 34%),\n        linear-gradient(135deg, var(--color-bg-surface), var(--color-bg-elevated));\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n}\n\n.szenen-view__intro h2,\n.szenen-view__intro p {\n    margin: 0;\n}\n\n.szenen-view__intro h2 {\n    margin-bottom: var(--space-xs);\n    font-size: clamp(1.25rem, 4vw, 2rem);\n}\n\n.szenen-view__intro > div > p:last-child {\n    max-width: 44rem;\n    color: var(--color-text-secondary);\n}\n\n.szenen-view__eyebrow {\n    margin-bottom: var(--space-xs) !important;\n    color: var(--color-accent-teal, #2dd4bf);\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.szenen-view__step {\n    flex: none;\n    padding: 0.35rem 0.65rem;\n    color: var(--color-text-primary);\n    background: rgba(45, 212, 191, 0.12);\n    border: 1px solid rgba(45, 212, 191, 0.35);\n    border-radius: var(--radius-full);\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.szenen-view__nav {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-view__nav button,\n.szenen-view button {\n    min-height: 2.25rem;\n    padding: 0.45rem 0.75rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-elevated);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    cursor: pointer;\n}\n\n.szenen-view button:hover:not(:disabled) {\n    color: var(--color-text-primary);\n    background: var(--color-bg-surface-hover);\n    border-color: var(--color-border-hover);\n}\n\n.szenen-view button:focus-visible,\n.szenen-view input:focus-visible,\n.szenen-view select:focus-visible,\n.szenen-view textarea:focus-visible {\n    outline: 2px solid var(--color-accent-blue);\n    outline-offset: 2px;\n}\n\n.szenen-view button:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.szenen-view__nav button.is-active,\n.szenen-view__nav button[aria-selected="true"] {\n    color: var(--color-text-primary);\n    background: var(--color-accent-blue-dim);\n    border-color: var(--color-accent-blue);\n}\n\n.szenen-view__area {\n    min-width: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-view__capability-note,\n.szenen-area__lead {\n    margin: 0;\n    padding: var(--space-sm) var(--space-md);\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border-left: 3px solid var(--color-accent-purple);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-view__host-notes {\n    color: var(--color-text-secondary);\n}\n\n.szenen-view__host-notes > summary {\n    cursor: pointer;\n    font-size: 0.8rem;\n}\n\n.szenen-view input:not([type="checkbox"]),\n.szenen-view select,\n.szenen-view textarea {\n    width: 100%;\n    min-height: 2.25rem;\n    padding: 0.5rem 0.65rem;\n    color: var(--color-text-primary);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    font: inherit;\n}\n\n.szenen-view textarea {\n    min-height: 7rem;\n    resize: vertical;\n    font-family: var(--font-mono);\n    font-size: 0.8rem;\n}\n\n.szenen-view label {\n    display: grid;\n    gap: var(--space-xs);\n    color: var(--color-text-secondary);\n    font-size: 0.85rem;\n}\n\n.szenen-view code,\n.szenen-view pre {\n    font-family: var(--font-mono);\n    overflow-wrap: anywhere;\n}\n\n.szenen-view h3,\n.szenen-view h4,\n.szenen-view h5 {\n    margin-top: 0;\n}\n\n.szenen-view ul,\n.szenen-view ol {\n    padding-left: 1.25rem;\n}\n\n.szenen-elements,\n.szenen-detail,\n.szenen-scene,\n.szenen-setup,\n.szenen-shot,\n.szenen-media,\n.szenen-runs {\n    display: grid;\n    gap: var(--space-md);\n    min-width: 0;\n}\n\n/* Arbeitsoberflaeche: Liste links, Bearbeitung rechts.\n *\n * Breit stehen beide Spalten nebeneinander \u2014 die Auswahl bleibt sichtbar,\n * waehrend bearbeitet wird. Schmal rendert die Komponente nur eine der beiden;\n * hier steht deshalb keine Regel, die die andere versteckt. */\n@media (min-width: 761px) {\n    .szenen-elements {\n        grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);\n        align-items: start;\n    }\n\n    .szenen-elements__master,\n    .szenen-elements__detail {\n        min-width: 0;\n    }\n}\n\n.szenen-elements__master,\n.szenen-elements__detail {\n    display: grid;\n    gap: var(--space-sm);\n    align-content: start;\n    min-width: 0;\n}\n\n.szenen-elements__toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--space-sm);\n}\n\n.szenen-elements__heading {\n    margin: 0;\n    font-size: 1.05rem;\n}\n\n.szenen-elements__scope {\n    display: flex;\n    align-items: center;\n    gap: var(--space-xs);\n    min-width: 0;\n    color: var(--color-text-secondary);\n    font-size: 0.8rem;\n}\n\n.szenen-elements__scope > select {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.szenen-elements__new {\n    flex: none;\n    font-weight: 700;\n}\n\n.szenen-elements__create {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-accent-blue);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-elements__create label {\n    display: grid;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-elements__create-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n}\n\n.szenen-elements__options > summary {\n    color: var(--color-text-tertiary);\n    font-size: 0.78rem;\n    cursor: pointer;\n}\n\n.szenen-elements__back {\n    justify-self: start;\n    font-weight: 700;\n}\n\n.szenen-elements__empty-detail {\n    margin: 0;\n    color: var(--color-text-tertiary);\n}\n\n.szenen-elements__filter,\n.szenen-detail__actions,\n.szenen-runs__start,\n.szenen-scene-editor__add,\n.szenen-scene-editor__add-relation {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: end;\n    gap: var(--space-sm);\n}\n\n.szenen-elements__filter > label,\n.szenen-runs__start > label,\n.szenen-scene-editor__add > input {\n    flex: 1 1 16rem;\n}\n\n.szenen-elements__filter > label:has(input[type="checkbox"]) {\n    display: flex;\n    flex: 1 1 16rem;\n    flex-direction: row;\n    align-items: center;\n}\n\n.szenen-elements__filter input[type="checkbox"] {\n    width: 1rem;\n    height: 1rem;\n    accent-color: var(--color-accent-blue);\n}\n\n.szenen-elements__list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-elements__list > li > button {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs) var(--space-sm);\n    width: 100%;\n    height: 100%;\n    text-align: left;\n}\n\n.szenen-elements__list > li > button > .szenen-elements__title {\n    flex: 1 1 100%;\n}\n\n.szenen-elements__list > li > button.is-selected,\n.szenen-elements__list > li > button[aria-current="true"] {\n    background: var(--color-accent-blue-dim);\n    border-color: var(--color-accent-blue);\n}\n\n.szenen-elements__type {\n    color: var(--color-accent-blue);\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n}\n\n.szenen-elements__title {\n    color: var(--color-text-primary);\n    font-size: 0.95rem;\n}\n\n.szenen-elements__subtype,\n.szenen-elements__retired {\n    color: var(--color-text-secondary);\n    font-size: 0.75rem;\n}\n\n.szenen-elements__retired {\n    color: var(--color-warning);\n}\n\n.szenen-detail {\n    margin-top: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n@media (min-width: 761px) {\n    .szenen-detail {\n        padding: var(--space-md);\n        background: var(--color-bg-surface);\n        border: 1px solid var(--color-border);\n        border-radius: var(--radius-sm);\n    }\n}\n\n.szenen-detail > header,\n.szenen-detail__heads,\n.szenen-detail__draft,\n.szenen-capability {\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n/* .szenen-runs ist ein eigenst\xE4ndiger sichtbarer Bereich, beh\xE4lt Styling auf Desktop */\n@media (min-width: 761px) {\n    .szenen-runs {\n        padding: var(--space-md);\n        background: var(--color-bg-surface);\n        border: 1px solid var(--color-border);\n        border-radius: var(--radius-md);\n    }\n}\n\n@media (max-width: 760px) {\n    .szenen-runs {\n        padding: 0;\n        background: transparent;\n        border: none;\n        border-radius: 0;\n    }\n}\n\n.szenen-detail__ids {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin-bottom: 0;\n    color: var(--color-text-secondary);\n}\n\n.szenen-detail__heads ul,\n.szenen-scene-editor ul,\n.szenen-runs > ol,\n.szenen-capability > ul {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-detail__heads li,\n.szenen-scene-editor li,\n.szenen-runs > ol > li,\n.szenen-capability > ul > li {\n    padding: var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__field {\n    margin-bottom: var(--space-md);\n}\n\n/* Stufe 6.7.2 (D-126) \u2014 Advanced-/Debug-Fl\xE4che f\xFCr die rohe, schema-getriebene\n * Feldliste einer Szene. Gestrichelt wie die anderen \u201EAngebot statt\n * Auskunft"-Bereiche, aber ohne Akzentfarbe: sie ist kein Vorschlag, sondern\n * ein Eskalationsweg. */\n.szenen-detail__technical {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__technical > summary {\n    margin-bottom: var(--space-sm);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n    cursor: pointer;\n}\n\n.szenen-detail__technical[open] > summary {\n    margin-bottom: var(--space-md);\n}\n\n.szenen-detail__field small,\n.szenen-capability small {\n    color: var(--color-text-tertiary);\n}\n\n.szenen-detail__preview-errors,\n.szenen-detail__notice--error,\n.szenen-view [role="alert"] {\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-color: var(--color-accent-red);\n}\n\n.szenen-detail__notice {\n    padding: var(--space-sm) var(--space-md);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__notice--success,\n.szenen-view [data-tone="success"] {\n    color: #bbf7d0;\n    background: var(--color-accent-green-dim);\n    border-color: var(--color-accent-green);\n}\n\n.szenen-scene-editor {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: var(--space-md);\n    margin-bottom: 0;\n}\n\n.szenen-scene-editor > section {\n    min-width: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n/* \u2500\u2500 Stufe 6.7.2 (D-126): Node-/Relationskarten \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Nodes und Beziehungen sind `<details>` \u2014 dieselbe Interaktionssprache wie\n * \u201ERohantwort (Diagnose)" und \u201EBilder zu diesem Lauf" in RunsPanel.tsx. Kopf\n * (immer sichtbar) tr\xE4gt Inhalt zuerst, Technik zuletzt; Body (nur bei\n * ge\xF6ffneter Karte) tr\xE4gt die Bearbeitungscontrols. Padding wandert von der\n * `<li>` in Kopf/Body, damit die Karte keinen doppelten Rand bekommt. */\n.szenen-scene-editor li {\n    padding: 0;\n    overflow: hidden;\n}\n\n.szenen-node-karte__kopf,\n.szenen-relation-karte__kopf {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-xs) var(--space-sm);\n    padding: var(--space-sm);\n    cursor: pointer;\n    list-style: none;\n}\n\n.szenen-node-karte__kopf::-webkit-details-marker,\n.szenen-relation-karte__kopf::-webkit-details-marker {\n    display: none;\n}\n\n.szenen-node-karte__titel {\n    flex: 1 1 12rem;\n    min-width: 0;\n    color: var(--color-text-primary);\n    font-weight: 600;\n    overflow-wrap: anywhere;\n}\n\n.szenen-node-karte__typ {\n    flex: none;\n    padding: 0.15rem 0.55rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-full);\n    font-size: 0.72rem;\n    white-space: nowrap;\n}\n\n/* node_id klein, monospace, sekund\xE4r \u2014 sichtbar auch bei zugeklappter Karte,\n * aber optisch klar hinter Beschreibung und Typ. */\n.szenen-node-karte__meta {\n    flex: 1 1 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    color: var(--color-text-tertiary);\n    font-size: 0.75rem;\n}\n\n.szenen-node-karte__meta code {\n    font-size: inherit;\n}\n\n.szenen-node-karte__body,\n.szenen-relation-karte__body {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-sm) var(--space-sm);\n    border-top: 1px solid var(--color-border);\n}\n\n/* \xA74 \u2014 Prim\xE4raktion und destruktive Aktion optisch getrennt: \u201ENode/Beziehung\n * entfernen" bekommt einen eigenen, warnenden Ton statt gleichgewichtig neben\n * der normalen Bearbeitung zu stehen. */\n.szenen-node-karte__entfernen,\n.szenen-relation-karte__entfernen {\n    justify-self: start;\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-color: var(--color-accent-red);\n}\n\n.szenen-relation-karte__kopf {\n    font-size: 0.9rem;\n}\n\n.szenen-relation-karte__kopf code {\n    overflow-wrap: anywhere;\n}\n\n.szenen-relation-karte__pfeil {\n    flex: none;\n    color: var(--color-text-secondary);\n}\n\n/* Die Composer-\xD6ffner (\u201E+ Node hinzuf\xFCgen", \u201E+ Beziehung hinzuf\xFCgen") sind\n * Angebote, keine Ausk\xFCnfte \u2014 dasselbe gestrichelte Muster wie beim Folgelauf\n * und der Fehlerrettung (\xA73.3/\xA73.5). */\n.szenen-scene-editor__oeffnen {\n    width: 100%;\n    border-style: dashed;\n}\n\n.szenen-refpicker {\n    display: grid;\n    gap: var(--space-sm);\n    min-width: 0;\n    margin: var(--space-sm) 0;\n    padding: var(--space-sm) 0;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-refpicker legend {\n    padding: 0 var(--space-xs);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n}\n\n.szenen-capability > ul > li {\n    display: grid;\n    grid-template-columns: minmax(10rem, 1fr) auto minmax(14rem, 2fr);\n    align-items: start;\n    gap: var(--space-sm);\n}\n\n.szenen-capability__state {\n    padding: 0.1rem 0.5rem;\n    border-radius: var(--radius-full);\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n}\n\n.szenen-capability__state--yes {\n    color: #bbf7d0;\n    background: var(--color-accent-green-dim);\n}\n\n.szenen-capability__state--no {\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n}\n\n.szenen-capability__state--unknown {\n    color: #fef08a;\n    background: rgba(234, 179, 8, 0.2);\n}\n\n.szenen-runs > ol > li {\n    display: grid;\n    gap: var(--space-sm);\n}\n\n.szenen-runs > ol > li > header {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n    color: var(--color-text-secondary);\n}\n\n.szenen-runs > ol > li[data-status="succeeded"] {\n    border-left: 3px solid var(--color-success);\n}\n\n.szenen-runs > ol > li[data-status="failed"] {\n    border-left: 3px solid var(--color-danger);\n}\n\n.szenen-runs details pre {\n    max-height: 20rem;\n    overflow: auto;\n    padding: var(--space-sm);\n    white-space: pre-wrap;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-app);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-media > section {\n    display: grid;\n    gap: var(--space-sm);\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-media__lookup,\n.szenen-media__attach {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: end;\n    gap: var(--space-sm);\n}\n\n.szenen-media__lookup > label,\n.szenen-media__attach > label:first-child {\n    flex: 1 1 18rem;\n}\n\n.szenen-media__list {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-media__list > li {\n    display: grid;\n    grid-template-columns: minmax(12rem, 1fr) auto auto auto;\n    align-items: center;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n@media (max-width: 760px) {\n    .szenen-view {\n        gap: var(--space-sm);\n    }\n\n    .szenen-view__intro {\n        align-items: start;\n        flex-direction: column;\n        gap: var(--space-sm);\n        padding: var(--space-md);\n    }\n\n    .szenen-view__intro h2 {\n        font-size: 1.25rem;\n    }\n\n    .szenen-view__intro > div > p:last-child {\n        font-size: 0.9rem;\n    }\n\n    .szenen-view__nav {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: var(--space-xs);\n        padding: var(--space-xs);\n    }\n\n    .szenen-view__nav button {\n        width: 100%;\n        min-width: 0;\n        min-height: 2.5rem;\n        padding: 0.35rem 0.5rem;\n    }\n\n\n    .szenen-scene-editor {\n        grid-template-columns: 1fr;\n    }\n\n    .szenen-capability > ul > li {\n        grid-template-columns: 1fr;\n    }\n\n    .szenen-derive,\n    .szenen-elements,\n    .szenen-scene,\n    .szenen-setup,\n    .szenen-shot,\n    .szenen-media,\n    .szenen-runs {\n        gap: var(--space-sm);\n    }\n\n    .szenen-elements__filter {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto;\n        align-items: center;\n        gap: var(--space-sm);\n    }\n\n    .szenen-elements__filter > label {\n        width: 100%;\n        min-width: 0;\n        flex: none;\n    }\n\n    .szenen-elements__filter > label:has(input[type="checkbox"]) {\n        flex: none;\n        grid-column: 1 / -1;\n    }\n\n    /* Schmal ist die Liste eine Spalte, und die Auswahl fuehrt weiter \u2014 der\n     * Eintrag ist deshalb ein Ziel fuer den Finger, keine Kachel. */\n    .szenen-elements__list {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .szenen-elements__list > li > button {\n        min-height: 2.75rem;\n    }\n\n    .szenen-elements__back {\n        justify-self: stretch;\n        min-height: 2.5rem;\n    }\n\n    .szenen-detail__actions,\n    .szenen-runs__start,\n    .szenen-scene-editor__add,\n    .szenen-scene-editor__add-relation {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    .szenen-runs__start > *,\n    .szenen-scene-editor__add > *,\n    .szenen-scene-editor__add-relation > * {\n        width: 100%;\n        flex: none;\n    }\n}\n\n/* \u2500\u2500 Stufe 6.5: Rekonstruktion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Bereich zeigt drei Dinge nebeneinander: den Vorschlag, das nicht\n * Ableitbare und die Widerspr\xFCche. Die Diagnosen sind deshalb bewusst nicht\n * kleiner gesetzt als der Vorschlag \u2014 wer sie \xFCbersieht, \xFCbernimmt Geratenes.\n */\n\n.szenen-derive {\n    display: grid;\n    gap: var(--space-md);\n}\n\n.szenen-form {\n    display: grid;\n    gap: var(--space-sm);\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: 0;\n}\n\n.szenen-field {\n    display: grid;\n    gap: var(--space-xs);\n}\n\n.szenen-field > span {\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n}\n\n.szenen-error {\n    padding: var(--space-sm) var(--space-md);\n    color: var(--color-danger);\n    background: var(--color-accent-red-dim);\n    border: 1px solid var(--color-accent-red);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-empty {\n    padding: var(--space-md);\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-diagnose {\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-left: 3px solid var(--color-warning);\n    border-radius: var(--radius-sm);\n}\n\n/* Ein Widerspruch ist der schwerste der drei Befunde: dort steht eine\n * Entscheidung aus, die das System bewusst nicht getroffen hat (D-74). */\n.szenen-diagnose--konflikt {\n    border-left-color: var(--color-danger);\n}\n\n.szenen-diagnose > h4 {\n    margin: 0 0 var(--space-sm);\n    font-size: 0.9375rem;\n}\n\n.szenen-diagnose ul {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0;\n    padding-left: var(--space-md);\n}\n\n.szenen-proposal {\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n}\n\n.szenen-proposal > h4 {\n    margin: 0 0 var(--space-sm);\n    font-family: var(--font-mono);\n    font-size: 0.9375rem;\n}\n\n.szenen-proposal__payload {\n    max-height: 18rem;\n    margin: 0 0 var(--space-sm);\n    padding: var(--space-sm);\n    overflow: auto;\n    /* Ein erzeugter Prompt ist ein einziger langer Satz \u2014 ohne Umbruch\n       verschwindet er nach rechts aus dem Bild. JSON-Payloads bringen ihre\n       eigenen Zeilenumbrueche mit und leiden nicht darunter. */\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    font-family: var(--font-mono);\n    font-size: 0.8125rem;\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-proposal__done {\n    margin: var(--space-sm) 0 0;\n    color: var(--color-success);\n}\n\n/* Die Belege eines Laufs: Rohantwort und Systemprompt. Zum Lesen und Kopieren,\n   nicht zum Bedienen \u2014 deshalb voll markierbar und in Monospace. */\n.szenen-beleg__text {\n    width: 100%;\n    margin: var(--space-sm) 0 0;\n    padding: var(--space-sm);\n    font-family: var(--font-mono);\n    font-size: 0.8125rem;\n    line-height: 1.5;\n    white-space: pre;\n    background: var(--color-bg-app);\n    color: var(--color-text);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    resize: vertical;\n}\n\n/* Der Folgelauf (D-87): abgesetzt, damit er nicht wie Teil des Ergebnisses\n   aussieht \u2014 er ist eine Frage, keine Auskunft. */\n.szenen-folgelauf {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-folgelauf > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-run__herkunft {\n    margin: 0 0 var(--space-sm);\n    font-size: 0.875rem;\n    color: var(--color-text-muted, inherit);\n}\n\n/* Widerspricht das Modell, ist das das Wichtigste auf der Seite. */\n.szenen-diagnose--antwort {\n    border-left: 3px solid var(--color-accent, var(--color-border));\n}\n\n/* Der Bildw\xE4hler (D-92) \u2014 Kacheln wie in den Labs, aber mit dem CSS dieser\n   Ansicht: eine gemeinsame Komponente \xFCber zwei Dom\xE4nengrenzen w\xE4re eine\n   Kopplung, die keiner gewollt hat. */\n.szenen-bildwahl__liste {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bildwahl__liste button {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    width: 100%;\n    padding: var(--space-sm);\n    text-align: left;\n    font-size: 0.8125rem;\n}\n\n.szenen-bildwahl__liste img {\n    width: 100%;\n    aspect-ratio: 1;\n    object-fit: cover;\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bildwahl__gewaehlt {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bildwahl__gewaehlt li {\n    display: flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.5rem;\n    font-size: 0.8125rem;\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-beleg__kopf {\n    display: flex;\n    align-items: center;\n    gap: var(--space-sm);\n    margin-top: var(--space-sm);\n}\n\n.szenen-diagnose > details + details {\n    margin-top: var(--space-sm);\n}\n\n.szenen-diagnose > details > summary {\n    cursor: pointer;\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Die Fehlerrettung (Stufe 6.6, A5) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Sie steht im Fehlerblock und muss trotzdem als Werkzeug lesbar sein, nicht\n * als weitere Fehlermeldung. Deshalb abgesetzt wie der Folgelauf \u2014 und aus\n * demselben Grund: Beides sind Angebote, keine Ausk\xFCnfte.\n *\n * Der wichtigste optische Punkt ist die Trennung von Original und\n * Arbeitskopie. Das Original bekommt den ruhigen, \u201Efesten" Hintergrund der\n * Belege; die Kopie sieht aus wie ein normales Eingabefeld, weil sie eines\n * ist. */\n.szenen-rettung {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-rettung > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-rettung textarea[readonly] {\n    background: var(--color-bg-surface);\n    color: var(--color-text-secondary);\n    font-family: var(--font-mono, monospace);\n    font-size: 0.8125rem;\n}\n\n.szenen-rettung textarea:not([readonly]) {\n    font-family: var(--font-mono, monospace);\n    font-size: 0.8125rem;\n}\n\n.szenen-rettung__aktionen {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: var(--space-sm) 0;\n}\n\n/* Ein Befund tr\xE4gt Code, Bezug und Meldung. Der Code steht klein und\n * monospaced davor: Er ist die Kennung, nicht die Aussage. */\n.szenen-diagnose__liste {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding-left: var(--space-md);\n}\n\n.szenen-diagnose__liste code {\n    font-size: 0.8125rem;\n}\n\n.szenen-diagnose__liste > li[data-severity=\'warning\'] {\n    color: var(--color-text-secondary);\n}\n\n/* \u2500\u2500 Die Draft-Kette (Stufe 6.6, C4) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Hauptweg. Er steht nach den Einzel\xFCbernahmen und muss als das erkennbar\n * sein, was er ist: nicht eine weitere Option, sondern der k\xFCrzere Weg zum\n * selben Ziel. Deshalb durchgezogener Rahmen statt gestricheltem \u2014 er ist\n * Angebot **und** Empfehlung. */\n.szenen-kette {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-left: 3px solid var(--color-accent, var(--color-border));\n    border-radius: var(--radius-sm);\n}\n\n.szenen-kette > h4 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-kette ul {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0 0 var(--space-sm);\n    padding-left: var(--space-md);\n}\n\n.szenen-kette code {\n    font-size: 0.8125rem;\n}\n\n/* Ein Hinweis, der eine Bedingung erklaert \u2014 nicht rot, weil er kein Fehler\n   ist, aber abgesetzt, weil er eine Folge hat. */\n.szenen-detail__hint {\n    margin: var(--space-sm) 0 0;\n    padding: var(--space-sm);\n    font-size: 0.875rem;\n    color: var(--color-text-secondary);\n    background: var(--color-bg-surface);\n    border-left: 3px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* \u2500\u2500 Stufe 6.7: Bilder am Prompt-Lauf (H0/H1) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Der Bereich tr\xE4gt zwei Dinge, die man nie verwechseln darf: den **Eingang**\n * (woraus der Prompt entstand) und den **Ausgang** (was daraus wurde). Sie\n * bekommen deshalb verschiedene Akzentkanten statt nur verschiedener\n * \xDCberschriften \u2014 wer schnell liest, sieht die Trennung, bevor er sie liest.\n */\n.szenen-bilder {\n    display: grid;\n    gap: var(--space-md);\n    margin-top: var(--space-sm);\n}\n\n.szenen-bilder__eingang,\n.szenen-bilder__ausgang {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__eingang {\n    border-left: 3px solid var(--color-accent-purple, var(--color-border));\n}\n\n.szenen-bilder__ausgang {\n    border-left: 3px solid var(--color-accent-teal, var(--color-border));\n}\n\n.szenen-bilder h5 {\n    margin: 0;\n}\n\n.szenen-bilder__ids {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-sm);\n    margin: 0;\n    align-items: baseline;\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n}\n\n.szenen-bilder__eingangsliste,\n.szenen-bilder__batchliste,\n.szenen-bilder__auftraege {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-bilder__eingangsliste > li,\n.szenen-bilder__batchliste > li,\n.szenen-bilder__auftraege > li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n    font-size: 0.8125rem;\n}\n\n/* Ein unterbrochener Auftrag ist der Fall, f\xFCr den der Auftragssatz existiert.\n   Er wird deshalb markiert \u2014 nicht rot, denn er ist kein Fehler, sondern eine\n   offene Entscheidung. */\n.szenen-bilder__auftraege > li[data-status="started"] {\n    border-left: 3px solid var(--color-warning);\n}\n\n.szenen-bilder__auftraege > li[data-status="succeeded"] {\n    border-left: 3px solid var(--color-success);\n}\n\n.szenen-bilder__auftraege > li[data-status="partial"] {\n    border-left: 3px solid var(--color-accent-blue, var(--color-border));\n}\n\n.szenen-bilder__auftraege > li[data-status="failed"] {\n    border-left: 3px solid var(--color-danger);\n}\n\n.szenen-bilder__eingangsliste img,\n.szenen-bilder__batchliste img {\n    width: 4rem;\n    height: 4rem;\n    object-fit: cover;\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__batch {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm);\n    background: var(--color-bg-app);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* Die Aktionen stehen abgesetzt: Sie sind Angebote, keine Ausk\xFCnfte \u2014 dasselbe\n   Muster wie beim Folgelauf und bei der Fehlerrettung. */\n.szenen-bilder__aktion {\n    display: grid;\n    gap: var(--space-sm);\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px dashed var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-bilder__aktion > h5 {\n    margin: var(--space-sm) 0 0;\n}\n\n.szenen-bilder__aktion ol {\n    display: grid;\n    gap: var(--space-sm);\n    margin: 0;\n    padding-left: var(--space-md);\n    font-size: 0.8125rem;\n}\n\n/* ==========================================================================\n   STUFE 6.10 \u2014 ELEMENTEDITOR UND VERSIONSNAVIGATION\n   ========================================================================== */\n\n/* \xA74.2 \u2014 vier Sachverhalte, vier Marken. Die Marken stehen in einer eigenen\n * Spalte, damit ANGEZEIGT + BEVORZUGT nebeneinander lesbar bleiben, statt sich\n * durch den Text zu schieben. */\n.szenen-detail__heads li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-sm);\n}\n\n.szenen-version__titel {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n    min-width: 0;\n    margin-right: auto;\n}\n\n/* V17 \u2014 Kennungen bleiben vollst\xE4ndig sichtbar, aber optisch sekund\xE4r. */\n.szenen-version__id,\n.szenen-ref__id,\n.szenen-detail__field-key {\n    color: var(--color-text-tertiary);\n    font-size: 0.78rem;\n    overflow-wrap: anywhere;\n}\n\n.szenen-version__marken {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-xs);\n}\n\n.szenen-version__marken > span {\n    padding: 0.1rem 0.5rem;\n    color: var(--color-text-primary);\n    background: rgba(45, 212, 191, 0.12);\n    border: 1px solid rgba(45, 212, 191, 0.35);\n    border-radius: var(--radius-full);\n    font-size: 0.7rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n}\n\n.szenen-version--angezeigt {\n    border-color: var(--color-accent-teal, #2dd4bf) !important;\n}\n\n/* V9 \u2014 der Basiswechsel ist eine Entscheidung, keine Nebenwirkung. */\n.szenen-detail__confirm {\n    display: grid;\n    gap: var(--space-sm);\n    margin: var(--space-md) 0;\n    padding: var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-accent-amber, #f59e0b);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__confirm p {\n    margin: 0;\n}\n\n/* Untergruppen aufgeklappter Objektfelder (`prompt_render_settings`). */\n.szenen-detail__group {\n    display: grid;\n    gap: var(--space-sm);\n    min-width: 0;\n    margin: var(--space-md) 0;\n    padding: var(--space-sm) var(--space-md) var(--space-md);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__group > legend {\n    padding: 0 var(--space-xs);\n    color: var(--color-text-secondary);\n    font-weight: 600;\n}\n\n.szenen-detail__field {\n    display: grid;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-detail__field > span {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n}\n\n/* Mehrfachauswahl und Listeneditoren. */\n.szenen-feld__mehrfach,\n.szenen-feld__liste,\n.szenen-feld__reflist,\n.szenen-feld__ref,\n.szenen-feld__zielmodell,\n.szenen-feld__kamera {\n    display: grid;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-feld__mehrfach > label,\n.szenen-feld__null {\n    display: flex;\n    align-items: center;\n    gap: var(--space-xs);\n    color: var(--color-text-secondary);\n    font-size: 0.85rem;\n}\n\n.szenen-feld__liste-zeile {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--space-xs);\n}\n\n.szenen-feld__reflist ol {\n    display: grid;\n    gap: var(--space-xs);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.szenen-feld__reflist li {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--space-xs);\n    padding: var(--space-xs) var(--space-sm);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n/* \xA76.1 \u2014 Titel und Typ zuerst, Kennungen daneben. */\n.szenen-ref__anzeige {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: var(--space-xs);\n    min-width: 0;\n}\n\n.szenen-ref__typ {\n    color: var(--color-text-secondary);\n    font-size: 0.8rem;\n}\n\n.szenen-ref__warn {\n    padding: 0.1rem 0.5rem;\n    color: #fecaca;\n    background: var(--color-accent-red-dim);\n    border-radius: var(--radius-full);\n    font-size: 0.72rem;\n    font-weight: 700;\n}\n\n/* \xA76.5 \u2014 abgeleitete Angaben, ausdr\xFCcklich nur Anzeige. */\n.szenen-detail__derived {\n    margin-top: var(--space-md);\n    padding: var(--space-sm) var(--space-md);\n    background: var(--color-bg-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-sm);\n}\n\n.szenen-detail__derived dl {\n    display: grid;\n    grid-template-columns: minmax(10rem, auto) 1fr;\n    gap: var(--space-xs) var(--space-sm);\n    margin: 0;\n}\n\n.szenen-detail__derived dt {\n    color: var(--color-text-secondary);\n}\n\n.szenen-detail__derived dd {\n    margin: 0;\n}\n\n.szenen-feld__abgeleitet {\n    margin: 0;\n    color: var(--color-text-tertiary);\n    font-size: 0.78rem;\n}\n';
 
 // src/lib/utils.ts
 var getFormattedTimestamp = () => {
@@ -2225,7 +2225,7 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/components/PromptTab.tsx
 var import_react15 = require("react");
@@ -6532,7 +6532,7 @@ function FlowWorkspacePicker({
 }
 
 // src/features/szenen/SzenenView.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 
 // src/lib/szenen/viewPort.ts
 function capabilitiesOf(port) {
@@ -6556,93 +6556,6 @@ async function callOptional(capability, operation) {
   return operation();
 }
 
-// src/features/szenen/szenenViewModel.ts
-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: "2 \xB7 Szene",
-    description: "Aus Bausteinen eine konkrete Szene und ihre Beziehungen bauen."
-  },
-  {
-    id: "setup",
-    title: "3 \xB7 Bildaufbau",
-    description: "Stil, Komposition und Kamera f\xFCr das sp\xE4tere Bild festlegen."
-  },
-  {
-    id: "shot",
-    title: "4 \xB7 Prompt",
-    description: "Bildprompt erzeugen, Varianten vergleichen und als Item speichern."
-  },
-  {
-    id: "media",
-    title: "Referenzen",
-    description: "Referenzmedien einer Elementversion ansehen und zuordnen."
-  }
-];
-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;
-  });
-}
-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;
-}
-function noticeFor(ergebnis, was) {
-  switch (ergebnis.kind) {
-    case "ok":
-      return { tone: "ok", text: `${was}: erledigt.` };
-    case "conflict": {
-      const aktuell = ergebnis.actualRevision;
-      return {
-        tone: "conflict",
-        text: `${was}: inzwischen von anderer Seite ge\xE4ndert` + (aktuell !== void 0 ? ` (aktueller Stand: Revision ${String(aktuell)})` : "") + ". Bitte neu laden und erneut versuchen."
-      };
-    }
-    case "rejected": {
-      const fehler4 = ergebnis.errors ?? [];
-      const ungeprueft = ergebnis.unchecked ?? [];
-      return {
-        tone: "rejected",
-        text: `${was}: abgelehnt \u2014 ${fehler4.length} Befund${fehler4.length === 1 ? "" : "e"}.`,
-        details: [
-          ...fehler4.map((f) => `${f.path ?? "(ohne Pfad)"}: ${f.message ?? "ohne Meldung"}`),
-          // Nicht verschweigen: was nicht geprüft wurde, ist nicht in Ordnung,
-          // sondern ungeprüft.
-          ...ungeprueft.map((u) => `ungepr\xFCft: ${u}`)
-        ]
-      };
-    }
-    case "unsupported":
-      return {
-        tone: "unsupported",
-        text: `${was}: von diesem Host nicht angeboten (${String(ergebnis.capability ?? was)}). Das ist kein Fehler und kein vor\xFCbergehender Zustand.`
-      };
-    default:
-      return {
-        tone: "error",
-        text: `${was}: ${String(ergebnis.message ?? "unbekannter Fehler")}`
-      };
-  }
-}
-
-// src/features/szenen/areas/ElementsArea.tsx
-var import_react42 = require("react");
-
 // src/lib/szenen/jsonSchema.ts
 var SUPPORTED_KEYWORDS = /* @__PURE__ */ new Set([
   "$ref",
@@ -9716,6 +9629,99 @@ function formatSchemaErrors(errors) {
   return errors.map((e) => `${e.instancePath || "/"} ${e.message}`).join("; ");
 }
 
+// src/features/szenen/szenenViewModel.ts
+var KEINE_BAUSTEINE = [
+  "scene",
+  "scene_setup",
+  "shot"
+];
+var BAUSTEIN_TYPES = SZENEN_ELEMENT_TYPES.filter((typ) => !KEINE_BAUSTEINE.includes(typ));
+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: "2 \xB7 Szene",
+    description: "Aus Bausteinen eine konkrete Szene und ihre Beziehungen bauen."
+  },
+  {
+    id: "setup",
+    title: "3 \xB7 Bildaufbau",
+    description: "Stil, Komposition und Kamera f\xFCr das sp\xE4tere Bild festlegen."
+  },
+  {
+    id: "shot",
+    title: "4 \xB7 Prompt",
+    description: "Bildprompt erzeugen, Varianten vergleichen und als Item speichern."
+  },
+  {
+    id: "media",
+    title: "Referenzen",
+    description: "Referenzmedien einer Elementversion ansehen und zuordnen."
+  }
+];
+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;
+  });
+}
+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;
+}
+function noticeFor(ergebnis, was) {
+  switch (ergebnis.kind) {
+    case "ok":
+      return { tone: "ok", text: `${was}: erledigt.` };
+    case "conflict": {
+      const aktuell = ergebnis.actualRevision;
+      return {
+        tone: "conflict",
+        text: `${was}: inzwischen von anderer Seite ge\xE4ndert` + (aktuell !== void 0 ? ` (aktueller Stand: Revision ${String(aktuell)})` : "") + ". Bitte neu laden und erneut versuchen."
+      };
+    }
+    case "rejected": {
+      const fehler4 = ergebnis.errors ?? [];
+      const ungeprueft = ergebnis.unchecked ?? [];
+      return {
+        tone: "rejected",
+        text: `${was}: abgelehnt \u2014 ${fehler4.length} Befund${fehler4.length === 1 ? "" : "e"}.`,
+        details: [
+          ...fehler4.map((f) => `${f.path ?? "(ohne Pfad)"}: ${f.message ?? "ohne Meldung"}`),
+          // Nicht verschweigen: was nicht geprüft wurde, ist nicht in Ordnung,
+          // sondern ungeprüft.
+          ...ungeprueft.map((u) => `ungepr\xFCft: ${u}`)
+        ]
+      };
+    }
+    case "unsupported":
+      return {
+        tone: "unsupported",
+        text: `${was}: von diesem Host nicht angeboten (${String(ergebnis.capability ?? was)}). Das ist kein Fehler und kein vor\xFCbergehender Zustand.`
+      };
+    default:
+      return {
+        tone: "error",
+        text: `${was}: ${String(ergebnis.message ?? "unbekannter Fehler")}`
+      };
+  }
+}
+
+// src/features/szenen/areas/ElementsArea.tsx
+var import_react43 = require("react");
+
 // src/features/szenen/areas/usePortQuery.ts
 var import_react33 = require("react");
 function usePortQuery(frage, abhaengigkeiten) {
@@ -9748,6 +9754,32 @@ function usePortQuery(frage, abhaengigkeiten) {
 // src/features/szenen/areas/ElementDetail.tsx
 var import_react41 = require("react");
 
+// src/features/szenen/elementLabels.ts
+var LABELS = {
+  scene_component: { singular: "Szenenbaustein", plural: "Szenenbausteine" },
+  scene: { singular: "Szene", plural: "Szenen" },
+  shot_concept: { singular: "Prompt-Idee", plural: "Prompt-Ideen" },
+  camera_preset: { singular: "Kamera", plural: "Kameras" },
+  camera_pattern: { singular: "Kamera-Muster", plural: "Kamera-Muster" },
+  style: { singular: "Stil", plural: "Stile" },
+  scene_setup: { singular: "Bildaufbau", plural: "Bildaufbauten" },
+  shot: { singular: "Prompt", plural: "Prompts" },
+  prompt_policy: { singular: "Prompt-Regel", plural: "Prompt-Regeln" },
+  prompt_fragment: { singular: "Prompt-Baustein", plural: "Prompt-Bausteine" },
+  target_model: { singular: "Zielmodell", plural: "Zielmodelle" },
+  sequence: { singular: "Sequenz", plural: "Sequenzen" },
+  scene_derivation_policy: {
+    singular: "Rekonstruktions-Regel",
+    plural: "Rekonstruktions-Regeln"
+  }
+};
+function elementTypLabel(typ) {
+  return LABELS[typ]?.singular ?? typ;
+}
+function elementTypPlural(typ) {
+  return LABELS[typ]?.plural ?? typ;
+}
+
 // src/features/szenen/schemaForm.ts
 var FORM_JE_REF = {
   "common.schema.json#/$defs/slug": "slug",
@@ -10351,7 +10383,7 @@ var SEMANTIK = {
 function feldSemantik(type, pfad) {
   return SEMANTIK[`${type}.${pfad}`] ?? null;
 }
-var LABELS = {
+var LABELS2 = {
   key: "Kennung",
   name: "Name",
   text: "Text",
@@ -10396,7 +10428,7 @@ var LABELS = {
   properties: "Zusatzangaben"
 };
 function feldLabel(type, pfad, name) {
-  return feldSemantik(type, pfad)?.label ?? LABELS[name] ?? name;
+  return feldSemantik(type, pfad)?.label ?? LABELS2[name] ?? name;
 }
 
 // src/lib/szenen/imageGenerationCapability.ts
@@ -10424,6 +10456,22 @@ function checkImageExecutionProfile(profile) {
   }
   return befunde;
 }
+function checkImageExecutionProfiles(profiles) {
+  const anzahlJeKennung = /* @__PURE__ */ new Map();
+  for (const profil of profiles ?? []) {
+    if (!isObject3(profil) || !istText(profil.profile_id)) continue;
+    anzahlJeKennung.set(profil.profile_id, (anzahlJeKennung.get(profil.profile_id) ?? 0) + 1);
+  }
+  return (profiles ?? []).map((profil) => {
+    const befunde = [...checkImageExecutionProfile(profil)];
+    if (isObject3(profil) && istText(profil.profile_id) && (anzahlJeKennung.get(profil.profile_id) ?? 0) > 1) {
+      befunde.push(
+        `Die profile_id "${profil.profile_id}" kommt in diesem Zielmodell mehrfach vor \u2014 die Auswahl waere nicht mehr eindeutig aufloesbar.`
+      );
+    }
+    return befunde;
+  });
+}
 function executableImageModels(promptTargetModelKey, targets, capability) {
   const models = [];
   const invalid = [];
@@ -10437,8 +10485,9 @@ function executableImageModels(promptTargetModelKey, targets, capability) {
     };
   }
   for (const target of targets ?? []) {
-    for (const roh of target.executionProfiles ?? []) {
-      const befunde = checkImageExecutionProfile(roh);
+    const profilBefunde = checkImageExecutionProfiles(target.executionProfiles ?? []);
+    for (const [index, roh] of (target.executionProfiles ?? []).entries()) {
+      const befunde = profilBefunde[index] ?? [];
       if (befunde.length > 0) {
         const kennung = isObject3(roh) && istText(roh.profile_id) ? roh.profile_id : "(ohne profile_id)";
         invalid.push(`${target.key}/${kennung}: ${befunde.join(" ")}`);
@@ -10447,13 +10496,20 @@ function executableImageModels(promptTargetModelKey, targets, capability) {
       const profil = roh;
       if (!profil.enabled) continue;
       if (!profil.environments.includes(capability.environment_id)) continue;
-      if (!capability.execution_paths.includes(profil.execution_path)) continue;
+      const weg = capability.execution_paths.find((r) => r.execution_path === profil.execution_path);
+      if (!weg) continue;
+      if (target.provider !== weg.provider) {
+        invalid.push(
+          `${target.key}/${profil.profile_id}: Das Zielmodell nennt den Anbieter ${target.provider === null ? "(keinen)" : `"${target.provider}"`}, der Aufrufweg "${weg.execution_path}" fuehrt aber zu "${weg.provider}".`
+        );
+        continue;
+      }
       models.push({
         selection_id: `${target.key}#${profil.profile_id}`,
         target_model_key: target.key,
         ...target.versionId ? { target_model_version_id: target.versionId } : {},
         display_name: target.title,
-        provider: target.provider ?? "(ohne provider)",
+        provider: weg.provider,
         profile_id: profil.profile_id,
         environment_id: capability.environment_id,
         execution_path: profil.execution_path,
@@ -10472,7 +10528,7 @@ function executableImageModels(promptTargetModelKey, targets, capability) {
       models: [],
       default_selection_id: null,
       invalid_profiles: invalid,
-      reason: `In dieser Umgebung (${capability.environment_id}) traegt kein sichtbares Zielmodell ein aktives Ausfuehrungsprofil fuer einen Aufrufweg dieses Hosts (${capability.execution_paths.join(", ") || "keiner"}).`
+      reason: `In dieser Umgebung (${capability.environment_id}) traegt kein sichtbares Zielmodell ein aktives Ausfuehrungsprofil fuer einen Aufrufweg dieses Hosts (${capability.execution_paths.map((r) => r.execution_path).join(", ") || "keiner"}).`
     };
   }
   const passend = models.find((m) => m.is_prompt_target);
@@ -11214,6 +11270,7 @@ var AusfuehrungsprofileFeld = ({ feld, wert, onChange, readOnly }) => {
   const profile = (gelesen ?? []).filter(isObject4);
   const unlesbar = gelesen === null;
   const schreibe = (neu) => onChange(feld.path, schreibListe(neu));
+  const alleBefunde = checkImageExecutionProfiles(profile);
   const aendere = (index, patch) => schreibe(profile.map((p, i) => i === index ? { ...p, ...patch } : p));
   if (unlesbar) {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { role: "alert", "data-testid": `feld-${feld.path}-unlesbar`, children: "Der gespeicherte Wert ist keine Profilliste. Er bleibt unver\xE4ndert stehen; bitte an der Quelle korrigieren." });
@@ -11221,7 +11278,7 @@ var AusfuehrungsprofileFeld = ({ feld, wert, onChange, readOnly }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "szenen-feld__profile", "data-testid": `feld-${feld.path}`, children: [
     profile.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { "data-testid": `feld-${feld.path}-keine`, children: "Dieses Zielmodell wird f\xFCr die Prompt-Optimierung verwendet und ist derzeit nicht direkt aus der App aufrufbar." }),
     profile.map((profil, index) => {
-      const befunde = checkImageExecutionProfile(profil);
+      const befunde = alleBefunde[index] ?? [];
       const text = (schluessel) => typeof profil[schluessel] === "string" ? profil[schluessel] : "";
       const liste = (schluessel) => Array.isArray(profil[schluessel]) ? profil[schluessel].join(", ") : "";
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("fieldset", { "data-testid": `profil-${index}`, className: "szenen-feld__profil", children: [
@@ -12700,6 +12757,93 @@ function finish(report) {
   };
 }
 
+// src/lib/szenen/promptOperation.ts
+var PROMPT_RULE_EFFECT = {
+  "P-01": "diagnostic",
+  // Kamera-ID im Rig nicht auflösbar → ohne Kamera weiter
+  "P-02": "diagnostic",
+  // mehrdeutige Kamera-ID → erklären, nicht sperren
+  "P-03": "diagnostic",
+  // Abstammungsintegrität einer camera_id — Publish-Frage
+  "P-04": "diagnostic",
+  // referenzierte Version nicht veröffentlicht/sichtbar
+  "P-05": "diagnostic",
+  // Node-Referenz nicht auflösbar → Teil auslassen
+  "P-06": "diagnostic",
+  // Placement-Node mehrdeutig → ohne exakte Platzierung
+  "P-07": "diagnostic",
+  // spatial Pattern ohne can_place → Pattern weglassen
+  "P-08": "diagnostic",
+  // unvollständige Pattern-Bindings
+  "P-09": "not_applicable",
+  // reine Publish-/Prozessregel für sequence
+  "P-10": "diagnostic",
+  // Zyklus: Blocker nur, wenn keine endliche Auflösung bleibt
+  "P-11": "diagnostic",
+  // Override-Disziplin, schon bisher advisory
+  "P-12": "not_applicable",
+  // Laufzeitregel der Auflösung, keine Bedingung
+  "P-13": "diagnostic",
+  // pattern_derived ohne Pattern-Platzierung
+  "P-14": "diagnostic",
+  // Bildgrößen-/Optik-Plausibilität, erklärte Absicht gewinnt
+  "P-15": "diagnostic",
+  // vertikaler look_at ohne up_hint — Rollwinkel ist Spezialpräzision
+  "P-16": "diagnostic",
+  // Placements ohne Koordinatensystem
+  "P-17": "diagnostic"
+  // Target Model nicht auflösbar → generischer Prompt
+};
+function diagnosticOfFinding(finding) {
+  return {
+    code: finding.rule,
+    origin: "rule",
+    path: finding.path,
+    message: finding.message
+  };
+}
+function diagnosticOfSchemaError(error, where) {
+  return {
+    code: "schema",
+    origin: "schema",
+    path: error.instancePath || "/",
+    message: `${where}: ${error.message}`
+  };
+}
+function promptDiagnosticsOf(checks) {
+  const befunde = [];
+  for (const finding of checks.findings) {
+    if (PROMPT_RULE_EFFECT[finding.rule] === "not_applicable") continue;
+    befunde.push(diagnosticOfFinding(finding));
+  }
+  return befunde;
+}
+var isObject8 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var asArray2 = (v) => Array.isArray(v) ? v : [];
+var istText2 = (v) => typeof v === "string" && v.trim().length > 0;
+function describableContent(scenePayload) {
+  if (!isObject8(scenePayload)) {
+    return {
+      ok: false,
+      message: `Die Szene ist kein Objekt, sondern ${Array.isArray(scenePayload) ? "ein Array" : typeof scenePayload}. Daraus laesst sich kein Textauftrag herstellen.`
+    };
+  }
+  const nodes = asArray2(scenePayload.nodes);
+  for (const node of nodes) {
+    if (!isObject8(node)) continue;
+    const semantic = isObject8(node.semantic) ? node.semantic : null;
+    if (semantic && istText2(semantic.description)) return { ok: true };
+    if (asArray2(node.component_refs).length > 0) return { ok: true };
+  }
+  const environment = isObject8(scenePayload.environment) ? scenePayload.environment : null;
+  if (environment && istText2(environment.text)) return { ok: true };
+  if (environment && asArray2(environment.component_refs).length > 0) return { ok: true };
+  return {
+    ok: false,
+    message: nodes.length === 0 ? "Die Szene hat keine Knoten und keinen Umgebungstext. Ohne beschreibbaren Inhalt gibt es nichts, woraus ein Prompt entstehen koennte." : `Keiner der ${nodes.length} Knoten traegt eine Beschreibung oder eine Komponentenreferenz, und es gibt keinen Umgebungstext. Ein Prompt daraus waere eine leere Behauptung.`
+  };
+}
+
 // src/lib/szenen/capabilities.ts
 var CapabilityAnchorError = class extends Error {
 };
@@ -12730,9 +12874,9 @@ var FLAG_OF_SCOPE = {
   // die Vererbung an die beiden anderen weitergereicht.
   global: "can_describe_scene"
 };
-var isObject8 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isObject9 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
 function nodeCountOf(scenePayload) {
-  if (!isObject8(scenePayload)) return 0;
+  if (!isObject9(scenePayload)) return 0;
   return Array.isArray(scenePayload.nodes) ? scenePayload.nodes.length : 0;
 }
 async function capabilityReport(input) {
@@ -12757,7 +12901,7 @@ async function capabilityReport(input) {
       reason: "Payload verletzt das Schema \u2014 die Publish-Regeln wurden nicht ausgefuehrt"
     }))
   } : await runPublishChecks({ type, payload: setupPayload, elementId, parents, resolver });
-  if (!isObject8(setupPayload)) {
+  if (!isObject9(setupPayload)) {
     const vorgefunden = Array.isArray(setupPayload) ? "array" : typeof setupPayload;
     const reasons = [
       {
@@ -12767,10 +12911,14 @@ async function capabilityReport(input) {
     ];
     return {
       can_describe_scene: { state: "no", reasons },
+      // Auch fuer den Promptpfad ein echter Blocker: Eine Payload, die kein
+      // Objekt ist, ist technisch unlesbar (Schritt 07, Klasse A/C) — nicht
+      // bloss fachlich unvollstaendig.
       can_render_prompt: { state: "no", reasons },
       can_place: { state: "no", reasons },
       checks,
-      schemaErrors
+      schemaErrors,
+      promptDiagnostics: []
     };
   }
   const blockedByScope = /* @__PURE__ */ new Map();
@@ -12806,6 +12954,8 @@ async function capabilityReport(input) {
   };
   const base = forFlag("can_describe_scene");
   let describe;
+  let szenenPayload = null;
+  let sceneVersionId = null;
   if (base.blocked.length > 0) {
     describe = { state: "no", reasons: base.blocked };
   } else if (schemaErrors.length > 0) {
@@ -12831,9 +12981,10 @@ async function capabilityReport(input) {
       ]
     };
   } else {
-    const sceneRef = isObject8(setupPayload.scene_ref) ? setupPayload.scene_ref : null;
-    const sceneVersionId = typeof sceneRef?.version_id === "string" ? sceneRef.version_id : null;
+    const sceneRef = isObject9(setupPayload.scene_ref) ? setupPayload.scene_ref : null;
+    sceneVersionId = typeof sceneRef?.version_id === "string" ? sceneRef.version_id : null;
     const scene = chainScene !== void 0 ? { payload: chainScene } : sceneVersionId ? await resolver.getVersion(sceneVersionId) : null;
+    if (scene) szenenPayload = { payload: scene.payload };
     const nodes = nodeCountOf(scene?.payload);
     if (nodes === 0) {
       describe = {
@@ -12880,15 +13031,59 @@ async function capabilityReport(input) {
     if (own.unchecked.length > 0) return { state: "unknown", reasons: own.unchecked };
     return { state: "yes", reasons: [] };
   };
+  const promptFlag = (() => {
+    if (!szenenPayload) {
+      return {
+        state: "unknown",
+        reasons: [
+          {
+            kind: "structure",
+            message: `Die Szene ${sceneVersionId ?? "(ohne version_id)"} wurde nicht gelesen; ob beschreibbarer Inhalt vorliegt, ist damit offen \u2014 keine Absage.`
+          }
+        ]
+      };
+    }
+    const inhalt = describableContent(szenenPayload.payload);
+    if (!inhalt.ok) {
+      return { state: "no", reasons: [{ kind: "structure", message: inhalt.message }] };
+    }
+    return { state: "yes", reasons: [] };
+  })();
+  const promptDiagnostics = [
+    ...schemaErrors.map((e) => diagnosticOfSchemaError(e, `Scene Setup ${elementId}`)),
+    ...promptDiagnosticsOf(checks)
+  ];
   return {
     can_describe_scene: describe,
-    can_render_prompt: derived("can_render_prompt"),
+    can_render_prompt: promptFlag,
     can_place: derived("can_place", {
       ok: hasPlacementCapability(setupPayload),
       message: "Das Scene Setup traegt kein coordinate_system und ist damit nicht platzierbar (D-65)."
     }),
     checks,
-    schemaErrors
+    schemaErrors,
+    promptDiagnostics
+  };
+}
+function sceneOnlyCapabilities(scenePayload) {
+  const knoten = nodeCountOf(scenePayload);
+  const inhalt = describableContent(scenePayload);
+  return {
+    can_describe_scene: knoten > 0 ? { state: "yes", reasons: [] } : {
+      state: "no",
+      reasons: [{
+        kind: "structure",
+        message: "Die Szene hat keine Knoten. Ohne Knoten gibt es nichts zu beschreiben."
+      }]
+    },
+    can_render_prompt: inhalt.ok ? { state: "yes", reasons: [] } : { state: "no", reasons: [{ kind: "structure", message: inhalt.message }] },
+    can_place: {
+      state: "no",
+      reasons: [{
+        kind: "structure",
+        message: "Zu dieser Szene gehoert kein Scene Setup. Weltplatzierung und coordinate_system liegen ausschliesslich dort (D-39/D-65) \u2014 es gibt also keine belastbaren Koordinaten."
+      }]
+    }
   };
 }
 
@@ -13007,60 +13202,72 @@ var CapabilityPanel = ({ port, elementId, setupPayload }) => {
   ] });
 };
 
-// src/features/szenen/areas/ChainPromptAction.tsx
+// src/features/szenen/areas/PromptStartAction.tsx
 var import_react38 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var ChainPromptAction = ({
+var PromptStartAction = ({
   port,
-  shotElementId
+  source,
+  hinweise = [],
+  blocker = null,
+  onLauf
 }) => {
   const [lauf, setLauf] = (0, import_react38.useState)(null);
   const [meldung, setMeldung] = (0, import_react38.useState)(null);
   const [ausgang, setAusgang] = (0, import_react38.useState)(null);
   const [laeuft, setLaeuft] = (0, import_react38.useState)(false);
   const runs = port.runs;
+  const ausKette = source.kind === "draft_chain";
+  const id = (name) => ausKette ? `kette-${name}` : `szene-${name}`;
   async function erzeugen() {
     setLaeuft(true);
     setMeldung(null);
     setAusgang(null);
     try {
-      const ergebnis = await runs.startRunFromDraft({ shotElementId });
+      const ergebnis = source.kind === "draft_chain" ? await runs.startRunFromDraft({ shotElementId: source.shotElementId }) : await runs.startRunFromScene({ sceneElementId: source.sceneElementId });
       if (ergebnis.kind !== "ok") {
         setMeldung(ergebnis.kind === "unsupported" ? `Dieser Host kann "${ergebnis.capability}" nicht.` : ergebnis.message);
         setAusgang(ergebnis.kind === "unsupported" ? "error" : ergebnis.kind);
         return;
       }
       setLauf(ergebnis.value);
+      onLauf?.();
     } finally {
       setLaeuft(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "szenen-kette", "data-testid": "kette-prompt-aktion", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h5", { children: "Prompt aus der Draft-Kette" }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "szenen-area__lead", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "szenen-kette", "data-testid": id("prompt-aktion"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h5", { children: ausKette ? "Prompt aus der Draft-Kette" : "Prompt aus dieser Szene" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "szenen-area__lead", children: ausKette ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
       "Dieser Shot geh\xF6rt zu einer Draft-Kette. Der Lauf friert Szene, Aufbau und Shot in dem Stand ein, den er gerade vorfindet \u2014",
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: "ohne" }),
       " dass etwas ver\xF6ffentlicht werden muss."
-    ] }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+      "Der Lauf friert diese Szene in dem Stand ein, den er gerade vorfindet. Bildaufbau, Kamera und Zielmodell sind ",
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: "nicht n\xF6tig" }),
+      " \u2014 was fehlt, wird weggelassen und am Lauf festgehalten, nicht erg\xE4nzt."
+    ] }) }),
+    hinweise.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "szenen-detail__hint", "data-testid": id("hinweise"), role: "status", children: hinweise.map((hinweis, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { children: hinweis }, i)) }),
+    blocker && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "szenen-error", role: "alert", "data-testid": id("blocker"), children: blocker }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "button",
       {
         type: "button",
-        disabled: laeuft,
+        disabled: laeuft || blocker !== null,
         onClick: () => void erzeugen(),
-        "data-testid": "kette-prompt",
-        children: laeuft ? "Pr\xFCft und erzeugt \u2026" : "Draft-Kette pr\xFCfen und Prompt erzeugen (kostet einen Modellaufruf)"
+        "data-testid": id("prompt"),
+        children: laeuft ? "Pr\xFCft und erzeugt \u2026" : ausKette ? "Draft-Kette pr\xFCfen und Prompt erzeugen (kostet einen Modellaufruf)" : "Prompt erzeugen (kostet einen Modellaufruf)"
       }
     ),
-    meldung && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: [
+    meldung && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "szenen-error", role: "alert", "data-testid": id("meldung"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: meldung }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "kette-kein-modell", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: "Es wurde kein Modell gerufen." }) }),
-      ausgang === "conflict" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "kette-konflikt", children: "Ein Entwurf der Kette wurde zwischenzeitlich ge\xE4ndert. Ein erneuter Versuch friert den aktuellen Stand ein." }),
-      ausgang === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "kette-mangel", children: "Die Kette selbst ist noch nicht vollst\xE4ndig. Ein erneuter Versuch \xE4ndert daran nichts \u2014 die Entw\xFCrfe m\xFCssen zuerst erg\xE4nzt werden." }),
-      ausgang === "error" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "kette-technisch", children: "Das war ein technisches Problem beim Zugriff, kein Mangel der Kette. Ein erneuter Versuch ist sinnvoll." })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": id("kein-modell"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("strong", { children: "Es wurde kein Modell gerufen." }) }),
+      ausgang === "conflict" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": id("konflikt"), children: ausKette ? "Ein Entwurf der Kette wurde zwischenzeitlich ge\xE4ndert. Ein erneuter Versuch friert den aktuellen Stand ein." : "Die Szene wurde zwischenzeitlich ge\xE4ndert. Ein erneuter Versuch friert den aktuellen Stand ein." }),
+      ausgang === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": id("mangel"), children: ausKette ? "Die Kette selbst ist noch nicht vollst\xE4ndig. Ein erneuter Versuch \xE4ndert daran nichts \u2014 die Entw\xFCrfe m\xFCssen zuerst erg\xE4nzt werden." : "Aus diesem Stand l\xE4sst sich kein Auftrag herstellen. Ein erneuter Versuch \xE4ndert daran nichts \u2014 die Szene muss zuerst Inhalt bekommen." }),
+      ausgang === "error" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": id("technisch"), children: "Das war ein technisches Problem beim Zugriff, kein fachlicher Mangel. Ein erneuter Versuch ist sinnvoll." })
     ] }),
-    lauf && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "szenen-run", "data-testid": "kette-lauf", children: [
+    lauf && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "szenen-run", "data-testid": id("lauf"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("h5", { children: [
         "Prompt-Lauf ",
         lauf.status === "succeeded" ? "gelungen" : "gescheitert"
@@ -13072,7 +13279,7 @@ var ChainPromptAction = ({
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("code", { children: lauf.model_id }),
         "."
       ] }),
-      lauf.status === "succeeded" && lauf.output && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { className: "szenen-proposal__payload", "data-testid": "kette-prompt-text", children: lauf.output.positive }),
+      lauf.status === "succeeded" && lauf.output && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { className: "szenen-proposal__payload", "data-testid": id("prompt-text"), children: lauf.output.positive }),
       lauf.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "szenen-error", children: [
         lauf.failure?.class,
         " \u2014 ",
@@ -13632,12 +13839,27 @@ var RunImagesPanel = ({ port, lauf }) => {
           "Lauf ",
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { "data-testid": `eingang-lauf-${lauf.run_id}`, children: lauf.run_id })
         ] }),
-        quelle.kind === "published" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+        quelle.kind === "published" && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
           "ver\xF6ffentlichte Shot-Version ",
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { children: quelle.shot_version_id })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+        ] }),
+        quelle.kind === "draft_chain" && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
           "Draft-Kette ",
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { children: quelle.chain_id })
+        ] }),
+        quelle.kind === "scene_direct" && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { "data-testid": `eingang-herkunft-${lauf.run_id}`, children: [
+          "Szene ",
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { children: quelle.scene.element_id }),
+          quelle.scene.draft_id ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+            " \xB7 Entwurf ",
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { children: quelle.scene.draft_id }),
+            " (Revision ",
+            quelle.scene.revision,
+            ")"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+            " \xB7 Version ",
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { children: quelle.scene.version_id })
+          ] })
         ] })
       ] }),
       quelle.kind === "draft_chain" && quelle.derivation_run_id ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
@@ -14203,9 +14425,13 @@ var RunsPanel = ({ port, source, contextId }) => {
   const [notiz, setNotiz] = (0, import_react40.useState)(null);
   const [nachladen, setNachladen] = (0, import_react40.useState)(0);
   const faehig = capabilitiesOf(port);
-  const quellSchluessel = source.kind === "published" ? source.shotVersionId : source.chainId;
+  const quellSchluessel = source.kind === "published" ? source.shotVersionId : source.kind === "draft_chain" ? source.chainId : source.sceneElementId;
   const [phase, neuLaden] = usePortQuery(
-    () => source.kind === "published" ? port.runs.listRunsForShot(source.shotVersionId) : port.runs.listRunsForChain(source.chainId),
+    () => {
+      if (source.kind === "published") return port.runs.listRunsForShot(source.shotVersionId);
+      if (source.kind === "draft_chain") return port.runs.listRunsForChain(source.chainId);
+      return port.runs.listRunsForScene(source.sceneElementId);
+    },
     [port, source.kind, quellSchluessel, nachladen]
   );
   const starten = async () => {
@@ -14244,7 +14470,7 @@ var RunsPanel = ({ port, source, contextId }) => {
       "L\xE4ufe konnten nicht geladen werden: ",
       phase.message
     ] }),
-    phase.status === "ready" && laeufe.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { "data-testid": "keine-laeufe", children: source.kind === "published" ? "F\xFCr diese Shot-Version gibt es noch keinen Lauf." : "F\xFCr diese Draft-Kette gibt es noch keinen Lauf." }),
+    phase.status === "ready" && laeufe.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { "data-testid": "keine-laeufe", children: source.kind === "published" ? "F\xFCr diese Shot-Version gibt es noch keinen Lauf." : source.kind === "draft_chain" ? "F\xFCr diese Draft-Kette gibt es noch keinen Lauf." : "F\xFCr diese Szene gibt es noch keinen direkten Lauf." }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ol", { "data-testid": "runden-liste", children: laeufe.map((lauf) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       RundenEintrag,
       {
@@ -14449,6 +14675,23 @@ var ElementDetail = ({
     if (!kette2) return null;
     return kette2.links[0]?.field ?? null;
   }, [schnappschuss?.draft?.chain]);
+  const laufStand = (0, import_react41.useMemo)(() => {
+    if (!schnappschuss || schnappschuss.element.type !== "scene") return null;
+    if (schnappschuss.draft) return schnappschuss.draft.payload;
+    const kopf = usableHeadVersionId(kopfAufloesung);
+    if (!kopf) return null;
+    return schnappschuss.versions.find((v) => v.version_id === kopf)?.payload ?? null;
+  }, [schnappschuss, kopfAufloesung]);
+  const szenenBlocker = (0, import_react41.useMemo)(() => {
+    if (!schnappschuss || schnappschuss.element.type !== "scene") return null;
+    if (laufStand === null) {
+      return schnappschuss.versions.length > 0 ? "Diese Szene hat keinen Entwurf und in diesem Kontext keinen bevorzugten Kopf. Welcher Stand gilt, entscheidet keine Reihenfolge (D-36) \u2014 bitte oben eine Version als bevorzugt setzen." : "Diese Szene hat noch keinen gespeicherten Stand. Ein Lauf friert ein, was gespeichert ist \u2014 bitte zuerst den Entwurf speichern.";
+    }
+    const flag = sceneOnlyCapabilities(laufStand).can_render_prompt;
+    if (flag.state === "yes") return null;
+    const grund = flag.reasons[0];
+    return grund && "message" in grund ? grund.message : "Kein Lauf moeglich.";
+  }, [schnappschuss, laufStand]);
   const vorschau = (0, import_react41.useMemo)(() => {
     if (!schnappschuss) return null;
     try {
@@ -14582,8 +14825,7 @@ var ElementDetail = ({
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("header", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { children: schnappschuss.metadata?.title ?? "(ohne Titel)" }),
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "szenen-detail__ids", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: typ }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("code", { children: schnappschuss.element.element_id }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { "data-testid": "element-typ", children: elementTypLabel(typ) }),
         schnappschuss.element.retired && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { "data-testid": "ist-stillgelegt", children: "stillgelegt" })
       ] })
     ] }),
@@ -14761,10 +15003,13 @@ var ElementDetail = ({
       // voraus" gilt nur noch fuer den Einzel-Shot.
       draft?.chain ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          ChainPromptAction,
+          PromptStartAction,
           {
             port,
-            shotElementId: schnappschuss.element.element_id
+            source: {
+              kind: "draft_chain",
+              shotElementId: schnappschuss.element.element_id
+            }
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -14784,12 +15029,36 @@ var ElementDetail = ({
         source: { kind: "published", shotVersionId: laufVersionId }
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { "data-testid": "laufquelle-unklar", children: "Dieser Shot hat mehrere ver\xF6ffentlichte Versionen und keinen bevorzugten Kopf in diesem Kontext. Welche davon einen Lauf tr\xE4gt, entscheidet keine Reihenfolge \u2014 bitte oben eine Version anzeigen oder als bevorzugt setzen." })),
-    typ === "scene_setup" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      CapabilityPanel,
-      {
-        port,
-        elementId,
-        setupPayload: payloadAusFormular()
+    typ === "scene" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        PromptStartAction,
+        {
+          port,
+          source: { kind: "scene", sceneElementId: schnappschuss.element.element_id },
+          hinweise: [
+            "Kein Bildaufbau und keine Kamera \u2014 der Prompt wird ohne Kameravorgabe erzeugt.",
+            "Kein Zielmodell \u2014 generische Promptableitung ohne Modelloptimierung.",
+            schnappschuss.draft ? "Eingefroren wird der gespeicherte Entwurf. Nicht gespeicherte Aenderungen im Formular gehen nicht mit." : "Eingefroren wird die wirksame veroeffentlichte Version."
+          ],
+          blocker: szenenBlocker,
+          onLauf: () => setNachladen((n) => n + 1)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        RunsPanel,
+        {
+          port,
+          contextId,
+          source: { kind: "scene", sceneElementId: schnappschuss.element.element_id }
+        }
+      )
+    ] }),
+    typ === "scene_setup" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      CapabilityPanel,
+      {
+        port,
+        elementId,
+        setupPayload: payloadAusFormular()
       }
     ),
     notiz && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
@@ -14808,6 +15077,26 @@ var ElementDetail = ({
   ] });
 };
 
+// src/features/szenen/areas/useSchmalesDisplay.ts
+var import_react42 = require("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] = (0, import_react42.useState)(() => messen(abfrage));
+  (0, import_react42.useEffect)(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const liste = window.matchMedia(abfrage);
+    const aktualisieren = () => setSchmal(liste.matches);
+    aktualisieren();
+    liste.addEventListener?.("change", aktualisieren);
+    return () => liste.removeEventListener?.("change", aktualisieren);
+  }, [abfrage]);
+  return schmal;
+}
+
 // src/features/szenen/areas/ElementsArea.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var ElementsArea = ({
@@ -14816,18 +15105,31 @@ var ElementsArea = ({
   author = "szenen-view",
   restrictToTypes,
   allTypesLabel,
+  listTitle,
   onSelect
 }) => {
   const auswahlTypen = restrictToTypes ?? SZENEN_ELEMENT_TYPES;
-  const [typ, setTyp] = (0, import_react42.useState)(
-    restrictToTypes && restrictToTypes.length === 1 ? restrictToTypes[0] : ""
-  );
-  const [zeigeStillgelegte, setZeigeStillgelegte] = (0, import_react42.useState)(false);
-  const [gewaehlt, setGewaehlt] = (0, import_react42.useState)(null);
-  const [neuerTitel, setNeuerTitel] = (0, import_react42.useState)("");
-  const [neuerTyp, setNeuerTyp] = (0, import_react42.useState)(auswahlTypen[0]);
-  const [notiz, setNotiz] = (0, import_react42.useState)(null);
-  const [anlegend, setAnlegend] = (0, import_react42.useState)(false);
+  const einzelTyp = auswahlTypen.length === 1 ? auswahlTypen[0] : null;
+  const gemischt = auswahlTypen.length > 1;
+  const ueberschrift = listTitle ?? (einzelTyp ? elementTypPlural(einzelTyp) : "Bausteine");
+  const einzahl = einzelTyp ? elementTypLabel(einzelTyp) : "Objekt";
+  const [typ, setTyp] = (0, import_react43.useState)(einzelTyp ?? "");
+  const [zeigeStillgelegte, setZeigeStillgelegte] = (0, import_react43.useState)(false);
+  const [gewaehlt, setGewaehlt] = (0, import_react43.useState)(null);
+  const [neuerTitel, setNeuerTitel] = (0, import_react43.useState)("");
+  const [neuerTyp, setNeuerTyp] = (0, import_react43.useState)(auswahlTypen[0]);
+  const [notiz, setNotiz] = (0, import_react43.useState)(null);
+  const [anlegend, setAnlegend] = (0, import_react43.useState)(false);
+  const [anlageOffen, setAnlageOffen] = (0, import_react43.useState)(false);
+  const schmal = useSchmalesDisplay();
+  const [ansicht, setAnsicht] = (0, import_react43.useState)("liste");
+  const zeigeListe = !schmal || ansicht === "liste";
+  const zeigeDetail = !schmal || ansicht === "detail";
+  const waehle = (elementId) => {
+    setGewaehlt(elementId);
+    setAnsicht("detail");
+    onSelect?.(elementId);
+  };
   const [phase, neuLaden] = usePortQuery(
     () => port.elements.listElements({
       contextId,
@@ -14836,128 +15138,199 @@ var ElementsArea = ({
     }),
     [port, contextId, typ, zeigeStillgelegte]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements", "data-testid": "bereich-elemente", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__filter", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { children: [
-        "Typ",
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-          "select",
-          {
-            "data-testid": "filter-typ",
-            value: typ,
-            onChange: (e) => setTyp(e.target.value),
-            children: [
-              (!restrictToTypes || restrictToTypes.length > 1) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: "", children: allTypesLabel ?? "alle Typen" }),
-              auswahlTypen.map((t) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: t, children: t }, t))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          "input",
-          {
-            type: "checkbox",
-            "data-testid": "filter-stillgelegt",
-            checked: zeigeStillgelegte,
-            onChange: (e) => setZeigeStillgelegte(e.target.checked)
-          }
-        ),
-        "stillgelegte Elemente einblenden"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-      "form",
-      {
-        className: "szenen-elements__create",
-        "data-testid": "element-anlegen",
-        onSubmit: async (e) => {
-          e.preventDefault();
-          if (!neuerTitel.trim()) return;
-          setAnlegend(true);
-          const ergebnis = await port.elements.createElement({
-            type: neuerTyp,
-            title: neuerTitel.trim(),
-            contextId
-          });
-          setNotiz(noticeFor(ergebnis, `Element \u201E${neuerTitel.trim()}" anlegen`));
-          setAnlegend(false);
-          if (ergebnis.kind === "ok") {
-            setNeuerTitel("");
-            setGewaehlt(ergebnis.value.element_id);
-            onSelect?.(ergebnis.value.element_id);
-            neuLaden();
-          }
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "input",
+  const anlageSchliessen = () => {
+    setAnlageOffen(false);
+    setNeuerTitel("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    "div",
+    {
+      className: "szenen-elements",
+      "data-testid": "bereich-elemente",
+      "data-ansicht": schmal ? ansicht : "beide",
+      children: [
+        zeigeListe && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__master", "data-testid": "elemente-master", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__toolbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "szenen-elements__heading", children: ueberschrift }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "szenen-elements__new",
+                "data-testid": "neu-oeffnen",
+                "aria-expanded": anlageOffen,
+                onClick: () => {
+                  setNotiz(null);
+                  if (anlageOffen) anlageSchliessen();
+                  else setAnlageOffen(true);
+                },
+                children: "+ Neu"
+              }
+            )
+          ] }),
+          gemischt && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "szenen-elements__scope", children: [
+            "Art",
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+              "select",
+              {
+                "data-testid": "filter-typ",
+                value: typ,
+                onChange: (e) => setTyp(e.target.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: "", children: allTypesLabel ?? "alle Typen" }),
+                  auswahlTypen.map((t) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: t, children: elementTypPlural(t) }, t))
+                ]
+              }
+            )
+          ] }),
+          anlageOffen && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            "form",
             {
-              "data-testid": "neuer-titel",
-              value: neuerTitel,
-              placeholder: "Titel des neuen Elements",
-              onChange: (e) => setNeuerTitel(e.target.value)
+              className: "szenen-elements__create",
+              "data-testid": "element-anlegen",
+              onSubmit: async (e) => {
+                e.preventDefault();
+                if (!neuerTitel.trim()) return;
+                setAnlegend(true);
+                const gewuenschterTyp = einzelTyp ?? neuerTyp;
+                const titel = neuerTitel.trim();
+                const ergebnis = await port.elements.createElement({
+                  type: gewuenschterTyp,
+                  title: titel,
+                  contextId
+                });
+                setNotiz(noticeFor(
+                  ergebnis,
+                  `${elementTypLabel(gewuenschterTyp)} \u201E${titel}" anlegen`
+                ));
+                setAnlegend(false);
+                if (ergebnis.kind === "ok") {
+                  anlageSchliessen();
+                  waehle(ergebnis.value.element_id);
+                  neuLaden();
+                }
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "szenen-elements__create-title", children: [
+                  einzelTyp ? `Neue ${einzahl}` : "Titel",
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    "input",
+                    {
+                      "data-testid": "neuer-titel",
+                      value: neuerTitel,
+                      autoFocus: true,
+                      placeholder: einzelTyp ? `Titel der neuen ${einzahl}` : "Titel",
+                      onChange: (e) => setNeuerTitel(e.target.value)
+                    }
+                  )
+                ] }),
+                gemischt && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "szenen-elements__create-type", children: [
+                  "Art",
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    "select",
+                    {
+                      "data-testid": "neuer-typ",
+                      value: neuerTyp,
+                      onChange: (e) => setNeuerTyp(e.target.value),
+                      children: auswahlTypen.map((t) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: t, children: elementTypLabel(t) }, t))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__create-actions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    "button",
+                    {
+                      type: "submit",
+                      "data-testid": "anlegen",
+                      disabled: anlegend || !neuerTitel.trim(),
+                      children: "anlegen"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": "anlegen-abbrechen",
+                      onClick: anlageSchliessen,
+                      children: "abbrechen"
+                    }
+                  )
+                ] })
+              ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "select",
+          notiz && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { "data-testid": "anlegen-notiz", "data-tone": notiz.tone, children: notiz.text }),
+          phase.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { "data-testid": "elemente-laden", children: "Elemente werden geladen \u2026" }),
+          phase.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { "data-testid": "elemente-fehler", role: "alert", children: [
+            "Elemente konnten nicht geladen werden: ",
+            phase.message,
+            phase.retryable && " \u2014 ein erneuter Versuch kann helfen."
+          ] }),
+          phase.status === "ready" && phase.value.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { "data-testid": "elemente-leer", children: [
+            typ ? `Keine ${elementTypPlural(typ)} in diesem Kontext.` : "Nichts in diesem Kontext.",
+            " ",
+            'Mit \u201E+ Neu" anlegen.'
+          ] }),
+          phase.status === "ready" && phase.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "szenen-elements__list", "data-testid": "elemente-liste", children: phase.value.map((element) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { "data-element-id": element.element_id, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            "button",
+            {
+              type: "button",
+              "data-testid": `element-waehlen-${element.element_id}`,
+              "aria-current": element.element_id === gewaehlt,
+              className: element.element_id === gewaehlt ? "is-selected" : void 0,
+              onClick: () => waehle(element.element_id),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { className: "szenen-elements__title", children: element.title || "Unbenanntes Element" }),
+                gemischt && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__type", children: elementTypLabel(element.type) }),
+                element.subtype && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__subtype", children: element.subtype }),
+                element.retired && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__retired", children: "stillgelegt" })
+              ]
+            }
+          ) }, element.element_id)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("details", { className: "szenen-elements__options", "data-testid": "listen-optionen", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("summary", { children: "Listenoptionen" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__filter", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    "data-testid": "filter-stillgelegt",
+                    checked: zeigeStillgelegte,
+                    onChange: (e) => setZeigeStillgelegte(e.target.checked)
+                  }
+                ),
+                "stillgelegte Elemente einblenden"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", "data-testid": "neu-laden", onClick: neuLaden, children: "neu laden" })
+            ] })
+          ] })
+        ] }),
+        zeigeDetail && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "szenen-elements__detail", "data-testid": "elemente-detail-spalte", children: [
+          schmal && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "button",
             {
-              "data-testid": "neuer-typ",
-              value: neuerTyp,
-              onChange: (e) => setNeuerTyp(e.target.value),
-              children: auswahlTypen.map((t) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: t, children: t }, t))
+              type: "button",
+              className: "szenen-elements__back",
+              "data-testid": "zurueck-zur-liste",
+              onClick: () => setAnsicht("liste"),
+              children: "\u2190 Zur\xFCck zur Liste"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "submit", "data-testid": "anlegen", disabled: anlegend || !neuerTitel.trim(), children: "anlegen" })
-        ]
-      }
-    ),
-    notiz && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { "data-testid": "anlegen-notiz", "data-tone": notiz.tone, children: notiz.text }),
-    phase.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { "data-testid": "elemente-laden", children: "Elemente werden geladen \u2026" }),
-    phase.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { "data-testid": "elemente-fehler", role: "alert", children: [
-      "Elemente konnten nicht geladen werden: ",
-      phase.message,
-      phase.retryable && " \u2014 ein erneuter Versuch kann helfen."
-    ] }),
-    phase.status === "ready" && phase.value.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { "data-testid": "elemente-leer", children: [
-      "Keine Elemente in diesem Kontext",
-      typ ? ` mit Typ \u201E${typ}"` : "",
-      "."
-    ] }),
-    phase.status === "ready" && phase.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "szenen-elements__list", "data-testid": "elemente-liste", children: phase.value.map((element) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { "data-element-id": element.element_id, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-      "button",
-      {
-        type: "button",
-        "aria-current": element.element_id === gewaehlt,
-        className: element.element_id === gewaehlt ? "is-selected" : void 0,
-        onClick: () => {
-          setGewaehlt(element.element_id);
-          onSelect?.(element.element_id);
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { className: "szenen-elements__title", children: element.title || "Unbenanntes Element" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__type", children: element.type }),
-          element.subtype && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__subtype", children: element.subtype }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "szenen-elements__technical", children: [
-            "ID ",
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { className: "szenen-elements__id", children: element.element_id })
-          ] }),
-          element.retired && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "szenen-elements__retired", children: "stillgelegt" })
-        ]
-      }
-    ) }, element.element_id)) }),
-    gewaehlt && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      ElementDetail,
-      {
-        port,
-        elementId: gewaehlt,
-        contextId,
-        author,
-        onChanged: neuLaden
-      }
-    )
-  ] });
+          gewaehlt ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            ElementDetail,
+            {
+              port,
+              elementId: gewaehlt,
+              contextId,
+              author,
+              onChanged: neuLaden
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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
@@ -14970,14 +15343,15 @@ var SceneArea = ({ port, contextId }) => /* @__PURE__ */ (0, import_jsx_runtime3
 // src/features/szenen/areas/SetupArea.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var SetupArea = ({ port, contextId }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "szenen-setup", "data-testid": "bereich-setup", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "szenen-area__lead", children: "Scene Setups und Camera Rigs dieses Kontexts." }),
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "szenen-area__lead", children: "Bildaufbauten, Kameras und Stile dieses Kontexts." }),
   /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     ElementsArea,
     {
       port,
       contextId,
       restrictToTypes: ["scene_setup", "camera_preset", "camera_pattern", "style"],
-      allTypesLabel: "alle Bildaufbau-Typen"
+      allTypesLabel: "alle Bildaufbau-Typen",
+      listTitle: "Bildaufbau"
     }
   )
 ] });
@@ -14985,34 +15359,35 @@ var SetupArea = ({ port, contextId }) => /* @__PURE__ */ (0, import_jsx_runtime4
 // src/features/szenen/areas/ShotArea.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var ShotArea = ({ port, contextId }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "szenen-shot", "data-testid": "bereich-shot", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "szenen-area__lead", children: "Shots dieses Kontexts. Auswahl zeigt Runden und startet Prompt-L\xE4ufe." }),
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "szenen-area__lead", children: "Prompts dieses Kontexts. Auswahl zeigt Runden und startet Prompt-L\xE4ufe." }),
   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     ElementsArea,
     {
       port,
       contextId,
       restrictToTypes: ["shot", "shot_concept", "target_model"],
-      allTypesLabel: "alle Prompt-Typen"
+      allTypesLabel: "alle Prompt-Typen",
+      listTitle: "Prompts"
     }
   )
 ] });
 
 // src/features/szenen/areas/MediaArea.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var leer = async () => ({ kind: "ok", value: [] });
 var MediaArea = ({ port }) => {
   const media = port.media;
-  const [versionInput, setVersionInput] = (0, import_react43.useState)("");
-  const [versionId, setVersionId] = (0, import_react43.useState)("");
-  const [itemInput, setItemInput] = (0, import_react43.useState)("");
-  const [itemId, setItemId] = (0, import_react43.useState)("");
-  const [assetId, setAssetId] = (0, import_react43.useState)("");
-  const [role, setRole] = (0, import_react43.useState)("reference");
-  const [position, setPosition] = (0, import_react43.useState)("0");
-  const [notiz, setNotiz] = (0, import_react43.useState)(null);
-  const [busy, setBusy] = (0, import_react43.useState)(false);
-  const [refresh, setRefresh] = (0, import_react43.useState)(0);
+  const [versionInput, setVersionInput] = (0, import_react44.useState)("");
+  const [versionId, setVersionId] = (0, import_react44.useState)("");
+  const [itemInput, setItemInput] = (0, import_react44.useState)("");
+  const [itemId, setItemId] = (0, import_react44.useState)("");
+  const [assetId, setAssetId] = (0, import_react44.useState)("");
+  const [role, setRole] = (0, import_react44.useState)("reference");
+  const [position, setPosition] = (0, import_react44.useState)("0");
+  const [notiz, setNotiz] = (0, import_react44.useState)(null);
+  const [busy, setBusy] = (0, import_react44.useState)(false);
+  const [refresh, setRefresh] = (0, import_react44.useState)(0);
   const [versionPhase] = usePortQuery(
     () => versionId ? media.listVersionMedia(versionId) : leer(),
     [media, versionId, refresh]
@@ -15138,7 +15513,7 @@ var MediaArea = ({ port }) => {
 };
 
 // src/features/szenen/areas/DeriveArea.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 
 // src/lib/szenen/derivationExamples.ts
 var PROPOSAL_EXAMPLE = {
@@ -15546,7 +15921,7 @@ function validateDerivationInput(input) {
   if (input.policy.produces.length === 0) return "Die Regel erzeugt keinen einzigen Vorschlag.";
   return null;
 }
-var isObject9 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isObject10 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
 var MAX_PROPOSAL_TITLE_LENGTH = 120;
 function fallbackProposalTitle(type) {
   return `Rekonstruktion ${type}`;
@@ -15572,7 +15947,7 @@ function resolveJsonPointer(wurzel, pointer) {
       aktuell = aktuell[index];
       continue;
     }
-    if (!isObject9(aktuell) || !(schluessel in aktuell)) {
+    if (!isObject10(aktuell) || !(schluessel in aktuell)) {
       return { found: false, value: void 0 };
     }
     aktuell = aktuell[schluessel];
@@ -15586,7 +15961,7 @@ function collectVersionRefs2(value) {
       knoten.forEach(besuchen);
       return;
     }
-    if (!isObject9(knoten)) return;
+    if (!isObject10(knoten)) return;
     if (typeof knoten.element_id === "string" && typeof knoten.version_id === "string") {
       gefunden.push({ element_id: knoten.element_id, version_id: knoten.version_id });
     }
@@ -15652,7 +16027,7 @@ function assessDerivationResponse(value, input) {
     envelope: null,
     contract_ok: false
   });
-  if (!isObject9(value)) {
+  if (!isObject10(value)) {
     befund({
       code: "response.not_object",
       severity: "error",
@@ -15670,7 +16045,7 @@ function assessDerivationResponse(value, input) {
     });
   }
   const rohProposals = value.proposals;
-  const proposalsLesbar = isObject9(rohProposals);
+  const proposalsLesbar = isObject10(rohProposals);
   if (!proposalsLesbar) {
     befund({
       code: "envelope.proposals_missing",
@@ -15680,7 +16055,7 @@ function assessDerivationResponse(value, input) {
     });
   }
   const roh = proposalsLesbar ? rohProposals : {};
-  const rohGaps = isObject9(value.gaps) ? value.gaps : {};
+  const rohGaps = isObject10(value.gaps) ? value.gaps : {};
   const gapsUngefragt = Object.keys(rohGaps).filter(
     (t) => !input.policy.produces.includes(t)
   );
@@ -15692,7 +16067,7 @@ function assessDerivationResponse(value, input) {
       pointer: "/gaps"
     });
   }
-  const fehlend = input.policy.produces.filter((t) => !isObject9(roh[t]));
+  const fehlend = input.policy.produces.filter((t) => !isObject10(roh[t]));
   if (fehlend.length > 0 && proposalsLesbar) {
     const d = befund({
       code: "envelope.proposals_missing_types",
@@ -15713,10 +16088,10 @@ function assessDerivationResponse(value, input) {
       pointer: "/proposals"
     });
   }
-  const rohTitles = isObject9(value.titles) ? value.titles : {};
+  const rohTitles = isObject10(value.titles) ? value.titles : {};
   const umgebucht = [];
   for (const type of input.policy.produces) {
-    if (!isObject9(roh[type])) continue;
+    if (!isObject10(roh[type])) continue;
     const payload = roh[type];
     const eigene = [];
     const bezug = REFERENCE_FIELD[type];
@@ -15752,7 +16127,7 @@ function assessDerivationResponse(value, input) {
     const bezugPointer = bezug ? `/${bezug.field}` : null;
     let gapFehler = false;
     for (const eintrag of benannt) {
-      if (!isObject9(eintrag) || typeof eintrag.pointer !== "string" || typeof eintrag.reason !== "string" || !eintrag.reason.trim()) {
+      if (!isObject10(eintrag) || typeof eintrag.pointer !== "string" || typeof eintrag.reason !== "string" || !eintrag.reason.trim()) {
         eigene.push(befund({
           code: "proposal.gap_entry_invalid",
           severity: "error",
@@ -15828,7 +16203,7 @@ function assessDerivationResponse(value, input) {
       });
     } else {
       for (const eintrag of value.not_derivable) {
-        if (!isObject9(eintrag) || typeof eintrag.field !== "string" || typeof eintrag.reason !== "string") {
+        if (!isObject10(eintrag) || typeof eintrag.field !== "string" || typeof eintrag.reason !== "string") {
           befund({
             code: "envelope.not_derivable_entry_invalid",
             severity: "error",
@@ -15853,7 +16228,7 @@ function assessDerivationResponse(value, input) {
       });
     } else {
       for (const eintrag of value.conflicts) {
-        if (!isObject9(eintrag) || typeof eintrag.field !== "string" || typeof eintrag.from_image !== "string" || typeof eintrag.from_prompt !== "string") {
+        if (!isObject10(eintrag) || typeof eintrag.field !== "string" || typeof eintrag.from_image !== "string" || typeof eintrag.from_prompt !== "string") {
           befund({
             code: "envelope.conflicts_entry_invalid",
             severity: "error",
@@ -15977,7 +16352,7 @@ async function runSceneDerivation(input, port, userPrompt) {
 }
 
 // src/features/szenen/areas/RecoveryPanel.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var Diagnosen = ({ befunde, testId }) => {
   if (befunde.length === 0) return null;
@@ -16028,11 +16403,11 @@ var Ausbeute = ({ bewertung }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)
   ] })
 ] });
 var RecoveryPanel = ({ port, lauf }) => {
-  const [arbeitskopie, setArbeitskopie] = (0, import_react44.useState)(null);
-  const [bewertung, setBewertung] = (0, import_react44.useState)(null);
-  const [gesichert, setGesichert] = (0, import_react44.useState)(null);
-  const [meldung, setMeldung] = (0, import_react44.useState)(null);
-  const [laeuft, setLaeuft] = (0, import_react44.useState)(false);
+  const [arbeitskopie, setArbeitskopie] = (0, import_react45.useState)(null);
+  const [bewertung, setBewertung] = (0, import_react45.useState)(null);
+  const [gesichert, setGesichert] = (0, import_react45.useState)(null);
+  const [meldung, setMeldung] = (0, import_react45.useState)(null);
+  const [laeuft, setLaeuft] = (0, import_react45.useState)(false);
   if (!port.derivation) return null;
   if (typeof lauf.raw_output !== "string" || lauf.raw_output.length === 0) return null;
   const derivation = port.derivation;
@@ -16155,12 +16530,12 @@ var RecoveryPanel = ({ port, lauf }) => {
 };
 
 // src/features/szenen/areas/ChainActions.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var ChainActions = ({ port, runId, recoveryId }) => {
-  const [graph, setGraph] = (0, import_react45.useState)(null);
-  const [meldung, setMeldung] = (0, import_react45.useState)(null);
-  const [laeuft, setLaeuft] = (0, import_react45.useState)(false);
+  const [graph, setGraph] = (0, import_react46.useState)(null);
+  const [meldung, setMeldung] = (0, import_react46.useState)(null);
+  const [laeuft, setLaeuft] = (0, import_react46.useState)(false);
   if (!port.derivation) return null;
   const derivation = port.derivation;
   const runs = port.runs;
@@ -16226,7 +16601,13 @@ var ChainActions = ({ port, runId, recoveryId }) => {
     ] }),
     shotKnoten && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)(ChainPromptAction, { port, shotElementId: shotKnoten.elementId })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        PromptStartAction,
+        {
+          port,
+          source: { kind: "draft_chain", shotElementId: shotKnoten.elementId }
+        }
+      )
     ] }),
     meldung && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "szenen-error", role: "alert", "data-testid": "kette-meldung", children: meldung })
   ] });
@@ -16240,8 +16621,8 @@ var MODUS_TEXT = {
   image_prompt: "Bild und Prompt"
 };
 var BelegFeld = ({ titel, text, testId, offen }) => {
-  const [kopiert, setKopiert] = (0, import_react46.useState)(false);
-  const feld = (0, import_react46.useRef)(null);
+  const [kopiert, setKopiert] = (0, import_react47.useState)(false);
+  const feld = (0, import_react47.useRef)(null);
   async function kopieren() {
     try {
       await navigator.clipboard.writeText(text);
@@ -16337,7 +16718,7 @@ function readAsBase642(datei) {
   });
 }
 var BildWaehler = ({ port, gewaehlt, onWaehlen, onEntfernen }) => {
-  const [suche, setSuche] = (0, import_react46.useState)("");
+  const [suche, setSuche] = (0, import_react47.useState)("");
   const [bilder] = usePortQuery(
     () => port.imageLibrary.listImages({ search: suche.trim() || void 0, limit: 60 }),
     [port, suche]
@@ -16395,19 +16776,19 @@ async function digestOf(datei) {
   return [...new Uint8Array(hash)].map((b) => b.toString(16).padStart(2, "0")).join("");
 }
 var DeriveArea = ({ port, contextId }) => {
-  const [policyVersionId, setPolicyVersionId] = (0, import_react46.useState)("");
-  const [modus, setModus] = (0, import_react46.useState)("prompt");
-  const [promptText, setPromptText] = (0, import_react46.useState)("");
-  const [dateien, setDateien] = (0, import_react46.useState)([]);
-  const [bestandsbilder, setBestandsbilder] = (0, import_react46.useState)([]);
-  const [laeuft, setLaeuft] = (0, import_react46.useState)(false);
-  const [lauf, setLauf] = (0, import_react46.useState)(null);
-  const [meldung, setMeldung] = (0, import_react46.useState)(null);
-  const [uebernommen, setUebernommen] = (0, import_react46.useState)({});
-  const [titel, setTitel] = (0, import_react46.useState)({});
-  const [referenzen, setReferenzen] = (0, import_react46.useState)({});
-  const [beanstandung, setBeanstandung] = (0, import_react46.useState)(null);
-  const [zusatz, setZusatz] = (0, import_react46.useState)("");
+  const [policyVersionId, setPolicyVersionId] = (0, import_react47.useState)("");
+  const [modus, setModus] = (0, import_react47.useState)("prompt");
+  const [promptText, setPromptText] = (0, import_react47.useState)("");
+  const [dateien, setDateien] = (0, import_react47.useState)([]);
+  const [bestandsbilder, setBestandsbilder] = (0, import_react47.useState)([]);
+  const [laeuft, setLaeuft] = (0, import_react47.useState)(false);
+  const [lauf, setLauf] = (0, import_react47.useState)(null);
+  const [meldung, setMeldung] = (0, import_react47.useState)(null);
+  const [uebernommen, setUebernommen] = (0, import_react47.useState)({});
+  const [titel, setTitel] = (0, import_react47.useState)({});
+  const [referenzen, setReferenzen] = (0, import_react47.useState)({});
+  const [beanstandung, setBeanstandung] = (0, import_react47.useState)(null);
+  const [zusatz, setZusatz] = (0, import_react47.useState)("");
   const [regeln] = usePortQuery(
     () => port.derivation.listPolicies(contextId),
     [port, contextId]
@@ -16791,9 +17172,9 @@ var SzenenView = ({
   initialArea,
   onAreaChange
 }) => {
-  const bereiche = (0, import_react47.useMemo)(() => areasFor(port), [port]);
-  const faehig = (0, import_react47.useMemo)(() => capabilitiesOf(port), [port]);
-  const [aktiv, setAktiv] = (0, import_react47.useState)(() => resolveArea(port, initialArea));
+  const bereiche = (0, import_react48.useMemo)(() => areasFor(port), [port]);
+  const faehig = (0, import_react48.useMemo)(() => capabilitiesOf(port), [port]);
+  const [aktiv, setAktiv] = (0, import_react48.useState)(() => resolveArea(port, initialArea));
   const wechsle = (id) => {
     setAktiv(id);
     onAreaChange?.(id);
@@ -16824,7 +17205,16 @@ var SzenenView = ({
     )) }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: "szenen-view__area", "aria-label": aktuellerBereich.title, children: [
       aktiv === "derive" && port.derivation && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DeriveArea, { port, contextId }),
-      aktiv === "elements" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ElementsArea, { port, contextId }),
+      aktiv === "elements" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        ElementsArea,
+        {
+          port,
+          contextId,
+          restrictToTypes: BAUSTEIN_TYPES,
+          allTypesLabel: "alle Bausteine",
+          listTitle: "Bausteine"
+        }
+      ),
       aktiv === "scene" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SceneArea, { port, contextId }),
       aktiv === "setup" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SetupArea, { port, contextId }),
       aktiv === "shot" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ShotArea, { port, contextId }),
@@ -17602,7 +17992,7 @@ var CHAIN_EDGES = {
   scene_ref: { from: "scene_setup", to: "scene" },
   scene_setup_ref: { from: "shot", to: "scene_setup" }
 };
-function istText2(wert) {
+function istText3(wert) {
   return typeof wert === "string" && wert.trim().length > 0;
 }
 function checkDraftChainMeta(meta, type) {
@@ -17613,14 +18003,14 @@ function checkDraftChainMeta(meta, type) {
     };
   }
   const m = meta;
-  if (!istText2(m.chain_id)) return { ok: false, message: '"chain_id" fehlt oder ist leer.' };
-  if (!istText2(m.source_run_id)) {
+  if (!istText3(m.chain_id)) return { ok: false, message: '"chain_id" fehlt oder ist leer.' };
+  if (!istText3(m.source_run_id)) {
     return {
       ok: false,
       message: '"source_run_id" fehlt oder ist leer \u2014 ohne sie ist die Herkunft eines Kettenknotens nicht rekonstruierbar (D-96/B3).'
     };
   }
-  if (m.source_recovery_id !== void 0 && !istText2(m.source_recovery_id)) {
+  if (m.source_recovery_id !== void 0 && !istText3(m.source_recovery_id)) {
     return { ok: false, message: '"source_recovery_id" ist gesetzt, aber leer.' };
   }
   if (!Array.isArray(m.links)) {
@@ -17645,7 +18035,7 @@ function checkDraftChainMeta(meta, type) {
         message: `"${l.field}" gehoert an einen ${kante.from}, nicht an einen ${type}.`
       };
     }
-    if (!istText2(l.target_element_id) || !istText2(l.target_draft_id)) {
+    if (!istText3(l.target_element_id) || !istText3(l.target_draft_id)) {
       return {
         ok: false,
         message: `"links[${index}]" braucht target_element_id und target_draft_id.`
@@ -18292,12 +18682,12 @@ function createHfEventChannel(options) {
 // src/lib/szenen/resolve.ts
 var ResolveTechnicalError = class extends Error {
 };
-var isObject10 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-var asArray2 = (v) => Array.isArray(v) ? v : [];
+var isObject11 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var asArray3 = (v) => Array.isArray(v) ? v : [];
 var str = (v) => typeof v === "string" ? v : null;
 var num = (v) => typeof v === "number" ? v : null;
 async function refOf(resolver, ref, expected, path) {
-  const versionId = isObject10(ref) ? str(ref.version_id) : null;
+  const versionId = isObject11(ref) ? str(ref.version_id) : null;
   if (!versionId) {
     return {
       ok: false,
@@ -18349,8 +18739,11 @@ async function refOf(resolver, ref, expected, path) {
   }
   return { ok: true, version: version2 };
 }
+function ausgelassen(diagnostics, code, path, message) {
+  diagnostics.push({ code, origin: "resolution", path, message });
+}
 function entraeumlichtePlatzierung(placement, assumptions) {
-  if (!isObject10(placement)) return null;
+  if (!isObject11(placement)) return null;
   if (placement.mode !== "pattern") {
     assumptions.push(
       `Die Kameraplatzierung (mode "${str(placement.mode) ?? "unbekannt"}") ist metrisch und entfaellt ohne can_place. Der Renderer darf daraus keine Position ableiten.`
@@ -18365,7 +18758,7 @@ function entraeumlichtePlatzierung(placement, assumptions) {
   const entfallen = [];
   if (placement.offsets !== void 0) entfallen.push("offsets");
   const height = placement.height;
-  if (isObject10(height)) {
+  if (isObject11(height)) {
     if (height.mode === "anchor") {
       const behalteneHoehe = {
         mode: "anchor",
@@ -18444,142 +18837,328 @@ async function resolveShotPayload(input) {
     chain
   } = input;
   const assumptions = [];
-  const shotVersion = {
-    version_id: shotVersionId,
-    element_id: shotElementId,
-    payload: shotPayload
-  };
-  const shotErrors = ohneKettenReferenz(
-    validatePayload("shot", shotVersion.payload).errors,
-    chain ? "scene_setup_ref" : null
-  );
-  if (shotErrors.length > 0) {
+  const diagnostics = [];
+  if (!isObject11(shotPayload)) {
     return {
       kind: "rejected",
       failure: {
         class: "schema",
         where: "shot",
-        message: `Die Shot-Payload verletzt das Schema (${shotErrors.length} Befunde). Es wurde keine ihrer Referenzen aufgeloest.`,
-        errors: shotErrors
+        message: `Die Shot-Payload ist kein Objekt, sondern ${Array.isArray(shotPayload) ? "ein Array" : typeof shotPayload}. Daraus laesst sich kein Auftrag herstellen.`,
+        errors: []
+      }
+    };
+  }
+  const shot = shotPayload;
+  for (const fehler4 of ohneKettenReferenz(
+    validatePayload("shot", shotPayload).errors,
+    chain ? "scene_setup_ref" : null
+  )) {
+    diagnostics.push(diagnosticOfSchemaError(fehler4, `Shot ${shotElementId}`));
+  }
+  let setup = null;
+  let report = null;
+  let canPlace = false;
+  let capabilities;
+  let scene;
+  const nenntSetup = chain !== void 0 || shot.scene_setup_ref !== void 0;
+  if (!nenntSetup) {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "no_content",
+        message: `Der Shot ${shotElementId} nennt kein scene_setup_ref und fuehrt keine Draft-Kette. Ohne Setup gibt es keinen Weg zu einer Szene und damit keinen beschreibbaren Inhalt.`
       }
     };
   }
-  const shot = shotVersion.payload;
   const setupRef = chain ? { ok: true, version: chain.setup } : await refOf(resolver, shot.scene_setup_ref, "scene_setup", "/scene_setup_ref");
   if (!setupRef.ok) return { kind: "rejected", failure: setupRef.failure };
-  const setupErrors = ohneKettenReferenz(
-    validatePayload("scene_setup", setupRef.version.payload).errors,
-    chain ? "scene_ref" : null
-  );
-  if (setupErrors.length > 0) {
+  if (!isObject11(setupRef.version.payload)) {
     return {
       kind: "rejected",
       failure: {
         class: "schema",
         where: "scene_setup",
-        message: `Die Scene-Setup-Payload verletzt das Schema (${setupErrors.length} Befunde). Weder ihre Referenzen noch der Faehigkeitsbericht wurden mit einem Resolver gefahren.`,
-        errors: setupErrors
+        message: `Die Scene-Setup-Payload ist kein Objekt, sondern ${Array.isArray(setupRef.version.payload) ? "ein Array" : typeof setupRef.version.payload}.`,
+        errors: []
       }
     };
   }
-  const setup = setupRef.version.payload;
-  const report = await capabilityReport({
+  setup = {
+    element_id: setupRef.version.element_id,
+    version_id: setupRef.version.version_id,
+    payload: setupRef.version.payload
+  };
+  report = await capabilityReport({
     type: "scene_setup",
-    setupPayload: setup,
-    elementId: setupRef.version.element_id,
+    setupPayload: setup.payload,
+    elementId: setup.element_id,
     resolver,
     // Bei einer Draft-Kette kommt die Szene von hier, nicht aus `scene_ref`
     // (C1). Dasselbe Regelwerk, ein anderer Weg zur selben Szene.
     ...chain ? { chainScene: chain.scene.payload } : {}
   });
-  const gate = capabilityGate(report, "can_render_prompt");
-  if (gate) return { kind: "rejected", failure: gate };
-  const placeGate = capabilityGate(report, "can_place");
-  if (placeGate && placeGate.class === "capability_undetermined") {
-    return { kind: "rejected", failure: placeGate };
-  }
-  const canPlace = report.can_place.state === "yes";
+  diagnostics.push(...report.promptDiagnostics);
+  canPlace = report.can_place.state === "yes";
   if (!canPlace) {
     assumptions.push(
-      "can_place ist nicht erfuellt \u2014 alle Platzierungen bleiben null. Der Renderer darf daraus keine Koordinaten ableiten (D-47)."
+      `can_place ist "${report.can_place.state}" \u2014 alle Platzierungen bleiben null. Der Renderer darf daraus keine Koordinaten ableiten (D-47).`
     );
   }
-  const sceneRef = chain ? { ok: true, version: chain.scene } : await refOf(resolver, setup.scene_ref, "scene", "/scene_ref");
+  capabilities = {
+    can_describe_scene: report.can_describe_scene.state,
+    can_render_prompt: report.can_render_prompt.state,
+    can_place: report.can_place.state
+  };
+  const sceneRef = chain ? { ok: true, version: chain.scene } : await refOf(resolver, setup.payload.scene_ref, "scene", "/scene_ref");
   if (!sceneRef.ok) return { kind: "rejected", failure: sceneRef.failure };
-  const scene = sceneRef.version.payload;
-  const cameraId = str(shot.camera_id) ?? "";
-  const rig = isObject10(setup.camera_rig) ? setup.camera_rig : {};
-  const cameras = asArray2(rig.cameras);
-  const cameraIndex = cameras.findIndex(
-    (camera2) => isObject10(camera2) && camera2.camera_id === cameraId
-  );
-  if (cameraIndex < 0) {
+  if (!isObject11(sceneRef.version.payload)) {
     return {
       kind: "rejected",
       failure: {
-        class: "reference_unresolvable",
-        message: `Die aktive camera_id "${cameraId}" kommt im Rig der Scene-Setup-Version ${setupRef.version.version_id} nicht vor (P-01).`,
-        versionId: setupRef.version.version_id,
-        path: "/camera_id",
-        reason: "unknown"
+        class: "schema",
+        where: "scene",
+        message: `Die Szenen-Payload ist kein Objekt, sondern ${Array.isArray(sceneRef.version.payload) ? "ein Array" : typeof sceneRef.version.payload}.`,
+        errors: []
       }
     };
   }
-  const camera = cameras[cameraIndex];
-  const presetRef = await refOf(
+  scene = {
+    element_id: sceneRef.version.element_id,
+    version_id: sceneRef.version.version_id,
+    payload: sceneRef.version.payload
+  };
+  return komponiere({
+    shot: { element_id: shotElementId, version_id: shotVersionId, payload: shot },
+    setup,
+    scene,
+    report,
+    capabilities,
+    canPlace,
     resolver,
-    camera.preset_ref,
-    "camera_preset",
-    `/camera_rig/cameras/${cameraIndex}/preset_ref`
-  );
-  if (!presetRef.ok) return { kind: "rejected", failure: presetRef.failure };
-  let pattern = null;
-  const placementSpec = isObject10(camera.placement) ? camera.placement : null;
-  if (placementSpec && isObject10(placementSpec.pattern_ref)) {
-    const patternRef = await refOf(
-      resolver,
-      placementSpec.pattern_ref,
-      "camera_pattern",
-      `/camera_rig/cameras/${cameraIndex}/placement/pattern_ref`
+    contextChain,
+    userInstruction,
+    assumptions,
+    diagnostics
+  });
+}
+async function resolveScenePayload(input) {
+  const {
+    scenePayload,
+    sceneElementId,
+    sceneVersionId = "",
+    resolver,
+    contextChain,
+    userInstruction
+  } = input;
+  if (!isObject11(scenePayload)) {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "schema",
+        where: "scene",
+        message: `Die Szenen-Payload ist kein Objekt, sondern ${Array.isArray(scenePayload) ? "ein Array" : typeof scenePayload}.`,
+        errors: []
+      }
+    };
+  }
+  const assumptions = [
+    "Kein Scene Setup, kein Shot: Der Lauf entsteht aus der Szene allein. Bildaufbau, Kamera und Zielmodell wurden nicht ergaenzt, sondern sind nicht vorhanden (D-135)."
+  ];
+  const diagnostics = [];
+  for (const fehler4 of validatePayload("scene", scenePayload).errors) {
+    diagnostics.push(diagnosticOfSchemaError(fehler4, `Szene ${sceneElementId}`));
+  }
+  const faehig = sceneOnlyCapabilities(scenePayload);
+  return komponiere({
+    shot: null,
+    setup: null,
+    scene: { element_id: sceneElementId, version_id: sceneVersionId, payload: scenePayload },
+    report: null,
+    capabilities: {
+      can_describe_scene: faehig.can_describe_scene.state,
+      can_render_prompt: faehig.can_render_prompt.state,
+      can_place: faehig.can_place.state
+    },
+    canPlace: false,
+    resolver,
+    contextChain,
+    userInstruction,
+    assumptions,
+    diagnostics
+  });
+}
+async function komponiere(z) {
+  const {
+    shot,
+    setup,
+    scene,
+    report,
+    capabilities,
+    canPlace,
+    resolver,
+    contextChain,
+    userInstruction,
+    assumptions,
+    diagnostics
+  } = z;
+  const inhalt = describableContent(scene.payload);
+  if (!inhalt.ok) {
+    return {
+      kind: "rejected",
+      failure: {
+        class: "no_content",
+        message: `Szene ${scene.element_id}: ${inhalt.message}`
+      }
+    };
+  }
+  const eingefroreneFaehigkeiten = {
+    ...capabilities,
+    can_render_prompt: "yes"
+  };
+  const shotOverrides = shot && isObject11(shot.payload.overrides) ? shot.payload.overrides : {};
+  const settings = shot && isObject11(shot.payload.prompt_render_settings) ? shot.payload.prompt_render_settings : {};
+  let camera = null;
+  if (shot && setup) {
+    const cameraId = str(shot.payload.camera_id);
+    const rig = isObject11(setup.payload.camera_rig) ? setup.payload.camera_rig : {};
+    const cameras = asArray3(rig.cameras);
+    const cameraIndex = cameraId === null ? -1 : cameras.findIndex((c) => isObject11(c) && c.camera_id === cameraId);
+    if (cameraId === null) {
+      ausgelassen(
+        diagnostics,
+        "P-01",
+        "/camera_id",
+        `Der Shot ${shot.element_id} nennt keine camera_id. Der Prompt entsteht ohne Kameravorgabe; eine Kamera wird nicht erfunden (D-75).`
+      );
+    } else if (cameraIndex < 0) {
+      ausgelassen(
+        diagnostics,
+        "P-01",
+        "/camera_id",
+        `Die aktive camera_id "${cameraId}" kommt im Rig der Scene-Setup-Version ${setup.version_id} nicht vor. Der Prompt entsteht ohne Kameravorgabe.`
+      );
+    } else {
+      const rohKamera = cameras[cameraIndex];
+      let preset = null;
+      const presetRef = await refOf(
+        resolver,
+        rohKamera.preset_ref,
+        "camera_preset",
+        `/camera_rig/cameras/${cameraIndex}/preset_ref`
+      );
+      if (presetRef.ok) preset = presetRef.version.payload;
+      else {
+        ausgelassen(
+          diagnostics,
+          "P-04",
+          `/camera_rig/cameras/${cameraIndex}/preset_ref`,
+          `${presetRef.failure.message} Die Kamera geht ohne Preset in den Prompt.`
+        );
+      }
+      let pattern = null;
+      const placementSpec = isObject11(rohKamera.placement) ? rohKamera.placement : null;
+      if (placementSpec && isObject11(placementSpec.pattern_ref)) {
+        const patternRef = await refOf(
+          resolver,
+          placementSpec.pattern_ref,
+          "camera_pattern",
+          `/camera_rig/cameras/${cameraIndex}/placement/pattern_ref`
+        );
+        if (patternRef.ok) pattern = patternRef.version.payload;
+        else {
+          ausgelassen(
+            diagnostics,
+            "P-04",
+            `/camera_rig/cameras/${cameraIndex}/placement/pattern_ref`,
+            `${patternRef.failure.message} Das Kameramuster entfaellt im Prompt.`
+          );
+        }
+      }
+      const cameraPlacement = canPlace ? rohKamera.placement ?? null : entraeumlichtePlatzierung(rohKamera.placement, assumptions);
+      camera = {
+        camera_id: cameraId,
+        name: str(rohKamera.name),
+        preset,
+        placement: cameraPlacement,
+        orientation: rohKamera.orientation ?? null,
+        // Der Shot darf Bildgroesse und Fokus ueberschreiben (D-40) — das ist
+        // die oberste Stufe der Vorrangkette.
+        framing: shotOverrides.framing ?? rohKamera.framing ?? null,
+        focus: shotOverrides.focus !== void 0 ? shotOverrides.focus : rohKamera.focus ?? null,
+        pattern
+      };
+    }
+  } else if (shot && !setup) {
+    ausgelassen(
+      diagnostics,
+      "P-01",
+      "/camera_id",
+      "Ohne Scene Setup gibt es kein Camera Rig. Der Prompt entsteht ohne Kameravorgabe."
     );
-    if (!patternRef.ok) return { kind: "rejected", failure: patternRef.failure };
-    pattern = patternRef.version.payload;
   }
   let shotConcept = null;
-  if (isObject10(shot.shot_concept_ref)) {
+  if (shot && isObject11(shot.payload.shot_concept_ref)) {
     const conceptRef = await refOf(
       resolver,
-      shot.shot_concept_ref,
+      shot.payload.shot_concept_ref,
       "shot_concept",
       "/shot_concept_ref"
     );
-    if (!conceptRef.ok) return { kind: "rejected", failure: conceptRef.failure };
-    shotConcept = conceptRef.version.payload;
+    if (conceptRef.ok) shotConcept = conceptRef.version.payload;
+    else {
+      ausgelassen(
+        diagnostics,
+        "P-04",
+        "/shot_concept_ref",
+        `${conceptRef.failure.message} Das Shot Concept entfaellt im Prompt.`
+      );
+    }
   }
   const styles = [];
   for (const [ebene, refs] of [
-    ["scene_setup", asArray2(setup.style_refs)],
-    ["shot", asArray2(shot.style_refs)]
+    ["scene_setup", setup ? asArray3(setup.payload.style_refs) : []],
+    ["shot", shot ? asArray3(shot.payload.style_refs) : []]
   ]) {
     for (const [i, ref] of refs.entries()) {
       const resolved = await refOf(resolver, ref, "style", `/${ebene}/style_refs/${i}`);
-      if (!resolved.ok) return { kind: "rejected", failure: resolved.failure };
+      if (!resolved.ok) {
+        ausgelassen(
+          diagnostics,
+          "P-04",
+          `/${ebene}/style_refs/${i}`,
+          `${resolved.failure.message} Dieser Stil entfaellt im Prompt.`
+        );
+        continue;
+      }
       const payload = resolved.version.payload;
       styles.push({
-        role: str(isObject10(ref) ? ref.role : null) ?? str(payload.role) ?? "unspecified",
-        rank: num(isObject10(ref) ? ref.rank : null) ?? 0,
-        weight: num(isObject10(ref) ? ref.weight : null),
+        role: str(isObject11(ref) ? ref.role : null) ?? str(payload.role) ?? "unspecified",
+        rank: num(isObject11(ref) ? ref.rank : null) ?? 0,
+        weight: num(isObject11(ref) ? ref.weight : null),
         text: str(payload.text) ?? "",
         locale: str(payload.locale)
       });
     }
   }
   styles.sort((a, b) => a.rank - b.rank);
-  const settings = isObject10(shot.prompt_render_settings) ? shot.prompt_render_settings : {};
   const policies = [];
-  for (const [i, ref] of asArray2(settings.policy_refs).entries()) {
-    const resolved = await refOf(resolver, ref, "prompt_policy", `/prompt_render_settings/policy_refs/${i}`);
-    if (!resolved.ok) return { kind: "rejected", failure: resolved.failure };
+  for (const [i, ref] of asArray3(settings.policy_refs).entries()) {
+    const resolved = await refOf(
+      resolver,
+      ref,
+      "prompt_policy",
+      `/prompt_render_settings/policy_refs/${i}`
+    );
+    if (!resolved.ok) {
+      ausgelassen(
+        diagnostics,
+        "P-04",
+        `/prompt_render_settings/policy_refs/${i}`,
+        `${resolved.failure.message} Diese Policy entfaellt im Prompt.`
+      );
+      continue;
+    }
     const payload = resolved.version.payload;
     policies.push({
       subtype: str(payload.subtype) ?? "general",
@@ -18590,14 +19169,22 @@ async function resolveShotPayload(input) {
   }
   policies.sort((a, b) => a.rank - b.rank);
   const fragments = [];
-  for (const [i, ref] of asArray2(settings.fragment_refs).entries()) {
+  for (const [i, ref] of asArray3(settings.fragment_refs).entries()) {
     const resolved = await refOf(
       resolver,
       ref,
       "prompt_fragment",
       `/prompt_render_settings/fragment_refs/${i}`
     );
-    if (!resolved.ok) return { kind: "rejected", failure: resolved.failure };
+    if (!resolved.ok) {
+      ausgelassen(
+        diagnostics,
+        "P-04",
+        `/prompt_render_settings/fragment_refs/${i}`,
+        `${resolved.failure.message} Dieses Fragment entfaellt im Prompt.`
+      );
+      continue;
+    }
     const payload = resolved.version.payload;
     fragments.push({
       channel: str(payload.channel) ?? "positive",
@@ -18607,83 +19194,102 @@ async function resolveShotPayload(input) {
     });
   }
   fragments.sort((a, b) => a.rank - b.rank);
-  const key = str(settings.target_model_id);
-  if (!key) {
-    return {
-      kind: "rejected",
-      failure: {
-        class: "target_model_unresolvable",
-        message: "Der Shot nennt kein target_model_id.",
-        resolution: { kind: "not_found", key: "", chain: contextChain }
-      }
-    };
-  }
-  if (!resolver.resolveTargetModel) {
+  let targetModelPayload = null;
+  let targetModelResolution = null;
+  const key = shot ? str(settings.target_model_id) : null;
+  if (key === null) {
+    ausgelassen(
+      diagnostics,
+      "P-17",
+      "/prompt_render_settings/target_model_id",
+      shot ? `Der Shot ${shot.element_id} nennt kein target_model_id. Der Prompt wird generisch abgeleitet, ohne Modelloptimierung.` : "Ohne Shot gibt es kein target_model_id. Der Prompt wird generisch abgeleitet, ohne Modelloptimierung."
+    );
+  } else if (!resolver.resolveTargetModel) {
     throw new ResolveTechnicalError(
       `Der Resolver bietet keine Zielmodellsuche an (kein ContextChainPort). Ein Lauf ohne Kontextkette wuerde ein Zielmodell melden, das nicht das gesuchte ist.`
     );
-  }
-  const targetModel = await resolver.resolveTargetModel(key, shotVersion.element_id);
-  if (targetModel.kind !== "resolved") {
-    return {
-      kind: "rejected",
-      failure: {
-        class: "target_model_unresolvable",
-        message: describeTargetModelFailure(targetModel),
-        resolution: targetModel
+  } else {
+    const targetModel = await resolver.resolveTargetModel(key, shot.element_id);
+    if (targetModel.kind !== "resolved") {
+      ausgelassen(
+        diagnostics,
+        "P-17",
+        "/prompt_render_settings/target_model_id",
+        `${describeTargetModelFailure(targetModel)} Der Prompt wird generisch abgeleitet, ohne Modelloptimierung.`
+      );
+    } else {
+      targetModelPayload = targetModel.payload;
+      targetModelResolution = {
+        element_id: targetModel.elementId,
+        version_id: targetModel.versionId,
+        chain_index: targetModel.chainIndex,
+        head: targetModel.head,
+        shadowed_retired: targetModel.shadowedRetired.map((entry) => ({
+          element_id: entry.elementId,
+          context_id: entry.contextId
+        }))
+      };
+      for (const uebergangen of targetModel.shadowedRetired) {
+        assumptions.push(
+          `Ein stillgelegtes target_model (${uebergangen.elementId}, Kontext ${uebergangen.contextId ?? "global"}) wurde uebergangen; verwendet wird ${targetModel.elementId} von Kettenglied ${targetModel.chainIndex}.`
+        );
       }
-    };
-  }
-  for (const uebergangen of targetModel.shadowedRetired) {
-    assumptions.push(
-      `Ein stillgelegtes target_model (${uebergangen.elementId}, Kontext ${uebergangen.contextId ?? "global"}) wurde uebergangen; verwendet wird ${targetModel.elementId} von Kettenglied ${targetModel.chainIndex}.`
-    );
-  }
-  if (targetModel.head.kind === "selected" && targetModel.head.stale) {
-    assumptions.push(
-      `Die Auswahl des Zielmodell-Heads (${targetModel.versionId}) ist veraltet \u2014 es gibt neuere Heads. Die Auswahl gilt, weil sie getroffen wurde (D-36).`
-    );
+      if (targetModel.head.kind === "selected" && targetModel.head.stale) {
+        assumptions.push(
+          `Die Auswahl des Zielmodell-Heads (${targetModel.versionId}) ist veraltet \u2014 es gibt neuere Heads. Die Auswahl gilt, weil sie getroffen wurde (D-36).`
+        );
+      }
+    }
   }
   const overrides = /* @__PURE__ */ new Map();
-  for (const entry of asArray2(setup.node_overrides)) {
-    if (isObject10(entry) && typeof entry.node_id === "string") overrides.set(entry.node_id, entry);
+  for (const entry of setup ? asArray3(setup.payload.node_overrides) : []) {
+    if (isObject11(entry) && typeof entry.node_id === "string") overrides.set(entry.node_id, entry);
   }
   const placements = /* @__PURE__ */ new Map();
-  for (const entry of asArray2(setup.placements)) {
-    if (!isObject10(entry) || typeof entry.node_id !== "string") continue;
+  for (const entry of setup ? asArray3(setup.payload.placements) : []) {
+    if (!isObject11(entry) || typeof entry.node_id !== "string") continue;
     placements.set(entry.node_id, {
-      position: asArray2(entry.position),
-      ...entry.rotation_euler_deg ? { rotation_euler_deg: asArray2(entry.rotation_euler_deg) } : {},
-      ...entry.scale ? { scale: asArray2(entry.scale) } : {}
+      position: asArray3(entry.position),
+      ...entry.rotation_euler_deg ? { rotation_euler_deg: asArray3(entry.rotation_euler_deg) } : {},
+      ...entry.scale ? { scale: asArray3(entry.scale) } : {}
     });
   }
-  const shotOverrides = isObject10(shot.overrides) ? shot.overrides : {};
-  const hidden = new Set(asArray2(shotOverrides.hidden_nodes).filter((v) => typeof v === "string"));
+  const hidden = new Set(
+    asArray3(shotOverrides.hidden_nodes).filter((v) => typeof v === "string")
+  );
   const nodes = [];
-  for (const raw of asArray2(scene.nodes)) {
-    if (!isObject10(raw) || typeof raw.node_id !== "string") continue;
+  for (const raw of asArray3(scene.payload.nodes)) {
+    if (!isObject11(raw) || typeof raw.node_id !== "string") continue;
     const nodeId = raw.node_id;
     const contributions = [];
-    for (const [i, ref] of asArray2(raw.component_refs).entries()) {
+    for (const [i, ref] of asArray3(raw.component_refs).entries()) {
       const resolved = await refOf(
         resolver,
         ref,
         "scene_component",
         `/nodes/${nodeId}/component_refs/${i}`
       );
-      if (!resolved.ok) return { kind: "rejected", failure: resolved.failure };
+      if (!resolved.ok) {
+        ausgelassen(
+          diagnostics,
+          "P-05",
+          `/nodes/${nodeId}/component_refs/${i}`,
+          `${resolved.failure.message} Dieser Beitrag entfaellt; der Knoten bleibt mit seinen uebrigen Beitraegen im Prompt.`
+        );
+        continue;
+      }
       const payload = resolved.version.payload;
       contributions.push({
         source: "component",
         element_id: resolved.version.element_id,
         version_id: resolved.version.version_id,
-        role: str(isObject10(ref) ? ref.role : null),
-        rank: num(isObject10(ref) ? ref.rank : null) ?? 0,
+        role: str(isObject11(ref) ? ref.role : null),
+        rank: num(isObject11(ref) ? ref.rank : null) ?? 0,
         locale: str(payload.locale),
         text: str(payload.text) ?? ""
       });
     }
-    const semantic = isObject10(raw.semantic) ? raw.semantic : null;
+    const semantic = isObject11(raw.semantic) ? raw.semantic : null;
     if (semantic && str(semantic.description)) {
       contributions.push({
         source: "node_semantic",
@@ -18697,12 +19303,12 @@ async function resolveShotPayload(input) {
       });
     }
     const override = overrides.get(nodeId);
-    const overrideSemantic = override && isObject10(override.semantic) ? override.semantic : null;
-    if (overrideSemantic && str(overrideSemantic.description)) {
+    const overrideSemantic = override && isObject11(override.semantic) ? override.semantic : null;
+    if (overrideSemantic && str(overrideSemantic.description) && setup) {
       contributions.push({
         source: "setup_override",
-        element_id: setupRef.version.element_id,
-        version_id: setupRef.version.version_id,
+        element_id: setup.element_id,
+        version_id: setup.version_id,
         role: null,
         rank: Number.MAX_SAFE_INTEGER,
         locale: null,
@@ -18711,8 +19317,8 @@ async function resolveShotPayload(input) {
     }
     contributions.sort((a, b) => a.rank - b.rank);
     const properties = {
-      ...isObject10(semantic?.properties) ? semantic.properties : {},
-      ...isObject10(overrideSemantic?.properties) ? overrideSemantic.properties : {}
+      ...isObject11(semantic?.properties) ? semantic.properties : {},
+      ...isObject11(overrideSemantic?.properties) ? overrideSemantic.properties : {}
     };
     nodes.push({
       node_id: nodeId,
@@ -18723,9 +19329,6 @@ async function resolveShotPayload(input) {
       hidden: hidden.has(nodeId)
     });
   }
-  const cameraPlacement = canPlace ? camera.placement ?? null : entraeumlichtePlatzierung(camera.placement, assumptions);
-  const framing = shotOverrides.framing ?? camera.framing;
-  const focus = shotOverrides.focus !== void 0 ? shotOverrides.focus : camera.focus ?? null;
   const shotInstruction = str(settings.user_instruction);
   if (userInstruction && shotInstruction && userInstruction !== shotInstruction) {
     assumptions.push(
@@ -18739,92 +19342,40 @@ async function resolveShotPayload(input) {
     kind: "resolved",
     report,
     input: {
-      shot: {
-        version_id: shotVersion.version_id,
-        element_id: shotVersion.element_id,
-        camera_id: cameraId,
+      shot: shot ? {
+        version_id: shot.version_id,
+        element_id: shot.element_id,
+        camera_id: camera ? camera.camera_id : null,
         shot_concept: shotConcept,
         // Der Aufrufer darf die im Shot hinterlegte Anweisung ueberschreiben
         // (§4.1). Beide Herkuenfte sind unterschiedliche Sachverhalte, deshalb
         // wird der Fall in `assumptions` benannt statt still ersetzt.
-        user_instruction: userInstruction ?? str(settings.user_instruction),
+        user_instruction: userInstruction ?? shotInstruction,
         text_override: str(shotOverrides.text)
-      },
+      } : null,
+      setup: setup ? { version_id: setup.version_id, element_id: setup.element_id } : null,
       scene: {
-        version_id: sceneRef.version.version_id,
+        element_id: scene.element_id,
+        version_id: scene.version_id,
         nodes,
-        relations: asArray2(scene.relations),
-        environment: scene.environment ?? null,
-        unit_system: scene.unit_system ?? null
-      },
-      camera: {
-        camera_id: cameraId,
-        name: str(camera.name),
-        preset: presetRef.version.payload,
-        placement: cameraPlacement,
-        orientation: camera.orientation ?? null,
-        framing: framing ?? null,
-        focus,
-        pattern
+        relations: asArray3(scene.payload.relations),
+        environment: scene.payload.environment ?? null,
+        unit_system: scene.payload.unit_system ?? null
       },
+      camera,
       styles,
       policies,
       fragments,
-      target_model: targetModel.payload,
+      target_model: targetModelPayload,
       localization_notes: [],
       assumptions,
-      capabilities: {
-        can_describe_scene: report.can_describe_scene.state,
-        can_render_prompt: report.can_render_prompt.state,
-        can_place: report.can_place.state
-      },
+      diagnostics,
+      capabilities: eingefroreneFaehigkeiten,
       context_chain: [...contextChain],
-      target_model_resolution: {
-        element_id: targetModel.elementId,
-        version_id: targetModel.versionId,
-        chain_index: targetModel.chainIndex,
-        head: targetModel.head,
-        shadowed_retired: targetModel.shadowedRetired.map((entry) => ({
-          element_id: entry.elementId,
-          context_id: entry.contextId
-        }))
-      }
+      target_model_resolution: targetModelResolution
     }
   };
 }
-function capabilityGate(report, flag) {
-  const value = report[flag];
-  if (value.state === "yes") return null;
-  if (value.state === "no") {
-    const findings = value.reasons.filter((reason) => reason.kind === "blocked").map((reason) => reason.finding);
-    return {
-      class: "capability_blocked",
-      flag,
-      message: `${flag} ist "no" \u2014 der Aufbau erfuellt die Voraussetzung nachweislich nicht. ` + (findings.length > 0 ? findings.map((f) => `${f.rule}: ${f.message}`).join(" | ") : value.reasons.map(describeReason).join(" | ")),
-      findings
-    };
-  }
-  return {
-    class: "capability_undetermined",
-    flag,
-    message: `${flag} ist "unknown" \u2014 es liess sich nicht feststellen, ob die Voraussetzung erfuellt ist. Ein Lauf wuerde eine unbestimmte Annahme einfrieren (D-22). ` + value.reasons.map(describeReason).join(" | "),
-    reasons: value.reasons
-  };
-}
-function describeReason(reason) {
-  switch (reason.kind) {
-    case "schema":
-      return `Schemafehler unter ${reason.error.instancePath || "/"}: ${reason.error.message}`;
-    case "blocked":
-      return `${reason.finding.rule} bei ${reason.finding.path || "/"}: ${reason.finding.message}`;
-    case "unchecked":
-      return `${reason.rule} nicht geprueft: ${reason.reason}`;
-    case "structure":
-      return reason.message;
-    case "inherited":
-      return reason.message;
-  }
-}
 
 // src/lib/szenen/freezeDraftChain.ts
 function ladeKnoten(sicht, elementId, erwarteterTyp) {
@@ -18960,9 +19511,117 @@ async function freezeDraftChain(input) {
     ...shot.chain.source_recovery_id ? { sourceRecoveryId: shot.chain.source_recovery_id } : {}
   };
 }
+function ladeSzene(sicht, elementId, contextChain) {
+  const gelesen = sicht.getElement(elementId);
+  if (gelesen.kind !== "ok") {
+    return {
+      fehler: gelesen.message ?? `Element ${elementId} konnte nicht gelesen werden.`,
+      technisch: true
+    };
+  }
+  const snapshot = gelesen.value;
+  if (!snapshot) return { fehler: `Element ${elementId} ist unbekannt.` };
+  if (snapshot.element.type !== "scene") {
+    return {
+      fehler: `Element ${elementId} ist vom Typ "${snapshot.element.type}", erwartet "scene".`
+    };
+  }
+  if (snapshot.draftFork) {
+    return {
+      fehler: `Element ${elementId} hat parallele Entwuerfe. Solange sie nicht aufgeloest sind, gibt es keinen eindeutigen Arbeitsstand (D-29).`
+    };
+  }
+  if (snapshot.draft) {
+    return {
+      element_id: elementId,
+      draft_id: snapshot.draft.draft_id,
+      revision: snapshot.draft.revision,
+      version_id: null,
+      payload: snapshot.draft.payload
+    };
+  }
+  const versionen = snapshot.versions ?? [];
+  if (versionen.length === 0) {
+    return {
+      fehler: `Element ${elementId} hat weder einen Entwurf noch eine veroeffentlichte Version. Es gibt nichts einzufrieren.`
+    };
+  }
+  const kopf = effectivePreferredHeadSafe(
+    { element: snapshot.element, versions: versionen, preferredHeads: snapshot.preferredHeads },
+    contextChain
+  );
+  if (kopf.kind === "dag_fehler") {
+    return { fehler: `Der Versionsgraph von Element ${elementId} ist nicht aufbaubar: ${kopf.message}` };
+  }
+  const versionId = usableHeadVersionId(resolutionOf(kopf));
+  if (!versionId) {
+    return {
+      fehler: `Element ${elementId} hat mehrere veroeffentlichte Koepfe und in diesem Kontext keine Auswahl. Welcher Stand gilt, entscheidet keine Reihenfolge (D-36) \u2014 bitte einen bevorzugten Kopf setzen.`
+    };
+  }
+  const version2 = versionen.find((v) => v.version_id === versionId);
+  if (!version2) {
+    return {
+      fehler: `Die wirksame Version ${versionId} von Element ${elementId} steht nicht in der gelesenen Momentaufnahme.`
+    };
+  }
+  return {
+    element_id: elementId,
+    draft_id: null,
+    revision: null,
+    version_id: versionId,
+    payload: version2.payload
+  };
+}
+async function freezeSceneWorkingState(input) {
+  const { sceneElementId, store, resolver, contextChain, userInstruction } = input;
+  const a = await store.readSnapshot({ fresh: false });
+  const szene = ladeSzene(a, sceneElementId, contextChain);
+  if ("fehler" in szene) return ausfallErgebnis(szene);
+  const b = await store.readSnapshot({ fresh: true });
+  const erneut = ladeSzene(b, sceneElementId, contextChain);
+  if ("fehler" in erneut) return ausfallErgebnis(erneut);
+  if (erneut.draft_id !== szene.draft_id || erneut.revision !== szene.revision || erneut.version_id !== szene.version_id) {
+    return {
+      kind: "conflict",
+      message: `Der Arbeitsstand der Szene ${sceneElementId} hat sich waehrend des Einfrierens geaendert (erwartet ${szene.draft_id ? `Entwurf ${szene.draft_id}, Revision ${szene.revision}` : `Version ${szene.version_id}`}, vorhanden ${erneut.draft_id ? `Entwurf ${erneut.draft_id}, Revision ${erneut.revision}` : `Version ${erneut.version_id}`}). Es wurde kein Modell gerufen.`,
+      node: { type: "scene", element_id: sceneElementId, draft_id: szene.draft_id ?? "" },
+      expectedRevision: szene.revision ?? 0,
+      actualRevision: erneut.revision ?? 0
+    };
+  }
+  const aufgeloest = await resolveScenePayload({
+    scenePayload: szene.payload,
+    sceneElementId: szene.element_id,
+    // Ein Entwurf hat keine Version — und bekommt hier auch keine erfundene
+    // (D-98/D-75).
+    sceneVersionId: szene.version_id ?? "",
+    resolver,
+    contextChain,
+    userInstruction
+  });
+  if (aufgeloest.kind !== "resolved") {
+    return {
+      kind: "rejected",
+      message: aufgeloest.failure.message,
+      failure: aufgeloest.failure
+    };
+  }
+  return {
+    kind: "ok",
+    scene: {
+      element_id: szene.element_id,
+      draft_id: szene.draft_id,
+      revision: szene.revision,
+      version_id: szene.version_id
+    },
+    input: aufgeloest.input
+  };
+}
 
 // src/lib/szenen/promptRun.ts
 function buildSystemInstruction2(input) {
+  const ohneZielmodell = input.target_model === null || input.target_model === void 0;
   const model = input.target_model ?? {};
   const sprache = typeof model.prompt_language === "string" ? model.prompt_language : "en";
   const negativ = model.supports_negative_prompt === true;
@@ -18983,7 +19642,11 @@ function buildSystemInstruction2(input) {
     "",
     `Der Prompt wird in der Sprache "${sprache}" formuliert.`
   ];
-  if (!negativ) {
+  if (ohneZielmodell) {
+    zeilen.push(
+      'Es ist KEIN Zielmodell angegeben. Formuliere einen generischen Prompt und richte ihn nicht an einer bestimmten Bildmodell-Syntax aus. "negative" bleibt null, weil kein Modell zugesagt hat, ein Negativfeld zu fuehren; was mit negativen Fragmenten geschehen ist, gehoert in "notes".'
+    );
+  } else if (!negativ) {
     zeilen.push(
       'Das Zielmodell kennt KEIN Negativ-Prompt-Feld. "negative" bleibt null; was mit negativen Fragmenten geschehen ist, gehoert in "notes".'
     );
@@ -19012,6 +19675,14 @@ function buildSystemInstruction2(input) {
     'Widersprechen sie einander, nenne den Widerspruch mit beiden Quellen in "notes" \u2014',
     "waehle nicht still eine Seite."
   );
+  if (input.camera === null) {
+    zeilen.push(
+      "",
+      "Es ist KEINE Kamera angegeben. Erfinde keine Brennweite, keinen Bildausschnitt",
+      "und keine Kameraposition. Wo eine Kameraaussage noetig waere, formuliere sie",
+      'als Annahme und nenne sie in "notes".'
+    );
+  }
   if (input.capabilities.can_place !== "yes") {
     zeilen.push(
       "",
@@ -19025,7 +19696,7 @@ function buildSystemInstruction2(input) {
 function buildUserPrompt2(input) {
   return JSON.stringify(input, null, 2);
 }
-var isObject11 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isObject12 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
 function parseRunResponse(raw) {
   const text = raw.trim().replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/, "").trim();
   if (text.length === 0) return { ok: false, message: "Die Antwort war leer." };
@@ -19039,7 +19710,7 @@ function parseRunResponse(raw) {
   }
 }
 function checkRunResponse(value, input) {
-  if (!isObject11(value)) {
+  if (!isObject12(value)) {
     return { ok: false, message: `Die Antwort ist kein Objekt, sondern ${Array.isArray(value) ? "array" : typeof value}.` };
   }
   if (typeof value.positive !== "string" || value.positive.trim().length === 0) {
@@ -19057,11 +19728,11 @@ function checkRunResponse(value, input) {
   if (negative !== null && !negativErlaubt) {
     return {
       ok: false,
-      message: `Das Zielmodell fuehrt kein Negativ-Prompt-Feld (supports_negative_prompt = false), die Antwort liefert aber eines.`
+      message: input.target_model ? `Das Zielmodell fuehrt kein Negativ-Prompt-Feld (supports_negative_prompt = false), die Antwort liefert aber eines.` : `Dieser Lauf hat kein Zielmodell (generische Ableitung); ein Negativ-Prompt-Feld ist damit nicht zugesagt, die Antwort liefert aber eines.`
     };
   }
   const visibility = value.visibility;
-  if (!isObject11(visibility)) {
+  if (!isObject12(visibility)) {
     return { ok: false, message: '"visibility" fehlt \u2014 die Pflichtdiagnosen aus D-21.' };
   }
   if (typeof visibility.basis !== "string") {
@@ -19073,7 +19744,7 @@ function checkRunResponse(value, input) {
   const genannt = /* @__PURE__ */ new Set();
   const nodes = [];
   for (const eintrag of visibility.nodes) {
-    if (!isObject11(eintrag) || typeof eintrag.node_id !== "string" || typeof eintrag.state !== "string") {
+    if (!isObject12(eintrag) || typeof eintrag.node_id !== "string" || typeof eintrag.state !== "string") {
       return { ok: false, message: 'Ein Eintrag in "visibility.nodes" hat keine node_id oder keinen state.' };
     }
     genannt.add(eintrag.node_id);
@@ -19218,6 +19889,23 @@ function createEventLogRunPersistence(channel) {
         return queryError(error, `Laeufe der Kette ${chainId} konnten nicht gelesen werden`);
       }
     },
+    async listForScene(sceneElementId) {
+      try {
+        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;
+          })
+        };
+      } catch (error) {
+        return queryError(
+          error,
+          `Laeufe der Szene ${sceneElementId} konnten nicht gelesen werden`
+        );
+      }
+    },
     async record(record) {
       try {
         await channel.appendEvent(SZENEN_EVENT_TYPES.promptRunRecorded, record);
@@ -19304,13 +19992,21 @@ function createClientRunPort(options) {
           return { kind: "error", message: resolved.failure.message, retryable: false };
         }
         const outcome = await runPromptDerivation(resolved.input, text);
+        if (!resolved.input.shot) {
+          return {
+            kind: "error",
+            message: `Die Aufloesung der Shot-Version ${input.shotVersionId} lieferte eine Eingabe ohne Shot. Das ist ein Programmfehler, kein Lauf.`,
+            retryable: false
+          };
+        }
         const record = {
           run_id: newRunId(),
           shot_version_id: input.shotVersionId,
           shot_element_id: resolved.input.shot.element_id,
           scene_setup_version_id: resolved.input.scene.version_id,
-          camera_id: resolved.input.shot.camera_id,
-          target_model_version_id: resolved.input.target_model_resolution.version_id,
+          // Leer heisst „kein Wert", nicht „Wert unbekannt" (D-75/D-135).
+          camera_id: resolved.input.shot.camera_id ?? "",
+          target_model_version_id: resolved.input.target_model_resolution?.version_id ?? "",
           provider: outcome.provider,
           model_id: outcome.model_id,
           system_prompt: outcome.system_prompt,
@@ -19382,8 +20078,8 @@ function createClientRunPort(options) {
           shot_version_id: "",
           shot_element_id: input.shotElementId,
           scene_setup_version_id: "",
-          camera_id: eingefroren.input.shot.camera_id,
-          target_model_version_id: eingefroren.input.target_model_resolution.version_id,
+          camera_id: eingefroren.input.shot?.camera_id ?? "",
+          target_model_version_id: eingefroren.input.target_model_resolution?.version_id ?? "",
           provider: outcome.provider,
           model_id: outcome.model_id,
           system_prompt: outcome.system_prompt,
@@ -19417,6 +20113,95 @@ function createClientRunPort(options) {
     async listRunsForChain(chainId) {
       const alle = await runs.listForChain(chainId);
       return alle;
+    },
+    // ── Der Lauf direkt aus einer Szene (D-135) ───────────────────────────
+    //
+    // Bewusst **derselbe** Ablauf wie oben: Kontext ermitteln, Kette
+    // aufloesen, einfrieren, dann erst rufen. Was sich unterscheidet, ist
+    // ausschliesslich, **was** eingefroren wird — ein Szenen-Arbeitsstand
+    // statt einer Drei-Knoten-Kette.
+    async startRunFromScene(input) {
+      try {
+        let contextId = input.contextId;
+        if (contextId === void 0) {
+          const element = await elements.getElement(input.sceneElementId);
+          if (element.kind !== "ok") {
+            return { kind: "error", message: element.message, retryable: element.retryable };
+          }
+          if (element.value === null) {
+            return {
+              kind: "error",
+              message: `Element ${input.sceneElementId} ist unbekannt.`,
+              retryable: false
+            };
+          }
+          contextId = element.value.element.context_id;
+        }
+        const chain = await context.chainFor(contextId ?? null);
+        if (chain.kind !== "ok") {
+          return { kind: "error", message: chain.message, retryable: chain.retryable };
+        }
+        const eingefroren = await freezeSceneWorkingState({
+          sceneElementId: input.sceneElementId,
+          store: elements,
+          resolver,
+          contextChain: chain.value,
+          userInstruction: input.userInstruction ?? null
+        });
+        if (eingefroren.kind === "conflict") {
+          return {
+            kind: "conflict",
+            message: eingefroren.message,
+            node: eingefroren.node,
+            expectedRevision: eingefroren.expectedRevision,
+            actualRevision: eingefroren.actualRevision
+          };
+        }
+        if (eingefroren.kind === "error") {
+          return { kind: "error", message: eingefroren.message, retryable: eingefroren.retryable };
+        }
+        if (eingefroren.kind !== "ok") {
+          return { kind: "rejected", message: eingefroren.message };
+        }
+        const outcome = await runPromptDerivation(eingefroren.input, text);
+        const record = {
+          run_id: newRunId(),
+          // Keine fingierten Kennungen (D-98/D-75). Was es nicht gibt, bleibt
+          // leer — die Herkunft steht in `source`.
+          shot_version_id: "",
+          shot_element_id: "",
+          scene_setup_version_id: "",
+          camera_id: "",
+          target_model_version_id: eingefroren.input.target_model_resolution?.version_id ?? "",
+          provider: outcome.provider,
+          model_id: outcome.model_id,
+          system_prompt: outcome.system_prompt,
+          input_payload: eingefroren.input,
+          status: outcome.status,
+          failure: outcome.status === "failed" ? outcome.failure : null,
+          output: outcome.status === "succeeded" ? outcome.output : null,
+          raw_output: outcome.raw_output,
+          source: { kind: "scene_direct", scene: eingefroren.scene },
+          created_at: now().toISOString()
+        };
+        return await runs.record(record);
+      } catch (error) {
+        return {
+          kind: "error",
+          message: `Prompt-Lauf aus der Szene ${input.sceneElementId} ist fehlgeschlagen: ${error instanceof Error ? error.message : String(error)}`,
+          retryable: true
+        };
+      }
+    },
+    async listRunsForScene(sceneElementId) {
+      try {
+        return await runs.listForScene(sceneElementId);
+      } catch (error) {
+        return queryError(
+          error,
+          `Laeufe der Szene ${sceneElementId} konnten nicht gelesen werden`
+        );
+      }
     }
   };
 }
@@ -19655,7 +20440,7 @@ function createFlowImageProvider(generateImage) {
 }
 
 // src/lib/szenen/imageGenerationOrderStore.ts
-function istText3(wert) {
+function istText4(wert) {
   return typeof wert === "string" && wert.trim().length > 0;
 }
 function collectImageGenerationOrders(events) {
@@ -19663,7 +20448,7 @@ function collectImageGenerationOrders(events) {
   for (const event of events) {
     if (event.type !== SZENEN_EVENT_TYPES.imageGenerationStarted) continue;
     const payload = event.payload;
-    if (!payload || !istText3(payload.generation_batch_id) || !istText3(payload.prompt_run_id)) continue;
+    if (!payload || !istText4(payload.generation_batch_id) || !istText4(payload.prompt_run_id)) continue;
     if (byBatchId.has(payload.generation_batch_id)) continue;
     byBatchId.set(payload.generation_batch_id, {
       generation_batch_id: payload.generation_batch_id,
@@ -19677,7 +20462,7 @@ function collectImageGenerationOrders(events) {
   for (const event of events) {
     if (event.type !== SZENEN_EVENT_TYPES.imageGenerationFinished) continue;
     const payload = event.payload;
-    if (!payload || !istText3(payload.generation_batch_id)) continue;
+    if (!payload || !istText4(payload.generation_batch_id)) continue;
     const auftrag = byBatchId.get(payload.generation_batch_id);
     if (!auftrag) continue;
     if (auftrag.status !== "started") continue;
@@ -19698,18 +20483,18 @@ function ordersForPromptRun(events, runId) {
 }
 
 // src/lib/szenen/imageBatchStore.ts
-var istText4 = (wert) => typeof wert === "string" && wert.trim().length > 0;
+var istText5 = (wert) => typeof wert === "string" && wert.trim().length > 0;
 function alsBilder(rohe) {
   if (!Array.isArray(rohe)) return [];
-  return rohe.filter((b) => !!b && typeof b === "object").filter((b) => istText4(b.media_ref) && typeof b.position === "number").map((b) => ({
+  return rohe.filter((b) => !!b && typeof b === "object").filter((b) => istText5(b.media_ref) && typeof b.position === "number").map((b) => ({
     media_ref: b.media_ref,
     position: b.position,
-    ...istText4(b.asset_id) ? { asset_id: b.asset_id } : {},
+    ...istText5(b.asset_id) ? { asset_id: b.asset_id } : {},
     // Der bestätigte MIME-Typ (Review 2026-08-18 §5 P2) muss durch das
     // Rücklesen hindurch: Genau hier braucht ihn der Lesepfad, um den
     // Dateipfad `images/<id>.<ext>` zu bilden, statt ihn zu erraten. Nur
     // gesetzt, wenn er im Ereignis steht — ältere Batches tragen ihn nicht.
-    ...istText4(b.mime_type) ? { mime_type: b.mime_type } : {},
+    ...istText5(b.mime_type) ? { mime_type: b.mime_type } : {},
     model: b.model ?? null,
     seed: b.seed ?? null,
     width: b.width ?? null,
@@ -19721,7 +20506,7 @@ function collectImageBatches(events) {
   for (const event of events) {
     if (event.type !== SZENEN_EVENT_TYPES.imageBatchPersisted) continue;
     const payload = event.payload;
-    if (!payload || !istText4(payload.item_id) || !istText4(payload.prompt_run_id) || !istText4(payload.generation_batch_id)) continue;
+    if (!payload || !istText5(payload.item_id) || !istText5(payload.prompt_run_id) || !istText5(payload.generation_batch_id)) continue;
     if (payload.source_kind !== "generated_in_app" && payload.source_kind !== "external_import") continue;
     const bestehend = byItemId.get(payload.item_id);
     if (bestehend?.generation_batch_ids.includes(payload.generation_batch_id)) continue;
@@ -19732,7 +20517,7 @@ function collectImageBatches(events) {
         prompt_run_id: payload.prompt_run_id,
         generation_batch_ids: [payload.generation_batch_id],
         source_kind: payload.source_kind,
-        title: istText4(payload.title) ? payload.title : `Batch aus Lauf ${payload.prompt_run_id}`,
+        title: istText5(payload.title) ? payload.title : `Batch aus Lauf ${payload.prompt_run_id}`,
         images: bilder
       });
       continue;
@@ -20209,7 +20994,7 @@ function createFlowSzenenViewPort(options) {
     ...options.now ? { now: options.now } : {}
   }) : void 0;
   const bildProvider = options.imageProvider ?? (options.generateImage ? createFlowImageProvider(options.generateImage) : void 0);
-  const bildFaehigkeit = options.imageCapability ?? { environment_id: "flow", execution_paths: [FLOW_EXECUTION_PATH] };
+  const bildFaehigkeit = options.imageCapability ?? { environment_id: "flow", execution_paths: [{ execution_path: FLOW_EXECUTION_PATH, provider: "google" }] };
   const imageGeneration = bildProvider && imageBatchWrite ? createImageGenerationPort({
     runs: { async getRun(runId) {
       return runs.getRun(runId);
@@ -20301,7 +21086,7 @@ function resolveBootstrapTarget(input) {
 // src/components/AvatarArchitectApp.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
       const style = document.createElement("style");
@@ -20310,36 +21095,36 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [showStart, setShowStart] = (0, import_react48.useState)(true);
-  const [showSzenen, setShowSzenen] = (0, import_react48.useState)(false);
-  const [layoutChoice, setLayoutChoice] = (0, import_react48.useState)(() => {
+  const [showStart, setShowStart] = (0, import_react49.useState)(true);
+  const [showSzenen, setShowSzenen] = (0, import_react49.useState)(false);
+  const [layoutChoice, setLayoutChoice] = (0, import_react49.useState)(() => {
     try {
       return localStorage.getItem("aa-layout") || null;
     } catch {
       return null;
     }
   });
-  const [projectLoaded, setProjectLoaded] = (0, import_react48.useState)(false);
-  const [hfToken, setHfToken] = (0, import_react48.useState)(initialHfToken || "");
-  const [hfTokenInput, setHfTokenInput] = (0, import_react48.useState)(initialHfToken || "");
-  const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react48.useState)(false);
-  const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react48.useState)(() => {
+  const [projectLoaded, setProjectLoaded] = (0, import_react49.useState)(false);
+  const [hfToken, setHfToken] = (0, import_react49.useState)(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = (0, import_react49.useState)(initialHfToken || "");
+  const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react49.useState)(false);
+  const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react49.useState)(() => {
     try {
       return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
     } catch {
       return DEFAULT_NAMESPACE;
     }
   });
-  const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react48.useState)(null);
-  const [serverProbeFailed, setServerProbeFailed] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react49.useState)(null);
+  const [serverProbeFailed, setServerProbeFailed] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     if (hfNamespace !== void 0 || !serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string" && d.hfNamespace) setHfNamespaceFromServer(d.hfNamespace);
       else setServerProbeFailed(true);
     }).catch(() => setServerProbeFailed(true));
   }, [hfNamespace, serverBaseUrl]);
-  const [targetConfirmed, setTargetConfirmed] = (0, import_react48.useState)(false);
+  const [targetConfirmed, setTargetConfirmed] = (0, import_react49.useState)(false);
   const isDialogTarget = hfNamespace === void 0 && hfNamespaceFromServer === null && (!serverBaseUrl || serverProbeFailed);
   const isProbingServer = hfNamespace === void 0 && !!serverBaseUrl && hfNamespaceFromServer === null && !serverProbeFailed;
   const bootstrapTarget = resolveBootstrapTarget({
@@ -20350,8 +21135,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     isStartDialogOpen: isDialogTarget && !targetConfirmed
   });
   const effectiveNamespace = bootstrapTarget.namespace ?? "";
-  const kontextRef = (0, import_react48.useRef)(null);
-  const szenenPort = (0, import_react48.useMemo)(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
+  const kontextRef = (0, import_react49.useRef)(null);
+  const szenenPort = (0, import_react49.useMemo)(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
     generateText: onGeneratePrompt,
     token: hfToken,
     namespace: effectiveNamespace,
@@ -20373,10 +21158,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const tagBaseResult = useTagBase(hfToken, effectiveNamespace);
   const szenenKontextId = tagBaseResult.selectedContextId === null ? null : String(tagBaseResult.selectedContextId);
   kontextRef.current = szenenKontextId;
-  const [imageUploadStatus, setImageUploadStatus] = (0, import_react48.useState)(/* @__PURE__ */ new Map());
-  const [bootstrapLog, setBootstrapLog] = (0, import_react48.useState)([]);
-  const [isBootstrapping, setIsBootstrapping] = (0, import_react48.useState)(false);
-  const [hfMissingImages, setHfMissingImages] = (0, import_react48.useState)([]);
+  const [imageUploadStatus, setImageUploadStatus] = (0, import_react49.useState)(/* @__PURE__ */ new Map());
+  const [bootstrapLog, setBootstrapLog] = (0, import_react49.useState)([]);
+  const [isBootstrapping, setIsBootstrapping] = (0, import_react49.useState)(false);
+  const [hfMissingImages, setHfMissingImages] = (0, import_react49.useState)([]);
   const syncTopSlot = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
     localOnlyCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { style: { background: "rgba(234,179,8,0.15)", border: "1px solid rgba(234,179,8,0.3)", padding: "4px 10px", fontSize: 11, color: "#fbbf24", borderRadius: 4, marginBottom: 4 }, children: [
       "\u26A0 ",
@@ -20426,7 +21211,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       bootstrapLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: l }, i)) })
     ] })
   ] });
-  const wsInputRef = (0, import_react48.useRef)(null);
+  const wsInputRef = (0, import_react49.useRef)(null);
   const startApp = (choice) => {
     try {
       localStorage.setItem("aa-layout", choice);
@@ -20436,18 +21221,18 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setTargetConfirmed(true);
     setShowStart(false);
   };
-  const [nodes, setNodes] = (0, import_react48.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = (0, import_react48.useState)([]);
-  const [history, setHistory] = (0, import_react48.useState)([]);
-  const [galleryItems, setGalleryItems] = (0, import_react48.useState)([]);
-  const galleryItemsRef = (0, import_react48.useRef)([]);
-  (0, import_react48.useEffect)(() => {
+  const [nodes, setNodes] = (0, import_react49.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = (0, import_react49.useState)([]);
+  const [history, setHistory] = (0, import_react49.useState)([]);
+  const [galleryItems, setGalleryItems] = (0, import_react49.useState)([]);
+  const galleryItemsRef = (0, import_react49.useRef)([]);
+  (0, import_react49.useEffect)(() => {
     galleryItemsRef.current = galleryItems;
   }, [galleryItems]);
-  const hfImageNotFoundRef = (0, import_react48.useRef)(/* @__PURE__ */ new Map());
-  const [galleryVisibleCount, setGalleryVisibleCount] = (0, import_react48.useState)(20);
-  const [historyVisibleCount, setHistoryVisibleCount] = (0, import_react48.useState)(20);
-  const loadThumbnailsForEntries = (0, import_react48.useCallback)(async (entries) => {
+  const hfImageNotFoundRef = (0, import_react49.useRef)(/* @__PURE__ */ new Map());
+  const [galleryVisibleCount, setGalleryVisibleCount] = (0, import_react49.useState)(20);
+  const [historyVisibleCount, setHistoryVisibleCount] = (0, import_react49.useState)(20);
+  const loadThumbnailsForEntries = (0, import_react49.useCallback)(async (entries) => {
     for (const entry of entries) {
       if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
       if (hfImageNotFoundRef.current.has(entry.id)) continue;
@@ -20466,7 +21251,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       }
     }
   }, [hfToken, effectiveNamespace]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!hfState) return;
     if (hfState.tags?.by_category) setWorkspaceTags(hfState.tags);
     const hfIds = new Set(hfState.metadata.map((m) => m.id));
@@ -20493,36 +21278,36 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return [...localOnly, ...merged].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     });
   }, [hfState]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!hfState) return;
     const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     const skeletons = sortedMeta.map((m) => ({ id: m.id, prompt: m.prompt, timestamp: m.timestamp, status: "done", nodeId: m.id, tags: m.tags || [] }));
     const repIds = new Set(groupByPrompt(skeletons).slice(0, galleryVisibleCount).map((g) => g.representative.id));
     loadThumbnailsForEntries(sortedMeta.filter((e) => repIds.has(e.id)));
   }, [hfState, galleryVisibleCount, loadThumbnailsForEntries]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!hfState) return;
     const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     loadThumbnailsForEntries(sortedMeta.slice(0, historyVisibleCount));
   }, [hfState, historyVisibleCount, loadThumbnailsForEntries]);
-  const [activePrompt, setActivePrompt] = (0, import_react48.useState)("");
-  const [isSynthesizing, setIsSynthesizing] = (0, import_react48.useState)(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react48.useState)(0);
-  const [currentResult, setCurrentResult] = (0, import_react48.useState)(null);
-  const [focusedNodeId, setFocusedNodeId] = (0, import_react48.useState)(null);
-  const [leftTab, setLeftTab] = (0, import_react48.useState)("prompt");
-  const [promptFeedback, setPromptFeedback] = (0, import_react48.useState)(null);
-  const [lastPromptPayload, setLastPromptPayload] = (0, import_react48.useState)(null);
-  const [isPromptTabGenerating, setIsPromptTabGenerating] = (0, import_react48.useState)(false);
-  const [activeTab, setActiveTab] = (0, import_react48.useState)("history");
-  const [mobileTab, setMobileTab] = (0, import_react48.useState)("stage");
-  const [middlePanel, setMiddlePanel] = (0, import_react48.useState)("stage");
-  const [recentLabItems, setRecentLabItems] = (0, import_react48.useState)([]);
-  const [aspectRatio, setAspectRatio] = (0, import_react48.useState)("1:1");
-  const [selectedModel, setSelectedModel] = (0, import_react48.useState)("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = (0, import_react48.useState)(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = (0, import_react48.useState)("random");
-  const [imageCount, setImageCount] = (0, import_react48.useState)(() => {
+  const [activePrompt, setActivePrompt] = (0, import_react49.useState)("");
+  const [isSynthesizing, setIsSynthesizing] = (0, import_react49.useState)(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react49.useState)(0);
+  const [currentResult, setCurrentResult] = (0, import_react49.useState)(null);
+  const [focusedNodeId, setFocusedNodeId] = (0, import_react49.useState)(null);
+  const [leftTab, setLeftTab] = (0, import_react49.useState)("prompt");
+  const [promptFeedback, setPromptFeedback] = (0, import_react49.useState)(null);
+  const [lastPromptPayload, setLastPromptPayload] = (0, import_react49.useState)(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = (0, import_react49.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react49.useState)("history");
+  const [mobileTab, setMobileTab] = (0, import_react49.useState)("stage");
+  const [middlePanel, setMiddlePanel] = (0, import_react49.useState)("stage");
+  const [recentLabItems, setRecentLabItems] = (0, import_react49.useState)([]);
+  const [aspectRatio, setAspectRatio] = (0, import_react49.useState)("1:1");
+  const [selectedModel, setSelectedModel] = (0, import_react49.useState)("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = (0, import_react49.useState)(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = (0, import_react49.useState)("random");
+  const [imageCount, setImageCount] = (0, import_react49.useState)(() => {
     try {
       const v = parseInt(localStorage.getItem("aa-image-count") || "", 10);
       return v >= 1 && v <= 8 ? v : 4;
@@ -20544,45 +21329,45 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     { label: "4 Bilder", value: "4" },
     { label: "8 Bilder", value: "8" }
   ];
-  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react48.useState)(false);
-  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react48.useState)(false);
-  const [leftPanelWidth, setLeftPanelWidth] = (0, import_react48.useState)(() => {
+  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react49.useState)(false);
+  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react49.useState)(false);
+  const [leftPanelWidth, setLeftPanelWidth] = (0, import_react49.useState)(() => {
     try {
       return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
     } catch {
       return 260;
     }
   });
-  const [rightPanelWidth, setRightPanelWidth] = (0, import_react48.useState)(() => {
+  const [rightPanelWidth, setRightPanelWidth] = (0, import_react49.useState)(() => {
     try {
       return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
     } catch {
       return 320;
     }
   });
-  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react48.useState)(false);
-  const [projectActionState, setProjectActionState] = (0, import_react48.useState)("idle");
-  const syncServerDataRef = (0, import_react48.useRef)(null);
-  const [workspaceTags, setWorkspaceTags] = (0, import_react48.useState)(null);
-  const [serverProjects, setServerProjects] = (0, import_react48.useState)([]);
-  const [isLoadingFromServer, setIsLoadingFromServer] = (0, import_react48.useState)(false);
-  const [highContrast, setHighContrast] = (0, import_react48.useState)(() => {
+  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react49.useState)(false);
+  const [projectActionState, setProjectActionState] = (0, import_react49.useState)("idle");
+  const syncServerDataRef = (0, import_react49.useRef)(null);
+  const [workspaceTags, setWorkspaceTags] = (0, import_react49.useState)(null);
+  const [serverProjects, setServerProjects] = (0, import_react49.useState)([]);
+  const [isLoadingFromServer, setIsLoadingFromServer] = (0, import_react49.useState)(false);
+  const [highContrast, setHighContrast] = (0, import_react49.useState)(() => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
     } catch {
       return false;
     }
   });
-  const [activeReferenceId, setActiveReferenceId] = (0, import_react48.useState)(null);
-  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = (0, import_react48.useState)(null);
-  const [isScanningImage, setIsScanningImage] = (0, import_react48.useState)(false);
-  const [touchStartX, setTouchStartX] = (0, import_react48.useState)(null);
-  const [isFullscreen, setIsFullscreen] = (0, import_react48.useState)(false);
-  const [zoomScale, setZoomScale] = (0, import_react48.useState)(1);
-  const [zoomOffset, setZoomOffset] = (0, import_react48.useState)({ x: 0, y: 0 });
-  const lastPinchDist = (0, import_react48.useRef)(null);
-  const lastTapTime = (0, import_react48.useRef)(0);
-  const dragStart = (0, import_react48.useRef)(null);
+  const [activeReferenceId, setActiveReferenceId] = (0, import_react49.useState)(null);
+  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = (0, import_react49.useState)(null);
+  const [isScanningImage, setIsScanningImage] = (0, import_react49.useState)(false);
+  const [touchStartX, setTouchStartX] = (0, import_react49.useState)(null);
+  const [isFullscreen, setIsFullscreen] = (0, import_react49.useState)(false);
+  const [zoomScale, setZoomScale] = (0, import_react49.useState)(1);
+  const [zoomOffset, setZoomOffset] = (0, import_react49.useState)({ x: 0, y: 0 });
+  const lastPinchDist = (0, import_react49.useRef)(null);
+  const lastTapTime = (0, import_react49.useRef)(0);
+  const dragStart = (0, import_react49.useRef)(null);
   const openFullscreen = () => {
     setIsFullscreen(true);
     setZoomScale(1);
@@ -20645,7 +21430,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
-  const labServices = (0, import_react48.useMemo)(() => {
+  const labServices = (0, import_react49.useMemo)(() => {
     const available = groupGenerationsToLabItems([...galleryItems, ...history]);
     return {
       availableItems: available,
@@ -20725,14 +21510,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setIsScanningImage(false);
     }
   };
-  const currentIndex = (0, import_react48.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
-  const goToPrev = (0, import_react48.useCallback)(() => {
+  const currentIndex = (0, import_react49.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
+  const goToPrev = (0, import_react49.useCallback)(() => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
   }, [currentIndex, history]);
-  const goToNext = (0, import_react48.useCallback)(() => {
+  const goToNext = (0, import_react49.useCallback)(() => {
     if (currentIndex < history.length - 1) setCurrentResult(history[currentIndex + 1]);
   }, [currentIndex, history]);
-  const handleGallerySelect = (0, import_react48.useCallback)((g) => {
+  const handleGallerySelect = (0, import_react49.useCallback)((g) => {
     setCurrentResult(g);
     setMobileTab("stage");
     if (g.hasThumb && g.filename && hfToken && !g.fullBase64) {
@@ -20745,7 +21530,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       });
     }
   }, [hfToken, effectiveNamespace]);
-  const handleTitleSet = (0, import_react48.useCallback)((id) => {
+  const handleTitleSet = (0, import_react49.useCallback)((id) => {
     const ts = Date.now();
     setGalleryItems((prev) => prev.map((g) => g.id === id ? { ...g, titleTs: ts } : g));
     setHistory((prev) => prev.map((g) => g.id === id ? { ...g, titleTs: ts } : g));
@@ -20754,13 +21539,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       });
     }
   }, [hfToken, effectiveNamespace, hfWriteEvent]);
-  const currentGroup = (0, import_react48.useMemo)(() => {
+  const currentGroup = (0, import_react49.useMemo)(() => {
     if (!currentResult?.prompt) return [];
     const groups = groupByPrompt(galleryItems.filter((g) => g.status === "done" && !!g.base64));
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
     return group ? group.items : [];
   }, [galleryItems, currentResult?.prompt]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!currentResult?.prompt || !hfToken || !effectiveNamespace || !hfState) return;
     const siblings = galleryItemsRef.current.filter(
       (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
@@ -20799,7 +21584,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   ) : null;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
-  const getSubtreeFormat = (0, import_react48.useCallback)((nodeId, depth = 0) => {
+  const getSubtreeFormat = (0, import_react49.useCallback)((nodeId, depth = 0) => {
     const node = nodes.find((n) => n.id === nodeId);
     if (!node) return "";
     const childrenIds = edges.filter((e) => e.source === nodeId).map((e) => e.target);
@@ -20807,7 +21592,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     return `${indent}- ${node.data.label || "(unbenannt)"}
 ` + childrenIds.map((id) => getSubtreeFormat(id, depth + 1)).join("");
   }, [nodes, edges]);
-  const activePath = (0, import_react48.useMemo)(() => {
+  const activePath = (0, import_react49.useMemo)(() => {
     if (!focusedNodeId) return /* @__PURE__ */ new Set();
     const path = /* @__PURE__ */ new Set([focusedNodeId]);
     let currId = focusedNodeId;
@@ -21173,7 +21958,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setTimeout(() => setProjectActionState("idle"), 4e3);
     }
   };
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
   }, [activeTab]);
   const mergeWorkspaceTags = (local, remote) => {
@@ -22205,7 +22990,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/components/FaApp.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function FaApp({
   onGenerateImage,
@@ -22225,8 +23010,8 @@ function FaApp({
   onServerDelete,
   buildInfo
 }) {
-  const [hfNamespace, setHfNamespace] = (0, import_react49.useState)(void 0);
-  (0, import_react49.useEffect)(() => {
+  const [hfNamespace, setHfNamespace] = (0, import_react50.useState)(void 0);
+  (0, import_react50.useEffect)(() => {
     if (!serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string") setHfNamespace(d.hfNamespace);
@@ -22491,15 +23276,15 @@ function createInMemoryWorkspacePersistence(now = () => Date.now()) {
 }
 
 // node_modules/zustand/esm/react.mjs
-var import_react50 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 var identity = (arg) => arg;
 function useStore(api, selector = identity) {
-  const slice = import_react50.default.useSyncExternalStore(
+  const slice = import_react51.default.useSyncExternalStore(
     api.subscribe,
-    import_react50.default.useCallback(() => selector(api.getState()), [api, selector]),
-    import_react50.default.useCallback(() => selector(api.getInitialState()), [api, selector])
+    import_react51.default.useCallback(() => selector(api.getState()), [api, selector]),
+    import_react51.default.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
-  import_react50.default.useDebugValue(slice);
+  import_react51.default.useDebugValue(slice);
   return slice;
 }