@rslsp1/fa-app-tools 10.3.4 → 10.3.6

package/dist/index.js

@@ -22,7 +22,7 @@ require('./chunk-FTLEDU6C.js');
 require('./chunk-DDH2SGZM.js');
 
 // package.json
-var version = "10.3.4";
+var version = "10.3.6";
 
 // src/hooks/useOnClickOutside.ts
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -5465,7 +5465,7 @@ function ServerTab({ serverBaseUrl }) {
 function FlowWorkspacePicker({
   tagBase,
   selectedUserId,
-  message: message2,
+  message: message3,
   onSelectUser,
   onSelectContext
 }) {
@@ -5489,7 +5489,7 @@ function FlowWorkspacePicker({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "FineArt Flow" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "small", { children: step === "user" ? "Benutzer w\xE4hlen" : `Kontext f\xFCr ${_nullishCoalesce(_optionalChain([selectedUser, 'optionalAccess', _153 => _153.username]), () => ( `User ${selectedUserId}`))}` })
     ] }),
-    message2 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "flow-workspace-picker__warning", children: message2 }),
+    message3 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "flow-workspace-picker__warning", children: message3 }),
     step === "user" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flow-workspace-picker__choices", "aria-label": "Benutzer w\xE4hlen", children: [
       tagBase.users.map((user) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { type: "button", onClick: () => chooseUser(user.id), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: user.username }),
@@ -5538,6 +5538,7 @@ var FLOW_BRIDGE_REQUEST_EVENT = "fine-art-flow-bridge:request:v1";
 var FLOW_BRIDGE_RESPONSE_EVENT = "fine-art-flow-bridge:response:v1";
 var FLOW_BRIDGE_HELLO_TIMEOUT_MS = 1500;
 var FLOW_BRIDGE_REQUEST_TIMEOUT_MS = 15e3;
+var FLOW_BRIDGE_PROXY_TIMEOUT_MS = 75e3;
 function isRecord(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -5604,13 +5605,32 @@ function createFlowBridgeClient({
       }
       return { available: true, name: bridge.name, version: bridge.version, protocol: bridge.protocol, roundTripMs };
     },
-    async request(request) {
+    async proxy({ env, tokenSuffix, method, path }) {
+      const started = clock();
+      const reply = await exchange({ op: "proxy", env, tokenSuffix, method, path }, FLOW_BRIDGE_PROXY_TIMEOUT_MS);
+      const roundTripMs = Math.round(clock() - started);
+      if (!reply) {
+        return { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs, error: noBridge(FLOW_BRIDGE_PROXY_TIMEOUT_MS) };
+      }
+      const ok = reply.ok === true;
+      const body = isRecord(reply.body) && reply.body.encoding === "text" && typeof reply.body.data === "string" ? reply.body.data : null;
+      return {
+        ok,
+        transport: typeof reply.transport === "string" ? reply.transport : null,
+        status: nullableNumber(reply.status),
+        data: ok ? body : null,
+        latencyMs: nullableNumber(reply.latencyMs),
+        roundTripMs,
+        error: ok ? null : readError(reply.error)
+      };
+    },
+    async request(request, { timeoutMs = requestTimeoutMs } = {}) {
       const started = clock();
       const tokenSuffix = "tokenSuffix" in request && request.tokenSuffix !== void 0 ? { tokenSuffix: request.tokenSuffix } : {};
-      const reply = await exchange({ op: "request", target: request.target, method: request.method, path: request.path, ...tokenSuffix }, requestTimeoutMs);
+      const reply = await exchange({ op: "request", target: request.target, method: request.method, path: request.path, ...tokenSuffix }, timeoutMs);
       const roundTripMs = Math.round(clock() - started);
       if (!reply) {
-        return { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs, error: noBridge(requestTimeoutMs) };
+        return { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs, error: noBridge(timeoutMs) };
       }
       const ok = reply.ok === true;
       return {
@@ -5852,6 +5872,239 @@ var FlowBridgePanel = ({ appVersion, client, hfToken }) => {
   ] });
 };
 
+// src/components/FlowFineArtApp.tsx
+
+
+// src/lib/flowAppLoader.ts
+var FLOW_APP_TARGETS = {
+  dev: { bridgeTarget: "devMcp", backendUrl: "https://dev-app.art-by-rolands.de" },
+  prod: { bridgeTarget: "prodMcp", backendUrl: "https://app.art-by-rolands.de" }
+};
+var FLOW_APP_FILES = ["react-runtime.js", "master.css", "app.js"];
+var FLOW_APP_REQUEST_TIMEOUT_MS = 75e3;
+var FLOW_APP_SCRIPT_TIMEOUT_MS = 15e3;
+var CSP_SETTLE_MS2 = 100;
+function isRecord3(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function readFlowAppFile(data, file) {
+  if (!isRecord3(data)) return null;
+  const { sha256, source } = data;
+  if (data.file !== file) return null;
+  if (typeof sha256 !== "string" || !/^[0-9a-f]{64}$/.test(sha256)) return null;
+  if (typeof source !== "string" || source.length === 0) return null;
+  return { file, sha256, source };
+}
+async function sha256Hex2(text) {
+  if (!_optionalChain([globalThis, 'access', _182 => _182.crypto, 'optionalAccess', _183 => _183.subtle])) throw new Error("crypto.subtle ist in diesem Kontext nicht verfuegbar.");
+  const digest = await globalThis.crypto.subtle.digest("SHA-256", new TextEncoder().encode(text));
+  return [...new Uint8Array(digest)].map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+var message2 = (error) => error instanceof Error ? error.message : String(error);
+var wait2 = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+async function runScriptBlob(source, doc, timeoutMs, step) {
+  const onViolation = (event) => {
+    const violation = event;
+    step.cspViolations.push(`${violation.effectiveDirective || violation.violatedDirective}: ${violation.blockedURI || "unbekannt"}`);
+  };
+  doc.addEventListener("securitypolicyviolation", onViolation);
+  let url = null;
+  let script = null;
+  try {
+    url = URL.createObjectURL(new Blob([source], { type: "text/javascript" }));
+    const element = doc.createElement("script");
+    script = element;
+    step.scriptEvent = await new Promise((resolve) => {
+      const timer = setTimeout(() => resolve("timeout"), timeoutMs);
+      element.addEventListener("load", () => {
+        clearTimeout(timer);
+        resolve("load");
+      });
+      element.addEventListener("error", () => {
+        clearTimeout(timer);
+        resolve("error");
+      });
+      element.src = url;
+      (_nullishCoalesce(doc.head, () => ( doc.documentElement))).appendChild(element);
+    });
+  } catch (error) {
+    step.error = `Skript nicht einfuegbar: ${message2(error)}`;
+  }
+  if (step.scriptEvent !== "load") await wait2(CSP_SETTLE_MS2);
+  doc.removeEventListener("securitypolicyviolation", onViolation);
+  _optionalChain([script, 'optionalAccess', _184 => _184.remove, 'call', _185 => _185()]);
+  if (url) URL.revokeObjectURL(url);
+}
+function scriptFailure(step, expectation) {
+  if (step.error) return step.error;
+  if (step.scriptEvent === "load") return `script.onload, aber ${expectation} \u2014 Ausfuehrung nicht belegt.`;
+  if (step.scriptEvent === "error") return "script.onerror \u2014 Skript nicht geladen oder blockiert.";
+  return "Kein Skript-Ereignis innerhalb der Wartezeit.";
+}
+async function loadFlowApp({
+  bridge,
+  environment,
+  tokenSuffix,
+  win = window,
+  doc = document,
+  digest = sha256Hex2,
+  scriptTimeoutMs = FLOW_APP_SCRIPT_TIMEOUT_MS,
+  onStep
+}) {
+  const target = FLOW_APP_TARGETS[environment];
+  const globals = win;
+  const steps = [];
+  const report = () => _optionalChain([onStep, 'optionalCall', _186 => _186(steps.map((step) => ({ ...step, cspViolations: [...step.cspViolations] })))]);
+  const fail3 = (step, error) => {
+    step.error = error;
+    report();
+    return { ok: false, steps, error: `${step.file}: ${error}` };
+  };
+  let css = "";
+  for (const file of FLOW_APP_FILES) {
+    const step = { file, response: null, chars: null, hash: null, scriptEvent: null, cspViolations: [], error: null };
+    steps.push(step);
+    report();
+    step.response = await bridge.request(
+      { target: target.bridgeTarget, method: "GET", path: `/flow-app/bundle/${file}`, tokenSuffix },
+      { timeoutMs: FLOW_APP_REQUEST_TIMEOUT_MS }
+    );
+    if (!step.response.ok) {
+      const status = step.response.status !== null ? `HTTP ${step.response.status} \xB7 ` : "";
+      return fail3(step, `${status}${_optionalChain([step, 'access', _187 => _187.response, 'access', _188 => _188.error, 'optionalAccess', _189 => _189.code])}: ${_optionalChain([step, 'access', _190 => _190.response, 'access', _191 => _191.error, 'optionalAccess', _192 => _192.message])}`);
+    }
+    const loaded = readFlowAppFile(step.response.data, file);
+    if (!loaded) return fail3(step, "Antwort ohne gueltige Datei.");
+    step.chars = loaded.source.length;
+    try {
+      step.hash = await digest(loaded.source) === loaded.sha256 ? "ok" : "mismatch";
+    } catch (e21) {
+      step.hash = "unavailable";
+    }
+    if (step.hash === "mismatch") return fail3(step, "SHA-256 des empfangenen Quelltexts weicht ab \u2014 nicht ausgefuehrt.");
+    if (file === "master.css") {
+      css = loaded.source;
+      report();
+      continue;
+    }
+    if (file === "app.js") delete globals.FineArtApp;
+    await runScriptBlob(loaded.source, doc, scriptTimeoutMs, step);
+    if (file === "react-runtime.js") {
+      const ReactDOM = globals.ReactDOM;
+      if (!isRecord3(globals.React) || typeof _optionalChain([ReactDOM, 'optionalAccess', _193 => _193.createRoot]) !== "function") {
+        return fail3(step, scriptFailure(step, "window.React/window.ReactDOM.createRoot fehlen"));
+      }
+    } else if (typeof globals.FineArtApp !== "function") {
+      return fail3(step, scriptFailure(step, "window.FineArtApp fehlt"));
+    }
+    report();
+  }
+  return {
+    ok: true,
+    steps,
+    css,
+    runtime: {
+      React: globals.React,
+      ReactDOM: globals.ReactDOM,
+      FineArtApp: globals.FineArtApp
+    },
+    backendUrl: target.backendUrl
+  };
+}
+
+// src/components/FlowFineArtApp.tsx
+
+var FLOW_APP_STYLE_ID = "fa-flow-app-master-css";
+var BAR_HEIGHT = 32;
+function stepText(step) {
+  const parts = [step.file];
+  if (step.response) {
+    parts.push(step.response.status !== null ? `HTTP ${step.response.status}` : "kein HTTP-Status");
+    parts.push(`${_nullishCoalesce(step.response.transport, () => ( "kein Transport"))} \xB7 ${step.response.roundTripMs} ms`);
+  } else {
+    parts.push("l\xE4dt\u2026");
+  }
+  if (step.chars !== null) parts.push(`${step.chars} Zeichen`);
+  if (step.hash === "ok") parts.push("Hash gepr\xFCft");
+  if (step.hash === "unavailable") parts.push("Hash nicht pr\xFCfbar");
+  if (step.scriptEvent) parts.push(`Skript ${step.scriptEvent}`);
+  if (step.cspViolations.length > 0) parts.push(`CSP: ${step.cspViolations.join("; ")}`);
+  if (step.error) parts.push(`FEHLER: ${step.error}`);
+  return parts.join(" \xB7 ");
+}
+var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) => {
+  const bridge = _react.useMemo.call(void 0, () => _nullishCoalesce(client, () => ( createFlowBridgeClient({ appVersion }))), [client, appVersion]);
+  const [access, setAccess] = _react.useState.call(void 0, null);
+  const [steps, setSteps] = _react.useState.call(void 0, []);
+  const [load, setLoad] = _react.useState.call(void 0, null);
+  const [renderError, setRenderError] = _react.useState.call(void 0, null);
+  const appRootRef = _react.useRef.call(void 0, null);
+  const tokenSuffix = hfTokenSuffix(hfToken);
+  const target = FLOW_APP_TARGETS[environment];
+  _react.useEffect.call(void 0, () => {
+    if (!tokenSuffix) return void 0;
+    let active = true;
+    void (async () => {
+      const checked = bridge.proxy ? await bridge.proxy({ env: environment, tokenSuffix, method: "GET", path: "/api/status" }) : { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs: 0, error: { code: "no-bridge", message: "Bridge-Client ohne proxy." } };
+      if (!active) return;
+      setAccess(checked);
+      if (!checked.ok || checked.status !== 200) return;
+      const result = await loadFlowApp({ bridge, environment, tokenSuffix, onStep: (next) => {
+        if (active) setSteps(next);
+      } });
+      if (active) setLoad(result);
+    })();
+    return () => {
+      active = false;
+    };
+  }, [bridge, environment, tokenSuffix]);
+  _react.useEffect.call(void 0, () => {
+    const container = appRootRef.current;
+    if (!_optionalChain([load, 'optionalAccess', _194 => _194.ok]) || !container) return void 0;
+    const style = document.createElement("style");
+    style.id = FLOW_APP_STYLE_ID;
+    style.textContent = load.css;
+    document.head.appendChild(style);
+    let root = null;
+    try {
+      root = load.runtime.ReactDOM.createRoot(container);
+      root.render(load.runtime.React.createElement(load.runtime.FineArtApp, {
+        customTabs: [],
+        apiKey: null,
+        backendUrl: load.backendUrl,
+        transport: "flow-bridge",
+        bridgeEnv: environment,
+        bridgeTokenSuffix: tokenSuffix
+      }));
+    } catch (error) {
+      setRenderError(error instanceof Error ? error.message : String(error));
+    }
+    return () => {
+      _optionalChain([root, 'optionalAccess', _195 => _195.unmount, 'call', _196 => _196()]);
+      style.remove();
+    };
+  }, [load, environment, tokenSuffix]);
+  const accessFailed = access !== null && (!access.ok || access.status !== 200);
+  const failed = !tokenSuffix || accessFailed || load !== null && !load.ok || renderError !== null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col", "data-testid": "flow-fine-art-app", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 px-3 text-[11px] font-mono text-white/60", style: { height: BAR_HEIGHT, borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", onClick: onClose, className: "font-bold text-white/80", children: "\u2190 FlowFA" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `Fine-Art App \xB7 ${environment.toUpperCase()} \xB7 ${target.backendUrl}` })
+    ] }),
+    !_optionalChain([load, 'optionalAccess', _197 => _197.ok]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1 p-4 text-[11px] font-mono break-all", "data-testid": "flow-fine-art-app-steps", children: [
+      !tokenSuffix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", style: { color: "#f87171" }, children: "Kein HF-Token in FlowFA gesetzt \u2014 ohne ihn kein Zugang zum MCP-Host." }),
+      tokenSuffix && !access && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "flow-fine-art-app-access", className: "text-white/60", children: `Datenzugang ${environment.toUpperCase()} wird gepr\xFCft \u2026` }),
+      access && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "flow-fine-art-app-access", style: { color: accessFailed ? "#f87171" : "rgba(255,255,255,0.6)" }, children: access.ok ? `Datenzugang: GET /api/status \u2192 HTTP ${access.status} \xB7 ${_nullishCoalesce(access.transport, () => ( "kein Transport"))} \xB7 ${access.roundTripMs} ms` : `Datenzugang: ${_optionalChain([access, 'access', _198 => _198.error, 'optionalAccess', _199 => _199.code])}: ${_optionalChain([access, 'access', _200 => _200.error, 'optionalAccess', _201 => _201.message])}` }),
+      _optionalChain([access, 'optionalAccess', _202 => _202.error, 'optionalAccess', _203 => _203.code]) === "not-approved" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { color: "#fbbf24" }, children: `Extension-Popup \u201EFine-Art Flow Bridge\u201C \u2192 Fine-Art App: Datenzugang \u2192 ${environment.toUpperCase()} einschalten, dann neu starten.` }),
+      accessFailed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "font-bold", style: { color: "#f87171" }, children: "App nicht gestartet \u2014 ohne Datenzugang erreicht sie ihren Server nicht." }),
+      steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { color: step.error ? "#f87171" : "rgba(255,255,255,0.6)" }, children: stepText(step) }, step.file)),
+      load && !load.ok && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "font-bold", style: { color: "#f87171" }, children: `App nicht gestartet \u2014 ${load.error}` })
+    ] }),
+    renderError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "p-4 text-[11px] font-mono", style: { color: "#f87171" }, children: `App nicht gerendert \u2014 ${renderError}` }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: appRootRef, className: "flex-1 overflow-auto", style: { display: _optionalChain([load, 'optionalAccess', _204 => _204.ok]) && !failed ? "block" : "none" } })
+  ] });
+};
+
 // src/lib/flowBootstrapTarget.ts
 var PROD_NAMESPACE = "app.art-by-rolands.de/";
 var DEV_NAMESPACE = "dev-app.art-by-rolands.de/";
@@ -5902,6 +6155,10 @@ function resolveBootstrapTarget(input) {
     environment: environmentForNamespace(namespace)
   };
 }
+function flowAppEnvironment(target, isDialogTarget, selectedNamespace) {
+  if (isDialogTarget) return environmentForNamespace(normalizeSelectableNamespace(selectedNamespace));
+  return target.ready ? target.environment : null;
+}
 
 // src/components/AvatarArchitectApp.tsx
 
@@ -5919,16 +6176,17 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [layoutChoice, setLayoutChoice] = _react.useState.call(void 0, () => {
     try {
       return localStorage.getItem("aa-layout") || null;
-    } catch (e21) {
+    } catch (e22) {
       return null;
     }
   });
   const [hfToken, setHfToken] = _react.useState.call(void 0, initialHfToken || "");
+  const [serverAppEnvironment, setServerAppEnvironment] = _react.useState.call(void 0, null);
   const [hfTokenInput, setHfTokenInput] = _react.useState.call(void 0, initialHfToken || "");
   const [hfNamespaceLocal, setHfNamespaceLocal] = _react.useState.call(void 0, () => {
     try {
       return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
-    } catch (e22) {
+    } catch (e23) {
       return DEFAULT_NAMESPACE;
     }
   });
@@ -6031,7 +6289,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const startApp = (choice) => {
     try {
       localStorage.setItem("aa-layout", choice);
-    } catch (e23) {
+    } catch (e24) {
     }
     setLayoutChoice(choice);
     setTargetConfirmed(true);
@@ -6052,7 +6310,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const loadThumbnailsForEntries = _react.useCallback.call(void 0, async (entries) => {
     await loadThumbnailsSequentially(entries, {
       inFlight: hfInFlightRef.current,
-      isAlreadyLoaded: (entry) => !!_optionalChain([galleryItemsRef, 'access', _182 => _182.current, 'access', _183 => _183.find, 'call', _184 => _184((g) => g.id === entry.id), 'optionalAccess', _185 => _185.base64]),
+      isAlreadyLoaded: (entry) => !!_optionalChain([galleryItemsRef, 'access', _205 => _205.current, 'access', _206 => _206.find, 'call', _207 => _207((g) => g.id === entry.id), 'optionalAccess', _208 => _208.base64]),
       isKnownMissing: (entry) => hfImageNotFoundRef.current.has(entry.id),
       loadImage: (entry) => _chunkVSHSZEGVjs.hfLoadImageAsBase64.call(void 0, entry.id, hfToken, effectiveNamespace, entry.filename, void 0, entry.mimeType, entry.hasThumb),
       onLoaded: (entry, b64) => {
@@ -6071,7 +6329,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   }, [hfToken, effectiveNamespace]);
   _react.useEffect.call(void 0, () => {
     if (!hfState) return;
-    if (_optionalChain([hfState, 'access', _186 => _186.tags, 'optionalAccess', _187 => _187.by_category])) setWorkspaceTags(hfState.tags);
+    if (_optionalChain([hfState, 'access', _209 => _209.tags, 'optionalAccess', _210 => _210.by_category])) setWorkspaceTags(hfState.tags);
     const hfIds = new Set(hfState.metadata.map((m) => m.id));
     const skeletons = hfState.metadata.map((m) => ({
       id: m.id,
@@ -6117,7 +6375,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     try {
       const v = parseInt(localStorage.getItem("aa-image-count") || "", 10);
       return v >= 1 && v <= 8 ? v : 4;
-    } catch (e24) {
+    } catch (e25) {
       return 4;
     }
   });
@@ -6126,7 +6384,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setImageCount(n);
     try {
       localStorage.setItem("aa-image-count", String(n));
-    } catch (e25) {
+    } catch (e26) {
     }
   };
   const imageCountOptions = [
@@ -6140,14 +6398,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [leftPanelWidth, setLeftPanelWidth] = _react.useState.call(void 0, () => {
     try {
       return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
-    } catch (e26) {
+    } catch (e27) {
       return 260;
     }
   });
   const [rightPanelWidth, setRightPanelWidth] = _react.useState.call(void 0, () => {
     try {
       return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
-    } catch (e27) {
+    } catch (e28) {
       return 320;
     }
   });
@@ -6156,7 +6414,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [highContrast, setHighContrast] = _react.useState.call(void 0, () => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
-    } catch (e28) {
+    } catch (e29) {
       return false;
     }
   });
@@ -6169,14 +6427,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [zoomOffset, setZoomOffset] = _react.useState.call(void 0, { x: 0, y: 0 });
   const { historyVisible, galleryVisible } = computePrefetchVisibility({
     layoutChoice,
-    appShellVisible: !showStart && !requireWorkspaceSelection && !(isFullscreen && !!_optionalChain([currentResult, 'optionalAccess', _188 => _188.base64])),
+    appShellVisible: !showStart && !requireWorkspaceSelection && !(isFullscreen && !!_optionalChain([currentResult, 'optionalAccess', _211 => _211.base64])),
     mobileTab,
     middlePanel,
     activeTab,
     isRightCollapsed
   });
   useThumbnailPrefetch({
-    metadata: _optionalChain([hfState, 'optionalAccess', _189 => _189.metadata]),
+    metadata: _optionalChain([hfState, 'optionalAccess', _212 => _212.metadata]),
     historyVisible,
     galleryVisible,
     historyVisibleCount,
@@ -6232,12 +6490,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setHighContrast(next);
     try {
       localStorage.setItem("aa-contrast", next ? "high" : "low");
-    } catch (e29) {
+    } catch (e30) {
     }
   };
   const handleSelectReference = async () => {
     const media = await onSelectMedia();
-    if (!_optionalChain([media, 'optionalAccess', _190 => _190.length])) return;
+    if (!_optionalChain([media, 'optionalAccess', _213 => _213.length])) return;
     const first = media[0];
     if (first.mediaId) {
       setActiveReferenceId(first.mediaId);
@@ -6260,7 +6518,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       generateImage: onGenerateImage,
       saveResult: async (item) => {
         const frame = item.frames[0];
-        if (_optionalChain([frame, 'optionalAccess', _191 => _191.base64])) {
+        if (_optionalChain([frame, 'optionalAccess', _214 => _214.base64])) {
           const gen = frameToGeneration(frame, item);
           setGalleryItems((prev) => [gen, ...prev]);
           setHistory((prev) => [gen, ...prev]);
@@ -6278,7 +6536,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setLeftPanelWidth(w);
       try {
         localStorage.setItem("aa-left-width", String(w));
-      } catch (e30) {
+      } catch (e31) {
       }
     };
     const onUp = () => {
@@ -6297,7 +6555,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setRightPanelWidth(w);
       try {
         localStorage.setItem("aa-right-width", String(w));
-      } catch (e31) {
+      } catch (e32) {
       }
     };
     const onUp = () => {
@@ -6328,7 +6586,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setIsScanningImage(false);
     }
   };
-  const currentIndex = _react.useMemo.call(void 0, () => history.findIndex((h) => h.id === _optionalChain([currentResult, 'optionalAccess', _192 => _192.id])), [history, currentResult]);
+  const currentIndex = _react.useMemo.call(void 0, () => history.findIndex((h) => h.id === _optionalChain([currentResult, 'optionalAccess', _215 => _215.id])), [history, currentResult]);
   const goToPrev = _react.useCallback.call(void 0, () => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
   }, [currentIndex, history]);
@@ -6342,7 +6600,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       _chunkVSHSZEGVjs.hfLoadImageAsBase64.call(void 0, g.id, hfToken, effectiveNamespace, g.filename, void 0, g.mimeType, false).then((b64) => {
         if (!b64) return;
         const full = `data:${g.mimeType || "image/jpeg"};base64,${b64}`;
-        setCurrentResult((prev) => _optionalChain([prev, 'optionalAccess', _193 => _193.id]) === g.id ? { ...prev, fullBase64: full } : prev);
+        setCurrentResult((prev) => _optionalChain([prev, 'optionalAccess', _216 => _216.id]) === g.id ? { ...prev, fullBase64: full } : prev);
         setGalleryItems((prev) => prev.map((item) => item.id === g.id ? { ...item, fullBase64: full } : item));
       }).catch(() => {
       });
@@ -6358,13 +6616,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   }, [hfToken, effectiveNamespace, hfWriteEvent]);
   const currentGroup = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _194 => _194.prompt])) return [];
+    if (!_optionalChain([currentResult, 'optionalAccess', _217 => _217.prompt])) return [];
     const groups = groupByPrompt(galleryItems.filter((g) => g.status === "done" && !!g.base64));
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
     return group ? group.items : [];
-  }, [galleryItems, _optionalChain([currentResult, 'optionalAccess', _195 => _195.prompt])]);
+  }, [galleryItems, _optionalChain([currentResult, 'optionalAccess', _218 => _218.prompt])]);
   _react.useEffect.call(void 0, () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _196 => _196.prompt]) || !hfToken || !effectiveNamespace || !hfState) return;
+    if (!_optionalChain([currentResult, 'optionalAccess', _219 => _219.prompt]) || !hfToken || !effectiveNamespace || !hfState) return;
     const siblings = galleryItemsRef.current.filter(
       (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
     );
@@ -6382,12 +6640,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           const prefix = `data:${meta.mimeType || "image/jpeg"};base64,`;
           setGalleryItems((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
           setHistory((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
-        } catch (e32) {
+        } catch (e33) {
           hfImageNotFoundRef.current.set(sib.id, Date.now());
         }
       }
     })();
-  }, [_optionalChain([currentResult, 'optionalAccess', _197 => _197.id]), _optionalChain([currentResult, 'optionalAccess', _198 => _198.prompt])]);
+  }, [_optionalChain([currentResult, 'optionalAccess', _220 => _220.id]), _optionalChain([currentResult, 'optionalAccess', _221 => _221.prompt])]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
   const runningBadge = activeGenerationsCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -6468,7 +6726,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const errorGen = { ...newGen, status: "error", error: { message: err.message || "Unbekannter Fehler", details: err.toString() } };
       setHistory((prev) => prev.map((g) => g.id === genId ? errorGen : g));
       setGalleryItems((prev) => prev.filter((g) => g.id !== genId));
-      if (!options.silent || _optionalChain([currentResult, 'optionalAccess', _199 => _199.id]) === genId) setCurrentResult(errorGen);
+      if (!options.silent || _optionalChain([currentResult, 'optionalAccess', _222 => _222.id]) === genId) setCurrentResult(errorGen);
     } finally {
       setActiveGenerationsCount((prev) => Math.max(0, prev - 1));
     }
@@ -6524,7 +6782,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setActivePrompt(prompt);
       setFocusedNodeId(nodeId);
       if (autoGenerate) handleGenerateImage(prompt, void 0, nodeId);
-    } catch (e33) {
+    } catch (e34) {
       setActivePrompt("Synthese-Fehler");
     } finally {
       setIsSynthesizing(false);
@@ -6597,14 +6855,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const { prompt, feedback } = parsePromptResponse(raw);
       setActivePrompt(prompt);
       setPromptFeedback(feedback);
-    } catch (e34) {
+    } catch (e35) {
       setActivePrompt("Synthese-Fehler");
     } finally {
       setIsPromptTabGenerating(false);
     }
   };
   const handleDownloadSingle = async () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _200 => _200.base64])) return;
+    if (!_optionalChain([currentResult, 'optionalAccess', _223 => _223.base64])) return;
     try {
       const downloadSrc = currentResult.fullBase64 || currentResult.base64;
       const base64Data = downloadSrc.split(",")[1];
@@ -6620,9 +6878,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const reader = new FileReader();
     reader.onload = (ev) => {
       try {
-        const root = JSON.parse(_optionalChain([ev, 'access', _201 => _201.target, 'optionalAccess', _202 => _202.result]));
+        const root = JSON.parse(_optionalChain([ev, 'access', _224 => _224.target, 'optionalAccess', _225 => _225.result]));
         const rawTags = root.tags || root;
-        if (!_optionalChain([rawTags, 'optionalAccess', _203 => _203.by_category])) return;
+        if (!_optionalChain([rawTags, 'optionalAccess', _226 => _226.by_category])) return;
         const filtered = {};
         const EXCLUDED2 = ["pdf-export", "book.micro-edit-rules"];
         Object.entries(rawTags.by_category).forEach(([cat, items]) => {
@@ -6639,7 +6897,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   };
   const handleHfInitialSync = async (onProgress) => {
     if (!hfToken || !effectiveNamespace) return;
-    const existingIds = new Set((_optionalChain([hfState, 'optionalAccess', _204 => _204.metadata]) || []).map((m) => m.id));
+    const existingIds = new Set((_optionalChain([hfState, 'optionalAccess', _227 => _227.metadata]) || []).map((m) => m.id));
     const gens = galleryItems.filter((g) => g.base64 && g.status === "done" && !existingIds.has(g.id));
     const total = gens.length;
     onProgress(0, total);
@@ -6665,7 +6923,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   };
   const mergeWorkspaceTags = (local, remote) => {
-    if (!_optionalChain([remote, 'optionalAccess', _205 => _205.by_category])) return local;
+    if (!_optionalChain([remote, 'optionalAccess', _228 => _228.by_category])) return local;
     const merged = {};
     const allCategories = /* @__PURE__ */ new Set([...Object.keys(local.by_category), ...Object.keys(remote.by_category)]);
     for (const cat of allCategories) {
@@ -6675,7 +6933,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const localValues = new Set(localTags.map((t) => t.value));
       const mergedLocal = localTags.map((t) => {
         const remote2 = remoteMap.get(t.value);
-        return _optionalChain([remote2, 'optionalAccess', _206 => _206.is_deleted]) ? { ...t, is_deleted: true } : t;
+        return _optionalChain([remote2, 'optionalAccess', _229 => _229.is_deleted]) ? { ...t, is_deleted: true } : t;
       });
       const onlyInRemote = remoteTags.filter((t) => !localValues.has(t.value));
       merged[cat] = [...mergedLocal, ...onlyInRemote];
@@ -6683,7 +6941,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const all = Object.entries(merged).flatMap(([cat, tags]) => tags.map((t) => ({ ...t, category: cat })));
     return { by_category: merged, all };
   };
-  if (isFullscreen && _optionalChain([currentResult, 'optionalAccess', _207 => _207.base64])) {
+  if (isFullscreen && _optionalChain([currentResult, 'optionalAccess', _230 => _230.base64])) {
     const fsRaw = currentResult.fullBase64 || currentResult.base64;
     const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -6734,7 +6992,11 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       }
     );
   }
+  if (serverAppEnvironment) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FlowFineArtApp, { environment: serverAppEnvironment, hfToken, appVersion: version, onClose: () => setServerAppEnvironment(null) });
+  }
   if (showStart) {
+    const serverAppTarget = flowAppEnvironment(bootstrapTarget, isDialogTarget, hfNamespaceLocal);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-1", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
@@ -6797,7 +7059,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 setHfNamespaceLocal(ns);
                 try {
                   localStorage.setItem("aa-hf-namespace", ns);
-                } catch (e35) {
+                } catch (e36) {
                 }
               },
               className: "px-3 py-1 rounded-lg text-[11px] font-bold transition-colors",
@@ -6834,6 +7096,19 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         layoutChoice === "mobile-desktop" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-white/20 text-[9px] text-center", children: "Mobil-Layout skaliert f\xFCr Desktop-Modus" }),
         layoutChoice === "tablet-landscape" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-white/20 text-[9px] text-center", children: "2-Spalten-Layout f\xFCr Landscape-Tablet im Desktop-Mode" })
       ] }),
+      serverAppTarget && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          onClick: () => setServerAppEnvironment(serverAppTarget),
+          className: "flex items-center justify-center gap-2 w-full max-w-[280px] py-3 rounded-2xl border text-[11px] font-bold",
+          style: { borderColor: "rgba(255,255,255,0.08)", color: "rgba(255,255,255,0.6)" },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[20px]", children: "web" }),
+            `Fine-Art App (Server) \xB7 ${serverAppTarget.toUpperCase()}`
+          ]
+        }
+      ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FlowBridgePanel, { appVersion: version, hfToken })
     ] });
   }
@@ -6898,7 +7173,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }, children: [
       mobileTab === "labs" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabsTab, { services: labServices, onResult: (item) => {
         const frame = item.frames[0];
-        if (_optionalChain([frame, 'optionalAccess', _208 => _208.base64])) {
+        if (_optionalChain([frame, 'optionalAccess', _231 => _231.base64])) {
           setCurrentResult(frameToGeneration(frame, item));
           setMobileTab("stage");
         }
@@ -6922,7 +7197,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _209 => _209.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _232 => _232.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
           activeReferenceThumbnail ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
@@ -6973,21 +7248,21 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 setTouchStartX(null);
               },
               children: [
-                _optionalChain([currentResult, 'optionalAccess', _210 => _210.status]) === "processing" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-3 opacity-40", children: [
+                _optionalChain([currentResult, 'optionalAccess', _233 => _233.status]) === "processing" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-3 opacity-40", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
                 ] }),
-                _optionalChain([currentResult, 'optionalAccess', _211 => _211.status]) === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
+                _optionalChain([currentResult, 'optionalAccess', _234 => _234.status]) === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-red-400 text-[36px]", children: "warning" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-white/50 text-[13px]", children: _optionalChain([currentResult, 'access', _212 => _212.error, 'optionalAccess', _213 => _213.message]) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-white/50 text-[13px]", children: _optionalChain([currentResult, 'access', _235 => _235.error, 'optionalAccess', _236 => _236.message]) }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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" })
                 ] }),
-                _optionalChain([currentResult, 'optionalAccess', _214 => _214.status]) === "done" && currentResult.base64 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
+                _optionalChain([currentResult, 'optionalAccess', _237 => _237.status]) === "done" && currentResult.base64 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
                 !currentResult && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
                 ] }),
-                _optionalChain([currentResult, 'optionalAccess', _215 => _215.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
+                _optionalChain([currentResult, 'optionalAccess', _238 => _238.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
                 history.length > 1 && currentResult && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
@@ -7000,7 +7275,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               ]
             }
           ),
-          _optionalChain([currentResult, 'optionalAccess', _216 => _216.status]) === "done" && currentGroup.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "relative", flexShrink: 0 }, children: [
+          _optionalChain([currentResult, 'optionalAccess', _239 => _239.status]) === "done" && currentGroup.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "relative", flexShrink: 0 }, children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
@@ -7043,7 +7318,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               }
             )
           ] }, item.id)) }),
-          _optionalChain([currentResult, 'optionalAccess', _217 => _217.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 mt-3", children: [
+          _optionalChain([currentResult, 'optionalAccess', _240 => _240.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 mt-3", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[12px] text-white/60", children: "Prompt" })
@@ -7065,14 +7340,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           hfToken && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 overflow-hidden relative", children: [
-          activeTab === "history" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _218 => _218.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+          activeTab === "history" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _241 => _241.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
           activeTab === "gallery" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             MediaLibrary,
             {
               items: galleryItems,
               onImport: async () => {
                 const media = await onSelectMedia();
-                if (!_optionalChain([media, 'optionalAccess', _219 => _219.length])) return;
+                if (!_optionalChain([media, 'optionalAccess', _242 => _242.length])) return;
                 setGalleryItems((prev) => [...media.map((m) => ({ id: crypto.randomUUID(), nodeId: "1", base64: `data:${m.mimeType};base64,${m.base64}`, mediaId: m.mediaId, prompt: m.name || "Importiert", timestamp: Date.now(), status: "done", tags: [], type: "import" })), ...prev]);
               },
               onDelete: (id) => setGalleryItems((g) => g.filter((x) => x.id !== id)),
@@ -7220,7 +7495,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { flex: 1 } }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _220 => _220.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _243 => _243.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: toggleContrast, style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: highContrast ? "light_mode" : "dark_mode" }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: () => setShowStart(true), style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "apps" }) })
@@ -7249,7 +7524,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ]
           }
         ) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _221 => _221.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _244 => _244.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -7265,21 +7540,21 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               setTouchStartX(null);
             },
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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: [
-              _optionalChain([currentResult, 'optionalAccess', _222 => _222.status]) === "processing" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12, opacity: 0.4 }, children: [
+              _optionalChain([currentResult, 'optionalAccess', _245 => _245.status]) === "processing" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12, opacity: 0.4 }, children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 36 }, children: "hourglass_top" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: 10, color: "rgba(255,255,255,0.6)", textTransform: "uppercase", fontWeight: "bold", letterSpacing: "0.15em" }, children: "Erstelle Bild..." })
               ] }),
-              _optionalChain([currentResult, 'optionalAccess', _223 => _223.status]) === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
+              _optionalChain([currentResult, 'optionalAccess', _246 => _246.status]) === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 32, color: "#f87171" }, children: "warning" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: _optionalChain([currentResult, 'access', _224 => _224.error, 'optionalAccess', _225 => _225.message]) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: _optionalChain([currentResult, 'access', _247 => _247.error, 'optionalAccess', _248 => _248.message]) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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" })
               ] }),
-              _optionalChain([currentResult, 'optionalAccess', _226 => _226.status]) === "done" && currentResult.base64 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
+              _optionalChain([currentResult, 'optionalAccess', _249 => _249.status]) === "done" && currentResult.base64 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
               !currentResult && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
               ] }),
-              _optionalChain([currentResult, 'optionalAccess', _227 => _227.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
+              _optionalChain([currentResult, 'optionalAccess', _250 => _250.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
               history.length > 1 && currentResult && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
@@ -7292,7 +7567,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ] })
           }
         ),
-        _optionalChain([currentResult, 'optionalAccess', _228 => _228.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
+        _optionalChain([currentResult, 'optionalAccess', _251 => _251.status]) === "done" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "replay" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Prompt" })
@@ -7414,7 +7689,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Ref" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _229 => _229.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskExecutor, { openTasks: _optionalChain([hfState, 'optionalAccess', _252 => _252.openTasks]) || {}, onExecute: handleExecuteTask, onTaskCompleted: handleTaskCompleted }),
           runningBadge,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PillButton, { variant: "solid", icon: "bolt", disabled: !activePrompt.trim(), onClick: () => handleGenerateBatch(), children: "Generieren" })
         ] })
@@ -7426,7 +7701,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         ] }) }),
         middlePanel === "szenen" ? szenenPane : middlePanel === "labs" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabsTab, { services: labServices, onResult: (item) => {
           const frame = item.frames[0];
-          if (_optionalChain([frame, 'optionalAccess', _230 => _230.base64])) setCurrentResult(frameToGeneration(frame, item));
+          if (_optionalChain([frame, 'optionalAccess', _253 => _253.base64])) setCurrentResult(frameToGeneration(frame, item));
         } }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 overflow-hidden flex flex-col", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-4 opacity-40", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
@@ -7435,7 +7710,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-white/60 text-[12px] leading-relaxed", children: _optionalChain([currentResult, 'access', _231 => _231.error, 'optionalAccess', _232 => _232.message]) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-white/60 text-[12px] leading-relaxed", children: _optionalChain([currentResult, 'access', _254 => _254.error, 'optionalAccess', _255 => _255.message]) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
           ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "h-full w-full relative flex items-center justify-center", children: [
@@ -7449,7 +7724,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
           ] }) }) }),
-          _optionalChain([currentResult, 'optionalAccess', _233 => _233.status]) === "done" && currentGroup.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "relative", flexShrink: 0 }, children: [
+          _optionalChain([currentResult, 'optionalAccess', _256 => _256.status]) === "done" && currentGroup.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "relative", flexShrink: 0 }, children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
@@ -7530,14 +7805,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        activeTab === "history" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _234 => _234.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+        activeTab === "history" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HistoryPanel, { history, currentResultId: _optionalChain([currentResult, 'optionalAccess', _257 => _257.id]) || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
         activeTab === "gallery" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           MediaLibrary,
           {
             items: galleryItems,
             onImport: async () => {
               const media = await onSelectMedia();
-              if (!_optionalChain([media, 'optionalAccess', _235 => _235.length])) return;
+              if (!_optionalChain([media, 'optionalAccess', _258 => _258.length])) return;
               setGalleryItems((prev) => [...media.map((m) => ({ id: crypto.randomUUID(), nodeId: "1", base64: `data:${m.mimeType};base64,${m.base64}`, mediaId: m.mediaId, prompt: m.name || "Importiert", timestamp: Date.now(), status: "done", tags: [], type: "import" })), ...prev]);
             },
             onDelete: (id) => setGalleryItems((g) => g.filter((x) => x.id !== id)),
@@ -7693,7 +7968,7 @@ function createFaStore({ contracts, descriptors, persistence, workspaceId }) {
       };
     };
     const applyWriteResult = (sliceId, result, savedData, signal) => {
-      if (_optionalChain([signal, 'optionalAccess', _236 => _236.aborted])) {
+      if (_optionalChain([signal, 'optionalAccess', _259 => _259.aborted])) {
         patchMeta(sliceId, { saveState: "idle" });
         return result;
       }
@@ -7721,8 +7996,8 @@ function createFaStore({ contracts, descriptors, persistence, workspaceId }) {
         const requestId = _nullishCoalesce(externalRequestId, () => ( nextRequestId()));
         patchMeta(sliceId, { loadRequestId: requestId, saveState: "restoring" });
         const result = await persistence.load(workspaceId, descriptor, _nullishCoalesce(signal, () => ( new AbortController().signal)));
-        if (_optionalChain([signal, 'optionalAccess', _237 => _237.aborted]) || _optionalChain([get, 'call', _238 => _238(), 'access', _239 => _239.meta, 'access', _240 => _240[sliceId], 'optionalAccess', _241 => _241.loadRequestId]) !== requestId) {
-          if (_optionalChain([signal, 'optionalAccess', _242 => _242.aborted]) && _optionalChain([get, 'call', _243 => _243(), 'access', _244 => _244.meta, 'access', _245 => _245[sliceId], 'optionalAccess', _246 => _246.loadRequestId]) === requestId) {
+        if (_optionalChain([signal, 'optionalAccess', _260 => _260.aborted]) || _optionalChain([get, 'call', _261 => _261(), 'access', _262 => _262.meta, 'access', _263 => _263[sliceId], 'optionalAccess', _264 => _264.loadRequestId]) !== requestId) {
+          if (_optionalChain([signal, 'optionalAccess', _265 => _265.aborted]) && _optionalChain([get, 'call', _266 => _266(), 'access', _267 => _267.meta, 'access', _268 => _268[sliceId], 'optionalAccess', _269 => _269.loadRequestId]) === requestId) {
             patchMeta(sliceId, { saveState: "idle", loadRequestId: null });
           }
           return result;
@@ -7757,7 +8032,7 @@ function createFaStore({ contracts, descriptors, persistence, workspaceId }) {
       },
       async resetSlice(sliceId, signal, options) {
         const contract = requireContract(sliceId);
-        if (get().meta[sliceId].dirty && !_optionalChain([options, 'optionalAccess', _247 => _247.confirmed])) {
+        if (get().meta[sliceId].dirty && !_optionalChain([options, 'optionalAccess', _270 => _270.confirmed])) {
           throw new Error(`Reset for slice ${sliceId} requires confirmation while unsaved changes exist`);
         }
         const defaultData = contract.createDefault();
@@ -7810,7 +8085,7 @@ function createInMemoryWorkspacePersistence(now = () => Date.now()) {
     }
     const saved = {
       ...clone(slice),
-      revision: (_nullishCoalesce(_optionalChain([current, 'optionalAccess', _248 => _248.revision]), () => ( 0))) + 1,
+      revision: (_nullishCoalesce(_optionalChain([current, 'optionalAccess', _271 => _271.revision]), () => ( 0))) + 1,
       updatedAt: now(),
       ...resetAt !== void 0 ? { resetAt } : {}
     };
@@ -7891,7 +8166,7 @@ function createPersistenceCoordinator({
     if (disposed) return;
     const runtime = runtimeOf(sliceId);
     const meta = store.getState().meta[sliceId];
-    if (!_optionalChain([meta, 'optionalAccess', _249 => _249.dirty])) return;
+    if (!_optionalChain([meta, 'optionalAccess', _272 => _272.dirty])) return;
     if (meta.saveState === "restoring" || meta.saveState === "saving") {
       runtime.pendingSave = true;
       return;
@@ -7919,7 +8194,7 @@ function createPersistenceCoordinator({
   return {
     async load(sliceId) {
       const runtime = runtimeOf(sliceId);
-      _optionalChain([runtime, 'access', _250 => _250.loadController, 'optionalAccess', _251 => _251.abort, 'call', _252 => _252()]);
+      _optionalChain([runtime, 'access', _273 => _273.loadController, 'optionalAccess', _274 => _274.abort, 'call', _275 => _275()]);
       runtime.loadController = new AbortController();
       const controller = runtime.loadController;
       try {
@@ -7947,8 +8222,8 @@ function createPersistenceCoordinator({
       disposed = true;
       for (const runtime of runtimes.values()) {
         clearTimer(runtime);
-        _optionalChain([runtime, 'access', _253 => _253.loadController, 'optionalAccess', _254 => _254.abort, 'call', _255 => _255()]);
-        _optionalChain([runtime, 'access', _256 => _256.saveController, 'optionalAccess', _257 => _257.abort, 'call', _258 => _258()]);
+        _optionalChain([runtime, 'access', _276 => _276.loadController, 'optionalAccess', _277 => _277.abort, 'call', _278 => _278()]);
+        _optionalChain([runtime, 'access', _279 => _279.saveController, 'optionalAccess', _280 => _280.abort, 'call', _281 => _281()]);
         runtime.pendingSave = false;
       }
       runtimes.clear();
@@ -8052,7 +8327,7 @@ function parseLegacyLibraryFilters(source, knownTagIds) {
           return null;
         }).filter((id) => id !== null && knownTagIds.has(id));
       }
-    } catch (e36) {
+    } catch (e37) {
       tagIds = [];
     }
   }
@@ -8063,7 +8338,7 @@ function parseLegacyLibraryFilters(source, knownTagIds) {
       if (Array.isArray(parsed)) {
         recentFilterTagIds = parsed.filter((entry) => typeof entry === "string" || typeof entry === "number").map((entry) => String(entry)).filter((id) => knownTagIds.has(id)).slice(0, 5);
       }
-    } catch (e37) {
+    } catch (e38) {
       recentFilterTagIds = [];
     }
   }
@@ -8102,9 +8377,9 @@ function hatNavigationsziele(zugehoerigkeit) {
 var kennung = (wert) => typeof wert === "string" && wert.trim().length > 0;
 var kurz = (id) => id.slice(0, 8);
 function zugehoerigkeitOf(item) {
-  const runId = _optionalChain([item, 'optionalAccess', _259 => _259.szenen, 'optionalAccess', _260 => _260.prompt_run_id]);
+  const runId = _optionalChain([item, 'optionalAccess', _282 => _282.szenen, 'optionalAccess', _283 => _283.prompt_run_id]);
   if (!kennung(runId)) return null;
-  const links = _nullishCoalesce(_optionalChain([item, 'optionalAccess', _261 => _261.szenen_links]), () => ( null));
+  const links = _nullishCoalesce(_optionalChain([item, 'optionalAccess', _284 => _284.szenen_links]), () => ( null));
   if (!links || links.prompt_run_id !== runId) {
     return {
       run: null,
@@ -8135,15 +8410,15 @@ function zugehoerigkeitOf(item) {
   return { run, scene, hinweis: null };
 }
 function zugehoerigkeitenOf(item) {
-  const szenen = _optionalChain([item, 'optionalAccess', _262 => _262.szenen]);
+  const szenen = _optionalChain([item, 'optionalAccess', _285 => _285.szenen]);
   if (!szenen) return [];
   const laeufe = [];
   const merken = (id) => {
     if (kennung(id) && !laeufe.includes(id)) laeufe.push(id);
   };
   merken(szenen.prompt_run_id);
-  for (const run of _nullishCoalesce(szenen.runs, () => ( []))) merken(_optionalChain([run, 'optionalAccess', _263 => _263.prompt_run_id]));
-  const linkFuer = (runId) => _nullishCoalesce((_nullishCoalesce(_optionalChain([item, 'optionalAccess', _264 => _264.szenen_run_links]), () => ( []))).find((l) => l.prompt_run_id === runId), () => ( (_optionalChain([item, 'optionalAccess', _265 => _265.szenen_links]) && item.szenen_links.prompt_run_id === runId ? item.szenen_links : null)));
+  for (const run of _nullishCoalesce(szenen.runs, () => ( []))) merken(_optionalChain([run, 'optionalAccess', _286 => _286.prompt_run_id]));
+  const linkFuer = (runId) => _nullishCoalesce((_nullishCoalesce(_optionalChain([item, 'optionalAccess', _287 => _287.szenen_run_links]), () => ( []))).find((l) => l.prompt_run_id === runId), () => ( (_optionalChain([item, 'optionalAccess', _288 => _288.szenen_links]) && item.szenen_links.prompt_run_id === runId ? item.szenen_links : null)));
   const ergebnis = [];
   for (const runId of laeufe) {
     const z = zugehoerigkeitOf({ szenen: { prompt_run_id: runId }, szenen_links: linkFuer(runId) });
@@ -8289,7 +8564,7 @@ function parseLegacyRecentTags(raw) {
       }
       return null;
     }).filter((entry) => entry !== null).slice(0, 10);
-  } catch (e38) {
+  } catch (e39) {
     return [];
   }
 }