@rslsp1/fa-app-tools 2.0.81 → 2.0.82

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, f as WriteResult, e as WorkspaceTabId, C as CommandResult, R as RequestContext, Q as QueryResult } from './contracts-DdYOMBl9.mjs';
 
-var version = "2.0.81";
+var version = "2.0.82";
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 

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, f as WriteResult, e as WorkspaceTabId, C as CommandResult, R as RequestContext, Q as QueryResult } from './contracts-DdYOMBl9.js';
 
-var version = "2.0.81";
+var version = "2.0.82";
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 

package/dist/index.js

@@ -786,7 +786,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // package.json
-var version = "2.0.81";
+var version = "2.0.82";
 
 // src/hooks/useOnClickOutside.ts
 var import_react = require("react");
@@ -3692,6 +3692,21 @@ function validateTagBaseSelection(base, userId, contextId) {
 // src/hooks/useTagBase.ts
 var USER_ID_KEY = "aa-user-id";
 var CONTEXT_ID_KEY = "aa-context-id";
+var IDENTITY_NAMESPACE_KEY = "aa-identity-namespace";
+function readStoredNamespace() {
+  try {
+    return localStorage.getItem(IDENTITY_NAMESPACE_KEY);
+  } catch {
+    return null;
+  }
+}
+function writeStoredNamespace(namespace) {
+  try {
+    if (namespace === null) localStorage.removeItem(IDENTITY_NAMESPACE_KEY);
+    else localStorage.setItem(IDENTITY_NAMESPACE_KEY, namespace);
+  } catch {
+  }
+}
 function readStoredId(key) {
   try {
     const v = localStorage.getItem(key);
@@ -3728,6 +3743,16 @@ function useTagBase(token, namespace) {
   }, [selectedContextId]);
   const load = (0, import_react19.useCallback)(async () => {
     if (!token || !namespace) return;
+    if (readStoredNamespace() !== namespace) {
+      selectedUserIdRef.current = null;
+      selectedContextIdRef.current = null;
+      setSelectedUserId(null);
+      setSelectedContextId(null);
+      writeStoredId(USER_ID_KEY, null);
+      writeStoredId(CONTEXT_ID_KEY, null);
+      writeStoredNamespace(namespace);
+      setPickerMessage(null);
+    }
     setIsLoading(true);
     setError(null);
     try {
@@ -3766,16 +3791,19 @@ function useTagBase(token, namespace) {
     setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, userId);
     writeStoredId(CONTEXT_ID_KEY, null);
-  }, []);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const selectContext = (0, import_react19.useCallback)((contextId) => {
     setSelectedContextId(contextId);
     writeStoredId(CONTEXT_ID_KEY, contextId);
-  }, []);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const resetSelection = (0, import_react19.useCallback)(() => {
     setSelectedUserId(null);
     setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, null);
     writeStoredId(CONTEXT_ID_KEY, null);
+    writeStoredNamespace(null);
     setPickerMessage(null);
   }, []);
   const validation = tagBase ? validateTagBaseSelection(tagBase, selectedUserId, selectedContextId) : { valid: false, reason: null };
@@ -17516,6 +17544,57 @@ function createFlowSzenenViewPort(options) {
   return port;
 }
 
+// src/lib/flowBootstrapTarget.ts
+var PROD_NAMESPACE = "app.art-by-rolands.de/";
+var DEV_NAMESPACE = "dev-app.art-by-rolands.de/";
+var SELECTABLE_NAMESPACES = [PROD_NAMESPACE, DEV_NAMESPACE];
+var DEFAULT_NAMESPACE = PROD_NAMESPACE;
+function environmentForNamespace(namespace) {
+  if (!namespace) return null;
+  if (namespace === DEV_NAMESPACE) return "dev";
+  if (namespace === PROD_NAMESPACE) return "prod";
+  return null;
+}
+function normalizeSelectableNamespace(namespace) {
+  return namespace && SELECTABLE_NAMESPACES.includes(namespace) ? namespace : DEFAULT_NAMESPACE;
+}
+function resolveBootstrapTarget(input) {
+  const { hostNamespace, serverNamespace, isProbingServer = false } = input;
+  if (hostNamespace) {
+    return {
+      source: "host",
+      phase: "ready",
+      ready: true,
+      namespace: hostNamespace,
+      environment: environmentForNamespace(hostNamespace)
+    };
+  }
+  if (serverNamespace) {
+    return {
+      source: "server",
+      phase: "ready",
+      ready: true,
+      namespace: serverNamespace,
+      environment: environmentForNamespace(serverNamespace)
+    };
+  }
+  if (isProbingServer) {
+    return { source: "server", phase: "probing", ready: false, namespace: null, environment: null };
+  }
+  const { selectedNamespace, isStartDialogOpen = false } = input;
+  if (isStartDialogOpen) {
+    return { source: "dialog", phase: "awaiting-choice", ready: false, namespace: null, environment: null };
+  }
+  const namespace = normalizeSelectableNamespace(selectedNamespace);
+  return {
+    source: "dialog",
+    phase: "ready",
+    ready: true,
+    namespace,
+    environment: environmentForNamespace(namespace)
+  };
+}
+
 // src/components/AvatarArchitectApp.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
@@ -17542,27 +17621,33 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfTokenInput, setHfTokenInput] = (0, import_react47.useState)(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react47.useState)(false);
   const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react47.useState)(() => {
-    const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
-    const DEFAULT = "app.art-by-rolands.de/";
     try {
-      const stored = localStorage.getItem("aa-hf-namespace");
-      if (stored && KNOWN.includes(stored)) return stored;
-      localStorage.setItem("aa-hf-namespace", DEFAULT);
-      return DEFAULT;
+      return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
     } catch {
-      return DEFAULT;
+      return DEFAULT_NAMESPACE;
     }
   });
   const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react47.useState)(null);
+  const [serverProbeFailed, setServerProbeFailed] = (0, import_react47.useState)(false);
   (0, import_react47.useEffect)(() => {
     if (hfNamespace !== void 0 || !serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string" && d.hfNamespace) setHfNamespaceFromServer(d.hfNamespace);
-    }).catch(() => {
-    });
+      else setServerProbeFailed(true);
+    }).catch(() => setServerProbeFailed(true));
   }, [hfNamespace, serverBaseUrl]);
-  const effectiveNamespace = hfNamespace ?? hfNamespaceFromServer ?? hfNamespaceLocal;
-  const szenenPort = (0, import_react47.useMemo)(() => hfToken ? createFlowSzenenViewPort({
+  const [targetConfirmed, setTargetConfirmed] = (0, import_react47.useState)(false);
+  const isDialogTarget = hfNamespace === void 0 && hfNamespaceFromServer === null && (!serverBaseUrl || serverProbeFailed);
+  const isProbingServer = hfNamespace === void 0 && !!serverBaseUrl && hfNamespaceFromServer === null && !serverProbeFailed;
+  const bootstrapTarget = resolveBootstrapTarget({
+    hostNamespace: hfNamespace,
+    serverNamespace: hfNamespaceFromServer,
+    isProbingServer,
+    selectedNamespace: hfNamespaceLocal,
+    isStartDialogOpen: isDialogTarget && !targetConfirmed
+  });
+  const effectiveNamespace = bootstrapTarget.namespace ?? "";
+  const szenenPort = (0, import_react47.useMemo)(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
     generateText: onGeneratePrompt,
     token: hfToken,
     namespace: effectiveNamespace
@@ -17640,6 +17725,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     } catch {
     }
     setLayoutChoice(choice);
+    setTargetConfirmed(true);
     setShowStart(false);
   };
   const [nodes, setNodes] = (0, import_react47.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
@@ -18401,45 +18487,6 @@ 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 (requireWorkspaceSelection) {
-    if (!hfToken) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("section", { className: "flow-workspace-picker__card", role: "alert", children: "HF-Token fehlt \u2014 User und Context koennen nicht aus der Tag-Base geladen werden." }) });
-    }
-    if (tagBaseResult.isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", children: [
-        "Lade User und Contexts aus ",
-        effectiveNamespace,
-        "\u2026"
-      ] }) });
-    }
-    if (tagBaseResult.error) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", role: "alert", children: [
-        "Tag-Base ",
-        effectiveNamespace,
-        " konnte nicht geladen werden: ",
-        tagBaseResult.error
-      ] }) });
-    }
-    if (!tagBaseResult.tagBase) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", role: "alert", children: [
-        "Im Namespace ",
-        effectiveNamespace,
-        " fehlt tags-state-*.zip. Der Server muss zuerst die Tag-Base erzeugen."
-      ] }) });
-    }
-    if (tagBaseResult.needsPicker) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FlowWorkspacePicker,
-        {
-          tagBase: tagBaseResult.tagBase,
-          selectedUserId: tagBaseResult.selectedUserId,
-          message: tagBaseResult.pickerMessage,
-          onSelectUser: tagBaseResult.selectUser,
-          onSelectContext: tagBaseResult.selectContext
-        }
-      );
-    }
-  }
   if (isFullscreen && currentResult?.base64) {
     const fsRaw = currentResult.fullBase64 || currentResult.base64;
     const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
@@ -18583,7 +18630,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        !hfNamespace && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+        isDialogTarget && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
           /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
           ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "button",
@@ -18668,7 +18715,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           "button",
           {
             type: "button",
-            disabled: !szenenPort,
+            disabled: !szenenPort || !bootstrapTarget.ready,
             onClick: () => setShowSzenen(true),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined", children: "movie" }),
@@ -18703,6 +18750,48 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       ] })
     ] });
   }
+  if (requireWorkspaceSelection) {
+    if (!bootstrapTarget.ready) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("section", { className: "flow-workspace-picker__card", children: "Zielraum wird bestimmt\u2026" }) });
+    }
+    if (!hfToken) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("section", { className: "flow-workspace-picker__card", role: "alert", children: "HF-Token fehlt \u2014 User und Context koennen nicht aus der Tag-Base geladen werden." }) });
+    }
+    if (tagBaseResult.isLoading) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", children: [
+        "Lade User und Contexts aus ",
+        effectiveNamespace,
+        "\u2026"
+      ] }) });
+    }
+    if (tagBaseResult.error) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Tag-Base ",
+        effectiveNamespace,
+        " konnte nicht geladen werden: ",
+        tagBaseResult.error
+      ] }) });
+    }
+    if (!tagBaseResult.tagBase) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Im Namespace ",
+        effectiveNamespace,
+        " fehlt tags-state-*.zip. Der Server muss zuerst die Tag-Base erzeugen."
+      ] }) });
+    }
+    if (tagBaseResult.needsPicker) {
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        FlowWorkspacePicker,
+        {
+          tagBase: tagBaseResult.tagBase,
+          selectedUserId: tagBaseResult.selectedUserId,
+          message: tagBaseResult.pickerMessage,
+          onSelectUser: tagBaseResult.selectUser,
+          onSelectContext: tagBaseResult.selectContext
+        }
+      );
+    }
+  }
   if (layoutChoice === "mobile" || layoutChoice === "mobile-desktop") {
     const mdMode = layoutChoice === "mobile-desktop";
     const mdScale = mdMode ? window.innerWidth / 430 : 1;

package/dist/index.mjs

@@ -30,7 +30,7 @@ import {
 } from "./chunk-VBWQP7PO.mjs";
 
 // package.json
-var version = "2.0.81";
+var version = "2.0.82";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -2922,6 +2922,21 @@ function validateTagBaseSelection(base, userId, contextId) {
 // src/hooks/useTagBase.ts
 var USER_ID_KEY = "aa-user-id";
 var CONTEXT_ID_KEY = "aa-context-id";
+var IDENTITY_NAMESPACE_KEY = "aa-identity-namespace";
+function readStoredNamespace() {
+  try {
+    return localStorage.getItem(IDENTITY_NAMESPACE_KEY);
+  } catch {
+    return null;
+  }
+}
+function writeStoredNamespace(namespace) {
+  try {
+    if (namespace === null) localStorage.removeItem(IDENTITY_NAMESPACE_KEY);
+    else localStorage.setItem(IDENTITY_NAMESPACE_KEY, namespace);
+  } catch {
+  }
+}
 function readStoredId(key) {
   try {
     const v = localStorage.getItem(key);
@@ -2958,6 +2973,16 @@ function useTagBase(token, namespace) {
   }, [selectedContextId]);
   const load = useCallback2(async () => {
     if (!token || !namespace) return;
+    if (readStoredNamespace() !== namespace) {
+      selectedUserIdRef.current = null;
+      selectedContextIdRef.current = null;
+      setSelectedUserId(null);
+      setSelectedContextId(null);
+      writeStoredId(USER_ID_KEY, null);
+      writeStoredId(CONTEXT_ID_KEY, null);
+      writeStoredNamespace(namespace);
+      setPickerMessage(null);
+    }
     setIsLoading(true);
     setError(null);
     try {
@@ -2996,16 +3021,19 @@ function useTagBase(token, namespace) {
     setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, userId);
     writeStoredId(CONTEXT_ID_KEY, null);
-  }, []);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const selectContext = useCallback2((contextId) => {
     setSelectedContextId(contextId);
     writeStoredId(CONTEXT_ID_KEY, contextId);
-  }, []);
+    writeStoredNamespace(namespace);
+  }, [namespace]);
   const resetSelection = useCallback2(() => {
     setSelectedUserId(null);
     setSelectedContextId(null);
     writeStoredId(USER_ID_KEY, null);
     writeStoredId(CONTEXT_ID_KEY, null);
+    writeStoredNamespace(null);
     setPickerMessage(null);
   }, []);
   const validation = tagBase ? validateTagBaseSelection(tagBase, selectedUserId, selectedContextId) : { valid: false, reason: null };
@@ -5712,6 +5740,57 @@ function FlowWorkspacePicker({
   ] }) });
 }
 
+// src/lib/flowBootstrapTarget.ts
+var PROD_NAMESPACE = "app.art-by-rolands.de/";
+var DEV_NAMESPACE = "dev-app.art-by-rolands.de/";
+var SELECTABLE_NAMESPACES = [PROD_NAMESPACE, DEV_NAMESPACE];
+var DEFAULT_NAMESPACE = PROD_NAMESPACE;
+function environmentForNamespace(namespace) {
+  if (!namespace) return null;
+  if (namespace === DEV_NAMESPACE) return "dev";
+  if (namespace === PROD_NAMESPACE) return "prod";
+  return null;
+}
+function normalizeSelectableNamespace(namespace) {
+  return namespace && SELECTABLE_NAMESPACES.includes(namespace) ? namespace : DEFAULT_NAMESPACE;
+}
+function resolveBootstrapTarget(input) {
+  const { hostNamespace, serverNamespace, isProbingServer = false } = input;
+  if (hostNamespace) {
+    return {
+      source: "host",
+      phase: "ready",
+      ready: true,
+      namespace: hostNamespace,
+      environment: environmentForNamespace(hostNamespace)
+    };
+  }
+  if (serverNamespace) {
+    return {
+      source: "server",
+      phase: "ready",
+      ready: true,
+      namespace: serverNamespace,
+      environment: environmentForNamespace(serverNamespace)
+    };
+  }
+  if (isProbingServer) {
+    return { source: "server", phase: "probing", ready: false, namespace: null, environment: null };
+  }
+  const { selectedNamespace, isStartDialogOpen = false } = input;
+  if (isStartDialogOpen) {
+    return { source: "dialog", phase: "awaiting-choice", ready: false, namespace: null, environment: null };
+  }
+  const namespace = normalizeSelectableNamespace(selectedNamespace);
+  return {
+    source: "dialog",
+    phase: "ready",
+    ready: true,
+    namespace,
+    environment: environmentForNamespace(namespace)
+  };
+}
+
 // src/components/AvatarArchitectApp.tsx
 import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
@@ -5738,27 +5817,33 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfTokenInput, setHfTokenInput] = useState25(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = useState25(false);
   const [hfNamespaceLocal, setHfNamespaceLocal] = useState25(() => {
-    const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
-    const DEFAULT = "app.art-by-rolands.de/";
     try {
-      const stored = localStorage.getItem("aa-hf-namespace");
-      if (stored && KNOWN.includes(stored)) return stored;
-      localStorage.setItem("aa-hf-namespace", DEFAULT);
-      return DEFAULT;
+      return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
     } catch {
-      return DEFAULT;
+      return DEFAULT_NAMESPACE;
     }
   });
   const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState25(null);
+  const [serverProbeFailed, setServerProbeFailed] = useState25(false);
   useEffect10(() => {
     if (hfNamespace !== void 0 || !serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string" && d.hfNamespace) setHfNamespaceFromServer(d.hfNamespace);
-    }).catch(() => {
-    });
+      else setServerProbeFailed(true);
+    }).catch(() => setServerProbeFailed(true));
   }, [hfNamespace, serverBaseUrl]);
-  const effectiveNamespace = hfNamespace ?? hfNamespaceFromServer ?? hfNamespaceLocal;
-  const szenenPort = useMemo6(() => hfToken ? createFlowSzenenViewPort({
+  const [targetConfirmed, setTargetConfirmed] = useState25(false);
+  const isDialogTarget = hfNamespace === void 0 && hfNamespaceFromServer === null && (!serverBaseUrl || serverProbeFailed);
+  const isProbingServer = hfNamespace === void 0 && !!serverBaseUrl && hfNamespaceFromServer === null && !serverProbeFailed;
+  const bootstrapTarget = resolveBootstrapTarget({
+    hostNamespace: hfNamespace,
+    serverNamespace: hfNamespaceFromServer,
+    isProbingServer,
+    selectedNamespace: hfNamespaceLocal,
+    isStartDialogOpen: isDialogTarget && !targetConfirmed
+  });
+  const effectiveNamespace = bootstrapTarget.namespace ?? "";
+  const szenenPort = useMemo6(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
     generateText: onGeneratePrompt,
     token: hfToken,
     namespace: effectiveNamespace
@@ -5836,6 +5921,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     } catch {
     }
     setLayoutChoice(choice);
+    setTargetConfirmed(true);
     setShowStart(false);
   };
   const [nodes, setNodes] = useState25([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
@@ -6597,45 +6683,6 @@ 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 (requireWorkspaceSelection) {
-    if (!hfToken) {
-      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsx29("section", { className: "flow-workspace-picker__card", role: "alert", children: "HF-Token fehlt \u2014 User und Context koennen nicht aus der Tag-Base geladen werden." }) });
-    }
-    if (tagBaseResult.isLoading) {
-      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", children: [
-        "Lade User und Contexts aus ",
-        effectiveNamespace,
-        "\u2026"
-      ] }) });
-    }
-    if (tagBaseResult.error) {
-      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
-        "Tag-Base ",
-        effectiveNamespace,
-        " konnte nicht geladen werden: ",
-        tagBaseResult.error
-      ] }) });
-    }
-    if (!tagBaseResult.tagBase) {
-      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
-        "Im Namespace ",
-        effectiveNamespace,
-        " fehlt tags-state-*.zip. Der Server muss zuerst die Tag-Base erzeugen."
-      ] }) });
-    }
-    if (tagBaseResult.needsPicker) {
-      return /* @__PURE__ */ jsx29(
-        FlowWorkspacePicker,
-        {
-          tagBase: tagBaseResult.tagBase,
-          selectedUserId: tagBaseResult.selectedUserId,
-          message: tagBaseResult.pickerMessage,
-          onSelectUser: tagBaseResult.selectUser,
-          onSelectContext: tagBaseResult.selectContext
-        }
-      );
-    }
-  }
   if (isFullscreen && currentResult?.base64) {
     const fsRaw = currentResult.fullBase64 || currentResult.base64;
     const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
@@ -6779,7 +6826,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        !hfNamespace && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 w-full", children: [
+        isDialogTarget && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 w-full", children: [
           /* @__PURE__ */ jsx29("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
           ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ jsx29(
             "button",
@@ -6864,7 +6911,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           "button",
           {
             type: "button",
-            disabled: !szenenPort,
+            disabled: !szenenPort || !bootstrapTarget.ready,
             onClick: () => setShowSzenen(true),
             children: [
               /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined", children: "movie" }),
@@ -6899,6 +6946,48 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       ] })
     ] });
   }
+  if (requireWorkspaceSelection) {
+    if (!bootstrapTarget.ready) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsx29("section", { className: "flow-workspace-picker__card", children: "Zielraum wird bestimmt\u2026" }) });
+    }
+    if (!hfToken) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsx29("section", { className: "flow-workspace-picker__card", role: "alert", children: "HF-Token fehlt \u2014 User und Context koennen nicht aus der Tag-Base geladen werden." }) });
+    }
+    if (tagBaseResult.isLoading) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", children: [
+        "Lade User und Contexts aus ",
+        effectiveNamespace,
+        "\u2026"
+      ] }) });
+    }
+    if (tagBaseResult.error) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Tag-Base ",
+        effectiveNamespace,
+        " konnte nicht geladen werden: ",
+        tagBaseResult.error
+      ] }) });
+    }
+    if (!tagBaseResult.tagBase) {
+      return /* @__PURE__ */ jsx29("main", { className: "flow-workspace-picker", children: /* @__PURE__ */ jsxs27("section", { className: "flow-workspace-picker__card", role: "alert", children: [
+        "Im Namespace ",
+        effectiveNamespace,
+        " fehlt tags-state-*.zip. Der Server muss zuerst die Tag-Base erzeugen."
+      ] }) });
+    }
+    if (tagBaseResult.needsPicker) {
+      return /* @__PURE__ */ jsx29(
+        FlowWorkspacePicker,
+        {
+          tagBase: tagBaseResult.tagBase,
+          selectedUserId: tagBaseResult.selectedUserId,
+          message: tagBaseResult.pickerMessage,
+          onSelectUser: tagBaseResult.selectUser,
+          onSelectContext: tagBaseResult.selectContext
+        }
+      );
+    }
+  }
   if (layoutChoice === "mobile" || layoutChoice === "mobile-desktop") {
     const mdMode = layoutChoice === "mobile-desktop";
     const mdScale = mdMode ? window.innerWidth / 430 : 1;

package/package.json

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