@rslsp1/fa-app-tools 10.3.5 → 10.3.6

package/dist/index.d.mts

@@ -6,7 +6,7 @@ import { Node, Edge } from '@xyflow/react';
 import * as zustand_vanilla from 'zustand/vanilla';
 import { F as FeatureSliceId, b as SliceContract, a as PersistenceDescriptor, W as WorkspacePersistence, P as PersistedSlice, L as LoadResult, g as WriteResult, f as WorkspaceTabId, C as CommandResult, R as RequestContext, Q as QueryResult } from './contracts-B3AbzYQ4.mjs';
 
-var version = "10.3.5";
+var version = "10.3.6";
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 
@@ -359,21 +359,16 @@ interface FlowBridgeResponse {
     roundTripMs: number;
     error: FlowBridgeError | null;
 }
-type FlowBridgeConnection = {
-    ok: true;
+/** App-Proxy (#639): ein GET der Fine-Art-App ueber den MCP-Host des Ziels, Zugang ueber die Token-Endung. */
+interface FlowBridgeProxyRequest {
     env: 'dev' | 'prod';
-    server: string;
-    waitedMs: number;
-} | {
-    ok: false;
-    error: FlowBridgeError;
-    waitedMs: number;
-};
+    tokenSuffix: string;
+    method: 'GET';
+    path: string;
+}
 interface FlowBridgeClient {
-    /** App-Proxy (#639): bittet um Freigabe fuer dieses Dokument; erfuellt erst nach Entscheidung im Popup. */
-    connect?(env: 'dev' | 'prod', options?: {
-        timeoutMs?: number;
-    }): Promise<FlowBridgeConnection>;
+    /** App-Proxy (#639): ein lesender Request ueber den Daten-Proxy (z. B. Pruefung des Datenzugangs). */
+    proxy?(request: FlowBridgeProxyRequest): Promise<FlowBridgeResponse>;
     status(): Promise<FlowBridgeStatus>;
     /** `timeoutMs` ersetzt das Warten der Seite fuer diesen Request (App-Bundle: laenger als das Extension-Timeout). */
     request(request: FlowBridgeRequest, options?: {

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { Node, Edge } from '@xyflow/react';
 import * as zustand_vanilla from 'zustand/vanilla';
 import { F as FeatureSliceId, b as SliceContract, a as PersistenceDescriptor, W as WorkspacePersistence, P as PersistedSlice, L as LoadResult, g as WriteResult, f as WorkspaceTabId, C as CommandResult, R as RequestContext, Q as QueryResult } from './contracts-B3AbzYQ4.js';
 
-var version = "10.3.5";
+var version = "10.3.6";
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 
@@ -359,21 +359,16 @@ interface FlowBridgeResponse {
     roundTripMs: number;
     error: FlowBridgeError | null;
 }
-type FlowBridgeConnection = {
-    ok: true;
+/** App-Proxy (#639): ein GET der Fine-Art-App ueber den MCP-Host des Ziels, Zugang ueber die Token-Endung. */
+interface FlowBridgeProxyRequest {
     env: 'dev' | 'prod';
-    server: string;
-    waitedMs: number;
-} | {
-    ok: false;
-    error: FlowBridgeError;
-    waitedMs: number;
-};
+    tokenSuffix: string;
+    method: 'GET';
+    path: string;
+}
 interface FlowBridgeClient {
-    /** App-Proxy (#639): bittet um Freigabe fuer dieses Dokument; erfuellt erst nach Entscheidung im Popup. */
-    connect?(env: 'dev' | 'prod', options?: {
-        timeoutMs?: number;
-    }): Promise<FlowBridgeConnection>;
+    /** App-Proxy (#639): ein lesender Request ueber den Daten-Proxy (z. B. Pruefung des Datenzugangs). */
+    proxy?(request: FlowBridgeProxyRequest): Promise<FlowBridgeResponse>;
     status(): Promise<FlowBridgeStatus>;
     /** `timeoutMs` ersetzt das Warten der Seite fuer diesen Request (App-Bundle: laenger als das Extension-Timeout). */
     request(request: FlowBridgeRequest, options?: {

package/dist/index.js

@@ -22,7 +22,7 @@ require('./chunk-FTLEDU6C.js');
 require('./chunk-DDH2SGZM.js');
 
 // package.json
-var version = "10.3.5";
+var version = "10.3.6";
 
 // src/hooks/useOnClickOutside.ts
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -5538,7 +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_CONNECT_TIMEOUT_MS = 3e5;
+var FLOW_BRIDGE_PROXY_TIMEOUT_MS = 75e3;
 function isRecord(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -5605,15 +5605,24 @@ function createFlowBridgeClient({
       }
       return { available: true, name: bridge.name, version: bridge.version, protocol: bridge.protocol, roundTripMs };
     },
-    async connect(env, { timeoutMs = FLOW_BRIDGE_CONNECT_TIMEOUT_MS } = {}) {
+    async proxy({ env, tokenSuffix, method, path }) {
       const started = clock();
-      const reply = await exchange({ op: "connect", env }, timeoutMs);
-      const waitedMs = Math.round(clock() - started);
+      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, error: { code: "no-bridge", message: `Keine Freigabe innerhalb von ${Math.round(timeoutMs / 1e3)} s \u2014 Extension fehlt, Frame nicht freigegeben oder Popup nicht bestaetigt.` }, waitedMs };
+        return { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs, error: noBridge(FLOW_BRIDGE_PROXY_TIMEOUT_MS) };
       }
-      if (reply.ok !== true || reply.env !== env || typeof reply.server !== "string") return { ok: false, error: readError(reply.error), waitedMs };
-      return { ok: true, env, server: reply.server, waitedMs };
+      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();
@@ -6025,7 +6034,7 @@ function stepText(step) {
 }
 var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) => {
   const bridge = _react.useMemo.call(void 0, () => _nullishCoalesce(client, () => ( createFlowBridgeClient({ appVersion }))), [client, appVersion]);
-  const [connection, setConnection] = _react.useState.call(void 0, null);
+  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);
@@ -6036,10 +6045,10 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
     if (!tokenSuffix) return void 0;
     let active = true;
     void (async () => {
-      const connected = bridge.connect ? await bridge.connect(environment) : { ok: false, error: { code: "no-bridge", message: "Bridge-Client ohne connect." }, waitedMs: 0 };
+      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;
-      setConnection(connected);
-      if (!connected.ok) return;
+      setAccess(checked);
+      if (!checked.ok || checked.status !== 200) return;
       const result = await loadFlowApp({ bridge, environment, tokenSuffix, onStep: (next) => {
         if (active) setSteps(next);
       } });
@@ -6063,7 +6072,9 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
         customTabs: [],
         apiKey: null,
         backendUrl: load.backendUrl,
-        transport: "flow-bridge"
+        transport: "flow-bridge",
+        bridgeEnv: environment,
+        bridgeTokenSuffix: tokenSuffix
       }));
     } catch (error) {
       setRenderError(error instanceof Error ? error.message : String(error));
@@ -6072,8 +6083,9 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
       _optionalChain([root, 'optionalAccess', _195 => _195.unmount, 'call', _196 => _196()]);
       style.remove();
     };
-  }, [load]);
-  const failed = !tokenSuffix || connection !== null && !connection.ok || load !== null && !load.ok || renderError !== null;
+  }, [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" }),
@@ -6081,14 +6093,15 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
     ] }),
     !_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 && !connection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "flow-fine-art-app-connect", style: { color: "#fbbf24" }, children: `Freigabe n\xF6tig: Extension-Popup \u201EFine-Art Flow Bridge\u201C \xF6ffnen (Zahl am Symbol) \u2192 \u201EFreigeben\u201C f\xFCr ${environment.toUpperCase()} (${target.backendUrl}).` }),
-      connection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "flow-fine-art-app-connect", style: { color: connection.ok ? "rgba(255,255,255,0.6)" : "#f87171" }, children: connection.ok ? `Freigegeben f\xFCr dieses Dokument \xB7 ${connection.server} \xB7 nach ${connection.waitedMs} ms` : `Keine Freigabe \u2014 ${connection.error.code}: ${connection.error.message}` }),
-      connection && !connection.ok && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "font-bold", style: { color: "#f87171" }, children: "App nicht gestartet \u2014 ohne Freigabe erreicht sie ihren Server nicht." }),
+      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', _198 => _198.ok]) && !failed ? "block" : "none" } })
+    /* @__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" } })
   ] });
 };
 
@@ -6297,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', _199 => _199.current, 'access', _200 => _200.find, 'call', _201 => _201((g) => g.id === entry.id), 'optionalAccess', _202 => _202.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) => {
@@ -6316,7 +6329,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   }, [hfToken, effectiveNamespace]);
   _react.useEffect.call(void 0, () => {
     if (!hfState) return;
-    if (_optionalChain([hfState, 'access', _203 => _203.tags, 'optionalAccess', _204 => _204.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,
@@ -6414,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', _205 => _205.base64])),
+    appShellVisible: !showStart && !requireWorkspaceSelection && !(isFullscreen && !!_optionalChain([currentResult, 'optionalAccess', _211 => _211.base64])),
     mobileTab,
     middlePanel,
     activeTab,
     isRightCollapsed
   });
   useThumbnailPrefetch({
-    metadata: _optionalChain([hfState, 'optionalAccess', _206 => _206.metadata]),
+    metadata: _optionalChain([hfState, 'optionalAccess', _212 => _212.metadata]),
     historyVisible,
     galleryVisible,
     historyVisibleCount,
@@ -6482,7 +6495,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   };
   const handleSelectReference = async () => {
     const media = await onSelectMedia();
-    if (!_optionalChain([media, 'optionalAccess', _207 => _207.length])) return;
+    if (!_optionalChain([media, 'optionalAccess', _213 => _213.length])) return;
     const first = media[0];
     if (first.mediaId) {
       setActiveReferenceId(first.mediaId);
@@ -6505,7 +6518,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       generateImage: onGenerateImage,
       saveResult: async (item) => {
         const frame = item.frames[0];
-        if (_optionalChain([frame, 'optionalAccess', _208 => _208.base64])) {
+        if (_optionalChain([frame, 'optionalAccess', _214 => _214.base64])) {
           const gen = frameToGeneration(frame, item);
           setGalleryItems((prev) => [gen, ...prev]);
           setHistory((prev) => [gen, ...prev]);
@@ -6573,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', _209 => _209.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]);
@@ -6587,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', _210 => _210.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(() => {
       });
@@ -6603,13 +6616,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   }, [hfToken, effectiveNamespace, hfWriteEvent]);
   const currentGroup = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _211 => _211.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', _212 => _212.prompt])]);
+  }, [galleryItems, _optionalChain([currentResult, 'optionalAccess', _218 => _218.prompt])]);
   _react.useEffect.call(void 0, () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _213 => _213.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)
     );
@@ -6632,7 +6645,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         }
       }
     })();
-  }, [_optionalChain([currentResult, 'optionalAccess', _214 => _214.id]), _optionalChain([currentResult, 'optionalAccess', _215 => _215.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",
@@ -6713,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', _216 => _216.id]) === genId) setCurrentResult(errorGen);
+      if (!options.silent || _optionalChain([currentResult, 'optionalAccess', _222 => _222.id]) === genId) setCurrentResult(errorGen);
     } finally {
       setActiveGenerationsCount((prev) => Math.max(0, prev - 1));
     }
@@ -6849,7 +6862,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   };
   const handleDownloadSingle = async () => {
-    if (!_optionalChain([currentResult, 'optionalAccess', _217 => _217.base64])) return;
+    if (!_optionalChain([currentResult, 'optionalAccess', _223 => _223.base64])) return;
     try {
       const downloadSrc = currentResult.fullBase64 || currentResult.base64;
       const base64Data = downloadSrc.split(",")[1];
@@ -6865,9 +6878,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const reader = new FileReader();
     reader.onload = (ev) => {
       try {
-        const root = JSON.parse(_optionalChain([ev, 'access', _218 => _218.target, 'optionalAccess', _219 => _219.result]));
+        const root = JSON.parse(_optionalChain([ev, 'access', _224 => _224.target, 'optionalAccess', _225 => _225.result]));
         const rawTags = root.tags || root;
-        if (!_optionalChain([rawTags, 'optionalAccess', _220 => _220.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]) => {
@@ -6884,7 +6897,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   };
   const handleHfInitialSync = async (onProgress) => {
     if (!hfToken || !effectiveNamespace) return;
-    const existingIds = new Set((_optionalChain([hfState, 'optionalAccess', _221 => _221.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);
@@ -6910,7 +6923,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   };
   const mergeWorkspaceTags = (local, remote) => {
-    if (!_optionalChain([remote, 'optionalAccess', _222 => _222.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) {
@@ -6920,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', _223 => _223.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];
@@ -6928,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', _224 => _224.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, 
@@ -7160,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', _225 => _225.base64])) {
+        if (_optionalChain([frame, 'optionalAccess', _231 => _231.base64])) {
           setCurrentResult(frameToGeneration(frame, item));
           setMobileTab("stage");
         }
@@ -7184,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', _226 => _226.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" }),
@@ -7235,21 +7248,21 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 setTouchStartX(null);
               },
               children: [
-                _optionalChain([currentResult, 'optionalAccess', _227 => _227.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', _228 => _228.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', _229 => _229.error, 'optionalAccess', _230 => _230.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', _231 => _231.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', _232 => _232.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" }) }),
@@ -7262,7 +7275,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               ]
             }
           ),
-          _optionalChain([currentResult, 'optionalAccess', _233 => _233.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",
               {
@@ -7305,7 +7318,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               }
             )
           ] }, item.id)) }),
-          _optionalChain([currentResult, 'optionalAccess', _234 => _234.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" })
@@ -7327,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', _235 => _235.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', _236 => _236.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)),
@@ -7482,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', _237 => _237.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" }) })
@@ -7511,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', _238 => _238.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, 
@@ -7527,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', _239 => _239.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', _240 => _240.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', _241 => _241.error, 'optionalAccess', _242 => _242.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', _243 => _243.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', _244 => _244.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" }) }),
@@ -7554,7 +7567,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ] })
           }
         ),
-        _optionalChain([currentResult, 'optionalAccess', _245 => _245.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" })
@@ -7676,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', _246 => _246.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" })
         ] })
@@ -7688,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', _247 => _247.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" }),
@@ -7697,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', _248 => _248.error, 'optionalAccess', _249 => _249.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: [
@@ -7711,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', _250 => _250.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",
               {
@@ -7792,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', _251 => _251.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', _252 => _252.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)),
@@ -7955,7 +7968,7 @@ function createFaStore({ contracts, descriptors, persistence, workspaceId }) {
       };
     };
     const applyWriteResult = (sliceId, result, savedData, signal) => {
-      if (_optionalChain([signal, 'optionalAccess', _253 => _253.aborted])) {
+      if (_optionalChain([signal, 'optionalAccess', _259 => _259.aborted])) {
         patchMeta(sliceId, { saveState: "idle" });
         return result;
       }
@@ -7983,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', _254 => _254.aborted]) || _optionalChain([get, 'call', _255 => _255(), 'access', _256 => _256.meta, 'access', _257 => _257[sliceId], 'optionalAccess', _258 => _258.loadRequestId]) !== requestId) {
-          if (_optionalChain([signal, 'optionalAccess', _259 => _259.aborted]) && _optionalChain([get, 'call', _260 => _260(), 'access', _261 => _261.meta, 'access', _262 => _262[sliceId], 'optionalAccess', _263 => _263.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;
@@ -8019,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', _264 => _264.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();
@@ -8072,7 +8085,7 @@ function createInMemoryWorkspacePersistence(now = () => Date.now()) {
     }
     const saved = {
       ...clone(slice),
-      revision: (_nullishCoalesce(_optionalChain([current, 'optionalAccess', _265 => _265.revision]), () => ( 0))) + 1,
+      revision: (_nullishCoalesce(_optionalChain([current, 'optionalAccess', _271 => _271.revision]), () => ( 0))) + 1,
       updatedAt: now(),
       ...resetAt !== void 0 ? { resetAt } : {}
     };
@@ -8153,7 +8166,7 @@ function createPersistenceCoordinator({
     if (disposed) return;
     const runtime = runtimeOf(sliceId);
     const meta = store.getState().meta[sliceId];
-    if (!_optionalChain([meta, 'optionalAccess', _266 => _266.dirty])) return;
+    if (!_optionalChain([meta, 'optionalAccess', _272 => _272.dirty])) return;
     if (meta.saveState === "restoring" || meta.saveState === "saving") {
       runtime.pendingSave = true;
       return;
@@ -8181,7 +8194,7 @@ function createPersistenceCoordinator({
   return {
     async load(sliceId) {
       const runtime = runtimeOf(sliceId);
-      _optionalChain([runtime, 'access', _267 => _267.loadController, 'optionalAccess', _268 => _268.abort, 'call', _269 => _269()]);
+      _optionalChain([runtime, 'access', _273 => _273.loadController, 'optionalAccess', _274 => _274.abort, 'call', _275 => _275()]);
       runtime.loadController = new AbortController();
       const controller = runtime.loadController;
       try {
@@ -8209,8 +8222,8 @@ function createPersistenceCoordinator({
       disposed = true;
       for (const runtime of runtimes.values()) {
         clearTimer(runtime);
-        _optionalChain([runtime, 'access', _270 => _270.loadController, 'optionalAccess', _271 => _271.abort, 'call', _272 => _272()]);
-        _optionalChain([runtime, 'access', _273 => _273.saveController, 'optionalAccess', _274 => _274.abort, 'call', _275 => _275()]);
+        _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();
@@ -8364,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', _276 => _276.szenen, 'optionalAccess', _277 => _277.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', _278 => _278.szenen_links]), () => ( null));
+  const links = _nullishCoalesce(_optionalChain([item, 'optionalAccess', _284 => _284.szenen_links]), () => ( null));
   if (!links || links.prompt_run_id !== runId) {
     return {
       run: null,
@@ -8397,15 +8410,15 @@ function zugehoerigkeitOf(item) {
   return { run, scene, hinweis: null };
 }
 function zugehoerigkeitenOf(item) {
-  const szenen = _optionalChain([item, 'optionalAccess', _279 => _279.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', _280 => _280.prompt_run_id]));
-  const linkFuer = (runId) => _nullishCoalesce((_nullishCoalesce(_optionalChain([item, 'optionalAccess', _281 => _281.szenen_run_links]), () => ( []))).find((l) => l.prompt_run_id === runId), () => ( (_optionalChain([item, 'optionalAccess', _282 => _282.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) });

package/dist/index.mjs

@@ -22,7 +22,7 @@ import "./chunk-FUY2OCVC.mjs";
 import "./chunk-GKLCL2VQ.mjs";
 
 // package.json
-var version = "10.3.5";
+var version = "10.3.6";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -5538,7 +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_CONNECT_TIMEOUT_MS = 3e5;
+var FLOW_BRIDGE_PROXY_TIMEOUT_MS = 75e3;
 function isRecord(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -5605,15 +5605,24 @@ function createFlowBridgeClient({
       }
       return { available: true, name: bridge.name, version: bridge.version, protocol: bridge.protocol, roundTripMs };
     },
-    async connect(env, { timeoutMs = FLOW_BRIDGE_CONNECT_TIMEOUT_MS } = {}) {
+    async proxy({ env, tokenSuffix, method, path }) {
       const started = clock();
-      const reply = await exchange({ op: "connect", env }, timeoutMs);
-      const waitedMs = Math.round(clock() - started);
+      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, error: { code: "no-bridge", message: `Keine Freigabe innerhalb von ${Math.round(timeoutMs / 1e3)} s \u2014 Extension fehlt, Frame nicht freigegeben oder Popup nicht bestaetigt.` }, waitedMs };
+        return { ok: false, transport: null, status: null, data: null, latencyMs: null, roundTripMs, error: noBridge(FLOW_BRIDGE_PROXY_TIMEOUT_MS) };
       }
-      if (reply.ok !== true || reply.env !== env || typeof reply.server !== "string") return { ok: false, error: readError(reply.error), waitedMs };
-      return { ok: true, env, server: reply.server, waitedMs };
+      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();
@@ -6025,7 +6034,7 @@ function stepText(step) {
 }
 var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) => {
   const bridge = useMemo7(() => client ?? createFlowBridgeClient({ appVersion }), [client, appVersion]);
-  const [connection, setConnection] = useState26(null);
+  const [access, setAccess] = useState26(null);
   const [steps, setSteps] = useState26([]);
   const [load, setLoad] = useState26(null);
   const [renderError, setRenderError] = useState26(null);
@@ -6036,10 +6045,10 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
     if (!tokenSuffix) return void 0;
     let active = true;
     void (async () => {
-      const connected = bridge.connect ? await bridge.connect(environment) : { ok: false, error: { code: "no-bridge", message: "Bridge-Client ohne connect." }, waitedMs: 0 };
+      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;
-      setConnection(connected);
-      if (!connected.ok) return;
+      setAccess(checked);
+      if (!checked.ok || checked.status !== 200) return;
       const result = await loadFlowApp({ bridge, environment, tokenSuffix, onStep: (next) => {
         if (active) setSteps(next);
       } });
@@ -6063,7 +6072,9 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
         customTabs: [],
         apiKey: null,
         backendUrl: load.backendUrl,
-        transport: "flow-bridge"
+        transport: "flow-bridge",
+        bridgeEnv: environment,
+        bridgeTokenSuffix: tokenSuffix
       }));
     } catch (error) {
       setRenderError(error instanceof Error ? error.message : String(error));
@@ -6072,8 +6083,9 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
       root?.unmount();
       style.remove();
     };
-  }, [load]);
-  const failed = !tokenSuffix || connection !== null && !connection.ok || load !== null && !load.ok || renderError !== null;
+  }, [load, environment, tokenSuffix]);
+  const accessFailed = access !== null && (!access.ok || access.status !== 200);
+  const failed = !tokenSuffix || accessFailed || load !== null && !load.ok || renderError !== null;
   return /* @__PURE__ */ jsxs28("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col", "data-testid": "flow-fine-art-app", children: [
     /* @__PURE__ */ jsxs28("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__ */ jsx30("button", { type: "button", onClick: onClose, className: "font-bold text-white/80", children: "\u2190 FlowFA" }),
@@ -6081,9 +6093,10 @@ var FlowFineArtApp = ({ environment, hfToken, appVersion, client, onClose }) =>
     ] }),
     !load?.ok && /* @__PURE__ */ jsxs28("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__ */ jsx30("span", { role: "alert", style: { color: "#f87171" }, children: "Kein HF-Token in FlowFA gesetzt \u2014 ohne ihn kein Zugang zum MCP-Host." }),
-      tokenSuffix && !connection && /* @__PURE__ */ jsx30("span", { "data-testid": "flow-fine-art-app-connect", style: { color: "#fbbf24" }, children: `Freigabe n\xF6tig: Extension-Popup \u201EFine-Art Flow Bridge\u201C \xF6ffnen (Zahl am Symbol) \u2192 \u201EFreigeben\u201C f\xFCr ${environment.toUpperCase()} (${target.backendUrl}).` }),
-      connection && /* @__PURE__ */ jsx30("span", { "data-testid": "flow-fine-art-app-connect", style: { color: connection.ok ? "rgba(255,255,255,0.6)" : "#f87171" }, children: connection.ok ? `Freigegeben f\xFCr dieses Dokument \xB7 ${connection.server} \xB7 nach ${connection.waitedMs} ms` : `Keine Freigabe \u2014 ${connection.error.code}: ${connection.error.message}` }),
-      connection && !connection.ok && /* @__PURE__ */ jsx30("span", { role: "alert", className: "font-bold", style: { color: "#f87171" }, children: "App nicht gestartet \u2014 ohne Freigabe erreicht sie ihren Server nicht." }),
+      tokenSuffix && !access && /* @__PURE__ */ jsx30("span", { "data-testid": "flow-fine-art-app-access", className: "text-white/60", children: `Datenzugang ${environment.toUpperCase()} wird gepr\xFCft \u2026` }),
+      access && /* @__PURE__ */ jsx30("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 ${access.transport ?? "kein Transport"} \xB7 ${access.roundTripMs} ms` : `Datenzugang: ${access.error?.code}: ${access.error?.message}` }),
+      access?.error?.code === "not-approved" && /* @__PURE__ */ jsx30("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__ */ jsx30("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__ */ jsx30("span", { style: { color: step.error ? "#f87171" : "rgba(255,255,255,0.6)" }, children: stepText(step) }, step.file)),
       load && !load.ok && /* @__PURE__ */ jsx30("span", { role: "alert", className: "font-bold", style: { color: "#f87171" }, children: `App nicht gestartet \u2014 ${load.error}` })
     ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rslsp1/fa-app-tools",
-  "version": "10.3.5",
+  "version": "10.3.6",
   "description": "Shared tools and hooks for Fine Art flow apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",