@rslsp1/fa-app-tools 2.0.78 → 2.0.82

package/dist/index.mjs

@@ -1,3 +1,8 @@
+import {
+  SzenenView,
+  createFlowSzenenViewPort
+} from "./chunk-GEGJD43Y.mjs";
+import "./chunk-FUY2OCVC.mjs";
 import {
   exportProjectToZip,
   importProjectFromZip,
@@ -22,10 +27,10 @@ import {
   setHFToken,
   tsFromEventPath,
   writeHFEvent
-} from "./chunk-BYD4RMYM.mjs";
+} from "./chunk-VBWQP7PO.mjs";
 
 // package.json
-var version = "2.0.78";
+var version = "2.0.82";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -63,6 +68,9 @@ function useKeyboardNavigation(history, currentResult, setCurrentResult) {
   }, [currentResult, history, 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';
+
 // src/lib/utils.ts
 var getFormattedTimestamp = () => {
   const d = /* @__PURE__ */ new Date();
@@ -78,7 +86,45 @@ var GLOBAL_STYLES = `
   .prompt-loading { background: linear-gradient(90deg, rgba(255,255,255,0.02) 25%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.02) 75%); background-size: 200% 100%; animation: prompt-shimmer 2s infinite linear; }
   @keyframes dropdown-enter { from { opacity: 0; transform: scale(0.95) translateY(-5px); } to { opacity: 1; transform: scale(1) translateY(0); } }
   .animate-dropdown { animation: dropdown-enter 0.1s ease-out forwards; }
-`;
+  .flow-szenen-entry { display: grid; gap: 6px; width: 100%; max-width: 280px; text-align: center; }
+  .flow-szenen-entry button, .flow-szenen-shell__header button { min-height: 44px; padding: 0 16px; color: #e7e5e4; background: #1d4ed8; border: 1px solid #3b82f6; border-radius: 12px; font: inherit; font-weight: 700; cursor: pointer; }
+  .flow-szenen-entry button { display: flex; align-items: center; justify-content: center; gap: 8px; }
+  .flow-szenen-entry button:disabled { color: rgba(255,255,255,.3); background: transparent; border-color: rgba(255,255,255,.1); cursor: not-allowed; }
+  .flow-szenen-entry small { color: rgba(255,255,255,.35); font-size: 10px; }
+  .flow-workspace-picker { position: fixed; inset: 0; display: grid; place-items: center; padding: 16px; color: #f5f5f5; background: #050505; overflow: auto; }
+  .flow-workspace-picker__card { box-sizing: border-box; display: grid; gap: 16px; width: min(100%, 448px); padding: 24px; background: #171717; border: 1px solid #404040; border-radius: 12px; box-shadow: 0 25px 50px rgba(0,0,0,.55); }
+  .flow-workspace-picker__card header { display: grid; gap: 4px; }
+  .flow-workspace-picker__card header strong { font-size: 22px; }
+  .flow-workspace-picker__card header small, .flow-workspace-picker__choices small { color: #a3a3a3; }
+  .flow-workspace-picker__choices { display: grid; gap: 8px; }
+  .flow-workspace-picker__choices button { display: flex; justify-content: space-between; align-items: center; min-height: 46px; padding: 10px 12px; color: #f5f5f5; background: #050505; border: 1px solid #404040; border-radius: 8px; font: inherit; cursor: pointer; }
+  .flow-workspace-picker__choices button:hover { border-color: #3b82f6; background: #262626; }
+  .flow-workspace-picker__back { justify-self: start; padding: 0; color: #a3a3a3; background: transparent; border: 0; font: inherit; cursor: pointer; }
+  .flow-workspace-picker__warning { margin: 0; padding: 10px; color: #fbbf24; background: rgba(146,64,14,.2); border: 1px solid rgba(217,119,6,.4); border-radius: 8px; font-size: 12px; }
+  .flow-szenen-shell {
+    --sz-bg: #0e0e0e; --sz-surface: #171717; --sz-elevated: #262626;
+    --sz-border: #404040; --sz-text: #f5f5f5; --sz-muted: #a3a3a3;
+    --color-bg-app: #000; --color-bg-surface: #0a0a0a; --color-bg-surface-hover: #171717; --color-bg-elevated: #171717;
+    --color-border: #262626; --color-border-hover: #404040;
+    --color-text-primary: #fff; --color-text-secondary: #a3a3a3; --color-text-tertiary: #525252;
+    --color-accent-blue: #3b82f6; --color-accent-blue-dim: rgba(59,130,246,.2);
+    --color-accent-purple: #a855f7; --color-accent-green: #22c55e; --color-accent-green-dim: rgba(34,197,94,.2);
+    --color-accent-red: #ef4444; --color-accent-red-dim: rgba(239,68,68,.2);
+    --color-success: #22c55e; --color-warning: #eab308; --color-danger: #ef4444;
+    --space-xs: .25rem; --space-sm: .5rem; --space-md: 1rem;
+    --radius-sm: .25rem; --radius-md: .5rem; --radius-lg: .75rem; --radius-full: 9999px;
+    --font-sans: system-ui, -apple-system, sans-serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+    position: fixed; inset: 0; display: flex; flex-direction: column;
+    color: var(--sz-text); background: var(--sz-bg); overflow: hidden;
+  }
+  .flow-szenen-shell__header { display: flex; align-items: center; gap: 16px; min-height: 58px; padding: 8px 16px; background: #050505; border-bottom: 1px solid var(--sz-border); }
+  .flow-szenen-shell__header button { min-height: 36px; background: var(--sz-elevated); border-color: var(--sz-border); }
+  .flow-szenen-shell__header div { display: grid; gap: 2px; }
+  .flow-szenen-shell__header small { color: var(--sz-muted); font-family: monospace; }
+  .flow-szenen-shell__content { flex: 1; min-height: 0; padding: 16px; overflow: auto; }
+  @media (max-width: 760px) { .flow-szenen-shell__content { padding: 8px; } }
+` + SZENEN_VIEW_STYLES;
 
 // src/lib/aiHelpers.ts
 function buildGenerationPrompt(hierarchyText, mode = "creative") {
@@ -184,13 +230,13 @@ function createFlowServices(Flow) {
     generateText: async (text, options) => {
       try {
         const response = await Flow.generate.text(text, {
-          thinkingLevel: "low",
+          thinkingLevel: options?.thinkingLevel ?? "low",
           systemInstruction: options?.systemInstruction || "You are an expert prompt engineer. Always return ONLY the generated prompt text, no headers, no quotes, no conversational filler.",
           images: options?.images
         });
         const result = response?.text?.trim() || "";
         if (!result) throw new Error("Empty AI response");
-        return cleanAiResponse(result);
+        return options?.responseFormat === "json" ? result : cleanAiResponse(result);
       } catch (err) {
         throw interpretSdkError(err);
       }
@@ -603,7 +649,7 @@ function TagBaseSection(props) {
               className: "w-full bg-black/40 border border-white/10 rounded px-2 py-1.5 text-[11px] text-white outline-none focus:border-white/20",
               children: [
                 /* @__PURE__ */ jsx7("option", { value: "", children: "\u2014 Context w\xE4hlen \u2014" }),
-                tagBase.contexts.map((c) => /* @__PURE__ */ jsxs5("option", { value: c.id, children: [
+                tagBase.contexts.filter((c) => tagBase.users.find((u) => u.id === selectedUserId)?.context_ids?.includes(c.id)).map((c) => /* @__PURE__ */ jsxs5("option", { value: c.id, children: [
                   c.label || c.name,
                   " (id=",
                   c.id,
@@ -1398,7 +1444,7 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { useState as useState24, useCallback as useCallback4, useMemo as useMemo5, useEffect as useEffect10, useRef as useRef11 } from "react";
+import { useState as useState25, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect10, useRef as useRef11 } from "react";
 
 // src/components/PromptTab.tsx
 import { useRef as useRef5, useState as useState8 } from "react";
@@ -2262,7 +2308,7 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-JKEVTY66.mjs");
+                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-WKQLNDHO.mjs");
                 const file = await hfDownloadProject2(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
@@ -2854,12 +2900,19 @@ function deriveTagBaseWorkspaceTags(tags, contextId, pending = []) {
 }
 function validateTagBaseSelection(base, userId, contextId) {
   if (userId === null || contextId === null) return { valid: false, reason: null };
-  const userExists = base.users.some((u) => u.id === userId);
+  const user = base.users.find((u) => u.id === userId);
+  const userExists = user !== void 0;
   const contextExists = base.contexts.some((c) => c.id === contextId);
-  if (userExists && contextExists) return { valid: true, reason: null };
+  const contextAllowed = userExists && Array.isArray(user.context_ids) && user.context_ids.includes(contextId);
+  if (userExists && contextExists && contextAllowed) return { valid: true, reason: null };
   const missing = [];
   if (!userExists) missing.push(`User id=${userId}`);
   if (!contextExists) missing.push(`Context id=${contextId}`);
+  if (userExists && contextExists && !Array.isArray(user.context_ids)) {
+    missing.push(`User id=${userId} hat keine context_ids (Tag-Base muss neu erzeugt werden)`);
+  } else if (userExists && contextExists && !contextAllowed) {
+    missing.push(`Context id=${contextId} ist User id=${userId} nicht zugeordnet`);
+  }
   return {
     valid: false,
     reason: `Gespeicherte Auswahl (${missing.join(", ")}) existiert nicht mehr in der Tag-Base (Version ${base.meta.version}) \u2014 bitte neu w\xE4hlen.`
@@ -2869,6 +2922,21 @@ function validateTagBaseSelection(base, userId, contextId) {
 // src/hooks/useTagBase.ts
 var USER_ID_KEY = "aa-user-id";
 var CONTEXT_ID_KEY = "aa-context-id";
+var IDENTITY_NAMESPACE_KEY = "aa-identity-namespace";
+function readStoredNamespace() {
+  try {
+    return localStorage.getItem(IDENTITY_NAMESPACE_KEY);
+  } catch {
+    return null;
+  }
+}
+function writeStoredNamespace(namespace) {
+  try {
+    if (namespace === null) localStorage.removeItem(IDENTITY_NAMESPACE_KEY);
+    else localStorage.setItem(IDENTITY_NAMESPACE_KEY, namespace);
+  } catch {
+  }
+}
 function readStoredId(key) {
   try {
     const v = localStorage.getItem(key);
@@ -2905,6 +2973,16 @@ function useTagBase(token, namespace) {
   }, [selectedContextId]);
   const load = useCallback2(async () => {
     if (!token || !namespace) return;
+    if (readStoredNamespace() !== namespace) {
+      selectedUserIdRef.current = null;
+      selectedContextIdRef.current = null;
+      setSelectedUserId(null);
+      setSelectedContextId(null);
+      writeStoredId(USER_ID_KEY, null);
+      writeStoredId(CONTEXT_ID_KEY, null);
+      writeStoredNamespace(namespace);
+      setPickerMessage(null);
+    }
     setIsLoading(true);
     setError(null);
     try {
@@ -2940,17 +3018,22 @@ function useTagBase(token, namespace) {
   }, [load]);
   const selectUser = useCallback2((userId) => {
     setSelectedUserId(userId);
+    setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, userId);
-  }, []);
+    writeStoredId(CONTEXT_ID_KEY, null);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const selectContext = useCallback2((contextId) => {
     setSelectedContextId(contextId);
     writeStoredId(CONTEXT_ID_KEY, contextId);
-  }, []);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const resetSelection = useCallback2(() => {
     setSelectedUserId(null);
     setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, null);
     writeStoredId(CONTEXT_ID_KEY, null);
+    writeStoredNamespace(null);
     setPickerMessage(null);
   }, []);
   const validation = tagBase ? validateTagBaseSelection(tagBase, selectedUserId, selectedContextId) : { valid: false, reason: null };
@@ -5586,9 +5669,131 @@ function ServerTab({ serverBaseUrl }) {
   ] });
 }
 
-// src/components/AvatarArchitectApp.tsx
+// src/components/FlowWorkspacePicker.tsx
+import { useMemo as useMemo5, useState as useState24 } from "react";
 import { Fragment as Fragment10, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
-function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
+function FlowWorkspacePicker({
+  tagBase,
+  selectedUserId,
+  message,
+  onSelectUser,
+  onSelectContext
+}) {
+  const [step, setStep] = useState24(selectedUserId === null ? "user" : "context");
+  const selectedUser = tagBase.users.find((user) => user.id === selectedUserId) ?? null;
+  const contexts = useMemo5(() => {
+    if (!selectedUser) return [];
+    if (!Array.isArray(selectedUser.context_ids)) return [];
+    const allowed = new Set(selectedUser.context_ids);
+    return tagBase.contexts.filter((context) => allowed.has(context.id));
+  }, [selectedUser, tagBase.contexts]);
+  const chooseUser = (userId) => {
+    onSelectUser(userId);
+    setStep("context");
+  };
+  const back = () => {
+    setStep("user");
+  };
+  return /* @__PURE__ */ jsx28("main", { className: "flow-workspace-picker", "data-testid": "flow-workspace-picker", children: /* @__PURE__ */ jsxs26("section", { className: "flow-workspace-picker__card", children: [
+    /* @__PURE__ */ jsxs26("header", { children: [
+      /* @__PURE__ */ jsx28("strong", { children: "FineArt Flow" }),
+      /* @__PURE__ */ jsx28("small", { children: step === "user" ? "Benutzer w\xE4hlen" : `Kontext f\xFCr ${selectedUser?.username ?? `User ${selectedUserId}`}` })
+    ] }),
+    message && /* @__PURE__ */ jsx28("p", { className: "flow-workspace-picker__warning", children: message }),
+    step === "user" ? /* @__PURE__ */ jsxs26("div", { className: "flow-workspace-picker__choices", "aria-label": "Benutzer w\xE4hlen", children: [
+      tagBase.users.map((user) => /* @__PURE__ */ jsxs26("button", { type: "button", onClick: () => chooseUser(user.id), children: [
+        /* @__PURE__ */ jsx28("span", { children: user.username }),
+        /* @__PURE__ */ jsxs26("small", { children: [
+          "id=",
+          user.id
+        ] })
+      ] }, user.id)),
+      tagBase.users.length === 0 && /* @__PURE__ */ jsxs26("p", { children: [
+        "Tag-Base v",
+        tagBase.meta.version,
+        " enth\xE4lt keine Benutzer."
+      ] })
+    ] }) : /* @__PURE__ */ jsxs26(Fragment10, { children: [
+      /* @__PURE__ */ jsx28("button", { className: "flow-workspace-picker__back", type: "button", onClick: back, children: "\u2190 Anderen Benutzer w\xE4hlen" }),
+      /* @__PURE__ */ jsxs26("div", { className: "flow-workspace-picker__choices", "aria-label": "Kontext w\xE4hlen", children: [
+        contexts.map((context) => /* @__PURE__ */ jsxs26("button", { type: "button", onClick: () => onSelectContext(context.id), children: [
+          /* @__PURE__ */ jsx28("span", { children: context.label || context.name }),
+          /* @__PURE__ */ jsxs26("small", { children: [
+            "id=",
+            context.id
+          ] })
+        ] }, context.id)),
+        selectedUser && !Array.isArray(selectedUser.context_ids) && /* @__PURE__ */ jsxs26("p", { children: [
+          "User ",
+          selectedUser.id,
+          " hat keine context_ids. Die Tag-Base muss auf dem Server neu erzeugt werden."
+        ] }),
+        selectedUser && Array.isArray(selectedUser.context_ids) && contexts.length === 0 && /* @__PURE__ */ jsxs26("p", { children: [
+          "F\xFCr User ",
+          selectedUser.id,
+          " sind in Tag-Base v",
+          tagBase.meta.version,
+          " keine Contexts freigegeben."
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/lib/flowBootstrapTarget.ts
+var PROD_NAMESPACE = "app.art-by-rolands.de/";
+var DEV_NAMESPACE = "dev-app.art-by-rolands.de/";
+var SELECTABLE_NAMESPACES = [PROD_NAMESPACE, DEV_NAMESPACE];
+var DEFAULT_NAMESPACE = PROD_NAMESPACE;
+function environmentForNamespace(namespace) {
+  if (!namespace) return null;
+  if (namespace === DEV_NAMESPACE) return "dev";
+  if (namespace === PROD_NAMESPACE) return "prod";
+  return null;
+}
+function normalizeSelectableNamespace(namespace) {
+  return namespace && SELECTABLE_NAMESPACES.includes(namespace) ? namespace : DEFAULT_NAMESPACE;
+}
+function resolveBootstrapTarget(input) {
+  const { hostNamespace, serverNamespace, isProbingServer = false } = input;
+  if (hostNamespace) {
+    return {
+      source: "host",
+      phase: "ready",
+      ready: true,
+      namespace: hostNamespace,
+      environment: environmentForNamespace(hostNamespace)
+    };
+  }
+  if (serverNamespace) {
+    return {
+      source: "server",
+      phase: "ready",
+      ready: true,
+      namespace: serverNamespace,
+      environment: environmentForNamespace(serverNamespace)
+    };
+  }
+  if (isProbingServer) {
+    return { source: "server", phase: "probing", ready: false, namespace: null, environment: null };
+  }
+  const { selectedNamespace, isStartDialogOpen = false } = input;
+  if (isStartDialogOpen) {
+    return { source: "dialog", phase: "awaiting-choice", ready: false, namespace: null, environment: null };
+  }
+  const namespace = normalizeSelectableNamespace(selectedNamespace);
+  return {
+    source: "dialog",
+    phase: "ready",
+    ready: true,
+    namespace,
+    environment: environmentForNamespace(namespace)
+  };
+}
+
+// src/components/AvatarArchitectApp.tsx
+import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
   useEffect10(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
@@ -5598,41 +5803,51 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [showStart, setShowStart] = useState24(true);
-  const [layoutChoice, setLayoutChoice] = useState24(() => {
+  const [showStart, setShowStart] = useState25(true);
+  const [showSzenen, setShowSzenen] = useState25(false);
+  const [layoutChoice, setLayoutChoice] = useState25(() => {
     try {
       return localStorage.getItem("aa-layout") || null;
     } catch {
       return null;
     }
   });
-  const [projectLoaded, setProjectLoaded] = useState24(false);
-  const [hfToken, setHfToken] = useState24(initialHfToken || "");
-  const [hfTokenInput, setHfTokenInput] = useState24(initialHfToken || "");
-  const [isLoadingFromHF, setIsLoadingFromHF] = useState24(false);
-  const [hfNamespaceLocal, setHfNamespaceLocal] = useState24(() => {
-    const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
-    const DEFAULT = "app.art-by-rolands.de/";
+  const [projectLoaded, setProjectLoaded] = useState25(false);
+  const [hfToken, setHfToken] = useState25(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = useState25(initialHfToken || "");
+  const [isLoadingFromHF, setIsLoadingFromHF] = useState25(false);
+  const [hfNamespaceLocal, setHfNamespaceLocal] = useState25(() => {
     try {
-      const stored = localStorage.getItem("aa-hf-namespace");
-      if (stored && KNOWN.includes(stored)) return stored;
-      localStorage.setItem("aa-hf-namespace", DEFAULT);
-      return DEFAULT;
+      return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
     } catch {
-      return DEFAULT;
+      return DEFAULT_NAMESPACE;
     }
   });
-  const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState24(null);
+  const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState25(null);
+  const [serverProbeFailed, setServerProbeFailed] = useState25(false);
   useEffect10(() => {
-    if (hfNamespace !== void 0) return;
-    const backendUrl = typeof window !== "undefined" ? window.BACKEND_URL || window.location.origin : null;
-    if (!backendUrl) return;
-    fetch(`${backendUrl}/api/status`).then((r) => r.json()).then((d) => {
+    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);
-    }).catch(() => {
-    });
-  }, [hfNamespace]);
-  const effectiveNamespace = hfNamespace ?? hfNamespaceFromServer ?? hfNamespaceLocal;
+      else setServerProbeFailed(true);
+    }).catch(() => setServerProbeFailed(true));
+  }, [hfNamespace, serverBaseUrl]);
+  const [targetConfirmed, setTargetConfirmed] = useState25(false);
+  const isDialogTarget = hfNamespace === void 0 && hfNamespaceFromServer === null && (!serverBaseUrl || serverProbeFailed);
+  const isProbingServer = hfNamespace === void 0 && !!serverBaseUrl && hfNamespaceFromServer === null && !serverProbeFailed;
+  const bootstrapTarget = resolveBootstrapTarget({
+    hostNamespace: hfNamespace,
+    serverNamespace: hfNamespaceFromServer,
+    isProbingServer,
+    selectedNamespace: hfNamespaceLocal,
+    isStartDialogOpen: isDialogTarget && !targetConfirmed
+  });
+  const effectiveNamespace = bootstrapTarget.namespace ?? "";
+  const szenenPort = useMemo6(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
+    generateText: onGeneratePrompt,
+    token: hfToken,
+    namespace: effectiveNamespace
+  }) : null, [hfToken, effectiveNamespace, onGeneratePrompt]);
   const {
     state: hfState,
     isLoading: isHfRefreshing,
@@ -5646,36 +5861,36 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     hasStateZip
   } = useHFState(hfToken, effectiveNamespace);
   const tagBaseResult = useTagBase(hfToken, effectiveNamespace);
-  const [imageUploadStatus, setImageUploadStatus] = useState24(/* @__PURE__ */ new Map());
-  const [bootstrapLog, setBootstrapLog] = useState24([]);
-  const [isBootstrapping, setIsBootstrapping] = useState24(false);
-  const [hfMissingImages, setHfMissingImages] = useState24([]);
-  const syncTopSlot = /* @__PURE__ */ jsxs26(Fragment10, { children: [
-    localOnlyCount > 0 && /* @__PURE__ */ jsxs26("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: [
+  const [imageUploadStatus, setImageUploadStatus] = useState25(/* @__PURE__ */ new Map());
+  const [bootstrapLog, setBootstrapLog] = useState25([]);
+  const [isBootstrapping, setIsBootstrapping] = useState25(false);
+  const [hfMissingImages, setHfMissingImages] = useState25([]);
+  const syncTopSlot = /* @__PURE__ */ jsxs27(Fragment11, { children: [
+    localOnlyCount > 0 && /* @__PURE__ */ jsxs27("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 ",
       localOnlyCount,
       " lokale Event",
       localOnlyCount > 1 ? "s" : "",
       " noch nicht auf HF best\xE4tigt"
     ] }),
-    pendingBufferCount > 0 && /* @__PURE__ */ jsxs26("div", { style: { background: "linear-gradient(90deg,#f59e0b,#ef4444)", padding: "4px 10px", fontSize: 11, color: "#fff", borderRadius: 4, marginBottom: 4 }, children: [
+    pendingBufferCount > 0 && /* @__PURE__ */ jsxs27("div", { style: { background: "linear-gradient(90deg,#f59e0b,#ef4444)", padding: "4px 10px", fontSize: 11, color: "#fff", borderRadius: 4, marginBottom: 4 }, children: [
       pendingBufferCount,
       " \xC4nderung",
       pendingBufferCount > 1 ? "en" : "",
       " lokal \u2014 bei Flow-Reload verloren wenn nicht synchronisiert"
     ] }),
-    eventCount > 100 && /* @__PURE__ */ jsxs26("div", { style: { background: "#dc2626", color: "#fff", padding: "5px 10px", borderRadius: 4, marginBottom: 4, fontWeight: 600, fontSize: 11 }, children: [
+    eventCount > 100 && /* @__PURE__ */ jsxs27("div", { style: { background: "#dc2626", color: "#fff", padding: "5px 10px", borderRadius: 4, marginBottom: 4, fontWeight: 600, fontSize: 11 }, children: [
       "\u26A0 ",
       eventCount,
       " Events nicht konsolidiert \u2014 Konsolidierung dringend empfohlen"
     ] }),
-    eventCount > 50 && eventCount <= 100 && /* @__PURE__ */ jsxs26("div", { style: { background: "#44403c", color: "#a8a29e", padding: "4px 10px", borderRadius: 4, marginBottom: 4, fontSize: 11 }, children: [
+    eventCount > 50 && eventCount <= 100 && /* @__PURE__ */ jsxs27("div", { style: { background: "#44403c", color: "#a8a29e", padding: "4px 10px", borderRadius: 4, marginBottom: 4, fontSize: 11 }, children: [
       eventCount,
       " Events seit letzter Konsolidierung \u2014 Konsolidierung empfohlen"
     ] }),
-    hfToken && !hasStateZip && !isHfRefreshing && /* @__PURE__ */ jsxs26("div", { style: { background: "#1c1917", border: "1px solid #44403c", borderRadius: 6, padding: "10px 12px" }, children: [
-      /* @__PURE__ */ jsx28("div", { style: { fontSize: 12, color: "#a8a29e", marginBottom: 6 }, children: effectiveNamespace ? `Kein State-Snapshot in HF (${effectiveNamespace}) \u2014 aus Legacy-Daten (tags.json + metadata.json) migrieren?` : "Namespace wird geladen\u2026" }),
-      /* @__PURE__ */ jsx28(
+    hfToken && !hasStateZip && !isHfRefreshing && /* @__PURE__ */ jsxs27("div", { style: { background: "#1c1917", border: "1px solid #44403c", borderRadius: 6, padding: "10px 12px" }, children: [
+      /* @__PURE__ */ jsx29("div", { style: { fontSize: 12, color: "#a8a29e", marginBottom: 6 }, children: effectiveNamespace ? `Kein State-Snapshot in HF (${effectiveNamespace}) \u2014 aus Legacy-Daten (tags.json + metadata.json) migrieren?` : "Namespace wird geladen\u2026" }),
+      /* @__PURE__ */ jsx29(
         "button",
         {
           disabled: isBootstrapping || !effectiveNamespace,
@@ -5696,7 +5911,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           children: isBootstrapping ? "Migriere\u2026" : "Legacy-Migration starten"
         }
       ),
-      bootstrapLog.length > 0 && /* @__PURE__ */ jsx28("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ jsx28("div", { children: l }, i)) })
+      bootstrapLog.length > 0 && /* @__PURE__ */ jsx29("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ jsx29("div", { children: l }, i)) })
     ] })
   ] });
   const wsInputRef = useRef11(null);
@@ -5706,19 +5921,20 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     } catch {
     }
     setLayoutChoice(choice);
+    setTargetConfirmed(true);
     setShowStart(false);
   };
-  const [nodes, setNodes] = useState24([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = useState24([]);
-  const [history, setHistory] = useState24([]);
-  const [galleryItems, setGalleryItems] = useState24([]);
+  const [nodes, setNodes] = useState25([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = useState25([]);
+  const [history, setHistory] = useState25([]);
+  const [galleryItems, setGalleryItems] = useState25([]);
   const galleryItemsRef = useRef11([]);
   useEffect10(() => {
     galleryItemsRef.current = galleryItems;
   }, [galleryItems]);
   const hfImageNotFoundRef = useRef11(/* @__PURE__ */ new Map());
-  const [galleryVisibleCount, setGalleryVisibleCount] = useState24(20);
-  const [historyVisibleCount, setHistoryVisibleCount] = useState24(20);
+  const [galleryVisibleCount, setGalleryVisibleCount] = useState25(20);
+  const [historyVisibleCount, setHistoryVisibleCount] = useState25(20);
   const loadThumbnailsForEntries = useCallback4(async (entries) => {
     for (const entry of entries) {
       if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
@@ -5777,24 +5993,24 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     loadThumbnailsForEntries(sortedMeta.slice(0, historyVisibleCount));
   }, [hfState, historyVisibleCount, loadThumbnailsForEntries]);
-  const [activePrompt, setActivePrompt] = useState24("");
-  const [isSynthesizing, setIsSynthesizing] = useState24(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = useState24(0);
-  const [currentResult, setCurrentResult] = useState24(null);
-  const [focusedNodeId, setFocusedNodeId] = useState24(null);
-  const [leftTab, setLeftTab] = useState24("prompt");
-  const [promptFeedback, setPromptFeedback] = useState24(null);
-  const [lastPromptPayload, setLastPromptPayload] = useState24(null);
-  const [isPromptTabGenerating, setIsPromptTabGenerating] = useState24(false);
-  const [activeTab, setActiveTab] = useState24("history");
-  const [mobileTab, setMobileTab] = useState24("stage");
-  const [middlePanel, setMiddlePanel] = useState24("stage");
-  const [recentLabItems, setRecentLabItems] = useState24([]);
-  const [aspectRatio, setAspectRatio] = useState24("1:1");
-  const [selectedModel, setSelectedModel] = useState24("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = useState24(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = useState24("random");
-  const [imageCount, setImageCount] = useState24(() => {
+  const [activePrompt, setActivePrompt] = useState25("");
+  const [isSynthesizing, setIsSynthesizing] = useState25(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = useState25(0);
+  const [currentResult, setCurrentResult] = useState25(null);
+  const [focusedNodeId, setFocusedNodeId] = useState25(null);
+  const [leftTab, setLeftTab] = useState25("prompt");
+  const [promptFeedback, setPromptFeedback] = useState25(null);
+  const [lastPromptPayload, setLastPromptPayload] = useState25(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = useState25(false);
+  const [activeTab, setActiveTab] = useState25("history");
+  const [mobileTab, setMobileTab] = useState25("stage");
+  const [middlePanel, setMiddlePanel] = useState25("stage");
+  const [recentLabItems, setRecentLabItems] = useState25([]);
+  const [aspectRatio, setAspectRatio] = useState25("1:1");
+  const [selectedModel, setSelectedModel] = useState25("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = useState25(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = useState25("random");
+  const [imageCount, setImageCount] = useState25(() => {
     try {
       const v = parseInt(localStorage.getItem("aa-image-count") || "", 10);
       return v >= 1 && v <= 8 ? v : 4;
@@ -5816,42 +6032,42 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     { label: "4 Bilder", value: "4" },
     { label: "8 Bilder", value: "8" }
   ];
-  const [isLeftCollapsed, setIsLeftCollapsed] = useState24(false);
-  const [isRightCollapsed, setIsRightCollapsed] = useState24(false);
-  const [leftPanelWidth, setLeftPanelWidth] = useState24(() => {
+  const [isLeftCollapsed, setIsLeftCollapsed] = useState25(false);
+  const [isRightCollapsed, setIsRightCollapsed] = useState25(false);
+  const [leftPanelWidth, setLeftPanelWidth] = useState25(() => {
     try {
       return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
     } catch {
       return 260;
     }
   });
-  const [rightPanelWidth, setRightPanelWidth] = useState24(() => {
+  const [rightPanelWidth, setRightPanelWidth] = useState25(() => {
     try {
       return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
     } catch {
       return 320;
     }
   });
-  const [isPromptCollapsed, setIsPromptCollapsed] = useState24(false);
-  const [projectActionState, setProjectActionState] = useState24("idle");
+  const [isPromptCollapsed, setIsPromptCollapsed] = useState25(false);
+  const [projectActionState, setProjectActionState] = useState25("idle");
   const syncServerDataRef = useRef11(null);
-  const [workspaceTags, setWorkspaceTags] = useState24(null);
-  const [serverProjects, setServerProjects] = useState24([]);
-  const [isLoadingFromServer, setIsLoadingFromServer] = useState24(false);
-  const [highContrast, setHighContrast] = useState24(() => {
+  const [workspaceTags, setWorkspaceTags] = useState25(null);
+  const [serverProjects, setServerProjects] = useState25([]);
+  const [isLoadingFromServer, setIsLoadingFromServer] = useState25(false);
+  const [highContrast, setHighContrast] = useState25(() => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
     } catch {
       return false;
     }
   });
-  const [activeReferenceId, setActiveReferenceId] = useState24(null);
-  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = useState24(null);
-  const [isScanningImage, setIsScanningImage] = useState24(false);
-  const [touchStartX, setTouchStartX] = useState24(null);
-  const [isFullscreen, setIsFullscreen] = useState24(false);
-  const [zoomScale, setZoomScale] = useState24(1);
-  const [zoomOffset, setZoomOffset] = useState24({ x: 0, y: 0 });
+  const [activeReferenceId, setActiveReferenceId] = useState25(null);
+  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = useState25(null);
+  const [isScanningImage, setIsScanningImage] = useState25(false);
+  const [touchStartX, setTouchStartX] = useState25(null);
+  const [isFullscreen, setIsFullscreen] = useState25(false);
+  const [zoomScale, setZoomScale] = useState25(1);
+  const [zoomOffset, setZoomOffset] = useState25({ x: 0, y: 0 });
   const lastPinchDist = useRef11(null);
   const lastTapTime = useRef11(0);
   const dragStart = useRef11(null);
@@ -5917,7 +6133,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
-  const labServices = useMemo5(() => {
+  const labServices = useMemo6(() => {
     const available = groupGenerationsToLabItems([...galleryItems, ...history]);
     return {
       availableItems: available,
@@ -5997,7 +6213,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setIsScanningImage(false);
     }
   };
-  const currentIndex = useMemo5(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
+  const currentIndex = useMemo6(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
   const goToPrev = useCallback4(() => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
   }, [currentIndex, history]);
@@ -6026,7 +6242,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       });
     }
   }, [hfToken, effectiveNamespace, hfWriteEvent]);
-  const currentGroup = useMemo5(() => {
+  const currentGroup = useMemo6(() => {
     if (!currentResult?.prompt) return [];
     const groups = groupByPrompt(galleryItems.filter((g) => g.status === "done" && !!g.base64));
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
@@ -6058,15 +6274,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     })();
   }, [currentResult?.id, currentResult?.prompt]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
-  const runningBadge = activeGenerationsCount > 0 ? /* @__PURE__ */ jsxs26(
+  const runningBadge = activeGenerationsCount > 0 ? /* @__PURE__ */ jsxs27(
     "div",
     {
       className: "flex items-center gap-1 rounded-full bg-sky-500/15 border border-sky-400/30 px-2 shrink-0",
       style: { height: 24 },
       title: `${activeGenerationsCount} Generierung${activeGenerationsCount === 1 ? "" : "en"} l\xE4uft gerade`,
       children: [
-        /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-sky-300", style: { fontSize: 14, lineHeight: 1 }, children: "autorenew" }),
-        /* @__PURE__ */ jsx28("span", { className: "text-[11px] font-bold text-sky-300 tabular-nums", children: activeGenerationsCount })
+        /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-sky-300", style: { fontSize: 14, lineHeight: 1 }, children: "autorenew" }),
+        /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-bold text-sky-300 tabular-nums", children: activeGenerationsCount })
       ]
     }
   ) : null;
@@ -6079,7 +6295,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 = useMemo5(() => {
+  const activePath = useMemo6(() => {
     if (!focusedNodeId) return /* @__PURE__ */ new Set();
     const path = /* @__PURE__ */ new Set([focusedNodeId]);
     let currId = focusedNodeId;
@@ -6470,7 +6686,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   if (isFullscreen && currentResult?.base64) {
     const fsRaw = currentResult.fullBase64 || currentResult.base64;
     const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "div",
       {
         className: "fixed inset-0 bg-black z-50 flex items-center justify-center overflow-hidden touch-none",
@@ -6478,7 +6694,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         onTouchMove: handleFsTouchMove,
         onTouchEnd: handleFsTouchEnd,
         children: [
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "img",
             {
               src: fsBase64,
@@ -6495,77 +6711,95 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               }
             }
           ),
-          /* @__PURE__ */ jsx28("button", { onClick: closeFullscreen, className: "absolute top-4 right-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: "close" }) }),
-          zoomScale > 1 && /* @__PURE__ */ jsx28("button", { onClick: () => {
+          /* @__PURE__ */ jsx29("button", { onClick: closeFullscreen, className: "absolute top-4 right-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "close" }) }),
+          zoomScale > 1 && /* @__PURE__ */ jsx29("button", { onClick: () => {
             setZoomScale(1);
             setZoomOffset({ x: 0, y: 0 });
-          }, className: "absolute top-4 left-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "zoom_out_map" }) }),
-          history.length > 1 && /* @__PURE__ */ jsxs26(Fragment10, { children: [
-            /* @__PURE__ */ jsx28("button", { onClick: () => {
+          }, className: "absolute top-4 left-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "zoom_out_map" }) }),
+          history.length > 1 && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+            /* @__PURE__ */ jsx29("button", { onClick: () => {
               if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
-            }, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
-            /* @__PURE__ */ jsx28("button", { onClick: () => {
+            }, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
+            /* @__PURE__ */ jsx29("button", { onClick: () => {
               if (currentIndex < history.length - 1) setCurrentResult(history[currentIndex + 1]);
-            }, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
-            /* @__PURE__ */ jsxs26("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
+            }, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
+            /* @__PURE__ */ jsxs27("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
               currentIndex + 1,
               " / ",
               history.length
             ] })
           ] }),
-          zoomScale === 1 && /* @__PURE__ */ jsx28("div", { className: "absolute bottom-6 right-4 text-[9px] text-white/20 font-mono", children: "Pinch zum Zoomen \xB7 Doppeltipp 2.5\xD7" })
+          zoomScale === 1 && /* @__PURE__ */ jsx29("div", { className: "absolute bottom-6 right-4 text-[9px] text-white/20 font-mono", children: "Pinch zum Zoomen \xB7 Doppeltipp 2.5\xD7" })
         ]
       }
     );
   }
+  if (showSzenen && szenenPort) {
+    return /* @__PURE__ */ jsxs27("main", { className: "flow-szenen-shell", children: [
+      /* @__PURE__ */ jsxs27("header", { className: "flow-szenen-shell__header", children: [
+        /* @__PURE__ */ jsx29("button", { type: "button", onClick: () => setShowSzenen(false), children: "Zur\xFCck" }),
+        /* @__PURE__ */ jsxs27("div", { children: [
+          /* @__PURE__ */ jsx29("strong", { children: "Szenen" }),
+          /* @__PURE__ */ jsxs27("small", { children: [
+            effectiveNamespace,
+            " \xB7 User ",
+            tagBaseResult.selectedUserId,
+            " \xB7 Context ",
+            tagBaseResult.selectedContextId
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx29("div", { className: "flow-szenen-shell__content", children: /* @__PURE__ */ jsx29(SzenenView, { port: szenenPort, contextId: tagBaseResult.selectedContextId === null ? null : String(tagBaseResult.selectedContextId) }) })
+    ] });
+  }
   if (showStart) {
-    return /* @__PURE__ */ jsxs26("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
-      /* @__PURE__ */ jsx28("input", { ref: wsInputRef, type: "file", accept: ".zip", className: "hidden", onChange: (e) => {
+    return /* @__PURE__ */ jsxs27("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
+      /* @__PURE__ */ jsx29("input", { ref: wsInputRef, type: "file", accept: ".zip", className: "hidden", onChange: (e) => {
         const f = e.target.files?.[0];
         if (f) handleProjectImport(f);
         e.target.value = "";
       } }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-1", children: [
-        /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
-        /* @__PURE__ */ jsx28("span", { className: "text-white/25 text-[10px] font-bold uppercase tracking-[0.25em]", children: "Avatar Architect" }),
-        /* @__PURE__ */ jsxs26("span", { className: "text-white text-[13px] font-mono", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-1", children: [
+        /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
+        /* @__PURE__ */ jsx29("span", { className: "text-white/25 text-[10px] font-bold uppercase tracking-[0.25em]", children: "Avatar Architect" }),
+        /* @__PURE__ */ jsxs27("span", { className: "text-white text-[13px] font-mono", children: [
           "v",
           version
         ] })
       ] }),
-      /* @__PURE__ */ jsxs26(
+      /* @__PURE__ */ jsxs27(
         "button",
         {
           onClick: toggleContrast,
           className: "flex items-center gap-3 px-5 py-3 rounded-2xl border transition-colors",
           style: { borderColor: highContrast ? "rgba(255,255,255,0.3)" : "rgba(255,255,255,0.08)", background: highContrast ? "rgba(255,255,255,0.08)" : "transparent" },
           children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.35)" }, children: highContrast ? "light_mode" : "dark_mode" }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-start", children: [
-              /* @__PURE__ */ jsx28("span", { className: "text-[13px] font-bold", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.5)" }, children: highContrast ? "Hoher Kontrast" : "Normaler Kontrast" }),
-              /* @__PURE__ */ jsx28("span", { className: "text-[10px]", style: { color: "rgba(255,255,255,0.25)" }, children: "Tippen zum Umschalten" })
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.35)" }, children: highContrast ? "light_mode" : "dark_mode" }),
+            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-start", children: [
+              /* @__PURE__ */ jsx29("span", { className: "text-[13px] font-bold", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.5)" }, children: highContrast ? "Hoher Kontrast" : "Normaler Kontrast" }),
+              /* @__PURE__ */ jsx29("span", { className: "text-[10px]", style: { color: "rgba(255,255,255,0.25)" }, children: "Tippen zum Umschalten" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs26(
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ jsxs27(
           "button",
           {
             onClick: () => wsInputRef.current?.click(),
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform",
             style: { height: 56, background: projectLoaded ? "#16a34a" : "#0284c7" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: projectLoaded ? "check_circle" : "folder_zip" }),
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: projectLoaded ? "check_circle" : "folder_zip" }),
               projectLoaded ? "Projekt geladen \u2713" : "Projekt laden (.zip)"
             ]
           }
         ),
-        !projectLoaded && /* @__PURE__ */ jsx28("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
+        !projectLoaded && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        !initialHfToken && /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 w-full", children: [
-          /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        !initialHfToken && /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 w-full", children: [
+          /* @__PURE__ */ jsx29(
             "input",
             {
               type: "password",
@@ -6581,7 +6815,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
             }
           ),
-          hfTokenInput.trim() && /* @__PURE__ */ jsx28(
+          hfTokenInput.trim() && /* @__PURE__ */ jsx29(
             "button",
             {
               type: "button",
@@ -6592,9 +6826,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        !hfNamespace && /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3 w-full", children: [
-          /* @__PURE__ */ jsx28("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
-          ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ jsx28(
+        isDialogTarget && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 w-full", children: [
+          /* @__PURE__ */ jsx29("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
+          ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ jsx29(
             "button",
             {
               onClick: () => {
@@ -6614,14 +6848,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ns
           ))
         ] }),
-        hfToken && /* @__PURE__ */ jsxs26(
+        hfToken && /* @__PURE__ */ jsxs27(
           "button",
           {
             disabled: isLoadingFromHF,
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-JKEVTY66.mjs");
+                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-WKQLNDHO.mjs");
                 const projects = await hfListProjects2(hfToken);
                 if (projects.length > 0) {
                   const file = await hfDownloadProject2(projects[0].path, hfToken);
@@ -6636,15 +6870,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform disabled:opacity-50",
             style: { height: 56, background: "#f59e0b" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
+              /* @__PURE__ */ jsx29("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
               isLoadingFromHF ? "Laden\u2026" : "Von HF laden"
             ]
           }
         ),
-        hfToken && /* @__PURE__ */ jsx28("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
+        hfToken && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
       ] }),
-      onFetchServerProjects && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs26(
+      onFetchServerProjects && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ jsxs27(
           "button",
           {
             disabled: isLoadingFromServer,
@@ -6665,59 +6899,116 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform disabled:opacity-50",
             style: { height: 56, background: "#7c3aed" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromServer ? " animate-spin" : ""}`, children: isLoadingFromServer ? "sync" : "cloud_download" }),
+              /* @__PURE__ */ jsx29("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromServer ? " animate-spin" : ""}`, children: isLoadingFromServer ? "sync" : "cloud_download" }),
               isLoadingFromServer ? "Laden\u2026" : "Vom Server laden"
             ]
           }
         ),
-        /* @__PURE__ */ jsx28("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand vom Server wiederherstellen" })
+        /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand vom Server wiederherstellen" })
+      ] }),
+      /* @__PURE__ */ jsxs27("div", { className: "flow-szenen-entry", children: [
+        /* @__PURE__ */ jsxs27(
+          "button",
+          {
+            type: "button",
+            disabled: !szenenPort || !bootstrapTarget.ready,
+            onClick: () => setShowSzenen(true),
+            children: [
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", children: "movie" }),
+              "Szenen \xF6ffnen"
+            ]
+          }
+        ),
+        !szenenPort && /* @__PURE__ */ jsx29("small", { children: "F\xFCr Szenen zuerst den HF-Token setzen." })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsx28("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold", children: "Layout w\xE4hlen & starten" }),
-        /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-2 gap-2 w-full", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ jsx29("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold", children: "Layout w\xE4hlen & starten" }),
+        /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-2 gap-2 w-full", children: [
           { id: "mobile", icon: "smartphone", label: "Mobile" },
           { id: "mobile-desktop", icon: "phonelink", label: "Mobile+" },
           { id: "desktop", icon: "desktop_windows", label: "Desktop" },
           { id: "tablet-landscape", icon: "tablet", label: "Landscape" }
-        ].map((opt) => /* @__PURE__ */ jsxs26(
+        ].map((opt) => /* @__PURE__ */ jsxs27(
           "button",
           {
             onClick: () => startApp(opt.id),
             className: "flex flex-col items-center gap-2 py-4 rounded-2xl border transition-colors",
             style: { borderColor: layoutChoice === opt.id ? "rgba(255,255,255,0.35)" : "rgba(255,255,255,0.08)", background: layoutChoice === opt.id ? "rgba(255,255,255,0.07)" : "transparent" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[24px]", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.icon }),
-              /* @__PURE__ */ jsx28("span", { className: "text-[11px] font-bold", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.label })
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[24px]", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.icon }),
+              /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-bold", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.label })
             ]
           },
           opt.id
         )) }),
-        layoutChoice === "mobile-desktop" && /* @__PURE__ */ jsx28("span", { className: "text-white/20 text-[9px] text-center", children: "Mobil-Layout skaliert f\xFCr Desktop-Modus" }),
-        layoutChoice === "tablet-landscape" && /* @__PURE__ */ jsx28("span", { className: "text-white/20 text-[9px] text-center", children: "2-Spalten-Layout f\xFCr Landscape-Tablet im Desktop-Mode" })
+        layoutChoice === "mobile-desktop" && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[9px] text-center", children: "Mobil-Layout skaliert f\xFCr Desktop-Modus" }),
+        layoutChoice === "tablet-landscape" && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[9px] text-center", children: "2-Spalten-Layout f\xFCr Landscape-Tablet im Desktop-Mode" })
       ] })
     ] });
   }
+  if (requireWorkspaceSelection) {
+    if (!bootstrapTarget.ready) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsx29("section", { className: "flow-workspace-picker__card", children: "Zielraum wird bestimmt\u2026" }) });
+    }
+    if (!hfToken) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsx29("section", { className: "flow-workspace-picker__card", role: "alert", children: "HF-Token fehlt \u2014 User und Context koennen nicht aus der Tag-Base geladen werden." }) });
+    }
+    if (tagBaseResult.isLoading) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", children: [
+        "Lade User und Contexts aus ",
+        effectiveNamespace,
+        "\u2026"
+      ] }) });
+    }
+    if (tagBaseResult.error) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Tag-Base ",
+        effectiveNamespace,
+        " konnte nicht geladen werden: ",
+        tagBaseResult.error
+      ] }) });
+    }
+    if (!tagBaseResult.tagBase) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Im Namespace ",
+        effectiveNamespace,
+        " fehlt tags-state-*.zip. Der Server muss zuerst die Tag-Base erzeugen."
+      ] }) });
+    }
+    if (tagBaseResult.needsPicker) {
+      return /* @__PURE__ */ jsx29(
+        FlowWorkspacePicker,
+        {
+          tagBase: tagBaseResult.tagBase,
+          selectedUserId: tagBaseResult.selectedUserId,
+          message: tagBaseResult.pickerMessage,
+          onSelectUser: tagBaseResult.selectUser,
+          onSelectContext: tagBaseResult.selectContext
+        }
+      );
+    }
+  }
   if (layoutChoice === "mobile" || layoutChoice === "mobile-desktop") {
     const mdMode = layoutChoice === "mobile-desktop";
     const mdScale = mdMode ? window.innerWidth / 430 : 1;
     const mdW = mdMode ? 430 : void 0;
     const mdH = mdMode ? Math.ceil(window.innerHeight / mdScale) : void 0;
-    const mobileRoot = /* @__PURE__ */ jsxs26("div", { className: "flex flex-col bg-[#0e0e0e] text-white overflow-hidden", style: {
+    const mobileRoot = /* @__PURE__ */ jsxs27("div", { className: "flex flex-col bg-[#0e0e0e] text-white overflow-hidden", style: {
       width: mdMode ? mdW : "100vw",
       height: mdMode ? mdH : "100dvh",
       transform: mdMode ? `scale(${mdScale})` : void 0,
       transformOrigin: mdMode ? "top left" : void 0,
       ...hcStyle || {}
     }, children: [
-      mobileTab === "labs" && /* @__PURE__ */ jsx28("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx28(LabsTab, { services: labServices, onResult: (item) => {
+      mobileTab === "labs" && /* @__PURE__ */ jsx29("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx29(LabsTab, { services: labServices, onResult: (item) => {
         const frame = item.frames[0];
         if (frame?.base64) {
           setCurrentResult(frameToGeneration(frame, item));
           setMobileTab("stage");
         }
       } }) }),
-      mobileTab === "server" && /* @__PURE__ */ jsx28("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ jsx28(ServerTab, { serverBaseUrl }) }),
-      mobileTab === "tags" && workspaceTags && /* @__PURE__ */ jsx28("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx28(
+      mobileTab === "server" && /* @__PURE__ */ jsx29("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ jsx29(ServerTab, { serverBaseUrl }) }),
+      mobileTab === "tags" && workspaceTags && /* @__PURE__ */ jsx29("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx29(
         TagManagerPanel,
         {
           workspaceTags,
@@ -6728,24 +7019,24 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           onTagMove: handleTagMove
         }
       ) }),
-      mobileTab === "stage" && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 px-3 border-b border-white/5 bg-black/30 shrink-0", style: { height: 52 }, children: [
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
-          /* @__PURE__ */ jsx28("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsx28(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+      mobileTab === "stage" && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-3 border-b border-white/5 bg-black/30 shrink-0", style: { height: 52 }, children: [
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
+          /* @__PURE__ */ jsx29("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsx29(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
-          activeReferenceThumbnail ? /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden mr-2", style: { height: 28 }, children: [
-            /* @__PURE__ */ jsx28("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
-            /* @__PURE__ */ jsx28("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
-            /* @__PURE__ */ jsx28("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 active:text-white/80 transition-colors", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
-          ] }) : /* @__PURE__ */ jsx28("button", { onClick: handleSelectReference, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }) }),
-          /* @__PURE__ */ jsx28("button", { onClick: toggleContrast, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: highContrast ? "light_mode" : "dark_mode" }) }),
-          /* @__PURE__ */ jsx28("button", { onClick: () => setShowStart(true), className: "text-white/20 active:text-white/60 transition-colors mr-1", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "desktop_windows" }) })
+          activeReferenceThumbnail ? /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden mr-2", style: { height: 28 }, children: [
+            /* @__PURE__ */ jsx29("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
+            /* @__PURE__ */ jsx29("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
+            /* @__PURE__ */ jsx29("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 active:text-white/80 transition-colors", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          ] }) : /* @__PURE__ */ jsx29("button", { onClick: handleSelectReference, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }) }),
+          /* @__PURE__ */ jsx29("button", { onClick: toggleContrast, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: highContrast ? "light_mode" : "dark_mode" }) }),
+          /* @__PURE__ */ jsx29("button", { onClick: () => setShowStart(true), className: "text-white/20 active:text-white/60 transition-colors mr-1", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "desktop_windows" }) })
         ] }),
-        /* @__PURE__ */ jsx28("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: `relative rounded-xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ jsxs27("div", { className: `relative rounded-xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ jsx29(
             "textarea",
             {
               value: activePrompt,
@@ -6755,9 +7046,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "Prompt eingeben..."
             }
           ),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx28("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center text-white/20 active:text-white transition-colors", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px]", children: "close" }) })
+          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx29("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center text-white/20 active:text-white transition-colors", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px]", children: "close" }) })
         ] }) }),
-        /* @__PURE__ */ jsx28("div", { className: "px-3 pb-3 shrink-0", children: /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsx29("div", { className: "px-3 pb-3 shrink-0", children: /* @__PURE__ */ jsxs27(
           "button",
           {
             onClick: () => handleGenerateBatch(),
@@ -6765,13 +7056,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             className: "w-full flex items-center justify-center gap-2 rounded-xl font-bold text-[14px] uppercase tracking-wide transition-all disabled:opacity-30 active:scale-95",
             style: { height: 48, background: activePrompt.trim() ? "#0284c7" : void 0, border: "1px solid rgba(255,255,255,0.1)" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "bolt" }),
-              /* @__PURE__ */ jsx28("span", { children: "Generieren" })
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "bolt" }),
+              /* @__PURE__ */ jsx29("span", { children: "Generieren" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-h-0 px-3 pb-3 flex flex-col", children: [
-          /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-h-0 px-3 pb-3 flex flex-col", children: [
+          /* @__PURE__ */ jsxs27(
             "div",
             {
               className: "w-full rounded-2xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center",
@@ -6785,25 +7076,25 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 setTouchStartX(null);
               },
               children: [
-                currentResult?.status === "processing" && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-3 opacity-40", children: [
-                  /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
-                  /* @__PURE__ */ jsx28("span", { className: "text-[11px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+                currentResult?.status === "processing" && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-3 opacity-40", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
+                  /* @__PURE__ */ jsx29("span", { className: "text-[11px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
                 ] }),
-                currentResult?.status === "error" && /* @__PURE__ */ jsxs26("div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-red-400 text-[36px]", children: "warning" }),
-                  /* @__PURE__ */ jsx28("p", { className: "text-white/50 text-[13px]", children: currentResult.error?.message }),
-                  /* @__PURE__ */ jsx28("button", { onClick: () => handleGenerateImage(currentResult.prompt), className: "px-4 py-2 rounded-lg border border-white/20 text-[13px] text-white/70 active:bg-white/10", children: "Erneut versuchen" })
+                currentResult?.status === "error" && /* @__PURE__ */ jsxs27("div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-red-400 text-[36px]", children: "warning" }),
+                  /* @__PURE__ */ jsx29("p", { className: "text-white/50 text-[13px]", children: currentResult.error?.message }),
+                  /* @__PURE__ */ jsx29("button", { onClick: () => handleGenerateImage(currentResult.prompt), className: "px-4 py-2 rounded-lg border border-white/20 text-[13px] text-white/70 active:bg-white/10", children: "Erneut versuchen" })
                 ] }),
-                currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx28("img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
-                !currentResult && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-                  /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
-                  /* @__PURE__ */ jsx28("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+                currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx29("img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
+                !currentResult && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
+                  /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
                 ] }),
-                currentResult?.status === "done" && /* @__PURE__ */ jsx28("button", { onClick: openFullscreen, className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-full bg-black/60 border border-white/10 z-10", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
-                history.length > 1 && currentResult && /* @__PURE__ */ jsxs26(Fragment10, { children: [
-                  /* @__PURE__ */ jsx28("button", { onClick: goToPrev, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
-                  /* @__PURE__ */ jsx28("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
-                  /* @__PURE__ */ jsxs26("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
+                currentResult?.status === "done" && /* @__PURE__ */ jsx29("button", { onClick: openFullscreen, className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-full bg-black/60 border border-white/10 z-10", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
+                history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+                  /* @__PURE__ */ jsx29("button", { onClick: goToPrev, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
+                  /* @__PURE__ */ jsx29("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
+                  /* @__PURE__ */ jsxs27("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
                     currentIndex + 1,
                     " / ",
                     history.length
@@ -6812,8 +7103,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               ]
             }
           ),
-          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx28("div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs26("div", { style: { position: "relative", flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsx28(
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx29("div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs27("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 onClick: () => handleGallerySelect(item),
@@ -6826,10 +7117,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   border: item.id === currentResult.id ? "2px solid rgba(255,255,255,0.8)" : "2px solid rgba(255,255,255,0.15)",
                   opacity: item.id === currentResult.id ? 1 : 0.55
                 },
-                children: /* @__PURE__ */ jsx28("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+                children: /* @__PURE__ */ jsx29("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               "button",
               {
                 onClick: (e) => {
@@ -6851,34 +7142,34 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 9, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+                children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 9, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
               }
             )
           ] }, item.id)) }),
-          currentResult?.status === "done" && /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 mt-3", children: [
-            /* @__PURE__ */ jsxs26("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
-              /* @__PURE__ */ jsx28("span", { className: "text-[12px] text-white/60", children: "Prompt" })
+          currentResult?.status === "done" && /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 mt-3", children: [
+            /* @__PURE__ */ jsxs27("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
+              /* @__PURE__ */ jsx29("span", { className: "text-[12px] text-white/60", children: "Prompt" })
             ] }),
-            /* @__PURE__ */ jsxs26("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl bg-white/10 active:bg-white/15 transition-colors", style: { height: 44 }, children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px] text-white/80", children: "auto_fix_high" }),
-              /* @__PURE__ */ jsx28("span", { className: "text-[12px] text-white/80 font-bold", children: "Referenz" })
+            /* @__PURE__ */ jsxs27("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl bg-white/10 active:bg-white/15 transition-colors", style: { height: 44 }, children: [
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px] text-white/80", children: "auto_fix_high" }),
+              /* @__PURE__ */ jsx29("span", { className: "text-[12px] text-white/80 font-bold", children: "Referenz" })
             ] }),
-            /* @__PURE__ */ jsxs26("button", { onClick: handleDownloadSingle, className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "download" }),
-              /* @__PURE__ */ jsx28("span", { className: "text-[12px] text-white/60", children: "Laden" })
+            /* @__PURE__ */ jsxs27("button", { onClick: handleDownloadSingle, className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "download" }),
+              /* @__PURE__ */ jsx29("span", { className: "text-[12px] text-white/60", children: "Laden" })
             ] })
           ] })
         ] })
       ] }),
-      mobileTab === "browse" && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
-          ["history", "gallery", "inspect"].map((tab) => /* @__PURE__ */ jsx28("button", { onClick: () => setActiveTab(tab), className: `flex-1 flex items-center justify-center gap-1.5 transition-colors text-[11px] font-bold uppercase tracking-wide ${activeTab === tab ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : "info" }) }, tab)),
-          hfToken && /* @__PURE__ */ jsx28("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-12 flex items-center justify-center text-white/20 active:text-white transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx28("span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
+      mobileTab === "browse" && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
+          ["history", "gallery", "inspect"].map((tab) => /* @__PURE__ */ jsx29("button", { onClick: () => setActiveTab(tab), className: `flex-1 flex items-center justify-center gap-1.5 transition-colors text-[11px] font-bold uppercase tracking-wide ${activeTab === tab ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : "info" }) }, tab)),
+          hfToken && /* @__PURE__ */ jsx29("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-12 flex items-center justify-center text-white/20 active:text-white transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx29("span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex-1 overflow-hidden relative", children: [
-          activeTab === "history" && /* @__PURE__ */ jsx28(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
-          activeTab === "gallery" && /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs27("div", { className: "flex-1 overflow-hidden relative", children: [
+          activeTab === "history" && /* @__PURE__ */ jsx29(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+          activeTab === "gallery" && /* @__PURE__ */ jsx29(
             MediaLibrary,
             {
               items: galleryItems,
@@ -6897,44 +7188,44 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onLoadMore: () => setGalleryVisibleCount((c) => c + 20)
             }
           ),
-          activeTab === "inspect" && /* @__PURE__ */ jsx28(InspectPanel, { currentResult, history, onSelect: (g) => {
+          activeTab === "inspect" && /* @__PURE__ */ jsx29(InspectPanel, { currentResult, history, onSelect: (g) => {
             setCurrentResult(g);
           } })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
-          workspaceTags && /* @__PURE__ */ jsxs26("button", { onClick: () => {
+      /* @__PURE__ */ jsxs27("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
+          workspaceTags && /* @__PURE__ */ jsxs27("button", { onClick: () => {
             setLeftTab("prompt");
             if (activeTab === "setup" || activeTab === "sync") setActiveTab("history");
           }, className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "auto_fix_high" }),
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "auto_fix_high" }),
             "Prompt"
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => {
+          /* @__PURE__ */ jsxs27("button", { onClick: () => {
             setLeftTab("hierarchy");
             if (activeTab === "setup" || activeTab === "sync") setActiveTab("history");
           }, className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "account_tree" }),
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "account_tree" }),
             "Hierarchie"
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => setActiveTab("setup"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "setup" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "settings" }),
+          /* @__PURE__ */ jsxs27("button", { onClick: () => setActiveTab("setup"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "setup" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "settings" }),
             "Setup"
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => setActiveTab("sync"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "cloud_sync" }),
+          /* @__PURE__ */ jsxs27("button", { onClick: () => setActiveTab("sync"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "cloud_sync" }),
             "Sync"
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => setActiveTab("hftest"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "hftest" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "biotech" }),
+          /* @__PURE__ */ jsxs27("button", { onClick: () => setActiveTab("hftest"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "hftest" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "biotech" }),
             "HF"
           ] }),
-          serverBaseUrl && /* @__PURE__ */ jsx28("button", { onClick: () => setActiveTab("server"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "server" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
-          workspaceTags && /* @__PURE__ */ jsx28("button", { onClick: () => setActiveTab("tags"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "tags" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
+          serverBaseUrl && /* @__PURE__ */ jsx29("button", { onClick: () => setActiveTab("server"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "server" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
+          workspaceTags && /* @__PURE__ */ jsx29("button", { onClick: () => setActiveTab("tags"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "tags" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex-1 overflow-hidden relative", children: [
-          leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" && /* @__PURE__ */ jsx28("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs27("div", { className: "flex-1 overflow-hidden relative", children: [
+          leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx29(
             ListView,
             {
               nodes,
@@ -6965,12 +7256,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
             }
           ) }),
-          workspaceTags && /* @__PURE__ */ jsx28("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ jsx28(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
+          workspaceTags && /* @__PURE__ */ jsx29("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ jsx29(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
             handleGenerateBatch(prompt);
             setMobileTab("stage");
           }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage }) }),
-          activeTab === "setup" && /* @__PURE__ */ jsx28(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
-          activeTab === "sync" && /* @__PURE__ */ jsx28(
+          activeTab === "setup" && /* @__PURE__ */ jsx29(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
+          activeTab === "sync" && /* @__PURE__ */ jsx29(
             ProjectSyncTab,
             {
               topSlot: syncTopSlot,
@@ -6994,7 +7285,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onHfInitialSync: hfToken ? handleHfInitialSync : void 0
             }
           ),
-          activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx28(
+          activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx29(
             TagManagerPanel,
             {
               workspaceTags,
@@ -7005,7 +7296,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onTagMove: handleTagMove
             }
           ),
-          activeTab === "hftest" && /* @__PURE__ */ jsx28("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx28(
+          activeTab === "hftest" && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx29(
             HFTestTab,
             {
               token: hfToken,
@@ -7017,23 +7308,24 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               missingImages: hfMissingImages
             }
           ) }),
-          activeTab === "server" && /* @__PURE__ */ jsx28("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx28(ServerTab, { serverBaseUrl }) })
+          activeTab === "server" && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx29(ServerTab, { serverBaseUrl }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx28("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
+      /* @__PURE__ */ jsx29("div", { className: "flex overflow-x-auto border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
         { id: "tools", icon: "auto_fix_high", label: "Prompt" },
+        { id: "szenen", icon: "movie", label: "Szenen" },
         { id: "stage", icon: "palette", label: "Stage" },
         { id: "labs", icon: "science", label: "Labs" },
         ...workspaceTags ? [{ id: "tags", icon: "label", label: "Tags" }] : [],
         { id: "browse", icon: "photo_library", label: "Galerie" },
         ...serverBaseUrl ? [{ id: "server", icon: "storage", label: "Server" }] : []
-      ].map((tab) => /* @__PURE__ */ jsxs26("button", { onClick: () => setMobileTab(tab.id), className: `flex-1 flex flex-col items-center justify-center gap-0.5 transition-colors ${mobileTab === tab.id ? "text-white" : "text-white/30"}`, children: [
-        /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
-        /* @__PURE__ */ jsx28("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
+      ].map((tab) => /* @__PURE__ */ jsxs27("button", { onClick: () => tab.id === "szenen" ? setShowSzenen(true) : setMobileTab(tab.id), className: `flex-none min-w-[64px] flex flex-col items-center justify-center gap-0.5 transition-colors ${mobileTab === tab.id ? "text-white" : "text-white/30"}`, children: [
+        /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
+        /* @__PURE__ */ jsx29("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
       ] }, tab.id)) })
     ] });
     if (mdMode) {
-      return /* @__PURE__ */ jsx28("div", { style: { position: "fixed", inset: 0, overflow: "hidden", background: "#0e0e0e" }, children: mobileRoot });
+      return /* @__PURE__ */ jsx29("div", { style: { position: "fixed", inset: 0, overflow: "hidden", background: "#0e0e0e" }, children: mobileRoot });
     }
     return mobileRoot;
   }
@@ -7041,20 +7333,20 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const tlScale = Math.min(window.innerWidth / 920, window.innerHeight / 520);
     const tlW = 920;
     const tlH = 520;
-    return /* @__PURE__ */ jsx28("div", { style: { position: "fixed", inset: 0, background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", ...hcStyle || {} }, children: /* @__PURE__ */ jsxs26("div", { style: { width: tlW, height: tlH, transform: `scale(${tlScale})`, transformOrigin: "center center", display: "flex", flexDirection: "row", color: "#fff", overflow: "hidden", borderRadius: 0 }, children: [
-      /* @__PURE__ */ jsxs26("div", { style: { width: 320, height: tlH, display: "flex", flexDirection: "column", borderRight: "1px solid rgba(255,255,255,0.05)", background: "#000", flexShrink: 0 }, children: [
-        /* @__PURE__ */ jsxs26("div", { style: { height: 52, borderBottom: "1px solid rgba(255,255,255,0.05)", display: "flex", alignItems: "center", gap: 8, padding: "0 12px", flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
-          /* @__PURE__ */ jsx28("div", { style: { flex: 1 } }),
-          /* @__PURE__ */ jsx28(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+    return /* @__PURE__ */ jsx29("div", { style: { position: "fixed", inset: 0, background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", ...hcStyle || {} }, children: /* @__PURE__ */ jsxs27("div", { style: { width: tlW, height: tlH, transform: `scale(${tlScale})`, transformOrigin: "center center", display: "flex", flexDirection: "row", color: "#fff", overflow: "hidden", borderRadius: 0 }, children: [
+      /* @__PURE__ */ jsxs27("div", { style: { width: 320, height: tlH, display: "flex", flexDirection: "column", borderRight: "1px solid rgba(255,255,255,0.05)", background: "#000", flexShrink: 0 }, children: [
+        /* @__PURE__ */ jsxs27("div", { style: { height: 52, borderBottom: "1px solid rgba(255,255,255,0.05)", display: "flex", alignItems: "center", gap: 8, padding: "0 12px", flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
+          /* @__PURE__ */ jsx29("div", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsx29(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
-          /* @__PURE__ */ jsx28("button", { onClick: toggleContrast, style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: highContrast ? "light_mode" : "dark_mode" }) }),
-          /* @__PURE__ */ jsx28("button", { onClick: () => setShowStart(true), style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "apps" }) })
+          /* @__PURE__ */ jsx29("button", { onClick: toggleContrast, style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: highContrast ? "light_mode" : "dark_mode" }) }),
+          /* @__PURE__ */ jsx29("button", { onClick: () => setShowStart(true), style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "apps" }) })
         ] }),
-        /* @__PURE__ */ jsx28("div", { style: { padding: "12px 12px 8px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs26("div", { style: { position: "relative", borderRadius: 12, border: `1px solid ${isSynthesizing ? "rgba(255,255,255,0.2)" : "rgba(255,255,255,0.1)"}`, background: "rgba(255,255,255,0.05)" }, children: [
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("div", { style: { padding: "12px 12px 8px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs27("div", { style: { position: "relative", borderRadius: 12, border: `1px solid ${isSynthesizing ? "rgba(255,255,255,0.2)" : "rgba(255,255,255,0.1)"}`, background: "rgba(255,255,255,0.05)" }, children: [
+          /* @__PURE__ */ jsx29(
             "textarea",
             {
               value: activePrompt,
@@ -7063,24 +7355,24 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "Prompt eingeben..."
             }
           ),
-          activePrompt && /* @__PURE__ */ jsx28("button", { onClick: () => setActivePrompt(""), style: { position: "absolute", top: 6, right: 6, width: 22, height: 22, display: "flex", alignItems: "center", justifyContent: "center", color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 0 }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 15 }, children: "close" }) })
+          activePrompt && /* @__PURE__ */ jsx29("button", { onClick: () => setActivePrompt(""), style: { position: "absolute", top: 6, right: 6, width: 22, height: 22, display: "flex", alignItems: "center", justifyContent: "center", color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 0 }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 15 }, children: "close" }) })
         ] }) }),
-        /* @__PURE__ */ jsx28("div", { style: { padding: "0 12px 10px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsx29("div", { style: { padding: "0 12px 10px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs27(
           "button",
           {
             onClick: () => handleGenerateBatch(),
             disabled: !activePrompt.trim(),
             style: { width: "100%", height: 42, display: "flex", alignItems: "center", justifyContent: "center", gap: 8, borderRadius: 10, fontWeight: "bold", fontSize: 13, textTransform: "uppercase", letterSpacing: "0.05em", border: "1px solid rgba(255,255,255,0.1)", background: activePrompt.trim() ? "#0284c7" : "transparent", color: "#fff", cursor: activePrompt.trim() ? "pointer" : "default", opacity: !activePrompt.trim() ? 0.3 : 1, fontFamily: "inherit", transition: "background 0.2s" },
             children: [
-              /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "bolt" }),
-              /* @__PURE__ */ jsx28("span", { children: "Generieren" })
+              /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "bolt" }),
+              /* @__PURE__ */ jsx29("span", { children: "Generieren" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx28("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ jsx28(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }) })
+        /* @__PURE__ */ jsx29("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ jsx29(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }) })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
-        /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsxs27("div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
+        /* @__PURE__ */ jsx29(
           "div",
           {
             style: { flex: 1, padding: 16, display: "flex", alignItems: "center", justifyContent: "center", position: "relative" },
@@ -7092,26 +7384,26 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               else if (dx > 50) goToPrev();
               setTouchStartX(null);
             },
-            children: /* @__PURE__ */ jsxs26("div", { style: { height: "100%", width: "100%", borderRadius: 20, border: "1px solid rgba(255,255,255,0.05)", background: "rgba(0,0,0,0.4)", position: "relative", overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
-              currentResult?.status === "processing" && /* @__PURE__ */ jsxs26("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12, opacity: 0.4 }, children: [
-                /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 36 }, children: "hourglass_top" }),
-                /* @__PURE__ */ jsx28("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.6)", textTransform: "uppercase", fontWeight: "bold", letterSpacing: "0.15em" }, children: "Erstelle Bild..." })
+            children: /* @__PURE__ */ jsxs27("div", { style: { height: "100%", width: "100%", borderRadius: 20, border: "1px solid rgba(255,255,255,0.05)", background: "rgba(0,0,0,0.4)", position: "relative", overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
+              currentResult?.status === "processing" && /* @__PURE__ */ jsxs27("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12, opacity: 0.4 }, children: [
+                /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 36 }, children: "hourglass_top" }),
+                /* @__PURE__ */ jsx29("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.6)", textTransform: "uppercase", fontWeight: "bold", letterSpacing: "0.15em" }, children: "Erstelle Bild..." })
               ] }),
-              currentResult?.status === "error" && /* @__PURE__ */ jsxs26("div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
-                /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 32, color: "#f87171" }, children: "warning" }),
-                /* @__PURE__ */ jsx28("p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: currentResult.error?.message }),
-                /* @__PURE__ */ jsx28("button", { onClick: () => handleGenerateImage(currentResult.prompt), style: { padding: "8px 16px", borderRadius: 8, border: "1px solid rgba(255,255,255,0.2)", fontSize: 11, color: "rgba(255,255,255,0.7)", background: "none", cursor: "pointer", fontFamily: "inherit" }, children: "Erneut versuchen" })
+              currentResult?.status === "error" && /* @__PURE__ */ jsxs27("div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
+                /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 32, color: "#f87171" }, children: "warning" }),
+                /* @__PURE__ */ jsx29("p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: currentResult.error?.message }),
+                /* @__PURE__ */ jsx29("button", { onClick: () => handleGenerateImage(currentResult.prompt), style: { padding: "8px 16px", borderRadius: 8, border: "1px solid rgba(255,255,255,0.2)", fontSize: 11, color: "rgba(255,255,255,0.7)", background: "none", cursor: "pointer", fontFamily: "inherit" }, children: "Erneut versuchen" })
               ] }),
-              currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx28("img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
-              !currentResult && /* @__PURE__ */ jsxs26("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
-                /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
-                /* @__PURE__ */ jsx28("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
+              currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx29("img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
+              !currentResult && /* @__PURE__ */ jsxs27("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
+                /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
+                /* @__PURE__ */ jsx29("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
               ] }),
-              currentResult?.status === "done" && /* @__PURE__ */ jsx28("button", { onClick: openFullscreen, style: { position: "absolute", top: 8, right: 8, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff" }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
-              history.length > 1 && currentResult && /* @__PURE__ */ jsxs26(Fragment10, { children: [
-                /* @__PURE__ */ jsx28("button", { onClick: goToPrev, disabled: currentIndex <= 0, style: { position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex <= 0 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
-                /* @__PURE__ */ jsx28("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, style: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex >= history.length - 1 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
-                /* @__PURE__ */ jsxs26("div", { style: { position: "absolute", bottom: 8, left: "50%", transform: "translateX(-50%)", background: "rgba(0,0,0,0.6)", borderRadius: 999, padding: "2px 12px", fontSize: 10, color: "rgba(255,255,255,0.4)", fontFamily: "monospace" }, children: [
+              currentResult?.status === "done" && /* @__PURE__ */ jsx29("button", { onClick: openFullscreen, style: { position: "absolute", top: 8, right: 8, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff" }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
+              history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+                /* @__PURE__ */ jsx29("button", { onClick: goToPrev, disabled: currentIndex <= 0, style: { position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex <= 0 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
+                /* @__PURE__ */ jsx29("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, style: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex >= history.length - 1 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
+                /* @__PURE__ */ jsxs27("div", { style: { position: "absolute", bottom: 8, left: "50%", transform: "translateX(-50%)", background: "rgba(0,0,0,0.6)", borderRadius: 999, padding: "2px 12px", fontSize: 10, color: "rgba(255,255,255,0.4)", fontFamily: "monospace" }, children: [
                   currentIndex + 1,
                   " / ",
                   history.length
@@ -7120,42 +7412,42 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ] })
           }
         ),
-        currentResult?.status === "done" && /* @__PURE__ */ jsxs26("div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsxs26("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "replay" }),
-            /* @__PURE__ */ jsx28("span", { children: "Prompt" })
+        currentResult?.status === "done" && /* @__PURE__ */ jsxs27("div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsxs27("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "replay" }),
+            /* @__PURE__ */ jsx29("span", { children: "Prompt" })
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "none", background: "rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.8)", fontSize: 11, fontWeight: "bold", cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "auto_fix_high" }),
-            /* @__PURE__ */ jsx28("span", { children: "Referenz" })
+          /* @__PURE__ */ jsxs27("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "none", background: "rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.8)", fontSize: 11, fontWeight: "bold", cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "auto_fix_high" }),
+            /* @__PURE__ */ jsx29("span", { children: "Referenz" })
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: handleDownloadSingle, style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "download" }),
-            /* @__PURE__ */ jsx28("span", { children: "Laden" })
+          /* @__PURE__ */ jsxs27("button", { onClick: handleDownloadSingle, style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "download" }),
+            /* @__PURE__ */ jsx29("span", { children: "Laden" })
           ] })
         ] })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs26("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
-    /* @__PURE__ */ jsx28("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ jsx28("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
-      /* @__PURE__ */ jsxs26("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
-        !isLeftCollapsed && /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 gap-1", children: [
-          workspaceTags && /* @__PURE__ */ jsxs26("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
+  return /* @__PURE__ */ jsxs27("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
+    /* @__PURE__ */ jsx29("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ jsx29("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
+      /* @__PURE__ */ jsxs27("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
+        !isLeftCollapsed && /* @__PURE__ */ jsxs27("div", { className: "flex flex-1 gap-1", children: [
+          workspaceTags && /* @__PURE__ */ jsxs27("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
             "Prompt"
           ] }),
-          /* @__PURE__ */ jsxs26("button", { onClick: () => setLeftTab("hierarchy"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
+          /* @__PURE__ */ jsxs27("button", { onClick: () => setLeftTab("hierarchy"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
             "Hierarchie"
           ] }),
-          workspaceTags && /* @__PURE__ */ jsx28("button", { onClick: () => setActiveTab("tags"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "tags" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
+          workspaceTags && /* @__PURE__ */ jsx29("button", { onClick: () => setActiveTab("tags"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "tags" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
         ] }),
-        /* @__PURE__ */ jsx28("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
+        /* @__PURE__ */ jsx29("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
       ] }),
-      !isLeftCollapsed && /* @__PURE__ */ jsxs26("div", { className: "flex-1 overflow-hidden relative", children: [
-        activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx28(
+      !isLeftCollapsed && /* @__PURE__ */ jsxs27("div", { className: "flex-1 overflow-hidden relative", children: [
+        activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx29(
           TagManagerPanel,
           {
             workspaceTags,
@@ -7166,11 +7458,11 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onTagMove: handleTagMove
           }
         ),
-        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ jsxs26("div", { children: [
-          /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
-          /* @__PURE__ */ jsx28("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
+        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ jsxs27("div", { children: [
+          /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
+          /* @__PURE__ */ jsx29("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        leftTab === "hierarchy" && activeTab !== "tags" && /* @__PURE__ */ jsx28("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx28(
+        leftTab === "hierarchy" && activeTab !== "tags" && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx29(
           ListView,
           {
             nodes,
@@ -7195,19 +7487,19 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
           }
         ) }),
-        leftTab === "prompt" && workspaceTags && activeTab !== "tags" && /* @__PURE__ */ jsx28(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateBatch(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
+        leftTab === "prompt" && workspaceTags && activeTab !== "tags" && /* @__PURE__ */ jsx29(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateBatch(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
       ] })
     ] }),
-    !isLeftCollapsed && /* @__PURE__ */ jsx28("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
-          /* @__PURE__ */ jsx28(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions })
+    !isLeftCollapsed && /* @__PURE__ */ jsx29("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ jsx29(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 mx-auto", children: [
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 mx-auto", children: [
+          /* @__PURE__ */ jsx29(
             "button",
             {
               onClick: () => setMiddlePanel("stage"),
@@ -7215,7 +7507,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               children: "Stage"
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "button",
             {
               onClick: () => setMiddlePanel("labs"),
@@ -7224,53 +7516,53 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-          activeReferenceThumbnail ? /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden", style: { height: 28 }, children: [
-            /* @__PURE__ */ jsx28("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
-            /* @__PURE__ */ jsx28("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
-            /* @__PURE__ */ jsx28("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 hover:text-white/80 transition-colors", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
-          ] }) : /* @__PURE__ */ jsxs26("button", { onClick: handleSelectReference, className: "flex items-center gap-1 h-7 px-2 rounded-lg border border-white/10 text-white/30 hover:text-white/60 hover:border-white/20 transition-colors text-[10px] font-bold uppercase tracking-wide", children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
-            /* @__PURE__ */ jsx28("span", { children: "Ref" })
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+          activeReferenceThumbnail ? /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden", style: { height: 28 }, children: [
+            /* @__PURE__ */ jsx29("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
+            /* @__PURE__ */ jsx29("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
+            /* @__PURE__ */ jsx29("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 hover:text-white/80 transition-colors", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          ] }) : /* @__PURE__ */ jsxs27("button", { onClick: handleSelectReference, className: "flex items-center gap-1 h-7 px-2 rounded-lg border border-white/10 text-white/30 hover:text-white/60 hover:border-white/20 transition-colors text-[10px] font-bold uppercase tracking-wide", children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
+            /* @__PURE__ */ jsx29("span", { children: "Ref" })
           ] }),
-          /* @__PURE__ */ jsx28("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
-          /* @__PURE__ */ jsx28(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+          /* @__PURE__ */ jsx29("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
+          /* @__PURE__ */ jsx29(TaskExecutor, { openTasks: hfState?.openTasks || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
-          /* @__PURE__ */ jsx28(PillButton, { variant: "solid", icon: "bolt", disabled: !activePrompt.trim(), onClick: () => handleGenerateBatch(), children: "Generieren" })
+          /* @__PURE__ */ jsx29(PillButton, { variant: "solid", icon: "bolt", disabled: !activePrompt.trim(), onClick: () => handleGenerateBatch(), children: "Generieren" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
-        !isPromptCollapsed && /* @__PURE__ */ jsx28("div", { className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ jsx28("textarea", { value: activePrompt, onChange: (e) => setActivePrompt(e.target.value), className: "w-full bg-transparent border-none outline-none text-[12px] leading-relaxed text-white/80 resize-none h-20 dark-scrollbar", placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..." }),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx28("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+      /* @__PURE__ */ jsxs27("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
+        !isPromptCollapsed && /* @__PURE__ */ jsx29("div", { className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ jsxs27("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ jsx29("textarea", { value: activePrompt, onChange: (e) => setActivePrompt(e.target.value), className: "w-full bg-transparent border-none outline-none text-[12px] leading-relaxed text-white/80 resize-none h-20 dark-scrollbar", placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..." }),
+          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx29("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
         ] }) }),
-        middlePanel === "labs" ? /* @__PURE__ */ jsx28("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx28(LabsTab, { services: labServices, onResult: (item) => {
+        middlePanel === "labs" ? /* @__PURE__ */ jsx29("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx29(LabsTab, { services: labServices, onResult: (item) => {
           const frame = item.frames[0];
           if (frame?.base64) setCurrentResult(frameToGeneration(frame, item));
-        } }) }) : /* @__PURE__ */ jsxs26("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
-          /* @__PURE__ */ jsx28("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-4 opacity-40", children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
-            /* @__PURE__ */ jsx28("span", { className: "text-[10px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
-          ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs26("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
-            /* @__PURE__ */ jsx28("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx28("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-              /* @__PURE__ */ jsx28("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
+        } }) }) : /* @__PURE__ */ jsxs27("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
+          /* @__PURE__ */ jsx29("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsx29("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-4 opacity-40", children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
+            /* @__PURE__ */ jsx29("span", { className: "text-[10px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+          ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs27("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
+            /* @__PURE__ */ jsx29("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
+            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx29("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
+              /* @__PURE__ */ jsx29("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
             ] }),
-            /* @__PURE__ */ jsx28(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
-          ] }) : /* @__PURE__ */ jsxs26("div", { className: "h-full w-full relative flex items-center justify-center", children: [
-            /* @__PURE__ */ jsx28("img", { src: currentResult.fullBase64 || currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
-            /* @__PURE__ */ jsxs26("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
-              /* @__PURE__ */ jsx28(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
-              /* @__PURE__ */ jsx28(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
-              /* @__PURE__ */ jsx28(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
+            /* @__PURE__ */ jsx29(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
+          ] }) : /* @__PURE__ */ jsxs27("div", { className: "h-full w-full relative flex items-center justify-center", children: [
+            /* @__PURE__ */ jsx29("img", { src: currentResult.fullBase64 || currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
+            /* @__PURE__ */ jsxs27("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
+              /* @__PURE__ */ jsx29(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
+              /* @__PURE__ */ jsx29(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
+              /* @__PURE__ */ jsx29(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
             ] })
-          ] }) : /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-            /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
-            /* @__PURE__ */ jsx28("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+          ] }) : /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+            /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
+            /* @__PURE__ */ jsx29("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
           ] }) }) }),
-          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx28("div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs26("div", { style: { position: "relative", flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsx28(
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx29("div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs27("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 onClick: () => handleGallerySelect(item),
@@ -7285,10 +7577,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   transition: "opacity 0.15s, border-color 0.15s"
                 },
                 className: "hover:opacity-80",
-                children: /* @__PURE__ */ jsx28("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+                children: /* @__PURE__ */ jsx29("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               "button",
               {
                 onClick: (e) => {
@@ -7311,31 +7603,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined", style: { fontSize: 10, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+                children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 10, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
               }
             )
           ] }, item.id)) })
         ] })
       ] })
     ] }),
-    !isRightCollapsed && /* @__PURE__ */ jsx28("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-1", children: [
-          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ jsx28("button", { onClick: () => {
+    !isRightCollapsed && /* @__PURE__ */ jsx29("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex flex-1", children: [
+          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ jsx29("button", { onClick: () => {
             setActiveTab(tab);
             setIsRightCollapsed(false);
-          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
-          serverBaseUrl && /* @__PURE__ */ jsx28("button", { onClick: () => {
+          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
+          serverBaseUrl && /* @__PURE__ */ jsx29("button", { onClick: () => {
             setActiveTab("server");
             setIsRightCollapsed(false);
-          }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
+          }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
+          /* @__PURE__ */ jsx29("button", { onClick: () => setShowSzenen(true), className: "w-10 flex items-center justify-center relative text-white/20 hover:text-white", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "movie" }) })
         ] }),
-        hfToken && /* @__PURE__ */ jsx28("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx28("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
-        /* @__PURE__ */ jsx28("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
+        hfToken && /* @__PURE__ */ jsx29("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx29("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
+        /* @__PURE__ */ jsx29("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
-      !isRightCollapsed && /* @__PURE__ */ jsxs26("div", { className: "flex-1 overflow-hidden relative", children: [
-        activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx28(
+      !isRightCollapsed && /* @__PURE__ */ jsxs27("div", { className: "flex-1 overflow-hidden relative", children: [
+        activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx29(
           TagManagerPanel,
           {
             workspaceTags,
@@ -7346,12 +7639,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onTagMove: handleTagMove
           }
         ),
-        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ jsxs26("div", { children: [
-          /* @__PURE__ */ jsx28("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
-          /* @__PURE__ */ jsx28("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
+        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ jsxs27("div", { children: [
+          /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
+          /* @__PURE__ */ jsx29("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        activeTab === "history" && /* @__PURE__ */ jsx28(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
-        activeTab === "gallery" && /* @__PURE__ */ jsx28(
+        activeTab === "history" && /* @__PURE__ */ jsx29(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+        activeTab === "gallery" && /* @__PURE__ */ jsx29(
           MediaLibrary,
           {
             items: galleryItems,
@@ -7367,9 +7660,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onLoadMore: () => setGalleryVisibleCount((c) => c + 20)
           }
         ),
-        activeTab === "inspect" && /* @__PURE__ */ jsx28(InspectPanel, { currentResult, history, onSelect: setCurrentResult }),
-        activeTab === "setup" && /* @__PURE__ */ jsx28(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
-        activeTab === "sync" && /* @__PURE__ */ jsx28(
+        activeTab === "inspect" && /* @__PURE__ */ jsx29(InspectPanel, { currentResult, history, onSelect: setCurrentResult }),
+        activeTab === "setup" && /* @__PURE__ */ jsx29(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
+        activeTab === "sync" && /* @__PURE__ */ jsx29(
           ProjectSyncTab,
           {
             topSlot: syncTopSlot,
@@ -7393,15 +7686,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
-        activeTab === "server" && /* @__PURE__ */ jsx28(ServerTab, { serverBaseUrl })
+        activeTab === "server" && /* @__PURE__ */ jsx29(ServerTab, { serverBaseUrl })
       ] })
     ] })
   ] });
 }
 
 // src/components/FaApp.tsx
-import { useState as useState25, useEffect as useEffect11 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { useState as useState26, useEffect as useEffect11 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function FaApp({
   onGenerateImage,
   onGeneratePrompt,
@@ -7420,7 +7713,7 @@ function FaApp({
   onServerDelete,
   buildInfo
 }) {
-  const [hfNamespace, setHfNamespace] = useState25(void 0);
+  const [hfNamespace, setHfNamespace] = useState26(void 0);
   useEffect11(() => {
     if (!serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
@@ -7432,7 +7725,7 @@ function FaApp({
     const result = await onGeneratePrompt(text, options);
     return result.text;
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     AvatarArchitectApp,
     {
       onGenerateImage,
@@ -7442,6 +7735,7 @@ function FaApp({
       initialHfToken: libToken ? libToken.startsWith("hf_") ? libToken : `hf_${libToken}` : void 0,
       hfNamespace,
       allowDevNamespace: !hfNamespace && allowDevNamespace,
+      requireWorkspaceSelection: true,
       serverBaseUrl,
       onFetchServerProjects,
       onServerSave,
@@ -8018,6 +8312,7 @@ export {
   CompactDropdown,
   FaApp,
   FaToolsBadge,
+  FlowWorkspacePicker,
   GLOBAL_STYLES,
   HistoryPanel,
   InspectPanel,